.referral-refer-code{max-width:640px;margin:0 auto;box-sizing:border-box;background:linear-gradient(-180deg,#d5e7ff -38.11%,#d4e5ff -6.77%,rgba(243,247,255,0))}.referral-refer-code_con{padding:16px}.referral-refer-code_tit{color:#0f294d;font-size:22px;font-weight:700;line-height:28px;text-align:center;white-space:pre}.referral-refer-code_tit em{color:#3264ff;font-style:normal}.referral-refer-code_banner-con{margin:12px 40px;text-align:center}.referral-refer-code_banner-con img{max-width:300px;width:100%}.referral-refer-code_flows-con{background:#fff;border-radius:8px;box-shadow:0 8px 20px 0 rgba(15,41,77,.08);padding:16px 26px}.referral-refer-code_flows-tit{color:#0f294d;font-size:18px;font-weight:700;line-height:24px;text-align:center;margin-bottom:12px}.referral-refer-code_actions-con{position:sticky;z-index:1;bottom:0;padding:16px 16px 24px;background:linear-gradient(-180.23deg,hsla(0,0%,100%,0) -158.24%,hsla(0,0%,100%,.56) -98.18%,#fff 6.48%,#fff 99.54%);box-shadow:0 5px 15px 9px rgba(0,0,0,.06)}.referral-refer-code_actions{display:flex;flex-direction:column}.referral-refer-code_actions-download{height:48px;background:#3264ff;color:#fff;font-size:16px;font-weight:700;line-height:48px;border-radius:48px;border:0;display:block;width:100%;padding:0 24px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.referral-refer-code_code{min-height:48px;border:1px solid #dadfe6;margin-bottom:16px;border-radius:96px;display:flex;align-items:center;justify-content:center;padding:0 48px;position:relative;cursor:pointer}.referral-refer-code_code-copy{position:absolute;right:16px;color:#3264ff;font-size:16px;font-weight:500;line-height:26px}.referral-refer-code_code-con{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center}.referral-refer-code_code-label{color:#707f94;font-size:14px;font-weight:500;line-height:18px;text-align:center}.referral-refer-code_code-val{color:#051a37;font-size:16px;font-weight:400;line-height:26px;margin-inline-start:6px}.referral-refer-code-flows{display:flex;justify-content:center;flex-direction:column}.referral-refer-code-flows_item{position:relative}.referral-refer-code-flows_item-cnt{display:flex;align-items:flex-start;padding:10px 0;min-height:40px}.referral-refer-code-flows_item-icon{flex-shrink:0;color:#fff;background:#fff linear-gradient(-180deg,#1e54f9,#517bff);font-size:19px;font-weight:700;width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;margin-inline-end:13px;position:relative;z-index:1}.referral-refer-code-flows_line{display:flex;flex-direction:column;margin-inline-start:13px;left:auto;top:38px;position:absolute}.referral-refer-code-flows_line i:nth-child(n+7){display:none}.referral-refer-code-flows_line i{display:block;width:3px;height:3px;border-radius:3px;background:#bdcdff;margin:1.5px 0}.referral-refer-code-flows_item-text{padding:4px 0}.referral-refer-code-flows_item-title{color:#0f294d;font-size:15px;line-height:20px}.referral-refer-code-flows_legend{display:flex}.referral-refer-code-flows_legend-desc{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1}.referral-refer-code-flows_legend-arrow{width:12px;margin:8px 0}.referral-refer-code-flows_legend-img{width:120px;flex-shrink:0;padding-right:16px}.referral-refer-code-flows_legend-img img{width:100%}.referral-refer-code-flows_input-block{background:#fff;border:1px solid rgba(50,100,255,.25);box-shadow:0 6px 11px 0 rgba(15,41,77,.1);border-radius:8px;padding:8px 16px 16px;width:100%;box-sizing:border-box}.referral-refer-code-flows_input-tit{color:#0f294d;font-size:11px;font-weight:500;line-height:13px;margin-bottom:6px;text-align:center}.referral-refer-code-flows_input{height:21px;border:1px solid rgba(50,100,255,.25);border-radius:3px;color:#8592a6;font-size:10px;font-weight:400;line-height:21px;padding:0 4px}.referral-refer-code-flows_input:before{content:"";border-left:1px solid rgba(15,41,77,.25)}.referral-refer-code-flows_link-block{background:#fff;border:.7px solid rgba(50,100,255,.25);box-shadow:0 6px 11px 0 rgba(15,41,77,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:8px 10px;width:100%;box-sizing:border-box;max-width:500px}.referral-refer-code-flows_link-txt{color:#3264ff;font-size:10px;font-weight:500;line-height:13px;margin-inline-end:4px}.referral-refer-code-flows_link-more{flex-shrink:0}