.affiliate-product-container .affiliates-h3{text-align:center;font-family:HarmonyOS_Sans_Medium;font-size:2.5rem;padding:4rem 0}.affiliate-product-container .banner{text-align:center;position:relative;font-size:0}.affiliate-product-container .banner .banner-img{font-size:0;display:block}.affiliate-product-container .banner .banner-img>img{width:100%;height:auto}.affiliate-product-container .banner .banner-con{position:absolute;top:0;height:100%;left:15%;width:30%;display:flex;flex-direction:column;justify-content:center;align-items:center}.affiliate-product-container .banner .banner-con .banner-subtitle-text{font-family:HarmonyOS_Sans_Medium;font-size:2.5rem}.affiliate-product-container .banner .banner-con .banner-title-text{font-size:2rem}.affiliate-product-container .banner .banner-con .banner-desc{font-size:1.25rem;padding:1rem 0}.affiliate-product-container .banner .banner-con .commission-btn{padding:.5rem 2rem;font-size:1.5rem;margin-top:2rem}.affiliate-product-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}.affiliate-product-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}.affiliate-product-container .banner .chart-num .number-item>span{position:relative;display:inline-block;width:100%;height:100%;overflow:hidden}.affiliate-product-container .banner .chart-num .number-item>span>i{word-break:break-all;line-height:4.5vw;font-family:HarmonyOS_Sans_Medium;font-style:normal;position:absolute;left:50%;transform:translate(-50%);transition:all 2s ease-in-out}.affiliate-product-container .banner .chart-num .number-item:last-child{margin-right:0}.affiliate-product-container .main-page-body{padding-bottom:5rem;background-color:#fbfbfb}.affiliate-product-container .product-container{max-width:1200px;margin:0 auto;padding:2rem 0}.affiliate-product-container .product-container .product-list{display:flex;flex-wrap:wrap;justify-content:space-between}.affiliate-product-container .product-container .product-item{width:48.5%;background-color:#fff;margin-bottom:2rem;padding-bottom:.75rem}.affiliate-product-container .product-container .product-item .product-img{font-size:0;overflow:hidden;cursor:pointer}.affiliate-product-container .product-container .product-item .product-img>img{width:100%;transition:.35s linear}.affiliate-product-container .product-container .product-item .product-img:hover>img{transform:scale(1.02)}.affiliate-product-container .product-container .product-item .product-content{padding:0 3px}.affiliate-product-container .product-container .product-item .title-box{padding:1rem 2px;font-size:1.125rem;display:flex;flex-wrap:wrap}.affiliate-product-container .product-container .product-item .title-box .product-title{font-family:HarmonyOS_Sans_Medium}.affiliate-product-container .product-container .product-item .title-box .rule-text{margin-left:auto;color:#f6d34b;cursor:pointer;transition:.35s linear}.affiliate-product-container .product-container .product-item .title-box .rule-text:hover{font-weight:700}.affiliate-product-container .product-container .product-item .share-box{position:relative}.affiliate-product-container .product-container .product-item .share-box .el-input__inner{border-radius:2rem}.affiliate-product-container .product-container .product-item .share-box .share-btn-box{position:absolute;top:0;right:0;height:100%;display:flex}.affiliate-product-container .product-container .product-item .share-box .el-button{padding:.5rem;margin-left:0}.affiliate-product-container .product-container .product-item .share-box .el-button:hover{filter:brightness(1.05)}.affiliate-product-container .product-container .product-item .share-box .el-button:active{filter:brightness(.95)}.affiliate-product-container .product-container .product-item .share-box .copy{border-top-right-radius:0;border-bottom-right-radius:0}.affiliate-product-container .product-container .product-item .share-box .facebook{background-color:#ffb913;border-radius:0;box-shadow:none;border:none}.affiliate-product-container .product-container .product-item .share-box .facebook i{font-size:1.5rem}.affiliate-product-container .product-container .product-item .share-box .twitter{border-top-left-radius:0;border-bottom-left-radius:0;background-color:#fdb200;box-shadow:none;border:none}.affiliate-product-container .product-container .product-item .share-box .twitter i{font-size:1rem}.affiliate-product-container .dialog-rule{max-width:1000px;width:80%}.affiliate-product-container .dialog-rule .el-dialog__body img{width:100%}.affiliate-product-container .dialog-rule .el-dialog__body .more{text-align:right;margin-top:2rem;font-size:1.5rem}.affiliate-product-container .dialog-rule .el-dialog__body .cancel{padding-top:1rem;text-align:right}.affiliate-product-container .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}.affiliate-product-container .affiliates-share>a{color:#fff;width:2rem;height:2rem;font-size:1.25rem;text-align:center;border-radius:50%;display:flex;align-items:center;justify-content:center}.affiliate-product-container .affiliates-share>a:hover{color:#fcc812;background-color:#fff}@media screen and (max-width:1350px){.affiliate-product-container .banner .banner-con .banner-subtitle-text{font-size:2.15rem}.affiliate-product-container .banner .banner-con .banner-title-text{font-size:1.75rem}.affiliate-product-container .banner .banner-con .banner-desc{font-size:1.15rem}.affiliate-product-container .banner .banner-con .commission-btn{font-size:1.25rem}}@media screen and (max-width:1224px){.affiliate-product-container .product-container{padding:2rem 2%}}@media screen and (max-width:1150px){.affiliate-product-container .affiliates-h3{font-size:2.15rem;padding:2.5rem 0}.affiliate-product-container .banner .banner-con{left:10%;width:35%}.affiliate-product-container .banner .banner-con .banner-subtitle-text{font-size:2rem}.affiliate-product-container .banner .banner-con .banner-title-text{font-size:1.5rem}}@media screen and (max-width:767px){.affiliate-product-container .affiliates-h3{font-size:2rem;padding:2rem 0}.affiliate-product-container .banner .banner-con{width:100%;position:static;padding:2rem 0}.affiliate-product-container .banner .chart-num{margin-top:1rem;width:100%;display:flex;justify-content:center}.affiliate-product-container .banner .chart-num .box-item{margin:0 auto;font-size:2.5rem;line-height:3.5rem}.affiliate-product-container .banner .chart-num .box-item .number-item{width:2.5rem;height:3.5rem}.affiliate-product-container .banner .chart-num .box-item .number-item>span>i{line-height:3.5rem;top:0}.affiliate-product-container .product-container .affiliates-h3{font-size:1.75rem}.affiliate-product-container .product-container .product-item{width:100%}.affiliate-product-container .affiliates-share{bottom:13rem;right:16px}}