.affiliates-h3{text-align:center;font-family:Whitney-Bold;font-size:2.5rem;padding:4rem 0}.affiliates-container{overflow:hidden;position:relative}.affiliates-container .banner{text-align:center;position:relative;font-size:0}.affiliates-container .banner .img{height:33.5vw}.affiliates-container .banner .img>img{width:100%;height:100%}.affiliates-container .banner .banner-con{width:23vw;position:absolute;top:0;left:20%;padding-top:5vw}.affiliates-container .banner .banner-con>h1{font-family:Whitney-Bold;font-size:3vw}.affiliates-container .banner .banner-con>h2{font-size:1.5vw}.affiliates-container .banner .banner-con>p{font-size:1.125vw;padding:1vw 0 2vw}.affiliates-container .banner .banner-con>a{padding:.5vw 2vw;font-size:1.5vw;margin-top:3vw}.affiliates-container .banner .chart-num .box-item{position:relative;display:flex;margin:0 auto;font-size:3vw;line-height:3vw;text-align:center;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.affiliates-container .banner .chart-num .number-item{width:3.5vw;height:4.5vw;background-color:#fff;list-style:none;margin:0 .25rem;border-radius:5px;border:1px solid #000}.affiliates-container .banner .chart-num .number-item>span{position:relative;display:inline-block;width:100%;height:100%;overflow:hidden}.affiliates-container .banner .chart-num .number-item>span>i{word-break:break-all;line-height:4.5vw;font-family:Whitney-Bold;font-style:normal;position:absolute;left:50%;transform:translate(-50%);transition:all 2s ease-in-out}.affiliates-container .banner .chart-num .number-item:last-child{margin-right:0}.affiliates-container .main .company{padding:0 0 3rem;background-color:#fbfbfb}.affiliates-container .main .company .company-con{width:100%;max-width:1050px;margin:0 auto;text-align:center;padding:0 1rem}.affiliates-container .main .company .company-con>h3{position:relative}.affiliates-container .main .company .company-con>p{font-size:1.125rem;line-height:1.5}.affiliates-container .main .company .company-con .benefits-con{display:flex;flex-wrap:wrap;justify-content:center;margin:3rem auto 0}.affiliates-container .main .company .company-con .benefits-con>li{width:33.3%;margin-bottom:2vw;text-align:center}.affiliates-container .main .company .company-con .benefits-con img{width:30%}.affiliates-container .main .company .company-con .benefits-con span{font-family:Whitney-Bold;display:block;font-size:1.25rem}.affiliates-container .main .commission>h3{text-align:center}.affiliates-container .main .commission .commission-con{display:flex;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:1rem}.affiliates-container .main .commission .commission-con .commission-left{width:50%}.affiliates-container .main .commission .commission-con .commission-left .el-collapse{border:none;padding:1rem 1rem 1rem 0}.affiliates-container .main .commission .commission-con .commission-left .el-collapse-item{margin:1rem 0;border:1px solid #f1f1f1;border-radius:.25rem;padding:.5rem 1.5rem;box-shadow:0 0 .25rem #ccc}.affiliates-container .main .commission .commission-con .commission-left .el-collapse-item.is-active .header-icon{transform:rotate(-180deg)}.affiliates-container .main .commission .commission-con .commission-left .el-collapse-item .el-collapse-item__header{border:none;font-size:1.25rem;font-weight:700;height:auto;line-height:normal;padding:.75rem 0}.affiliates-container .main .commission .commission-con .commission-left .el-collapse-item .el-collapse-item__header .header-icon{transition:all .3s ease-in-out;margin-left:auto;font-size:2rem;color:#f6d34b}.affiliates-container .main .commission .commission-con .commission-left .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow{display:none}.affiliates-container .main .commission .commission-con .commission-left .el-collapse-item .el-collapse-item__wrap{border:none}.affiliates-container .main .commission .commission-con .commission-left .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content{color:#4c4c4c;font-size:1rem;line-height:1.5}.affiliates-container .main .commission .commission-con .commission-left .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content ul{margin-left:1.5rem;list-style:disc}.affiliates-container .main .commission .commission-con .commission-left .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content ul li{list-style:disc}.affiliates-container .main .commission .commission-con .commission-right{width:50%;text-align:right}.affiliates-container .main .commission .commission-con .commission-right>img{width:90%}.affiliates-container .main .commission .commission-con .commission-bottom{width:100%}.affiliates-container .main .commission .commission-con .commission-bottom>ul{display:flex;align-items:center;justify-content:space-between;padding-top:3rem}.affiliates-container .main .commission .commission-con .commission-bottom>ul li{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:15%;position:relative}.affiliates-container .main .commission .commission-con .commission-bottom>ul li:last-child>i{display:none}.affiliates-container .main .commission .commission-con .commission-bottom>ul li>p{text-align:center;color:#000;padding-top:1rem;line-height:1.5}.affiliates-container .main .commission .commission-con .commission-bottom>ul li>div{width:10rem;height:10rem;background-color:#f6f6f6;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.affiliates-container .main .commission .commission-con .commission-bottom>ul li>div>img{width:40%}.affiliates-container .main .commission .commission-con .commission-bottom>ul li>i{font-size:5rem;color:#737272;position:absolute;top:15%;right:-70%}.affiliates-container .main .refer .refer-con{max-width:1150px;margin:0 auto;padding:0 1rem 4rem;text-align:center}.affiliates-container .main .refer .refer-con .refer-list{display:flex;flex-wrap:wrap;justify-content:space-between}.affiliates-container .main .refer .refer-con .refer-list .refer-item{width:49%}.affiliates-container .main .refer .refer-con .refer-list .refer-item .img>img{width:100%}.affiliates-container .main .refer .refer-con .refer-list .refer-item .title{padding:.5rem 0 1rem;font-size:1.125rem;display:flex;flex-wrap:wrap}.affiliates-container .main .refer .refer-con .refer-list .refer-item .title>span:first-child{font-family:Whitney-Bold}.affiliates-container .main .refer .refer-con .refer-list .refer-item .title>span:last-child{margin-left:auto;color:#f6d34b;cursor:pointer}.affiliates-container .main .refer .refer-con .refer-list .refer-item .link{position:relative;margin-bottom:2rem}.affiliates-container .main .refer .refer-con .refer-list .refer-item .link .el-input__inner{border-radius:2rem}.affiliates-container .main .refer .refer-con .refer-list .refer-item .link .btn{position:absolute;top:0;right:0;height:100%;display:flex}.affiliates-container .main .refer .refer-con .refer-list .refer-item .link .el-button{padding:.5rem;margin-left:0}.affiliates-container .main .refer .refer-con .refer-list .refer-item .link .el-button:hover{filter:brightness(1.05)}.affiliates-container .main .refer .refer-con .refer-list .refer-item .link .el-button:active{filter:brightness(.95)}.affiliates-container .main .refer .refer-con .refer-list .refer-item .link .copy{border-top-right-radius:0;border-bottom-right-radius:0}.affiliates-container .main .refer .refer-con .refer-list .refer-item .link .facebook{background-color:#ffb913;border-radius:0;box-shadow:none;border:none}.affiliates-container .main .refer .refer-con .refer-list .refer-item .link .facebook i{font-size:1.5rem}.affiliates-container .main .refer .refer-con .refer-list .refer-item .link .twitter{border-top-left-radius:0;border-bottom-left-radius:0;background-color:#fdb200;box-shadow:none;border:none}.affiliates-container .main .refer .refer-con .refer-list .refer-item .link .twitter i{font-size:1rem}.affiliates-container .main .refer .refer-con .material{margin-top:2rem;padding:.5rem 1.5rem}.affiliates-container .main .refer .dialog-rule{max-width:1000px;width:80%}.affiliates-container .main .refer .dialog-rule .el-dialog__body img{width:100%}.affiliates-container .main .refer .dialog-rule .el-dialog__body .more{text-align:right;margin-top:2rem;font-size:1.5rem}.affiliates-container .main .refer .dialog-rule .el-dialog__body .cancel{padding-top:1rem;text-align:right}.affiliates-container .main .details{text-align:center;background-color:#fbfbfb}.affiliates-container .main .details .details1-animate{cursor:pointer}.affiliates-container .main .details .details1-animate .affiliates-h3>span{color:#979797;transition:all .3s ease-in-out}.affiliates-container .main .details .details1-animate .affiliates-h3>span:hover{color:#f6d34b}.affiliates-container .main .details .details2-animate{padding-bottom:4rem}.affiliates-container .main .details .details-con{width:100%;max-width:1050px;display:flex;margin:0 auto;background-color:#fff;padding:2rem 0}.affiliates-container .main .details .details-con .details-left{position:relative;width:50%;display:flex;align-items:center;justify-content:center;padding:2rem}.affiliates-container .main .details .details-con .details-left .right-con-img>img{max-width:100%}.affiliates-container .main .details .details-con .details-left:after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:2px;height:80%;background-color:#eee}.affiliates-container .main .details .details-con .details-left>h4{font-family:Whitney-Bold}.affiliates-container .main .details .details-con .details-left>div>ul{margin:.5rem 0;color:#666}.affiliates-container .main .details .details-con .details-left>div>ul>li{list-style:inside;line-height:1.25}.affiliates-container .main .details .details-con .details-right{width:50%;padding:2rem 2rem 2rem 4rem;display:flex;align-items:center;text-align:left}.affiliates-container .main .details .details-con .details-right>.right-con>.right-con-img>img{max-width:50%}.affiliates-container .main .details .details-con .details-right>.right-con>a{display:inline-block;margin:1rem 0;text-align:center;background-color:#fcc812;border:2px solid #fcc812;font-size:1.125rem;color:#fff;padding:.25rem 2rem;border-radius:2rem}.affiliates-container .main .details .details-con .details-right>.right-con>a:hover{background-color:#fff;color:#fcc812;border:2px solid #fcc812}.affiliates-container .main .details .details-con .details-right>.right-con>p{margin:1rem 0;font-size:1rem}.affiliates-container .main .details .details-con .details-right>.right-con>p>a{font-family:Whitney-Bold}.affiliates-container .main .faq{padding:4rem 0}.affiliates-container .main .faq .faq-con{width:100%;max-width:1050px;margin:0 auto}.affiliates-container .main .faq .faq-con .el-tabs .el-tabs__header{margin-bottom:4rem}.affiliates-container .main .faq .faq-con .el-tabs .el-tabs__item{font-family:Whitney-Bold;font-size:2rem;color:#737373}.affiliates-container .main .faq .faq-con .el-tabs .el-tabs__item.is-active{color:#f6d34b}.affiliates-container .main .faq .faq-con .el-tabs .el-tabs__nav-scroll{display:flex;justify-content:center}.affiliates-container .main .faq .faq-con .el-tabs .el-tabs__nav{padding-bottom:.5rem}.affiliates-container .main .faq .faq-con .el-tabs .el-tabs__nav-wrap:after{display:none}.affiliates-container .main .faq .faq-con .el-tabs .tabs-faq dl{margin-bottom:1.5rem}.affiliates-container .main .faq .faq-con .el-tabs .tabs-faq dl>dt{font-size:1.5rem}.affiliates-container .main .faq .faq-con .el-tabs .tabs-faq dl>dd{margin-top:.5rem;line-height:1.25;font-size:1rem;color:#888}.affiliates-container .main .faq .faq-con .tabs2 .el-tabs__header{margin-bottom:2rem}.affiliates-container .main .faq .faq-con .tabs2 .el-tabs__nav{padding-bottom:0}.affiliates-container .main .faq .faq-con .tabs2 .el-tabs__active-bar{display:none}.affiliates-container .main .faq .faq-con .tabs2 .el-tabs__nav-wrap:after{display:block}.affiliates-container .main .faq .faq-con .tabs2 .el-tabs__item{font-size:1.25rem;position:relative}.affiliates-container .main .faq .faq-con .tabs2 .el-tabs__item:last-child:before{content:"";height:80%;background-color:#ccc;position:absolute;top:50%;left:0;transform:translateY(-50%);width:2px;height:40%}.affiliates-container .main .faq .faq-con .tabs2 .el-tabs__nav-scroll{justify-content:flex-start}.affiliates-container .main .faq .faq-con .leader{display:flex;flex-wrap:wrap;justify-content:space-between}.affiliates-container .main .faq .faq-con .leader .leader-item{display:flex;align-items:center;width:48%;border-bottom:2px solid #eee;padding:.5rem 2rem;font-size:1.25rem}.affiliates-container .main .faq .faq-con .leader .leader-item .serial{display:inline-block;width:2rem;height:2rem;line-height:2rem;font-family:Whitney-Bold;text-align:center}.affiliates-container .main .faq .faq-con .leader .leader-item .serial.bg{border-radius:.5rem;background-color:#f6d34b;color:#fff}.affiliates-container .main .faq .faq-con .leader .leader-item .name{margin-left:2rem;font-family:Whitney-Bold}.affiliates-container .main .faq .faq-con .leader .leader-item .num{margin-left:auto;font-family:Whitney-Bold;color:#737373;font-size:1.125rem}.affiliates-container .main .faq .faq-con .leader .leader-item .num>span{color:#f6d34b}.affiliates-share{position:fixed;z-index:9;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;right:2rem;bottom:9rem;border-radius:2rem;width:2.5rem;height:5rem;background-color:#fcc812}.affiliates-share>a{color:#fff;display:block;width:2rem;height:2rem;font-size:1.25rem;text-align:center;border-radius:50%;display:flex;align-items:center;justify-content:center}.affiliates-share>a:hover{color:#fcc812;background-color:#fff}@media screen and (min-width:768px) and (max-width:1024px){.affiliates-container .main .company,.affiliates-container .main .details,.affiliates-container .main .faq,.affiliates-container .main .working{padding-left:2rem;padding-right:2rem}}@media screen and (max-width:767px){.affiliates-container .banner .img{height:68vw}.affiliates-container .banner .img>img{width:200%;transform:translate3d(-37.5%,0,0)}.affiliates-container .banner .banner-con{width:100%;position:static;padding:2rem 0}.affiliates-container .banner .banner-con>h1{font-size:2.5rem}.affiliates-container .banner .banner-con>h2{font-size:1.25rem}.affiliates-container .banner .banner-con>p{font-size:1rem}.affiliates-container .banner .banner-con>a{margin-top:1.5rem;font-size:1.25rem;padding:.25rem 1rem}.affiliates-container .banner .chart-num{margin-top:1rem;width:100%;display:flex;justify-content:center}.affiliates-container .banner .chart-num .box-item{margin:0 auto;font-size:2.5rem;line-height:3.5rem}.affiliates-container .banner .chart-num .box-item .number-item{width:2.5rem;height:3.5rem}.affiliates-container .banner .chart-num .box-item .number-item>span>i{line-height:3.5rem;top:0}.affiliates-container .main{padding:0}.affiliates-container .main .company{padding-bottom:2rem}.affiliates-container .main .company .company-con{display:block}.affiliates-container .main .company .company-con>h3{margin-bottom:0}.affiliates-container .main .company .company-con .company-left{width:100%}.affiliates-container .main .company .company-con .company-right{width:100%;text-align:center;padding:0 2rem}.affiliates-container .main .company .company-con .company-right>h3{margin:2rem 0}.affiliates-container .main .company .company-con .company-right>h3:after{left:50%;transform:translate3d(-50%,0,0);bottom:-1rem}.affiliates-container .main .company .company-con .company-right>h3>p{font-size:1rem}.affiliates-container .main .company .company-con .company-right .benefits-con img{width:25%}.affiliates-container .main .company .company-con .company-right .benefits-con>li{width:50%;text-align:center;align-items:center;margin-top:1rem}.affiliates-container .main .company .company-con .company-right .benefits-con span{font-size:1.25rem}.affiliates-container .main .commission .affiliates-h3{padding:3rem 0 2rem}.affiliates-container .main .commission .commission-con .commission-left{width:100%}.affiliates-container .main .commission .commission-con .commission-left .el-collapse{padding:0}.affiliates-container .main .commission .commission-con .commission-right{padding-top:2rem;width:100%}.affiliates-container .main .commission .commission-con .commission-right>img{width:100%}.affiliates-container .main .commission .commission-con .commission-bottom>ul{padding:3rem 1rem 0;flex-wrap:wrap}.affiliates-container .main .commission .commission-con .commission-bottom>ul>li{width:100%;margin-bottom:1.5rem;display:flex}.affiliates-container .main .commission .commission-con .commission-bottom>ul>li>i{display:none}.affiliates-container .main .commission .commission-con .commission-bottom>ul>li>p{padding-top:0;width:70%;padding-left:1rem;text-align:left;font-size:1.25rem}.affiliates-container .main .commission .commission-con .commission-bottom>ul>li>div{width:30%;height:6rem}.affiliates-container .main .commission .commission-con .commission-bottom>ul>li>div>img{width:50%}.affiliates-container .main .refer .affiliates-h3{padding-top:0}.affiliates-container .main .refer .refer-con .refer-list .refer-item{width:100%}.affiliates-container .main .refer .dialog-rule{width:90%}.affiliates-container .main .refer .dialog-rule .el-dialog__body img{width:100%}.affiliates-container .main .refer .dialog-rule .el-dialog__body .more{text-align:right;margin-top:1rem;font-size:1.25rem}.affiliates-container .main .details{text-align:center}.affiliates-container .main .details .details-con{display:block;padding:0 2rem 2rem;margin-top:2rem}.affiliates-container .main .details .details-con .details-left{width:100%}.affiliates-container .main .details .details-con .details-left:after{display:none}.affiliates-container .main .details .details-con .details-right{width:100%;padding:0;text-align:center}.affiliates-container .main .faq{padding:2rem 1rem}.affiliates-container .main .faq .faq-con .el-tabs .el-tabs__header{margin-bottom:2rem}.affiliates-container .main .faq .faq-con .el-tabs .el-tabs__item{font-size:1.25rem}.affiliates-container .main .faq .faq-con .el-tabs .el-tabs__nav{padding-bottom:0}.affiliates-container .main .faq .faq-con .el-tabs .el-tabs__content{padding:0 1rem}.affiliates-container .main .faq .faq-con .el-tabs .tabs-faq dl{margin-bottom:1.5rem}.affiliates-container .main .faq .faq-con .el-tabs .tabs-faq dl>dt{font-size:1.25rem;color:#666}.affiliates-container .main .faq .faq-con .el-tabs .tabs-faq dl>dd{font-size:1rem;color:#888}.affiliates-container .main .faq .faq-con .tabs2 .el-tabs__item{font-size:1.125rem}.affiliates-container .main .faq .faq-con .tabs2 .el-tabs__content{padding:0}.affiliates-container .main .faq .faq-con .leader .leader-item{width:100%;padding:.5rem 1rem}.affiliates-h3{padding:3rem 0;font-size:2rem}}