@charset "UTF-8";
.banner.page-manage {
  height: 580px;
  background: url("../img/manage/banner.png") center center;
  background-size: cover;
}
.banner.page-manage .container {
  color: #fff;
}
.banner.page-manage .container .title {
  font-size: 48px;
  margin-bottom: 16px;
}
.banner.page-manage .container .desc {
  font-size: 20px;
  margin-bottom: 100px;
}
.banner.page-manage .container .action .action-btn {
  color: #000;
  display: inline-block;
  border-radius: 4px;
  padding: 13px 36px;
  background-color: #fff;
  font-size: 16px;
  line-height: 22px;
}

.section-white {
  background-color: #fff;
}

.section-blur {
  background-color: #F3F6FA;
}

.section.page-manage {
  padding: 90px 290px;
  text-align: center;
}
.section.page-manage .section-title {
  font-size: 46px;
  margin-bottom: 16px;
}
.section.page-manage .section-desc {
  font-size: 18px;
  color: #868A8F;
  margin-bottom: 100px;
}
.section.page-manage .section-center-img {
  width: 1166px;
  height: 438px;
  margin: 0 auto;
}
.section.page-manage .section-info {
  display: flex;
}
.section.page-manage .section-info .section-info-content {
  text-align: left;
}
.section.page-manage .section-info .section-info-content .section-info-title {
  font-size: 36px;
  color: #14171A;
  margin-bottom: 40px;
}
.section.page-manage .section-info .section-info-content .section-info-desc {
  font-size: 18px;
  color: #657786;
  position: relative;
  padding-left: 20px;
  margin-bottom: 32px;
}
.section.page-manage .section-info .section-info-content .section-info-desc::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  background: #00AF66;
  border-radius: 50%;
}
.section.page-manage .section-info .section-info-left2 .section-info-img {
  width: 680px;
  height: 512px;
  margin: 0 auto;
  vertical-align: middle;
}
.section.page-manage .section-info .section-info-right2 {
  padding: 120px 120px 0 120px;
}
.section.page-manage .section-info .section-info-left3 {
  padding: 160px 120px 0 0;
}
.section.page-manage .section-info .section-info-right3 {
  width: 703px;
  flex: 0 0 703px;
}
.section.page-manage .section-info .section-info-right3 .section-info-img {
  width: 703px;
  height: 512px;
  margin: 0 auto;
  vertical-align: middle;
}
.section.page-manage .section-info .section-info-left4 {
  width: 705px;
  flex: 0 0 705px;
}
.section.page-manage .section-info .section-info-left4 .section-info-img {
  width: 705px;
  height: 524px;
  margin: 0 auto;
  vertical-align: middle;
}
.section.page-manage .section-info .section-info-right4 {
  padding: 150px 0 0 120px;
}
.section.page-manage .section-info .section-info-left5 {
  padding: 174px 190px 0 0;
}
.section.page-manage .section-info .section-info-right5 {
  width: 611px;
  flex: 0 0 611px;
}
.section.page-manage .section-info .section-info-right5 .section-info-img {
  width: 703px;
  height: 563px;
  margin: 0 auto;
  vertical-align: middle;
}
.section.page-manage .section-info .section-info-left6 {
  width: 714px;
  flex: 0 0 714px;
}
.section.page-manage .section-info .section-info-left6 .section-info-img {
  width: 714px;
  height: 546px;
  margin: 0 auto;
  vertical-align: middle;
}
.section.page-manage .section-info .section-info-right6 {
  padding: 175px 0 0 120px;
}

.other-solution {
  width: 100%;
  max-width: 1920px;
  padding: 0 240px;
  margin-bottom: 40px;
}
.other-solution .solution-top {
  padding: 24px 0;
  height: 82px;
}
.other-solution .solution-top .solution-title {
  color: #14171A;
  font-size: 24px;
  float: left;
}
.other-solution .solution-top .solution-more {
  color: #1870FF;
  font-size: 16px;
  float: right;
}
.other-solution .solution-items {
  display: flex;
  gap: 20px;
}
.other-solution .solution-items .solution-item {
  display: block;
  width: 344px;
  height: 220px;
}
.other-solution .solution-items .solution-item .solution-img {
  width: 344px;
  height: 220px;
}

.banner.page-fit {
  height: 580px;
  background: url("../img/fit/banner.png") center center;
  background-size: cover;
}
.banner.page-fit .container {
  color: #fff;
}
.banner.page-fit .container .title {
  font-size: 48px;
  margin-bottom: 16px;
}
.banner.page-fit .container .desc {
  font-size: 20px;
  margin-bottom: 100px;
}
.banner.page-fit .container .action .action-btn {
  display: inline-block;
  width: 140px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
}
.banner.page-fit .container .action .video {
  background-color: #fff;
  color: #140A1E;
  position: relative;
  padding-left: 45px;
  text-align: left;
}
.banner.page-fit .container .action .video .video-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("/img/video.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("/img/video.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #140A1E;
  z-index: 1;
  width: 20px;
  height: 20px;
  top: 15px;
  left: 20px;
}
.banner.page-fit .container .action .register-btn {
  margin-left: 24px;
  background-color: #140A1E;
  color: #fff;
}

