.affiliate .btn{z-index:1;height:43px;background:#101010;border-radius:12px;padding:0 32px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;cursor:pointer;flex-shrink:0}.affiliate .btn:hover{background:linear-gradient(180deg,#101010,#01484f);box-shadow:0 7px 24px -3px rgba(0,146,154,.2)}.affiliate .btn .arrow{width:20px;height:20px;margin-left:8px}@media(max-width:768px){.affiliate .btn{height:40px;padding:0 24px;font-size:14px}.affiliate .btn .arrow{width:16px;height:16px;margin-left:6px}}.affiliate .program{width:100%;background-image:url(/images/ticnote/affiliate/bg.png);background-size:100% 1000px;background-repeat:no-repeat;background-position:50%;display:flex;flex-direction:column;align-items:center;padding-top:160px;position:relative}@media(max-width:768px){.affiliate .program{padding-top:80px;padding-left:20px;padding-right:20px;background-size:cover}}.affiliate .program .title{font-family:SFPro;font-weight:600;font-size:56px;color:#0b474d;line-height:67px}@media(max-width:768px){.affiliate .program .title{font-size:32px;line-height:40px;text-align:center}}@media(max-width:480px){.affiliate .program .title{font-size:28px;line-height:36px}}.affiliate .program .sub_title{font-family:SFPro;font-weight:400;font-size:20px;color:#3d6266;line-height:32px;width:676px;text-align:center;margin-top:24px;margin-bottom:72px}@media(max-width:768px){.affiliate .program .sub_title{width:100%;font-size:16px;line-height:24px;margin-bottom:40px;padding:0 20px}}.affiliate .program .join_now{height:57px;padding:0 88px;background:#101010;border-radius:16px;font-family:SFPro;font-weight:600;font-size:16px;color:#fff;line-height:57px;cursor:pointer;text-align:center}.affiliate .program .join_now:hover{background:linear-gradient(180deg,#101010,#01484f);box-shadow:0 7px 24px -3px rgba(0,146,154,.2)}@media(max-width:768px){.affiliate .program .join_now{height:48px;padding:0 40px;font-size:14px;line-height:48px;border-radius:12px}}.affiliate .program .why_join{width:1304px;height:624px;background:#fff;border-radius:28px;border:1px solid #e6e6e6;display:flex;flex-direction:column;align-items:center;margin-top:80px;position:relative;margin-bottom:148px;z-index:1}@media(max-width:768px){.affiliate .program .why_join{width:calc(100% - 40px);height:auto;margin:40px 20px 80px;border-radius:20px;padding-bottom:40px}}.affiliate .program .why_join .why_title{font-family:SFPro;font-weight:400;font-size:40px;color:#101010;line-height:48px;margin-top:56px;margin-bottom:48px}@media(max-width:768px){.affiliate .program .why_join .why_title{font-size:24px;line-height:32px;margin-top:32px;margin-bottom:32px;text-align:center;padding:0 20px}}.affiliate .program .why_join .imgs{display:flex;align-items:center;justify-content:center;margin-bottom:41px}@media(max-width:768px){.affiliate .program .why_join .imgs{flex-direction:column;margin-bottom:32px;padding:0 20px}}.affiliate .program .why_join .imgs .img_box{width:360px;height:340px;margin-right:32px;position:relative}.affiliate .program .why_join .imgs .img_box:last-child{margin-right:0}@media(max-width:768px){.affiliate .program .why_join .imgs .img_box{width:100%;max-width:300px;height:280px;margin-right:0;margin-bottom:24px}.affiliate .program .why_join .imgs .img_box:last-child{margin-bottom:0}}.affiliate .program .why_join .imgs .img_box .img{width:100%;height:100%}.affiliate .program .why_join .imgs .img_box .text{position:absolute;left:24px;right:24px;top:16px;font-family:SFPro;font-weight:400;font-size:20px;color:#7a5400;line-height:30px}@media(max-width:768px){.affiliate .program .why_join .imgs .img_box .text{font-size:16px;line-height:24px;left:16px;right:16px;top:12px}}.affiliate .program .why_join .imgs .img_box .color2{color:#003421}.affiliate .program .why_join .imgs .img_box .color3{color:#0c1937}.affiliate .program .affiliate-shadow{width:1304px;height:152px;position:absolute;bottom:80px;left:0;z-index:0}@media(max-width:768px){.affiliate .program .affiliate-shadow{width:100%;height:80px;bottom:-40px}}.affiliate .start{height:982px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#ffffff,#f9fff5 31%,#f5feff 74%,#ffffff)}@media(max-width:768px){.affiliate .start{height:auto;padding:60px 20px}}.affiliate .start .title{font-family:SFPro;font-weight:600;font-size:56px;color:#0b474d;line-height:67px;margin-bottom:80px}@media(max-width:768px){.affiliate .start .title{font-size:32px;line-height:40px;margin-bottom:40px;text-align:center}}@media(max-width:480px){.affiliate .start .title{font-size:28px;line-height:36px}}.affiliate .start .steps{display:flex;align-items:center;justify-content:center;margin-bottom:64px}@media(max-width:768px){.affiliate .start .steps{flex-direction:column;margin-bottom:40px;width:100%}}.affiliate .start .steps .step{width:407px;height:222px;border-right:1px solid #f0f0f0;padding:20px 48px 0}.affiliate .start .steps .step:last-child{border-right:none}@media(max-width:768px){.affiliate .start .steps .step{width:100%;height:auto;border-right:none;border-bottom:1px solid #f0f0f0;padding:24px 20px;text-align:center}.affiliate .start .steps .step:last-child{border-bottom:none}}.affiliate .start .steps .step .icon{width:56px;height:56px}@media(max-width:768px){.affiliate .start .steps .step .icon{width:48px;height:48px}}.affiliate .start .steps .step .step_title{font-family:SFPro;font-weight:600;font-size:20px;color:#101010;line-height:24px;margin:16px 0}@media(max-width:768px){.affiliate .start .steps .step .step_title{font-size:18px;margin:12px 0}}.affiliate .start .steps .step .step_content{font-family:SFPro;font-weight:400;font-size:18px;color:#101010;line-height:28px}@media(max-width:768px){.affiliate .start .steps .step .step_content{font-size:16px;line-height:24px}}.affiliate .start .earnings{width:1148px;height:359px;display:flex;margin-top:160px;justify-content:space-between}@media(max-width:768px){.affiliate .start .earnings{width:100%;height:auto;flex-direction:column;margin-top:60px;gap:32px}}.affiliate .start .earnings .left{width:440px;height:100%;padding-bottom:13px;display:flex;flex-direction:column;align-items:flex-start}@media(max-width:768px){.affiliate .start .earnings .left{width:100%;height:auto;padding-bottom:0;align-items:center;text-align:center}}.affiliate .start .earnings .left .earnings_title{font-family:SFPro;font-weight:600;font-size:40px;color:#0b474d;line-height:48px}@media(max-width:768px){.affiliate .start .earnings .left .earnings_title{font-size:28px;line-height:36px}}@media(max-width:480px){.affiliate .start .earnings .left .earnings_title{font-size:24px;line-height:32px}}.affiliate .start .earnings .left .earnings_sub_title{font-weight:400;font-size:18px;color:#101010;line-height:32px;margin-top:32px;flex:1}@media(max-width:768px){.affiliate .start .earnings .left .earnings_sub_title{font-size:16px;line-height:24px;margin-top:16px;margin-bottom:24px;flex:none}}.affiliate .start .earnings .right{width:590px;height:359px;background:#d0f2f5;border-radius:24px;border:1px solid #cee4e6;padding:0 20px}@media(max-width:768px){.affiliate .start .earnings .right{width:100%;height:auto;padding:20px 16px;border-radius:16px}}.affiliate .start .earnings .right .mr8{margin-right:8px}@media(max-width:768px){.affiliate .start .earnings .right .mr8{margin-right:4px}}.affiliate .start .earnings .right .mb8{margin-bottom:8px}@media(max-width:768px){.affiliate .start .earnings .right .mb8{margin-bottom:12px}}.affiliate .start .earnings .right .title_box{display:flex;font-family:SFPro;font-weight:600;font-size:16px;color:#101010;line-height:59px;height:59px}@media(max-width:768px){.affiliate .start .earnings .right .title_box{font-size:14px;line-height:48px;height:48px;flex-direction:column;gap:8px}}.affiliate .start .earnings .right .title_box .title1{width:110px;padding-left:16px}@media(max-width:768px){.affiliate .start .earnings .right .title_box .title1{width:100%;padding-left:0;text-align:center}}.affiliate .start .earnings .right .title_box .title2{width:212px;padding-left:16px}@media(max-width:768px){.affiliate .start .earnings .right .title_box .title2{width:100%;padding-left:0;text-align:center}}.affiliate .start .earnings .right .row{display:flex;font-weight:400;font-size:14px;color:#101010;line-height:28px}@media(max-width:768px){.affiliate .start .earnings .right .row{flex-direction:column;gap:12px;font-size:13px;line-height:20px}}.affiliate .start .earnings .right .row .box1{width:110px;height:136px;background:#fff;border-radius:16px;padding:12px 16px}@media(max-width:768px){.affiliate .start .earnings .right .row .box1{width:100%;height:auto;padding:16px;border-radius:12px}}.affiliate .start .earnings .right .row .box2{width:212px;height:136px;background:#fff;border-radius:16px;padding:12px 16px}@media(max-width:768px){.affiliate .start .earnings .right .row .box2{width:100%;height:auto;padding:16px;border-radius:12px}}.affiliate .start .earnings .right .row span{background:#c7ffd5}.affiliate .faq{display:flex;flex-direction:column;align-items:center;margin:160px auto;width:1148px}@media(max-width:768px){.affiliate .faq{margin:80px 20px;width:calc(100% - 40px)}}.affiliate .faq .title{font-family:SFPro;font-weight:600;font-size:56px;color:#0b474d;line-height:67px}@media(max-width:768px){.affiliate .faq .title{font-size:32px;line-height:40px;text-align:center}}@media(max-width:480px){.affiliate .faq .title{font-size:28px;line-height:36px}}.affiliate .faq .faqs-list{width:100%;margin-top:80px}@media(max-width:768px){.affiliate .faq .faqs-list{margin-top:40px}}.affiliate .faq .faqs-list .faqs-item{width:100%;padding:24px 0;cursor:pointer;transition:all .5s ease;border-bottom:1px solid #e6e6e6}.affiliate .faq .faqs-list .faqs-item:first-child{border-top:1px solid #e6e6e6}.affiliate .faq .faqs-list .faqs-item:hover{background:#f7f8fa}@media(max-width:768px){.affiliate .faq .faqs-list .faqs-item{padding:12px}}.affiliate .faq .faqs-list .faqs-item .item-title{display:flex;justify-content:space-between;align-items:center;font-weight:400;padding-right:16px}.affiliate .faq .faqs-list .faqs-item .item-title .span{font-weight:400;font-size:20px;color:#101010;line-height:24px}@media(max-width:768px){.affiliate .faq .faqs-list .faqs-item .item-title .span{font-size:14px;line-height:20px;padding-right:12px}}.affiliate .faq .faqs-list .faqs-item .item-title .item-open{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .5s ease;flex-shrink:0}.affiliate .faq .faqs-list .faqs-item .item-title .item-open .arrow{width:100%;height:100%}@media(max-width:768px){.affiliate .faq .faqs-list .faqs-item .item-title .item-open{width:20px;height:20px}}.affiliate .faq .faqs-list .faqs-item p{color:#757575;font-family:Poppins;padding-right:72px;transition:all .5s ease;height:0;overflow:hidden;display:none;margin-top:28px;font-weight:400;font-size:16px;color:#101010;line-height:26px}@media(max-width:768px){.affiliate .faq .faqs-list .faqs-item p{padding-right:32px;font-size:14px;line-height:20px}}.affiliate .faq .faqs-list .faqs-item p :deep(span){color:#001633;font-weight:700}.affiliate .faq .faqs-list .faqs-item p :deep(a){color:#79f2f2}.affiliate .faq .faqs-list .faqs-item p span{font-family:San Francisco,Segoe UI Variable;font-weight:500}.affiliate .faq .faqs-list .faqs-item:hover .item-title span{text-decoration:underline}.affiliate .faq .faqs-list .faqs-item.open .item-title .item-open{transform:rotate(-180deg)}.affiliate .faq .faqs-list .faqs-item.open p{height:auto;display:block}