.reg-page{width:1200px;margin:auto;background:#fff;padding:20px 16px 100px}.reg-page .sex-area-content svg{width:16px;height:16px}.reg-page.success{margin-top:-12px}.reg-page hr{height:.5px;border:0;background:#dedede}.reg-page .title{position:absolute;margin-top:12px;color:#000;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.reg-success-title{position:relative;width:100%;height:200px;border-radius:var(--Banner-number,0);background-color:linear-gradient(0deg,#fd502a,rgba(253,80,42,.7));background-image:url(/login/login_bg@2x\ .png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-width:1200px}.reg-success-title span{color:var(--color--,#fff);text-align:center;font-family:Toppan Bunkyu Midashi Mincho;font-size:34px;font-style:normal;font-weight:900;line-height:40px;display:flex;flex-direction:row;justify-content:center}.reg-success-title span:first-child{font-size:20px;padding-top:50px;height:100px}.invisibility{visibility:hidden}.reg-page .step-area{display:flex;margin:auto;font-size:16px;padding:16px 0 10px;gap:130px;justify-content:center}.reg-page .step-area .step{display:flex;gap:8px;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.reg-page .step-area .step:first-child{margin-left:-34px}.reg-page .step-area .step.invalid{color:#999}.reg-page .step-area span{width:20px;height:20px;border-radius:20px;text-align:center;background-color:#cacaca;display:flex;align-items:center;justify-content:center;position:relative}.reg-page .step-area span i{color:#fff;font-size:13px;font-style:normal;font-weight:700;margin-top:-3px}.reg-page .step-area svg{width:20px;height:20px;fill:#cacaca}.reg-page .step-area .valid svg{fill:#25b570}.reg-page .step-area .checked span,.reg-page .step-area .valid span{background-color:#25b570}.reg-page .step-area .checked{opacity:.3}.reg-page .step-area .valid{font-weight:700}.reg-page .step-area .invalid{color:#bfbfbf}.reg-page .form-area{padding-top:46px;width:600px;margin:auto}.reg-page .form-area .field{display:flex;gap:15px;align-items:self-start;margin-bottom:16px}.reg-page .form-area .field.hidden{display:none}.reg-page .form-area .field .label{text-align:right;display:flex;padding-bottom:10px;width:158px;justify-content:flex-end;flex-direction:column;font-weight:500;line-height:20px}.reg-page .form-area .field .label div{color:#000;text-align:right;font-size:13px;font-style:normal;font-weight:700;line-height:20px}.reg-page .form-area .field .label .must{color:#fd502a;font-size:12px;font-style:normal;font-weight:400}.reg-page .form-area .input{display:flex;width:400px}.reg-page .send-mail{width:611px;margin:auto;display:block;text-align:center;padding-top:117px}.reg-success button,.send-mail button{height:35px;width:100%;outline:none;padding:0 15px;font-size:14px;border:1px solid #bfbfbf}.reg-page .form input{width:288px;height:40px;border-radius:4px;background:#fff;padding-left:14px}.reg-page .form input.default{color:#999}.reg-page .form input:-moz-read-only{background:#f8f8f8;color:#999}.reg-page .form input:read-only{background:#f8f8f8;color:#999}.reg-page .reg-success{width:802px}.reg-success button{background-color:#bfbfbf;width:400px;border-radius:10px;margin:5px 0}.reg-success button.valid{background-color:blue;color:#fff}.reg-page .form button{width:294px;height:40px;border-radius:42px;background:var(--btn-bg-color);color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:normal;margin-left:172px;margin-top:15px}.reg-page .form button.invalid{opacity:var(--invalid-btn-opacity)}.reg-page .form input{color:#000;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.reg-page .form input.error{border-bottom:1px solid #dc3545}.reg-page .form input::placeholder{color:#bfbfbf;font-size:13px}.reg-page .form .field .password-control-icon{pointer-events:inherit}.reg-page .form .input svg{transform:translateY(-50%);font-size:18px;pointer-events:none;width:16px;height:16px;margin-top:20px;margin-left:-30px}.reg-page .form .input .password-control-icon{color:#000;margin-left:25px;position:absolute}.reg-page .form .field .icon{left:0;color:#bfbfbf}.reg-page .form .field .check-icon{right:10px}.reg-page .form .field .check-icon.pass{color:#015201}.reg-page .form .field .check-icon.normal{color:#bfbfbf}.reg-page .form .field .check-icon.invalid{color:#dc3545}.reg-page .password-tip{color:#666;font-size:12px;font-style:normal;font-weight:400;min-width:300px;padding-top:10px}.reg-page .form .field .error-txt{align-items:center;display:flex;padding-top:12px;padding-bottom:8px}.reg-page .form .field .error-wrap{display:flex;align-items:unset;gap:5px}.reg-page .form .field .error-text-wrap{width:400px;word-break:unset;white-space:wrap;display:flex;align-items:baseline;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;height:40px}.reg-page .form .field .error-txt svg{color:#fd502a;width:14px;height:14px;fill:#fd502a!important}.reg-page .form .field .error-txt span{color:#fd502a;font-size:12px;padding-left:0;font-style:normal;font-weight:400;line-height:14px}.reg-page .form .error-normal{color:#dc3545;display:flex;margin-left:-25px}.reg-page .form .google-code-wrap{width:300px;margin:auto;flex-direction:column;gap:10px}.reg-page .form .google-code-area{display:flex;justify-content:center;margin:auto auto auto 17px}.reg-page .form .google-code-wrap .error-txt{margin-left:18px;margin-top:0}.reg-page .form .agree-area{width:424px;text-align:center;margin:auto;padding:0 0 0 20px;display:flex}.reg-page .form .agree-area a,.reg-page .form .agree-area i,.reg-page .form .agree-area span{color:#666;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.reg-page .form .agree-area a{-webkit-text-decoration-line:underline;text-decoration-line:underline}.reg-page .form .agree-area .svg-wrap{height:20px;width:18px;display:flex;align-items:center;justify-content:flex-start}.reg-page .form .agree-area .svg-wrap svg{width:14px;height:14px}.reg-page .send-mail .send-message{display:block;justify-content:center;align-items:center;gap:10px}.reg-page .send-mail .send-message svg{width:72px;height:72px}.reg-page .send-mail .email-code{margin:0 auto 40px;width:357px;position:relative}.reg-page .send-mail .error-text{position:absolute;top:40px;left:0}.reg-page .send-mail .email-code input{width:100%;padding:0 16px}.reg-page .send-mail .email-code input.invalid{border:1px solid #fd502a}.reg-page .send-mail .email-code input::placeholder{color:#999;font-size:13px}.reg-page .send-mail .guest{color:#666;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:18px;margin-top:16px;cursor:pointer}.reg-page .send-mail .sub-title{padding:10px 0 32px;margin:auto;font-size:16px;width:490px;font-size:14px;font-style:normal;font-weight:500}.reg-page .send-mail .sub-title.h5{display:none}.reg-page .send-mail .sub-title.pc{display:inline}.reg-page .send-mail .sub-title div.desc{width:325px;margin:20px auto auto;white-space:wrap;word-wrap:break-word;color:#000;text-align:center;font-size:13px;font-style:normal;font-weight:700;line-height:20px}.reg-page .send-mail .sub-title div.message-tip{margin:22px auto 32px}.reg-page .send-mail .error-text-wrap{height:100px;width:395px;margin:16px auto auto}.reg-page .send-mail .error-text,.reg-page .send-mail .error-text span{color:#fd502a;font-size:12px;font-style:normal;font-weight:400;line-height:14px;text-align:left;display:flex;gap:5px;align-items:unset}.reg-page .send-mail .error-text-wrap span{width:378px}.reg-page .send-mail .error-text svg{margin-top:0;width:16px;height:16px}.reg-page .send-mail .message-tip{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin-bottom:10px}.reg-page .send-mail .message-tip span{font-weight:600}.reg-page .send-mail button:first-child{margin-right:10px}.reg-page .send-mail .send-mail-button{width:171px;height:40px;border-radius:27px;border:1px solid #fd502a;background-color:#fff;padding:0}.reg-page .send-mail .send-mail-button.check-mail-status{background:#fd502a;color:#fff}.reg-page .send-mail .send-mail-button.check-mail-status.invalid{opacity:.3}.reg-page .send-mail .send-mail-button,.reg-page .send-mail .send-mail-button i{color:#fd502a;font-size:14px;font-style:normal;font-weight:700;line-height:normal}.reg-page .send-mail .send-mail-button i{font-style:normal;margin-right:5px}.reg-page .reg-success{margin:auto}.reg-page .form .google-code{scale:.95}.reg-page .error-text .svg-wrap{padding-top:3px}.reg-page .form .reg-input-wrap .error-text{margin-top:2px;position:absolute;overflow:hidden}.reg-page .form .google-code-wrap{position:relative}.reg-page .form .google-code-wrap .google-code-area{padding-top:32px}.reg-page .form .google-code-wrap .error-tip{margin-top:-14.5px;z-index:100;min-height:40px;display:flex;align-items:flex-start;margin-left:24px;width:296px}.reg-page .form .google-code-wrap .error-tip span:first-child{width:14px;height:14px;margin-top:3px}.guest-tip-modal .children,.reg-tip-modal .children{border-radius:4px;background:#fff}.guest-tip-modal.mui-modal-popup .close.postion-top,.reg-tip-modal.mui-modal-popup .close.postion-top{right:24px;top:24px;cursor:pointer}.guest-tip-modal .close svg,.reg-tip-modal .close svg{width:24px;height:24px}.guest-tip-modal .close svg circle,.reg-tip-modal .close svg circle{stroke:#d0d0d0!important}.guest-tip-modal .close svg path,.reg-tip-modal .close svg path{stroke:#000!important;stroke-width:2px!important}.guest-tip-modal .reg-tip-content,.reg-tip-modal .reg-tip-content{display:flex;flex-direction:column;padding:64px 40px 40px 38px}.guest-tip-modal .reg-tip-content .title,.reg-tip-modal .reg-tip-content .title{display:flex;align-items:center;gap:8px;color:#000;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.guest-tip-modal .reg-tip-content .title svg,.reg-tip-modal .reg-tip-content .title svg{width:30px;height:30px}.guest-tip-modal .reg-tip-content .detail,.reg-tip-modal .reg-tip-content .detail{margin:13px 0 20px;padding:0 10px 0 37px;color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:24px}.guest-tip-modal .reg-tip-content .detail{display:flex;flex-direction:column;gap:18px}.guest-tip-modal .reg-tip-content .detail i{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:24px}.guest-tip-modal .reg-tip-content .action,.reg-tip-modal .reg-tip-content .action{display:flex;justify-content:flex-end}.guest-tip-modal .reg-tip-content button.red-button,.reg-tip-modal .reg-tip-content button.red-button{width:100px;height:36px}