.referral .banner[data-v-24179a5e]{align-items:center;display:flex;height:530px;margin:0 auto;width:1180px}.referral .banner .left h1[data-v-24179a5e]{color:#172a49;font-size:48px;font-weight:700;line-height:62px;width:666px}.referral .banner .left p[data-v-24179a5e]{color:#696e76;font-size:20px;line-height:33px;margin-top:18px;width:666px}.referral .banner .left .m-button-link[data-v-24179a5e]{margin-top:50px}.referral .banner .right[data-v-24179a5e]{background-image:url(/images/referral/banner.png);background-position:bottom;background-size:cover;height:100%;width:431px}.referral .step[data-v-24179a5e]{background-color:#f7fafd;padding:80px 0}.referral .step .content[data-v-24179a5e]{margin:0 auto;width:1180px}.referral .step .content h2[data-v-24179a5e]{color:#172a49;font-size:44px;font-weight:700;line-height:62px;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.5)}.referral .step .content>p[data-v-24179a5e]{color:#696e76;font-size:18px;line-height:32px;margin-top:16px;text-align:center}.referral .step .content ul[data-v-24179a5e]{display:flex;justify-content:space-between;margin-top:40px;position:relative}.referral .step .content ul li[data-v-24179a5e]{align-items:center;background:#fff;border-radius:16px;box-shadow:0 5px 39px 0 #f6f8fa;display:flex;flex:0 0 320px;flex-direction:column;padding:40px 16px;text-align:center}.referral .step .content ul li img[data-v-24179a5e]{display:block;margin-bottom:20px}.referral .step .content ul li p[data-v-24179a5e]{color:#696e76;font-size:16px;line-height:27px;margin-top:15px}.referral .step .content ul[data-v-24179a5e]:before{left:355px}.referral .step .content ul[data-v-24179a5e]:after,.referral .step .content ul[data-v-24179a5e]:before{color:#186bff;content:"····";font-size:50px;height:100px;line-height:100px;position:absolute;top:calc(50% - 50px)}.referral .step .content ul[data-v-24179a5e]:after{right:355px}.referral section[data-v-24179a5e]{align-items:center;display:flex;margin:90px auto;width:1180px}.referral section .left[data-v-24179a5e]{flex:0 0 552px}.referral section .left .title[data-v-24179a5e]{color:#172a49;font-size:40px;font-weight:700;line-height:60px}.referral section .left img[data-v-24179a5e]{margin-top:60px}.referral section .right[data-v-24179a5e]{display:flex;flex-direction:column;gap:40px;margin-left:90px;position:relative}.referral section .right li[data-v-24179a5e]{background:#fff;border-radius:12px;box-shadow:0 5px 34px 0 #eff1f3;cursor:pointer;padding:30px 24px;transition:all .3s;width:300px}.referral section .right li[data-v-24179a5e]:hover{transform:translateY(-5px)}.referral section .right li[data-v-24179a5e]:last-child{left:340px;margin-top:-50%;position:absolute;top:50%}.referral section .right li img[data-v-24179a5e]{display:block;margin-bottom:16px}.referral section .right li b[data-v-24179a5e]{color:#172a49;font-size:20px;font-weight:700;line-height:30px}.referral section .right li p[data-v-24179a5e]{color:#696e76;font-size:16px;line-height:27px;margin-top:12px}.referral .rules[data-v-24179a5e]{background:#f9fafc;border:1px solid #ebeef0;border-radius:8px;margin:90px auto 50px;padding:40px;width:1180px}.referral .rules .title[data-v-24179a5e]{color:#172a49;font-size:24px;font-weight:700;line-height:30px;margin-bottom:20px}.referral .rules p[data-v-24179a5e]{color:#696e76;font-size:16px;line-height:28px}.referral .btn[data-v-24179a5e]{margin-bottom:90px;text-align:center}.m-button-link[data-v-37db74fc]{align-items:center;border:1px solid;cursor:pointer;display:inline-flex;gap:6px;justify-content:center;outline:none;transition:all .3s;vertical-align:middle}.m-button-link span[data-v-37db74fc]{white-space:nowrap}.m-button-link img[data-v-37db74fc]{display:block}.m-button-link.disabled[data-v-37db74fc]{cursor:not-allowed;opacity:.6}.m-button-link.block[data-v-37db74fc]{display:flex;width:100%}.m-button-link+.m-button[data-v-37db74fc]{margin-left:10px}.m-button-link[data-v-37db74fc]:hover{opacity:.8}.m-button-link[theme=default][data-v-37db74fc]{background-color:#f0f0f0;border-color:#f0f0f0;color:#666}.m-button-link[theme=primary][data-v-37db74fc]{background-color:var(--primary);border-color:var(--primary);color:#fff}.m-button-link[theme=primary][variant=outline][data-v-37db74fc]{color:var(--primary)}.m-button-link[theme=warning][data-v-37db74fc]{background-color:var(--warning);border-color:var(--warning);color:#fff}.m-button-link[theme=warning][variant=outline][data-v-37db74fc]{color:var(--warning)}.m-button-link[theme=danger][data-v-37db74fc]{background-color:var(--danger);border-color:var(--danger);color:#fff}.m-button-link[theme=danger][variant=outline][data-v-37db74fc]{color:var(--danger)}.m-button-link[size=small][data-v-37db74fc]{border-radius:4px;font-size:12px;padding:0 12px}.m-button-link[size=small] .icon-loading[data-v-37db74fc]{height:12px;margin-right:4px;width:12px}.m-button-link[size=medium][data-v-37db74fc]{border-radius:6px;font-size:16px;height:36px;padding:0 20px}.m-button-link[size=medium] .icon-loading[data-v-37db74fc]{height:16px;margin-right:6px;width:16px}.m-button-link[size=large][data-v-37db74fc]{border-radius:8px;font-size:18px;height:46px;padding:0 30px}.m-button-link[size=large] .icon-loading[data-v-37db74fc]{height:20px;margin-right:8px;width:20px}.m-button-link[variant=outline][data-v-37db74fc]{background-color:transparent}