.plan-page-container .main-section {
  width: 100%;
  max-width: 1920px;
  height: 622px;
  background-color: #fff;
  padding: 90px 120px 0;
}
.plan-page-container .main-section .main-section-title {
  width: 1440px;
  margin: 0 auto;
  text-align: center;
  font-size: 42px;
  margin-bottom: 58px;
  position: relative;
}
.plan-page-container .main-section .main-section-title .main-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../img/fit/section.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../img/fit/section.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #773EB7;
  z-index: 1;
}
.plan-page-container .main-section .main-section-title p {
  position: relative;
  z-index: 2;
  color: #000;
}
.plan-page-container .main-section .main-section-items {
  margin: 0 auto;
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
}
.plan-page-container .main-section .main-section-items .main-section-item {
  width: 340px;
  padding: 29px;
  background-color: #F3F6FA;
  border-radius: 16px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.plan-page-container .main-section .main-section-items .main-section-item .section-item-img {
  width: 52px;
  height: 52px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.plan-page-container .section {
  text-align: center;
}
.plan-page-container .section .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.plan-page-container .section .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 52px;
}
.plan-page-container .section1 {
  padding: 90px 300px 0;
  background-color: #FAF7FC;
}
.plan-page-container .section1 .section-content {
  width: 1310px;
  height: 900px;
  background: url("../img/fit/section1-bg.png") no-repeat center center;
  background-size: cover;
  position: relative;
}
.plan-page-container .section1 .section-content .section1-img {
  position: absolute;
  left: 290px;
  bottom: 70px;
  width: 967px;
  height: 667px;
}
.plan-page-container .section2 {
  padding: 72px 240px;
  background-color: #fff;
}
.plan-page-container .section2 .section-content .section2-img {
  width: 1440px;
  height: 518px;
}
.plan-page-container .section3 {
  background: url("../img/fit/section3-bg.png") no-repeat center center;
  background-size: cover;
  padding: 72px 240px;
}
.plan-page-container .section3 .section-content {
  margin-top: 86px;
}
.plan-page-container .section3 .section-content .section3-img {
  width: 1100px;
  height: 460px;
  margin: 0 auto;
}
.plan-page-container .section4 {
  padding: 72px 240px;
}
.plan-page-container .section4 .section-content .section4-img {
  width: 1440px;
  height: 522px;
  margin: 0 auto;
}
.plan-page-container .section5 {
  height: 1092px;
  padding: 72px 240px;
}
.plan-page-container .section5 .section-content .section5-img {
  width: 1440px;
  height: 752px;
  margin: 0 auto;
}
.plan-page-container .section6 {
  background: url("../img/fit/section6-bg.png") no-repeat center center;
  background-size: cover;
  padding: 72px 240px;
}
.plan-page-container .section6 .section-content {
  display: flex;
}
.plan-page-container .section6 .section-content .section-left {
  width: 500px;
  margin: 0 auto;
  padding-top: 80px;
}
.plan-page-container .section6 .section-content .section-left .left-item {
  padding: 16px 15px;
  text-align: left;
}
.plan-page-container .section6 .section-content .section-left .left-item .left-item-title {
  color: #14171A;
  font-size: 24px;
  margin-bottom: 16px;
}
.plan-page-container .section6 .section-content .section-left .left-item .left-item-desc {
  font-size: 18px;
  color: #657786;
}
.plan-page-container .section6 .section-content .section-left .left-item:hover {
  border-radius: 16px;
  background-color: #fff;
  width: 498px;
  height: 136px;
  position: relative;
}
.plan-page-container .section6 .section-content .section-left .left-item:hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 27px;
  width: 8px;
  height: 80px;
  background: #773EB7;
}
.plan-page-container .section6 .section-content .section-left .left-item:hover .left-item-title {
  color: #773EB7;
}
.plan-page-container .section6 .section-content .section-right {
  width: 780px;
  flex: 0 0 780px;
}
.plan-page-container .section6 .section-content .section-right .section6-img {
  width: 560px;
  height: 500px;
  margin: 0 auto;
}
.plan-page-container .section7 {
  padding: 90px 0 0 0;
  background: linear-gradient(0deg, #FFFFFF 0%, #FAF7FC 100%);
  height: 1125px;
  width: 100%;
  max-width: 1920px;
}
.plan-page-container .section7 .section-content {
  background: url("../img/fit/section7-bg.png") no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  margin-top: 90px;
  width: 1440px;
  height: 792px;
  padding: 532px 60px 0;
}
.plan-page-container .section7 .section-content .section-items {
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px 100px;
}
.plan-page-container .section7 .section-content .section-items .section-item {
  width: 100px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.plan-page-container .section7 .section-content .section-items .section-item .section-item-img {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.plan-page-container .section7 .section-connect-us {
  color: #191400;
  font-size: 20px;
  height: 90px;
  line-height: 90px;
}

.banner.page-beauty {
  background: url("../img/beauty/banner.png") center center;
  background-size: cover;
}
.banner.page-beauty .action .video {
  background-color: #fff;
  color: #D72F59;
  position: relative;
  padding-left: 45px;
  text-align: left;
}
.banner.page-beauty .action .video .video-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("/img/video.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("/img/video.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #140A1E;
  z-index: 1;
  width: 20px;
  height: 20px;
  top: 15px;
  left: 20px;
}

.page-beauty .container .action .video {
  color: #D72F59;
}
.page-beauty .container .action .video .video-svg {
  background-color: #D72F59;
}
.page-beauty .container .action .register-btn {
  background-color: #D72F59;
  color: #fff;
}
.page-beauty .main-section .main-section-title .main-svg {
  background-color: #D72F59;
}
.page-beauty .section1 {
  background-color: #FFF5F8;
}
.page-beauty .section1 .section-content {
  background: url("/img/beauty/section1-bg.png") no-repeat center center;
}
.page-beauty .section2 {
  text-align: center;
  padding: 80px 240px 72px;
  background-color: #fff;
}
.page-beauty .section2 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 56px;
}
.page-beauty .section2 .section-content .content-top {
  width: 1440px;
  height: 600px;
  background: url("/img/beauty/section2-bg.png") no-repeat center center;
  background-size: cover;
  position: relative;
}
.page-beauty .section2 .section-content .content-top .top-wrap {
  position: absolute;
  top: 40px;
  right: 37px;
  background: #fff;
  border-radius: 24px;
  padding: 42px 32px;
  width: 682px;
  height: 520px;
}
.page-beauty .section2 .section-content .content-top .top-wrap .top-line1 {
  padding-left: 15px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.page-beauty .section2 .section-content .content-top .top-wrap .top-line1 .line1-title {
  text-align: left;
  font-size: 46px;
  line-height: 62px;
  background: linear-gradient(345.5764849045deg, #D72F59 0%, #532FD7 100%);
  font-weight: 500;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* 兼容性补充（部分浏览器） */
  background-clip: text;
  color: transparent;
}
.page-beauty .section2 .section-content .content-top .top-wrap .top-line1 .line1-more {
  color: #D72F59;
  font-size: 20px;
  text-align: right;
}
.page-beauty .section2 .section-content .content-top .top-wrap .top-line2 {
  padding-left: 15px;
  color: #868A8F;
  font-size: 20px;
  margin-bottom: 23px;
  text-align: left;
}
.page-beauty .section2 .section-content .content-top .top-wrap .top-line3 {
  width: 620px;
  height: 187px;
}
.page-beauty .section2 .section-content .middle-common .item-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
}
.page-beauty .section2 .section-content .middle-common .item-top .item-title {
  color: #fff;
  font-size: 38px;
  text-align: left;
}
.page-beauty .section2 .section-content .middle-common .item-top .item-more {
  color: #FFA6C7;
  font-size: 18px;
  line-height: 50px;
  text-align: right;
}
.page-beauty .section2 .section-content .middle-common .item-desc {
  color: #fff;
  font-size: 18px;
  text-align: left;
}
.page-beauty .section2 .section-content .content-middle {
  margin-top: 30px;
  display: flex;
  gap: 30px;
}
.page-beauty .section2 .section-content .content-middle .middle-item {
  width: 460px;
  height: 520px;
  padding: 36px;
  border-radius: 24px;
}
.page-beauty .section2 .section-content .content-middle .middle-item1 {
  background: url("/img/beauty/section2-1.png") no-repeat center center;
}
.page-beauty .section2 .section-content .content-middle .middle-item2 {
  background: url("/img/beauty/section2-2.png") no-repeat center center;
}
.page-beauty .section2 .section-content .content-middle .middle-item3 {
  background: url("/img/beauty/section2-3.png") no-repeat center center;
}
.page-beauty .section2 .section-content .bottom-item {
  margin-top: 30px;
  width: 1440px;
  height: 536px;
  padding: 36px;
  border-radius: 24px;
  background: url("/img/beauty/section2-4.png") no-repeat center center;
}
.page-beauty .section3 {
  width: 100%;
  max-width: 1920px;
  height: 800px;
  background: url("../img/beauty/section3bg.png") no-repeat center center;
  background-size: cover;
  padding: 72px 240px;
}
.page-beauty .section3 .section-content {
  width: 1375px;
  height: 442px;
  background: url("../img/beauty/section3-bg.png") no-repeat center center;
  background-size: cover;
  position: relative;
}
.page-beauty .section3 .section-content .section3-items {
  position: absolute;
  left: 40px;
  top: 166px;
  width: 607px;
  height: 225px;
  padding: 40px 0 40px 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.page-beauty .section3 .section-content .section3-items .section3-item {
  color: #14171A;
  font-size: 24px;
  line-height: 36px;
}
.page-beauty .section3 .section-content .section3-items .section3-item .item-img {
  width: 36px;
  height: 36px;
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.page-beauty .section4 .section-content .section4-img {
  width: 1440px;
  height: 752px;
  margin: 0 auto;
}
.page-beauty .section6 {
  background: url("../img/beauty/section6-bg.png") no-repeat center center;
}
.page-beauty .section6 .section-content .section-left .left-item:hover::before {
  background: #D72F59;
}
.page-beauty .section6 .section-content .section-left .left-item:hover .left-item-title {
  color: #D72F59;
}
.page-beauty .section7 .section-content {
  background: url("../img/beauty/section7-bg.png") no-repeat center center;
}
.page-beauty .section7 .section-content .section-items {
  gap: 50px 130px;
}
.page-beauty .section7 .section-connect-us {
  color: #D72F59;
}

.banner.page-plan-health {
  height: 580px;
  background: url("/img/plan-health/banner.png") center center;
  background-size: cover;
}
.banner.page-plan-health .container {
  color: #fff;
}
.banner.page-plan-health .container .title {
  font-size: 48px;
  margin-bottom: 16px;
}
.banner.page-plan-health .container .desc {
  font-size: 20px;
  margin-bottom: 100px;
}
.banner.page-plan-health .container .action .action-btn {
  display: inline-block;
  width: 140px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
}
.banner.page-plan-health .container .action .video {
  background-color: #fff;
  color: #4C6C5B;
  position: relative;
  padding-left: 45px;
  text-align: left;
}
.banner.page-plan-health .container .action .video .video-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("/img/video.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("/img/video.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #4C6C5B;
  z-index: 1;
  width: 20px;
  height: 20px;
  top: 15px;
  left: 20px;
}
.banner.page-plan-health .container .action .register-btn {
  margin-left: 24px;
  background-color: #14171A;
  color: #fff;
}

.page-plan-health .main-section {
  width: 100%;
  max-width: 1920px;
  height: 622px;
  background-color: #fff;
  padding: 90px 240px 72px;
}
.page-plan-health .main-section .main-section-title {
  width: 1440px;
  margin: 0 auto;
  text-align: center;
  font-size: 42px;
  margin-bottom: 58px;
  position: relative;
}
.page-plan-health .main-section .main-section-title .main-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../img/fit/section.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../img/fit/section.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #4C6C5B;
  z-index: 1;
}
.page-plan-health .main-section .main-section-title p {
  position: relative;
  z-index: 2;
  color: #000;
}
.page-plan-health .main-section .main-section-items {
  margin: 0 auto;
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  color: #303850;
  font-size: 20px;
}
.page-plan-health .main-section .main-section-items .main-section-item {
  width: 340px;
  padding: 29px;
  background-color: #F3F6FA;
  border-radius: 16px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.page-plan-health .main-section .main-section-items .main-section-item .section-item-img {
  width: 52px;
  height: 52px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.page-plan-health .section1 {
  text-align: center;
  padding: 90px 410px 60px;
  background-color: #F3F5F4;
}
.page-plan-health .section1 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-health .section1 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 58px;
}
.page-plan-health .section1 .sectioin-content .section1-img {
  width: 1164px;
  height: 885px;
}
.page-plan-health .section2 {
  text-align: center;
  padding: 80px 240px 72px;
  background-color: #fff;
}
.page-plan-health .section2 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 56px;
}
.page-plan-health .section2 .section-content .content-top {
  width: 1440px;
  height: 600px;
  background: url("/img/plan-health/section2-bg.png") no-repeat center center;
  background-size: cover;
  position: relative;
}
.page-plan-health .section2 .section-content .content-top .top-wrap {
  position: absolute;
  top: 40px;
  right: 37px;
  background: #fff;
  border-radius: 24px;
  padding: 42px 32px;
  width: 682px;
  height: 520px;
}
.page-plan-health .section2 .section-content .content-top .top-wrap .top-line1 {
  padding-left: 15px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.page-plan-health .section2 .section-content .content-top .top-wrap .top-line1 .line1-title {
  text-align: left;
  font-size: 46px;
  line-height: 62px;
  background: linear-gradient(345.5764849045deg, #AC7655 0%, #5CAC55 100%);
  font-weight: 500;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* 兼容性补充（部分浏览器） */
  background-clip: text;
  color: transparent;
}
.page-plan-health .section2 .section-content .content-top .top-wrap .top-line1 .line1-more {
  color: #4C6C5B;
  font-size: 20px;
  text-align: right;
}
.page-plan-health .section2 .section-content .content-top .top-wrap .top-line2 {
  padding-left: 15px;
  color: #868A8F;
  font-size: 20px;
  margin-bottom: 23px;
  text-align: left;
}
.page-plan-health .section2 .section-content .content-top .top-wrap .top-line3 {
  width: 620px;
  height: 187px;
}
.page-plan-health .section2 .section-content .middle-common .item-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
}
.page-plan-health .section2 .section-content .middle-common .item-top .item-title {
  color: #fff;
  font-size: 38px;
  text-align: left;
}
.page-plan-health .section2 .section-content .middle-common .item-top .item-more {
  color: #E2EAE2;
  font-size: 18px;
  line-height: 50px;
  text-align: right;
}
.page-plan-health .section2 .section-content .middle-common .item-desc {
  color: #fff;
  font-size: 18px;
  text-align: left;
}
.page-plan-health .section2 .section-content .content-middle {
  margin-top: 30px;
  display: flex;
  gap: 30px;
}
.page-plan-health .section2 .section-content .content-middle .middle-item {
  width: 460px;
  height: 520px;
  padding: 36px;
  border-radius: 24px;
}
.page-plan-health .section2 .section-content .content-middle .middle-item1 {
  background: url("/img/plan-health/section2-2.png") no-repeat center center;
}
.page-plan-health .section2 .section-content .content-middle .middle-item2 {
  background: url("/img/plan-health/section2-3.png") no-repeat center center;
}
.page-plan-health .section2 .section-content .content-middle .middle-item3 {
  background: url("/img/plan-health/section2-4.png") no-repeat center center;
}
.page-plan-health .section2 .section-content .bottom-item {
  margin-top: 30px;
  width: 1440px;
  height: 536px;
  padding: 36px;
  border-radius: 24px;
  background: url("/img/plan-health/section2-5.png") no-repeat center center;
}
.page-plan-health .section3 {
  width: 100%;
  max-width: 1920px;
  height: 800px;
  background: url("/img/plan-health/section3-bg.png") no-repeat center center;
  background-size: cover;
  text-align: center;
  padding: 72px 240px 44px;
}
.page-plan-health .section3 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-health .section3 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 60px;
}
.page-plan-health .section3 .sectioin-content .section3-img {
  width: 1140px;
  height: 470px;
}
.page-plan-health .section4 {
  background-color: #FFF;
  text-align: center;
  padding: 90px 240px;
}
.page-plan-health .section4 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-health .section4 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 40px;
}
.page-plan-health .section4 .sectioin-content .section4-img {
  width: 1440px;
  height: 752px;
}
.page-plan-health .section5 {
  background: url("/img/plan-health/section5-bg.png") no-repeat center center;
  background-size: cover;
  padding: 90px 340px;
  text-align: center;
  height: 850px;
  padding-top: 255px;
}
.page-plan-health .section5 .section-content {
  display: flex;
  gap: 170px;
}
.page-plan-health .section5 .section-content .section-left {
  width: 500px;
  margin: 0 auto;
  padding-top: 65px;
}
.page-plan-health .section5 .section-content .section-left .left-item {
  padding: 16px 15px;
  width: 498px;
  height: 136px;
  text-align: left;
}
.page-plan-health .section5 .section-content .section-left .left-item .left-item-title {
  color: #14171A;
  font-size: 24px;
  margin-bottom: 16px;
}
.page-plan-health .section5 .section-content .section-left .left-item .left-item-desc {
  font-size: 18px;
  color: #657786;
}
.page-plan-health .section5 .section-content .section-left .left-item:hover {
  border-radius: 16px;
  background-color: #fff;
  position: relative;
}
.page-plan-health .section5 .section-content .section-left .left-item:hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 27px;
  width: 8px;
  height: 80px;
  background: #4C6C5B;
}
.page-plan-health .section5 .section-content .section-left .left-item:hover .left-item-title {
  color: #4C6C5B;
}
.page-plan-health .section5 .section-content .section-right {
  width: 780px;
  flex: 0 0 780px;
}
.page-plan-health .section5 .section-content .section-right .section6-img {
  width: 560px;
  height: 500px;
  margin: 0 auto;
}
.page-plan-health .section6 {
  padding: 90px 240px;
  background: linear-gradient(to bottom, #FFFFFF 0%, #F3F5F4 100%);
  height: 1125px;
  width: 100%;
  max-width: 1920px;
  text-align: center;
}
.page-plan-health .section6 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-health .section6 .section-content {
  background: url("/img/plan-health/section6.png") no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  margin-top: 90px;
  width: 1440px;
  height: 792px;
  padding: 532px 60px 0;
}
.page-plan-health .section6 .section-content .section-items {
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px 100px;
}
.page-plan-health .section6 .section-content .section-items .section-item {
  width: 100px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.page-plan-health .section6 .section-content .section-items .section-item .section-item-img {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.page-plan-health .section6 .section-connect-us {
  color: #AC7655;
  font-size: 20px;
  height: 90px;
  line-height: 90px;
}

.banner.page-plan-oil {
  height: 580px;
  background: url("/img/plan-oil/banner.png") center center;
  background-size: cover;
}
.banner.page-plan-oil .container {
  color: #fff;
}
.banner.page-plan-oil .container .title {
  font-size: 48px;
  margin-bottom: 16px;
}
.banner.page-plan-oil .container .desc {
  font-size: 20px;
  margin-bottom: 100px;
}
.banner.page-plan-oil .container .action .action-btn {
  display: inline-block;
  width: 140px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
}
.banner.page-plan-oil .container .action .video {
  background-color: #fff;
  color: #ED1C24;
  position: relative;
  padding-left: 45px;
  text-align: left;
}
.banner.page-plan-oil .container .action .video .video-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("/img/video.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("/img/video.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #ED1C24;
  z-index: 1;
  width: 20px;
  height: 20px;
  top: 15px;
  left: 20px;
}
.banner.page-plan-oil .container .action .register-btn {
  margin-left: 24px;
  background-color: #14171A;
  color: #fff;
}

.page-plan-oil .main-section {
  width: 100%;
  max-width: 1920px;
  height: 622px;
  background-color: #fff;
  padding: 90px 240px 72px;
}
.page-plan-oil .main-section .main-section-title {
  width: 1440px;
  margin: 0 auto;
  text-align: center;
  font-size: 42px;
  margin-bottom: 58px;
  position: relative;
}
.page-plan-oil .main-section .main-section-title .main-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../img/fit/section.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../img/fit/section.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #ED1C24;
  z-index: 1;
}
.page-plan-oil .main-section .main-section-title p {
  position: relative;
  z-index: 2;
  color: #000;
}
.page-plan-oil .main-section .main-section-items {
  margin: 0 auto;
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  color: #303850;
  font-size: 20px;
}
.page-plan-oil .main-section .main-section-items .main-section-item {
  width: 340px;
  padding: 29px;
  background-color: #F3F6FA;
  border-radius: 16px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.page-plan-oil .main-section .main-section-items .main-section-item .section-item-img {
  width: 52px;
  height: 52px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.page-plan-oil .section1 {
  text-align: center;
  padding: 90px 410px 60px;
  background-color: #FEF6F6;
}
.page-plan-oil .section1 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-oil .section1 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 58px;
}
.page-plan-oil .section1 .sectioin-content .section1-img {
  width: 1164px;
  height: 885px;
}
.page-plan-oil .section2 {
  text-align: center;
  padding: 80px 240px 72px;
  background-color: #fff;
}
.page-plan-oil .section2 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 56px;
}
.page-plan-oil .section2 .section-content .content-top {
  width: 1440px;
  height: 600px;
  background: url("/img/plan-oil/section2-1.png") no-repeat center center;
  background-size: cover;
  position: relative;
}
.page-plan-oil .section2 .section-content .content-top .top-wrap {
  position: absolute;
  top: 40px;
  right: 37px;
  background: #fff;
  border-radius: 24px;
  padding: 42px 32px;
  width: 682px;
  height: 520px;
}
.page-plan-oil .section2 .section-content .content-top .top-wrap .top-line1 {
  padding-left: 15px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.page-plan-oil .section2 .section-content .content-top .top-wrap .top-line1 .line1-title {
  text-align: left;
  font-size: 46px;
  line-height: 62px;
  background: linear-gradient(345.5764849045deg, #ED1C24 0%, #14171A 100%);
  font-weight: 500;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* 兼容性补充（部分浏览器） */
  background-clip: text;
  color: transparent;
}
.page-plan-oil .section2 .section-content .content-top .top-wrap .top-line1 .line1-more {
  color: #ED1C24;
  font-size: 20px;
  text-align: right;
}
.page-plan-oil .section2 .section-content .content-top .top-wrap .top-line2 {
  padding-left: 15px;
  color: #868A8F;
  font-size: 20px;
  margin-bottom: 23px;
  text-align: left;
}
.page-plan-oil .section2 .section-content .content-top .top-wrap .top-line3 {
  width: 620px;
  height: 187px;
}
.page-plan-oil .section2 .section-content .middle-common .item-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
}
.page-plan-oil .section2 .section-content .middle-common .item-top .item-title {
  color: #fff;
  font-size: 38px;
  text-align: left;
}
.page-plan-oil .section2 .section-content .middle-common .item-top .item-more {
  color: #F8AAAD;
  font-size: 18px;
  line-height: 50px;
  text-align: right;
}
.page-plan-oil .section2 .section-content .middle-common .item-desc {
  color: #fff;
  font-size: 18px;
  text-align: left;
}
.page-plan-oil .section2 .section-content .content-middle {
  margin-top: 30px;
  display: flex;
  gap: 30px;
}
.page-plan-oil .section2 .section-content .content-middle .middle-item {
  width: 460px;
  height: 520px;
  padding: 36px;
  border-radius: 24px;
}
.page-plan-oil .section2 .section-content .content-middle .bg-linear {
  background: linear-gradient(to bottom, #ED1C24 0%, #FFF1F6 100%);
  position: relative;
}
.page-plan-oil .section2 .section-content .content-middle .middle-item1 {
  background: url("/img/plan-oil/section2-3.png") no-repeat center center;
}
.page-plan-oil .section2 .section-content .content-middle .middle-item2 {
  background: url("/img/plan-oil/section2-4.png") no-repeat center center;
}
.page-plan-oil .section2 .section-content .content-middle .middle-item3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 460px;
  height: 520px;
}
.page-plan-oil .section2 .section-content .bottom-item {
  margin-top: 30px;
  width: 1440px;
  height: 536px;
  padding: 36px;
  border-radius: 24px;
  background: url("/img/plan-oil/section2-6.png") no-repeat center center;
}
.page-plan-oil .section3 {
  width: 100%;
  max-width: 1920px;
  height: 800px;
  background: url("/img/plan-oil/section3-bg.png") no-repeat center center;
  background-size: cover;
  text-align: center;
  padding: 230px 240px 44px;
}
.page-plan-oil .section3 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-oil .section3 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 60px;
}
.page-plan-oil .section3 .sectioin-content .section3-img {
  width: 1140px;
  height: 470px;
}
.page-plan-oil .section4 {
  background-color: #FFF;
  text-align: center;
  padding: 90px 240px;
}
.page-plan-oil .section4 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-oil .section4 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 40px;
}
.page-plan-oil .section4 .sectioin-content .section4-img {
  width: 1440px;
  height: 752px;
}
.page-plan-oil .section5 {
  background: url("/img/plan-oil/section5-bg.png") no-repeat center center;
  background-size: cover;
  padding: 90px 340px;
  text-align: center;
  height: 850px;
  padding-top: 255px;
}
.page-plan-oil .section5 .section-content {
  display: flex;
  gap: 170px;
}
.page-plan-oil .section5 .section-content .section-left {
  width: 500px;
  margin: 0 auto;
  padding-top: 65px;
}
.page-plan-oil .section5 .section-content .section-left .left-item {
  padding: 16px 15px;
  text-align: left;
  width: 498px;
  height: 136px;
}
.page-plan-oil .section5 .section-content .section-left .left-item .left-item-title {
  color: #14171A;
  font-size: 24px;
  margin-bottom: 16px;
}
.page-plan-oil .section5 .section-content .section-left .left-item .left-item-desc {
  font-size: 18px;
  color: #657786;
}
.page-plan-oil .section5 .section-content .section-left .left-item:hover {
  border-radius: 16px;
  background-color: #fff;
  position: relative;
}
.page-plan-oil .section5 .section-content .section-left .left-item:hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 27px;
  width: 8px;
  height: 80px;
  background: #ED1C24;
}
.page-plan-oil .section5 .section-content .section-left .left-item:hover .left-item-title {
  color: #ED1C24;
}
.page-plan-oil .section5 .section-content .section-right {
  width: 780px;
  flex: 0 0 780px;
}
.page-plan-oil .section5 .section-content .section-right .section6-img {
  width: 560px;
  height: 500px;
  margin: 0 auto;
}
.page-plan-oil .section6 {
  padding: 90px 240px;
  background: linear-gradient(to bottom, #FFFFFF 0%, #FEF6F6 100%);
  height: 1125px;
  width: 100%;
  max-width: 1920px;
  text-align: center;
}
.page-plan-oil .section6 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-oil .section6 .section-content {
  background: url("/img/plan-oil/section6.png") no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  margin-top: 90px;
  width: 1440px;
  height: 792px;
  padding: 532px 60px 0;
}
.page-plan-oil .section6 .section-content .section-items {
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px 100px;
}
.page-plan-oil .section6 .section-content .section-items .section-item {
  width: 100px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.page-plan-oil .section6 .section-content .section-items .section-item .section-item-img {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.page-plan-oil .section6 .section-connect-us {
  color: #390406;
  font-size: 20px;
  height: 90px;
  line-height: 90px;
}

.banner.page-kids-plan {
  height: 580px;
  background: url("/img/kids-plan/banner.png") center center;
  background-size: cover;
}
.banner.page-kids-plan .container {
  color: #fff;
}
.banner.page-kids-plan .container .title {
  font-size: 48px;
  margin-bottom: 16px;
}
.banner.page-kids-plan .container .desc {
  font-size: 20px;
  margin-bottom: 100px;
}
.banner.page-kids-plan .container .action .action-btn {
  display: inline-block;
  width: 140px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
}
.banner.page-kids-plan .container .action .video {
  background-color: #fff;
  color: #191400;
  position: relative;
  padding-left: 45px;
  text-align: left;
}
.banner.page-kids-plan .container .action .video .video-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("/img/video.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("/img/video.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #191400;
  z-index: 1;
  width: 20px;
  height: 20px;
  top: 15px;
  left: 20px;
}
.banner.page-kids-plan .container .action .register-btn {
  margin-left: 24px;
  background-color: #140A1E;
  color: #fff;
}

.page-kids-plan .main-section {
  width: 100%;
  max-width: 1920px;
  height: 622px;
  background-color: #fff;
  padding: 90px 240px 72px;
}
.page-kids-plan .main-section .main-section-title {
  width: 1440px;
  margin: 0 auto;
  text-align: center;
  font-size: 42px;
  margin-bottom: 58px;
  position: relative;
}
.page-kids-plan .main-section .main-section-title .main-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../img/fit/section.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../img/fit/section.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #FFE166;
  z-index: 1;
}
.page-kids-plan .main-section .main-section-title p {
  position: relative;
  z-index: 2;
  color: #000;
}
.page-kids-plan .main-section .main-section-items {
  margin: 0 auto;
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  color: #303850;
  font-size: 20px;
}
.page-kids-plan .main-section .main-section-items .main-section-item {
  width: 340px;
  padding: 29px;
  background-color: #F3F6FA;
  border-radius: 16px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.page-kids-plan .main-section .main-section-items .main-section-item .section-item-img {
  width: 52px;
  height: 52px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.page-kids-plan .section1 {
  text-align: center;
  padding: 90px 410px 60px;
  background-color: #FFFAE5;
}
.page-kids-plan .section1 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-kids-plan .section1 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 58px;
}
.page-kids-plan .section1 .sectioin-content .section1-img {
  width: 1164px;
  height: 885px;
}
.page-kids-plan .section2 {
  text-align: center;
  padding: 72px 240px 82px;
  background-color: #fff;
}
.page-kids-plan .section2 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-kids-plan .section2 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 46px;
}
.page-kids-plan .section2 .sectioin-content .section2-img {
  width: 1440px;
  height: 518px;
}
.page-kids-plan .section3 {
  width: 100%;
  max-width: 1920px;
  height: 800px;
  background: url("/img/kids-plan/section3-bg.png") no-repeat center center;
  background-size: cover;
  text-align: center;
  padding: 72px 380px 82px 400px;
}
.page-kids-plan .section3 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-kids-plan .section3 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 75px;
}
.page-kids-plan .section3 .sectioin-content .section3-img {
  width: 1140px;
  height: 470px;
}
.page-kids-plan .section4 {
  background-color: #FFFAE5;
  text-align: center;
  padding: 72px 495px 90px;
}
.page-kids-plan .section4 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-kids-plan .section4 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 72px;
}
.page-kids-plan .section4 .sectioin-content .section4-img {
  width: 990px;
  height: 483px;
}
.page-kids-plan .section5 {
  background-color: #FFF;
  text-align: center;
  padding: 72px 495px 90px;
}
.page-kids-plan .section5 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-kids-plan .section5 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 72px;
}
.page-kids-plan .section5 .sectioin-content .section5-img {
  width: 990px;
  height: 483px;
}
.page-kids-plan .section6 {
  background-color: #FFFAE5;
  text-align: center;
  padding: 72px 470px 52px 500px;
}
.page-kids-plan .section6 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-kids-plan .section6 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 40px;
}
.page-kids-plan .section6 .sectioin-content .section6-img {
  width: 945px;
  height: 554px;
}
.page-kids-plan .section7 {
  background-color: #FFF;
  text-align: center;
  padding: 90px 240px;
}
.page-kids-plan .section7 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-kids-plan .section7 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 40px;
}
.page-kids-plan .section7 .sectioin-content .section6-img {
  width: 1440px;
  height: 752px;
}
.page-kids-plan .section8 {
  background: url("/img/kids-plan/section8-bg.png") no-repeat center center;
  background-size: cover;
  padding: 90px 340px;
  text-align: center;
}
.page-kids-plan .section8 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-kids-plan .section8 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 64px;
}
.page-kids-plan .section8 .section-content {
  display: flex;
  gap: 170px;
}
.page-kids-plan .section8 .section-content .section-left {
  width: 500px;
  margin: 0 auto;
  padding-top: 65px;
}
.page-kids-plan .section8 .section-content .section-left .left-item {
  padding: 16px 15px;
  width: 498px;
  height: 136px;
  text-align: left;
}
.page-kids-plan .section8 .section-content .section-left .left-item .left-item-title {
  color: #14171A;
  font-size: 24px;
  margin-bottom: 16px;
}
.page-kids-plan .section8 .section-content .section-left .left-item .left-item-desc {
  font-size: 18px;
  color: #657786;
}
.page-kids-plan .section8 .section-content .section-left .left-item:hover {
  border-radius: 16px;
  background-color: #fff;
  position: relative;
}
.page-kids-plan .section8 .section-content .section-left .left-item:hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 27px;
  width: 8px;
  height: 80px;
  background: #FFCD00;
}
.page-kids-plan .section8 .section-content .section-left .left-item:hover .left-item-title {
  color: #FFCD00;
}
.page-kids-plan .section8 .section-content .section-right {
  width: 780px;
  flex: 0 0 780px;
}
.page-kids-plan .section8 .section-content .section-right .section6-img {
  width: 560px;
  height: 500px;
  margin: 0 auto;
}
.page-kids-plan .section9 {
  padding: 90px 240px;
  background: linear-gradient(to bottom, #FFFFFF 0%, #FFFDF5 100%);
  height: 1125px;
  width: 100%;
  max-width: 1920px;
  text-align: center;
}
.page-kids-plan .section9 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-kids-plan .section9 .section-content {
  background: url("/img/kids-plan/section9.png") no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  margin-top: 90px;
  width: 1440px;
  height: 792px;
  padding: 532px 60px 0;
}
.page-kids-plan .section9 .section-content .section-items {
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px 100px;
}
.page-kids-plan .section9 .section-content .section-items .section-item {
  width: 100px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.page-kids-plan .section9 .section-content .section-items .section-item .section-item-img {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.page-kids-plan .section9 .section-connect-us {
  color: #191400;
  font-size: 20px;
  height: 90px;
  line-height: 90px;
}

.banner.page-plan-teahouse {
  height: 580px;
  background: url("/img/plan-teahouse/banner.png") center center;
  background-size: cover;
}
.banner.page-plan-teahouse .container {
  color: #fff;
}
.banner.page-plan-teahouse .container .title {
  font-size: 48px;
  margin-bottom: 16px;
}
.banner.page-plan-teahouse .container .desc {
  font-size: 20px;
  margin-bottom: 100px;
}
.banner.page-plan-teahouse .container .action .action-btn {
  display: inline-block;
  width: 140px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
}
.banner.page-plan-teahouse .container .action .video {
  background-color: #fff;
  color: #AC7655;
  position: relative;
  padding-left: 45px;
  text-align: left;
}
.banner.page-plan-teahouse .container .action .video .video-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("/img/video.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("/img/video.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #AC7655;
  z-index: 1;
  width: 20px;
  height: 20px;
  top: 15px;
  left: 20px;
}
.banner.page-plan-teahouse .container .action .register-btn {
  margin-left: 24px;
  background-color: #47211D;
  color: #fff;
}

.page-plan-teahouse .main-section {
  width: 100%;
  max-width: 1920px;
  height: 622px;
  background-color: #fff;
  padding: 90px 240px 72px;
}
.page-plan-teahouse .main-section .main-section-title {
  width: 1440px;
  margin: 0 auto;
  text-align: center;
  font-size: 42px;
  margin-bottom: 58px;
  position: relative;
}
.page-plan-teahouse .main-section .main-section-title .main-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../img/fit/section.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../img/fit/section.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #AC7655;
  z-index: 1;
}
.page-plan-teahouse .main-section .main-section-title p {
  position: relative;
  z-index: 2;
  color: #000;
}
.page-plan-teahouse .main-section .main-section-items {
  margin: 0 auto;
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  color: #303850;
  font-size: 20px;
}
.page-plan-teahouse .main-section .main-section-items .main-section-item {
  width: 340px;
  padding: 29px;
  background-color: #F3F6FA;
  border-radius: 16px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.page-plan-teahouse .main-section .main-section-items .main-section-item .section-item-img {
  width: 52px;
  height: 52px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.page-plan-teahouse .section1 {
  text-align: center;
  padding: 90px 410px 60px;
  background-color: #FFF6F0;
}
.page-plan-teahouse .section1 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-teahouse .section1 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 58px;
}
.page-plan-teahouse .section1 .sectioin-content .section1-img {
  width: 1164px;
  height: 885px;
}
.page-plan-teahouse .section2 {
  text-align: center;
  padding: 80px 240px 72px;
  background-color: #fff;
}
.page-plan-teahouse .section2 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 56px;
}
.page-plan-teahouse .section2 .section-content .content-top {
  width: 1440px;
  height: 600px;
  background: url("/img/plan-teahouse/section2-1.png") no-repeat center center;
  background-size: cover;
  position: relative;
}
.page-plan-teahouse .section2 .section-content .content-top .top-wrap {
  position: absolute;
  top: 40px;
  right: 37px;
  background: #fff;
  border-radius: 24px;
  padding: 42px 32px;
  width: 682px;
  height: 520px;
}
.page-plan-teahouse .section2 .section-content .content-top .top-wrap .top-line1 {
  padding-left: 15px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.page-plan-teahouse .section2 .section-content .content-top .top-wrap .top-line1 .line1-title {
  text-align: left;
  font-size: 46px;
  line-height: 62px;
  background: linear-gradient(345.5764849045deg, #AC7655 0%, #5CAC55 100%);
  font-weight: 500;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* 兼容性补充（部分浏览器） */
  background-clip: text;
  color: transparent;
}
.page-plan-teahouse .section2 .section-content .content-top .top-wrap .top-line1 .line1-more {
  color: #B47250;
  font-size: 20px;
  text-align: right;
}
.page-plan-teahouse .section2 .section-content .content-top .top-wrap .top-line2 {
  padding-left: 15px;
  color: #868A8F;
  font-size: 20px;
  margin-bottom: 23px;
  text-align: left;
}
.page-plan-teahouse .section2 .section-content .content-top .top-wrap .top-line3 {
  width: 620px;
  height: 187px;
}
.page-plan-teahouse .section2 .section-content .middle-common .item-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
}
.page-plan-teahouse .section2 .section-content .middle-common .item-top .item-title {
  color: #fff;
  font-size: 38px;
  text-align: left;
}
.page-plan-teahouse .section2 .section-content .middle-common .item-top .item-more {
  color: #FFE9D4;
  font-size: 18px;
  line-height: 50px;
  text-align: right;
}
.page-plan-teahouse .section2 .section-content .middle-common .item-desc {
  color: #fff;
  font-size: 18px;
  text-align: left;
}
.page-plan-teahouse .section2 .section-content .content-middle {
  margin-top: 30px;
  display: flex;
  gap: 30px;
}
.page-plan-teahouse .section2 .section-content .content-middle .middle-item {
  width: 460px;
  height: 520px;
  padding: 36px;
  border-radius: 24px;
}
.page-plan-teahouse .section2 .section-content .content-middle .middle-item1 {
  background: url("/img/plan-teahouse/section2-3.png") no-repeat center center;
}
.page-plan-teahouse .section2 .section-content .content-middle .middle-item2 {
  background: url("/img/plan-teahouse/section2-4.png") no-repeat center center;
}
.page-plan-teahouse .section2 .section-content .content-middle .middle-item3 {
  background: url("/img/plan-teahouse/section2-5.png") no-repeat center center;
}
.page-plan-teahouse .section2 .section-content .bottom-item {
  margin-top: 30px;
  width: 1440px;
  height: 536px;
  padding: 36px;
  border-radius: 24px;
  background: url("/img/plan-teahouse/section2-6.png") no-repeat center center;
}
.page-plan-teahouse .section3 {
  width: 100%;
  max-width: 1920px;
  height: 800px;
  background: url("/img/plan-teahouse/section3-bg.png") no-repeat center center;
  background-size: cover;
  text-align: center;
  padding: 72px 240px 44px;
}
.page-plan-teahouse .section3 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-teahouse .section3 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 60px;
}
.page-plan-teahouse .section3 .sectioin-content .section3-img {
  width: 1140px;
  height: 470px;
}
.page-plan-teahouse .section4 {
  background-color: #FFF;
  text-align: center;
  padding: 90px 240px;
}
.page-plan-teahouse .section4 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-teahouse .section4 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 40px;
}
.page-plan-teahouse .section4 .sectioin-content .section4-img {
  width: 1440px;
  height: 752px;
}
.page-plan-teahouse .section5 {
  background: url("/img/plan-teahouse/section5-bg.png") no-repeat center center;
  background-size: cover;
  padding: 90px 340px;
  text-align: center;
  height: 850px;
  padding-top: 255px;
}
.page-plan-teahouse .section5 .section-content {
  display: flex;
  gap: 170px;
}
.page-plan-teahouse .section5 .section-content .section-left {
  width: 500px;
  margin: 0 auto;
  padding-top: 65px;
}
.page-plan-teahouse .section5 .section-content .section-left .left-item {
  padding: 16px 15px;
  text-align: left;
  width: 498px;
  height: 136px;
}
.page-plan-teahouse .section5 .section-content .section-left .left-item .left-item-title {
  color: #14171A;
  font-size: 24px;
  margin-bottom: 16px;
}
.page-plan-teahouse .section5 .section-content .section-left .left-item .left-item-desc {
  font-size: 18px;
  color: #657786;
}
.page-plan-teahouse .section5 .section-content .section-left .left-item:hover {
  border-radius: 16px;
  background-color: #fff;
  position: relative;
}
.page-plan-teahouse .section5 .section-content .section-left .left-item:hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 27px;
  width: 8px;
  height: 80px;
  background: #754C24;
}
.page-plan-teahouse .section5 .section-content .section-left .left-item:hover .left-item-title {
  color: #754C24;
}
.page-plan-teahouse .section5 .section-content .section-right {
  width: 780px;
  flex: 0 0 780px;
}
.page-plan-teahouse .section5 .section-content .section-right .section6-img {
  width: 560px;
  height: 500px;
  margin: 0 auto;
}
.page-plan-teahouse .section6 {
  padding: 90px 240px;
  background: linear-gradient(to bottom, #FFFFFF 0%, #FFF6F0 100%);
  height: 1125px;
  width: 100%;
  max-width: 1920px;
  text-align: center;
}
.page-plan-teahouse .section6 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-teahouse .section6 .section-content {
  background: url("/img/plan-teahouse/section6.png") no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  margin-top: 90px;
  width: 1440px;
  height: 792px;
  padding: 532px 60px 0;
}
.page-plan-teahouse .section6 .section-content .section-items {
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px 100px;
}
.page-plan-teahouse .section6 .section-content .section-items .section-item {
  width: 100px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.page-plan-teahouse .section6 .section-content .section-items .section-item .section-item-img {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.page-plan-teahouse .section6 .section-connect-us {
  color: #AC7655;
  font-size: 20px;
  height: 90px;
  line-height: 90px;
}

.banner.page-plan-car {
  height: 580px;
  background: url("/img/plan-car/banner.png") center center;
  background-size: cover;
}
.banner.page-plan-car .container {
  color: #fff;
}
.banner.page-plan-car .container .title {
  font-size: 48px;
  margin-bottom: 16px;
}
.banner.page-plan-car .container .desc {
  font-size: 20px;
  margin-bottom: 100px;
}
.banner.page-plan-car .container .action .action-btn {
  display: inline-block;
  width: 140px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
}
.banner.page-plan-car .container .action .video {
  background-color: #fff;
  color: #030916;
  position: relative;
  padding-left: 45px;
  text-align: left;
}
.banner.page-plan-car .container .action .video .video-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("/img/video.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("/img/video.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #030916;
  z-index: 1;
  width: 20px;
  height: 20px;
  top: 15px;
  left: 20px;
}
.banner.page-plan-car .container .action .register-btn {
  margin-left: 24px;
  background-color: #030916;
  color: #fff;
}

.page-plan-car .main-section {
  width: 100%;
  max-width: 1920px;
  height: 622px;
  background-color: #fff;
  padding: 90px 240px 72px;
}
.page-plan-car .main-section .main-section-title {
  width: 1440px;
  margin: 0 auto;
  text-align: center;
  font-size: 42px;
  margin-bottom: 58px;
  position: relative;
}
.page-plan-car .main-section .main-section-title .main-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../img/fit/section.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../img/fit/section.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #1E5CE1;
  z-index: 1;
}
.page-plan-car .main-section .main-section-title p {
  position: relative;
  z-index: 2;
  color: #000;
}
.page-plan-car .main-section .main-section-items {
  margin: 0 auto;
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  color: #303850;
  font-size: 20px;
}
.page-plan-car .main-section .main-section-items .main-section-item {
  width: 340px;
  padding: 29px;
  background-color: #F3F6FA;
  border-radius: 16px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.page-plan-car .main-section .main-section-items .main-section-item .section-item-img {
  width: 52px;
  height: 52px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.page-plan-car .section1 {
  text-align: center;
  padding: 90px 410px 60px;
  background-color: #F6F8FE;
}
.page-plan-car .section1 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-car .section1 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 58px;
}
.page-plan-car .section1 .sectioin-content .section1-img {
  width: 1164px;
  height: 885px;
}
.page-plan-car .section3 {
  width: 100%;
  max-width: 1920px;
  height: 850px;
  background: url("/img/plan-car/section3-bg.png") no-repeat center center;
  background-size: cover;
  text-align: center;
  padding: 72px 340px 97px;
}
.page-plan-car .section3 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-car .section3 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 60px;
}
.page-plan-car .section3 .sectioin-content .section3-img {
  width: 1140px;
  height: 470px;
}
.page-plan-car .section4 {
  background-color: #FFF;
  text-align: center;
  padding: 72px 370px 100px;
}
.page-plan-car .section4 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-car .section4 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 114px;
}
.page-plan-car .section4 .sectioin-content .section4-img {
  width: 1021px;
  height: 436px;
}
.page-plan-car .section5 {
  background-color: #F6F8FE;
  text-align: center;
  padding: 72px 360px 100px;
}
.page-plan-car .section5 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-car .section5 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 83px;
}
.page-plan-car .section5 .section-content {
  padding: 0 55px;
}
.page-plan-car .section5 .section-content .section5-img {
  width: 1090px;
  height: 466px;
  margin: 0 auto;
}
.page-plan-car .section6 {
  background-color: #FFF;
  text-align: center;
  padding: 90px 240px;
}
.page-plan-car .section6 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-car .section6 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 40px;
}
.page-plan-car .section6 .sectioin-content .section6-img {
  width: 1440px;
  height: 752px;
}
.page-plan-car .section7 {
  background: url("/img/plan-car/section7-bg.png") no-repeat center center;
  background-size: cover;
  padding: 260px 340px 0;
  text-align: center;
  height: 850px;
}
.page-plan-car .section7 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-car .section7 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 64px;
}
.page-plan-car .section7 .section-content {
  display: flex;
  gap: 170px;
}
.page-plan-car .section7 .section-content .section-left {
  width: 500px;
  margin: 0 auto;
  padding-top: 65px;
}
.page-plan-car .section7 .section-content .section-left .left-item {
  padding: 16px 15px;
  text-align: left;
  width: 498px;
  height: 136px;
}
.page-plan-car .section7 .section-content .section-left .left-item .left-item-title {
  color: #14171A;
  font-size: 24px;
  margin-bottom: 16px;
}
.page-plan-car .section7 .section-content .section-left .left-item .left-item-desc {
  font-size: 18px;
  color: #657786;
}
.page-plan-car .section7 .section-content .section-left .left-item:hover {
  border-radius: 16px;
  background-color: #fff;
  position: relative;
}
.page-plan-car .section7 .section-content .section-left .left-item:hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 27px;
  width: 8px;
  height: 80px;
  background: #1E5CE1;
}
.page-plan-car .section7 .section-content .section-left .left-item:hover .left-item-title {
  color: #1E5CE1;
}
.page-plan-car .section7 .section-content .section-right {
  width: 780px;
  flex: 0 0 780px;
}
.page-plan-car .section7 .section-content .section-right .section6-img {
  width: 560px;
  height: 500px;
  margin: 0 auto;
}
.page-plan-car .section8 {
  padding: 90px 240px;
  background: linear-gradient(to bottom, #FFFFFF 0%, #F6F8FE 100%);
  height: 1125px;
  width: 100%;
  max-width: 1920px;
  text-align: center;
}
.page-plan-car .section8 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-car .section8 .section-content {
  background: url("/img/plan-car/section8.png") no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  margin-top: 90px;
  width: 1440px;
  height: 792px;
  padding: 532px 60px 0;
}
.page-plan-car .section8 .section-content .section-items {
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px 100px;
}
.page-plan-car .section8 .section-content .section-items .section-item {
  width: 100px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.page-plan-car .section8 .section-content .section-items .section-item .section-item-img {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.page-plan-car .section8 .section-connect-us {
  color: #06122D;
  font-size: 20px;
  height: 90px;
  line-height: 90px;
}

.banner.page-plan-glass {
  height: 580px;
  background: url("/img/plan-glass/banner.png") center center;
  background-size: cover;
}
.banner.page-plan-glass .container {
  color: #fff;
}
.banner.page-plan-glass .container .title {
  font-size: 48px;
  margin-bottom: 16px;
}
.banner.page-plan-glass .container .desc {
  font-size: 20px;
  margin-bottom: 100px;
}
.banner.page-plan-glass .container .action .action-btn {
  display: inline-block;
  width: 140px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
}
.banner.page-plan-glass .container .action .video {
  background-color: #fff;
  color: #031716;
  position: relative;
  padding-left: 45px;
  text-align: left;
}
.banner.page-plan-glass .container .action .video .video-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("/img/video.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("/img/video.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #031716;
  z-index: 1;
  width: 20px;
  height: 20px;
  top: 15px;
  left: 20px;
}
.banner.page-plan-glass .container .action .register-btn {
  margin-left: 24px;
  background-color: #030916;
  color: #fff;
}

.page-plan-glass .main-section {
  width: 100%;
  max-width: 1920px;
  height: 622px;
  background-color: #fff;
  padding: 90px 240px 72px;
}
.page-plan-glass .main-section .main-section-title {
  width: 1440px;
  margin: 0 auto;
  text-align: center;
  font-size: 42px;
  margin-bottom: 58px;
  position: relative;
}
.page-plan-glass .main-section .main-section-title .main-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../img/fit/section.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../img/fit/section.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #1BCAC6;
  z-index: 1;
}
.page-plan-glass .main-section .main-section-title p {
  position: relative;
  z-index: 2;
  color: #000;
}
.page-plan-glass .main-section .main-section-items {
  margin: 0 auto;
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  color: #303850;
  font-size: 20px;
}
.page-plan-glass .main-section .main-section-items .main-section-item {
  width: 340px;
  padding: 29px;
  background-color: #F3F6FA;
  border-radius: 16px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.page-plan-glass .main-section .main-section-items .main-section-item .section-item-img {
  width: 52px;
  height: 52px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.page-plan-glass .section1 {
  text-align: center;
  padding: 90px 410px 60px;
  background-color: #F6FEFE;
}
.page-plan-glass .section1 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-glass .section1 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 58px;
}
.page-plan-glass .section1 .sectioin-content .section1-img {
  width: 1164px;
  height: 885px;
}
.page-plan-glass .section3 {
  width: 100%;
  max-width: 1920px;
  height: 850px;
  background: url("/img/plan-glass/section3-bg.png") no-repeat center center;
  background-size: cover;
  text-align: center;
  padding: 72px 438px 97px;
}
.page-plan-glass .section3 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-glass .section3 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 60px;
}
.page-plan-glass .section3 .sectioin-content .section3-img {
  width: 1140px;
  height: 470px;
}
.page-plan-glass .section4 {
  background-color: #FFF;
  text-align: center;
  padding: 72px 370px 100px;
}
.page-plan-glass .section4 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-glass .section4 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 114px;
}
.page-plan-glass .section4 .sectioin-content .section4-img {
  width: 1021px;
  height: 436px;
}
.page-plan-glass .section5 {
  background-color: #F6FEFE;
  text-align: center;
  padding: 72px 360px 100px;
}
.page-plan-glass .section5 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-glass .section5 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 83px;
}
.page-plan-glass .section5 .section-content {
  padding: 0 55px;
}
.page-plan-glass .section5 .section-content .section5-img {
  width: 1090px;
  height: 466px;
  margin: 0 auto;
}
.page-plan-glass .section6 {
  background-color: #FFF;
  text-align: center;
  padding: 90px 240px;
}
.page-plan-glass .section6 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-glass .section6 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 40px;
}
.page-plan-glass .section6 .sectioin-content .section6-img {
  width: 1440px;
  height: 752px;
}
.page-plan-glass .section7 {
  background: url("/img/plan-glass/section7-bg.png") no-repeat center center;
  background-size: cover;
  padding: 250px 340px 90px;
  text-align: center;
  height: 850px;
}
.page-plan-glass .section7 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-glass .section7 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 64px;
}
.page-plan-glass .section7 .section-content {
  display: flex;
  gap: 170px;
}
.page-plan-glass .section7 .section-content .section-left {
  width: 500px;
  margin: 0 auto;
  padding-top: 65px;
}
.page-plan-glass .section7 .section-content .section-left .left-item {
  padding: 16px 15px;
  text-align: left;
  width: 498px;
  height: 136px;
}
.page-plan-glass .section7 .section-content .section-left .left-item .left-item-title {
  color: #14171A;
  font-size: 24px;
  margin-bottom: 16px;
}
.page-plan-glass .section7 .section-content .section-left .left-item .left-item-desc {
  font-size: 18px;
  color: #657786;
}
.page-plan-glass .section7 .section-content .section-left .left-item:hover {
  border-radius: 16px;
  background-color: #fff;
  position: relative;
}
.page-plan-glass .section7 .section-content .section-left .left-item:hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 27px;
  width: 8px;
  height: 80px;
  background: #1BCAC6;
}
.page-plan-glass .section7 .section-content .section-left .left-item:hover .left-item-title {
  color: #1BCAC6;
}
.page-plan-glass .section7 .section-content .section-right {
  width: 780px;
  flex: 0 0 780px;
}
.page-plan-glass .section7 .section-content .section-right .section6-img {
  width: 560px;
  height: 500px;
  margin: 0 auto;
}
.page-plan-glass .section8 {
  padding: 90px 240px;
  background: linear-gradient(to bottom, #FFFFFF 0%, #F6FEFE 100%);
  height: 1125px;
  width: 100%;
  max-width: 1920px;
  text-align: center;
}
.page-plan-glass .section8 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-glass .section8 .section-content {
  background: url("/img/plan-glass/section8.png") no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  margin-top: 90px;
  width: 1440px;
  height: 792px;
  padding: 532px 60px 0;
}
.page-plan-glass .section8 .section-content .section-items {
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px 100px;
}
.page-plan-glass .section8 .section-content .section-items .section-item {
  width: 100px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.page-plan-glass .section8 .section-content .section-items .section-item .section-item-img {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.page-plan-glass .section8 .section-connect-us {
  color: #062D2C;
  font-size: 20px;
  height: 90px;
  line-height: 90px;
}

.banner.page-plan-ball {
  height: 580px;
  background: url("/img/plan-ball/banner.png") center center;
  background-size: cover;
}
.banner.page-plan-ball .container {
  color: #fff;
}
.banner.page-plan-ball .container .title {
  font-size: 48px;
  margin-bottom: 16px;
}
.banner.page-plan-ball .container .desc {
  font-size: 20px;
  margin-bottom: 100px;
}
.banner.page-plan-ball .container .action .action-btn {
  display: inline-block;
  width: 140px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
}
.banner.page-plan-ball .container .action .video {
  background-color: #fff;
  color: #006055;
  position: relative;
  padding-left: 45px;
  text-align: left;
}
.banner.page-plan-ball .container .action .video .video-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("/img/video.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("/img/video.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #006055;
  z-index: 1;
  width: 20px;
  height: 20px;
  top: 15px;
  left: 20px;
}
.banner.page-plan-ball .container .action .register-btn {
  margin-left: 24px;
  background-color: #FFB31A;
  color: #fff;
}

.page-plan-ball .main-section {
  width: 100%;
  max-width: 1920px;
  height: 622px;
  background-color: #fff;
  padding: 90px 240px 72px;
}
.page-plan-ball .main-section .main-section-title {
  width: 1440px;
  margin: 0 auto;
  text-align: center;
  font-size: 42px;
  margin-bottom: 58px;
  position: relative;
}
.page-plan-ball .main-section .main-section-title .main-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../img/fit/section.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../img/fit/section.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #006055;
  z-index: 1;
}
.page-plan-ball .main-section .main-section-title p {
  position: relative;
  z-index: 2;
  color: #000;
}
.page-plan-ball .main-section .main-section-items {
  margin: 0 auto;
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  color: #303850;
  font-size: 20px;
}
.page-plan-ball .main-section .main-section-items .main-section-item {
  width: 340px;
  padding: 29px;
  background-color: #F3F6FA;
  border-radius: 16px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.page-plan-ball .main-section .main-section-items .main-section-item .section-item-img {
  width: 52px;
  height: 52px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.page-plan-ball .section1 {
  text-align: center;
  padding: 90px 360px 90px;
  background-color: #E6F7F0;
}
.page-plan-ball .section1 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-ball .section1 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 58px;
}
.page-plan-ball .section1 .sectioin-content .section1-img {
  width: 1185px;
  height: 840px;
}
.page-plan-ball .section2 {
  text-align: center;
  padding: 80px 240px 72px;
  background-color: #fff;
}
.page-plan-ball .section2 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 56px;
}
.page-plan-ball .section2 .section-content .content-top {
  width: 1440px;
  height: 600px;
  background: url("/img/plan-ball/section3-1.png") no-repeat center center;
  background-size: cover;
  position: relative;
}
.page-plan-ball .section2 .section-content .content-top .top-wrap {
  position: absolute;
  top: 40px;
  right: 37px;
  background: #fff;
  border-radius: 24px;
  padding: 42px 32px;
  width: 682px;
  height: 520px;
}
.page-plan-ball .section2 .section-content .content-top .top-wrap .top-line1 {
  padding-left: 15px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.page-plan-ball .section2 .section-content .content-top .top-wrap .top-line1 .line1-title {
  text-align: left;
  font-size: 46px;
  line-height: 62px;
  background: linear-gradient(90deg, #006055 0%, #602D00 100%);
  font-weight: 500;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* 兼容性补充（部分浏览器） */
  background-clip: text;
  color: transparent;
}
.page-plan-ball .section2 .section-content .content-top .top-wrap .top-line1 .line1-more {
  color: #006055;
  font-size: 20px;
  text-align: right;
}
.page-plan-ball .section2 .section-content .content-top .top-wrap .top-line2 {
  padding-left: 15px;
  color: #868A8F;
  font-size: 20px;
  margin-bottom: 23px;
  text-align: left;
}
.page-plan-ball .section2 .section-content .content-top .top-wrap .top-line3 {
  width: 620px;
  height: 187px;
}
.page-plan-ball .section2 .section-content .middle-common .item-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
}
.page-plan-ball .section2 .section-content .middle-common .item-top .item-title {
  color: #fff;
  font-size: 38px;
  text-align: left;
}
.page-plan-ball .section2 .section-content .middle-common .item-top .item-more {
  color: #fff;
  font-size: 18px;
  line-height: 50px;
  text-align: right;
}
.page-plan-ball .section2 .section-content .middle-common .item-desc {
  color: #fff;
  font-size: 18px;
  text-align: left;
}
.page-plan-ball .section2 .section-content .content-middle {
  margin-top: 30px;
  display: flex;
  gap: 30px;
}
.page-plan-ball .section2 .section-content .content-middle .middle-item {
  width: 460px;
  height: 520px;
  padding: 36px;
  border-radius: 24px;
}
.page-plan-ball .section2 .section-content .content-middle .middle-item1 {
  background: url("/img/plan-ball/section3-3.png") no-repeat center center;
}
.page-plan-ball .section2 .section-content .content-middle .middle-item2 {
  background: url("/img/plan-ball/section3-4.png") no-repeat center center;
}
.page-plan-ball .section2 .section-content .content-middle .middle-item3 {
  background: url("/img/plan-ball/section3-5.png") no-repeat center center;
}
.page-plan-ball .section2 .section-content .bottom-item {
  margin-top: 30px;
  width: 1440px;
  height: 536px;
  padding: 36px;
  border-radius: 24px;
  background: url("/img/plan-ball/section3-6.png") no-repeat center center;
}
.page-plan-ball .section3 {
  width: 100%;
  max-width: 1920px;
  height: 800px;
  background: url("/img/plan-ball/section4-bg.png") no-repeat center center;
  background-size: cover;
  text-align: center;
  padding: 72px 240px 44px;
}
.page-plan-ball .section3 .section-title {
  color: #fff;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-ball .section3 .section-desc {
  font-size: 20px;
  color: #fff;
  margin-bottom: 60px;
}
.page-plan-ball .section3 .sectioin-content .section3-img {
  width: 1140px;
  height: 470px;
}
.page-plan-ball .section4 {
  background-color: #FFF;
  text-align: center;
  padding: 90px 240px;
}
.page-plan-ball .section4 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-ball .section4 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 40px;
}
.page-plan-ball .section4 .sectioin-content .section4-img {
  width: 1440px;
  height: 752px;
}
.page-plan-ball .section5 {
  background: url("/img/plan-ball/section6-bg.png") no-repeat center center;
  background-size: cover;
  padding: 90px 340px;
  text-align: center;
  height: 850px;
  padding-top: 255px;
}
.page-plan-ball .section5 .section-content {
  display: flex;
  gap: 170px;
}
.page-plan-ball .section5 .section-content .section-left {
  width: 500px;
  margin: 0 auto;
  padding-top: 65px;
}
.page-plan-ball .section5 .section-content .section-left .left-item {
  padding: 16px 15px;
  text-align: left;
  width: 498px;
  height: 136px;
}
.page-plan-ball .section5 .section-content .section-left .left-item .left-item-title {
  color: #14171A;
  font-size: 24px;
  margin-bottom: 16px;
}
.page-plan-ball .section5 .section-content .section-left .left-item .left-item-desc {
  font-size: 18px;
  color: #657786;
}
.page-plan-ball .section5 .section-content .section-left .left-item:hover {
  border-radius: 16px;
  background-color: #fff;
  position: relative;
}
.page-plan-ball .section5 .section-content .section-left .left-item:hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 27px;
  width: 8px;
  height: 80px;
  background: #006055;
}
.page-plan-ball .section5 .section-content .section-left .left-item:hover .left-item-title {
  color: #006055;
}
.page-plan-ball .section5 .section-content .section-right {
  width: 780px;
  flex: 0 0 780px;
}
.page-plan-ball .section5 .section-content .section-right .section6-img {
  width: 560px;
  height: 500px;
  margin: 0 auto;
}
.page-plan-ball .section6 {
  padding: 90px 240px;
  background: linear-gradient(to bottom, #FFFFFF 0%, #EFF9F9 100%);
  height: 1125px;
  width: 100%;
  max-width: 1920px;
  text-align: center;
}
.page-plan-ball .section6 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-ball .section6 .section-content {
  background: url("/img/plan-ball/section7.png") no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  margin-top: 90px;
  width: 1440px;
  height: 792px;
  padding: 532px 60px 0;
}
.page-plan-ball .section6 .section-content .section-items {
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px 100px;
}
.page-plan-ball .section6 .section-content .section-items .section-item {
  width: 100px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.page-plan-ball .section6 .section-content .section-items .section-item .section-item-img {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.page-plan-ball .section6 .section-connect-us {
  color: #006055;
  font-size: 20px;
  height: 90px;
  line-height: 90px;
}

.banner.page-plan-cloth {
  height: 580px;
  background: url("/img/plan-cloth/banner.png") center center;
  background-size: cover;
}
.banner.page-plan-cloth .container {
  color: #fff;
}
.banner.page-plan-cloth .container .title {
  font-size: 48px;
  margin-bottom: 16px;
}
.banner.page-plan-cloth .container .desc {
  font-size: 20px;
  margin-bottom: 100px;
}
.banner.page-plan-cloth .container .action .action-btn {
  display: inline-block;
  width: 140px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
}
.banner.page-plan-cloth .container .action .video {
  background-color: #fff;
  color: #E54B62;
  position: relative;
  padding-left: 45px;
  text-align: left;
}
.banner.page-plan-cloth .container .action .video .video-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("/img/video.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("/img/video.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #E54B62;
  z-index: 1;
  width: 20px;
  height: 20px;
  top: 15px;
  left: 20px;
}
.banner.page-plan-cloth .container .action .register-btn {
  margin-left: 24px;
  background-color: #590D18;
  color: #fff;
}

.page-plan-cloth .main-section {
  width: 100%;
  max-width: 1920px;
  height: 622px;
  background-color: #fff;
  padding: 90px 240px 72px;
}
.page-plan-cloth .main-section .main-section-title {
  width: 1440px;
  margin: 0 auto;
  text-align: center;
  font-size: 42px;
  margin-bottom: 58px;
  position: relative;
}
.page-plan-cloth .main-section .main-section-title .main-svg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../img/fit/section.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../img/fit/section.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #E54B62;
  z-index: 1;
}
.page-plan-cloth .main-section .main-section-title p {
  position: relative;
  z-index: 2;
  color: #000;
}
.page-plan-cloth .main-section .main-section-items {
  margin: 0 auto;
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  color: #303850;
  font-size: 20px;
}
.page-plan-cloth .main-section .main-section-items .main-section-item {
  width: 340px;
  padding: 29px;
  background-color: #F3F6FA;
  border-radius: 16px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.page-plan-cloth .main-section .main-section-items .main-section-item .section-item-img {
  width: 52px;
  height: 52px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.page-plan-cloth .section1 {
  text-align: center;
  padding: 90px 410px 60px;
  background-color: #FEF6F7;
}
.page-plan-cloth .section1 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-cloth .section1 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 58px;
}
.page-plan-cloth .section1 .sectioin-content .section1-img {
  width: 1164px;
  height: 885px;
}
.page-plan-cloth .section2 {
  text-align: center;
  padding: 80px 240px 72px;
  background-color: #fff;
}
.page-plan-cloth .section2 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 56px;
}
.page-plan-cloth .section2 .section-content .content-top {
  width: 1440px;
  height: 600px;
  background: url("/img/plan-cloth/section3-1.png") no-repeat center center;
  background-size: cover;
  position: relative;
}
.page-plan-cloth .section2 .section-content .content-top .top-wrap {
  position: absolute;
  top: 40px;
  right: 37px;
  background: #fff;
  border-radius: 24px;
  padding: 42px 32px;
  width: 682px;
  height: 520px;
}
.page-plan-cloth .section2 .section-content .content-top .top-wrap .top-line1 {
  padding-left: 15px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.page-plan-cloth .section2 .section-content .content-top .top-wrap .top-line1 .line1-title {
  text-align: left;
  font-size: 46px;
  line-height: 62px;
  background: linear-gradient(345.5764849045deg, #E54B62 0%, #7E4BE5 100%);
  font-weight: 500;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* 兼容性补充（部分浏览器） */
  background-clip: text;
  color: transparent;
}
.page-plan-cloth .section2 .section-content .content-top .top-wrap .top-line1 .line1-more {
  color: #E54B62;
  font-size: 20px;
  text-align: right;
}
.page-plan-cloth .section2 .section-content .content-top .top-wrap .top-line2 {
  padding-left: 15px;
  color: #868A8F;
  font-size: 20px;
  margin-bottom: 23px;
  text-align: left;
}
.page-plan-cloth .section2 .section-content .content-top .top-wrap .top-line3 {
  width: 620px;
  height: 187px;
}
.page-plan-cloth .section2 .section-content .middle-common .item-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
}
.page-plan-cloth .section2 .section-content .middle-common .item-top .item-title {
  color: #fff;
  font-size: 38px;
  text-align: left;
}
.page-plan-cloth .section2 .section-content .middle-common .item-top .item-more {
  color: #FFE9D4;
  font-size: 18px;
  line-height: 50px;
  text-align: right;
}
.page-plan-cloth .section2 .section-content .middle-common .item-desc {
  color: #fff;
  font-size: 18px;
  text-align: left;
}
.page-plan-cloth .section2 .section-content .content-middle {
  margin-top: 30px;
  display: flex;
  gap: 30px;
}
.page-plan-cloth .section2 .section-content .content-middle .middle-item {
  width: 460px;
  height: 520px;
  padding: 36px;
  border-radius: 24px;
}
.page-plan-cloth .section2 .section-content .content-middle .middle-item1 {
  background: url("/img/plan-cloth/section3-3.png") no-repeat center center;
}
.page-plan-cloth .section2 .section-content .content-middle .middle-item2 {
  background: url("/img/plan-cloth/section3-4.png") no-repeat center center;
}
.page-plan-cloth .section2 .section-content .content-middle .middle-item3 {
  background: url("/img/plan-cloth/section3-5.png") no-repeat center center;
}
.page-plan-cloth .section2 .section-content .bottom-item {
  margin-top: 30px;
  width: 1440px;
  height: 536px;
  padding: 36px;
  border-radius: 24px;
  background: url("/img/plan-cloth/section3-6.png") no-repeat center center;
}
.page-plan-cloth .section3 {
  width: 100%;
  max-width: 1920px;
  height: 800px;
  background: url("/img/plan-cloth/section4-bg.png") no-repeat center center;
  background-size: cover;
  text-align: center;
  padding: 230px 240px 44px;
}
.page-plan-cloth .section3 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-cloth .section3 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 60px;
}
.page-plan-cloth .section3 .sectioin-content .section3-img {
  width: 1140px;
  height: 470px;
}
.page-plan-cloth .section4 {
  background-color: #FFF;
  text-align: center;
  padding: 90px 240px;
}
.page-plan-cloth .section4 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-cloth .section4 .section-desc {
  font-size: 20px;
  color: #657786;
  margin-bottom: 40px;
}
.page-plan-cloth .section4 .sectioin-content .section4-img {
  width: 1440px;
  height: 752px;
}
.page-plan-cloth .section5 {
  background: url("/img/plan-cloth/section6-bg.png") no-repeat center center;
  background-size: cover;
  padding: 90px 340px;
  text-align: center;
  height: 850px;
  padding-top: 255px;
}
.page-plan-cloth .section5 .section-content {
  display: flex;
  gap: 170px;
}
.page-plan-cloth .section5 .section-content .section-left {
  width: 500px;
  margin: 0 auto;
  padding-top: 65px;
}
.page-plan-cloth .section5 .section-content .section-left .left-item {
  padding: 16px 15px;
  text-align: left;
  width: 498px;
  height: 136px;
}
.page-plan-cloth .section5 .section-content .section-left .left-item .left-item-title {
  color: #14171A;
  font-size: 24px;
  margin-bottom: 16px;
}
.page-plan-cloth .section5 .section-content .section-left .left-item .left-item-desc {
  font-size: 18px;
  color: #657786;
}
.page-plan-cloth .section5 .section-content .section-left .left-item:hover {
  border-radius: 16px;
  background-color: #fff;
  position: relative;
}
.page-plan-cloth .section5 .section-content .section-left .left-item:hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 27px;
  width: 8px;
  height: 80px;
  background: #E54B62;
}
.page-plan-cloth .section5 .section-content .section-left .left-item:hover .left-item-title {
  color: #E54B62;
}
.page-plan-cloth .section5 .section-content .section-right {
  width: 780px;
  flex: 0 0 780px;
}
.page-plan-cloth .section5 .section-content .section-right .section6-img {
  width: 560px;
  height: 500px;
  margin: 0 auto;
}
.page-plan-cloth .section6 {
  padding: 90px 240px;
  background: linear-gradient(to bottom, #FFFFFF 0%, #FEF6F7 100%);
  height: 1125px;
  width: 100%;
  max-width: 1920px;
  text-align: center;
}
.page-plan-cloth .section6 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-plan-cloth .section6 .section-content {
  background: url("/img/plan-cloth/section7.png") no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  margin-top: 90px;
  width: 1440px;
  height: 792px;
  padding: 532px 60px 0;
}
.page-plan-cloth .section6 .section-content .section-items {
  width: 1440px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px 100px;
}
.page-plan-cloth .section6 .section-content .section-items .section-item {
  width: 100px;
  text-align: center;
  font-size: 20px;
  color: #303850;
}
.page-plan-cloth .section6 .section-content .section-items .section-item .section-item-img {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.page-plan-cloth .section6 .section-connect-us {
  color: #E54B62;
  font-size: 20px;
  height: 90px;
  line-height: 90px;
}

.banner.page-user-recharge {
  height: 580px;
  background: url("../img/user-recharge/banner.png") center center;
  background-size: cover;
}
.banner.page-user-recharge .container .action .register-btn {
  margin-left: 0px;
  background-color: #fff;
  color: #7B4118;
}

.page-user-recharge .section .section-desc {
  margin-bottom: 80px;
}
.page-user-recharge .section2 {
  background-color: #fff;
}
.page-user-recharge .section2 .section-desc {
  width: 1200px;
  margin: 0 auto;
  font-size: 18px;
}
.page-user-recharge .section2 .section-content .section2-img {
  width: 1142px;
  height: 535px;
  margin: 0 auto;
  margin-top: 74px;
}
.page-user-recharge .section2 .section-content .section4-img {
  width: 1080px;
  height: 564px;
  margin: 0 auto;
  margin-top: 74px;
}
.page-user-recharge .section3 {
  padding: 90px 240px;
  background: #F3F6FA;
}
.page-user-recharge .section3 .section-desc {
  width: 1200px;
  margin: 0 auto;
  font-size: 18px;
}
.page-user-recharge .section3 .section-content {
  margin-top: 77px;
}
.page-user-recharge .section3 .section-content .section3-img {
  width: 924px;
  height: 532px;
  margin: 0 auto;
}
.page-user-recharge .section3 .section-content .section5-img {
  width: 1116px;
  height: 535px;
  margin: 0 auto;
}

.banner.page-user-score {
  height: 580px;
  background: url("/img/user-score/banner.png") center center;
  background-size: cover;
}
.banner.page-user-score .container .action .register-btn {
  margin-left: 0px;
  background-color: #fff;
  color: #7B4118;
}

.page-user-score .section2 {
  background-color: #fff;
}
.page-user-score .section2 .section-desc {
  width: 1200px;
  margin: 0 auto;
  font-size: 18px;
}
.page-user-score .section2 .section-content .section2-img {
  width: 1200px;
  height: 493px;
  margin: 0 auto;
  margin-top: 74px;
}
.page-user-score .section2 .section-content .section4-img {
  width: 1080px;
  height: 621px;
  margin: 0 auto;
  margin-top: 74px;
}
.page-user-score .section3 {
  padding: 90px 240px;
  background: #F3F6FA;
}
.page-user-score .section3 .section-desc {
  width: 1200px;
  margin: 0 auto;
  font-size: 18px;
}
.page-user-score .section3 .section-content {
  margin-top: 77px;
}
.page-user-score .section3 .section-content .section3-img {
  width: 1180px;
  height: 611px;
  margin: 0 auto;
}
.page-user-score .section3 .section-content .section5-img {
  width: 1291px;
  height: 450px;
  margin: 0 auto;
}

.banner.page-user-manage {
  height: 580px;
  background: url("/img/user-manage/banner.png") center center;
  background-size: cover;
}
.banner.page-user-manage .container .action .register-btn {
  margin-left: 0px;
  background-color: #00AF66;
  color: #fff;
}

.page-user-manage .section2 {
  background-color: #fff;
}
.page-user-manage .section2 .section-desc {
  width: 1200px;
  margin: 0 auto;
  font-size: 18px;
}
.page-user-manage .section2 .section-content .section2-img {
  width: 1400px;
  height: 570px;
  margin: 0 auto;
  margin-top: 74px;
}
.page-user-manage .section2 .section-content .section4-img {
  width: 1400px;
  height: 570px;
  margin: 0 auto;
  margin-top: 74px;
}
.page-user-manage .section2 .section-content .section6-img {
  width: 1400px;
  height: 570px;
  margin: 0 auto;
  margin-top: 74px;
}
.page-user-manage .section3 {
  padding: 90px 240px;
  background: #F3F6FA;
}
.page-user-manage .section3 .section-desc {
  width: 1200px;
  margin: 0 auto;
  font-size: 18px;
}
.page-user-manage .section3 .section-content {
  margin-top: 77px;
}
.page-user-manage .section3 .section-content .section3-img {
  width: 1400px;
  height: 570px;
  margin: 0 auto;
}
.page-user-manage .section3 .section-content .section5-img {
  width: 1400px;
  height: 570px;
  margin: 0 auto;
}

.banner.page-user-promotion {
  height: 580px;
  background: url("/img/user-promotion/banner.png") center center;
  background-size: cover;
}
.banner.page-user-promotion .container .title {
  color: #14171A;
}
.banner.page-user-promotion .container .desc {
  color: #657786;
}
.banner.page-user-promotion .container .action .register-btn {
  margin-left: 0px;
  background-color: #00AF66;
  color: #fff;
}

.page-user-promotion .section2 {
  background-color: #fff;
}
.page-user-promotion .section2 .section-desc {
  width: 1200px;
  margin: 0 auto;
  font-size: 18px;
}
.page-user-promotion .section2 .section-content .section1-img {
  width: 1316px;
  height: 549px;
  margin: 0 auto;
  margin-top: 74px;
}
.page-user-promotion .section2 .section-content .section3-img {
  width: 1263px;
  height: 552px;
  margin: 0 auto;
  margin-top: 74px;
}
.page-user-promotion .section2 .section-content .section5-img {
  width: 1169px;
  height: 601px;
  margin: 0 auto;
  margin-top: 74px;
}
.page-user-promotion .section2 .section-content .section7-img {
  width: 816px;
  height: 619px;
  margin: 0 auto;
  margin-top: 74px;
}
.page-user-promotion .section3 {
  padding: 90px 240px;
  background: #F3F6FA;
}
.page-user-promotion .section3 .section-desc {
  width: 1200px;
  margin: 0 auto;
  font-size: 18px;
}
.page-user-promotion .section3 .section-content {
  margin-top: 77px;
}
.page-user-promotion .section3 .section-content .section2-img {
  width: 1176px;
  height: 534px;
  margin: 0 auto;
}
.page-user-promotion .section3 .section-content .section4-img {
  width: 1216.68px;
  height: 592.26px;
  margin: 0 auto;
}
.page-user-promotion .section3 .section-content .section6-img {
  width: 958px;
  height: 591px;
  margin: 0 auto;
}

.banner.page-user-times {
  height: 580px;
  background: url("/img/user-times/banner.png") center center;
  background-size: cover;
}
.banner.page-user-times .container .action .register-btn {
  margin-left: 0px;
  background-color: #fff;
  color: #7B4118;
}

.page-user-times .section2 {
  background-color: #fff;
}
.page-user-times .section2 .section-desc {
  width: 1200px;
  margin: 0 auto;
  font-size: 18px;
}
.page-user-times .section2 .section-content .section1-img {
  width: 924px;
  height: 560px;
  margin: 0 auto;
  margin-top: 74px;
}
.page-user-times .section2 .section-content .section3-img {
  width: 1055px;
  height: 552px;
  margin: 0 auto;
  margin-top: 74px;
}
.page-user-times .section3 {
  padding: 90px 240px;
  background: #F3F6FA;
}
.page-user-times .section3 .section-desc {
  width: 1200px;
  margin: 0 auto;
  font-size: 18px;
}
.page-user-times .section3 .section-content {
  margin-top: 77px;
}
.page-user-times .section3 .section-content .section2-img {
  width: 1118px;
  height: 505px;
  margin: 0 auto;
}

.page-mini-program .main-section-type {
  background: url("/img/mini-program/section1.png") no-repeat center center;
  background-size: cover;
  width: 100%;
  max-width: 1920px;
  height: 845px;
  padding: 80px 290px;
  text-align: center;
}
.page-mini-program .main-section-type .section-title {
  color: #14171A;
  font-size: 46px;
}
.page-mini-program .main-section-type .section-desc {
  color: #657786;
  margin-bottom: 16px;
  font-size: 20px;
}
.page-mini-program .section-type-right,
.page-mini-program .section-type-left {
  display: flex;
}

.banner.page-mini-program {
  height: 580px;
  background: url("/img/mini-program/banner.png") center center;
  background-size: cover;
}
.banner.page-mini-program .container .title {
  color: #14171A;
}
.banner.page-mini-program .container .desc {
  color: #657786;
}
.banner.page-mini-program .container .action .register-btn {
  margin-left: 0px;
  background-color: #fff;
  color: #1A2026;
}

.page-mini-program .section-type1 {
  gap: 220px;
  padding: 84px 290px;
}
.page-mini-program .section-type1 .section-content-left {
  flex: 0 0 616px;
}
.page-mini-program .section-type1 .section-content-left .section-content-img {
  width: 100%;
}
.page-mini-program .section-type1 .section-content-right {
  padding: 150px 0;
}
.page-mini-program .section-type1 .section-content-right .title {
  color: #14171A;
  font-size: 36px;
  margin-bottom: 40px;
}
.page-mini-program .section-type1 .section-content-right .desc-item {
  color: #657786;
  font-size: 18px;
  padding-left: 15px;
  margin-bottom: 32px;
  position: relative;
}
.page-mini-program .section-type1 .section-content-right .desc-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  background: #00AF66;
  border-radius: 50%;
}
.page-mini-program .section-type2 {
  gap: 100px;
  padding: 128px 275px;
}
.page-mini-program .section-type2 .section-content-left {
  padding: 46px 50px;
}
.page-mini-program .section-type2 .section-content-left .title {
  color: #14171A;
  font-size: 36px;
  margin-bottom: 40px;
}
.page-mini-program .section-type2 .section-content-left .desc-item {
  color: #657786;
  font-size: 18px;
  padding-left: 15px;
  margin-bottom: 32px;
  position: relative;
}
.page-mini-program .section-type2 .section-content-left .desc-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  background: #00AF66;
  border-radius: 50%;
}
.page-mini-program .section-type2 .section-content-right .section-content-img {
  width: 100%;
}
.page-mini-program .section-type3 {
  text-align: center;
}
.page-mini-program .section-type3 .title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-mini-program .section-type3 .desc {
  color: #657786;
  font-size: 20px;
  margin-bottom: 74px;
}
.page-mini-program .section-type3 .section-content-img {
  margin: 0 auto;
}
.page-mini-program .section2 {
  gap: 220px;
  padding: 84px 290px;
}
.page-mini-program .section2 .section-img2 {
  flex: 0 0 616px;
}
.page-mini-program .section3 {
  background: #F3F6FA;
  padding: 90px 240px;
}
.page-mini-program .section3 .section-img3 {
  width: 1339px;
  height: 448px;
}
.page-mini-program .section4 {
  gap: 190px;
  padding: 84px 280px;
}
.page-mini-program .section4 .section-img2 {
  flex: 0 0 650px;
}
.page-mini-program .section5 {
  background: #F3F6FA;
  gap: 100px;
  padding: 128px 275px;
}
.page-mini-program .section5 .section-btn {
  margin-top: 54px;
}
.page-mini-program .section5 .section-btn .connect-btn {
  display: inline-block;
  padding: 0 20px;
  height: 52px;
  line-height: 52px;
  border-radius: 26px;
  background-color: #00AF66;
  color: #fff;
}
.page-mini-program .section5 .section-btn .connect-href {
  display: block;
  margin-top: 14px;
  padding-left: 20px;
  color: #657786;
}
.page-mini-program .section5 .section-img5 {
  flex: 0 0 678px;
}
.page-mini-program .section6 {
  background: #fff;
  padding: 90px 240px;
}
.page-mini-program .section6 .section-items {
  display: flex;
  flex-wrap: wrap;
  gap: 90px 50px;
}
.page-mini-program .section6 .section-items .section-item {
  display: flex;
  width: calc((100% - 180px) / 3);
  gap: 20px;
}
.page-mini-program .section6 .section-items .section-item .section-item-left {
  width: 64px;
  height: 64px;
}
.page-mini-program .section6 .section-items .section-item .section-item-left .item-img {
  width: 100%;
}
.page-mini-program .section6 .section-items .section-item .section-item-right {
  text-align: left;
}
.page-mini-program .section6 .section-items .section-item .section-item-right .item-title {
  color: #14171A;
  font-size: 24px;
}
.page-mini-program .section6 .section-items .section-item .section-item-right .item-desc {
  color: #657786;
  font-size: 18px;
}

.banner.page-wechat-vip {
  height: 580px;
  background: url("/img/wechat-vip/banner.png") center center;
  background-size: cover;
}
.banner.page-wechat-vip .container .title {
  color: #fff;
}
.banner.page-wechat-vip .container .desc {
  color: #fff;
}
.banner.page-wechat-vip .container .action .register-btn {
  margin-left: 0px;
  background-color: #fff;
  color: #1A2026;
}

.page-wechat-vip .main-section-type {
  width: 100%;
  max-width: 1920px;
  padding: 100px 240px;
  text-align: center;
}
.page-wechat-vip .main-section-type .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 72px;
}
.page-wechat-vip .main-section-type .section-content {
  display: flex;
  flex-wrap: wrap;
  gap: 26px 20px;
}
.page-wechat-vip .main-section-type .section-content .content-item {
  text-align: center;
  padding: 58px 24px 40px;
  flex: 0 0 340px;
  width: 340px;
  height: 330px;
  background-color: #F3F6FA;
  border-radius: 12px;
}
.page-wechat-vip .main-section-type .section-content .content-item .content-img {
  width: 72px;
  height: 72px;
  margin: 0 auto;
  margin-bottom: 38px;
}
.page-wechat-vip .main-section-type .section-content .content-item .content-title {
  color: #14171A;
  font-size: 24px;
  margin-bottom: 12px;
}
.page-wechat-vip .main-section-type .section-content .content-item .content-desc {
  color: #657786;
  font-size: 16px;
}
.page-wechat-vip .section-type-right,
.page-wechat-vip .section-type-left {
  display: flex;
}
.page-wechat-vip .section-type1 {
  gap: 220px;
  padding: 84px 290px;
}
.page-wechat-vip .section-type1 .section-content-left {
  flex: 0 0 616px;
}
.page-wechat-vip .section-type1 .section-content-left .section-content-img {
  width: 100%;
}
.page-wechat-vip .section-type1 .section-content-right {
  padding: 150px 0;
}
.page-wechat-vip .section-type1 .section-content-right .title {
  color: #14171A;
  font-size: 36px;
  margin-bottom: 40px;
}
.page-wechat-vip .section-type1 .section-content-right .desc-item {
  color: #657786;
  font-size: 18px;
  padding-left: 15px;
  margin-bottom: 32px;
  position: relative;
}
.page-wechat-vip .section-type1 .section-content-right .desc-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  background: #00AF66;
  border-radius: 50%;
}
.page-wechat-vip .section-type2 {
  gap: 100px;
  padding: 128px 275px;
}
.page-wechat-vip .section-type2 .section-content-left {
  padding: 46px 50px;
}
.page-wechat-vip .section-type2 .section-content-left .title {
  color: #14171A;
  font-size: 36px;
  margin-bottom: 40px;
}
.page-wechat-vip .section-type2 .section-content-left .desc-item {
  color: #657786;
  font-size: 18px;
  padding-left: 15px;
  margin-bottom: 32px;
  position: relative;
}
.page-wechat-vip .section-type2 .section-content-left .desc-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  background: #00AF66;
  border-radius: 50%;
}
.page-wechat-vip .section-type2 .section-content-right .section-content-img {
  width: 100%;
}
.page-wechat-vip .section-type3 {
  text-align: center;
}
.page-wechat-vip .section-type3 .title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-wechat-vip .section-type3 .desc {
  color: #657786;
  font-size: 20px;
  margin-bottom: 74px;
}
.page-wechat-vip .section-type3 .section-content-img {
  margin: 0 auto;
}
.page-wechat-vip .section1 {
  background: #fff;
  padding: 90px 360px;
}
.page-wechat-vip .section1 .section-img3 {
  width: 804px;
  height: 626px;
}
.page-wechat-vip .section2 {
  background: #F3F6FA;
  gap: 190px;
  padding: 80px 270px;
}
.page-wechat-vip .section2 .section-content-left {
  padding: 180px 0 0 0;
}
.page-wechat-vip .section2 .section-img2 {
  flex: 0 0 640px;
}
.page-wechat-vip .section3 {
  background: #fff;
  padding: 90px 360px;
}
.page-wechat-vip .section3 .section-img3 {
  width: 942px;
  height: 652px;
  margin: 0 auto;
}
.page-wechat-vip .section4 {
  background: #F3F6FA;
  padding: 90px 240px;
}
.page-wechat-vip .section4 .title {
  margin-bottom: 54px;
}
.page-wechat-vip .section4 .section-img3 {
  width: 1440px;
  height: 520px;
  margin: 0 auto;
}
.page-wechat-vip .section5 {
  background: #F3F6FA;
  gap: 100px;
  padding: 128px 275px;
}
.page-wechat-vip .section5 .section-btn {
  margin-top: 54px;
}
.page-wechat-vip .section5 .section-btn .connect-btn {
  display: inline-block;
  padding: 0 20px;
  height: 52px;
  line-height: 52px;
  border-radius: 26px;
  background-color: #00AF66;
  color: #fff;
}
.page-wechat-vip .section5 .section-btn .connect-href {
  display: block;
  margin-top: 14px;
  padding-left: 20px;
  color: #657786;
}
.page-wechat-vip .section5 .section-img5 {
  flex: 0 0 678px;
}
.page-wechat-vip .section6 {
  background: #fff;
  padding: 90px 240px;
}
.page-wechat-vip .section6 .section-items {
  display: flex;
  flex-wrap: wrap;
  gap: 90px 50px;
}
.page-wechat-vip .section6 .section-items .section-item {
  display: flex;
  width: calc((100% - 180px) / 3);
  gap: 20px;
}
.page-wechat-vip .section6 .section-items .section-item .section-item-left {
  width: 64px;
  height: 64px;
}
.page-wechat-vip .section6 .section-items .section-item .section-item-left .item-img {
  width: 100%;
}
.page-wechat-vip .section6 .section-items .section-item .section-item-right {
  text-align: left;
}
.page-wechat-vip .section6 .section-items .section-item .section-item-right .item-title {
  color: #14171A;
  font-size: 24px;
}
.page-wechat-vip .section6 .section-items .section-item .section-item-right .item-desc {
  color: #657786;
  font-size: 18px;
}

