.banner {
  background: url("/resource/images/affiliate/MC-affiliate-banner-bg.jpg") no-repeat;
  padding: 100px 0;
  color: rgba(255, 255, 255, 0.9);
  background-size: cover;
}
.banner h1 {
  line-height: 70px;
  margin-bottom: 24px;
  color: #fff;
}
.banner p.des {
  width: 640px;
  max-width: 100%;
  line-height: 30px;
  margin-bottom: 80px;
}
.banner .btn.btn-bd-wt.ic-arw {
  margin-left: 16px;
}
.banner .f-fs24 {
  margin-bottom: 16px;
}
.banner .f-fs20 {
  margin-bottom: 40px;
  line-height: 26px;
}
.banner .btn-bl {
  line-height: 1;
  padding-top: 13px;
  vertical-align: -6px;
  width: auto;
  font-weight: 600;
  width: 364px;
  max-width: 100%;
  padding: 0;
  line-height: 64px;
}
.banner .btn.ic-arw {
  width: 364px;
  max-width: 100%;
}
.banner .f-fs20,
.banner .f-fs24,
.banner .ps {
  width: 640px;
  max-width: 100%;
}
.banner .f-fs20:lang(es),
.banner .f-fs24:lang(es),
.banner .ps:lang(es) {
  width: 685px;
}
.banner .email,
.banner .ps {
  color: rgba(255, 255, 255, 0.5);
}
.banner .email {
  text-decoration: underline;
}
.banner .email:hover {
  color: #fff;
}
.banner .wrap {
  align-items: center;
}
.banner .left {
  width: 60%;
}
@media (min-width: 2048px) {
  .banner {
    background-image: url(/resource/images/affiliate/MC-affiliate-banner-bg@2x.jpg);
    background-size: 100% 100%;
  }
}
@media (max-width: 991px) {
  .banner .wrap {
    flex-direction: column-reverse;
  }
  .banner .left {
    width: 100%;
    text-align: center;
    margin-top: 40px;
  }
  .banner .left .f-fs20,
  .banner .left .f-fs24,
  .banner .left .ps {
    width: 100%;
  }
}
@media (max-width: 390px) {
  .banner {
    padding: 50px 0;
  }
  .banner h1 {
    line-height: 40px;
  }
  .banner .btn-bl {
    height: 46px;
    line-height: 46px;
    width: auto;
  }
}
.what {
  padding: 160px 0;
  text-align: center;
}
.what h2 {
  margin-bottom: 80px;
}
.what h4 {
  margin: 24px auto 25px;
}
.what .wrap {
  display: flex;
  justify-content: space-between;
}
.what .wrap li {
  background: #FFFFFF;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
  border-radius: 16px 16px 16px 16px;
  border: 1px solid #E6E8E9;
  width: 31.3%;
  padding: 40px;
}
@media (max-width: 767px) {
  .what {
    padding: 50px 0 20px;
  }
  .what h2 {
    margin-bottom: 30px;
  }
  .what .wrap {
    display: block;
  }
  .what .wrap li {
    padding: 40px 15px;
    width: 600px;
    max-width: 100%;
    margin: 0 auto 30px;
  }
}
.how {
  text-align: center;
  padding: 160px 0;
  background: #F8F9FA;
}
.how h2 {
  margin-bottom: 80px;
}
.how h4 {
  margin-top: 40px;
}
.how .wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 155px;
}
.how .wrap .item {
  width: 31.3%;
}
.how .wrap .item p {
  margin: 16px auto;
  line-height: 20px;
}
.how .wrap .btn-bd-bl {
  min-width: 200px;
  font-weight: 600;
  height: 48px;
  line-height: 48px;
}
.how .ask {
  padding: 80px 20px;
  color: #fff;
  background: url(/resource/images/affiliate/MC-affiliate-bottom-img-bg.png) no-repeat;
  background-size: cover;
  border-radius: 30px;
}
.how .ask h3 {
  line-height: 46px;
}
.how .ask p.f-fs20 {
  margin: 24px auto 40px;
}
.how .ask .btn-bl {
  width: 300px;
  font-weight: 600;
}
.how .ask .btn-bl .ic-email {
  display: inline-block;
  width: 24px;
  vertical-align: -7px;
  margin-right: 3px;
  height: 24px;
  background: url(/resource/images/affiliate/MC-affiliate-bottom-ic-mail-24.svg) no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  .how {
    padding: 50px 0;
  }
  .how h2 {
    margin-bottom: 40px;
  }
  .how .wrap {
    display: block;
    margin-bottom: 0;
  }
  .how .wrap .item {
    width: 600px;
    max-width: 100%;
    margin: 0 auto 50px;
  }
}
@media (max-width: 390px) {
  .how .ask {
    padding: 40px 15px;
  }
  .how .ask p.f-fs20 {
    margin: 16px auto;
    line-height: 16px;
  }
  .how .ask .btn-bl {
    min-width: 0;
    width: 200px;
    line-height: 46px;
    height: 46px;
  }
}
[lang=es] .banner .btn-bl,
[lang=fr] .banner .btn-bl {
  font-size: 16px;
}
[lang=jp] .banner .btn.ic-arw {
  font-size: 14px;
}

/*# sourceMappingURL=maps/affiliate.css.map */