.login_container_wrapper{background:#f5f8fa;background-size:100% 100%}.login-container,.login_container_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-container{position:relative;width:1000px;height:600px;margin:auto;gap:4em;background-color:#fff}.login-container .adv{width:500px;height:600px;overflow:hidden;background:url(../img/bg1x.505f4a6f.png),url(../img/bg2x.096c659d.png) #6130ff;background-position:100% 0,0 112%;background-repeat:no-repeat;background-size:100%,40%;position:relative}.login-container .adv .left-top>img{width:120px;margin:20px}.login-container .adv .content{width:86%;height:80%;background-image:url(../img/33261x.b27bbd59.png);background-repeat:no-repeat;background-position:50%;background-size:76%;position:absolute;right:0;top:0}.login-container .adv .foot{width:84%;height:25%;position:absolute;right:0;bottom:0;color:#fff;text-align:center}.login-container .adv .foot>h4{font-weight:500;font-size:13px;color:#fff;line-height:30px;letter-spacing:1px}.login-container .adv .foot>p{font-size:12px;color:#fff;line-height:20px}.login-container .form{height:600px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login-container .form>div{width:300px}.login-container .form .title{width:50px;text-align:center;margin:auto;font-size:20px;font-weight:600;color:#6130ff;border-bottom:4px solid coral}.login-container .form .sub-title{text-align:center;font-size:18px;color:#555;font-family:Inter;font-weight:500;line-height:48px;letter-spacing:1px;margin-bottom:20px}.login-container .form .sub-login-type{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:30px}.login-container .form .sub-login-type>div{font-size:14px;margin-right:20px;cursor:pointer;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}.login-container .form .sub-login-type>.select{color:#6130ff}.login-container .form .sub-login-type>.select:after{content:"";position:absolute;background-color:#6130ff;bottom:-1px;left:0;width:100%;height:2px;-webkit-animation:underline .3s ease-out;animation:underline .3s ease-out}@-webkit-keyframes underline{0%{-webkit-transform:scaleX(.5);transform:scaleX(.5);opacity:0}to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@keyframes underline{0%{-webkit-transform:scaleX(.5);transform:scaleX(.5);opacity:0}to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}.login-container .form .fotter-action{text-align:center;margin-bottom:20px}.login-container .form .fotter-action button{width:50%;background-color:#6130ff;border-color:#6130ff;-webkit-box-shadow:none;box-shadow:none}.login-container .form .no-account{text-align:left;padding-top:50px}.login-container .form .no-account>a{color:#6130ff}.login-container .form .forgot{margin-bottom:10px}.login-container .form .forgot>a{color:#6130ff}@media screen and (max-width:768px){.login_container_wrapper{background-color:#fff}.login-container{width:auto;margin:auto;padding-right:0}.login-container .adv{display:none}.login-container .form{padding:0}}