.banner.page-app {
  height: 580px;
  background: url("/img/app/banner.png") center center;
  background-size: cover;
}
.banner.page-app .container .title {
  color: #fff;
}
.banner.page-app .container .desc {
  color: #fff;
}
.banner.page-app .container .action .register-btn {
  margin-left: 0px;
  background-color: #FE610D;
  color: #fff;
}

.page-app .main-section-type {
  width: 100%;
  max-width: 1920px;
  padding: 90px 300px;
  text-align: center;
}
.page-app .main-section-type .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-app .main-section-type .section-desc {
  color: #868A8F;
  font-size: 18px;
  margin-bottom: 72px;
}
.page-app .main-section-type .section-content {
  display: flex;
  flex-wrap: wrap;
  gap: 52px 136px;
}
.page-app .main-section-type .section-content .content-item {
  text-align: center;
  flex: 0 0 104px;
}
.page-app .main-section-type .section-content .content-item .content-img {
  width: 104px;
  height: 104px;
  margin-bottom: 24px;
}
.page-app .main-section-type .section-content .content-item .content-title {
  color: #14171A;
  font-size: 24px;
}
.page-app .section-type-right,
.page-app .section-type-left {
  display: flex;
}
.page-app .section-type1 {
  gap: 220px;
  padding: 84px 290px;
}
.page-app .section-type1 .section-content-left {
  flex: 0 0 616px;
}
.page-app .section-type1 .section-content-left .section-content-img {
  width: 100%;
}
.page-app .section-type1 .section-content-right {
  padding: 150px 0;
}
.page-app .section-type1 .section-content-right .title {
  color: #14171A;
  font-size: 36px;
  margin-bottom: 40px;
}
.page-app .section-type1 .section-content-right .desc-item {
  color: #657786;
  font-size: 18px;
  padding-left: 15px;
  margin-bottom: 32px;
  position: relative;
}
.page-app .section-type1 .section-content-right .desc-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  background: #FE610D;
  border-radius: 50%;
}
.page-app .section-type2 {
  gap: 100px;
  padding: 128px 275px;
}
.page-app .section-type2 .section-content-left {
  padding: 46px 50px;
}
.page-app .section-type2 .section-content-left .title {
  color: #14171A;
  font-size: 36px;
  margin-bottom: 40px;
}
.page-app .section-type2 .section-content-left .desc-item {
  color: #657786;
  font-size: 18px;
  padding-left: 15px;
  margin-bottom: 32px;
  position: relative;
}
.page-app .section-type2 .section-content-left .desc-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  background: #00AF66;
  border-radius: 50%;
}
.page-app .section-type2 .section-content-right .section-content-img {
  width: 100%;
}
.page-app .section-type3 {
  text-align: center;
}
.page-app .section-type3 .title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-app .section-type3 .desc {
  color: #657786;
  font-size: 20px;
  margin-bottom: 74px;
}
.page-app .section-type3 .section-content-img {
  margin: 0 auto;
}
.page-app .section1 {
  background: #F3F6FA;
  padding: 90px 238px;
}
.page-app .section1 .section-img3 {
  display: flex;
  gap: 30px;
}
.page-app .section1 .section-img3 .img-item {
  padding: 310px 0px 0;
}
.page-app .section1 .section-img3 .img-item .img-item-content {
  width: 460px;
  height: 270px;
  background: linear-gradient(to bottom, rgba(254, 97, 13, 0) 0%, #FE610D 100%);
  padding: 114px 28px 0;
  color: #fff;
  text-align: left;
}
.page-app .section1 .section-img3 .img-item .img-item-content .img-item-title {
  font-size: 36px;
  margin-bottom: 16px;
}
.page-app .section1 .section-img3 .img-item .img-item-content .img-item-desc {
  font-size: 20px;
}
.page-app .section1 .section-img3 .img-item1 {
  background: url("/img/app/section1-1.png") no-repeat center center;
  background-size: cover;
}
.page-app .section1 .section-img3 .img-item2 {
  background: url("/img/app/section1-2.png") no-repeat center center;
  background-size: cover;
}
.page-app .section1 .section-img3 .img-item3 {
  background: url("/img/app/section1-3.png") no-repeat center center;
  background-size: cover;
}
.page-app .section2 {
  background: #fff;
  padding: 90px 300px;
}
.page-app .section2 .desc {
  padding: 0 165px;
}
.page-app .section2 .section-img2 {
  width: 1313px;
  height: 596px;
  margin: 0 auto;
}
.page-app .section3 {
  background: #F3F6FA;
  gap: 220px;
  padding: 74px 290px;
}
.page-app .section3 .section-img3 {
  flex: 0 0 580px;
  margin: 0 auto;
}
.page-app .section4 {
  background: #fff;
  gap: 190px;
  padding: 100px 265px;
}
.page-app .section4 .section-content-left {
  padding-top: 145px;
  padding-left: 25px;
}
.page-app .section4 .section-img4 {
  flex: 0 0 646px;
}

.banner.products-manage {
  height: 580px;
  background: url("/img/products-manage/banner.png") center center;
  background-size: cover;
}
.banner.products-manage .container .title {
  color: #fff;
}
.banner.products-manage .container .desc {
  color: #fff;
}
.banner.products-manage .container .action .register-btn {
  margin-left: 0px;
  background-color: #fff;
  color: #612606;
}

.products-manage .main-section-type {
  width: 100%;
  max-width: 1920px;
  padding: 90px 240px;
  text-align: center;
}
.products-manage .main-section-type .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.products-manage .main-section-type .section-desc {
  color: #868A8F;
  font-size: 18px;
  margin-bottom: 72px;
}
.products-manage .main-section-type .section-content {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 32px;
}
.products-manage .main-section-type .section-content .content-item {
  text-align: center;
  flex: 0 0 250px;
}
.products-manage .main-section-type .section-content .content-item .content-img {
  width: 104px;
  height: 104px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.products-manage .main-section-type .section-content .content-item .content-title {
  color: #14171A;
  font-size: 24px;
}
.products-manage .section-type-right,
.products-manage .section-type-left {
  display: flex;
}
.products-manage .section-type1 {
  gap: 220px;
  padding: 145px 290px;
}
.products-manage .section-type1 .section-content-left {
  flex: 0 0 600px;
}
.products-manage .section-type1 .section-content-left .section-content-img {
  width: 100%;
}
.products-manage .section-type1 .section-content-right {
  padding: 70px 0;
}
.products-manage .section-type1 .section-content-right .title {
  color: #14171A;
  font-size: 36px;
  margin-bottom: 40px;
}
.products-manage .section-type1 .section-content-right .desc-item {
  color: #657786;
  font-size: 18px;
  padding-left: 15px;
  margin-bottom: 32px;
  position: relative;
}
.products-manage .section-type1 .section-content-right .desc-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  background: #00AF66;
  border-radius: 50%;
}
.products-manage .section-type2 {
  gap: 100px;
  padding: 128px 275px;
}
.products-manage .section-type2 .section-content-left {
  padding: 46px 50px;
}
.products-manage .section-type2 .section-content-left .title {
  color: #14171A;
  font-size: 36px;
  margin-bottom: 40px;
}
.products-manage .section-type2 .section-content-left .desc-item {
  color: #657786;
  font-size: 18px;
  padding-left: 15px;
  margin-bottom: 32px;
  position: relative;
}
.products-manage .section-type2 .section-content-left .desc-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  background: #00AF66;
  border-radius: 50%;
}
.products-manage .section-type2 .section-content-right .section-content-img {
  width: 100%;
}
.products-manage .section1 {
  background: #F3F6FA;
  padding: 145px 300px;
}
.products-manage .section2 {
  gap: 0;
  background: #fff;
  padding: 105px 270px;
}
.products-manage .section2 .section-content-left {
  flex: 0 0 524px;
  padding: 90px 0px 0 0;
}
.products-manage .section2 .desc {
  padding: 0 165px;
}
.products-manage .section2 .section-img2 {
  flex: 0 0 783px;
  margin: 0 auto;
}
.products-manage .section3 {
  background: #F3F6FA;
  gap: 190px;
  padding: 105px 270px;
}
.products-manage .section3 .section-img3 {
  flex: 0 0 660px;
  margin: 0 auto;
}
.products-manage .section4 {
  background: #fff;
  padding: 116px 290px;
}
.products-manage .section4 .section-content-left {
  padding-top: 140px;
}
.products-manage .section4 .section-img4 {
  flex: 0 0 646px;
}

