.containerId{width:80vw}.containerId>iframe{height:60vw!important;margin-left:auto;margin-right:auto;width:60vw!important;max-width:30rem}.wechat-login .q-card{width:80vw!important;background:transparent!important;border:none!important;box-shadow:none!important;overflow-x:hidden!important}.containerId{width:60vw;margin:0;margin-left:auto;margin-right:auto;max-height:15rem;max-width:30rem}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}.login-page{background-color:#4cc8f7;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.login-wrapper{display:inline-flex;width:100%;margin-top:claim(10vw,10vw,10rem);background-color:#fff;border-radius:8px;overflow:hidden;flex-direction:column}.brand-section{flex:1;background-color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.brand-logo{width:120px;height:120px;margin-bottom:20px;background:url(../img/logo.700fdcb9.png) no-repeat;background-size:contain}.brand-name{font-size:24px;font-weight:700;color:#333;margin-bottom:10px}.brand-slogan{color:#666;font-size:14px}.login-section{flex:1;padding:40px}.input-group{margin-bottom:20px}input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px}input::-moz-placeholder{color:#aaa}input::placeholder{color:#aaa}.login-btn{width:100%;padding:12px;background-color:#4cc8f7;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:16px;margin-top:10px;transition:background-color .3s}.login-btn:hover{background-color:#0985b2}.options-group{justify-content:space-between;margin:10px;font-size:13px}.options-group,.remember-me{display:flex;align-items:center}.remember-me input{width:auto;margin-right:5px}.agreements{color:#666;text-align:center;margin:15px 0;font-size:12px}.agreements a{color:#4cc8f7;text-decoration:none}.register-link{text-align:center;margin-top:20px;font-size:13px;color:#666}.register-link a{color:#4cc8f7;text-decoration:none;font-weight:700}@media (max-width:768px){.login-wrapper{flex-direction:column}.brand-section,.login-section{padding:30px 20px}.brand-logo{width:80px;height:80px;background:url(../img/logo.700fdcb9.png) no-repeat;background-size:contain}.brand-name{font-size:20px}}.wxqrcode{width:100%;justify-content:center;display:flex;flex-direction:row}.wxqrcode img{width:2rem;cursor:pointer}.login-section{display:none}.login-section.active{display:block}.wechat-scan-tips{text-align:center;font-size:clamp(14px,2vw,32px);margin-bottom:clamp(5vw,5vw,2rem);max-width:30rem;margin-left:auto;margin-right:auto}.footer{position:absolute;bottom:0;text-align:center;height:6rem;width:100%;margin-bottom:0;padding-bottom:0;color:#a1a1a1}.q-page-container2{max-width:30rem}