@charset "utf-8";

/* CSS Document */
/***
 * uimaker
 * http://www.uimaker.com
 * e-mail: admin@uimaker.com
 */ 

*{
	/* border:0;margin:0;padding:0; */
	margin:0;padding:0;
	/*IE滚动条*/
	scrollbar-face-color:#4F5B66; /*面子*/
	scrollbar-arrow-color:#C0C0C0; /*箭头*/
	scrollbar-3dlight-color:#C0C0C0; /*最外左*/
	scrollbar-highlight-color:#4F5B66; /*左二*/
	scrollbar-shadow-color:#4F5B66; /*右二*/
	scrollbar-darkshadow-color:#C0C0C0; /*右一*/
	scrollbar-track-color:#151a24; /*滑道*/
}
html{overflow-x:hidden;}/*去横向滚动条*/
body{margin:0 auto;min-width:980px;font-family:"Microsoft YaHei","iconfont"!important}
ul{display:block;margin:0;padding:0;list-style:none;}
li{display:block;margin:0;padding:0;list-style: none;}
img{border:0;}
dl,dt,dd{margin:0;padding:0;display:block;}
/* a{text-decoration:none;color:#fff;outline:none;blr:expression(this.onFocus=this.blur());} */
a{text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:focus{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}
table{border-collapse:collapse;border-spacing: 0;}

/*iconfont*/
@font-face {
	font-family: "iconfont";
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
	font-size:16px;
	font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;	
}

/*scrollbar*/
::-webkit-scrollbar-track-piece {background-color:#fff;-webkit-border-radius:0}
::-webkit-scrollbar {width:9px;height:9px}
::-webkit-scrollbar-thumb {height:50px;background-color:#e3e6e8;-webkit-border-radius:6px;outline:2px solid #fff;outline-offset:-2px;border:2px solid #fff;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;
opacity:0.5}
::-webkit-scrollbar-thumb:hover {height:50px;background-color:#24A2E1;-webkit-border-radius:6px}

/*login*/
.login{height:434px;width:758px; margin:auto; position:absolute; left:50%; top:50%; margin:-217px 0 0 -379px;}
.loginbox{height:406px; background-color:#fff; background-image:url(../images/loginimg.png); background-repeat:no-repeat;}
.loginshadow{height:28px; background:url(../images/shadow.png) no-repeat;}
.loginleft{width:245px; height:65px;background:url(../images/logintext.png) no-repeat top left;margin-left:55px; margin-top:167px; float:left;}
.loginleft h2{font-size:18px; color:#fff; font-weight:normal; padding-top:38px;}
.loginright{float:right; width:306px;margin-right:75px;margin-top:60px;}
.loginlogo{width:189px; height:36px; background:url(../images/loginlogo.png) no-repeat;display:block}
.userlogin{margin-top:40px;}
.userlogin li{width:306px;height:40px; margin-bottom:24px;}
.userlogin li p{display:block;float:left; width:42px; height:40px; line-height:40px; color:#fff; font-size:18px; text-align:center;}
.loginuser{background:#24A2E1;}
.loginpassword{background:#F56B53;}
.userlogin li cite{display:block; float:left; width:264px;}
.loginbtn{display:block; width:306px; height:40px; background:#24A2E1;color:#ffffff; text-align:center; line-height:40px;font-size:16px;}
.loginbtn:hover{background:#1B7AA8;}
.userlogin li em{display:block; float:left; margin-right:8px;}
.userlogin li b{font-size:12px; color:#415372; display:block; float:left; height:20px; line-height:20px;}
.loginfooter{color:#a5c1df;font-size:12px; position:absolute; bottom:80px; text-align:center; width:100%;}
.userlogin>li>cite>.textbox{border-left:0;}/*20190318新增*/

/* main */
.header{background:#24A2E1;height:50px; overflow:hidden;}
.left{width:200px;background:#fff; overflow:hidden;}
.footer{height:26px;background:#e3e6e8;color:#525e75;overflow:hidden;}
.center{background:#191f2a;}
.logo{padding-left:20px; margin-top:10px; float:left; width:179px;}
.nav li{float:left;}
.nav li a{display:block; height:48px; line-height:48px; background:#24A2E1;padding:0 15px; color:#fff; border-left:solid 1px #2197D1;border-top:solid 2px #24A2E1;}
.nav li a i{color:#fff; padding-right:8px;font-size:24px; display:block; float:left; height:48px; line-height:48px;}
.nav li a.selected,.nav li a:hover{background:#1B7AA8;color:#fff;border-left:solid 1px #2197D1;border-top:solid 2px #fff;}
.nav li a.selected i,.nav li a:hover i{color:#fff;}
.topright{float:right}
.toptool > li {
    float: left;
    color: #444E61;
    line-height: 48px;
    padding: 0 10px;
    /* position: relative; */
}
.toptool > li:hover .tooltip11 {
    display: block;
}
.toptool > li {float:left; color:#444E61;line-height:48px; padding:0 10px; /* position:relative; */}
.toptool li a i{font-size:20px;}
.toptool li > a{color:#fff;position: relative;display: inline-block;}
.toptool li a:hover{color:#0594f7;}
.toptool li em{display:block;font-size:9px; font-family: "arial"; color:#fff; background:#F56B53; height:12px; line-height:12px; position:absolute; z-index:100; top:10px; right:-6px; padding:0 2px; border-radius:2px; font-style:normal;}
.toptool li em.gcolor{background:#31AD79;}
.userface{display:block;width:25px; height:25px; line-height:25px; background:url(../images/userbg.png) no-repeat; margin-top:13px;font-size:14px; color:#0397fe; text-align:center; float:left;}
.userface i{font-size:12px;}
.userdown{font-size:10px;}
.toptool li font{font-size:14px; display:block; float:left; padding:0 8px;}
.toptool li a i.userdown{-webkit-transform-origin-x: 0;-webkit-transform: scale(0.60);font-size:14px;}
.fleft,.fright{display:block; float:left; height:26px; line-height:26px; color:#415372;font-size:12px;}
.fright{float:right;}
.fleft>.iconfont{padding:0 5px; font-size:12px;}
.fright>.iconfont{float:right; margin-top:2px;}
#tt .tabs-panels>.panel>.panel-body{overflow:hidden;}

/*default*/
.toollist{overflow:hidden;padding-top:8px; padding-left:8px;}
.toollist li{float:left; width:16.66%;}
.toollist li:hover{opacity:0.9; cursor:pointer;}
.toollist li span i{display:block;float:left; width:62px; height:75px; line-height:75px; text-align:center; font-size:35px;background:url(../images/spanbg.png); margin-right:12px; color:#fff;}
.listbox{margin-right:8px;height:75px;}
.boxcolor1{background:#24A2E1;}
.boxcolor2{background:#F56B53;}
.boxcolor3{background:#F2A50A;}
.boxcolor4{background:#31AD79;}
.boxcolor5{background:#A06AB6;}
.boxcolor6{background:#4F5B66;}
.toollist li cite{display:block; float:left; width:70px; height:75px;}
.toollist li cite a{font-size:22px;float:left; display:block; font-style:normal; width:70px;color:#ffffff; margin-top:12px;}
.toollist li cite a p{font-style:normal;font-size:12px; color:#fff; opacity:0.55; }
.panellist{padding-left:7px;padding-top:8px; overflow:hidden;}
.panellist li{width:33.33%; float:left;}
.panelbox{margin-right:8px;}
.chartbox{height:235px; overflow:hidden;}
.infolist{padding-left:7px;padding-top:8px;margin:0px; clear:both;}
.infoleft{width:66.67%; float:left;}
.inforight{width:33.33%; float:left;}
.infoboxleft{height:353px;}
.infoboxright{height:353px;margin-right: 8px;}
.tablebox{margin:8px; overflow:hidden;}
.textlist{padding:8px;}
.textlist li{line-height:30px; height:30px;*line-height:29px;*height:29px; width:100%;}
.textlist li a{display:block; float:left; font-size:12px; color:#323947;width:70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.textlist li a:hover{color:#0594f7;}
.textlist li span{display:block;width:2px;height:2px;float:left; margin-top:15px;margin-right:8px; margin-left:8px;background:#0594f7;}
.textlist li i{font-style:normal;color:#323947; position:absolute; right:20px;font-size:12px;}
.textlist li em{font-size:9px;font-style:normal;color:#fff;display:block; height:13px; width:30px; line-height:13px;border-radius:2px; float:left;margin-top:8px; margin-left:6px; text-align:center;}
.emcolor1{background:#F56B53;}
.emcolor2{background:#24A2E1;}
.emcolor3{background:#F2A50A;}
.smallfont{-webkit-transform-origin-x: 0;-webkit-transform: scale(0.80);font-size:12px; }
.odd{background:#f5f5f5;}
.panelbox,.infoboxleft,.infoboxright{position:relative;}
.panelmore{position:absolute;z-index:100;right:10px;top:5px;}
.panelmore a{font-size:12px;color:#415375;padding-right:6px;}
.panelmore a:hover{color:#0594f7;}
.panelmore i{font-size:12px; color:#0594f7;-webkit-transform-origin-x: 0;-webkit-transform: scale(0.80);}


/*pages*/
.pagebox{padding:10px;}
.titlename{font-size:22px; color:#24A2E1; padding-bottom:20px;}
.cbox{padding-bottom:15px;}
.cboxdd dd{float:left;width:33.33%;}
.ddiv{padding-left:5px; padding-right:5px;}
.cboxdt dd{float:left; width:50%;}
.fspan{float:left; display:block; width:80px; margin-right:5px;color:#444E61; font-size:14px;}
.fi{padding-right:8px; padding-left:5px;color:#444E61; font-style:normal;}
.dlinfo{width:250px; margin:0 auto;height:65px; margin-top:20px;}
.dleft{width:65px; height:65px; background:#e3e6e8; float:left; border-radius:50px;}
.lgicon{line-height:65px;color:#0594f7; width:65px; text-align:center; display:block;}
.dright{padding-left:10px; float:left; padding-top:15px;}
.dright span{font-size:16px; color:#566b91;}
.dright p{font-size:12px;color:#415372;}
.textlink{color:#24A2E1;}
.iconlist li{float:left;margin-right:10px;margin-bottom:10px;width:120px; height:120px; display:block;}
.iconlist li p{text-align:center; line-height:20px;}
.iconlist li .easyui-panel:hover{border:solid 1px #24A2E1;cursor:pointer;}


/*404*/
.page404{width:650px; height:280px;margin:0 auto; background:url(../images/404.png) no-repeat 20px 10px; margin-top:100px;}
.page404 p{ padding-left:280px;color:#566b91;font-size:16px;}
.error404{color:#F56B53;font-size:38px; padding-left:280px; padding-top:80px;}

/*mobile*/
.mobile {height: 540px!important;margin: 0 auto;padding: 102px 25px 159px 23px;width: 337px;margin-top: 40px;background: url(../images/bgiphone.png) no-repeat;transition: all .5s ease 0s}
.mobile iframe {height: 585px!important}


/*step*/
.ui-stepBar-wrap{position:relative;width:100%;height:44px;background:#fff;overflow:hidden;display:none;z-index:100; margin-bottom:10px;}
.ui-stepBar-wrap .ui-stepBar{position:relative;width:90%;height:5px;background:#cccccc;top:12px;left:5%;z-index:101;}
.ui-stepBar-wrap .ui-stepBar .ui-stepProcess{position:relative;width:0;height:5px;background:#0a73bc;top:0;left:0;z-index:102;}
.ui-stepBar-wrap .ui-stepInfo-wrap{width:90%;margin:0 auto;height:100%;}
.ui-stepBar-wrap .ui-stepInfo-wrap .ui-stepInfo{position:relative;float:left;padding-top:0px;text-align:center;}
.ui-stepBar-wrap .ui-stepInfo-wrap .ui-stepInfo .ui-stepSequence{position:relative;padding:0px 5px;border-radius:50%;z-index:103;}
.ui-stepBar-wrap .ui-stepInfo-wrap .ui-stepInfo .ui-stepName{position:relative;line-height:20px;z-index:103;font-size:14px;}
.ui-stepBar-wrap .ui-stepInfo-wrap .ui-stepInfo .judge-stepSequence-pre-change,
.ui-stepBar-wrap .ui-stepInfo-wrap .ui-stepInfo .judge-stepSequence-hind-change{cursor:pointer;}
.ui-stepBar-wrap .ui-stepInfo-wrap .ui-stepInfo .judge-stepSequence-pre-change:hover{box-shadow:0 0 3px 1px #516784;}
.ui-stepBar-wrap .ui-stepInfo-wrap .ui-stepInfo .judge-stepSequence-hind-change:hover{box-shadow:0 0 3px 1px #cccccc;}
.judge-stepSequence-pre{background:#0a73bc;color:#ffffff;}
.judge-stepSequence-hind{background:#cccccc;color:#000000;}
.author{position:absolute;bottom:0;width:100%;text-align:center;margin:40px auto;color:#1569ec;text-shadow:1px 1px 0 #e7e7e7, 0 1px 7px #fff;}


.stepline{width:100%;height:20px; border-bottom:4px solid #f4f4f4;}
.steptable{width:100%;color:#455169; margin-top:-20px;}
.steptable td{text-align:center;}
.steptable td a{border: 4px solid #f4f4f4;border-radius:50%;width:30px;line-height:30px; height:30px;color:#ffffff; font-size:18px;background-color:#cccccc; display:block; margin:0px auto;}
.steptable td .xuanz{border: 4px solid #D1F0FF;border-radius:50%;width:30px;line-height:30px; height:30px;color:#ffffff; font-size:18px;background-color:#24A2E1; display:block; margin:0px auto;}
.steptable td a:hover{border: 4px solid #D1F0FF;border-radius:50%;width:30px;height:30px;color:#ffffff;background-color:#24A2E1;}
.steptable td p{line-height:30px; font-size:14px;}

/*zcxd*/
.zcxd{color:#455169; text-align:center;font-size:20px; line-height:70px;}
.zcxd span{color:#24A2E1;}
.zcxdline{width:70%;height:20px; border-bottom:4px solid #f0f0f0; margin:0 auto;}
.zcxdtable{width:70%;color:#455169; margin:-20px auto 0px auto;}
.zcxdtable td{text-align:center;}
.zcxdtable td a{border: 4px solid #f0f0f0;border-radius:20px;width:250px;line-height:30px; height:30px;color:#ffffff; font-size:16px;background-color:#cccccc; display:block; margin:0px auto;}
.zcxdtable td .xuanz{border: 4px solid #D1F0FF;border-radius:20px;width:250px;line-height:30px; height:30px;color:#ffffff; font-size:16px;background-color:#24A2E1; display:block; margin:0px auto;}
.zcxdtable td a:hover{border: 4px solid #D1F0FF;border-radius:20px;width:250px;height:30px;color:#ffffff;background-color:#24A2E1;}
.zcxdtable td p{line-height:30px; font-size:14px;}

.zcxd_content{ width:1200px; margin:20px auto; background:#ffffff; border:1px solid #f0f0f0; }
.zcxd_content p{ line-height:28px;color:#455169;font-size:14px;padding:20px;}
.lextyb{ width:300px;margin:20px auto;}
.tijiao{ width:100px;margin:20px auto;}

.zcxd_content input[type="checkbox"] {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    outline: none;
    float:left;
}

.zcxd_content label{ line-height:16px; font-size:13px; margin-left:22px;display:block;}

.wjmm{ color: #455169;line-height:30px; width:300px; text-align:center;}
.zcxd_content button{
    width: 100px;
    height: 40px;
    border: none;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
}
.btn{
    margin-top: 16px;
}
.xyb{
    background: #24A2E1;
}
.quxiao{
    margin-left: 14px;
    background: #ecb23e;
}
/*jbxx*/
.from{padding-left:30px;padding-top:10px;  }
.form input{
    border:1px solid #7d7d7d;

}
.clear {
    clear: both;
}
.from li{ margin-bottom:20px;}
.from label.label_name{ float:left; padding-top:8px;color:#455169; text-align:right; width:140px; margin-left:0px;}
.from label.label_tesh{ float:left; padding-top:8px;color:#455169; text-align:right; width:100px; margin-left:0px;}
.label_name em{color:Red;padding-right:5px;}
.label_tesh em{color:Red;padding-right:5px;}
.xuanze {
    border: 1px solid #CDD3D9;
    width: 150px;
    height: 35px;
    background:#ffffff;
    border-radius: 2px;
    appearance:none;
    -moz-appearance:none;

}
.tsxz {
    border: 1px solid #CDD3D9;
    width: 100px;
    height: 35px;
    background:#ffffff;
    border-radius: 2px;
    appearance:none;
    -moz-appearance:none;
    float:left;

}
.dtsxz {
    border: 1px solid #CDD3D9;
    width: 300px;
    height: 35px;
    background:#ffffff;
    border-radius: 2px;
    appearance:none;
    -moz-appearance:none;

}
.from input.teshu{width: 143px;
    margin-right: 10px !important;}

.from input {
    width: 300px;
    height: 35px !important;
    text-indent: 10px !important;
    background-color: #fff;
    margin-right: 10px;
    -webkit-appearance: none;
    border: 1px solid #CDD3D9;
    border-radius: 2px !important;
    outline: none;
    float: left;
}
.tableline01{ border-top: 1px solid #f0f0f0; height:20px;}

/*masg*/
.tooltip11 { 
    display: none;
    width:350px;
           padding:10px;
           border-radius:3px;
           position:absolute;
           box-shadow:1px 1px 10px 0 #ccc;
           background:#fff;
           -webkit-transition:margin .5s ease-in-out;
          -moz-transition:margin .5s ease-in-out;}
          
.tooltip11 ul{ height:120px; padding:5px 0px;overflow:auto;}

.tooltip11 h1{ font-size:14px; height:20px;color:#24A2E1; margin-top:-10px; float:left;}
.qbyd{ border:1px solid #f0f0f0;border-radius:3px; padding:4px;line-height:12px; margin-bottom:4px; float:right;}
.qbyd a{color: #455169; font-size:12px;}
.qbyd a:hover{color: #455169; font-size:12px;}
.qbyd a:visited{color:#cccccc;}
.title_qbyd {border-bottom:2px solid #24A2E1;}


.tooltip11 {
           margin:-5px 0 0 -200px;
           -webkit-transition: margin .15s ease-in-out;
  -moz-transition: margin .15s ease-in-out;}

.tooltip11 li a{ width:16px; height:16px; float:left;background: url(../images/dui-3.png) no-repeat;display: block; margin:4px;}
.tooltip11 li a:hover{width:16px; height:16px; background: url(../images/dui4.png) no-repeat;display: block;}

.arrow11 {
  position:absolute;
  margin:-20px 0 0 188px;
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.tooltip11 li p {color: #5f687b;line-height:24px; font-size:12px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; }

    
.tooltip11 li a{color: #24A2E1; font-size:12px;}
.tooltip11 li { border-bottom:1px solid #f2f2f2; padding:5px 0;}
.tooltip11 li span {
    display: block;
    width: 2px;
    height: 2px;
    float: left;
    margin-top: 15px;
    margin-right: 8px;
    margin-left: 8px;
    background: #455169;
}
.ckall{text-align:center;border-bottom:normal;line-height:20px; padding-top:8px;font-size:12px;}
.ckall a{color:#455169;}
.ckall a:hover{color:#24A2E1;}