#root{width:100vw;height:100vh;text-align:center;background:#f5f7f9;font-size:14px}*{box-sizing:border-box!important}.main-box{position:absolute;top:6%;left:50%;transform:translate(-50%);width:410px;height:479px;padding:20px 10px 10px;border:1px solid #f0f0f0;background:#fff}.main-box .title{color:#222;text-align:center;font-size:22px;font-weight:400}.main-box .content-box .tab-switch{font-size:0;width:280px;margin:12px auto 0}.main-box .content-box .tab-switch:after{content:"";display:block;width:0;height:0;clear:both}.main-box .content-box .tab-switch .tab{background-color:#fff;border:0;outline:none;color:#464f52;font-size:16px;border-bottom:2px solid transparent;cursor:pointer;padding:10px;display:inline-block;width:50%;transition:color .2s ease 0s}.main-box .content-box .tab-switch .tab:hover{color:#707a7d}.main-box .content-box .tab-switch .tab.active{color:#222;border-bottom:2px solid #20c05c}.main-box .content-box .section{margin-top:30px}.qr-section .box{position:relative;width:180px;height:180px;margin:0 auto}.qr-section .mask-box{display:flex;justify-content:center;align-items:center;background-color:#fffffff2;position:absolute;top:0;left:0;font-weight:400;font-size:13px;color:#353535;line-height:18px;width:100%;height:100%}.qr{width:180px}.input{display:block;width:100%;line-height:26px;padding:5px;border:0;border-bottom:1px solid #eaeaea;outline:none;font-size:14px;transition:border-color .2s ease 0s}.input:focus{border-bottom-color:#20c05c}.btn.login-btn{height:45px;line-height:45px;border-radius:3px;border:0;cursor:pointer;display:block;width:100%;outline:none;font-size:16px;text-decoration:none;color:#fff;background:#20c05c;transition:background .2s ease 0s}.btn.login-btn:hover{border-color:#1ab955;background:#1ab955;color:#fff}.btn.login-btn:active{border-color:#22ad56;background:#22ad56;color:#fff}.tips{color:#8d8d8d;font-size:13px;display:flex;align-items:center;justify-content:center;margin-top:10px}.tips.check-hint{font-size:14px;color:#333}.tips .checkbox-btn{margin-right:2px;padding:4px;cursor:pointer}.tips .checkbox-btn.checkbox-active .check-hover,.tips .checkbox-btn.checkbox-active .check-normal{display:none}.tips .checkbox-btn.checkbox-active .check-active{display:block}.tips .checkbox-btn:not(.checkbox-active):hover .check-hover{display:block}.tips .checkbox-btn:not(.checkbox-active):hover .check-normal{display:none}.tips .checkbox-btn img{width:14px;height:14px;display:block}.tips .checkbox-btn .check-hover,.tips .checkbox-btn .check-active{display:none}.tips a{color:#459ae9!important;text-decoration:none}.tips a:hover{text-decoration:underline}.main-box#login-box .qr-section{margin-top:30px}.main-box#login-box .qr-section .hint{margin-top:10px;color:#707a7d;font-size:13px}.main-box#login-box .qr-section .hint a{color:#707a7d;text-decoration:none}.main-box#login-box .qr-section .hint a:hover{text-decoration:underline}.main-box#login-box .email-section{width:280px;margin:50px auto 0}.main-box#login-box .email-section #email[disabled]{color:#ccc}.main-box#login-box .email-section .btn{margin-top:30px}.main-box#login-box .email-section .hint{font-size:12px;color:#737879;line-height:20px;text-align:left}.main-box#login-box .email-section .hint a{color:#707a7d;text-decoration:none}.main-box#login-box .email-section .hint a:hover{text-decoration:underline}.main-box#login-box .email-section .footer{margin-top:25px}.main-box#login-box .email-section .footer:after{content:"";display:block;clear:both}.main-box#login-box .email-section .footer .register-link,.main-box#login-box .email-section .footer .reset-link{color:#444;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-box#login-box .email-section .footer .register-link:hover,.main-box#login-box .email-section .footer .reset-link:hover{text-decoration:underline}.main-box#login-box .email-section .footer .register-link{float:left}.main-box#login-box .email-section .footer .reset-link{float:right}#gs-toast .message{position:fixed;left:50%;top:10%;transform:translate(-50%,-50%);background:#24be48;color:#fff;padding:8px 16px;opacity:1;transition:opacity .8s;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10000}#gs-toast .toast-hide{opacity:0}