.reflec-item img, .introd_pic img, .qa_pic img, .eco_cells_dicon img {
  display: block;
  width: 100%;
}

.target-pic img {
  display: block;
  max-width: 100%;
}

.club_pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* introd-content */
.introd-content {
  font-family: "SourceHanSansCN-Regular";
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  /* gap: 4rem; */
  margin: 8.0rem 0 0 0;
  line-height: 3.2rem;
  font-size: 1.8rem;
  color: rgba(29, 29, 31, 0.95);
  border-radius: 2.4rem;
}

.introd-content figure {
  padding: 8.7rem 3.5rem 6.4rem 2.6rem;
  flex: 1;
  min-width: 0;
}
.target-title, .introd-content figure h3 {
  line-height: 3.4rem;
  font-size: 3.2rem;
  font-weight: bold;
}
.introd-content figure h3 {
  margin: 0 0 2.8rem;
}
.target-title {
  padding: 0 2.6rem;
}

.target-contents {
  margin: 11.6rem 0 0 0;
  padding: 2rem 0 0 0;
  border-top: 1px solid rgba(151, 151, 151, 0.8);
}

.target-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
  margin: 2.4rem 0 0 0;
}
.target-item {
  font-family: "SourceHanSansCN-Regular";
  padding: 6.9rem 1.9rem 3.8rem 1.9rem;
  line-height: 3.2rem;
  font-size: 1.8rem;
  color: var(--black-light-3);
  background: var(--bg-color-3);
  background-size: cover;
  border-radius: 2rem;
  text-align: center;
}
.target-pic {
  display: inline-block;
  width: 13.5rem;
}

.target-icon {
  display: block;
  margin: 0 auto;
}

.target-icon img {
  transition: all 0.45s linear 0s;
}

.target-icon2 {
  width: 9.6rem;
}

.target-icon3 {
  width: 13.5rem;
}

.target-pic:hover .target-icon2 img {
  transform: translate(0, -10px);
}

.target-pic:hover .target-icon3 img {
  transform: translate(0, 10px);
}

.target-item-desc {
  margin: -6.5rem 0 0 0;
  text-align: left;
}

/* swiper-content */
.swiper-content {
  margin-top: 8rem;
  padding: 0 23.4rem;
  /* display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem; */
}
.win-item {
  width: 42.8rem;
  height: 60.4rem;
  border-radius: var(--radius-primary);
  background-color: var(--bg-color-1);
  padding: 0 0 1rem 0;
  display: flex;
  flex-direction: column;
}
.win-item-img {
  width: 100%;
  height: 30.2rem;
  position: relative;
}
.win-item-title {
  margin-top: 5.9rem;
  padding: 0 2.3rem;
  font-size: 2.4rem;
  line-height: 3.6rem;
  color: var(--text-color-1);
  font-family: "SourceHanSansCN" !important;
  font-weight: bold !important;
}
.win-item-desc {
  margin-top: 2.1rem;
  padding: 0 2.3rem;
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: rgba(98, 98, 98, 0.8);
  font-family: "SourceHanSansCN-Regular" !important;
}

.swiper-content .swiper-wrapper {
  /* padding: 0 23.4rem; */
}

.arrow_btns {
  padding: 0 23.4rem;
  margin: 6.1rem 0 0 0;
  justify-content: flex-end;
}

.swiper-content .swiper-slide {
  width: auto;
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; */
}

.arrow_btns,
.arrow_btns .swiper-button-prev,
.arrow_btns .swiper-button-next {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
}

.arrow_btns .swiper-button-prev, .arrow_btns .swiper-button-next {
  position: relative;
  justify-content: center;
  left: auto;
  right: auto;
  margin: 0 1rem;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  border-radius: 50%;
  background: #E0E0E3;
}

.arrow_btns .swiper-button-next:after,
.arrow_btns .swiper-button-prev:after {
  font-size: 1.8rem;
  font-weight: bold;
  color: #626263;
}

