.app-code-box{box-sizing:border-box;background:#fff url(https://image-pub.guazistatic.com/qnbdp1066xc27785c6fa144300b49fd58f5c6c46e81770280182.jpg) 0 0/420px 170px no-repeat;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:420px;height:420px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-code-box .close-btn{cursor:pointer;-webkit-user-select:none;user-select:none;width:20px;height:20px;position:absolute;top:24px;right:24px}.app-code-box .title-logo{-webkit-user-select:none;user-select:none;width:240px;height:46px;margin-top:55px}.app-code-box .center-text{color:#303741;margin:20px 0 31px;font-family:PingFang SC;font-size:16px;font-weight:400;line-height:24px}.app-code-box .app-code{-webkit-user-select:none;user-select:none;width:172px;height:172px;margin-bottom:72px}
.login-box{background:#00000080;position:fixed;inset:0}.login-form{box-sizing:border-box;background:#fff;border-radius:6px;width:618px;height:525px;padding:46px 56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-form .close-btn{cursor:pointer;width:22px;height:22px;position:absolute;top:26px;right:26px}.login-form .form-title{color:#303741;margin-bottom:60px;font-size:28px;font-weight:500;line-height:1}.login-form .form-field{cursor:pointer;border-bottom:1px solid #d8dde6;padding-bottom:23px}.login-form .form-input{color:#303741;border:0;width:100%;font-size:22px;font-weight:400;line-height:22px}.login-form .form-input::placeholder{color:#8f96a0!important}.login-form .form-input:focus{outline:none}.login-form .form-error{color:#ff5461;height:14px;margin:14px 0;font-size:14px;line-height:1}.login-form .form-btn{color:#fff;cursor:pointer;background:#009b3f;border:none;border-radius:4px;justify-content:center;align-items:center;width:506px;height:62px;margin:16px auto 0;font-size:22px;font-weight:400;display:flex}.login-form .form-btn:disabled{color:#bec5cf;cursor:not-allowed;background:#f2f4fa;font-weight:250}.login-form .legal{color:#303741;text-align:center;margin:30px auto 0;font-size:16px;line-height:1}.login-form .legal a{color:#009b3f;text-decoration:none}.login-form .yzm-field{justify-content:space-between;align-items:center;display:flex}.login-form .yzm-field .form-input{width:332px}.login-form .yzm-field .yzm-btn,.login-form .yzm-field .yzm-num{color:#19ac81;cursor:pointer;font-size:22px;font-weight:400;line-height:1}.login-form .yzm-field .yzm-btn--disabled{color:#bec5cf;cursor:not-allowed}.login-form .yzm-field .yzm-num{color:#8f96a0}.login-form input:-webkit-autofill{-webkit-text-fill-color:#303741;-webkit-background-clip:text;transition:background-color 5000s ease-in-out;background-color:#0000!important;border-color:#666!important}.login-form input:-webkit-autofill:hover{-webkit-text-fill-color:#303741;-webkit-background-clip:text;transition:background-color 5000s ease-in-out;background-color:#0000!important;border-color:#666!important}.login-form input:-webkit-autofill:focus{-webkit-text-fill-color:#303741;-webkit-background-clip:text;transition:background-color 5000s ease-in-out;background-color:#0000!important;border-color:#666!important}.login-form input:-webkit-autofill:active{-webkit-text-fill-color:#303741;-webkit-background-clip:text;transition:background-color 5000s ease-in-out;background-color:#0000!important;border-color:#666!important}