.banner.page-cash {
  height: 580px;
  background: url("/img/cash/banner.png") center center;
  background-size: cover;
}
.banner.page-cash .container .title {
  color: #14171A;
}
.banner.page-cash .container .desc {
  color: #657786;
}
.banner.page-cash .container .action .register-btn {
  margin-left: 0px;
  background-color: #fff;
  color: #264B59;
}

.page-cash .main-section-type {
  width: 100%;
  max-width: 1920px;
  padding: 90px 237px;
  text-align: center;
}
.page-cash .main-section-type .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-cash .main-section-type .section-desc {
  color: #868A8F;
  font-size: 18px;
  margin-bottom: 72px;
}
.page-cash .main-section-type .section-content {
  display: flex;
  gap: 40px;
}
.page-cash .main-section-type .section-content .content-items {
  flex: 0 0 700px;
  padding: 48px;
  text-align: left;
  background-color: #F3F6FA;
  border-radius: 16px;
}
.page-cash .main-section-type .section-content .content-items .content-item {
  display: flex;
  margin-bottom: 40px;
  gap: 20px;
}
.page-cash .main-section-type .section-content .content-items .content-item .content-img {
  width: 88px;
  height: 88px;
}
.page-cash .main-section-type .section-content .content-items .content-item .content-title {
  color: #14171A;
  font-size: 24px;
  margin-bottom: 8px;
}
.page-cash .main-section-type .section-content .content-items .content-item .content-desc {
  color: #AAB8C2;
  font-size: 16px;
}
.page-cash .section-type-right,
.page-cash .section-type-left {
  display: flex;
}
.page-cash .section-type1 {
  gap: 220px;
  padding: 84px 290px;
}
.page-cash .section-type1 .section-content-left {
  flex: 0 0 616px;
}
.page-cash .section-type1 .section-content-left .section-content-img {
  width: 100%;
}
.page-cash .section-type1 .section-content-right {
  padding: 150px 0;
}
.page-cash .section-type1 .section-content-right .title {
  color: #14171A;
  font-size: 36px;
  margin-bottom: 40px;
}
.page-cash .section-type1 .section-content-right .desc-item {
  color: #657786;
  font-size: 18px;
  padding-left: 15px;
  margin-bottom: 32px;
  position: relative;
}
.page-cash .section-type1 .section-content-right .desc-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  background: #00AF66;
  border-radius: 50%;
}
.page-cash .section-type2 {
  gap: 100px;
  padding: 128px 275px;
}
.page-cash .section-type2 .section-content-left {
  padding: 46px 50px;
}
.page-cash .section-type2 .section-content-left .title {
  color: #14171A;
  font-size: 36px;
  margin-bottom: 40px;
}
.page-cash .section-type2 .section-content-left .desc-item {
  color: #657786;
  font-size: 18px;
  padding-left: 15px;
  margin-bottom: 32px;
  position: relative;
}
.page-cash .section-type2 .section-content-left .desc-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  background: #00AF66;
  border-radius: 50%;
}
.page-cash .section-type2 .section-content-right .section-content-img {
  width: 100%;
}
.page-cash .section-type3 {
  text-align: center;
}
.page-cash .section-type3 .title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-cash .section-type3 .desc {
  color: #657786;
  font-size: 20px;
  margin-bottom: 74px;
}
.page-cash .section-type3 .section-content-img {
  margin: 0 auto;
}
.page-cash .section1 {
  background: #F3F6FA;
  gap: 213px;
  padding: 104px 285px;
}
.page-cash .section1 .section-content-right {
  padding-top: 72px;
}
.page-cash .section1 .section-img1 {
  flex: 0 0 626px;
}
.page-cash .section2 {
  background: #fff;
  gap: 190px;
  padding: 143px 270px;
}
.page-cash .section2 .section-content-left {
  padding: 113px 0 0 20px;
}
.page-cash .section2 .section-img2 {
  flex: 0 0 644px;
}
.page-cash .section3 {
  height: 728px;
  background: #F3F6FA;
  gap: 190px;
  padding: 139px 275px;
}
.page-cash .section3 .section-content-right {
  padding-top: 72px;
}
.page-cash .section3 .section-img3 {
  flex: 0 0 662px;
}
.page-cash .section4 {
  background: #fff;
  gap: 185px;
  padding: 113px 290px;
}
.page-cash .section4 .section-content-left {
  padding: 113px 0 0 20px;
}
.page-cash .section4 .section-img4 {
  flex: 0 0 615px;
}
.page-cash .section5 {
  background: #F3F6FA;
  gap: 210px;
  padding: 109px 290px;
}
.page-cash .section5 .section-content-right {
  padding: 70px 10px 0 0;
}
.page-cash .section5 .section-img3 {
  flex: 0 0 623px;
}

