@charset "utf-8";
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html, body, a, div, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, /*sup,*/ var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; border-collapse:collapse; border-spacing:0; font-weight:normal;}                  
a:hover, a:active, a:focus, object, embed { outline:none; }

body {background:#f6f8f9;color:#323232;font-size:14px;font-family:Microsoft YaHei,"Microsoft YaHei",Arial, Helvetica, sans-serif; margin:0; padding:0;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;}
body#Login{ background:#000}
img{border:0px;}
input{border:solid 1px #B9B9B9;}
ul{list-style:none;}
li{list-style:none;}
a {color:#323232;text-decoration:none;outline:none;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
a:hover,a:focus {color:#00a8ff;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
a:visited {color:#323232;text-decoration: none;}
a:active {text-decoration: none;}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix{ clear: both; }
.clearfix:after { clear: both; }

::-webkit-scrollbar{width:8px;height:8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #a0c956;}

.login{max-width:400px; width:90%;position: absolute;left:50%;top: 40%;padding: 0;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.login .Logo{max-width:250px; width:80%; margin:0 auto; padding-bottom:30px;}
.login .Logo img{ width:100%;}
.login h1{ font-size:18px; color:#FFF; margin-bottom:10px; text-align:center}

.login .ReMe{ float:left; color:#999; font-size:14px; line-height:20px; margin-top:10px;}
.login .Forgot{ float:right; color:#999; font-size:14px; line-height:20px; margin-top:10px;}
.login .Forgot a{color:#999;}
.login .Forgot a:hover{color:#a0c956; text-decoration:underline}

.input {position:relative;z-index:1;display:inline-block; padding:0; margin:10px 0 0 0;width:100%;vertical-align:top;}
.input__field {position:absolute;z-index:100;display:block;width:100%;border:none;border-radius:0;background:transparent;color:#222;font-weight:bold;-webkit-appearance:none;margin:24px 10px 0;font-size:18px;font-family:Microsoft YaHei,"Microsoft YaHei",Arial, Helvetica, sans-serif;}
.input__field:focus {outline:none;}
.input__label {display:inline-block;float:right;padding:0;width:100%; height:100%;background:#fff;color:#333;font-weight:bold; font-size:14px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; position:relative; overflow:hidden}
.input__label-content {position:relative;display:block;padding:20px 0;width:100%;margin:0px 0 0 10px;-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transition:-webkit-transform 0.3s,color 0.3s;transition:transform 0.3s,color 0.3s;text-rendering:geometricPrecision;}

.input--juro {overflow:hidden;}
.input__label::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:0px solid transparent;-webkit-transition:border-width 0.3s,border-color 0.3s;transition:border-width 0.3s,border-color 0.3s;}
.input__field:focus + .input__label::before,.input--filled .input__label::before {border-width:1px;border-color:#F7F7F7;border-top-width:20px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.input__field:focus + .input__label .input__label-content,.input--filled .input__label .input__label-content { color:#666;-webkit-transform:translate3d(0,-18px,0) scale3d(0.75,0.75,1);transform:translate3d(0,-18px,0) scale3d(0.8,0.8,1) translateZ(1px);}

.SubmitBtnbg{ width:100%; height:50px; line-height:40px; text-align:center; font-size:18px; color:#FFF; background:#333; border:none;font-family:Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif; cursor:pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.SubmitBtnbg:hover{ background:#4277b3;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



#mainNav { background:#fff;height:50px;padding:0;position:fixed;top:0;left:0;width:100%;z-index:10000;webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.2); box-shadow: 0px 0px 4px rgba(0,0,0,0.2);}
.logo{display:block;height:40px;position:absolute;z-index:3;top:5px; left:1%;}
.logo img{ height:100%; width:auto}

.top-right-nav {display:none}

#nav{ position:absolute;top:0; right:1%; font-size:13px; color:#999}
#nav ul a{ line-height:50px; padding:0 10px}
#nav ul span{color:#00a8ff; padding-right:10px;}

.nnn{ width:100%; height:50px;}

@media (max-width:767px) {
.logo{left:20px;}
.top-right-nav {position:absolute;border:none;padding:0;margin:0;width:80px;height:50px; right:0;font-size:14px;font-weight:bold;color:#000; background:none; display:block}
#nav{top:51px; right:0; font-size:16px; color:#999; background:#FFF; width:100%; display:none}
#nav ul a{ line-height:60px; padding:0 20px; display:block; width:100%; border-bottom:1px #EAEAEA solid;}
#nav ul span{color:#00a8ff; padding-right:0; display:block; padding:30px 20px 10px}

}

.Notice{ width:380px; float:right; margin:1% 1% 0 0;padding:20px; background:#FFF;border:1px #d3d3d3 solid;}
.Notice h2{ width:100%; margin:0 auto; padding-bottom:5px; border-bottom:1px #F0F0F0 solid; margin-bottom:20px;color:#4277b3; font-size:17px;font-weight:bold}
.Notice ul{ width:100%; margin:0 auto}
.Notice ul li{border-bottom:1px #F0F0F0 solid; padding-bottom:20px; margin-bottom:20px;}
.Notice ul li:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0}
.Notice ul li h3{ font-size:18px; font-weight:bold}
.Notice ul li .Data{ font-size:12px; color:#CCC}

.Left{width: calc(97% - 380px);float:left; margin:1% 0 0 1%;}
.IndexLeft{ margin-bottom:1%;padding:20px;background:#FFF;border:1px #d3d3d3 solid;}
.IndexLeft h2{ width:100%; margin:0 auto;padding-bottom:5px; border-bottom:1px #F0F0F0 solid; margin-bottom:20px;color:#4277b3; font-size:17px;font-weight:bold}
.IndexLeft ul.all{ margin-top:10px}
.IndexLeft ul.all h3{ font-size:14px; font-weight:bold;display:inline-block; vertical-align:top; margin-right:20px}
.IndexLeft ul.all li{ display:inline-block; vertical-align:top;margin-right:20px}

.IndexLeft ul.yewu li{ margin:10px 0}
.IndexLeft ul.yewu li span{ width:100px; display:inline-block;}
.IndexLeft ul.yewu li span.c{ text-align:center}
.IndexLeft ul.yewu li.Head,.IndexLeft ul.yewu li.Head a{ font-size:16px; font-weight:bold}
.IndexLeft ul.yewu li.Up a{color:#F90;}
.IndexLeft ul.yewu li.Down a{color:#06C;}
.IndexLeft ul.yewu li:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0}

@media (max-width:767px) {
.Left{width:100%;float:none; margin:0;}
.IndexLeft{ margin:0;border:none;border-bottom:1px #d3d3d3 solid;}
.Notice{ width:100%; float:none; margin:0;padding:20px;border:none;border-bottom:1px #d3d3d3 solid;}
}


#mainContent{ position:relative; width:100%;padding:20px;}
#mainContent h1{ font-size:24px; font-weight:bold}
#mainContent h1 span{ font-size:14px}
#mainContent .Content{margin-top:30px; margin-bottom:90px}
#mainContent .Content .box1{ margin-top:20px}
#mainContent .Content .box2{ margin-top:10px}
#mainContent .Content h5{ font-size:16px; font-weight:bold; margin-bottom:5px;}
#mainContent .Content h5 span{ font-weight:normal; font-size:12px; padding-left:10px;}
#mainContent .Content .TextBox{color:#333;-moz-box-shadow:0px 1px 2px rgba(0,0,0,.3);-webkit-box-shadow:0px 1px 2px rgba(0,0,0,.3) inset;box-shadow:0px 1px 2px rgba(0,0,0,.3) inset; border:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#mainContent .Content .TextBox1{width:100%; height:28px; line-height:28px; padding:0px 10px 0 10px;}
#mainContent .Content .TextBox2{width:100%; height:60px;padding:5px 10px 5px 10px;}
#mainContent .Content .TextBox3{ width:100%;max-width:280px; height:28px; line-height:28px; padding:0px 10px 0 10px;}
#mainContent .Content .TextBoxData{width:150px; height:28px; line-height:28px; padding:0px 10px 0 10px;}
#mainContent .Content p{margin:2px 0 2px 0}
#mainContent .Content p i{ float:left; padding-top:5px; padding-right:5px;}
#mainContent .MsgContent{ margin-top:30px;}
#mainContent .MsgContent h4{ font-size:16px; font-weight:bold; padding-bottom:10px;}
#mainContent .MsgContent h4 i{width:130px !important; display:inline-block;text-align:right; margin-right:10px; color:#777}


.Detail{ border:1px #d3d3d3 solid; padding:10px 20px;background:#FFF; margin-top:10px;}
.Detail h4{ width:100%; clear:both; padding:10px 0;font-size:16px; }
.Detail h4 i{ display:block; float:left; width:110px;text-align:right; padding-right:10px;}
.Detail h4 span{ display:block; float:left;width: calc(100% - 110px);padding-left:10px ; font-weight:bold}
.Detail h4 p{ padding:0; margin:0}
.Detail h4.last{border-bottom:none; padding-bottom:0}


#mainContent h2{ font-size:24px; font-weight:bold; padding-top:20px}
#mainContent h2 a{ font-size:16px; color:#3d9aea}
#mainContent h2 a:hover{ color:#5198da;}

.Clear{ clear:both}
#mainContent .Back{ display:block; position:absolute; top:30px; right:30px;}

.RightNav{ position:absolute;top:34px; right:20px}
.RightNav a{ padding-left:10px;}

.BtnSubmit{margin-top:30px;width:150px; height:46px; line-height:36px;font-size:18px; color:#FFF; background:#3d9aea; border:none;font-family:Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif; cursor:pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.BtnSubmit:hover{ background:#142d71;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.SeardhBox{height:28px;width:200px; padding-left:8px;border:none;border-radius:4px;color:rgba(0,0,0,.87);-moz-box-shadow:1px 1px 3px rgba(0,0,0,.4) inset;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.4) inset;box-shadow:1px 1px 3px rgba(0,0,0,.4) inset;}
.SeardhBtn,a.SeardhBtn{ display:inline-block;width:60px; height:28px; line-height:28px;font-size:14px; color:#FFF; background:#62a8ea; border:none;font-family:Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif; cursor:pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.SeardhBtn:hover;a.SeardhBtn:hover{ background:#5198da;}

a.BackBtn{ display:block;width:100px; height:36px; color:#FFF; text-align:center; line-height:36px;font-size:14px; color:#FFF; margin-top:30px; background:#62a8ea; border:none;font-family:Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif; cursor:pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
a.BackBtn:hover{ background:#5198da;}

.SubmitBtn{ position:fixed; z-index:30; bottom:0; right:0; width:100%; height:70px; background:rgba(255,255,255,.8)}
.SubmitBtn .BtnSubmit{margin-top:12px; margin-left:50px;}

.SuccessBack{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0;left:0;z-index:99999;}
.success-modal{display:block;background-color:#fff; width:94%;max-width:400px;z-index:99999;position:fixed;left:50%;margin-left:-200px; height:300px; top:50%; margin-top:-150px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:2px 2px 6px rgba(0,0,0,.3);}
.success-modal i{ width:86px; height:86px; border:4px #3d9aea solid;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; margin:0 auto; margin-top:40px; display:block; color:#3d9aea; line-height:74px; text-align:center; font-size:60px;}
.success-modal h3{ text-align:center; font-size:30px;font-weight: 600;margin-top:30px; color:#606060}
.success-modal a.Back{ display:block; margin:0 auto; width:90px; height:40px; line-height:40px; font-size:18px; text-align:center; margin-top:30px; background:#3d9aea; color:#FFF; font-weight:500;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.success-modal a.Back:hover{ background:#142d71;}


#tab{ width:100%}
/*jQuery 排序更新插件 */.OnBY {width:20px;color:red;}
/*jQuery.fn.tagTo插件选中tags的背景色*/.selected {background-color:#BEEC30;}

/* 鼠标经过时的背景色 */tr.t3 td {background-color:#DFDFDF;}
/* 表格 样式*/.tb3 td,.tb3 th{padding:0; height:50px;border-bottom:#e3e3e3 1px solid}
.tb3 tr.oo:hover{background-color:#DFDFDF;}

.tb3 {margin:0px; margin-top:10px; border:#d3d3d3 1px solid}


.tb3 tr:nth-child(even) {background:#F5F5F5}
.tb3 tr:nth-child(odd) {background: #FFF}

select {appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#FFF url("../images/arrow.png") no-repeat scroll right center;height:28px;width:180px; border:none;padding-left:8px;border-radius:4px;color:rgba(0,0,0,.87);-moz-box-shadow:1px 1px 3px rgba(0,0,0,.4) inset;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.4) inset;box-shadow:1px 1px 3px rgba(0,0,0,.4) inset;}
select#LBColor{background:#FFF; padding:5px}



/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

@media (max-width:767px) {
#tab{ width:900px}
}