.login-area{position:absolute;z-index:99;top:40px;left:15%;width:70%;display:flex;justify-content:center}.login-page-outer{margin-top:5vh;width:480px;min-height:70vh;background:hsla(0,0%,100%,.9);border-radius:12px;opacity:.9}.login-title{width:80%;margin:5vh 0 0 39px}.login-title h3{font-size:24px;color:#111f2c;padding-bottom:4px;cursor:pointer}.login-title h4{width:44%;height:4px;border-radius:2px;background-color:#08f;margin-top:4px}.login-title>div:nth-child(2){width:50%;display:flex;justify-content:center}.login-text{width:300%;display:flex;transition:margin-left .3s cubic-bezier(.645,.045,.355,1);will-change:margin-left}.login-form{padding-top:5vh;margin-left:33.33%}.login-son-form{padding-top:5vh;margin-left:10px}.login-link{color:#2e58ff;cursor:pointer;font-size:14px}.login-form p{font-size:14px;text-align:center;margin:0 0 2vh 0}.login-form>.el-form,.login-son-form>.el-form{width:90%;min-height:39vh;display:flex;flex-direction:column;justify-content:space-between}.login-yzm-item{display:flex;justify-content:space-between}.login-yzm-input{width:47%}.login-form .el-button,.login-son-form .el-button{width:32%}@media (max-width:523px){.login-area{left:1%;width:98%}.login-page-outer{width:100%;height:74vh}.login-title{margin:3vh 0 0 39px}.login-title h3{font-size:24px}.qrcode_outer{margin-left:24vw}.login-form,.login-son-form{padding-top:4vh}.login-yzm-item{flex-direction:column;height:15vh}.login-yzm-input{width:100%}.login-form>.el-form,.login-son-form>.el-form{width:94%;min-height:52vh}.login-form .el-button,.login-son-form .el-button{width:29%}}@media (min-width:524px) and (max-width:667px){.login-page-outer{width:440px}.login-title{margin:4vh 0 0 39px}.login-title h3{font-size:26px}.qrcode_outer{margin-left:100px}.login-yzm-item{flex-direction:column;height:15vh}.login-form>.el-form,.login-son-form>.el-form{width:93%;min-height:46vh}.login-yzm-input{width:100%}}@media (min-width:668px) and (max-width:990px){.login-page-outer{width:450px}.qrcode_outer{margin-left:120px}.login-yzm-input{width:40%}}