@charset "utf-8";
/* CSS Document */
html,body {width:100%; height:100%;}
body {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
a,a:hover {outline:none; text-decoration:none; cursor:pointer;}
a:focus {outline-style:none; -moz-outline-style:none;}
img {border:0;}
.clearfix::before,
.clearfix::after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: none;
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* header */
.top {width:100%; height:30px; line-height:30px;top:0; left:0; right:0; position:absolute; background:rgba(0,0,0,.5);z-index:-1;}
@media \0screen\,screen\9{.top {background:#000; filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);}}
.wrapper {height:80%; top:0; position:relative;}
.header {height:30px; line-height:30px; color:#eee;}
.header-title {float:left;}
.header-link {float:right;}
.header-link a {color:#eee;}
.header-link a:hover {color:#D3D3D3;}
.content{background:url(../images/leftcontent.png) no-repeat center; background-size:100%;height:100%;background-position:bottom;}

/* login */
.login-logo{background:#fff;border-bottom: 1px solid #00754c;}
.logo {height:70px; margin:10px 0; background:url(../images/login-logo.png) no-repeat;}
.login {width:320px; top:30%; right:120px; margin-top:-160px; position:absolute; border-radius:4px; background:none;}
.login .form-button a {text-align: center; background: #0B5099; color: #fff; border-radius: 30px;}
.login .form-button a.button-block:hover {background:#0ae;}
@media \0screen\,screen\9{.login {background:#fff; filter:progid:DXImageTransform.Microsoft.alpha(opacity=90);}}
@media (min-width:0px) {
    .login {left:50%; margin-left:-160px;top:10%;}
    .leftcontent{width:100%;height: 100%;float:left;}
    .rightcontent{display: none;}
    .sjbottomdiv{width:100%;background:url(../images/bottom2.png) no-repeat top;position: absolute;bottom:0;background-size: 100% 100%;}
    .logoimg{display: none;}
    .floatright{display: none;}
    .dlfs{display: none;}
    .form-auto {margin: 5px 10px;}
}
@media (min-width:800px) {
    .login {left:25%; right:100px;top:30%;}
    .leftcontent{width:50%;height: 100%;float:left;}
    .rightcontent{background:url(../images/rightcontent.png) no-repeat center; background-size:cover;width:50%;height: 100%;float:left;display: block;}
    .sjbottomdiv{display: none;}
    .logoimg{background:url(../images/logo.png) no-repeat;width: 240px;height: 60px;margin: 20px; display: block;}
    .floatright{display: inline-block;float: right;padding-top: 30px;}
    .dlfs{display: block;}
    .form-auto {margin: 10px 20px;}
}
.wrapper20{width:100%;height:20%;}
/*.form-auto {width:300px; margin:10px 20px;}*/
.login-title {font-size:24px; text-align:center; padding:10px 0;font-weight:bold;margin-bottom: 10px;}
.form-group {overflow:hidden;margin: 10px 0px;}
.form-group span {border-right:solid 1px #ccc; *margin-top:1px;}
.form-auto .form-group .input {width:300px; height:40px; line-height:35px; text-indent:40px; padding:0;
    display:block; border-radius:8px; border: 0;box-shadow:none;background: #f7f7f7!important}
.form-auto .form-group .vcodeinput {width:150px; *width:148px; float:left;}
.vcodeimg {width:86px; height:34px; padding-left:4px; float:left;}
.rememberpwd {font-size:12px; float:left;}
.forgetpwd {font-size:12px; float:right;}
.forgetpwd a {padding-left:10px;}
.forgetpwd a:hover {color:#0a8; padding-left:10px;}
.tips {height:30px; line-height:30px; font-size:12px; color:#e33; text-align:center;}
.dlfs{margin-left:5%;padding-top: 20px;}
.dlfs a {padding:0px 10px;}
.form-button button{background:#00754d;color:#fff;}
.l-line{width:100%;margin-bottom:15px;}
.l-line span{padding-left:5px;}
.l-line,.line-l{float:left;}
.line-r{float:right;}
.line-l,.line-r{width:30%;border-top:1px solid #989898;margin-top: 10px;}

/* footer */
.footer {text-align:center; color:#000; position:absolute; left:0; right:0;background:#fff;border-top:1px solid #01593b;}
.footer p {margin-top:25px; line-height:24px;}
.iconword{margin-bottom: 6px;display: inline-block;font-size: 12px;}
.usericon{background:url(../images/user.png) no-repeat;width: 24px;height: 24px;position: absolute;left: 10px;top: 10px;}
.lockicon{background:url(../images/lock.png) no-repeat;width: 24px;height: 24px;position: absolute;left: 10px;top: 10px;}
.greybottomsel{text-align: center;border-bottom: 1px solid #DCDFE6;width: 49.5%;display: inline-block;cursor:pointer;}
.bluebottomsel{text-align: center;border-bottom: 2px solid #1890FF;width: 50%;display: inline-block;cursor:pointer;}
.sjicon{background:url(../images/sj.png) no-repeat;width: 24px;height: 24px;position: absolute;left: 10px;top: 10px;}
.dunicon{background:url(../images/dun.png) no-repeat;width: 24px;height: 24px;position: absolute;left: 10px;top: 10px;}
.hqyzm{text-align: center;background: #f0f7fd;border-radius: 6px;color: #0B5099;display: inline-block;width:85px;height: 40px;margin-left: 5px;border: 0;}
.logoworddiv{width:100%;margin:auto;text-align: center;color:#f8f8f8;}
.logow{background:url(../images/logoword.png) no-repeat;width: 200px;height: 50px;margin-top:40px;background-size: 80%;}

.impowerBox .qrcode {width: 200px;}
.impowerBox .title{display: none}
.impowerBox .info {width: 200px;}
.impowerBox .status {text-align: center;}