html,body{width:100%;height:100%}.wrap{width:100%;height:100%;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main{width:80%}.main .title{font-size:24px;font-weight:bold;margin-bottom:50px}.main .input-line{margin-bottom:10px;border-bottom:1px solid #eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px}.main .input-line .input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-top:15px;margin-bottom:15px;padding:0;width:auto;height:auto;line-height:1;border:none;outline:none;font-size:16px}.main .input-line .verify{font-size:15px;color:#65aeff}.main .input-line .verify.gray{color:#ccc}.main .agree{margin-top:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;color:#999}.main .agree span{color:#999}.main .agree .checkbox{width:12px;margin-right:8px}.main .agree .link{text-decoration:none;color:#5aa0ed}.main .agree .mui-checkbox{display:inline}.main .agree .mui-checkbox input[type=checkbox]{position:relative;top:auto;right:auto}.main .button{margin-top:25px;width:100%;height:44px;border-radius:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;background:-webkit-gradient(linear, left top, right top, from(#54A5FF), to(#5CCBFF));background:linear-gradient(90deg, #54A5FF 0%, #5CCBFF 100%)}.main .switch-line{margin-top:25px;text-align:center}.main .switch-line .switch{font-size:14px;color:#666;text-decoration:none;margin:0 10px;cursor:pointer}.third-login{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:50px;margin-bottom:-40px}.third-login .iconfont{font-size:40px;margin:0 15px}.third-login .login-weixin{color:#2bcc3d}.third-login .login-weibo{color:#e32529}.mui-toast-container{top:48%}