*{box-sizing:border-box}
html,body{height:100%;margin: 0;padding: 0;}
body {overflow-x: hidden;}
.login_bg{overflow-x:hidden;background:url("../Images/login_bg.jpg") no-repeat center;background-size:cover;z-index:1; }
.login_gs_bg{overflow-x:hidden;background:url("../Images/login_gs_bg.jpg") no-repeat center;background-size:cover;z-index:1; }
.login_ts_bg{overflow-x:hidden;background:url("../Images/login_ts_bg.jpg") no-repeat center;background-size:cover;z-index:1; }
.HDlogin_bg {overflow-x: hidden;background: url(../Images/HD_LoginImg.png) no-repeat center;background-size: cover;z-index: 1;}
.login_baoding_bg {overflow-x: hidden;background: url(../Images/login_baoding_bg.jpg) no-repeat center;background-size: cover;z-index: 1;}
.login_smx{overflow-x:hidden;background:url("../Images/login_smxbg.jpg") no-repeat center;background-size:cover;z-index:1; }
.login_hn_bg{overflow-x:hidden;background:url("../Images/login_hn_bg.jpg") no-repeat center;background-size:cover;z-index:1; }
.login-page{position:relative;overflow-x: hidden;top:45px;}
.container {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.login-page .container {max-width: 500px;min-height: 100px;padding: 20px;position: relative;}
.login-page .container .login_main {width: 100%;border-radius: 5px;overflow: hidden;margin-bottom: 0;-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);}
.login-page .container .login_main .layui-row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: 0;margin-left: 0;}
.login_box {background:#fff!important;width: 100%;height: 480px;position: relative;}
.login_box .form {padding:30px 30px;width: 100%;height: 100%;display: block;box-sizing: border-box;}
.login_box .layui-form .layui-input {line-height: 40px;width: 100%;height: 40px;border-radius:0px;}
.login_box .layui-form .layui-input.layui-form-danger{border:2px solid #fa7252 !important}
.login_box .layui-form .layui-input::-webkit-input-placeholder{color:#adbdcc}
.login_box .layui-form .layui-input:-moz-placeholder{color:#adbdcc}
.login_box .layui-form .layui-input::-moz-placeholder{color:#adbdcc}
.login_box .layui-form .layui-input:-ms-input-placeholder{color:#adbdcc}
.login_box .layui-btn{margin-bottom:20px;margin-left: 0;font-size:20px;line-height:40px;width:100%;text-align:center; height:40px;color:#fff;border-radius:0;background:#00aaef;opacity:1;}
.login_box .layui-btn:hover{background:#3399cc}
.login_box .login-btn-current{background:#00aaef;cursor:pointer;}
.login_box .layui-btn:disabled {background-color: #eeeeee;color: #cecece;cursor:default}
.layui-btn[disabled] {background-color: #eeeeee;color: #cecece;cursor:default}
* html .layui-btn.disabled {background-color: #eeeeee;color: #cecece;cursor:default}
.login_box .no-password{text-align:right;color:#999;position: relative; top: -8px;}
.login_box .no-password em{font-style: normal;margin: 0 6px 0 10px;font-size: 14px;position: relative;top: -1px;}
.login_box .no-password a{color:#999;}

.login_title{margin-bottom:32px;text-align:center;border-bottom: 1px solid #eee;}
.login_title ul{font-size:26px;color:#fff;line-height:24px;font-weight:bold;overflow: hidden;}
.login_title ul li{width:50%;display:inline-block;float:left;font-size:18px;color:#bdbdbd;font-weight: normal;cursor: pointer;}
.login_title ul li.current:after {content: '';border-bottom: 2px solid #00aaef;width: 36px;display: block;text-align: center;margin: 0 auto;position: relative;left: 0;right: 0;padding-bottom:15px;}
.login_title ul li.current{font-weight:normal;color:#333;}
.l_title {min-height: 70px;height: 100%;display:block;color: #fff;text-align:center;}
.l_title .logo {position: relative;}
.l_title .logo p {margin-top:5px;font-size:20px;}
.l_title h1{color:#fff;font-weight:bold;display:block;width:100%;font-size:38px;}
.l_title h2{display:block;width:100%;font-size:18px;}
.errorinfo{display:none;margin-left:20px;margin-top:10px;color:#fa7252}
.form_group{margin-bottom:20px}
#caLoginInfo{margin-top:90px;}

.ui-slider-wrap {background: #e8e8e8;position: relative;border-radius: 0;overflow: hidden;}
.ui-slider-wrap .ui-slider-bg {width: 0;}
.ui-slider-wrap .ui-slider-btn {position: absolute;top: 0;left: 0;cursor: move;text-align: center;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.ui-slider-wrap .ui-slider-btn {background: #ececec url(../Images/slider.png) no-repeat center;}
.ui-slider-wrap .ui-slider-btn.success {background-image: url(../Images/success.png);}
.ui-slider-wrap .ui-slider-text {width: 100%;height: 100%;text-align: center;position: absolute;top: 0;left: 0;color: #666;}
.ui-slider-wrap .ui-slider-no-select {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.copyright {line-height: 40px;height: 40px;text-align: center;width: 100%;color: #999;}

table.gridtable {border-width: 1px;border-color: #dedede;border-collapse: collapse;}
table.gridtable th {border-width: 1px;padding: 8px;border-style: solid;border-color: #dedede;background-color: #f5f5f5;}
table.gridtable td {border-width: 1px;padding: 8px;border-style: solid;border-color: #dedede;background-color: #ffffff;text-align: center;}
.main-side{background-image: url(../images/main-left-bg.png);position: fixed;top: 0;left: 0;height: 100%;width: 480px;float: left;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;}
.main-side .main-logo{background-image: url(../images/reg-login.png);width:400px;height:56px;display:block;margin: 0 auto;position:relative;top:50px;}
.main-box {margin-left: 480px;position: relative;height: 100%;}
.main-box .yi-ok{float: right;font-size:14px;color:#1E9FFF;}
.main-box .entrance{width:332px;margin: 0 auto;position:relative;top:30px;overflow: hidden;}
.main-box .entrance .title{font-size:32px;height:38px;line-height:38px;font-weight: bold;margin-bottom:36px; text-align: center;}
.main-box .entrance .text-reads {line-height: 34px;font-size: 14px;font-weight:bold;color: #666666;padding: 0 10px;background:#f5f4f4;border-radius: 4px; margin-bottom: 15px;}
.main-box .form-box{margin-bottom:20px;}
.form .form-item .form-label{margin-right:0!important;}
.form .form-item{padding:6px!important;}
.form .form-item .input-block .layui-btn{position:relative;/*width: 160px;*/}
.layui-btn-group .layui-btn:last-child{border-radius:2px!important;}
.main-box .footer {background-color:#fff!important;}
.slider{margin-bottom:20px;}
.ht_foot{position:absolute;bottom:30px;width: 400px;text-align: center;}
.ht_foot object{height:0;}
.ht_foot a{display:inline-block;color:#00aaef;margin-right:18px;border: 1px solid #00aaef;border-radius: 20px;padding: 4px 12px;}
.ht_foot a:hover{border: 1px solid #00aaef;background:#00aaef;color:#fff;}
.ht_foot a.last{margin-right:0}
.ht_foot .hftitle{display:block;line-height:42px;text-align:center;margin-bottom: 6px;}
.ht_foot .hftitle h2{font-size:14px;color:#999;}
.copyrights {width: 100%;z-index: 9999;position: fixed;bottom:5px;left: 0;color: #fff;text-align:center;}
.copyrights a{color:#fff;}
.copyrights p {margin-bottom: 6px;}


.login-other-bg{background:#f2f2f2;}
.passcard-box{width: 900px;margin:0 auto; padding-top:38px;}
.passcard-box .passcard-nav{height:70px;line-height:70px;display:block;}
.passcard-box .passcard-nav .layui-pull-left{font-size:18px;font-weight:normal;}
.passcard-box .passcard-nav .login-nav{font-size:14px;}
.passcard-box .passcard-nav .login-nav a{color:#00aaef;}
.passcard-box .passcon{border-radius: 5px;padding: 0px; margin-bottom: 60px;width:100%;background:#fff;overflow: hidden;}
.passcard-box .passmain-title{background:#00aaef;text-align:center; height:72px;line-height:72px;display:block;border-top-left-radius:5px;border-top-right-radius:5px;}
.passcard-box .passmain-title h2{color:#fff;}
.passcard-box .passmain-box{width: 400px;margin: 15px auto;}
.passcard-box .passmain-box .form-item .input-block{width:100%!important;}
.passcard-box .passmain-box .form .form-item { padding: 2px 0px!important;}
.passcard-box .copyrights,.passcard-box .copyrights a{color:#999;}
.passcard-box .passmain-box .layui-btn {margin-bottom: 20px;margin-left: 0;font-size: 20px;line-height: 38px;width: 100%;text-align: center;height: 38px;color: #fff;border-radius: 0;background: #00aaef;opacity: 1;}
.passcard-box .passmain-box .layui-btn:hover{background:#3399cc}
.passcard-box .passmain-box .layui-input::-webkit-input-placeholder{color:#adbdcc}
.passcard-box .passmain-box .layui-input:-moz-placeholder{color:#adbdcc}
.passcard-box .passmain-box .layui-input::-moz-placeholder{color:#adbdcc}
.passcard-box .passmain-box .layui-input:-ms-input-placeholder{color:#adbdcc}
.passcard-box .passmain-box .form select, .form input[type='text'], .form input[type='password']{height:38px!important;line-height:38px!important;border:1px solid #e6e6e6!important;text-indent:0!important;border-radius:0px!important;}
.passcard-box .passmain-box .form .form-item .input-block{line-height:37px;}
.layui-cuiform .cui-form-item{padding:0 12px 12px 12px;box-sizing:border-box;}
.layui-cuiform .form .form-item .form-label {width: 44%;}
.layui-cuiform .form .form-item.w100b .form-label {width:21.7%;}
.layui-cuiform .form .form-item.file-down .form-label {width:100%;text-align:center;}
/*.layui-cuiform .form .w100b .input-block{width:100%!important;}*/
.layui-cuiform .form .w100b .input-block.input-txt{width:78.3%!important;}


.layui-tab-title li {background: none;}
.layui-tab-content {padding: 10px;background-color:rgba(255,255,255,0.96)!important;}
.login-question {text-align: center;position: absolute;font-size: 13px;left: 0;right: 0;bottom: 18px;}
.login-question .iconfont {font-size: 22px;position: relative;top: 3px;color: #d02c25;}
.login-question a {color: #d02c25;}
.login-img-help {width: 16px; height: 16px;top: -1px;position: relative;margin-right: 3px;}

@media screen and (min-width:1366px) {
.login-dlbtn {position: fixed; bottom: 100px;margin-left: 60px;}
.login-dlbtn a {background: #0e98e3;color: #fff;display: inline-block;margin: 16px 6px;height: 43px;line-height: 38px;width: 170px;text-align: center;font-size: 16px;border-radius: 2px;}
.login-dlbtn a i {font-size: 22px;position: relative;top: 3px;}
}
@media screen and (min-width: 1440px) {
.login-dlbtn {position: fixed; bottom: 162px;margin-left: 80px;}
.login-dlbtn a {background: #0e98e3;color: #fff;display: inline-block;margin: 16px 6px;height: 43px;line-height: 38px;width: 170px;text-align: center;font-size: 16px;border-radius: 2px;}
.login-dlbtn a i {font-size: 22px;position: relative;top: 3px;}
}
@media screen and (min-width: 1600px) {
.login-dlbtn {position: fixed; bottom: 162px;margin-left: 80px;}
.login-dlbtn a {background: #0e98e3;color: #fff;display: inline-block;margin: 16px 6px;height: 43px;line-height: 38px;width: 170px;text-align: center;font-size: 16px;border-radius: 2px;}
.login-dlbtn a i {font-size: 22px;position: relative;top: 3px;}
}
@media screen and (min-width: 1920px) {
.login-dlbtn {position: fixed; bottom: 150px;margin-left: 10px;}
.login-dlbtn a {background: #0e98e3;color: #fff;display: inline-block;margin: 16px 6px;height: 43px;line-height: 38px;width: 170px;text-align: center;font-size: 16px;border-radius: 2px;}
.login-dlbtn a i {font-size: 22px;position: relative;top: 3px;}
}