.banner.page-data {
  height: 580px;
  background: url("/img/data/banner.png") center center;
  background-size: cover;
}
.banner.page-data .container .title {
  color: #fff;
}
.banner.page-data .container .desc {
  color: #fff;
}
.banner.page-data .container .action .register-btn {
  margin-left: 0px;
  background-color: #fff;
  color: #264B59;
}

.page-data .main-section-type {
  width: 100%;
  max-width: 1920px;
  padding: 90px 360px 70px;
  text-align: center;
}
.page-data .main-section-type .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-data .main-section-type .section-desc {
  color: #868A8F;
  font-size: 18px;
  margin-bottom: 56px;
}
.page-data .main-section-type .main-section-img {
  width: 1200px;
  height: 645px;
  margin: 0 auto;
}
.page-data .section-type-right,
.page-data .section-type-left {
  display: flex;
}
.page-data .section-type1 {
  gap: 220px;
  padding: 84px 290px;
}
.page-data .section-type1 .section-content-left {
  flex: 0 0 616px;
}
.page-data .section-type1 .section-content-left .section-content-img {
  width: 100%;
}
.page-data .section-type1 .section-content-right {
  padding: 150px 0;
}
.page-data .section-type1 .section-content-right .title {
  color: #14171A;
  font-size: 36px;
  margin-bottom: 40px;
}
.page-data .section-type1 .section-content-right .desc-item {
  color: #657786;
  font-size: 18px;
  padding-left: 15px;
  margin-bottom: 32px;
  position: relative;
}
.page-data .section-type1 .section-content-right .desc-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  background: #00AF66;
  border-radius: 50%;
}
.page-data .section-type2 {
  gap: 100px;
  padding: 128px 275px;
}
.page-data .section-type2 .section-content-left {
  padding: 46px 50px;
}
.page-data .section-type2 .section-content-left .title {
  color: #14171A;
  font-size: 36px;
  margin-bottom: 40px;
}
.page-data .section-type2 .section-content-left .desc-item {
  color: #657786;
  font-size: 18px;
  padding-left: 15px;
  margin-bottom: 32px;
  position: relative;
}
.page-data .section-type2 .section-content-left .desc-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  background: #00AF66;
  border-radius: 50%;
}
.page-data .section-type2 .section-content-right .section-content-img {
  width: 100%;
}
.page-data .section-type3 {
  text-align: center;
}
.page-data .section-type3 .title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-data .section-type3 .desc {
  color: #657786;
  font-size: 20px;
  margin-bottom: 74px;
}
.page-data .section-type3 .section-content-img {
  margin: 0 auto;
}
.page-data .section2 {
  background: #F3F6FA;
  gap: 210px;
  padding: 90px 290px;
}
.page-data .section2 .section-img2 {
  flex: 0 0 600px;
}
.page-data .section3 {
  height: 728px;
  background: #fff;
  gap: 200px;
  padding: 100px 290px;
}
.page-data .section3 .section-content-left {
  padding-top: 140px;
}
.page-data .section3 .section-img3 {
  flex: 0 0 610px;
}
.page-data .section4 {
  background: #F3F6FA;
  gap: 220px;
  padding: 140px 290px;
}
.page-data .section4 .section-content-right {
  padding: 100px 0 0 0;
}
.page-data .section4 .section-img4 {
  flex: 0 0 600px;
}
.page-data .section5 {
  background: #fff;
  gap: 180px;
  padding: 109px 290px;
}
.page-data .section5 .section-content-left {
  padding: 110px 0 0 0;
}
.page-data .section5 .section-img5 {
  flex: 0 0 623px;
}