/* club-active-content */
.section-bg-club {
  background: url('../../images/eco/club_bg.png') 0 0 no-repeat;
  background-size: cover;
}
.club-active-content {
  margin: 18.6rem 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem;
}

.alub_item {
  margin: 0 0 2rem 0;
  width: 18.5rem;
  height: 32.76rem;
  line-height: 3rem;
  font-size: 1.8rem;
  color: var(--black-light-4);
  text-align: center;
}

.alub_item hgroup h4 {
  line-height: 3.6rem;
  font-size: 2.2rem;
  color: rgba(29, 29, 31, 0.95);
  font-family: "SourceHanSansCN-Medium" !important;
  font-weight: 500 !important;
}

.alub_item hgroup p {
  margin: 2.4rem 0 0 0;
}


.club_pic {
  display: inline-block;
  width: 10rem;
  height: 10rem;
  margin: 0 0 5.6rem 0;
}

/* eco_member_contemt */
.eco_member_contemt {
  margin: 5.3rem 0 0 0;
}

.eco_member_contemt ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 2rem;
}

.eco_member_contemt li {
  height: 11.6rem;
}

.eco_member_contemt li a {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  background: var(--white-primary);
}

.eco_member_contemt li img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* section-add-bg */
.section-add-bg {
  padding: 9.6rem 23.4rem 6.5rem 23.4rem;
  background: url("../../images/eco/vip_add_bg.png") 0 0 no-repeat, linear-gradient(0, #eef1f6, #edeff5);
  background-size: cover;
}

.add-line {
  flex: 1;
  min-width: 0;
  height: 0;
  margin: 8rem 0 0 0;
  border-bottom: 1px solid #ccc;
}

.eco_add_content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.1rem;
  margin: 10.4rem 0 0 0;
}
.add-item {
  width: 16.2rem;
  line-height: 4.2rem;
  font-size: 3rem;
  color: var(--black-light-3);
  text-align: center;
}
.add-item hgroup {
  margin: 1.7rem 0 0 0;
  /* min-height: 10.2rem; */
}

.add-item hgroup h5 {
  font-weight: 500;
}
.qa_pic {
  display: inline-block;
  width: 16.2rem;
}

.eco_cells_content {
  margin: 10rem 0 0 0;
  padding: 0 2.75rem;
  line-height: 3.6rem;
  font-size: 2.2rem;
  color: var(--black-light-1);
  font-weight: 500;
}

