@charset "UTF-8";
html body{background: linear-gradient(to top,#264fa2,#4f86d8);background: ms-linear-gradient(to top,#264fa2,#4f86d8);background: webkit-linear-gradient(to top,#264fa2,#4f86d8);background: moz-linear-gradient(to top,#264fa2,#4f86d8);}
html{min-height: 100%;height: calc(100vh);}
html body{min-height: 100%;height: auto;position: relative;}
/* 导航栏 */
.container-head{background-color: #fff;border-bottom: 1px solid #f5f5f5;}
.nav-box{padding: 22px 0 22px;position: relative;width: 100%;}
.logo img{width: 100%;}
.container-head a{line-height: 20px;position: absolute;right: 0;top: 50%;margin-top: -10px;}

.register-wraper{max-width: 1200px;margin: 0 auto;padding: 90px 0;position: relative;}
.register-left{width: 50%;float: left;}
.register-left img{width: 100%;height: 690px;}
.register-right-box{width: 50%;float: right;position: absolute;right: 0;top: 0;height: 100%;padding: 90px 0;}
.register-right{height: 100%;  background-color: #fff;padding-top: 20px;}
.register-tips{width: 100%;padding-right: 50px;text-align: right;}
.register-tips a{color:#164198;}
.register-form,.register-log,.logon-form{width: 70%;margin: 0 auto;}
.register-log{text-align: center;}
.register-log .log-img{width: 220px;}
.item-form-title{color: #164198;border-bottom: 1px solid #c5c5c5;text-align: center;margin-bottom: 10px;line-height: 74px;font-size: 22px;}
.item-form-title b,.item-form-title ul li.on{display: inline-block;border-bottom: 1px solid #164198;
margin: 0 auto -1px;}
.item-form-title b{width: 192px;}

.item-form .input-text{border: 1px solid #b1b3cc;border-radius: 5px;width: 100%;margin-top: 20px;line-height: 45px;background-color: transparent;
font-size: 18px;padding-left: 24px;}
.register-box{font-size: 16px;line-height: 44px;padding: 0 10px;}
.register-box>.fl-left{color: #164198;}
.register-box>.fl-right{color:#8d9ead;}
.login-btn-box{margin-top: 30px;margin-bottom: 44px;}
.login-btn-box button{width: 100%;line-height: 55px;border-radius: 55px;font-size: 22px;color: #fff;background-color: #164198;}
.login-method{text-align: center;}
.img-box{display: inline-block;margin-right: 40px;}
.img-box:last-child{margin-right: 0;}
.img-box img{height: 36px;}
.img-box span{margin-top: 10px;display: block;}
.register-form .item-form .code-w .right{top: 20px;line-height: 45px;}
/* 注册 */
.register-log{padding-top: 0;}
.item-form-title ul li{float: left;width: 50%;text-align: center;cursor: pointer;color: #797979;}
.item-form-title ul li.on{color: #164198;}
.logon-form{padding-left: 90px;}
.register-form .con{position: relative;min-height: 65px;}
.register-form .con span{position: absolute;width: 75px;left: -90px;top: 0;line-height: 46px;text-align: right;color: #2f2f2f;}
.register-form .inp input{width: 100%;border: 1px solid #b9b9b9;
	border-radius: 5px;font-size: 14px;line-height: 44px;padding-left: 10px;
}
.register-form .code-m{position: relative;}
.register-form .code-m .inp{width: 48%;}
.register-form .code-m .jg-a{width: 48%;height: 44px;background-color: #4aa9eb;font-size: 14px;color: #fff;border-radius: 5px;}
.register-form .code-m .jg-a1{
	background-color: #e4e4e4;color: #595959;
}
.register-form .code-w{position: relative;min-height: 55px;}
.register-form .code-w .inp{width:38%;}
.register-form .code-w .right{position: absolute;top: 0;right: 0;line-height: 46px;}
.register-form .code-w p{float: right;font-size: 12px;color: #272727;}
.register-form .code-w p a{color: #02a5d6;}
.register-form .code-w p a:hover{text-decoration: underline;}
.logon-form label{color: #666;display: block;min-height: 30px;}
.logon-form label input{width: 12px;height: 12px;position: relative;top: 1px;margin-right: 12px;}
.logon-form label a{color: #02a5d6;}
.logon-form button,.password-form button,.binding-form button{width: 100%;display: block;height: 50px;background-color: #f8b03a;
	color: #fefefe;font-size: 16px;border: 0;border-radius: 5px;
}
.logon-form-1{padding-bottom: 300px;}
.logon-form-1 button{margin-top: 40px;}

.logon-form .Validform_checktip{color: #fc5757;}
.logon-form .Validform_wrong{padding-left: 35px;margin-top: 0;color: #919191;
	background: url(../../images/ico-err01.png) no-repeat 12px center;
}
/* 绑定 */
.binding-form{padding-left: 90px;padding-top: 20px;position: relative;min-height: 300px;}
.s-txt1{padding: 30px;padding-bottom: 0;}
.binding-form .con,.logon-form  .code-w{position: relative;}
.binding-form .inp .Validform_checktip{color: #fc5757;}
.binding-form .inp .Validform_right,.register-form .Validform_right{padding-left: 25px;position: absolute;right: -35px;top: 0;background: url(../../images/ico-dui.png) no-repeat left center;background-size: 25px auto;width: 0;overflow: hidden;height: 100%;}
.register-form .Validform_right{padding-left: 20px;background-size: 20px auto;right: -30px;}
.logon-form label{position: relative;}
.register-form .inp .Validform_right{height: 46px;}

/* 邮箱验证 */
.success-form{position: relative;min-height: 400px;}
.m-txt3{position: absolute;left: 0;top: 30px;width: 100%;}
.m-txt3 h4{font-size: 30px;color: #313131;margin-bottom: 25px;}
.m-txt3 h4 i{width: 30px;height: 30px;display: inline-block;vertical-align: middle;margin-right: 23px;position: relative;top: -2px;background: url(../../images/ico-dui.png) no-repeat center center;background-size: 100% auto;}
.m-txt3 p{font-size: 14px;color: #5e5e5e;text-align: left;}
.m-txt3 p a{color: #02a5d6;}
.m-txt3-1 .con{padding-top: 10px;}
.m-txt3-1 .con p{line-height: 34px;margin-bottom: 0;}
.m-txt3-2 h4{margin-bottom: 12px;}
.m-txt3-2 .con p{line-height: 50px;margin-bottom: 0;}
/* 手机成功 */
.Mobile-success,.Mobile-success .m-txt3 p{text-align: center;}

@media (max-width:1200px) {
  .item-form .input-text{line-height: 34px;font-size: 16px;}
  .register-form .item-form .code-w .right{top: 20px;line-height: 34px;}
  .login-btn-box button{line-height: 40px;font-size: 18px;}
  .register-box{font-size: 12px;line-height: 30px;}
}

@media (max-width:991px) {
  .register-left{display: none;}
  .register-wraper{padding: 0;}
  .register-right-box{width: 100%;padding: 0;position: unset;}
  .register-right{padding-bottom: 30px;}
}
@media(max-width:767px) {
  .logon-form .code-m .jg-a{font-size: 12px;}
}

@media(max-width:400px) {
  .register-form, .register-log, .logon-form{width: 98%;}
}
/* 尾部定位 */
.position-footer{position: absolute;left: 0;bottom: 0;width: 100%;background: #fff;}
/* 尾部 */
.footer-fluid.container-fluid{background-color: #203693;padding-top: 15px;}
.footer-top{padding-bottom: 10px;position: relative;}
.footer-left{width: 65%;}
.footer-left li{line-height: 20px;color: #fff;margin-bottom: 10px;float: left;margin-right: 20px;}
.footer-left .footer-logo-box{margin-top: 10px;} 
.footer-logo-box img{height: 25px;margin-bottom: 5px;}
.footer-logo-box a{margin-right: 20px;}
.footer-logo-box a:last-child{margin-right: 0;}
.footer-nav{margin-bottom: 5px;}
.footer-nav a{color: #fff;padding-right: 10px;border-right: 2px solid #fff;margin-right: 10px;}
.footer-nav a:last-child{border-right: none;}
.foot-img-box{color: #fff;text-align: center;margin-bottom: 5px;}
.copyright{color: #fff;}
.footer-right{color: #fff;position: absolute;right: 10px;top: 50%;margin-top: -52px;}
.footer-right .foot-img-box img{width: 75x;height: 75px;}
@media (max-width:991px){
  .footer-right{right: 30px;}
}
@media(max-width:767px) {
  .footer-left{width: 100%;}
  .footer-right{width: 200px;float: left;margin-top: 10px;position: unset;}
}
@media(max-width:400px) {
  .footer-left li{margin-bottom: 5px;}
}


@media (max-width:800px) {
  .footer-left{width: 75%;}
}
@media(max-width:767px) {
  html body{font-size: 12px;line-height: 18px;}
  .copyright{font-size: 14px;}
  .footer-fluid.container-fluid{padding-top: 25px;}
}
@media(max-width:400px) {
  .footer-fluid.container-fluid{padding-top: 15px;}
  .footer-left li{margin-bottom: 5px;}
}