.page-ref{overflow:hidden}.page-ref,.page-ref .ref-receive{align-items:center;display:flex;flex-direction:column}.page-ref .ref-receive{background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;margin-top:80px;max-width:calc(100% - 40px);padding-bottom:16px;width:1500px}.page-ref .ref-receive:not(.partner){background-image:url(../../img/ref/ref_bg.png)}@media only screen and (max-width:1200px){.page-ref .ref-receive{padding-bottom:56px}}.page-ref .ref-receive .receive-title{margin-bottom:20px;position:relative;z-index:2}.page-ref .ref-receive .receive-title .G_Text-content{font-size:40px;font-weight:700}@media only screen and (max-width:900px){.page-ref .ref-receive .receive-title .G_Text-content{font-size:32px}}.page-ref .ref-receive .receive-desc{margin-bottom:24px;position:relative;z-index:2}.page-ref .ref-receive .receive-desc .G_Text-content,.page-ref .ref-receive .receive-desc .G_Text-content b{font-size:24px;font-weight:600}@media only screen and (max-width:900px){.page-ref .ref-receive .receive-desc .G_Text-content,.page-ref .ref-receive .receive-desc .G_Text-content b{font-size:18px}}.page-ref .ref-receive .receive-desc .G_Text-content{color:#8892a5}.page-ref .ref-receive .receive-desc .G_Text-content b{color:#64eb49}.page-ref .ref-receive .receive-image{position:relative}.page-ref .ref-receive .receive-image .image-bg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.25s ease-out}.page-ref .ref-receive .receive-image .image-bg img{min-width:775px;transition:.25s ease-out;width:775px}.page-ref .ref-receive .receive-image .image-render{display:flex;position:relative}.page-ref .ref-receive .receive-image .image-render img{perspective:900px;width:316px}.page-ref .ref-receive .receive-image .image-case{display:flex;position:relative}.page-ref .ref-receive .receive-image .image-case img{margin-top:24px;perspective:900px;width:316px}.page-ref .ref-receive .receive-image .image-coin{left:50%;min-width:165%;position:absolute;top:50%;transform:translate(-50%,-50%);width:165%}.page-ref .ref-receive .receive-image .image-coin img{transition:.25s ease-out;width:100%}@media only screen and (max-width:900px){.page-ref .ref-receive.partner{background-position:50%}}.page-ref .ref-receive.partner .receive-desc{margin-bottom:48px}.page-ref .ref-receive.partner .receive-image .image-coin{display:flex;max-width:100%;min-width:unset;top:calc(50% + 50px);width:868px}.page-ref .ref-receive.partner .receive-image .image-coin img{display:flex}.page-ref .ref-receive.partner .receive-image .image-render{margin:-170px 0 -150px;position:relative}.page-ref .ref-receive.partner .receive-image .image-render img{aspect-ratio:1736/1350;display:flex;-o-object-fit:contain;object-fit:contain;width:868px}.page-ref .ref-receive.partner .receive-image .image-render:after{background-image:radial-gradient(transparent,transparent,#101319);content:"";display:flex;height:100%;left:0;position:absolute;top:0;width:100%}@media only screen and (max-width:650px){.page-ref .ref-receive.partner .receive-image{height:200px}.page-ref .ref-receive.partner .receive-image .image-render{height:400px;margin:-100px 0 0}.page-ref .ref-receive.partner .receive-image .image-coin{aspect-ratio:1736/1350;height:400px;width:unset}}@media only screen and (max-width:420px){.page-ref .ref-receive.partner .receive-image{height:180px}.page-ref .ref-receive.partner .receive-image .image-render{margin:-130px 0 -50px}}.page-ref .ref-receive .relative-nav{display:flex;margin-bottom:16px}.page-ref .ref-receive .relative-nav .nav-content{display:flex;margin:-8px;width:calc(100% + 16px)}@media only screen and (max-width:900px){.page-ref .ref-receive .relative-nav .nav-content{flex-direction:column}.page-ref .ref-receive .relative-nav .nav-content .G_Button{width:calc(100% - 16px)}}.page-ref .ref-receive .relative-nav .nav-content .G_Button{margin:8px}.page-ref .ref-receive .receive-star{align-items:center;display:flex;justify-content:center;position:relative;width:100%;z-index:2}@media only screen and (max-width:900px){.page-ref .ref-receive .receive-star{flex-direction:column}}.page-ref .ref-receive .receive-star img{height:24px;margin-right:8px}@media only screen and (max-width:900px){.page-ref .ref-receive .receive-star img{margin-bottom:8px;margin-right:0}}.page-ref .ref-receive .receive-star .G_Text .G_Text-content{color:#8892a5;font-size:14px;font-weight:600}@media only screen and (max-width:900px){.page-ref .ref-receive .receive-star .G_Text .G_Text-content{text-align:center}}.page-ref .ref-earn{margin-bottom:24px;max-width:calc(100% - 40px);width:1500px}@media only screen and (max-width:1200px){.page-ref .ref-earn .section-title{display:none}}.page-ref .ref-earn .earn-list{display:flex;flex-wrap:wrap;margin:-12px;width:calc(100% + 24px)}.page-ref .ref-earn .earn-list .list-element{margin:12px;width:calc(20% - 24px)}.page-ref .ref-earn .earn-list .list-element .element-link{background-color:#161921;background-image:radial-gradient(44% 44% at 49.86% 0,#d32ee63d 0,#1619213d);border-radius:24px;display:flex;flex-direction:column;padding:24px;position:relative;width:100%}.page-ref .ref-earn .earn-list .list-element .element-link:after{background-color:#d32ee6;border-radius:50px;content:"";height:5px;left:50%;max-width:calc(100% - 48px);position:absolute;top:0;transform:translate(-50%);width:128px}.page-ref .ref-earn .earn-list .list-element .element-link .link-render{margin:0 auto -24px;width:calc(100% - 60px)}.page-ref .ref-earn .earn-list .list-element .element-link .link-value{margin-bottom:12px}.page-ref .ref-earn .earn-list .list-element .element-link .link-value .G_Text-content{font-size:28px;font-weight:700;letter-spacing:1px}.page-ref .ref-earn .earn-list .list-element .element-link .link-desc{margin-bottom:20px}.page-ref .ref-earn .earn-list .list-element .element-link .link-desc .G_Text-content{color:#bfbfbf;font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase}@media only screen and (max-width:1200px){.page-ref .ref-earn .earn-list{flex-wrap:nowrap;overflow:auto}.page-ref .ref-earn .earn-list .list-element{min-width:260px;width:260px}}.page-ref .ref-about{display:flex;margin-bottom:100px;max-width:calc(100% - 40px);width:1500px}.page-ref .ref-about .about-content{display:flex;flex-wrap:wrap;margin:-8px;width:calc(100% + 16px)}.page-ref .ref-about .about-content .about-box{align-items:center;background-color:#161921;border:1px solid #1b1f2b;border-radius:16px;display:flex;margin:8px;padding:24px;width:calc(25% - 16px)}@media only screen and (max-width:1100px){.page-ref .ref-about .about-content .about-box{width:calc(50% - 16px)}}@media only screen and (max-width:750px){.page-ref .ref-about .about-content .about-box{width:calc(100% - 16px)}}.page-ref .ref-about .about-content .about-box .box-icon{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;margin-right:16px;min-width:40px;width:40px}.page-ref .ref-about .about-content .about-box .box-icon .G_Icon,.page-ref .ref-about .about-content .about-box .box-icon img{height:24px;width:24px}.page-ref .ref-about .about-content .about-box .box-test .G_Text-content{font-size:18px;font-weight:700}.page-ref .ref-about .about-content .about-box:first-child{background-image:linear-gradient(180deg,#16192100,#64eb4914)}.page-ref .ref-about .about-content .about-box:first-child .box-icon{background-color:#64eb4929}.page-ref .ref-about .about-content .about-box:nth-child(2){background-image:linear-gradient(180deg,#16192100,#ff3d3314)}.page-ref .ref-about .about-content .about-box:nth-child(2) .box-icon{background-color:#ff3d3329}.page-ref .ref-about .about-content .about-box:nth-child(3){background-image:linear-gradient(180deg,#16192100,#b055ff14)}.page-ref .ref-about .about-content .about-box:nth-child(3) .box-icon{background-color:#b055ff29}.page-ref .ref-about .about-content .about-box:nth-child(4){background-image:linear-gradient(180deg,#16192100,#31bbff14)}.page-ref .ref-about .about-content .about-box:nth-child(4) .box-icon{background-color:#31bbff29}
