.qr_load_out{width:200px;height:200px}@-webkit-keyframes rotate_load{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate_load{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.qr_load{width:100px;height:100px;border-radius:50%;border:3px solid hsla(0,0%,100%,.9);border-top:2px solid #08f;-webkit-animation:rotate_load 1.2s linear infinite;animation:rotate_load 1.2s linear infinite}.login-area{position:absolute;z-index:99;top:90px;left:15%;width:70%;display:flex;justify-content:center}.login-page-outer{margin-top:5vh;width:480px;height:70vh;background:hsla(0,0%,100%,.9);border-radius:12px;overflow:hidden;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}.qrcode_outer{margin-top:90px;margin-left:140px;text-align:center}.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%;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%;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%;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%}}