.affiliate-guidance-container{color:#333;background-color:#fff;font-family:OpenSans-Regular}.affiliate-guidance-container .header-banner-box{width:100%;position:relative}.affiliate-guidance-container .header-banner-box img{width:100%;height:auto}.affiliate-guidance-container .header-banner-box .toJoin{color:#070803;display:block;font-size:20px;font-weight:600;position:absolute;top:60%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;padding:1.0417% 3.125%;background:-webkit-gradient(linear,right top,left top,from(#f6dc99),to(#e6a04a));background:linear-gradient(-90deg,#f6dc99 0,#e6a04a 100%);-webkit-box-shadow:1px 2px 0 0 rgba(244,216,150,.9),0 2px 1px 0 rgba(255,255,255,.64);box-shadow:1px 2px 0 0 rgba(244,216,150,.9),0 2px 1px 0 rgba(255,255,255,.64);border-radius:30px;-webkit-transition:.3s;transition:.3s}.affiliate-guidance-container .header-banner-box .toJoin:hover{background:-webkit-gradient(linear,right top,left top,from(#f6dc99),to(#e6a04a));background:linear-gradient(-90deg,#f6dc99 0,#e6a04a 100%);-webkit-box-shadow:1px 2px 0 0 rgba(156,110,0,.9),0 2px 1px 0 rgba(255,255,255,.64);box-shadow:1px 2px 0 0 rgba(156,110,0,.9),0 2px 1px 0 rgba(255,255,255,.64)}.affiliate-guidance-container .body-content{padding:90px 0 0}.affiliate-guidance-container .body-content .content-title{color:#070803;width:550px;font-size:38px;font-weight:700;margin:0 auto 50px;text-align:center}.affiliate-guidance-container .body-content .content-item .item-title{font-weight:600;text-align:center;font-size:28px;margin-bottom:45px;position:relative}.affiliate-guidance-container .body-content .content-item .item-title .text{display:inline-block;margin:0 10px;position:relative}.affiliate-guidance-container .body-content .item-body.rights{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:30px}.affiliate-guidance-container .body-content .item-body.rights .right-item{width:224px;height:244px;text-align:center;padding-bottom:53px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.affiliate-guidance-container .body-content .item-body.rights .right-item .icon{margin-bottom:16px}.affiliate-guidance-container .body-content .item-body.rights .right-item .text{font-size:16px;height:42px}.affiliate-guidance-container .body-content .item-body.rights .right-item+.right-item{margin-left:20px}.affiliate-guidance-container .body-content .item-body.steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.affiliate-guidance-container .body-content .item-body.steps .step-item{width:224px;text-align:center;position:relative}.affiliate-guidance-container .body-content .item-body.steps .step-item .icon{width:160px;height:160px;background-color:#fff;border-radius:50%;margin:0 auto 24px}.affiliate-guidance-container .body-content .item-body.steps .step-item .stepnum{font-size:16px;font-weight:700;margin-bottom:16px}.affiliate-guidance-container .body-content .item-body.steps .step-item:after{display:block;content:'';width:61px;height:28px;background:url(/templates/common/dist/affiliate/images/guidance/arrow.png);position:absolute;top:25%;right:-60px}.affiliate-guidance-container .body-content .item-body.steps .step-item:last-child:after{display:none}.affiliate-guidance-container .body-content .item-body.steps .step-item+.step-item{margin-left:50px}.affiliate-guidance-container .howItWork{width:100%;height:auto;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.affiliate-guidance-container .footer-toJoin-box{padding:80px 0 120px}.affiliate-guidance-container .footer-toJoin-box .btn-wrapper{text-align:center}.affiliate-guidance-container .footer-toJoin-box .btn-wrapper .email-us{color:#666;font-size:14px}.affiliate-guidance-container .footer-toJoin-box .btn-wrapper .email-us>a{color:#333;text-decoration:underline}.affiliate-guidance-container .footer-toJoin-box .toJoin{color:#070803;display:inline-block;font-size:20px;font-weight:600;text-align:center;padding:1.0417% 3.125%;background:-webkit-gradient(linear,right top,left top,from(#f6dc99),to(#e6a04a));background:linear-gradient(-90deg,#f6dc99 0,#e6a04a 100%);-webkit-box-shadow:1px 2px 0 0 rgba(244,216,150,.9),0 2px 1px 0 rgba(255,255,255,.64);box-shadow:1px 2px 0 0 rgba(244,216,150,.9),0 2px 1px 0 rgba(255,255,255,.64);border-radius:30px;-webkit-transition:.3s;transition:.3s;margin-bottom:50px}.affiliate-guidance-container .footer-toJoin-box .toJoin:hover{background:-webkit-gradient(linear,right top,left top,from(#f6dc99),to(#e6a04a));background:linear-gradient(-90deg,#f6dc99 0,#e6a04a 100%);-webkit-box-shadow:1px 2px 0 0 rgba(156,110,0,.9),0 2px 1px 0 rgba(255,255,255,.64);box-shadow:1px 2px 0 0 rgba(156,110,0,.9),0 2px 1px 0 rgba(255,255,255,.64)}@media (max-width:768px){.affiliate-header-m{position:fixed;top:0;height:50px;left:0;right:0;background-color:#fff;z-index:2000}.affiliate-header-m .header-title{font-weight:600;font-size:18px;height:100%;line-height:50px;text-align:center}.affiliate-header-m .back-to{position:absolute;left:15px;top:0;height:100%;line-height:50px}.affiliate-header-m .back-to i{font-size:24px}.affiliate-guidance-container{padding-bottom:50px;background-color:#f3f3f3}.affiliate-guidance-container .join-link{display:block;width:100%}.affiliate-guidance-container .body-content{padding:12px 0 0}.affiliate-guidance-container .body-content .content-title{width:100%;padding:0 15px 27px;margin:0;background-color:#fff}.affiliate-guidance-container .body-content .content-title img{width:100%}.affiliate-guidance-container .body-content .content-item{background-color:#fff}.affiliate-guidance-container .body-content .content-item .item-title{font-size:16px;margin-bottom:17px}.affiliate-guidance-container .body-content .content-item .item-title .text{margin:0 5px}.affiliate-guidance-container .body-content .content-item+.content-item{margin-top:10px}.affiliate-guidance-container .body-content .item-body.rights-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;overflow-x:auto;overflow-y:visible;padding:0 15px 20px}.affiliate-guidance-container .body-content .item-body.rights-m .right-item{width:95px;height:123px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0 5px;background:-webkit-gradient(linear,left bottom,left top,from(#f5e6b1),to(#fffaea));background:linear-gradient(0deg,#f5e6b1 0,#fffaea 100%);border:1px solid #fffbeb;border-radius:8px}.affiliate-guidance-container .body-content .item-body.rights-m .right-item .icon{text-align:center;margin-bottom:6px}.affiliate-guidance-container .body-content .item-body.rights-m .right-item .icon>img{width:50px;height:50px}.affiliate-guidance-container .body-content .item-body.rights-m .right-item .text{color:#a4732c;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px;line-height:18px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 3px}.affiliate-guidance-container .body-content .item-body.rights-m .right-item+.right-item{margin-left:10px}.affiliate-guidance-container .body-content .item-body.steps-m{padding:20px 12px;background:-webkit-gradient(linear,left bottom,left top,from(#f0e1c0),to(#fcf6e1));background:linear-gradient(0deg,#f0e1c0 0,#fcf6e1 100%);border:1px solid #fffbeb;border-radius:8px}.affiliate-guidance-container .body-content .item-body.steps-m .step-item{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 12px;background:-webkit-gradient(linear,left top,right top,from(white),to(rgba(255,255,255,.5)));background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.5) 100%);border-radius:8px;position:relative}.affiliate-guidance-container .body-content .item-body.steps-m .step-item .icon{margin-right:20px}.affiliate-guidance-container .body-content .item-body.steps-m .step-item .icon>img{width:54px;height:60px}.affiliate-guidance-container .body-content .item-body.steps-m .step-item .stepnum{color:#a4732c;font-size:14px;font-weight:600;margin-bottom:2px}.affiliate-guidance-container .body-content .item-body.steps-m .step-item .text{font-size:12px;color:#666;line-height:16px}.affiliate-guidance-container .body-content .item-body.steps-m .step-item+.step-item{margin-top:35px}.affiliate-guidance-container .body-content .item-body.steps-m .step-item+.step-item:before{display:block;content:'';width:12px;height:16px;position:absolute;top:-24px;left:32px;background-image:url(/templates/common/dist/affiliate/images/guidance-m/arrow_down.png);background-repeat:no-repeat;background-size:12px 16px}.affiliate-guidance-container .footer-toJoin-box{padding:25px 0 20px}.affiliate-guidance-container .footer-toJoin-box .toJoin-m{display:block;position:fixed;bottom:0;left:0;right:0;height:50px;line-height:50px;font-size:16px;font-weight:600;background-color:#333;color:#fff;z-index:1000;overflow:hidden}.affiliate-guidance-container .footer-toJoin-box .btn-wrapper .email-us{color:#999;padding:0 26px}.affiliate-guidance-container .footer-toJoin-box .btn-wrapper .email-us>a{text-decoration:none}footer.footer{display:none}.header .top-item{display:none}}