.four-share[data-v-78b15910]{align-items:center;display:flex;gap:24px;justify-content:center;margin-top:24px}.four-share .share-btn[data-v-78b15910]{cursor:pointer;margin:0 20px;position:relative;text-align:center}.four-share .share-btn .trangle-icon[data-v-78b15910]{bottom:-30px;left:50%;position:absolute;transform:translateX(-50%)}.four-share .share-btn p[data-v-78b15910]{font-size:14px;line-height:16.1px}@media screen and (max-width:768px){.four-share .share-btn[data-v-78b15910]{margin:0 10px}}.share-content[data-v-78b15910]{background:#fff;border:1px solid #4d4d4d;border-radius:4px;box-sizing:border-box;margin-top:26px;padding:20px;width:100%}.share-content .share-layout[data-v-78b15910]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.share-content .share-layout .content-area[data-v-78b15910]{color:#7f7f7f;font-size:14px;line-height:16.8px;width:100%}@media screen and (max-width:768px){.share-content .share-layout .content-area[data-v-78b15910]{font-size:12px}}.share-content .share-layout .content-area .bold-text[data-v-78b15910]{font-weight:700}.share-content .share-layout .content-area .copy-btn[data-v-78b15910]{align-items:center;background:#4d4d4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:50px;justify-content:center;margin:20px auto;width:158px}.share-content .share-layout .content-area .copy-btn img[data-v-78b15910]{width:24px}.share-content .share-layout .content-area .link[data-v-78b15910]{color:#4d4d4d;margin-top:10px;text-decoration:underline}.share-content .share-layout .content-area .mt20[data-v-78b15910]{margin-top:20px}.share-content .share-layout .btn-area[data-v-78b15910]{box-sizing:border-box;height:56px;padding-top:20px;width:100%}.share-content .share-layout .btn-area .share-btn[data-v-78b15910]{align-items:center;background:#4d4d4d;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}.page-loading[data-v-9ce71c44]{height:800px;width:100%}@media screen and (max-width:768px){.page-loading[data-v-9ce71c44]{height:500px}}.referral-page[data-v-9ce71c44]{background:#f8f8f8;color:#4d4d4d;width:100%}.referral-page .banner-box[data-v-9ce71c44]{height:0;padding-bottom:var(--pc-ratio);position:relative;width:100%}@media screen and (max-width:768px){.referral-page .banner-box[data-v-9ce71c44]{padding-bottom:var(--m-ratio)}}.referral-page .banner-box .content-box[data-v-9ce71c44]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.referral-page .banner-box .content-box p[data-v-9ce71c44]{color:#fff;text-align:center}.referral-page .banner-box .content-box .banner-title[data-v-9ce71c44]{font-size:36px;font-weight:700;line-height:52.13px}.referral-page .banner-box .content-box .banner-content[data-v-9ce71c44]{font-size:16px;line-height:23.17px;max-width:490px}@media screen and (max-width:768px){.referral-page .banner-box .content-box .banner-content[data-v-9ce71c44]{max-width:calc(100% - 60px)}}.referral-page .banner-box .banner-pic img[data-v-9ce71c44],.referral-page .banner-box .banner-pic[data-v-9ce71c44]{width:100%}.referral-page .title-box[data-v-9ce71c44]{margin:0 auto;padding:80px 0 0;width:548px}.referral-page .title-box .title[data-v-9ce71c44]{color:#4d4d4d;font-size:36px;font-weight:700;line-height:43.2px;text-align:center;text-transform:uppercase;width:100%}.referral-page .title-box .title[data-v-9ce71c44] span{text-transform:uppercase}.referral-page .title-box .subtitle[data-v-9ce71c44]{font-size:24px;line-height:28.8px;margin-top:24px;text-align:center}.referral-page .title-box .subtitle[data-v-9ce71c44] span{text-transform:uppercase}@media screen and (max-width:768px){.referral-page .title-box[data-v-9ce71c44]{box-sizing:border-box;padding:88px 24px 0;width:100%}.referral-page .title-box .title[data-v-9ce71c44]{font-size:24px;line-height:28.8px}.referral-page .title-box .subtitle[data-v-9ce71c44]{font-size:16px;line-height:19.2px}}.referral-page .login-box[data-v-9ce71c44],.referral-page .unlogin-box[data-v-9ce71c44]{margin:0 auto;padding:64px 0 0;width:548px}.referral-page .login-box .title[data-v-9ce71c44],.referral-page .unlogin-box .title[data-v-9ce71c44]{color:#4d4d4d;font-size:36px;font-weight:700;line-height:43.2px;margin-top:126px;text-align:center;width:100%}.referral-page .login-box .input-title[data-v-9ce71c44],.referral-page .unlogin-box .input-title[data-v-9ce71c44]{font-size:14px;font-weight:700;line-height:16.8px;margin-bottom:24px}.referral-page .login-box .input-and-btn[data-v-9ce71c44],.referral-page .unlogin-box .input-and-btn[data-v-9ce71c44]{align-items:center;display:flex;justify-content:space-between}.referral-page .login-box .input-and-btn .link[data-v-9ce71c44],.referral-page .unlogin-box .input-and-btn .link[data-v-9ce71c44]{align-items:center;background:#fff;border:1px solid #7f7f7f;border-radius:2px 0 0 2px;border-right:none;box-sizing:border-box;display:flex;font-size:16px;height:100%;justify-content:space-between;padding:0 16px;width:calc(100% - 99px)}.referral-page .login-box .input-and-btn .link img[data-v-9ce71c44],.referral-page .unlogin-box .input-and-btn .link img[data-v-9ce71c44]{margin-right:13px;width:18px}.referral-page .login-box .input-and-btn .link p[data-v-9ce71c44],.referral-page .unlogin-box .input-and-btn .link p[data-v-9ce71c44]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referral-page .login-box .input-and-btn input[data-v-9ce71c44],.referral-page .unlogin-box .input-and-btn input[data-v-9ce71c44]{background:rgba(0,0,0,.15);border:none;box-sizing:border-box;color:#4d4d4d;display:block;flex:1;height:100%;outline:none;overflow:hidden;padding:0 20px;transition:all .3s}.referral-page .login-box .input-and-btn .join-btn[data-v-9ce71c44],.referral-page .unlogin-box .input-and-btn .join-btn[data-v-9ce71c44]{align-items:center;background:#4d4d4d;border-radius:0 2px 2px 0;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:52px;justify-content:center;transition:all .3s;width:100%}.referral-page .login-box .input-and-btn .width0[data-v-9ce71c44],.referral-page .unlogin-box .input-and-btn .width0[data-v-9ce71c44]{padding:0;width:0}.referral-page .login-box .input-and-btn .minibtn[data-v-9ce71c44],.referral-page .unlogin-box .input-and-btn .minibtn[data-v-9ce71c44]{width:99px}@media screen and (max-width:768px){.referral-page .login-box .input-and-btn .link[data-v-9ce71c44],.referral-page .unlogin-box .input-and-btn .link[data-v-9ce71c44]{width:calc(100% - 89px)}.referral-page .login-box .input-and-btn .join-btn[data-v-9ce71c44],.referral-page .unlogin-box .input-and-btn .join-btn[data-v-9ce71c44]{height:43px}.referral-page .login-box .input-and-btn .minibtn[data-v-9ce71c44],.referral-page .unlogin-box .input-and-btn .minibtn[data-v-9ce71c44]{width:89px}}.referral-page .login-box .input-and-btn .sign-regist[data-v-9ce71c44],.referral-page .unlogin-box .input-and-btn .sign-regist[data-v-9ce71c44]{padding:0}.referral-page .login-box .input-and-btn .sign-regist[data-v-9ce71c44] .email-enter-tip,.referral-page .unlogin-box .input-and-btn .sign-regist[data-v-9ce71c44] .email-enter-tip{display:none}.referral-page .login-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout,.referral-page .unlogin-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout{align-items:flex-start;display:flex;justify-content:space-between}.referral-page .login-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .form-input,.referral-page .unlogin-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .form-input{flex:1;margin-top:0}.referral-page .login-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .form-input .input-field-box,.referral-page .unlogin-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .form-input .input-field-box{background:rgba(0,0,0,.06)}.referral-page .login-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .form-input .input-field-box .input-item,.referral-page .unlogin-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .form-input .input-field-box .input-item{background:rgba(0,0,0,.06);color:#4d4d4d}.referral-page .login-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .input-field-login .input-field-box-login input,.referral-page .unlogin-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .input-field-login .input-field-box-login input{border:1px solid #7f7f7f;border-radius:2px 0 0 2px}.referral-page .login-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .input-field-login .input-field-box-login input::placeholder,.referral-page .unlogin-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .input-field-login .input-field-box-login input::placeholder{color:#ccc!important}.referral-page .login-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .btn,.referral-page .unlogin-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .btn{background:#4d4d4d;border-radius:0 2px 2px 0;box-sizing:border-box;color:#fff;font-size:16px;height:52px;margin-top:0;min-width:99px;width:99px}.referral-page .login-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .btn:active,.referral-page .login-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .btn:hover,.referral-page .unlogin-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .btn:active,.referral-page .unlogin-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .btn:hover{background:#4d4d4d}@media screen and (max-width:768px){.referral-page .login-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .btn,.referral-page .unlogin-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .btn{height:43px;min-width:89px;width:89px}}.referral-page .login-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .load-bar,.referral-page .unlogin-box .input-and-btn .sign-regist[data-v-9ce71c44] .layout .load-bar{background:#4d4d4d!important}.referral-page .login-box .input-and-btn .sign-regist[data-v-9ce71c44] .policy-tip,.referral-page .unlogin-box .input-and-btn .sign-regist[data-v-9ce71c44] .policy-tip{color:#ccc;line-height:16.8px}.referral-page .login-box .input-and-btn .sign-regist[data-v-9ce71c44] .policy-tip a,.referral-page .unlogin-box .input-and-btn .sign-regist[data-v-9ce71c44] .policy-tip a{color:#ccc!important}.referral-page .login-box .height100[data-v-9ce71c44],.referral-page .unlogin-box .height100[data-v-9ce71c44]{height:52px}@media screen and (max-width:768px){.referral-page .login-box .height100[data-v-9ce71c44],.referral-page .unlogin-box .height100[data-v-9ce71c44]{height:43px}}.referral-page .login-box .referral-logs[data-v-9ce71c44],.referral-page .unlogin-box .referral-logs[data-v-9ce71c44]{align-items:center;background:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-weight:700;justify-content:space-between;margin-top:64px;padding:20px;width:100%}.referral-page .login-box .referral-logs .line[data-v-9ce71c44],.referral-page .unlogin-box .referral-logs .line[data-v-9ce71c44]{align-items:center;color:#7f7f7f;display:flex;font-size:14px;justify-content:space-between;line-height:14px;margin-bottom:16px;width:100%}.referral-page .login-box .referral-logs .line .number[data-v-9ce71c44],.referral-page .unlogin-box .referral-logs .line .number[data-v-9ce71c44]{color:#4d4d4d;font-size:16px}@media screen and (max-width:768px){.referral-page .login-box[data-v-9ce71c44],.referral-page .unlogin-box[data-v-9ce71c44]{box-sizing:border-box;padding:56px 24px 0;width:100%}.referral-page .login-box .title[data-v-9ce71c44],.referral-page .unlogin-box .title[data-v-9ce71c44]{font-size:24px;line-height:28.8px;margin-top:50px}.referral-page .login-box .input-title[data-v-9ce71c44],.referral-page .unlogin-box .input-title[data-v-9ce71c44]{font-size:14px;line-height:16.8px}}.referral-page .common-infos[data-v-9ce71c44]{margin:0 auto;padding:80px 0;width:548px}.referral-page .common-infos .title[data-v-9ce71c44]{color:#4d4d4d;font-size:34px;font-weight:700;line-height:43.2px;text-align:center;width:100%}.referral-page .common-infos .adv-area[data-v-9ce71c44]{box-sizing:border-box;margin-top:64px;width:100%}.referral-page .common-infos .adv-area .step-item[data-v-9ce71c44]{align-items:flex-start;background:#fff;border-radius:4px;box-sizing:border-box;display:flex;gap:16px;justify-content:flex-start;overflow:hidden;padding:24px;width:100%}.referral-page .common-infos .adv-area .step-item .order[data-v-9ce71c44]{align-items:center;border:1px solid #7f7f7f;border-radius:32px;color:#7f7f7f;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;margin:0 auto;width:32px}.referral-page .common-infos .adv-area .step-item .title[data-v-9ce71c44]{color:#4d4d4d;font-size:16px;font-weight:700;line-height:16px;text-align:left}.referral-page .common-infos .adv-area .step-item .title[data-v-9ce71c44] span{text-transform:uppercase}.referral-page .common-infos .adv-area .step-item .content[data-v-9ce71c44]{font-size:14px;line-height:16.8px;margin-top:10px;text-align:left}.referral-page .common-infos .adv-area .step-item .content[data-v-9ce71c44] span{text-transform:uppercase}@media screen and (min-width:769px){.referral-page .common-infos .adv-area .step-item .content[data-v-9ce71c44]{align-items:center;display:flex}}@media screen and (max-width:768px){.referral-page .common-infos .adv-area[data-v-9ce71c44]{flex-direction:column}.referral-page .common-infos .adv-area .step-item[data-v-9ce71c44]{align-items:flex-start;display:flex;justify-content:space-between;margin:20px auto 0;padding:30px;width:calc(100% - 40px)}.referral-page .common-infos .adv-area .step-item .order[data-v-9ce71c44]{flex-shrink:0;margin-right:20px}.referral-page .common-infos .adv-area .step-item .title[data-v-9ce71c44]{margin:0;text-align:left;width:100%}.referral-page .common-infos .adv-area .step-item .content[data-v-9ce71c44]{margin-top:10px;text-align:left;width:100%}}.referral-page .common-infos .terms-box[data-v-9ce71c44]{font-size:14px;line-height:16.8px;margin-top:50px;text-align:center;width:100%}.referral-page .common-infos .terms-box .terms-content[data-v-9ce71c44]{font-weight:700;text-decoration:underline}@media screen and (max-width:768px){.referral-page .common-infos[data-v-9ce71c44]{box-sizing:border-box;padding:50px 20px;width:100%}.referral-page .common-infos .title[data-v-9ce71c44]{font-size:24px;height:auto;line-height:28.8px}.referral-page .common-infos .adv-area[data-v-9ce71c44]{margin-top:30px}.referral-page .common-infos .terms-box[data-v-9ce71c44]{margin-top:50px}}