.yoycol-affiliate-intro-page{width:100%}.yoycol-affiliate-intro-page .affiliate-section{margin:70px auto 0;width:100%;max-width:1200px}.yoycol-affiliate-intro-page .affiliate-section .section-title{margin-bottom:30px;font-size:36px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:500;color:#333;text-align:center}@media only screen and (max-width:1280px){.yoycol-affiliate-intro-page .affiliate-section{padding:0 10px}.yoycol-affiliate-intro-page .affiliate-section .section-title{font-size:24px}}@media only screen and (max-width:678px){.yoycol-affiliate-intro-page .affiliate-section div>.tit{font-size:18px}.yoycol-affiliate-intro-page .affiliate-section div>.txt{font-size:14px}}.yoycol-affiliate-intro-page .affiliate-section__wrapper{margin-top:80px;padding:30px 0 48px;width:100%;background-color:#fff}.yoycol-affiliate-intro-page .affiliate-section__wrapper .affiliate-section{margin-top:30px}.yoycol-affiliate-intro-page .intro-header{display:grid;grid-auto-columns:50% 50%;grid-template-areas:"title cover" "desc cover" "btn cover";gap:20px;padding:0 26px}.yoycol-affiliate-intro-page .intro-header .title{grid-area:title;font-size:36px;font-weight:600;color:#333}.yoycol-affiliate-intro-page .intro-header .text{grid-area:desc;margin-top:20px;max-width:500px;font-size:20px;color:#666}.yoycol-affiliate-intro-page .intro-header .btn{grid-area:btn;padding:0;margin-top:40px;width:225px;height:40px;font-size:16px}.yoycol-affiliate-intro-page .intro-header .cover{grid-area:cover;width:100%;max-width:467px;object-fit:contain;align-self:center}@media only screen and (max-width:678px){.yoycol-affiliate-intro-page .intro-header{justify-items:center;grid-auto-columns:100%;grid-template-areas:"title" "desc" "cover" "btn";text-align:center}.yoycol-affiliate-intro-page .intro-header .title{font-size:32px}.yoycol-affiliate-intro-page .intro-header .text{font-size:18px}}.yoycol-affiliate-intro-page.sm-font .affiliate-section .section-title{font-size:24px}.yoycol-affiliate-intro-page.sm-font .affiliate-section .tit{font-size:20px}.yoycol-affiliate-intro-page.sm-font .affiliate-section .txt{font-size:16px}.yoycol-affiliate-intro-page.sm-font .affiliate-section.intro-header .title{font-size:28px}.yoycol-affiliate-intro-page .intro-how{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.yoycol-affiliate-intro-page .intro-how .item{width:20%;display:flex;flex-direction:column}.yoycol-affiliate-intro-page .intro-how .img{width:40px;height:40px}.yoycol-affiliate-intro-page .intro-how .tit{display:flex;align-items:center;min-height:60px;margin:16px 0;font-size:20px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:500;color:#666}.yoycol-affiliate-intro-page .intro-how .txt{font-size:16px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;color:#999}@media only screen and (max-width:1280px){.yoycol-affiliate-intro-page .intro-how{justify-content:center}.yoycol-affiliate-intro-page .intro-how .item{width:42%}}@media only screen and (max-width:678px){.yoycol-affiliate-intro-page .intro-how .item{width:90%;align-items:center;text-align:center}.yoycol-affiliate-intro-page .intro-how .tit{margin:0;height:auto}}.yoycol-affiliate-intro-page .intro-why{display:flex;justify-content:space-between;flex-wrap:wrap;gap:32px}.yoycol-affiliate-intro-page .intro-why .item{display:flex;flex-direction:column;align-items:center;width:26%;text-align:center}.yoycol-affiliate-intro-page .intro-why .img{width:147px;height:115px;object-fit:contain}.yoycol-affiliate-intro-page .intro-why .tit{padding:6px 0;font-size:20px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:500;color:#333}.yoycol-affiliate-intro-page .intro-why .txt{font-size:16px;color:#666}@media only screen and (max-width:678px){.yoycol-affiliate-intro-page .intro-why .item{width:46%}}.yoycol-affiliate-intro-page .intro-who{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}.yoycol-affiliate-intro-page .intro-who .item{flex:1 1 550px;display:flex;align-items:flex-end}.yoycol-affiliate-intro-page .intro-who .img{width:180px;height:180px;border-radius:50%;z-index:1}.yoycol-affiliate-intro-page .intro-who .desc{position:relative;width:100%;padding:16px 20px;z-index:0}.yoycol-affiliate-intro-page .intro-who .desc:before{content:"";position:absolute;top:0;left:0;width:calc(100% + 100px);height:100%;background-color:#fff;box-shadow:1px 1px 5px 1px #dcdedf;border-radius:10px;z-index:-1;transform:translate(-100px)}.yoycol-affiliate-intro-page .intro-who .tit{margin-bottom:16px;font-size:24px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:500;color:#333}.yoycol-affiliate-intro-page .intro-who .txt{font-size:20px;color:#666}@media only screen and (max-width:678px){.yoycol-affiliate-intro-page .intro-who .img{width:126px;height:126px}.yoycol-affiliate-intro-page .intro-who .desc{padding:8px}.yoycol-affiliate-intro-page .intro-who .desc:before{width:calc(100% + 80px);transform:translate(-80px)}}.yoycol-affiliate-intro-page .get-started{display:flex;flex-direction:column;align-items:center;justify-content:center;height:196px;background:url(https://cloud.yoycol.cn/yoycol/prod/assets/static/footer.B6QWY9Lc.png) no-repeat center center;border-radius:10px}.yoycol-affiliate-intro-page .get-started .tit{font-size:24px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:500;color:#fff}.yoycol-affiliate-intro-page .get-started .txt{font-size:20px;color:#fff}.yoycol-affiliate-intro-page .get-started .btn{margin-top:20px;padding:0;width:171px;height:40px;font-size:16px}