.user-login-page{width:100%;height:100vh;background:#f5f6fa;margin:0 auto;display:flex;flex-wrap:nowrap;overflow:hidden}.user-login-page .user-login-page__left{width:50%;height:100%;position:relative}.user-login-page .user-login-page__left .main-pic{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:530px;width:100%;height:auto}.user-login-page .user-login-page__right{flex:1;min-width:660px;height:100%;box-sizing:border-box;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;position:relative}.user-login-page .user-login-page__right .login-form-container{width:500px;height:620px;background-color:#fff;position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:8px}.user-login-page .user-login-page__right .slogan-container{padding:64px 0 0 0;text-align:center}.user-login-page .user-login-page__right .slogan{width:298px;height:auto}.user-login-page .user-login-page__right .login-form{margin-top:70px}.user-login-page .user-login-page__right .login-form .acount-login .input-container{width:380px;margin:0 auto 20px auto}.user-login-page .user-login-page__right .login-form .acount-login .input-container .el-input__prefix{left:20px}.user-login-page .user-login-page__right .login-form .acount-login .input-container .el-input__suffix{right:20px}.user-login-page .user-login-page__right .login-form .acount-login .input-container .el-input__icon{width:18px;font-size:18px}.user-login-page .user-login-page__right .login-form .acount-login .input>input{height:50px;padding:0 46px}.user-login-page .user-login-page__right .login-form .acount-login .check-code-container{width:380px;margin:0 auto 20px auto}.user-login-page .user-login-page__right .login-form .acount-login .check-code-container .el-input__prefix{left:20px}.user-login-page .user-login-page__right .login-form .acount-login .check-code-container .el-input__suffix{right:20px}.user-login-page .user-login-page__right .login-form .acount-login .check-code-container .el-input__icon{width:18px;font-size:18px}.user-login-page .user-login-page__right .login-form .acount-login .check-code-container .el-form-item__content{display:flex;flex-flow:row nowrap}.user-login-page .user-login-page__right .login-form .acount-login .check-code-container .el-input{flex:1}.user-login-page .user-login-page__right .login-form .acount-login .check-code-container .check-code{width:110px;height:50px;margin:0 0 0 10px;border:1px solid #eee;box-sizing:border-box;cursor:pointer}.user-login-page .user-login-page__right .login-form .acount-login .check-code-container .check-code svg{width:110px;height:50px}.user-login-page .user-login-page__right .login-form .acount-login .login-check-container{margin:20px auto 0 auto;height:20px;width:380px}.user-login-page .user-login-page__right .login-form .acount-login .error-message{margin:30px auto 20px auto;height:20px;width:380px;font-size:14px;color:#f56c6c}.user-login-page .user-login-page__right .login-btn{margin:0 auto 0 auto;width:380px;height:50px;background:#4880ff;text-align:center;line-height:50px;border-radius:5px;color:#fff;font-size:16px;font-weight:600;cursor:pointer}@media (max-width:900px){.user-login-page .user-login-page__left{width:0}.user-login-page .user-login-page__right .login-form-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}