.popup-login{display:none;position:fixed;left:0;bottom:0;width:100%;max-width:7.7rem;height:8.36rem;background-color:#fff;background-image:url(https://info.compassedu.hk/mobile/popup-login/popup-login-bg-new.png);background-repeat:no-repeat;background-size:100%;background-position:top center;border-radius:24px 24px 0 0;z-index:999}.popup-login .popup-content{position:relative}.popup-login .popup-content .popup-close-icon{position:absolute;top:.32rem;right:.32rem;color:#4e4e4e}.popup-login .popup-content .popup-login-back{position:absolute;top:.32rem;left:.32rem;color:#4e4e4e}.popup-login .popup-content .popup-login-box,.popup-login .popup-content .popup-login-one-click-box{padding-top:.48rem;padding-left:.42rem;padding-right:.4rem;box-sizing:border-box}.popup-login .popup-content .popup-login-box .popup-login-header .welcome-login,.popup-login .popup-content .popup-login-one-click-box .popup-login-header .welcome-login{width:.8rem;height:.64rem;font-size:.26rem;font-weight:700;color:#fff;text-align:center;background-image:url(https://info.compassedu.hk/mobile/popup-login/sub-title-bg-new.png);background-size:contain;background-position:top left;background-repeat:no-repeat}.popup-login .popup-content .popup-login-box .popup-login-header .welcome-login.guide,.popup-login .popup-content .popup-login-one-click-box .popup-login-header .welcome-login.guide{width:1.38rem;background-image:url(https://info.compassedu.hk/mobile/popup-login/sub-title-bg.png);background-size:100% 100%;position:inherit!important;background-color:transparent!important;box-sizing:content-box}.popup-login .popup-content .popup-login-box .popup-login-header .welcome-login .text,.popup-login .popup-content .popup-login-one-click-box .popup-login-header .welcome-login .text{width:.8rem;height:.58rem;display:flex;justify-content:center;align-items:center}.popup-login .popup-content .popup-login-box .popup-login-header .welcome-login.guide .text,.popup-login .popup-content .popup-login-one-click-box .popup-login-header .welcome-login.guide .text{width:1.38rem}.popup-login .popup-content .popup-login-box .popup-login-header .popup-login-title,.popup-login .popup-content .popup-login-one-click-box .popup-login-header .popup-login-title{margin-top:.12rem;font-size:.36rem;font-weight:700;color:#333;line-height:.5rem}.popup-login .popup-content .popup-login-box .popup-login-form{margin-top:.5rem}.popup-login .popup-content .popup-login-box .popup-login-form .popup-login-form-item{padding:.24rem .32rem;display:flex;align-items:center;width:100%;height:.92rem;background:#fafafa;border-radius:.24rem;box-sizing:border-box}.popup-login .popup-content .popup-login-box .popup-login-form .popup-login-form-item+.popup-login-form-item{margin-top:.32rem}.popup-login-phone-code{flex-shrink:0;position:relative;padding-right:.18rem;font-size:.28rem;font-weight:400;color:#3c424e;line-height:.44rem}.popup-login-phone-code::after{content:'';position:absolute;top:50%;right:0;width:.02rem;height:.24rem;background-color:#8f8f8f;transform:translateY(-50%)}.popup-login-phone-code .icon-filter_arrow-mine{display:inline-block;margin-left:.08rem;font-size:.15rem;color:#3c424e;vertical-align:top}.popup-login .hide{display:none}.popup-login-form .popup-login-form-item .popup-login-form-control{flex:1}.popup-login-form input{outline:0;border:none;width:100%;height:100%;font-size:.28rem;background-color:#fafafa;box-sizing:border-box}.popup-login-form .popup-login-form-item .popup-login-form-control .popup-login-phone-input{padding-left:.3rem}.popup-login-form .popup-login-form-item .popup-login-form-send{font-size:.28rem;font-weight:400;color:#178fff}.popup-login-box .popup-login-tip,.popup-login-one-click-box .popup-login-tip{margin-top:.76rem;width:100%;font-size:.24rem;font-weight:400;color:#868687}.popup-login-box .popup-login-tip a,.popup-login-one-click-box .popup-login-tip a{color:#178fff}.popup-login-box .popup-login-tip .label,.popup-login-one-click-box .popup-login-tip .label{display:flex;align-items:center}.popup-login-box .popup-login-tip .agree-checkbox,.popup-login-one-click-box .popup-login-tip .agree-checkbox{position:relative;margin-right:.05rem;border-radius:50%;overflow:hidden}.agree-checkbox:checked{border:none}.agree-checkbox:checked::after{content:"";display:block;top:-.01rem;left:-.01rem;right:-.01rem;bottom:-.01rem;position:absolute;background-image:url(https://info.compassedu.hk/mobile/popup-login/checked.png);background-position:center;background-repeat:no-repeat;background-size:contain}.popup-login-box .popup-login-btn,.popup-login-one-click-box .popup-login-btn{margin-top:.8rem;height:.88rem;background:#1890ff;border-radius:.16rem;font-size:.32rem;font-weight:700;color:#fff;text-align:center;display:flex;justify-content:center;align-items:center}.popup-login-box .popup-login-btn.disable,.popup-login-one-click-box .popup-login-btn.disable{opacity:.5}.popup-login-box .popup-login-bottom,.popup-login-one-click-box .popup-login-bottom{margin-top:.24rem;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.28rem;font-weight:400;color:#868687;line-height:.4rem}.popup-login .popup-login-phone-code-box{padding-top:.3rem}.popup-login .popup-login-phone-code-box .popup-phone-code-title{padding-bottom:.2rem;font-weight:500;color:#262626;line-height:.5rem;font-size:.32rem;text-align:center}.popup-login .popup-login-phone-code-box .popup-phone-code-list{height:7.32rem;overflow-y:auto}.popup-login .popup-login-phone-code-box .popup-phone-code-list .popup-code-ara-line{width:100%;height:.45rem;line-height:.45rem;font-size:.28rem;color:#333;box-sizing:border-box;padding-left:.38rem;background-color:#f8f8f9}.popup-login .popup-login-phone-code-box .popup-phone-code-list .popup-code-select-item{width:100%;height:.88rem;background:#fff;line-height:.88rem;font-size:.36rem;color:#262626;box-sizing:border-box;padding:0 .6rem 0 .3rem;position:relative;display:flex;justify-content:space-between;align-items:center}.popup-login .popup-login-question{padding:1.04rem .34rem 0 .5rem}.popup-login .popup-login-question .question-title{font-size:.38rem;font-weight:500;color:#2c2c2c;line-height:.52rem}.popup-login .popup-login-question .question-list{margin-top:.4rem}.popup-login-question .question-list .question-text{display:flex;font-size:.28rem;font-weight:500;color:#2c2c2c;line-height:.4rem}.popup-login-question .question-list .question-answer{margin-top:.24rem;display:flex;flex-wrap:wrap;font-size:.28rem;font-weight:400;color:#2c2c2c;line-height:.4rem}.popup-login .popup-login-question .question-list .question-answer .question-title,.popup-login .popup-login-question .question-list .question-text .question-title{flex-shrink:0;margin-right:.15rem;font-size:.26rem;font-weight:500;color:#495bff;line-height:.4rem}.popup-login .popup-login-question .question-list .question-answer .question-detail,.popup-login .popup-login-question .question-list .question-text .question-detail{flex:1}.popup-login .popup-login-question .not-found-question{margin-top:3.9rem;font-size:.26rem;font-weight:400;color:#2c2c2c;text-align:center;line-height:.36rem}.popup-login .popup-login-question a{color:#2372ff}.popup-login .popup-login-question-tip{width:100%;height:.4rem;line-height:.4rem;text-align:center;margin-top:.2rem;font-size:.28rem;color:#868687;font-weight:400}.popup-login .popup-login-question-tip .circle{display:inline-block;width:.28rem;height:.28rem;line-height:.28rem;color:#868687;border:.02rem solid #868687;border-radius:50%;margin-right:.08rem}.popup-login-one-click-box .popup-login-other-type{width:100%;text-align:center}.popup-login .popup-content .popup-login-one-click-box .popup-login-form{margin-top:1.02rem;background-color:transparent}.popup-login .popup-content .popup-login-one-click-box .popup-login-form .phone-num{display:flex;align-content:center}.popup-login .popup-content .popup-login-one-click-box .popup-login-form .phone-num .per-num{position:relative;width:.6rem;height:.6rem;line-height:.6rem;border:none;box-sizing:border-box;font-weight:500;font-size:.4rem;color:#262626;text-align:center}.popup-login .popup-content .popup-login-one-click-box .popup-login-form .phone-num .per-num.able{border-radius:.14rem;border:.02rem solid #2372ff}.popup-login .popup-content .popup-login-one-click-box .popup-login-form .phone-num .per-num.n5,.popup-login .popup-content .popup-login-one-click-box .popup-login-form .phone-num .per-num.n6,.popup-login .popup-content .popup-login-one-click-box .popup-login-form .phone-num .per-num.n7{margin-left:.2rem}.popup-login .popup-content .popup-login-one-click-box .popup-login-form .phone-num .per-num.able .number-input{position:absolute;top:calc((100% - .3rem)/ 2);left:calc((100% - .3rem)/ 2);width:.3rem;height:.3rem;background:0 0;border:none;text-align:center;font-weight:500;font-size:.4rem;color:#2372ff}.popup-login-one-click-box .popup-login-tip{margin-top:1.3rem}.popup-login-one-click-box .popup-login-btn{margin-top:.22rem}.dialog-type-container{background-color:rgba(0,0,0,.4)!important;transform:none!important;-webkit-transform:none!important}.dialog-type-container .dialog-type-inner-content{position:fixed!important;left:0!important;top:initial!important;bottom:0!important;padding:0!important;width:100%!important;max-width:7.7rem!important;height:8.36rem!important;background-color:transparent!important;background-image:url(https://info.compassedu.hk/mobile/popup-login/popup-login-bg-new.png)!important;background-repeat:no-repeat!important;background-size:100%!important;background-position:top center!important;border-radius:24px 24px 0 0!important;box-sizing:border-box!important;box-shadow:none!important;transform:none!important;-webkit-transform:none!important}.dialog-type-container .close-btn{position:absolute!important;width:.25rem!important;height:.25rem!important;right:.26rem!important;top:.32rem!important;z-index:9999!important}.dialog-type-container .close-btn::after,.dialog-type-container .close-btn::before{height:.25rem!important}.dialog-type-container .dialog-title{position:absolute!important;color:transparent!important}.one-click-login{position:absolute;width:100vw;height:100vh;left:0}.custom-popup-login-header .custom-welcome-login{width:.8rem!important;height:.64rem!important;font-size:.26rem!important;font-weight:700!important;color:#fff!important;text-align:center!important;background-image:url(https://info.compassedu.hk/mobile/popup-login/sub-title-bg-new.png)!important;background-size:contain!important;background-position:top left!important;background-repeat:no-repeat!important;margin:.48rem 0 0 .42rem!important}.custom-popup-login-header .custom-welcome-login.guide{width:1.38rem!important;background-image:url(https://info.compassedu.hk/mobile/popup-login/sub-title-bg.png)!important;background-size:100% 100%!important;position:inherit!important;background-color:transparent!important}.custom-popup-login-header .custom-welcome-login .custom-text{width:.8rem!important;height:.58rem!important;display:flex!important;justify-content:center!important;align-items:center!important}.custom-popup-login-header .custom-welcome-login.guide .custom-text{width:1.38rem!important}.custom-popup-login-header .custom-popup-login-title{height:.5rem!important;margin-top:.12rem!important;font-size:.36rem!important;font-weight:700!important;color:#333!important;line-height:.5rem!important;margin:.1rem 0 0 .42rem!important}.dialog-type-container .custom-view-box{position:absolute!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}.dialog-type-container .number-con-wrap{position:absolute!important;left:.42rem!important;top:2.74rem!important;width:6.68rem!important;height:.6rem!important;margin:0!important;z-index:9999}.custom-popup-login-bottom{margin-top:5.16rem!important;font-weight:400!important;font-size:.28rem!important;color:#868687!important;text-align:center!important}.dialog-type-container .submit-btn{position:absolute!important;top:5.76rem!important;width:6.68rem!important;height:.88rem!important;margin:0!important;padding:0!important;font-size:.32rem!important;font-weight:500!important;background:#2b85fa!important;border-radius:.16rem!important;z-index:9999}.dialog-type-container .submit-btn.submit-disabled{opacity:.5!important}.dialog-type-container .agreement{position:absolute!important;top:5.18rem!important;margin:0!important;justify-content:flex-start!important;width:6.68rem!important;z-index:9999;align-items:center!important}.dialog-type-container .agreement .checke-0{height:.32rem!important;width:.32rem!important;border:.02rem solid #979797!important;border-radius:.04rem!important;margin-right:.1rem!important;box-sizing:border-box}.dialog-type-container .agreement .checke-1{width:.32rem!important;height:.32rem!important;border:none!important;background-image:url(https://info.compassedu.hk/mobile/popup-login/checked.png)!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;margin-right:.1rem!important}.dialog-type-container .agreement .checke-1 svg{display:none!important}.dialog-type-container .number-con{font-weight:500!important;font-size:.4rem!important;color:#262626!important}.dialog-type-container .number-con div:first-child{width:1.34rem!important;margin:0!important;text-align:left!important;letter-spacing:.18rem!important}.dialog-type-container .number-con div:last-child{width:1.58rem!important;text-align:left!important;letter-spacing:.2rem!important}.dialog-type-container .number-con input{margin-right:.2rem!important;border-bottom:#181818 solid 1px!important;font-family:PingFangSC-Medium!important;width:.72rem!important;height:.72rem!important;background:0 0!important;text-align:center!important;font-weight:500!important;font-size:.4rem!important;border-radius:.14rem!important;border:.03rem solid #2372ff!important;box-sizing:content-box!important}.custom-popup-login-tip{position:absolute!important;left:.42rem!important;top:3.62rem!important;color:#868687!important;font-size:.24rem!important;height:.34rem!important}