@charset "utf-8";
html,body,dl,dt,dd,ol,ul,li,p,span,em,cite,del,a,img,h1,h2,h3,h4,h5,h6,object,pre,code,form,fieldset,legend,pre,input,select,textarea,
blockquote,q,table,caption,thead,tbody,tfoot,
th,td,button {margin:0;padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); background:transparent;  }	
html , body{  width:100%; word-wrap:break-word  }
body { font-size:13px; color:#383838;   }
html , body{ font-family:"微软雅黑";}
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

table { border-collapse:collapse; border-spacing:0;}
img, fieldset, abbr, acronym { border:none; vertical-align:top}
a img { border:none; padding:0; margin:0;}  
blockquote,q { quotes:none;}
p{
     -webkit-text-size-adjust:none; 
}
a { color:#333;  text-decoration:none; cursor:pointer;}
address,caption,cite,code,dfn,em,th,var { margin:0;padding:0 ; font-style:normal;font-weight:normal;}
*{  padding:0px; }
/* ----End Reset---- */
input , textarea , select , option , button{ border:none; background:none; outline:none; font-family:"siyuan";}
textarea{ resize:none}
select::-ms-expand{ display: none; }
video{ border:none}
/*---- Patchs---- */
.fl { float:left;}		
.fr { float:right;}		
.fn { float:none;}
.cl { clear:left;}
.cr { clear:right;}
.cb { clear:both;}
.tl { text-align:left;} 
.tr { text-align:right;}
.tc { text-align:center;}
li{ list-style:none; vertical-align:bottom}

.xinxi-top{ width:100%; height:60px; overflow:hidden; background:#fff;}
.xinxi-1{ width:220px; height:60px; overflow:hidden; float:left; }
.xinxi-1 img{ margin-left:50px; margin-top:9px;}
.xinxi-2{ width:calc(100% - 220px); height:60px; background:url(../images/top-bj.png) left center no-repeat #66ba2d; float:right; border-radius:0 0 0 24px; text-align:right}
.xinxi-21{ display:inline-block; height:60px; line-height:60px; font-size:16px; color:#ffffff; vertical-align:top}
.xinxi-22{ display:inline-block; width:58px; height:24px; overflow:hidden; border:1px solid #ffffff;border-radius:5px; vertical-align:top; margin-top:17px; margin-right:70px; margin-left:45px;}
.xinxi-22 input{ display:block; width:100%; height:24px; text-align:center; line-height:24px; text-align:center; font-size:16px; color:#ffffff;}


.max-box{ width:100%; height:auto;  margin: 40px auto 30px; padding:30px 30px 30px;   background:#fff;}
.top-boxmax{width:100%; height:auto; overflow:hidden; padding-top:15px;}
.top-box1{ display:inline-block; height:auto; line-height:30px; font-size:24px; color:#333;}
.top-box2{ display:inline-block; float:right; height:auto; line-height:30px; font-size:12px; }
.top-box2 img{ width:16px; height:16px; vertical-align:middle; margin-right:5px;}
.top-box2 font{ color:#333}
.top-box2 span{ color:#999}
.top-box2 p{ display:inline; color:#666}

.tongji-max{ width:100%; height:auto; overflow:hidden; padding-top:20px; }
.tongji-1{ display:inline-block; height:auto; overflow:hidden; float:left; margin:0 15px; }
.tongji-11{ display:inline-block; float:left; height:32px; line-height:32px; color:#333; font-size:14px; margin-right:10px; overflow:hidden;}
.tongji-12{ width:calc(100% - 2px); height:32px; overflow:hidden; border:1px solid #d2d6de; background:#fff}
.tongji-12 select{ width:100%; height:32px; overflow:hidden; font-size:14px; color:#333;}
.tongji-13{ width:200px; display:inline-block; float:left; height:32px; overflow:hidden; border:1px solid #d2d6de; background:url(../images/icon.png) right center no-repeat #fff;}
.tongji-13 input{ width:100%; height:32px; overflow:hidden; text-indent:8px;}

.chaxun-box{ width:120px; height:34px; overflow:hidden; background:#00a65a;  border-radius:3px; float:left;  margin-left:15px;}
.chaxun-box input{ display:block; width:100%; height:34px; line-height:34px; font-size:14px; color:#fff; text-align:center; cursor:pointer;}
.chaxun-box:hover{ background:#008d4c}
.biaoge-box{ width:100%; height:auto; overflow:hidden; padding-top:30px;}
.biaoge-box table{ width:100%; height:auto; overflow:hidden;}

.biaoge-box table , .biaoge-box tr , .biaoge-box td{ border:none; box-sizing: border-box;   }
.biaoge-box tr th{ vertical-align:top;  border-right:1px solid #dadada; border-top:1px solid #dadada; height:auto;  min-height:20px; line-height:20px; font-size:13px; padding:10px 10px; }
.biaoge-box tr td{ vertical-align:top;  border-right:1px solid #dadada; border-top:1px solid #dadada; height:auto;  min-height:20px; line-height:20px; font-size:13px; padding:10px 10px; }

.biaoge-box tr:nth-child(2n){ background:#f2f3f5}
.biaoge-box tr:first-child td{ border-top:1px solid #dadada;}
.biaoge-box table{ border-bottom:1px solid #dadada;  border-left:1px solid #dadada; }
.biaoge-box tr td:last-child{ border-right:1px solid #dadada;}




.fenlbt{  width:calc(100% - 60px); height:auto; line-height:30px; font-size:18px; color:#333;}

.shuju-max{width:100%; height:auto; overflow:hidden; padding-top:25px; display:flex; }
.shuju-box{width:32%; padding:0 10px; height:112px;  flex-grow: 1;   overflow:hidden; box-sizing: border-box; margin-right:20px; float:left;  border-radius:8px; background:url(../images/shuju-bj.png) center bottom no-repeat #668cfe; background-size:100% 48px;}

.shuju-max .shuju-box:last-child{  margin-right:0}

.shuju-max .shuju-box:nth-child(2){ background:url(../images/shuju-bj.png) center bottom no-repeat #66ba2d; background-size:100% 48px;}
.shuju-max .shuju-box:nth-child(3){ background:url(../images/shuju-bj.png) center bottom no-repeat #ffa238; background-size:100% 48px;}
.shuju-max .shuju-box:nth-child(4){ background:url(../images/shuju-bj.png) center bottom no-repeat #ff7b7b; background-size:100% 48px;}


.shuju-bt{ width:140px; height:auto; margin-left:20px; overflow:hidden; margin-top:30px; float:left; vertical-align:top;}
.shuju-bt1{ width:100%; height:auto; overflow:hidden;}
.shuju-bt2{ width:100%; height:auto; overflow:hidden; line-height:44px; font-size:20px; color:#fff;}

.tongji-maxtop{ padding-top:5px;}
.shuju-sr{ width:calc(100% - 220px); height:112px; line-height:112px; font-size:46px; color:#f4f6f9; overflow:hidden; margin-right:30px; float:right; vertical-align:top; text-align:right;}

.form-group1{ width:100%; height:auto;}
.col-sm-31{ width:100%;}
.col-sm-91{ margin-right:20px; float:left;}

.tongji-box{ width:calc(100% - 60px); height:auto; overflow:hidden; margin:20px auto 0;}
.tongji{width:calc(50% - 10px);  height:400px; overflow:hidden; float:left; border:1px solid #d6d7dc; background:#fff}
.tongji-box .tongji:nth-child(2n){ float:right;}
.tongjia{ width:calc(100% - 2px);  height:400px; overflow:hidden; border:1px solid #d6d7dc; background:#fff; margin-bottom:30px;}


/* 登录页 */
.login-container {
    width: 100%;
    height: 100vh; box-sizing: border-box;
    background: url(../images/denglu-bj.jpg) top center no-repeat;
    background-size: 100%;
    padding-top: 154px;
}
.login-content{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.register-content-bg{
	background:url(../images/img-login-dec.png) center bottom no-repeat;
    background-size: 597px 165px;
}
.register-content {
    width: 514px;
    height: 492px;
    background: #fff; box-sizing: border-box;
    padding: 44px 55px 0 55px;
    border: 1px solid #e5e5e5;
    margin: 30px auto 30px;
}
.login-logo{
    display: block;
    margin: 0 auto 50px auto;
}

.login-tip{
    font-size: 14px;
    color: #999;
    text-align: center;
    padding-top: 120px;
}
.register-title {
    font-size: 26px;
    text-align: center;
    color: #333;
    margin-bottom: 40px;
    position: relative;
}
.register-title::after {
    content: '';
    width: 50px;
    height: 4px;
    background: #01a8ff;
    border-radius: 2px;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.register-form {
    /* width: 380px; */
}
.register-form-list {
    /* width: 380px; */
    height: 60px;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    color: #333;
}
.register-form-list input {
    flex: 1;
    font-size: 18px;
    padding-left: 15px;
}

.forget-form-list {
    width: 380px;
    height: 60px;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    margin-bottom: 20px;
}
.forget-form-list1 {
    width: 222px;
    display: inline-flex; box-sizing: border-box;
}
.forget-form-list input {
    flex: 1;
    font-size: 20px;
    color: #333;
    padding-left: 15px;
}

.code-wrap {
    width: 146px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 6px;
    float: right;
    border: 1px solid #cdcdcd;
    overflow: hidden;
}
.code-wrap img {
    width: 100%;
    height: 100%;
}


.btn-register {
    width: 100%;
    height: 60px;
    border-radius: 6px;
    font-size: 20px;
    text-align: center;
    line-height: 60px;
    background: #54b67e;
    color: #fff;
}

.biaoti{ width:100%; height:auto; line-height:116px; text-align:center; font-size:60px; color:#ffffff; margin-top:80px}

#distpicker{ width:300px; float:left; margin-right:20px;}

.bumen{ width:150px; height:34px; border-radius:4px; border:1px solid #adadad; overflow:hidden; float:left;}
.bumen select{ display:block; width:100%; height:32px; line-height:32px; overflow:hidden; font-size:14px; color:#333; padding:0 8px;}