@charset "UTF-8";
.page-wrap {
  position: relative;
  /* pc端模块 */
  /* 移动端模块 */
}
.page-wrap .triangle-right {
  width: var(--triangle-right);
  right: 0;
  bottom: -1px;
  position: absolute;
}
.page-wrap .pc-module .module-wrap {
  width: 100%;
  padding-bottom: 120px;
  min-height: 560px;
}
.page-wrap .pc-module .module-wrap:nth-of-type(odd) {
  position: relative;
}
.page-wrap .pc-module .module-wrap:nth-of-type(odd)::after {
  content: "";
  display: block;
  width: 160px;
  height: 160px;
  background: url("../image/public/triangle_left@2x.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: -0.5px;
}
.page-wrap .pc-module .module-wrap:nth-of-type(even) {
  background: -webkit-linear-gradient(95deg, #eae4f7, #ffffff); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(95deg, #eae4f7, #ffffff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.page-wrap .pc-module .module-wrap:nth-of-type(even) .rich-text-box {
  float: right;
}
.page-wrap .pc-module .module-wrap:last-of-type::after {
  display: none;
}
.page-wrap .pc-module .module-wrap .module-box {
  max-width: var(--page-width);
  min-height: inherit;
  padding: var(--page-padding);
  margin: auto;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  /* 二维码列表 */
  /* 按钮 */
  /* 备注 */
}
.page-wrap .pc-module .module-wrap .module-box .rich-text-box {
  min-height: inherit;
  width: 55%;
}
.page-wrap .pc-module .module-wrap .module-box .qr-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-wrap .pc-module .module-wrap .module-box .qr-box .qr {
  width: 240px;
  margin-top: 68px;
}
.page-wrap .pc-module .module-wrap .module-box .qr-tip {
  margin-top: 50px;
}
.page-wrap .pc-module .module-wrap .module-box .module-btn {
  margin-top: 38px;
  display: inline-block;
  font-size: 23px;
  padding: 14px 44px;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  border-radius: 36px;
  background: -webkit-linear-gradient(90deg, #9e77d6, #7e58ba, #49238a); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(90deg, #9e77d6, #7e58ba, #49238a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.page-wrap .pc-module .module-wrap .module-box .module-tip {
  margin-top: 45px;
  color: #707070;
  font-size: 16px;
}
.page-wrap .mobile-module {
  display: none;
  text-align: center;
}
.page-wrap .mobile-module .module-wrap {
  width: 100%;
  padding-bottom: 18px;
}
.page-wrap .mobile-module .module-wrap:nth-of-type(odd) {
  position: relative;
}
.page-wrap .mobile-module .module-wrap:nth-of-type(odd)::after {
  content: "";
  display: block;
  width: 67.23px;
  height: 63.77px;
  background: url("../image/public/triangle_left@2x.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: -0.5px;
}
.page-wrap .mobile-module .module-wrap:nth-of-type(even) {
  background: -webkit-linear-gradient(95deg, #eae4f7, #ffffff); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(95deg, #eae4f7, #ffffff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.page-wrap .mobile-module .module-wrap:nth-of-type(even) .rich-text-box {
  float: right;
}
.page-wrap .mobile-module .module-wrap:last-of-type::after {
  display: none;
}
.page-wrap .mobile-module .module-wrap .module-box {
  max-width: var(--page-width);
  min-height: inherit;
  padding: var(--page-padding);
  padding-top: 20px;
  margin: auto;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  /* 二维码列表 */
  /* 按钮 */
  /* 备注 */
}
.page-wrap .mobile-module .module-wrap .module-box .module-banner {
  width: 100%;
}
.page-wrap .mobile-module .module-wrap .module-box .rich-text {
  text-align: left;
  width: 100%;
  word-break: break-all;
}
.page-wrap .mobile-module .module-wrap .module-box .rich-text img,
.page-wrap .mobile-module .module-wrap .module-box .rich-text video {
  max-width: 100%;
  height: auto;
}
.page-wrap .mobile-module .module-wrap .module-box .rich-text p {
  margin: 0;
}
.page-wrap .mobile-module .module-wrap .module-box .qr-box {
  padding-top: 63px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-wrap .mobile-module .module-wrap .module-box .qr-box .qr {
  width: 123px;
  margin: 0 10px 27px;
}
.page-wrap .mobile-module .module-wrap .module-box .qr-tip {
  margin-top: 18px;
  text-align: left;
}
.page-wrap .mobile-module .module-wrap .module-box .module-btn {
  margin-top: 38px;
  display: inline-block;
  font-size: 14px;
  padding: 9px 30px;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  border-radius: 19px;
  background: -webkit-linear-gradient(90deg, #9e77d6, #7e58ba, #49238a); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(90deg, #9e77d6, #7e58ba, #49238a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.page-wrap .mobile-module .module-wrap .module-box .module-tip {
  text-align: left;
  margin-top: 32px;
  color: #707070;
  font-size: 10px;
}

@media (max-width: 1200px) {
  .page-wrap .pc-module {
    display: none;
  }
  .page-wrap .mobile-module {
    display: block;
  }
  .page-wrap .triangle-right {
    width: var(--triangle-right-m);
  }
}