.banner.page-news-list {
  height: 500px;
  background: url("/img/news/banner.png") no-repeat center center;
  background-size: cover;
}
.banner.page-news-list .container {
  text-align: center;
}
.banner.page-news-list .container .title {
  font-size: 48px;
  color: #fff;
  text-align: center;
  margin-bottom: 16px;
}
.banner.page-news-list .container .desc {
  color: #fff;
  font-size: 20px;
}

.page-news-list .content-container {
  width: 100%;
  max-width: 1920px;
  padding: 40px 420px;
  background-color: #fff;
}
.page-news-list .content-container .list-navs {
  margin-bottom: 58px;
  display: flex;
  gap: 24px;
}
.page-news-list .content-container .list-navs .list-nav-item {
  padding: 12px 40px;
  background-color: #F3F6FA;
  border-radius: 30px;
  color: #14171A;
}
.page-news-list .content-container .list-navs .active {
  color: #fff;
  background-color: #00AF66;
}
.page-news-list .content-container .top {
  color: #657786;
  font-size: 18px;
  margin-bottom: 24px;
}
.page-news-list .content-container .content-wrap .news-item:hover .news-info .news-title {
  color: #00AF66;
}
.page-news-list .content-container .content-wrap .news-item {
  margin-bottom: 32px;
  display: flex;
  gap: 20px;
}
.page-news-list .content-container .content-wrap .news-item .news-item-img {
  flex: 0 0 230px;
  width: 230px;
  height: 154px;
  border-radius: 8px;
}
.page-news-list .content-container .content-wrap .news-item .news-title {
  color: #14171A;
  font-size: 20px;
  margin-bottom: 16px;
}
.page-news-list .content-container .content-wrap .news-item .news-desc {
  color: #657786;
  font-size: 16px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 42px;
}
.page-news-list .content-container .content-wrap .news-item .news-time {
  font-size: 16px;
  color: #BFBFBF;
}
.page-news-list .content-container .paganation {
  margin: 68px auto;
}
.page-news-list .content-container .paganation .pages {
  margin: 0 auto;
  text-align: center;
}
.page-news-list .content-container .paganation .pages .page-item {
  color: #657786;
  padding: 5px 12px;
  background-color: #F3F6FA;
  border-radius: 2px;
  margin-right: 8px;
}
.page-news-list .content-container .paganation .pages .active {
  background-color: #00AF66;
  color: #fff;
}

