.popup-container{background-color:rgba(0,0,0,.5);display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-justify-content:center;left:0;position:fixed;top:0;width:100%;-ms-flex-pack:center;-webkit-align-items:flex-end;justify-content:center;-ms-flex-align:end;align-items:flex-end;z-index:100}.popup-container .popup-content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:9.8rem;-webkit-justify-content:space-evenly;width:13.9rem;-ms-flex-pack:space-evenly;background-color:#fff;border-radius:.6rem;justify-content:space-evenly;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.popup-container .popup-title{font-family:SYMedium;font-size:.75rem;margin-bottom:.5rem;text-align:center}.popup-container .popup-text{margin:0 auto;padding:0 .8rem;width:80%}.popup-container .popup-agreement-text{color:#aaa;display:block;font-family:SYMedium;font-size:.6rem;line-height:1.6}.popup-container .popup-buttons{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-align-items:center;justify-content:space-between;-ms-flex-align:center;align-items:center;margin:0 .45rem}.popup-container .popup-button{-webkit-align-items:center;border:none;border-radius:.55rem;display:-webkit-flex;display:-ms-flexbox;display:flex;height:1.1rem;width:5.7rem;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:0}.popup-container .popup-button::after{border:none}.popup-container .reject{background:#dbdbdb;border-radius:5rem;color:#333;color:#fff;font-family:SYMedium;font-size:.8rem;height:2.1rem;padding:0!important}.popup-container .agree{background:#333;border-radius:5rem;color:#ffca60;font-family:SYMedium;font-size:.8rem;height:2.1rem;margin-left:0;padding:0!important}.placeholder-class-phone::-webkit-input-placeholder{color:red!important;font-size:.8rem!important}.placeholder-class-phone::-moz-placeholder{color:red!important;font-size:.8rem!important}.placeholder-class-phone:-ms-input-placeholder{color:red!important;font-size:.8rem!important}.placeholder-class-phone::-ms-input-placeholder{color:red!important;font-size:.8rem!important}.placeholder-class-phone::placeholder{color:red!important;font-size:.8rem!important}.placeholder-class-code::-webkit-input-placeholder{color:red!important;font-size:.8rem!important}.placeholder-class-code::-moz-placeholder{color:red!important;font-size:.8rem!important}.placeholder-class-code:-ms-input-placeholder{color:red!important;font-size:.8rem!important}.placeholder-class-code::-ms-input-placeholder{color:red!important;font-size:.8rem!important}.placeholder-class-code::placeholder{color:red!important;font-size:.8rem!important}.login-container{display:-webkit-flex;display:-ms-flexbox;display:flex;height:100vh;-webkit-justify-content:center;overflow:hidden;position:relative;width:100vw;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;-ms-flex-align:center;align-items:center}.login-container .at-input{background:transparent!important;margin-left:0!important}.login-container .at-input__children{color:#fa0!important;font-size:.8rem!important}.login-container .at-input__input::-webkit-input-placeholder{color:red!important;font-size:.8rem!important}.login-container .at-input__input::-moz-placeholder{color:red!important;font-size:.8rem!important}.login-container .at-input__input:-ms-input-placeholder{color:red!important;font-size:.8rem!important}.login-container .at-input__input::-ms-input-placeholder{color:red!important;font-size:.8rem!important}.login-container .at-input__input::placeholder{color:red!important;font-size:.8rem!important}.login-container .placeholder{color:#b6b6b6!important;font-size:.8rem!important}.login-container .input-phone{background:#f2f2f2!important;border-radius:5rem 5rem 5rem 5rem!important;height:2.3rem!important;margin-bottom:1rem;padding:0 .8rem}.login-container .input-code{background:#f2f2f2!important;border-radius:5rem 5rem 5rem 5rem!important;height:2.3rem!important;margin-bottom:1.5rem;padding:0 .8rem}.login-container .login-box{background-color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:22rem;-webkit-justify-content:start;width:100%;-ms-flex-pack:start;gap:.8rem;justify-content:start;margin-bottom:8rem;padding:0 2.15rem}.login-container .login-back{color:#777;font-size:.8rem;position:fixed;right:5%;text-align:center;top:5%;z-index:10}.login-container .login-logo{display:block;height:3.7rem;margin:0 auto;width:3.7rem}.login-container .bg-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.login-container .bg-image{height:100%;width:100%}.login-container .hello-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;left:50%;position:absolute;top:45%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60%;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;-ms-flex-align:center;align-items:center}.login-container .hello-image{width:100%}.login-container .hello-container-text{color:#333;font-size:1.2rem;text-align:center}.login-container .hello-container-tip{color:#777;font-size:.6rem;margin-bottom:1.2rem;margin-top:-.4rem;text-align:center}.login-container .middle-btn-container{background-color:#fff}.login-container .auth-btn{background-color:#333;border-radius:1.8rem;color:#ffca60;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:.9rem;height:2.4rem;-webkit-justify-content:center;width:100%;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;-ms-flex-align:center;align-items:center}.login-container .middle-btn-image{height:100%;width:100%}.login-container .btn-text{color:#fa0;font-family:SYMedium;z-index:1}.login-container .bottom-container{-webkit-align-items:center;background-color:#fff;bottom:5rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;left:0;position:absolute;width:100%;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 1rem}.login-container .other-login-btn{background-color:transparent;border:none;margin-bottom:.75rem;padding:.25rem .5rem}.login-container .other-btn-text{color:#666;font-family:SYMedium;font-size:.7rem}.login-container .agreement-checkbox{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.login-container .checkbox-icon{height:.8rem;margin-right:.15rem;min-width:.8rem;width:.8rem}.login-container .agreement-text{color:#777;font-family:SYRegular;font-size:.7rem;margin-top:.15rem}.login-container .agreement-text-other{color:#333;font-family:SYRegular;font-size:.7rem;font-weight:700}.login-container .login-tip{bottom:1rem;height:1.6rem;left:2.85rem;position:absolute;width:6rem}