.outer{position:relative}.login-down-bg{position:absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;-webkit-clip-path:polygon(20% 0,100% 0,100% 100%,60% 100%);clip-path:polygon(20% 0,100% 0,100% 100%,60% 100%);background:linear-gradient(90deg,#8b5cf6,#818cf8 50%,#3b82f6)}.login-up-bg{position:absolute;height:75vh;left:10%;right:10%;top:13vh;bottom:12vh;background-color:#faebd7;-webkit-clip-path:polygon(0 0,30% 0,70% 100%,0 100%);clip-path:polygon(0 0,30% 0,70% 100%,0 100%);background:linear-gradient(to left top,#8b5cf6,#3b82f6)}.slogan{position:absolute;top:34vh;left:16%;width:30vh;padding:40px;height:16vh;color:#fff}.slogan>div{font-size:1em;letter-spacing:1px}.slogan>div:first-child{font-size:1.4em;margin-left:16px}.login-area{position:absolute;z-index:4;top:17vh;left:50%;background-color:rgba(46,212,24,.199)}.login-page-outer{width:480px;height:64vh;background:hsla(0,0%,100%,.9);border-radius:12px;overflow:hidden;opacity:.9;box-shadow:0 4px 8px rgba(0,128,192,.8)}.login-title{width:80%;margin:0 auto}.login-title h3{font-size:24px;color:rgba(17,31,44,.6);padding-bottom:4px;cursor:pointer}.login-title h4{width:44%;height:4px;border-radius:2px;background-color:var(--ditcolor);margin-top:4px}.login-title>div:nth-child(2){width:50%;display:flex;justify-content:center}.login-text{width:200%;display:flex;flex-direction:row;transition:margin-left .5s cubic-bezier(.645,.045,.355,1);will-change:margin-left}.login-text>div{width:100%}.login-form{width:100%;padding-top:5vh;color:#000}.login-form>.el-form{max-width:340px}.login-son-form{padding-top:5vh;margin-left:10px}.login-link{color:#2e58ff;cursor:pointer;font-size:14px;white-space:nowrap}.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%;display:flex;flex-direction:column;justify-content:space-between;gap:2vh}.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-height:700px){.login-page-outer{height:76vh}.login-title h3{font-size:20px;padding-bottom:0}.login-form{padding-top:0}.login-form>.el-form,.login-son-form>.el-form{gap:0}}@media (max-width:523px){.login-area{left:2%;width:96%;background-color:#7dd3fc}.login-page-outer{width:100%;height:74vh}.login-title{margin:3vh 0 0 39px}.login-title h3{font-size:24px}.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-area{left:10%}.login-page-outer{width:440px}.login-title{margin:4vh 0 0 39px}.login-title h3{font-size:26px}.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-area{left:30%}.login-page-outer{width:450px}.login-yzm-input{width:40%}}@media (max-width:1100px){.slogan{display:none}}