.banner.page-news-detail {
  height: 500px;
  background: url("/img/news/banner.png") center center;
  background-size: cover;
}
.banner.page-news-detail .container {
  text-align: center;
}
.banner.page-news-detail .container .title {
  font-size: 48px;
  color: #fff;
  text-align: center;
  margin-bottom: 16px;
}
.banner.page-news-detail .container .desc {
  color: #fff;
  font-size: 20px;
}

.page-news-detail .news-container {
  padding: 36px 240px;
  background-color: #F3F6FA;
}
.page-news-detail .news-container .top {
  color: #657786;
  font-size: 18px;
  margin-bottom: 16px;
}
.page-news-detail .news-container .content-wrap {
  display: flex;
  gap: 16px;
}
.page-news-detail .news-container .content-wrap .content-left {
  background-color: #fff;
  flex: 0 0 1024px;
  padding: 32px;
}
.page-news-detail .news-container .content-wrap .content-left .news-title {
  color: #14171A;
  font-size: 32px;
  margin-bottom: 16px;
}
.page-news-detail .news-container .content-wrap .content-left .news-info {
  margin-bottom: 36px;
  color: #657786;
  font-size: 16px;
}
.page-news-detail .news-container .content-wrap .content-left .news-info .create-time {
  margin-right: 192px;
}
.page-news-detail .news-container .content-wrap .content-left .news-content {
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 36px 0;
}
.page-news-detail .news-container .content-wrap .content-left .news-others {
  display: flex;
  justify-content: space-between;
  padding: 32px 0;
  text-align: left;
}
.page-news-detail .news-container .content-wrap .content-left .news-others .text-right {
  text-align: right;
}
.page-news-detail .news-container .content-wrap .content-left .news-others .pre-new {
  flex: 0 0 350px;
}
.page-news-detail .news-container .content-wrap .content-left .news-others .pre-new .pre-one {
  font-size: 16px;
  color: #00AF66;
  margin-bottom: 12px;
}
.page-news-detail .news-container .content-wrap .content-left .news-others .pre-new .pre-title {
  font-size: 16px;
  color: #657786;
}
.page-news-detail .news-container .content-wrap .content-right .recomend-news {
  padding: 24px;
  background-color: #fff;
}
.page-news-detail .news-container .content-wrap .content-right .recomend-news .title {
  color: #14171A;
  font-size: 24px;
  margin-bottom: 16px;
}
.page-news-detail .news-container .content-wrap .content-right .recomend-news .recomend-news-item {
  display: flex;
  gap: 12px;
}
.page-news-detail .news-container .content-wrap .content-right .recomend-news .recomend-news-item .news-item-img {
  flex: 0 0 158px;
  width: 158px;
  height: 105px;
}
.page-news-detail .news-container .content-wrap .content-right .recomend-news .recomend-news-item .news-item-info {
  color: #657786;
  font-size: 16px;
  line-height: 22px;
}
.page-news-detail .news-container .content-wrap .content-right .recomend-news .recomend-news-item .news-item-info .news-item-title {
  height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
}
.page-news-detail .news-container .content-wrap .content-right .hot-news {
  padding: 24px;
  background-color: #fff;
  color: #657786;
}
.page-news-detail .news-container .content-wrap .content-right .hot-news .title {
  color: #14171A;
  font-size: 24px;
  margin-bottom: 20px;
}
.page-news-detail .news-container .content-wrap .content-right .hot-news .hot-news-item {
  margin-bottom: 20px;
  display: flex;
  gap: 12px;
}
.page-news-detail .news-container .content-wrap .content-right .hot-news .hot-news-item .num {
  flex: 0 0 28px;
  height: 28px;
  width: 28px;
  background-color: #F3F6FA;
  color: #657786;
  border-radius: 4px;
  text-align: center;
}
.page-news-detail .news-container .content-wrap .content-right .hot-news .hot-news-item .item-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-news-detail .news-container .content-wrap .content-right .hot-news .hot-news-item.active {
  color: #00AF66;
}
.page-news-detail .news-container .content-wrap .content-right .hot-news .hot-news-item.active .num {
  background-color: #00AF66;
  color: #fff;
}

.banner.page-about {
  height: 500px;
  background: url("/img/about/banner.png") center center;
  background-size: cover;
}
.banner.page-about .container {
  padding: 188px;
  text-align: center;
}
.banner.page-about .container .title {
  font-size: 48px;
  color: #fff;
  text-align: center;
  margin-bottom: 16px;
}
.banner.page-about .container .desc {
  color: #fff;
  font-size: 20px;
}

