@charset "utf-8";



/*****表单控件*****/

label {cursor:pointer;}

.xinput, .xtext {border:1px solid #bebebe; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:14px; color:#333; width:200px;}

.xinput, .xtext, .xselect {-webkit-transition:0.2s ease-in; transition:0.2s ease-in; -webkit-transition-property:box-shadow; transition-property:box-shadow;}

.xinput {-webkit-transition-property:box-shadow; transition-property:box-shadow;}

.xinput::-webkit-input-placeholder, .xtext::-webkit-input-placeholder {color:#a9a9a9;}

.xinput {height:34px;  padding:0 8px;}

.xtext {height:80px; padding:4px 8px; line-height:20px;}

.xinput.under, .xtext.under {border-top:0; border-left:0; border-right:0; border-bottom:1px solid #bebebe; background-color:transparent;}

.xinput:focus, .xtext:focus, .xselect:hover {border-color:#7a9cd3; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(122,156,211,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(122,156,211,.6)}

.xinput.under:focus, .xtext.under:focus {border-color:#7a9cd3; -webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0); box-shadow:inset 0 0 0 rgba(0,0,0,0),0 0 8px rgba(0,0,0,0);}

.xinput.long, .xtext.long, .xbutton.long, .xselect.long {width:480px;}

.xinput.ful, .xtext.ful, .xbutton.ful, .xselect.ful {width:100%;}

.xinput.round, .xtext.round, .xbutton.round, .xselect.round, .xtable.round, .xtablein.round table {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.xbutton {box-shadow:inset 0px 0px 2px #fff; -webkit-box-shadow:inset 0px 0px 2px #fff; -moz-box-shadow:inset 0px 0px 2px #fff; padding:0 18px; height:34px; cursor:pointer; font-size:12px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}

.xbutton.min {padding:0 12px;}

.xselect {width:200px; height:34px; border:1px solid #bebebe; padding:0 16px 0 6px; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAEAQMAAABvKif3AAAABlBMVEUAAABAQEBTWDqaAAAAAXRSTlMAQObYZgAAABRJREFUCNdj+MfAUMPAYMHAIMAAABAOAcNSkrYcAAAAAElFTkSuQmCC"); background-repeat:no-repeat; background-position:right center; background-color:#fff;}

.xselect.dark {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAEAQMAAABvKif3AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABRJREFUCNdj+MfAUMPAYMHAIMAAABAOAcNSkrYcAAAAAElFTkSuQmCC"); background-color:#333; border-color:#333; color:#fff;}



/*normal*/

.xbutton, .xfile span {color:#333; border:1px solid #bebebe; background-image:-moz-linear-gradient(top,#fff,#e6e6e6); background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image:-webkit-linear-gradient(top,#fff,#e6e6e6); background-image:-o-linear-gradient(top,#fff,#e6e6e6); background-image:linear-gradient(to bottom,#fff,#e6e6e6);}

.xbutton:hover, .xfile:hover span {border:1px solid #bebebe; background-image:-moz-linear-gradient(top,#e6e6e6,#fff); background-image:-webkit-gradient(linear,0 0,0 100%,from(#e6e6e6),to(#fff)); background-image:-webkit-linear-gradient(top,#e6e6e6,#fff); background-image:-o-linear-gradient(top,#e6e6e6,#fff); background-image:linear-gradient(to bottom,#e6e6e6,#fff);}

.xbutton:active {box-shadow:inset 0px 0px 3px rgba(0,0,0,0.3); -o-box-shadow:inset 0px 0px 3px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow:inset 0px 0px 3px rgba(0,0,0,0.3);}



/*blue*/

.xbutton.blue, .xfile.blue span {color:#fff; border:1px solid #000;background:#000; font-family:"Century Gothic"}

.xbutton.blue:hover, .xfile.blue:hover span {color:#fff; border:1px solid #000; background:#000;}



/*red*/

.xbutton.red, .xfile.red span {color:#fff; border:1px solid #c20401; background-image:-moz-linear-gradient(top,#eb3533,#c20401); background-image:-webkit-gradient(linear,0 0,0 100%,from(#eb3533),to(#c20401)); background-image:-webkit-linear-gradient(top,#eb3533,#c20401); background-image:-o-linear-gradient(top,#eb3533,#c20401); background-image:linear-gradient(to bottom,#eb3533,#c20401);}

.xbutton.red:hover, .xfile.red:hover span {color:#fff; border:1px solid #c20401; background-image:-moz-linear-gradient(top,#c20401,#eb3533); background-image:-webkit-gradient(linear,0 0,0 100%,from(#c20401),to(#eb3533)); background-image:-webkit-linear-gradient(top,#c20401,#eb3533); background-image:-o-linear-gradient(top,#c20401,#eb3533); background-image:linear-gradient(to bottom,#c20401,#eb3533);}



/*orange*/

.xbutton.yellow, .xfile.yellow span {color:#fff; border:1px solid #f89406; background-image:-moz-linear-gradient(top,#fbb450,#f89406); background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406)); background-image:-webkit-linear-gradient(top,#fbb450,#f89406); background-image:-o-linear-gradient(top,#fbb450,#f89406); background-image:linear-gradient(to bottom,#fbb450,#f89406);}

.xbutton.yellow:hover, .xfile.yellow:hover span {color:#fff; border:1px solid #f89406; background-image:-moz-linear-gradient(top,#f89406,#fbb450); background-image:-webkit-gradient(linear,0 0,0 100%,from(#f89406),to(#fbb450)); background-image:-webkit-linear-gradient(top,#f89406,#fbb450); background-image:-o-linear-gradient(top,#f89406,#fbb450); background-image:linear-gradient(to bottom,#f89406,#fbb450);}



/*green*/

.xbutton.green, .xfile.green span {color:#fff; border:1px solid #51a351; background-image:-moz-linear-gradient(top,#62c462,#51a351); background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351)); background-image:-webkit-linear-gradient(top,#62c462,#51a351); background-image:-o-linear-gradient(top,#62c462,#51a351); background-image:linear-gradient(to bottom,#62c462,#51a351);}

.xbutton.green:hover, .xfile.green:hover span {color:#fff; border:1px solid #51a351; background-image:-moz-linear-gradient(top,#51a351,#62c462); background-image:-webkit-gradient(linear,0 0,0 100%,from(#51a351),to(#62c462)); background-image:-webkit-linear-gradient(top,#51a351,#62c462); background-image:-o-linear-gradient(top,#51a351,#62c462); background-image:linear-gradient(to bottom,#51a351,#62c462);}



/*black*/

.xbutton.black, .xfile.black span {color:#fff; border:1px solid #222; background-image:-moz-linear-gradient(top,#444,#222); background-image:-webkit-gradient(linear,0 0,0 100%,from(#444),to(#222)); background-image:-webkit-linear-gradient(top,#444,#222); background-image:-o-linear-gradient(top,#444,#222); background-image:linear-gradient(to bottom,#444,#222);}

.xbutton.black:hover, .xfile.black:hover span {color:#fff; border:1px solid #222; background-image:-moz-linear-gradient(top,#222,#444); background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(#444)); background-image:-webkit-linear-gradient(top,#222,#444); background-image:-o-linear-gradient(top,#222,#444); background-image:linear-gradient(to bottom,#222,#444);}



.xbutton.disabled:hover, .xbutton:disabled:hover {box-shadow:none;}

.xbutton.disabled, .xbutton.disabled:hover, .xbutton:disabled, .xbutton:disabled:hover {color:#aeaeae; border:1px solid #d0d0d0; cursor:default; background-image:-moz-linear-gradient(top,#fff,#e6e6e6); background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image:-webkit-linear-gradient(top,#fff,#e6e6e6); background-image:-o-linear-gradient(top,#fff,#e6e6e6); background-image:linear-gradient(to bottom,#fff,#e6e6e6);}

/*****表单控件*****/





/*****单选框*****/

.xradio {height:20px; line-height:20px; position:relative; font-size:14px; margin-bottom:10px;}

.xradio:last-child {margin-bottom:0;}

span.xradio {display:inline-block; margin-bottom:0; margin-right:20px; vertical-align:top;}

.xradio label span {margin-left:26px;}

.xradio label input[type="radio"] {position:absolute; z-index:-1; width:0; height:0; overflow:hidden; visibility:hidden; opacity:0;}

.xradio label em {display:block; width:20px; height:20px; border-radius:50%; border:1px solid #ddd; background-color:#fff; -webkit-box-sizing:border-box; box-sizing:border-box; position:absolute; top:0; left:0; -webkit-transition:0.1s ease-in; transition:0.1s ease-in; -webkit-transition-property:border-color,background-color; transition-property:border-color,background-color;}

.xradio label, .xradio label span {height:20px; line-height:20px; display:inline-block;}

.xradio label input[type="radio"]:checked + em {border-color:#696969; background-color:#696969; background-clip:content-box; padding:4px;}

.xradio.blue label input[type="radio"]:checked + em {border-color:#0c66cf; background-color:#0c66cf;}

.xradio.red label input[type="radio"]:checked + em {border-color:#c20401; background-color:#c20401;}

.xradio.yellow label input[type="radio"]:checked + em {border-color:#f89406; background-color:#f89406;}

.xradio.green label input[type="radio"]:checked + em {border-color:#51a351; background-color:#51a351;}

.xradio.black label input[type="radio"]:checked + em {border-color:#222; background-color:#222;}

/*****单选框*****/





/*****复选框*****/

.xcheckbox {height:20px; line-height:20px; position:relative; font-size:14px; margin-bottom:10px;}

.xcheckbox:last-child {margin-bottom:0;}

span.xcheckbox {display:inline-block; margin-bottom:0; margin-right:20px; vertical-align:top;}

span.xcheckbox:last-child {margin-right:0;}

.xcheckbox label span {margin-left:26px;}

.xcheckbox label input[type="checkbox"] {position:absolute; z-index:-1; width:0; height:0; overflow:hidden; visibility:hidden; opacity:0;}

.xcheckbox label em {display:block; width:20px; height:20px; border-radius:4px; border:1px solid #ddd; background-color:#fff; -webkit-box-sizing:border-box; box-sizing:border-box; position:absolute; top:0; left:0; -webkit-transition:0.1s ease-in; transition:0.1s ease-in; -webkit-transition-property:border-color,background-color; transition-property:border-color,background-color;}

.xcheckbox label em:before, .xcheckbox label em:after {content:""; display:block; position:absolute; background:#fff;}

.xcheckbox label em:before {width:6px; height:2px; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:10px; left:2px;}

.xcheckbox label em:after {width:12px; height:2px; -webkit-transform:rotate(128deg); transform:rotate(128deg); top:8px; left:5px;}

.xcheckbox label, .xcheckbox label span {height:20px; line-height:20px; display:inline-block;}

.xcheckbox label input[type="checkbox"]:checked + em {border-color:#696969; background-color:#696969;}

.xcheckbox.blue label input[type="checkbox"]:checked + em {border-color:#0c66cf; background-color:#0c66cf;}

.xcheckbox.red label input[type="checkbox"]:checked + em {border-color:#c20401; background-color:#c20401;}

.xcheckbox.yellow label input[type="checkbox"]:checked + em {border-color:#f89406; background-color:#f89406;}

.xcheckbox.green label input[type="checkbox"]:checked + em {border-color:#51a351; background-color:#51a351;}

.xcheckbox.black label input[type="checkbox"]:checked + em {border-color:#222; background-color:#222;}

/*****复选框*****/





/*****开关*****/

/*默认样式*/

.xswitch {position:relative; -webkit-touch-callout:none; cursor:pointer; overflow:hidden; width:42px; height:24px; border:1px solid #dddddd; border-radius:13px; -webkit-appearance:none; -webkit-user-select:none; -webkit-box-sizing:border-box; box-sizing:border-box;}

.xswitch:before {content:""; width:22px; height:22px; line-height:24px; text-transform:uppercase; position:absolute; top:0; left:0; border-radius:50%; -webkit-border-radius:50%; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.4); -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:0.2s ease-in; transition:0.2s ease-in; -webkit-transition-property:background-color,left; transition-property:background-color,left;}

.xswitch:checked {border-color:#696969; background-color:#696969; color:#fff;}

.xswitch:checked:before {left:20px;}

.xswitch.onoff {width:64px;}

.xswitch.onoff:before {content:"OFF"; text-indent:27px;}

.xswitch.onoff:checked:before {content:"ON"; left:40px; text-indent:-28px;}

.xswitch.blue:checked {border-color:#0c66cf; background:#0c66cf;}

.xswitch.red:checked {border-color:#c20401; background:#c20401;}

.xswitch.yellow:checked {border-color:#f89406; background:#f89406;}

.xswitch.green:checked {border-color:#51a351; background:#51a351;}

.xswitch.black:checked {border-color:#222; background:#222;}



/*自定义文字描述*/

.xswitch-tip {display:inline-block; height:24px; position:relative; margin-bottom:10px;}

.xswitch-tip:last-child {margin-bottom:0;}

span.xswitch-tip {margin-bottom:0; margin-right:10px; vertical-align:top;}

span.xswitch-tip:last-child {margin-right:0;}

div.xswitch-tip {display:table;}

.xswitch-tip label, .xswitch-tip span {height:24px; display:block;}

.xswitch-tip span {font-size:12px; min-width:24px; text-align:center; line-height:24px; padding-left:28px; padding-right:12px; color:#999; position:relative; z-index:2; overflow-y:hidden;}

.xswitch-tip span + span {display:none;}

.xswitch-tip input[type="checkbox"] {position:absolute; z-index:-1; width:0; height:0; overflow:hidden; visibility:hidden; opacity:0;}

.xswitch-tip label em {-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:15px; border:1px solid #ddd; position:absolute; top:0; left:0; width:100%; height:24px; z-index:1;}

.xswitch-tip label em:after {content:""; display:block; width:22px; height:22px; border-radius:50%; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.4); position:absolute; top:0; left:0; -webkit-box-sizing:border-box; box-sizing:border-box;}

.xswitch-tip label input[type="checkbox"]:checked + em {border-color:#696969; background-color:#696969;}

.xswitch-tip label input[type="checkbox"]:checked + em:after {left:auto; right:0; background-color:#fff;}

.xswitch-tip label input[type="checkbox"]:checked + em + span, .xswitch-tip label input[type="checkbox"]:checked + em + span + span {padding-left:12px; padding-right:28px; color:#fff;}

.xswitch-tip label input[type="checkbox"]:checked + em + span {display:none;}

.xswitch-tip label input[type="checkbox"]:checked + em + span + span {display:block;}

.xswitch-tip label input[type="checkbox"]:checked + em + span:after {content:"ON";}

.xswitch-tip span, .xswitch-tip label em, .xswitch-tip label em:after {-webkit-transition:0.2s ease-in; transition:0.2s ease-in; -webkit-transition-property:border-color,background-color; transition-property:border-color,background-color;}

.xswitch-tip.blue label input[type="checkbox"]:checked + em {border-color:#0c66cf; background-color:#0c66cf;}

.xswitch-tip.red label input[type="checkbox"]:checked + em {border-color:#c20401; background-color:#c20401;}

.xswitch-tip.yellow label input[type="checkbox"]:checked + em {border-color:#f89406; background-color:#f89406;}

.xswitch-tip.green label input[type="checkbox"]:checked + em {border-color:#51a351; background-color:#51a351;}

.xswitch-tip.black label input[type="checkbox"]:checked + em {border-color:#222; background-color:#222;}

/*****开关*****/





/*****上传控件*****/

.xfile {display:inline-block; height:36px; position:relative; margin-bottom:10px; cursor:pointer;}

.xfile:last-child {margin-bottom:0;}

span.xfile {margin-bottom:0; margin-right:10px; vertical-align:top;}

span.xfile:last-child {margin-right:0;}

div.xfile {display:table;}

.xfile input[type="file"] {width:100%; height:100%; opacity:0; position:absolute; top:0; left:0; font-size:0; cursor:pointer; z-index:2;}

.xfile span {-webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block; vertical-align:middle; padding:0 15px; height:36px; line-height:36px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:14px; position:relative; z-index:1;}

.xfile i, .xfile img {height:18px; display:inline-block; vertical-align:middle; overflow:hidden; margin-right:6px;}

.xfile img {transform:translateY(-2px);}

.xfile i {min-width:18px; font-size:18px; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAjVBMVEUAAAAiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiLrJpnlAAAALnRSTlMA9gOr6PrJEQ3zY9nTvrWkiX1oTz06Mi0mHBft4Z+YlpKFgW5dCN25sHhFV0QkMVMqTAAAAgtJREFUSMftldtyskAQhIeFhQgeOCMQQIjGQ5J+/8f7Z1HUuBbhv0xVvgutmra3Z4pZpD80MrdeMrWbTTQk5gzArP8wkwmGF9+Awrh8+S8/OfIFGGlXXVfZEswiH3c4tjq5SQUxIm1UlO2MOcQKwDy+FeI5F1ZixLJVhxb3lULFbkdG9wArfxjOAryX0RD3seiOxOycJQ+y08o8ztLZ6XPH7cLjFhCQRsBly1u0sbivnha4cNItp0Fb3ETRYuDd0S3O+1Vuh6AGKroKP9wge7qlgfsRVhaY5lzp1P51+Y+r1KlF7frFlRwR0wRiDpIJD7IHjE+axKcB7AWlHOLTRHyOSenIbRVTLQW3dqQDYNJkTOBAtnrikwkAmzwgfKKJKBKkEwKeSjk+0TaGsSGdo0pZApUuvaEs8abXK2BJLfCq3aBIwrIgI+0OvgItxYB2XFJCWVAmWjgQ085mef1NWPNZysL5DwLX7B03wdL8Xirmak8ta6aE4t6hhL7ZWh23Fdd+1XXzV4ax8tW1us4ptiq8Pv9mD8YOojRbX/o9CGURh8uc6yyNAhvM/nKCs0KPlMZGkNu/H03DMPt3p0tiY0iJnpVze6jDXZ05JEK/oLOFCj8U5MyGW/5tTRzX9EopJacoBouCU1goPdN1tMeUp0kmSLeQyJI0H/nP0CwDv9fSAM1/Wr7q+ov+eMI/GuVEnRAec4IAAAAASUVORK5CYII="); background-repeat:no-repeat; background-size:100% 100%;}

.xfile.blue i, .xfile.red i, .xfile.yellow i, .xfile.green i, .xfile.black i {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAk1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ROyVeAAAAMHRSTlMA9qv6ApcZ8+rmtWMlEg8G2dPIu6SJhGhPPToL7t7Jn5KAfW5dRDEu4cB4HstXNCpvk6ktAAACBElEQVRIx+3U25aiMBAF0AMJKCKCInfvraBtX87/f90QBKc1PTSvs1bvB3ioVakUVIJfmk/XmtQs9xPD5OaI5Kh5mPmAhCIyqBjtKyrwAztkTWy2+/12I1gLbfTyFmplq/RR80tLlVp46CGXJOcZ7rI5yaXsSTmqRe2HjaqyR/zTLCCdKx5cHTKY9RZx8cTtKVPMJuTcxxN/Tk5mhd53Fl8Ch+QBmgNJJ7jE2cNXOF3YOkFzYuvyNyhjdtYeNN6anbgrZFGV3ibv7qHCN6qD+55sHdYsNPZq/mL7x1GK1aDum8EVpJNhgMwhRQ7IkDROGORkkKFEKcgIA0WkKPFKjm0MZI/JV0xIE4OZ5AQb9RUG25MbBGQCnZ+mPnQJGeBN7U63M4wdNKrzN9XLFpoXrlZ8gWareonJtXaCUsHxmCLVzuCajJGR2nL5iiqFq1wrTmbwN6QzfQhMz7yl8PwUcMiND6Qk519D9lzN6Xg8UgH7a4YKpN3sn4/+fb8hyWhpGMuIZHjv0z+e79NfhKwtDulHNW33a0qVIs22z2n1kR4WVCsU7bpLNoQwdhJucz+ahmE2d6cLuTOEYGM5QyfpzurIg0wiG7cU2FEi4Y26U/4wJp5rBishRF1F6VKUukodWAWm62nX2LXMKwk9BbLKy2uBHlrKzf+bYnU/eripZU3x6xt/AO1sSHEnY+LbAAAAAElFTkSuQmCC");}

.xfile i[class^="icon-"], .xfile i[class*=" icon-"], .xfile i[class^="ico-"], .xfile i[class*=" ico-"], .xfile i[class^="ion-"], .xfile i[class*=" ion-"], .xfile i[class^="glyphicon-"], .xfile i[class*=" glyphicon-"], .xfile i[class^="fa-"], .xfile i[class*=" fa-"], .xfile i[class^="ti-"], .xfile i[class*=" ti-"], .xfile i[class^="zmdi-"], .xfile i[class*=" zmdi-"], .xfile i[class^="wi-"], .xfile i[class*=" wi-"] {background-image:none;}

/*****上传控件*****/



/*****表格*****/

/*默认样式*/

.xtable, .xtablein table {font-size:14px; width:100%; border-collapse:collapse; border-spacing:0;}

.xtable>thead>tr>th, .xtable>thead>tr>td, .xtable>tbody>tr>th, .xtable>tbody>tr>td, .xtablein table>thead>tr>th, .xtablein table>thead>tr>td, .xtablein table>tbody>tr>th, .xtablein table>tbody>tr>td {padding:8px; border:1px solid #ddd;}

.xtable.center, .xtablein.center table {text-align:center;}



/*无外部边框*/

.xtable.nobor-out>thead>tr:first-child>th, .xtable.nobor-out>thead>tr:first-child>td, .xtable.nobor-out>tbody>tr:first-child>th, .xtable.nobor-out>tbody>tr:first-child>td, .xtablein.nobor-out table>thead>tr:first-child>th, .xtablein.nobor-out table>thead>tr:first-child>td, .xtablein.nobor-out table>tbody>tr:first-child>th, .xtablein.nobor-out table>tbody>tr:first-child>td {border-top:0;}

.xtable.nobor-out>thead>tr:last-child>th, .xtable.nobor-out>thead>tr:last-child>td, .xtable.nobor-out>tbody>tr:last-child>th, .xtable.nobor-out>tbody>tr:last-child>td, .xtablein.nobor-out table>thead>tr:last-child>th, .xtablein.nobor-out table>thead>tr:last-child>td, .xtablein.nobor-out table>tbody>tr:last-child>th, .xtablein.nobor-out table>tbody>tr:last-child>td {border-bottom:0;}

.xtable.nobor-out>thead>tr>th:first-child, .xtable.nobor-out>thead>tr>td:first-child, .xtable.nobor-out>tbody>tr>th:first-child, .xtable.nobor-out>tbody>tr>td:first-child, .xtablein.nobor-out table>thead>tr>th:first-child, .xtablein.nobor-out table>thead>tr>td:first-child, .xtablein.nobor-out table>tbody>tr>th:first-child, .xtablein.nobor-out table>tbody>tr>td:first-child {border-left:0;}

.xtable.nobor-out>thead>tr>th:last-child, .xtable.nobor-out>thead>tr>td:last-child, .xtable.nobor-out>tbody>tr>th:last-child, .xtable.nobor-out>tbody>tr>td:last-child, .xtablein.nobor-out table>thead>tr>th:last-child, .xtablein.nobor-out table>thead>tr>td:last-child, .xtablein.nobor-out table>tbody>tr>th:last-child, .xtablein.nobor-out table>tbody>tr>td:last-child {border-right:0;}



/*无内部边框*/

.xtable.nobor-in, .xtablein.nobor-in table {border:1px solid #ddd;}

.xtable.nobor-in>thead>tr>th, .xtable.nobor-in>thead>tr>td, .xtable.nobor-in>tbody>tr>th, .xtable.nobor-in>tbody>tr>td, .xtablein.nobor-in table>thead>tr>th, .xtablein.nobor-in table>thead>tr>td, .xtablein.nobor-in table>tbody>tr>th, .xtablein.nobor-in table>tbody>tr>td {border:0;}



/*水平边框样式*/

.xtable.bor-tr, .xtablein.bor-tr table {border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}

.xtable.bor-tr>thead>tr>th, .xtable.bor-tr>thead>tr>td, .xtable.bor-tr>tbody>tr>th, .xtable.bor-tr>tbody>tr>td, 

.xtablein.bor-tr table>thead>tr>th, .xtablein.bor-tr table>thead>tr>td, .xtablein.bor-tr table>tbody>tr>th, .xtablein.bor-tr table>tbody>tr>td, .xtable.bor-tr-noout>thead>tr>th, .xtable.bor-tr-noout>thead>tr>td, .xtable.bor-tr-noout>tbody>tr>th, .xtable.bor-tr-noout>tbody>tr>td, 

.xtablein.bor-tr-noout table>thead>tr>th, .xtablein.bor-tr-noout table>thead>tr>td, .xtablein.bor-tr-noout table>tbody>tr>th, .xtablein.bor-tr-noout table>tbody>tr>td {border:0;}

.xtable.bor-tr>thead>tr, .xtable.bor-tr>tbody>tr, .xtablein.bor-tr table>thead>tr, .xtablein.bor-tr table>tbody>tr, .xtable.bor-tr-noout>thead>tr, .xtable.bor-tr-noout>tbody>tr, .xtablein.bor-tr-noout table>thead>tr, .xtablein.bor-tr-noout table>tbody>tr {border-top:1px solid #ddd;}

.xtable.bor-tr-noout, .xtablein.bor-tr-noout table {border-bottom:0; border-left:0; border-right:0;}

.xtable.bor-tr-noout>thead>tr:first-child, .xtable.bor-tr-noout>tbody>tr:first-child, .xtablein.bor-tr-noout table>thead>tr:first-child, .xtablein.bor-tr-noout table>tbody>tr:first-child {border-top:0;}



/*表格圆角*/

.xtable.round, .xtablein.round table {border-collapse:separate; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}

.xtable.round>thead>tr>th, .xtable.round>thead>tr>td, .xtable.round>tbody>tr>th, .xtable.round>tbody>tr>td,.xtable.roundin table>thead>tr>th, .xtablein.round table>thead>tr>td, .xtablein.round table>tbody>tr>th, .xtablein.round table>tbody>tr>td {border-right:0; border-bottom:0;}

.xtable.round>thead>tr:first-child>th:first-child, .xtable.round>thead>tr:first-child>td:first-child, .xtable.round>tbody>tr:first-child>th:first-child, .xtable.round>tbody>tr:first-child>td:first-child, .xtablein.round table>thead>tr:first-child>th:first-child, .xtablein.round table>thead>tr:first-child>td:first-child, .xtablein.round table>tbody>tr:first-child>th:first-child, .xtablein.round table>tbody>tr:first-child>td:first-child {-webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-topleft:5px;}

.xtable.round>thead>tr:first-child>th:last-child, .xtable.round>thead>tr:first-child>td:last-child, .xtable.round>tbody>tr:first-child>th:last-child, .xtable.round>tbody>tr:first-child>td:last-child, .xtablein.round table>thead>tr:first-child>th:last-child, .xtablein.round table>thead>tr:first-child>td:last-child, .xtablein.round table>tbody>tr:first-child>th:last-child, .xtablein.round table>tbody>tr:first-child>td:last-child {-webkit-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-topright:5px;}

.xtable.round>thead>tr:last-child>th:first-child, .xtable.round>thead>tr:last-child>td:first-child, .xtable.round>tbody>tr:last-child>th:first-child, .xtable.round>tbody>tr:last-child>td:first-child, .xtablein.round table>thead>tr:last-child>th:first-child, .xtablein.round table>thead>tr:last-child>td:first-child, .xtablein.round table>tbody>tr:last-child>th:first-child, .xtablein.round table>tbody>tr:last-child>td:first-child {-webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px;}

.xtable.round>thead>tr:last-child>th:last-child, .xtable.round>thead>tr:last-child>td:last-child, .xtable.round>tbody>tr:last-child>th:last-child, .xtable.round>tbody>tr:last-child>td:last-child, .xtablein.round table>thead>tr:last-child>th:last-child, .xtablein.round table>thead>tr:last-child>td:last-child, .xtablein.round table>tbody>tr:last-child>th:last-child, .xtablein.round table>tbody>tr:last-child>td:last-child {-webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px;}



/*间隔背景色*/

.xtable.odd>thead>tr:nth-child(odd), .xtable.odd>tbody>tr:nth-child(odd), .xtable.even>thead>tr:nth-child(even), .xtable.even>tbody>tr:nth-child(even), .xtablein.odd table>thead>tr:nth-child(odd), .xtablein.odd table>tbody>tr:nth-child(odd), .xtablein.even table>thead>tr:nth-child(even), .xtablein.even table>tbody>tr:nth-child(even) {background:#f8f8f8;}



/*鼠标悬停*/

.xtable.hover>thead>tr:hover, .xtable.hover>tbody>tr:hover, .xtablein.hover table>thead>tr:hover, .xtablein.hover table>tbody>tr:hover {background-color:#fbffe4; color:#222;}

/*****表格*****/