body{text-align:center;background:#f5f7f9;font-size:14px}*{margin:0;padding:0;box-sizing:border-box}ul{list-style:none}.title,.sub-title{color:#222}.hint{color:#707a7d;font-size:13px}.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.btn-primary{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.btn-primary:hover{border-color:#1ab955;background:#1ab955;color:#fff}.btn.btn-primary:active{border-color:#22ad56;background:#22ad56;color:#fff}.title{font-size:22px;font-weight:400}.sub-title{font-size:20px;font-weight:400}.main-box{position:absolute;top:6%;left:50%;transform:translate(-50%);min-width:410px;padding:20px 10px 10px;border:1px solid #f0f0f0;background:#fff}.main-box .form-wrap{width:280px;margin:0 auto}.main-box .form-wrap .tab-switch{font-size:0;margin-top:12px}.main-box .form-wrap .tab-switch:after{content:"";display:block;width:0;height:0;clear:both}.main-box .form-wrap .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 .form-wrap .tab-switch .tab:hover{color:#707a7d}.main-box .form-wrap .tab-switch .tab.active{color:#222;border-bottom:2px solid #20c05c}.main-box .form-wrap .section{margin-top:30px}.qr{width:180px}.main-box#login-box{height:459px}.main-box#login-box #qr-section .hint{margin-top:25px}.main-box#login-box #email-section{margin-top:50px}.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 .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 .find-link{color:#444;text-decoration:none}.main-box#login-box #email-section .footer .register-link:hover,.main-box#login-box #email-section .footer .find-link:hover{text-decoration:underline}.main-box#login-box #email-section .footer .register-link{float:left}.main-box#login-box #email-section .footer .find-link{float:right}.dialog .btn.btn-primary{display:inline-block;height:34px;line-height:34px;width:90px}.warn-tip{position:fixed;top:20%;right:0;width:250px;text-align:center;padding:20px;background-color:#fff9e2;border-bottom:2px solid #efebda}.warn-tip .invite-qr{margin-top:20px}