.page-about .main-section {
  height: 1346px;
  padding: 190px 0 0 240px;
  background: url("/img/about/main-bg.png") no-repeat center center;
  background-size: cover;
  text-align: left;
}
.page-about .main-section .main-section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 8px;
}
.page-about .main-section .main-section-title2 {
  color: #00AF66;
  font-size: 46px;
  margin-bottom: 44px;
}
.page-about .main-section .main-section-desc {
  width: 754px;
  color: #657786;
  font-size: 16px;
  margin-bottom: 32px;
}
.page-about .main-section .products {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.page-about .main-section .products .product-item {
  width: 466px;
  height: 188px;
  flex: 0 0 460px;
  border-radius: 12px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 30px;
}
.page-about .main-section .products .product-item .item-line1 {
  display: flex;
  gap: 12px;
  color: #14171A;
  font-size: 24px;
  margin-bottom: 16px;
}
.page-about .main-section .products .product-item .item-line1 .line-img {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
}
.page-about .main-section .products .product-item .item-line2 {
  font-size: 14px;
  color: #868A8F;
  padding-left: 44px;
}
.page-about .section1 {
  text-align: center;
  padding: 80px 240px;
}
.page-about .section1 .title {
  font-size: 46px;
  color: #14171A;
  margin-bottom: 16px;
}
.page-about .section1 .desc {
  color: #657786;
  font-size: 20px;
  margin-bottom: 80px;
}
.page-about .section1 .section-content {
  display: flex;
  gap: 1px;
}
.page-about .section1 .section-content .section-content-item {
  width: 360px;
  height: 500px;
  flex: 0 0 360px;
}
.page-about .section1 .section-content .item1 {
  background: url("/img/about/section2-1.png") no-repeat center center;
  background-size: cover;
  padding: 52px;
  text-align: left;
}
.page-about .section1 .section-content .item1 .item-row {
  color: #fff;
  margin-bottom: 36px;
}
.page-about .section1 .section-content .item1 .item-row .row-title {
  font-size: 56px;
  line-height: 74px;
  margin-bottom: 6px;
}
.page-about .section1 .section-content .item1 .item-row .row-desc {
  color: #E6F7F0;
  font-size: 20px;
}
.page-about .section1 .section-content .item2 {
  background: linear-gradient(to bottom, #FFFFFF 0%, #DEE6E1 100%);
  padding: 68px;
}
.page-about .section1 .section-content .item2 .item2-img {
  width: 88px;
  height: 88px;
  border: 1px dashed #AAB8C2;
  margin-bottom: 24px;
  margin: 0 auto;
}
.page-about .section1 .section-content .item2 .title {
  color: #14171A;
  font-size: 26px;
  margin-bottom: 8px;
}
.page-about .section1 .section-content .item2 .desc {
  color: #AAB8C2;
  font-size: 20px;
  margin-bottom: 65px;
}
.page-about .section1 .section-content .item2 .desc-line {
  text-align: center;
  color: #657786;
  font-size: 16px;
  margin-bottom: 12px;
}
.page-about .section1 .section-content .item2 .desc-line .desc-img {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  border: 1px dashed #AAB8C2;
}
.page-about .section2 {
  padding: 90px 240px;
  text-align: center;
  background-color: #F3F6FA;
}
.page-about .section2 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 58px;
}
.page-about .section2 .section-content {
  display: flex;
  gap: 20px;
}
.page-about .section2 .section-content .content-item .img-box {
  width: 346px;
  height: 250px;
  background: #FFFFFF;
  border-radius: 8px 8px 8px 8px;
  padding: 35px 44px;
  margin-bottom: 28px;
}
.page-about .section2 .section-content .content-item .img-box .item-img {
  width: 258px;
  height: 180px;
}
.page-about .section2 .section-content .content-item .item-desc {
  color: #14171A;
  font-size: 20px;
}
.page-about .section3 {
  padding: 90px 240px;
  text-align: center;
  background-color: #fff;
}
.page-about .section3 .section-title {
  margin-bottom: 56px;
  font-size: 46px;
}
.page-about .section3 .section3-img {
  width: 1440px;
}
.page-about .section4 {
  background-color: #F3F6FA;
  padding: 80px 320px 92px;
}
.page-about .section4 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-about .section4 .section-desc {
  color: #657786;
  font-size: 20px;
  margin-bottom: 40px;
}
.page-about .section4 .section-content {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.page-about .section4 .section-content .company-box {
  padding: 36px;
  position: relative;
  background-color: #fff;
}
.page-about .section4 .section-content .company-box .box-img {
  width: 90px;
  height: 72px;
  display: block;
  margin-bottom: 28px;
}
.page-about .section4 .section-content .company-box .box-title {
  font-size: 24px;
  margin-bottom: 8px;
}
.page-about .section4 .section-content .company-box .text-green {
  color: #33BF85;
}
.page-about .section4 .section-content .company-box .box-desc {
  color: #657786;
  font-size: 20px;
}
.page-about .section4 .section-content .company-box .en {
  position: absolute;
  color: #CCEFE0;
  font-size: 30px;
  right: 36px;
  top: 36px;
}
.page-about .section4 .section-content .box1,
.page-about .section4 .section-content .box2 {
  width: 524px;
  height: 240px;
  flex: 0 0 524px;
}
.page-about .section4 .section-content .box3 {
  background-color: #fff;
  width: 200px;
  height: 240px;
  flex: 0 0 200px;
}
.page-about .section4 .section-content .box4 {
  width: 1280px;
  height: 240px;
  flex: 0 0 1280px;
}
.page-about .section5 {
  padding: 90px 360px;
  text-align: center;
  background-color: #fff;
}
.page-about .section5 .section-title {
  margin-bottom: 56px;
  font-size: 46px;
}

.banner.page-agent {
  height: 500px;
  background: url("/img/agent/banner.png") center center;
  background-size: cover;
}
.banner.page-agent .container {
  padding: 188px;
  text-align: center;
}
.banner.page-agent .container .title {
  font-size: 48px;
  color: #fff;
  text-align: center;
  margin-bottom: 16px;
}
.banner.page-agent .container .desc {
  color: #fff;
  font-size: 20px;
}

.page-agent .main-section {
  padding: 90px 240px;
  width: 100%;
  max-width: 1920px;
  height: 1196px;
  text-align: center;
  background: linear-gradient(to bottom, #FFFFFF 0%, #F3F6FA 100%);
}
.page-agent .main-section .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 16px;
}
.page-agent .main-section .section-desc {
  color: #657786;
  font-size: 20px;
  margin-bottom: 56px;
}
.page-agent .main-section .main-content {
  display: flex;
  gap: 20px;
}
.page-agent .main-section .main-content .content-side {
  flex: 0 0 710px;
  width: 710px;
}
.page-agent .main-section .main-content .content-item {
  padding: 30px;
  background-color: #fff;
  border-radius: 12px;
  margin-bottom: 24px;
}
.page-agent .main-section .main-content .content-item .content-top {
  margin-bottom: 16px;
  text-align: left;
}
.page-agent .main-section .main-content .content-item .content-top .content-title {
  color: #14171A;
  font-size: 26px;
  margin-right: 12px;
}
.page-agent .main-section .main-content .content-item .content-top .content-desc {
  color: #657786;
  font-size: 18px;
}
.page-agent .main-section .main-content .content-item .content-main {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 16px;
}
.page-agent .main-section .main-content .content-item .content-main .product-item {
  width: 150px;
  height: 144px;
  flex: 0 0 150px;
  border-radius: 12px;
}
.page-agent .main-section .main-content .content-item .content-main .product-item .item-img {
  width: 150px;
}
.page-agent .main-section .main-content .content-item .content-main .product-item .product-desc {
  height: 44px;
  line-height: 44px;
  background-color: #F3F6FA;
  color: #14171A;
  font-size: 16px;
  text-align: center;
  border-radius: 0 0 12px 12px;
}
.page-agent .section1 {
  padding: 80px 240px;
  background-color: #fff;
}
.page-agent .section1 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 58px;
  text-align: center;
}
.page-agent .section1 .sectioin-content {
  display: flex;
  gap: 30px;
  margin-bottom: 24px;
}
.page-agent .section1 .sectioin-content .content-item {
  flex: 0 0 460px;
  width: 460px;
  height: 270px;
  padding: 32px;
  background-color: #F3F6FA;
  border-radius: 12px;
  text-align: left;
}
.page-agent .section1 .sectioin-content .content-item .item-title {
  color: #14171A;
  font-size: 32px;
  line-height: 42px;
  margin-bottom: 8px;
}
.page-agent .section1 .sectioin-content .content-item .item-desc {
  color: #657786;
  font-size: 18px;
  margin-bottom: 24px;
}
.page-agent .section1 .sectioin-content .content-item .item-features {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 22px;
}
.page-agent .section1 .sectioin-content .content-item .item-features .feature-item {
  background-color: #fff;
  padding: 12px 20px;
  border-radius: 6px;
  color: #657786;
}
.page-agent .section1 .sectioin-content .content-item .color-blue {
  color: #1870FF;
  font-size: 20px;
}
.page-agent .section1 .section-content2 {
  margin-top: 24px;
  background-color: #F3F6FA;
  border-radius: 12px;
  padding: 32px;
}
.page-agent .section1 .section-content2 .content-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 8px;
  text-align: center;
}
.page-agent .section1 .section-content2 .content-desc {
  color: #657786;
  font-size: 18px;
  margin-bottom: 24px;
  text-align: center;
}
.page-agent .section1 .section-content2 .content-items {
  display: flex;
  justify-content: space-between;
}
.page-agent .section1 .section-content2 .content-items .content-item {
  text-align: center;
}
.page-agent .section1 .section-content2 .content-items .content-item .item-img {
  width: 72px;
  height: 72px;
  margin-bottom: 8px;
}
.page-agent .section2 {
  padding: 80px 240px;
  background-color: #F3F6FA;
}
.page-agent .section2 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 58px;
  text-align: center;
}
.page-agent .section2 .section-content {
  display: flex;
  gap: 24px;
}
.page-agent .section2 .section-content .content-item {
  padding: 58px 38px;
  width: 464px;
  height: 420px;
  flex: 0 0 464px;
  text-align: center;
  background-color: #fff;
  border-radius: 12px;
}
.page-agent .section2 .section-content .content-item .item-img {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  margin-bottom: 34px;
}
.page-agent .section2 .section-content .content-item .item-title {
  color: #14171A;
  font-size: 36px;
  margin-bottom: 10px;
}
.page-agent .section2 .section-content .content-item .item-desc {
  color: #868A8F;
  font-size: 20px;
}
.page-agent .section3 {
  padding: 80px 240px;
  background-color: #fff;
}
.page-agent .section3 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 58px;
  text-align: center;
}
.page-agent .section3 .section-img {
  width: 1440px;
  height: 688px;
  margin-bottom: 72px;
}
.page-agent .section3 .section-content {
  margin-top: 85px;
  width: 1440px;
  height: 323px;
  background: linear-gradient(to bottom, #FFFFFF 0%, #F3F6FA 100%);
  border-radius: 16px 16px 16px 16px;
  padding: 0 120px;
  display: flex;
  gap: 120px;
}
.page-agent .section3 .section-content .content-item {
  width: 320px;
  flex: 0 0 320px;
}
.page-agent .section3 .section-content .content-item .item-img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  margin-bottom: 25px;
}
.page-agent .section3 .section-content .content-item .item-title {
  color: #14171A;
  font-size: 26px;
  margin-bottom: 24px;
  text-align: center;
}
.page-agent .section3 .section-content .content-item .item-detail {
  display: flex;
  padding: 20px 20px;
  background-color: #fff;
  border-radius: 12px;
}
.page-agent .section3 .section-content .content-item .item-detail .detail-side {
  width: 50%;
  flex: 0 0 50%;
  text-align: left;
}
.page-agent .section3 .section-content .content-item .item-detail .detail {
  color: #657786;
  font-size: 18px;
  padding-left: 15px;
  position: relative;
  display: block;
}
.page-agent .section3 .section-content .content-item .item-detail .detail::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  background: #00AF66;
  border-radius: 50%;
}
.page-agent .section4 {
  text-align: center;
  padding: 80px 240px;
}
.page-agent .section4 .title {
  font-size: 46px;
  color: #14171A;
  margin-bottom: 16px;
}
.page-agent .section4 .desc {
  color: #657786;
  font-size: 20px;
  margin-bottom: 80px;
}
.page-agent .section4 .section-content {
  display: flex;
  gap: 1px;
}
.page-agent .section4 .section-content .section-content-item {
  width: 360px;
  height: 500px;
  flex: 0 0 360px;
}
.page-agent .section4 .section-content .item1 {
  background: url("/img/about/section2-1.png") no-repeat center center;
  background-size: cover;
  padding: 52px;
  text-align: left;
}
.page-agent .section4 .section-content .item1 .item-row {
  color: #fff;
  margin-bottom: 36px;
}
.page-agent .section4 .section-content .item1 .item-row .row-title {
  font-size: 56px;
  line-height: 74px;
  margin-bottom: 6px;
}
.page-agent .section4 .section-content .item1 .item-row .row-desc {
  color: #E6F7F0;
  font-size: 20px;
}
.page-agent .section4 .section-content .item2 {
  background: linear-gradient(to bottom, #FFFFFF 0%, #DEE6E1 100%);
  padding: 68px;
}
.page-agent .section4 .section-content .item2 .item2-img {
  width: 88px;
  height: 88px;
  border: 1px dashed #AAB8C2;
  margin-bottom: 24px;
  margin: 0 auto;
}
.page-agent .section4 .section-content .item2 .title {
  color: #14171A;
  font-size: 26px;
  margin-bottom: 8px;
}
.page-agent .section4 .section-content .item2 .desc {
  color: #AAB8C2;
  font-size: 20px;
  margin-bottom: 65px;
}
.page-agent .section4 .section-content .item2 .desc-line {
  text-align: center;
  color: #657786;
  font-size: 16px;
  margin-bottom: 12px;
}
.page-agent .section4 .section-content .item2 .desc-line .desc-img {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  border: 1px dashed #AAB8C2;
}

.banner.downapp {
  height: 580px;
  background: url("/img/price/banner.png") center center;
  background-size: cover;
}
.banner.downapp .container {
  color: #fff;
}
.banner.downapp .container .title {
  font-size: 48px;
  margin-bottom: 16px;
}
.banner.downapp .container .desc {
  font-size: 20px;
  margin-bottom: 100px;
}
.banner.downapp .container .action .register-btn {
  background-color: #fff;
  color: #00AF66;
  margin: 0;
}

.downapp .app-section1 {
  height: 76px;
  line-height: 76px;
  background-color: #F8FBF9;
  display: flex;
  padding: 0 530px;
  gap: 140px;
  font-size: 18px;
  color: #282D37;
}
.downapp .app-section1 .section1-item .item-img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
.downapp .app-section2 {
  height: 712px;
  background-color: #fff;
  padding: 80px 240px 77px;
}
.downapp .app-section2 .title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 56px;
  text-align: center;
}
.downapp .app-section2 .section-content {
  display: flex;
  gap: 40px;
  color: #fff;
  text-align: center;
}
.downapp .app-section2 .section-content .content-item {
  flex: 0 0 330px;
  width: 330px;
  height: 450px;
  border-radius: 12px;
  padding: 56px 0px 42px;
}
.downapp .app-section2 .section-content .content-item .content-item-img {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.downapp .app-section2 .section-content .content-item .content-item-title {
  margin-top: 28px;
  margin-bottom: 20px;
  font-size: 24px;
}
.downapp .app-section2 .section-content .content-item .content-item-desc {
  font-size: 14px;
}
.downapp .app-section2 .section-content .content-item .btns {
  margin-top: 45px;
}
.downapp .app-section2 .section-content .content-item .btns .down-btn {
  width: 140px;
  height: 44px;
  line-height: 44px;
  border-radius: 8px;
  background-color: #1D6D4A;
  color: #fff;
  padding: 0 30px;
  text-align: left;
  margin: 0 auto;
  margin-bottom: 12px;
}
.downapp .app-section2 .section-content .content-item .btns .down-btn .down-btn-img {
  display: inline-block;
  width: 18px;
  height: 16px;
  margin-right: 8px;
  vertical-align: middle;
}
.downapp .app-section2 .section-content .content-item1 {
  background: url("/img/price/section2-1-bg.png") no-repeat center center;
  background-size: cover;
}
.downapp .app-section2 .section-content .content-item2 {
  background: url("/img/price/section2-2-bg.png") no-repeat center center;
  background-size: cover;
}
.downapp .app-section2 .section-content .content-item3 {
  background: url("/img/price/section2-3-bg.png") no-repeat center center;
  background-size: cover;
}
.downapp .app-section2 .section-content .content-item4 {
  background: url("/img/price/section2-4-bg.png") no-repeat center center;
  background-size: cover;
}
.downapp .app-section3 {
  padding: 80px 240px;
  background-color: #F3F6FA;
}
.downapp .app-section3 .title {
  color: #14171A;
  font-size: 46px;
  text-align: center;
  margin-bottom: 56px;
}
.downapp .app-section3 .section3-items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.downapp .app-section3 .section3-items .section-item {
  flex: 0 0 700px;
  width: 700px;
  height: 390px;
  padding: 24px;
  border-radius: 16px;
  background-color: #fff;
  text-align: left;
}
.downapp .app-section3 .section3-items .section-item .item-title {
  color: #14171A;
  font-size: 26px;
}
.downapp .app-section3 .section3-items .section-item .desc {
  color: #657786;
  font-size: 14px;
  margin-bottom: 12px;
}
.downapp .app-section3 .section3-items .section-item .down-types {
  padding: 24px 40px;
  background-color: #F3F6FA;
  display: flex;
  gap: 35px;
  border-radius: 16px;
}
.downapp .app-section3 .section3-items .section-item .down-types .types-item {
  text-align: center;
}
.downapp .app-section3 .section3-items .section-item .down-types .types-item .types-item-img {
  width: 88px;
  height: 88px;
  margin-bottom: 12px;
}
.downapp .app-section3 .section3-items .section-item .down-types .types-item .item-title {
  color: #14171A;
  font-size: 14px;
}
.downapp .app-section3 .section3-items .section-item .down-types .types-item .item-desc {
  color: #657786;
  font-size: 11px;
}
.downapp .app-section3 .section3-items .section-item .down-types .types-item .down-btn {
  margin-top: 12px;
  padding: 7px 10px;
  background-color: #fff;
  border-radius: 4px;
  color: #14171A;
}
.downapp .app-section3 .section3-items .section-item .down-types .types-item .down-btn:hover {
  color: #fff;
  background-color: #00AF66;
}
.downapp .app-section4 {
  padding: 80px 240px 29px;
}
.downapp .app-section4 .section-title {
  color: #14171A;
  font-size: 46px;
  margin-bottom: 56px;
  text-align: center;
}
.downapp .app-section4 .section-content {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.downapp .app-section4 .section-content .content-item {
  flex: 0 0 455px;
  width: 455px;
  height: 424px;
  border-radius: 16px;
  background-color: #F3F6FA;
  text-align: center;
}
.downapp .app-section4 .section-content .content-item .item-img {
  width: 455px;
  height: 260px;
  margin-bottom: 36px;
}
.downapp .app-section4 .section-content .content-item .item-title {
  margin-bottom: 20px;
  text-align: center;
  color: #14171A;
  font-size: 24px;
}
.downapp .app-section4 .section-content .content-item .item-down {
  display: inline-block;
  padding: 12px 38px;
  border-radius: 8px;
  background-color: #fff;
  color: #14171A;
}
.downapp .app-section4 .section-content .content-item .item-down:hover {
  color: #fff;
  background-color: #1EBD73;
}/*# sourceMappingURL=pages.css.map */