#app,.user-box,body,html{height:100%}.user-box .head-box{height:80px;background:#fff}.user-box .head-box .head-wrap{width:1190px;height:100%;margin:0 auto}.user-box .head-box .head-wrap .logo,.user-box .head-box .head-wrap .logo img{width:81px;height:39px}.user-box .head-box .head-wrap .line{width:1px;height:22px;color:#e0e0e0;background:#e0e0e0;margin:0 13px 0 15px}.user-box .head-box .head-wrap .text .t1{font-size:15px;color:#333;line-height:19px;margin-bottom:4px;font-weight:700}.user-box .head-box .head-wrap .text .t2{font-size:13px;color:#666;letter-spacing:10px;font-weight:700}.user-box .section{width:100%;height:calc(100% - 80px);background:url(../img/bg.f020ba9b.png) no-repeat top;background-size:cover}.user-box .section .section-wrap{position:relative;width:1190px;height:100%;margin:0 auto}.user-box .section .section-wrap .login-box{position:absolute;right:0;top:133px;width:400px;background:#fff;padding-bottom:40px;border-radius:8px}.user-box .section .section-wrap .login-box .tit{font-size:20px;color:#333;text-align:center;margin:25px 0}.user-box .section .section-wrap .login-box .bind-header{position:relative;margin:25px 0}.user-box .section .section-wrap .login-box .bind-header .back-btn{position:absolute;left:29px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#1969f9;background:#f1f4fa;border-radius:50%;transition:all .2s ease}.user-box .section .section-wrap .login-box .bind-header .back-btn i{font-size:18px}.user-box .section .section-wrap .login-box .bind-header .back-btn:hover{background:#e5efff;color:#0759e8}.user-box .section .section-wrap .login-box .bind-header .tit{font-size:20px;color:#333;text-align:center;margin:0}.user-box .section .section-wrap .login-box .tab-container{margin:0 auto 25px;width:342px;display:flex;background:#f1f4fa;border-radius:4px;padding:3px}.user-box .section .section-wrap .login-box .tab-container .tab-item{flex:1;padding:10px 0;font-size:14px;color:#8391ad;cursor:pointer;text-align:center;border-radius:3px;transition:all .2s ease;background:transparent;font-weight:400}.user-box .section .section-wrap .login-box .tab-container .tab-item:hover:not(.active){color:#5a6c85}.user-box .section .section-wrap .login-box .tab-container .tab-item.active{color:#1969f9;font-weight:700!important;background:#fff;box-shadow:0 2px 4px rgba(25,105,249,.15)}.user-box .section .section-wrap .login-box .bar{width:342px;margin:0 auto}.user-box .section .section-wrap .login-box .bar .input-box{position:relative;width:328px;height:43px;background:#fff;border-radius:2px;border:1px solid #bec9df;margin-bottom:20px;transition:all .2s ease;padding-left:12px}.user-box .section .section-wrap .login-box .bar .input-box i.iconfont{padding:12px 0;font-size:20px;color:#a1acc1}.user-box .section .section-wrap .login-box .bar .input-box .inp{padding-left:9px;height:34px;font-size:14px;background:transparent;border-left:1px solid #bec9df;margin-left:12px;letter-spacing:1px}.user-box .section .section-wrap .login-box .bar .input-box .inp::-webkit-input-placeholder{color:#a1acc1}.user-box .section .section-wrap .login-box .bar .input-box .eye{position:absolute;right:19px;top:13px;font-size:20px;color:#a1acc1}.user-box .section .section-wrap .login-box .bar .input-box:focus-within{border:1px solid #1969f9}.user-box .section .section-wrap .login-box .bar .input-box.error{border:1px solid #ff1d00}.user-box .section .section-wrap .login-box .bar .code-box .l input{width:210px;height:43px;line-height:43px;border-radius:2px;border:1px solid #bec9df;text-indent:17px;font-size:14px}.user-box .section .section-wrap .login-box .bar .code-box .l input::-webkit-input-placeholder{color:#a1acc1}.user-box .section .section-wrap .login-box .bar .code-box .l input:focus{border:1px solid #1969f9}.user-box .section .section-wrap .login-box .bar .code-box.error .l input{border:1px solid #ff1d00}.user-box .section .section-wrap .login-box .bar .code-box .r{width:118px;height:43px;border-radius:2px;border:1px solid #bec9df}.user-box .section .section-wrap .login-box .bar .code-box .r img{width:100%;height:100%}.user-box .section .section-wrap .login-box .bar .code-box .send-sms-btn{width:118px;height:43px;line-height:43px;text-align:center;background:#a1acc1;border-radius:2px;font-size:14px;color:#fff;display:block;transition:all .2s ease}.user-box .section .section-wrap .login-box .bar .code-box .send-sms-btn.active{background:#1969f9;cursor:pointer}.user-box .section .section-wrap .login-box .bar .code-box .send-sms-btn.active:hover{background:#0759e8}.user-box .section .section-wrap .login-box .bar .code-box .send-sms-btn:not(.active){cursor:not-allowed;opacity:.6}.user-box .section .section-wrap .login-box .bar .text{position:relative;padding:11px 0;line-height:17px}.user-box .section .section-wrap .login-box .bar .text .error{font-size:12px;color:#f10909}.user-box .section .section-wrap .login-box .bar .text a{line-height:17px;font-size:12px;color:#999}.user-box .section .section-wrap .login-box .bar .btn-submit{width:342px;height:42px;line-height:42px;text-align:center;background:#a1acc1;border-radius:2px;font-size:20px;color:#fff;display:block;letter-spacing:10px;margin:0 auto;transition:all .2s ease}.user-box .section .section-wrap .login-box .bar .btn-submit.active{background:#1969f9}.user-box .section .section-wrap .login-box .bar .btn-submit:hover{background:#0050e0}#app[data-v-4be59ea5]{padding:0!important}