/* reg */
.reg-tabs { padding-top: 20px;}
.reg-tabs li { float: left; width: 300px; border-bottom: 2px solid #ddd; text-align: center; height: 80px; line-height: 80px; color: #999; position: relative; }
.reg-tabs li span { display: inline-block; width: 22px; height: 22px; line-height: 22px; margin-right: 6px; border: 1px solid #999; text-align: center; -webkit-border-radius: 25px; border-radius: 25px; }
.reg-tabs li.on { border-color: #296cf2; color: #296cf2; }
.reg-tabs li.on span { border: 1px solid #296cf2; color: #296cf2; }
.reg-tabs li.active::after { content: ''; width: 400px; height: 2px; position: absolute; bottom: -2px; left: 0; background: url(../images/sign/reg-line.png) no-repeat right 0; z-index: 9; }
.reg-img {padding-top: 100px; text-align: center;}
.reg-tit { margin: 50px 0 40px; font-size: 20px;  text-align: center; }
.reg-list { padding: 0 0 0 70px; }
.reg-list li { float: left; width: 220px; height: 300px; margin-right: 52px; border: 1px solid #ddd; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; cursor: pointer; }
.reg-list li .img { height: 88px; padding-top: 60px; }
.reg-list li .name { margin-bottom: 15px; font-size: 20px; font-weight: 700; color: #333; }
.reg-list li.active, .reg-list li:hover { border-color: #296cf2;-webkit-box-shadow: 0 0 15px rgba(41, 108, 242, 0.2) ; box-shadow: 0 0 15px rgba(41, 108, 242, 0.2); }
.reg-list li.active .name { font-size: 20px; color: #296cf2;}

.reg-bt-box { padding: 86px 0; text-align: center; }
.reg-bt-box .btn-blue-solid { width: 250px; height: 48px; line-height: 48px; font-size: 16px; }
.reg-bt-box .btn-txt { margin-left: 30px; }
.reg-bt-box .not { margin: 0 0 20px; font-size: 16px; }
.reg-bt-success { padding-top:10px;}
.hint { margin-top: -15px; font-size: 16px; color: #999; text-align: center; }
/* login */
.login { height: 725px; background: url(../images/sign/Login_bg.jpg) no-repeat center center; }
.login-box { width: 1024px; margin: 0 auto; padding-top: 140px; }
.login-left {width: 464px; height: 420px; margin-top: 17px; background: rgba(9, 60, 197, 0.62); color: #fff; -webkit-border-radius: 4px; border-radius: 4px;}
.login-left .back { padding: 20px 0 0 20px; }
.login-left .back a { display: inline-block; padding: 0 15px; height: 24px; line-height: 24px; color: #a0b7e9; border: 1px solid #a0b7e9; -webkit-border-radius: 20px; border-radius: 20px; }
.login-left .back a:hover { color: #fff; border-color: #fff; }
.login-left .num { padding-top: 50px; text-align: center;font-size: 16px;}
.login-left .num i { font-size: 36px; font-weight: 700; }
.login-left .code {padding: 20px 0 0; text-align: center;}
.login-left .code img { width: 138px; height: 138px; }
.login-left .code span { margin: 0 15px; display: inline-block; vertical-align: top; }

.login-right{ background: #fff; width: 380px; height: 465px; padding: 0 90px;-webkit-border-radius: 4px; border-radius: 4px; }
.login-right .tit { padding: 40px 0 30px; text-align: center;font-size: 24px; color: #767876; }

.login-right .log-tabs { margin-bottom: 15px; white-space: nowrap;}
.login-right .log-tabs a { display: inline-block; margin-right: 42px; color: #767876; border-bottom: 2px solid transparent; line-height: 24px; }
.login-right .log-tabs a:last-child { margin: 0; }
.login-right .log-tabs a.active { border-color: #296cf2;color: #296cf2; }
.login-right .log-tabs a:hover { color: #296cf2; }

.login-form { display: none; color: #999; }
.login-form.active { display: block; }
.login-form .input-box { height: 36px; line-height: 32px; padding-left: 6px; margin-bottom: 22px; border: 1px solid #dcdfe6;-webkit-border-radius: 4px; border-radius: 4px; }
.login-form .input-box img { width: 18px; height: 18px; }
.login-form .input-box .txt { width: 340px; margin: 1px 0 0 8px; line-height: 34px; border: none; }
.login-form .input-box-sm { width: 240px; }
.login-form .input-box-sm .txt {width: 150px;}
.btn-code,.code-disable { display: block; float: right; width: 120px;height: 36px; line-height: 36px;-webkit-border-radius: 4px; border-radius: 4px; text-align: center;}
.btn-code { border: 1px solid #ccc;}
.btn-code:hover { color: #333; border-color: #aaa; }
.code-disable { border: 1px solid #dcdfe6; background-color: #dcdfe6;color: #aaa; display: none; }
.verify-code { float: right; width: 120px; height: 38px; overflow: hidden; text-align: right; }
.verify-code img { width: 120px; height: 38px; }
.remember { margin: -5px 0 4px;line-height: 18px; clear: both;}
.remember a { color: #999; }
.checkbox-log { display: none; }
.checkbox-log + label { position: relative; padding-left:20px; padding-right:6px; margin-right:15px; line-height: 18px; cursor: pointer; }
.checkbox-log + label:before,
.checkbox-log + label:after{
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  width: 12px;
  height: 12px;
}
.checkbox-log + label:before {
  border: 1px solid #dcdfe6;
  border-radius: 3px;
}
.checkbox-log:checked + label:before {
  border-color:#296cf2;
  background-color: #296cf2;
}
.checkbox-log:checked + label:after {
  top: 1px;
  left: 4px;
  box-sizing: border-box;
  width: 6px;
  height: 10px;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0;
}
.log-error { height: 18px; margin-bottom: 4px; font-size: 12px; color: #f00; text-align: center; line-height: 18px; }
.log-btn { margin-bottom: 6px; display: block; height: 50px; line-height: 50px; background-color: #296cf2; color: #fff; font-size: 16px; text-align: center;-webkit-border-radius: 4px; border-radius: 4px; }
.log-tips { text-align: right;}
.log-tips a {color: #296cf2; text-decoration: underline; }

.login-form div.code { padding-top: 15px; text-align: center; }
.login-form div.code img { width: 154px; height: 154px; }
.login-form div.code p { margin: 10px 0; color: #555;}
.login-form div.code a { color: #296cf2; }
.login-form div.code a:hover { text-decoration: underline; }

.nav-login { padding: 40px 0 20px; text-align: center;color: #999; }
.nav-login a { display: inline-block; padding: 0 10px; margin: 0 10px; color: #999; }
.copy-login { padding: 0 0 50px; text-align: center; font-size: 12px;color: #999;}
.copy-login a { color: #999; }

.email-pop { display: none; padding-top: 60px; }
.email-pop .inner .control-min { width: 220px; }
.email-pop .btn-primary { margin-right: 15px; }
.email-pop .btn-code, .email-pop .code-disable { height: 38px; line-height: 38px; }

.bind-box { width: 1000px; margin: 0 auto; padding: 30px 100px 100px; }
.bind-left { float: left; width: 300px;}
.bind-left,.bind-right { border: 1px solid #ebebeb; padding: 30px 50px 0; height: 350px; }
.bind-tit { margin-bottom: 35px;border-bottom: 1px solid #ebebeb; font-size: 16px; color: #333; }
.bind-tit span { display: inline-block; padding-bottom: 10px;border-bottom: 2px solid #296cf2; margin-bottom: -1px; }
.bind-right { float: right; display: block; width: 380px; }
.bind-code { text-align: center; }
.bind-code { padding-top: 20px; font-size: 16px; }
.bind-code img { background-color: #fff; padding: 6px;margin-bottom: 15px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) ; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.bind-main { background: url(../images/sign/ico-arrow.png) no-repeat 432px center; }

.login-form div.wlptdl { padding-top: 60px; text-align: center; }
.login-form div.wlptdl a img { width: 73px; height: 66px; }
.login-form div.wlptdl p { margin: 15px 0; color: #555;}

.license-list li , .certificates-list li{ line-height: 26px; }
.license-list li:last-child , .certificates-list li:last-child{ margin-bottom: 8px;}
.input-dtsm{width: 66%;}
.yzm-wdth{ width: 77%;}
.form-signin .inner label.error{ position: absolute; z-index: 1; left: 0; bottom: -23px;}
.form-signin .inner span{ margin-left: 10px; font-size: 12px;}
.hqyzm-btn{ width: 120px; height: 36px; line-height: 36px; float: right;}
.zcbt{ font-size: 24px; color: #333333; text-align: center; margin-bottom: 30px;}
.yyzh{ width: 580px; text-align: center; font-size: 14px; line-height: 30px; margin-top: 6px;}
.yyzh a{ margin-left: 8px; color: #1664ff; }
/* 登录成功 */
.dlcg-box{ width: 860px; height: 360px; padding: 80px; background-color: #ffffff;}
.dlcg-title{  height: 40px; font-size: 24px; color: #333333; text-align: center; }
.dlcg-title i{ display: inline-block; width: 38px; height: 38px; margin-right: 10px;}
.dlcg-jsp{ height: 30px; line-height: 30px; margin-top: 30px; font-size: 16px; color: #333333; text-align: center; }
.dlcg-zhlx { width: 750px; height: 150px; margin: 30px auto;}
.dlcg-zhlx li{ width: 250px; height: 150px; float: left; }
.dlcg-zhlx li a{ display: block; width: 250px; height: 150px; font-weight: bold; font-size: 16px; color: #333333; text-align: center; overflow: hidden;}
.dlcg-zhlx li a:hover{ background-color: #f7fbff; color: #0062f0 ;}
.dlcg-zhlx li a i{ display: block; width: 68px; height: 59px; margin: 26px auto 10px; }