body{background:url('/content/images/default/login-bg.jpg') no-repeat center;height:auto;background-size:cover}
html{height:auto}
section{display:flex;align-items:center;justify-content:center;padding-top:160px;padding-bottom:200px;margin-top:0}
.main .loginBox{width:491px;height:564px;background:#fff;border-radius:16px 16px 16px 16px;padding:28px 95px;box-sizing:border-box;position:relative;padding-top:50px;overflow:hidden}
.main .name{color:#17222b;font-weight:700;font-size:20px;text-align:center;margin-bottom:40px}
.main .exchange{height:300px;position:relative}
.main .exchange .codeBox{position:absolute;left:0;right:0;top:0;bottom:0;display:none;z-index:999}
.main .exchange .codeBox img.wxCode{width:100%;height:100%;opacity:1;background:#d1d3d4}
.main .exchange .codeBox .reloadCode{width:100%;height:100%;line-height:300px;text-align:center;position:absolute;top:0;left:0}
.main .exchange .codeBox .reloadCode p{display:inline;color:#e8322d;cursor:pointer}
.main .exchange .codeBox .reloadCode p strong{text-decoration:underline;font-weight:400}
.main .exchange .phone{width:100%;height:55px;background:#f4f4f4;border-radius:69px 69px 69px 69px;opacity:1;border:1px solid #fefefe;align-items:center;padding:0 18px;box-sizing:border-box;margin-bottom:30px;display:flex}
.main .exchange .phone img{margin-right:10px}
.main .exchange .phone input{height:100%;background:#f4f4f4;flex:1;border:0}
.main .exchange .pwd{width:100%;height:55px;background:#f4f4f4;border-radius:69px 69px 69px 69px;opacity:1;border:1px solid #fefefe;align-items:center;padding:0 18px;box-sizing:border-box;margin-bottom:30px;display:flex;position:relative}
.main .exchange .pwd img{margin-right:10px}
.main .exchange .pwd input{height:100%;background:#f4f4f4;flex:1;border:0}
.main .exchange .remind{font-size:12px;display:flex;justify-content:space-between;margin-bottom:30px}
.main .exchange .remind label{color:#7b7b7b;display:flex;align-items:center;cursor:pointer}
.main .exchange .remind label input{margin-right:5px;border-radius:2px}
.main .exchange .remind a{color:#7b7b7b}
.main .exchange .login-btn{width:100%;height:55px;background:#e8322d;border-radius:58px 58px 58px 58px;opacity:1;display:block;text-align:center;line-height:55px;color:#fff;font-weight:700;font-size:18px;letter-spacing:2px}
.main .register{font-size:14px;color:#525252;text-align:center;margin-bottom:20px;margin-top:20px}
.main .register a{font-size:16px;font-weight:600;color:#e8322d}
.main .file{font-size:14px;color:#525252;text-align:center}
.main .file a{font-size:14px;font-weight:600;color:#e8322d}
.exchangeIcon{width:56px;height:56px;background:url(/content/images/register/code.png) no-repeat center;background-size:cover!important;position:absolute;right:0;top:0;cursor:pointer}
.codeTips{width:95px;height:22px;border-radius:4px 4px 4px 4px;opacity:1;border:1px solid #ff6542;color:#ff6542;font-size:12px;text-align:center;line-height:22px;position:absolute;right:44px;top:14px}
input[type=checkbox]{position:relative;width:14px;height:14px;line-height:13px;border:1px solid #949494;-webkit-appearance:none}
input[type=checkbox]:checked{background-color:#e8322d;border-color:#e8322d}
input[type=checkbox]:checked::after{content:"✓";position:absolute;top:0;width:14px;height:14px;color:#fff;text-align:center;left:-1px}
.main button.wxLogBtn{border:1px solid #4db233;height:46px;font-size:12px;width:200px;border-radius:4px;margin:0 auto;display:flex;align-items:center;transition:all .3s cubic-bezier(.645,.045,.355,1);cursor:pointer;justify-content:center;background:#fff}
.main button.wxLogBtn:hover{background:#4db233;color:#fff}
.main button.wxLogBtn img{display:block;width:24px;margin-right:10px}
.main button.wxLogBtn img.default{display:none}
.main button.wxLogBtn:hover img.cur{display:none}
.main button.wxLogBtn:hover img.default{display:block}