.header {
  background: #f5f7fa;
}
.main .scenes-top-box .scenes-top {
  height: 577px;
  background: #f5f7fa;
}
.main .scenes-top-box .mt-center .scenes-header {
  position: relative;
}
.main .scenes-top-box .mt-center .scenes-header .scenes-header-title-box {
  position: relative;
}
.main .scenes-top-box .mt-center .scenes-header .scenes-header-title-box .scenes-header-title {
  color: #1d1d1f;
}
.main .scenes-top-box .mt-center .scenes-header .scenes-header-title-box .scenes-header-line {
  position: absolute;
  right: 397px;
  bottom: -15px;
  width: 430px;
  height: 18px;
  background: url(../images/scenes/affiliatemarketing/affiliatemarketing-header-line.png) no-repeat center;
  background-size: 430px 18px;
}
.main .scenes-top-box .mt-center .scenes-header .scenes-header-subtitle {
  color: #767d8c;
}
.main .scenes-top-box .mt-center .scenes-header .scenes-header-btn {
  background: #7731a3;
}
.main .scenes-top-box .mt-center .scenes-header .scenes-header-left-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 131px;
  height: 127px;
  margin-top: 284px;
  margin-left: 42px;
  background: url(../images/scenes/affiliatemarketing/header-left-icon.png) no-repeat center;
  background-size: 131px 127px;
}
.main .scenes-top-box .mt-center .scenes-header .scenes-header-right-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 110px;
  height: 110px;
  margin-top: 80px;
  margin-right: 7px;
  background: url(../images/scenes/affiliatemarketing/header-right-icon.png) no-repeat center;
  background-size: 131px 127px;
}
.main .scenes-top-box .mt-center .scenes-tips {
  position: relative;
  margin-top: 140px;
}
.main .scenes-top-box .mt-center .scenes-tips .scenes-tips-item {
  width: 282px;
  height: 194px;
}
.main .scenes-top-box .mt-center .scenes-tips .scenes-tips-round {
  position: absolute;
  left: 47px;
  top: -80px;
  width: 126px;
  height: 126px;
  border-radius: 50%;
  z-index: -1;
  background: linear-gradient(360deg, #7532a3 0%, #7e2f9f 20%, #972695 46%, #c01985 79%, #e0107a 100%);
}
.main .scenes-top-box .mt-center .scenes-knowledgepoints .scenes-knowledgepoints-main .scenes-knowledgepoints-main-left {
  width: 590px;
  height: 884px;
}
.main .scenes-top-box .mt-center .scenes-knowledgepoints .scenes-knowledgepoints-main .scenes-knowledgepoints-main-right .knowledgepoints-main-right-item {
  width: 590px;
  height: 432px;
}
.main .scenes-top-box .mt-center .scenes-knowledgepoints .scenes-knowledgepoints-main .scenes-knowledgepoints-main-right .knowledgepoints-main-right-item .knowledgepoints-right-item-title {
  font-size: 28px;
}
.main .scenes-bottom-box {
  position: relative;
  margin-top: 80px;
}
.main .scenes-bottom-box .scenes-purple-banner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 582px;
  background-color: #6d369e;
  z-index: -1;
}
.main .scenes-bottom-box .scenes-help {
  padding-top: 80px;
}
.main .scenes-bottom-box .scenes-help .scenes-help-title {
  color: #ffffff;
  text-align: center;
}
.main .scenes-bottom-box .scenes-help .scenes-help-main .scenes-help-main-bottom .scenes-help-main-bottom-item {
  width: 590px;
  height: 381px;
}
.main .scenes-bottom-box .scenes-help .scenes-help-main .scenes-help-main-bottom .scenes-help-main-bottom-item .green-title {
  padding-right: 20px;
}
.main .scenes-bottom-box .scenes-help .scenes-help-main .scenes-help-main-bottom .scenes-help-main-bottom-item .help-item-subtitle {
  margin-top: 14px;
}
.main .scenes-top-box .mt-center .scenes-header .scenes-header-btn {
  color: #fff;
}
.main .scenes-bottom-box .scenes-help .scenes-help-main .scenes-help-main-top .help-top-left {
  padding-top: 120px;
}