@charset "utf-8";
/*注册、登录、认证*/
.loginWrap{ padding:40px 0 40px; background: url("../img/loginBg.jpg") center no-repeat; background-size: cover}
.loginWrap .slogan{ position: absolute; left: 0; top:50%; margin-top:-30px; font-size: 60px; line-height: 60px; color: #fff; font-weight: bold;  width:830px;text-align: center; }
.loginWrap .loginPanel{ width: 360px; float: right; background: #fff; border-radius: 10px}
.loginWrap .loginPanel .jTabs{ height: 60px; line-height: 60px; overflow: hidden}
.loginWrap .loginPanel .jTabs a{ display: block; width: 50%; height: 50px; line-height: 50px; float: left; font-size: 16px; color: #666; background: #ededed; text-align: center; cursor: pointer}
.loginWrap .loginPanel .jTabs a.current{ background: #fff; color: #1480cc; border:0; outline: 0}

.loginWrap .loginPanel .tit{ font-size: 20px; color: #000; padding: 0 30px; height: 60px; line-height:55px; font-weight: bold; border-bottom: 1px solid #ddd}
.loginWrap .loginPanel .tit label{ position: relative; display:inline-block; width: 145px; height: inherit; line-height: 60px; text-align: center; font-weight: normal; cursor: pointer }
.loginWrap .loginPanel .tit label i{ position: absolute; bottom:0; left: 50%; margin-left: -15px; display:inline-block; width: 30px; height: 4px; background: #cc2929;display:none;  }
.loginWrap .loginPanel .tit label.active{ font-weight: bold; }
.loginWrap .loginPanel .tit label.active i{ display:block; font-weight: bold }

.loginWrap .loginPanel .loginTip{ position: relative; font-size: 12px; line-height: 20px; padding: 8px 30px; background: #fff2d9; border-bottom: 1px solid #dfd4bf; color: #a07c36 }
.loginWrap .loginPanel .errorTIps{ position: relative; font-size: 12px; line-height: 20px; padding: 8px 30px; background: #ffd9d9; border-bottom: 1px solid #e5bfbf; color: #990000 }
.loginWrap .loginPanel .loginTip img,.loginWrap .loginPanel .errorTIps img{ display:block; width: 14px; height: 14px; position: absolute; left: 10px; top:11px }

.loginPanel .in{ padding: 0 30px 0}
.loginPanel .tips,.loginPanel .err { margin-bottom: 15px; height: 20px; line-height: 20px; font-size: 12px; padding-left: 40px; color: #666; border:1px solid #f6c090; font-weight: normal; font-family: 'simsun'; border-radius: 2.5px; background: #fef4e5 url(../img/icon-tips.png) 15px center no-repeat}
.loginPanel .err{ color: #e4393c; border:1px solid #faccc6; font-weight: normal; font-family: 'simsun'; border-radius: 2.5px; background: #ffebeb url(../img/icon-err.png) 10px center no-repeat}
.loginPanel .iptItem{ position: relative; line-height: 54px;  height: 54px; padding-left:40px; border-bottom:1px solid #ddd}
.loginPanel .iptItem input{ display: inline-block; height: 28px;line-height: 28px; border:0; vertical-align: middle; padding: 0; outline: 0; width: 250px}
.loginPanel .iptItem i{ position: absolute; left: 0; top:0; display: inline-block; width: 40px; height: 54px}
.loginPanel .iptItem i.icon-tel{ background: url("../img/icon-phone.png") center no-repeat}
.loginPanel .iptItem i.icon-msg{ background: url("../img/icon-msg-20.png") center no-repeat}
.loginPanel .iptPwd input{ width:175px; }
.loginPanel .iptPwd .getCode{ display: inline-block; height: inherit; width:80px; color: #333; text-align: right; }
.loginPanel .iptPwd .getCode:hover{ color: #cc2929 }
.loginPanel .iptPwd  .sended{display: inline-block; height: inherit; width:80px; color: #999; text-align: right;}
.loginPanel .iptPwd  .sended:Hover{ color: #999 }

.loginPanel .agree{height:25px;line-height: 25px;margin:15px 0 0}

.loginPanel .iptVerification{ padding-left: 0 }

.loginPanel .lgBtn{ margin: 15px auto 0}
.loginPanel .btnLogin{ display: block; height: 40px; line-height: 40px; text-align: center; color: #fff; background:#cc2929; border-radius: 5px }
.loginPanel .btnLogin:hover{ background: #b91818; transition: all .3s }

.loginPanel .foot{ padding: 14px 20px; height: 20px; line-height: 20px}
.loginPanel .foot ul{ height: 20px; overflow: hidden}
.loginPanel .foot li{ float: left; height: 20px; font-size: 12px; font-style: normal;}
.loginPanel .foot li a{position: relative; display:inline-block;color: #666;padding: 0 25px 0 45px;}
.loginPanel .foot li a:hover{position: relative;color: #cc2929}
.loginPanel .foot li a:visited{ color: #666}
.loginPanel .foot li a.qq{ padding-left: 25px}
.loginPanel .foot li a.wb{ padding-right: 0}
.loginPanel .foot li a i{ display: inline-block; width:18px; height: 18px; position: absolute; left: 15px; top:50%; margin-top: -9px; background-size: 18px}
.loginPanel .foot li a.qq i{ background: url("../img/icon-qq.png") center no-repeat}
.loginPanel .foot li a.wx i{ background: url("../img/icon-wx-green.png") center no-repeat}
.loginPanel .foot li a.wb i{ background: url("../img/icon-wb.png") center no-repeat}
.loginPanel .foot li a.qq i{ left: 0}

/*注册页面*/
.registWrap{ background:#f7f7f7; }
.registWrap .registL{ margin:0 auto; width: 450px; border-right: 1px solid #f7f7f7; background: #fff; border-radius: 10px; padding: 20px 50px 40px; box-shadow: 0 5px 20px rgba(0,0,0,.1)}
.registWrap .regTit{ line-height: 70px; font-size: 24px; font-weight: bold;}
.reglForms li{ height: 90px; width: 450px; position: relative}
.reglForms li .ipt{ width: 450px; height: 50px; line-height: 48px; border-bottom:1px solid #ddd}
.reglForms li label{ display: block; width: 110px; line-height: 48px; text-align: left; float: left; text-indent: 20px}
.reglForms li .ipt input{ width: 320px; height: 24px; line-height: 24px; padding: 10px 10px 10px 0; border:0 }
.reglForms li .ipt select{ width: 450px; height: 48px; line-height: 48px; background:none; border:none; outline: none; text-indent: 10px}
.certifyForms li .ipt input{ text-indent: 20px}
.reglForms li .disable,.reglForms li .disable input{ background: #f7f7f7}
.reglForms li.noTips{ height: 70px}
.reglForms li .tips{ position: absolute; left: 0; top:50px; padding-left: 25px; font-size: 12px; line-height: 35px; width: 425px; white-space: normal; text-overflow: ellipsis; overflow: hidden; color: #bfbfbf}
.reglForms li .tips-default{ background: url("../img/icon-tipDefault.png") 5px 7.5px no-repeat}
.reglForms li .tips-right{ color: #90b71b; background: url("../img/icon-tipRight.png") 5px 7.5px no-repeat}
.reglForms li .tips-error{ color: #ee2222; background: url("../img/icon-tipError.png") 5px 7.5px no-repeat}
.reglForms li.changeCer .tips{ width: 340px}
.reglForms li.changeCer .change{ position: absolute; right: 0; top:57px;line-height: 20px; color: #1480cc; font-size: 12px}
.reglForms li.changeCer .change:hover{ color: #1273b7}
.reglForms li.code input{ width:200px}
.reglForms li.code img,.reglForms li.code .getCode{ display:block;width: 120px; height: 38px; position: absolute; right: 6px; top:6px}
.reglForms li.code .getCode{ line-height: 38px; color: #cc2929; text-align: right; border:0; cursor:pointer; border-radius: 5px}
.reglForms li.code .getCode:hover{  color: #c51818}
.reglForms li.code .getCode-disabled{  color: #999; cursor: default}
.reglForms li.code .getCode-disabled:hover{ color: #999}
.registWrap .registL .agreen{ height: 30px; line-height: 30px; font-size: 12px}
.registWrap .registL .agreen a,.registWrap .registL .agreen a:visited{ color: #999}
.registWrap .registL .agreen a:hover{ color: #cc2929}
.registWrap .passwordSucc{ height: 250px; padding-top:40px; text-align: center; }
.registWrap .passwordSucc .txt{ font-size: 18px; text-align: center; line-height: 30px }

.registWrap .registR{ width: 370px; padding-left: 55px; padding-top:15px; float: left}
.registWrap .registR .login{ display: block;  margin:0 0 10px; color:#cc2929; cursor: pointer}
.registWrap .registR .login:hover{ font-weight: bold }

.thirdLogin .desc{ color: #999; font-size: 12px; margin-bottom: 10px}
.thirdLogin ul{ height: 20px; overflow: hidden}
.thirdLogin li{ float: left; height: 20px; font-size: 12px; font-style: normal}
.thirdLogin li a{position: relative; display:inline-block;color: #666;padding: 0 25px 0 30px;}
.thirdLogin li a:hover{position: relative;color: #cc2020; font-weight: bold;}
.thirdLogin li a:visited{ color: #666}
.thirdLogin li a.qq{ padding-left: 25px}
.thirdLogin li a.wb{ padding-right: 0}
.thirdLogin li a i{ display: inline-block; width:18px; height: 18px; position: absolute; left: 0; top:50%; margin-top: -9px; background-size: 18px}
.thirdLogin li a.qq i{ background: url("../img/icon-qq.png") center no-repeat}
.thirdLogin li a.wx i{ background: url("../img/icon-wx-green.png") center no-repeat}
.thirdLogin li a.wb i{ background: url("../img/icon-wb.png") center no-repeat}
.thirdLogin li a.qq i{ left: 0}

.passwordStep{ border-left: 2px solid #ccc; margin-left: 8px}
.passwordStep li{ position: relative; padding-left: 15px; height: 14px; line-height: 14px; margin-bottom: 25px}
.passwordStep li .circle{ position: absolute; left: -8px; top:0; display: block; width: 10px; height: 10px; border:2px solid #ccc; border-radius: 50%; background: #fff}
.passwordStep li .point{ position: absolute; top:2px; left: 2px; display: block; width: 6px; height: 6px; border-radius: 50%; background: #eee}
.passwordStep li.covered{ color: #cc2929; font-weight: bold}
.passwordStep li.covered .point { background: #cc2929}

.bindTelForm li .ipt{ position: relative; width:410px; padding-left: 40px}
.bindTelForm li .ipt i{ display: inline-block; width:18px; height: 18px; position: absolute; left: 4.5px; top:50%; margin-top: -9px; background-size: 18px}
.bindTelForm li .ipt i.icon-tel{ background: url("../img/icon-phone.png") center no-repeat}
.bindTelForm li .ipt .icon-msg{ background: url("../img/icon-msg-20.png") center no-repeat}
.bindTelForm li .iptVerification{ padding-left: 0; width: inherit; }

/*验证插件*/
.geetest_holder.geetest_wind{ height:55px !important}
.geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box{ top:15px!important}
.geetest_holder.geetest_wind .geetest_logo, .geetest_holder.geetest_wind .geetest_success_logo{ top:15px !important}
.geetest_holder.geetest_wind .geetest_radar_tip, .geetest_holder.geetest_wind .geetest_success_radar_tip{ height:55px!important; line-height:55px!important}

.geetest_holder.geetest_wind .geetest_wait .geetest_wait_dot{vertical-align:middle!important}
.geetest_holder.geetest_wind .geetest_radar{ margin:10px 6px 0 !important}
