#mcl-custom-login-bd{background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;height:100vh}#login-pop-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center}.login-modal{position:relative}#login-pop-container .login-modal{padding:16px 32px}.login-modal .modal-content{width:350px;padding:24px;background:#fff;border-radius:10px;box-sizing:border-box}.login-modal .login-form-pop-close{position:absolute;top:0;right:0}.login-modal .login-form-pop-close i{font-size:30px;color:#fff;font-weight:100}.login-logo img{display:block;height:30px;width:auto;margin:0 auto}.login-modal .modal-content h3{text-align:center;margin:24px;color:#333;font-size:20px;font-weight:400}.modal-content .login-form-item{position:relative;margin-bottom:15px;font-size:13px}.modal-content .login-form-item label{position:absolute;height:40px;line-height:40px;width:40px;text-align:center;top:0;left:0;z-index:2}.modal-content .login-form-item label i{color:#000}.login-form-bt-link-item{font-size:13px}.login-form-remember.areement-service-box{justify-content:center}.login-form-remember.areement-service-box p{margin:0;font-size:13px;letter-spacing:-.5px}.modal-content .login-form-item input:not([type=checkbox]){width:100%;height:40px;line-height:40px;padding:0 15px 0 40px;border:1px solid #e5e5e5;border-radius:3px;outline:none;box-sizing:border-box}.login-form-flex-item{display:flex;align-items:center;justify-content:space-between;font-size:13px}.login-form-flex-item.login-form-flex-end{justify-content:flex-end}.modal-content .login-form-item input#captcha{padding-right:95px}img.mcl-img-captcha{display:block;margin:0;position:absolute;top:1px;right:1px;border-radius:0 3px 3px 0;border-left:1px solid #e5e5e5;cursor:pointer}.modal-content .login-form-item button.login-form-button{height:40px;border-radius:3px;color:#fff;background:linear-gradient(90deg,var(--mcl-primary-color),var(--mcl-secondary-color));text-align:center;padding:0 15px;width:100%;border:none;box-shadow:none;cursor:pointer}.modal-content .login-form-item button.login-form-button:hover{opacity:.8}.modal-content a{color:var(--mcl-secondary-color)}.login-form-bt-link{text-align:center;color:#999;font-size:14px}.login-form-remember{display:flex;align-items:center;color:#999}.login-form-remember input{display:block;margin-right:8px;cursor:pointer;border:1px solid #e5e5e5}.login-form-captcha-item{display:flex;align-items:center}.login-form-captcha-item .captcha-input{flex:1}.login-form-captcha-item button.get-phone-captcha{height:40px;padding:0 10px;background:#eee;color:#333;cursor:pointer;border-radius:0 3px 3px 0;border:1px solid #e5e5e5;border-left:none;width:max-content;flex:none}.login-form-captcha-item input{border-radius:3px 0 0 3px !important}.mcl-login-message{padding:7px 10px;border-radius:3px;border:1px solid var(--mcl-primary-color);margin-bottom:12px;color:var(--mcl-primary-color);position:relative;font-size:13px;text-align:center}.mcl-login-message:before{content:'';left:0;right:0;bottom:0;top:0;border-radius:3px;background:var(--mcl-primary-color);opacity:.1;position:absolute}.mcl-login-message.mcl-error{color:#d63638;border-color:#d63638}.mcl-login-message.mcl-error:before{background:#d63638}.mcl-login-message.mcl-success{color:#00a32a;border-color:#00a32a}.mcl-login-message.mcl-success:before{background:#00a32a}.login-form-item.email-verification-item input{padding-right:115px}.login-form-item.email-verification-item button{height:40px;width:100px;text-align:center;font-size:13px;padding:0 5px;color:#fff;background:linear-gradient(90deg,var(--mcl-primary-color),var(--mcl-secondary-color));border:none;box-shadow:none;outline:none;position:absolute;top:0;right:0;border-radius:0 3px 3px 0;cursor:pointer}.login-form-item.email-verification-item button:disabled{background-color:#ccc;cursor:not-allowed}#loading-spinner{position:fixed;width:100%;height:100%;z-index:999999999;top:0;left:0;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center}#loading-spinner i{color:#fff;animation:spin 2s linear infinite;display:block;font-size:30px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.login-modal .modal-content{width:100%}#login-pop-container .login-modal{padding:15px}.login-modal .login-form-pop-close{top:25px;right:25px}.login-modal .login-form-pop-close i{color:var(--mcl-secondary-color)}}