@charset "utf-8";
html,body{width:100%;height:100%}
.container{}
.container .login-bg{position:absolute;z-index:-1;left:0;top:0}
.container .login-bg,.container .login-bg img{width:100%;height:100%}
.container .header{font-size:48px;color:#fff;position:absolute;left:50%;margin-left:-365px;top:19%}
.container .header img.pc-logo{display: block;}
.container .header img.wap-logo{display: none;}
.container .header.register-top{top:15%}
.container .login-box{position:absolute;width:420px;height:420px;left:0;top:32%;right:0;margin:0 auto;background-color:#fff;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 0 34px 0 rgba(102,102,102,.1);box-shadow:0 0 34px 0 rgba(102,102,102,.1);z-index:20}
.container .login-box.register-box{height:415px;width:730px;top:30%}
.container .login-box.register-box .login-form{padding-top:20px;padding-left:15px}
.container .login-box.register-box .login-form .input-ctn{width:50%;float:left}
.container .login-box.register-box .login-form .input-ctn input,.container .login-box.register-box .login-form .input-ctn label{width:78%}
.container .login-box.register-box .login-form .input-ctn input.verification-code{width:148px;margin-left:13px}
.container .login-box.register-box .login-form .input-ctn.input-select{height:44px;line-height:44px}
.container .login-box.register-box .login-form .input-ctn.input-select select{width:92.1%;height:42px;padding-left:10px;padding-left:30px;padding-right:15px;-webkit-border-radius:4px;border-radius:4px;border-color:#DDD}
.container .login-box.register-box .login-form .input-ctn.tl{text-align:left}
.container .login-box.register-box .login-form .input-ctn .icon{left:22px}
.container .login-box.register-box .login-form .input-ctn .icon.l-10{left:10px}
.container .login-box .top-text{height:74px;line-height:75px;border-bottom:1px solid #eee;text-align:center;font-weight:700;color:#3449BC;font-size:28px}
.container .login-box .login-form{padding-top:35px;text-align:center}
.container .login-box .login-form .input-ctn{margin-bottom:20px;text-align:center;position:relative}
.container .login-box .login-form .input-ctn .icon{position:absolute;font-size:20px;line-height:1;color:#ccc;top:12px;left:37px}
.container .login-box .login-form .input-ctn input,.container .login-box .login-form .input-ctn label{width:308px;height:42px;line-height:44px;outline:0;border:1px solid #DDD;-webkit-border-radius:4px;border-radius:4px;padding-left:35px;padding-right:15px}
.container .login-box .login-form .input-ctn input.verification-code{width:178px;float:left;margin-left:30px}
.container .login-box .login-form .input-ctn .verification-code-img{width:120px;height:44px;float:left;-webkit-border-radius:4px;border-radius:4px;overflow:hidden;margin-left:10px}
.container .login-box .login-form .input-ctn .verification-code-img img{width:100%;height:100%}
.container .login-box .login-form .login-submit{width:360px;height:44px;line-height:44px;background:#3449BC;-webkit-border-radius:2px;border-radius:2px;font-size:16px;color:#FFF;font-weight:700;cursor:pointer}
.container .login-box .login-form .register-tiaozhuan{width:360px;height:44px;line-height:44px;background:#DDD;-webkit-border-radius:2px;border-radius:2px;font-size:16px;color:#000000;font-weight:700;cursor:pointer}
.container .footer{position:absolute;bottom:40px;left:0;right:0;text-align:center;font-size:12px;color:#FFF}
.container .footer p{line-height:24px}
.container .footer a{color:#FFF}
@media screen and (max-width:1024px){.container .header{font-size:6.4vw;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-left:0;top:15%;width: 90%;}
.container .header img.pc-logo{display: none;}
.container .header img.wap-logo{display: block;}
.container .header img{width: 100%;}
.container.register{overflow-y:auto;height:auto}
.container.register .header{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;text-align:center;margin-top:10.6667vw}
.container.register .footer{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;position:static;text-align:center;width:100%;padding:4vw;margin-top:5.3333vw}
.container .login-box{width:85.3333vw;height:88.5vw;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.container .login-box.register-box{height:auto;width:85.3333vw;position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;margin-top:5.3333vw}
.container .login-box.register-box .login-form{padding-top:5.3333vw;padding:4vw}
.container .login-box.register-box .login-form .input-ctn{width:100%;float:none}
.container .login-box.register-box .login-form .input-ctn input{width:100%}
.container .login-box.register-box .login-form .input-ctn input.verification-code{width:39.4667vw;margin-left:0}
.container .login-box.register-box .login-form .input-ctn .icon{left:2.4vw}
.container .login-box.register-box .login-form .input-ctn .icon.l-10{left:2.4vw}
.container .login-box.register-box .login-form .input-ctn.input-select select{width:100%;height:11.2vw;padding-left:8vw;padding-right:4vw}
.container .login-box .top-text{height:10.6667vw;line-height:10.6667vw;font-size:4.8vw}
.container .login-box .login-form{padding:2.6667vw}
.container .login-box .login-form .input-ctn{margin-bottom:5.3333vw}
.container .login-box .login-form .input-ctn .icon{font-size:4.8vw;left:2.6667vw;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.container .login-box .login-form .input-ctn input{width:100%;height:10.6667vw;line-height:10.6667vw;padding-left:9.3333vw;padding-right:4vw}
.container .login-box .login-form .input-ctn input.verification-code{width:43.2vw;margin-left:0}
.container .login-box .login-form .input-ctn .verification-code-img{float:right;height:10.6667vw;width:32.8vw;margin-left:0}
.container .login-box .login-form .login-submit{width:100%;height:10.6667vw;font-size:4.2667vw}
.container .login-box .login-form .register-tiaozhuan{width:100%;height:10.6667vw;font-size:4.2667vw}
.container .footer{bottom:8vw;width:80%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:3.2vw}
.container .footer p{line-height:5.3333vw}
.container .footer p span{display: block;}
}