*{box-sizing:border-box}@media screen and (max-width:960px){#non-form-side{display:none}.container-box{margin-left:3%!important;width:94%!important;min-width:375px!important}.logo-title{color:#55b983!important}}body{margin:0;padding:0;border:none;font-size:14px;color:#626262;background:#fff;letter-spacing:0;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.page{position:relative;height:100vh;width:100%;display:flex;justify-content:center;align-items:center}#logo-container{position:absolute;top:10px;left:15px;z-index:10}.logo-title{color:#fff;font-weight:400;font-size:25px;letter-spacing:6px}.left-side{display:flex;align-items:center;height:100vh;flex:0 0 auto;width:33.33%}#non-form-side{position:relative;background-image:url(https://wqf-static-1256490217.cos.ap-nanjing.myqcloud.com/images/web/login-bg.jpg);background-size:cover;background-position:center}#non-form-side .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#55b983;opacity:30%}.container{max-width:1024px;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;min-height:400px;z-index:9}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.container-box{margin-left:15%;width:60%;min-width:375px}.title-box{margin-bottom:40px;color:#8c98a4;letter-spacing:2px}.title-h2{color:#1e2022;font-size:26px;font-weight:400;margin-bottom:5px}.container a{color:#55b983;border-bottom:1px dashed #55b983;padding-left:2px;line-height:25px;cursor:pointer}.container a:hover{color:#3f9968;border-bottom:1px dashed #3f9968}.container a:hover{font-weight:500;transition:all .2s ease-in-out}p{margin:0}.form-group{margin-bottom:25px}.form-control{background-color:#fff;border:1px solid #e8e8e8;border-radius:3px;font-size:14px;font-weight:400;line-height:1.6;color:#1e2022;padding:8px 15px;height:50px;background-clip:padding-box;width:100%}.form-control:focus{font-weight:500;color:#55b983;background-color:#fff;outline:0;box-shadow:0 0 10px rgba(0,123,255,.1);border-color:#55b983;transition:all .2s ease-in-out}.form-control::-webkit-input-placeholder{color:#97a4af;opacity:1}.form-control::-moz-placeholder{color:#97a4af;opacity:1}.form-control:-ms-input-placeholder{color:#97a4af;opacity:1}.form-control::-ms-input-placeholder{color:#97a4af;opacity:1}.form-control::placeholder{color:#97a4af;opacity:1}label{margin-bottom:5px;display:block;color:#1e2022;font-size:14px;line-height:25px}.password{display:flex;align-items:center;justify-content:space-between}.forget{color:#8c98a4!important;border-bottom:1px dashed #97a4af!important}.code-disable{color:silver!important;border-bottom:1px dashed silver!important}a{text-decoration:none;background-color:transparent}.login-btn-box{display:flex;align-items:center;margin-bottom:20px;justify-content:space-between;margin-top:40px}.login-btn{color:#fff;background-color:#55b983;border-color:#55b983;display:inline-block;font-weight:600;text-align:center;vertical-align:middle;user-select:none;padding:8px 24px;font-size:14px;line-height:1.6;border-radius:5px;border:1px solid transparent;text-decoration:none;cursor:pointer;min-width:140px}.login-btn:hover{transform:translateY(-3px);box-shadow:0 4px 11px rgb(85 185 131 / 35%);color:#fff;background-color:#77c79c;border-color:#77c79c;transition:all .2s ease-in-out}.login-other-btn{display:flex;color:#8c98a4;align-items:center;height:40px}.login-other-btn img{width:30px;height:30px;margin-left:15px;cursor:pointer;border-radius:15px}.login-other-btn img:hover{transform:translateY(-3px);box-shadow:0 4px 11px rgb(85 185 131 / 35%);transition:all .2s ease-in-out}.foot{position:fixed;width:100%;color:#8c98a4;bottom:0;font-size:12px;padding-right:20px;padding-left:20px;padding-bottom:15px;z-index:9}.foot a{color:#8c98a4!important;border-bottom:1px dashed #8c98a4!important}.background.gradient{position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%}.bg-bubbles{position:absolute;top:0;left:0;width:100%;height:100%}.bg-bubbles li{position:absolute;list-style:none;display:block;width:80px;height:80px;background-color:rgba(255,255,255,.2);bottom:-320px;-webkit-animation:square 50s infinite;animation:square 50s infinite;-webkit-transition-timing-function:linear;transition-timing-function:linear;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px}.bg-bubbles li:nth-child(1){left:10%}.bg-bubbles li:nth-child(2){left:20%;width:160px;height:160px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:34s;animation-duration:34s}.bg-bubbles li:nth-child(3){left:25%;-webkit-animation-delay:4s;animation-delay:4s}.bg-bubbles li:nth-child(4){left:40%;width:120px;height:120px;-webkit-animation-duration:44s;animation-duration:44s}.bg-bubbles li:nth-child(5){left:70%}.bg-bubbles li:nth-child(6){left:80%;width:240px;height:240px;-webkit-animation-delay:3s;animation-delay:3s}.bg-bubbles li:nth-child(7){left:32%;width:320px;height:320px;-webkit-animation-delay:7s;animation-delay:7s}.bg-bubbles li:nth-child(8){left:55%;width:40px;height:40px;-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:80s;animation-duration:80s}.bg-bubbles li:nth-child(9){left:25%;width:20px;height:20px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:80s;animation-duration:80s}.bg-bubbles li:nth-child(10){left:90%;width:320px;height:320px;-webkit-animation-delay:22s;animation-delay:22s}@-webkit-keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-1500px) rotate(600deg);transform:translateY(-1500px) rotate(600deg)}}@keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-1500px) rotate(600deg);transform:translateY(-1500px) rotate(600deg)}}input:-internal-autofill-selected{background-color:#fff!important}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{box-shadow:0 0 0 120px #fff inset!important}