@charset "utf-8";
/* 网站元素 */
*{margin:0;padding:0;}
body{color: #353535;font-family:"Microsoft YaHei";font-size:14px;background: #999;margin: 0 auto;}
a{color:#9E9E9E;text-decoration:none}
a:hover{color: #828282;}
ul li {list-style: none;}
ul{list-style: none;} 
li{list-style: none;} 
img {border: none;}
input{padding: 0 3px;margin: 0 3px;border: 1px solid #B7B7B7;font-family:"Microsoft YaHei";font-size:14px;}
input{font-family: "Microsoft YaHei",Arial;outline: 0;font-size: 14px;}
i.fa {padding: 4px;}
/* input */
input[type=text],input[type=password]{width: 110px;height: 23px;background-color:#FFF;background-image:none;border:0;border-radius:2px;color:#555;font-size:13px;height:30px;line-height:1.42857;/* padding: 0 12px; */transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;vertical-align:middle;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type=text]:focus,input[type=password]:focus{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;outline:0;border:#35a5e5 1px solid;background-color:#FFF;box-shadow:0 0 4px rgba(81,203,238,1);-webkit-box-shadow:0 0 4px rgba(81,203,238,1);-moz-box-shadow:0 0 4px rgba(81,203,238,1)}
input[type=text].default,input[type=text].default:focus,input[type=password].default,input[type=password].default:focus{transition:all 0 ease-in-out;-webkit-transition:all 0 ease-in-out;-moz-transition:all 0 ease-in-out;outline:0;border:#000 1px solid;box-shadow:0 0 0;-webkit-box-shadow:0 0 0;-moz-box-shadow:0 0 0}
input[type=text].error,input[type=text].error:focus,input[type=password].error,input[type=password].error:focus{transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;outline:0;border:#eb483c 1px solid;box-shadow:0 0 4px rgba(235,72,60,1);-webkit-box-shadow:0 0 4px rgba(235,72,60,1);-moz-box-shadow:0 0 4px rgba(255,235,60,1)}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;background-color:#FFF}
input[type=text].small,input[type=password].small{height:28px;padding:4px 8px;font-size:11px}
input[type=text].middle,input[type=password].middle{height:34px;padding:6px 12px}
input[type=text].big,input[type=password].big{height:35px;padding:4px 8px;font-size:16px}
.text-r{display: inline-block;width: 90px;text-align: right;}
.row{clear:both;padding: 10px 0;}
.list li {padding: 5px;}
.bnt-green{width: 45px;height: 23px;line-height: 23px;color: #FFFFFF;padding: 0 3px;border:0;border-radius: 2px;background: #00C171;cursor: pointer;}
.bnt-green:hover{color: #FFFFFF;background: #00861D;}
.bnt-blue{width: 45px;height: 23px;line-height: 23px;padding: 0 7px;color: #000000;border:0;border-radius: 2px;background: #FFFFFF;cursor: pointer;line-height: 1.7;}
.bnt-blue:hover{color: #FFFFFF;background: #00861D;}
.bg img{top:0;left:0;max-width:100%;position:fixed;z-index:-1}
.login{background:rgba(255,255,255,.8);width:460px;height:300px;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;border-radius:2px}
.text-a{text-align:center;display:block}
.loginlist{position:absolute;top: 50%;left: 50%;margin-left: -450px;margin-top: -250px;margin-top: -210px;}
.bgtitle{text-align:center;height: 75px;margin-bottom: 30px;margin-bottom: 0px;}
i.icon.th-large{font-size:14px}
.popup-close a:hover{color:#BB1E00}
#bg1,#bg2,#bg3,#bg4{position:absolute;z-index:999;opacity: 0.8;}
.lobox{position:relative;margin:17px;width: 232px;height: 156px;width: 205px;height: 153px;display: inline-block;}
/* 弹出窗口 */
.popup-bg{width:100%; height:100%; margin:0 auto;background:#000000; opacity:0.7; top:0; left:0;position:fixed;z-index:9990;}
.popup-box{width: 339px;height: 251px;background: url(/WebUi/images/a.png);overflow:hidden;z-index:9991;border-radius: 7px;position: relative;z-index:2;-moz-border-radius: 7px;behavior: url(/WebUi/ie-css3.htc);}
.popup-title-bg{width:100%;height:40px;margin-top: 10px;position: relative;}
.popup-title{padding:10px;color:#000000;font-size: 18px;font-weight: 800;text-align: center;}
.popup-close{right: -5px;top: -18px;padding:10px;position: absolute;}
.popup-close a{color: #EE602A;}
.popup-content{margin: 10px 0;padding:10px;color:#000000;overflow: auto;}

.logint{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;height:90px;width:520px;padding:30px;background-color:rgba(0,0,0,.41);border-radius:5px}
.title{margin-left:10px;margin-top:-2px;font-size:30px;font-weight:800;color:#fff;position:absolute;letter-spacing:4px}
.logind{margin-left:183px;margin-top:15px;font-size:20px;font-weight:400;color:#fff;position:absolute;letter-spacing:2px}
.logint img{width:80px}
.logind a{color:#FFF;padding:3px 10px;background:#1473B1;border-radius:2px;margin-top:10px}
.logind a:hover{color:#FFF;background:rgba(20,115,177,.61)}

.bgtitle1{display:none}
.bgtitle img{/* width: 100%; */vertical-align: bottom;height: 66px;}
.xtgl{margin-left:10px;margin-top:-2px;font-size: 55px;font-weight:800;color:#fff;letter-spacing: 6px;vertical-align:top;text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.65);}
.web_box{padding:20px;margin-top:25px}
.web_titile{text-align:center;font-size:18px}
.web_bnt{text-align:center;margin-top:5px;padding-top:17px}
.web_bnt a{font-size: 14px;color:#FFF;padding:3px 15px;background: #0076D3;border-radius:2px;margin-top:10px;}
.web_bnt a:hover{background: #005395;}
.login_box {
    text-align: center;
}


.loginlist{width: 540px;height: 400px;}
.popup-box{width: 222px;height: 150px;}
.popup-content{margin:0;padding:5px}
.text-r{width: 60px;}
.popup-title-bg{width:100%;height: 15px;margin-top: 8px;}
.lobox img{width: 222px;height: 150px;}
.popup-title{padding:5px;font-size: 15px;}
.lobox {margin: 12px;}
input[type=text],input[type=password]{width: 110px;height: 23px;}
.list li {padding: 1px 0;}
.xtgl {margin-left: 10px;margin-top: -3px;font-size: 33px;}

.loginlist{width: 900px;height: 400px;}
.popup-box{width: 205px;height: 153px;}
.popup-content{margin:0;padding: 0px;}
.text-r{width: 60px;}
.popup-title-bg{width:100%;height: 15px;margin-top: 8px;}
.lobox img{width: 222px;height: 150px;}
.popup-title{padding:5px;font-size: 15px;}
.lobox {margin: 33px;margin: 20px;}
input[type=text],input[type=password]{width: 110px;height: 23px;}
.list li {padding: 1px 0;}
.xtgl {margin-left: 10px;margin-top: -3px;font-size: 33px;}



@media screen and (max-height:440px){
.loginlist{width:315px; height: 700px;top: 100px;position: absolute;margin: auto;left: 0;right: 0;bottom: inherit;}
.popup-box{width:300px;height:222px}
.popup-content{margin:0;padding:5px}
.text-r{width:70px}
.popup-title-bg{width:100%;height:30px;margin-top:10px}
.lobox img{width:300px;height: 222px;}
.popup-title{padding:5px}
.bgtitle img {width:280px;}
.bgtitle{display:none}
.bgtitle1{margin-top: 35px;text-align: center;display:block;}
input[type=text],input[type=password]{width: auto;height: 30px;}
.list li {padding: 5px;}
.bnt-green {padding: 2px 15px;}
.bnt-blue {padding: 2px 15px;}
}

@media screen and (max-width:800px){
.loginlist{width:315px; height: 700px;top: 100px;position: absolute;margin: auto;left: 0;right: 0;bottom: inherit;}
.popup-box{width:300px;height:222px}
.popup-content{margin:0;padding:5px}
.text-r{width:70px}
.popup-title-bg{width:100%;height:30px;margin-top:10px}
.lobox img{width:300px;height: 222px;}
.popup-title{padding:5px}
.bgtitle img {width:280px;}
.bgtitle{display:none}
.bgtitle1{margin-top: 35px;text-align: center;display:block;}
input[type=text],input[type=password]{width: auto;height: 30px;}
.list li {padding: 5px;}
.bnt-green {padding: 2px 15px;}
.bnt-blue {padding: 2px 15px;}
}


img.yzm {
    width: 50px;
    height: 20px;
    vertical-align: middle;
}
.lobox:hover .login-pic{display:none}
.login-pic {
    position: absolute;
    background: #ff1500;
    z-index: 999;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    text-align: center;
    color: #fff;
}
.login-top {
    color: rgba(255, 255, 255, 0.83);
    font-size: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.67);
    margin: 5px 10px;
    margin-top: 20%;
    padding: 5px 0;
    letter-spacing: 2px;
    opacity: 0.9;
}
.login-bottom {
    font-size: 17px;
    /* font-weight: 700; */
}
.xuanchuan {
    background: #fe9003;
}
.fangying {
    background: #2783d8;
}
.yuanxian {
    background: #d3db86;
}
.banquan {
    background: #38b454;
}
.neibu {
    background: #e4543c;
}
.caiwu {
    background: #9B59B6;
}