.eco_cells_content figure em {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.eco_cells_content figure em {
  margin: 0 0 2rem 0;
  color: rgba(29, 29, 31, 0.95);
}
.eco_cells_content figure p {
  flex: 1;
  min-width: 0;
}
.eco_cells_content figure span {
  display: block;
  margin: 0 0 1rem 0;
}
.eco_cells_content figure b {
  font-weight: 500;
}
 .eco_cells_content figure i {
  font-weight: normal;
  font-style: normal;
}
.eco_cells_dicon {
  width: 2.7rem;
  height: 2.7rem;
  margin: 0 1.2rem 0 0;
}

/* section-news-btn */
.section-news-btn {
  margin: 6.5rem 0 0 0;
}

.section-nmber-btn {
  margin: 9rem 0 0 0;
}
.section-nmber-btn a {
  width: 41.4rem;
}
@media screen and (max-width: 1280px) {
  /* section-add-bg */
  .section-add-bg {
    padding: 9.6rem 6rem 5rem 6rem;
  }
  .swiper-content {
    padding: 0 6em;
  }

  .arrow_btns {
    padding: 0 6rem;
  }
}

@media screen and (max-width: 767px) {
  /* section-add-bg */
  .section-add-bg {
    padding: 36rem 0.5rem;
  }
  /* introd-content */
  .introd-content {
    display: block;
    gap: 1rem;
    margin: 1rem 0 0 0;
    line-height: 1.2rem;
    font-size: 0.7rem;
    border-radius: 1rem;
  }

  .introd-content figure {
    padding: 1rem 0.5rem;
  }
  .target-title,
  .introd-content figure h3 {
    line-height: 1.6rem;
    font-size: 1.2rem;
    text-align: center;
  }
  .introd-content figure h3 {
    margin: 0 0 0.75rem;
  }
  .target-title {
    padding: 0;
  }

  .target-contents {
    margin: 1.5rem 0 0 0;
    padding: 0.75rem 0 0 0;
  }

  .target-items {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.5rem;
    margin: 0.5rem 0 0 0;
  }

  .target-item {
    padding: 0.75rem 0.5rem 0.4rem 0.5rem;
    line-height: 1rem;
    font-size: 0.7rem;
    border-radius: 1rem;
  }

  .target-pic {
    width: 4.5rem;
  }

  .target-icon2 {
    width: 3rem;
  }

  .target-icon3 {
    width: 4.5rem;
  }

  .target-item-desc {
    margin: -2.5rem 0 0 0;
  }

  /* swiper-content */
  .swiper-content {
    margin-top: 2rem;
    padding: 0;
  }

  .win-item {
    width: 10.7rem;
    height: 18.5rem;
    border-radius: 1rem;
    padding: 0 0 0.75rem 0;
  }

  .win-item-img {
    height: 7rem;
  }

  .win-item-title {
    margin-top: 1rem;
    padding: 0 0.5rem;
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .win-item-desc {
    margin-top: 0.5rem;
    padding: 0 0.5rem;
    font-size: 0.7rem;
    line-height: 1rem;
  }

  .arrow_btns {
    padding: 0;
    margin: 1.5rem 0 0 0;
  }

  .arrow_btns .swiper-button-prev,
  .arrow_btns .swiper-button-next {
    margin: 0 0.5rem;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
  }

  .arrow_btns .swiper-button-next:after,
  .arrow_btns .swiper-button-prev:after {
    font-size: 0.9rem;
  }

  /* club-active-content */
  .club-active-content {
    margin: 2rem 0 0 0;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex: 0.5rem;
  }

  .alub_item {
    margin: 0 0 1rem 0;
    width: 8rem;
    height: auto;
    line-height: 1rem;
    font-size: 0.7rem;
  }

  .alub_item hgroup h4 {
    line-height: 1rem;
    font-size: 0.7rem;
  }

  .alub_item hgroup p {
    margin: 0.75rem 0 0 0;
  }


  .club_pic {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 0 0.75rem 0;
  }

  /* eco_member_contemt */
  .eco_member_contemt {
    margin: 1rem 0 0 0;
  }

  .eco_member_contemt ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
  }
  .eco_member_contemt li {
    height: 3rem;
  }
  .eco_member_contemt li a {
    border-radius: 0.4rem;
  }

  /* section-add-bg */
  .add-line {
    margin: 1.5rem 0 0 0;
  }
  .eco_add_content {
    flex-wrap: wrap;
    gap: 0.25rem;
    margin: 1.5rem 0 0 0;
  }

  .add-item {
    width: 3rem;
    line-height: 1.6rem;
    font-size: 0.8rem;
  }

  .add-item hgroup {
    margin: 0.5rem 0 0 0;
  }

  .qa_pic {
    width: 3rem;
  }

  .eco_cells_content {
    margin: 1.5rem 0 0 0;
    padding: 0;
    line-height: 1.2rem;
    font-size: 0.8rem;
  }

  .eco_cells_content figure em, .eco_cells_content figure span {
    margin: 0 0 0.5rem 0;
  }

  .eco_cells_dicon {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 0.6rem 0 0;
  }

  /* section-news-btn */
  .section-news-btn {
    margin: 1.25rem 0 0 0;
  }

  .section-nmber-btn {
    margin: 2rem 0 0 0;
  }

  .section-nmber-btn a {
    width: 10rem;
  }
}