.section1 {
  height: 722rem;
  background: url("/ebc-static/image/activity/barac2526/bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.section1-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 160rem;
  height: 100%;
  margin: 0 auto;
  max-width: 1920rem;
}
.ar .section1 {
  padding-right: 740rem;
}
.img-logo {
  height: 80rem;
}
/* .section1 h1 {
  margin-top: 50rem;
  color: var(--ebc--, #fff);
  font-size: 64rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  max-width: 1000rem;
}
.en h1 {
  font-size: 56rem;
}

.jp h1 {
  font-size: 52rem;
}
.th h1 {
  font-size: 54rem;
}
.pt h1 {
  font-size: 48rem;
}
.ru h1 {
  font-size: 44rem;
}

.mn h1 {
  font-size: 54rem;
}
.id h1 {
  font-size: 54rem;
}
.kr h1 {
  font-size: 50rem;
}

.es h1 {
  font-size: 40rem;
} */

.section1 h1 {
  /* margin-top: 50rem; */
  color: var(--ebc--, #fff);
  font-size: 54rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  max-width: 1000rem;
}
.en h1 {
  font-size: 56rem;
}

.jp h1 {
  font-size: 52rem;
}
.th h1 {
  font-size: 54rem;
}
.pt h1 {
  font-size: 44rem;
}
.ru h1 {
  font-size: 44rem;
}

.mn h1 {
  font-size: 48rem;
}
.id h1 {
  font-size: 54rem;
}
.kr h1 {
  font-size: 50rem;
}

.es h1 {
  font-size: 40rem;
}

.section1 h1 span {
  color: #ff4b4e;
}
.section1 .title-intro {
  margin-top: 22rem;
  color: var(--Text-Primary_White, #fff);
  font-size: 24rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 1000rem;
  text-align: start;
}

.en .title-intro {
  font-size: 18rem;
  font-weight: 400;
}
.section1 .ebc-btn-large {
  margin-top: 70rem;
  min-width: 270rem;
}

.rem-container h2 {
  color: var(--Text-Primary, #000);
  font-size: 48rem;
  font-style: normal;
  font-weight: 700;
  line-height: 56rem;
  text-align: center;
  padding: 0 20rem;
}

.section2-inner,
.section3-inner,
.section4-inner,
.section5-inner,
.section6-inner {
  padding: 120rem 360rem;
}

.title-intro {
  margin-top: 16rem;
  color: var(--Text-Secondary, rgba(0, 0, 0, 0.64));
  text-align: center;
  font-size: 20rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}

.section2 {
  background: url("/ebc-static/image/activity/barac2526/bg2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.section2 .link-box {
  margin-top: 16rem;
  /* padding-left: 8rem; */
  display: flex;
  justify-content: center;
}
.section2 .vector-box,
.section3 .vector-box {
  margin-bottom: 16rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5rem;
  color: var(--Text-Primary, #000);
  text-align: center;
  font-size: 24rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}
.section3 .vector-box {
  color: #fff;
}
.section2 .vector-box .icon-Vector,
.section3 .vector-box .icon-Vector {
  font-size: 18rem;
}
.section2 .vector-box .blue,
.section3 .vector-box .blue {
  color: #114291;
}
.section2 .vector-box .red,
.section3 .vector-box .red {
  color: #a52933;
}
.section2 .show-link {
  position: relative;
  display: flex;
  /* align-items: center; */
  gap: 6rem;
  color: var(--Brand-Secondary-Red, #a52933);
  text-align: center;
  font-size: 16rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.75;
  /* text-decoration-line: underline; */
}
.section2 .show-link::after {
  content: "\e624";
  font-family: "iconfont" !important;
  font-size: 16rem;
  line-height: 1.75;
}
.section2-content {
  margin-top: 46rem;
  padding: 60rem 20rem;
  border-radius: var(--Corner-Radius-RC24, 24rem);
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(12rem);
  overflow: hidden;
}
.level-box {
  display: flex;
  flex-direction: column;
  gap: 30rem;
  align-items: center;
}
.level-box .icon-right-round {
  font-size: 28rem;
  color: rgba(0, 0, 0, 0.24);
}
.ar .level-box .icon-right-round {
  transform: rotate(180deg);
}
.level-title {
  color: var(--Text-Secondary, rgba(0, 0, 0, 0.64));
  text-align: center;
  font-size: 16rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5; /* 150% */
}
.level-content {
  display: flex;
  align-items: center;
  gap: 80rem;
}
.level-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 230rem;
  flex-shrink: 0;
}
.level-img {
  width: 210rem;
  height: 210rem;
}
.level-tips {
  color: #000;
  text-align: center;
  font-size: 20rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
}
.good-list-swiper-pagination {
  margin-top: 68rem;
  display: flex;
}
.good-index-item {
  position: relative;
  flex-shrink: 0;
  margin: 0 !important;
  width: 16.6% !important;
  height: auto !important;
  opacity: 1 !important;
  background: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.good-index-item::after {
  position: absolute;
  left: 50%;
  top: 12px;
  content: "";
  width: 100%;
  height: 4px;
  background: #e4e4e4;
  z-index: -1;
}
.ar .good-index-item::after {
  left: unset;
  right: 50%;
}
.good-index-item:last-child:after {
  content: none;
}

.good-index-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid #d6d6d6;
  background: #fff;
  border-radius: 50%;
  transition: all 0.3s;
}

.good-index-box .good-index-inner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1;
  width: 20px;
  height: 20px;
  background: #d6d6d6;
  border-radius: 50%;
  color: #e0e0e0;
  transition: all 0.3s;
}
.swiper-pagination-bullet-active .good-index-box {
  transform: scale(1.1);
  border-color: #5d2333;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.swiper-pagination-bullet-active .good-index-inner {
  background: #5d2333;
}

.Lv-label {
  margin-top: 10rem;
  color: var(--Text-Primary, #000);
  text-align: center;
  font-size: 20rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
}
.Lv-value {
  margin-top: 10rem;
  color: var(--Text-Secondary, rgba(0, 0, 0, 0.64));
  text-align: center;
  font-size: 14rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}

.section3 {
  background: url("/ebc-static/image/activity/barac2526/bg3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.section3 .section3-title {
  color: var(--Text-Primary_White, #fff);
}

.section3 .title-intro {
  color: var(--Text-Primary_White, #fff);
}
.section3-content {
  position: relative;
  display: flex;
  gap: 24rem;
  margin-top: 40rem;
  width: 100%;
  height: 478rem;
  background: url("/ebc-static/image/activity/barac2526/section3_card.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.section3-content-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(50% - 12rem);
  height: 100%;
  flex-shrink: 0;
}
.section3-content-card:first-child {
  padding-right: 16rem;
}
.section3-content-card:last-child {
  padding-left: 16rem;
}

.section3-content-table {
  display: grid;
  grid-template-columns: 230rem 230rem; /* 2列，等宽 */
  grid-template-rows: 125rem 125rem; /* 2行，等高 */
  gap: 16rem; /* 间距16px */
}
.en .section3-content-table {
  grid-template-rows: 145rem 145rem; /* 2行，等高 */
}

.section3-content-table-item {
  display: flex;
  flex-direction: column;

  align-items: center;
  justify-content: center;
  padding: 20rem;
  border-radius: var(--Corner-Radius-RC08, 8rem);
  background: linear-gradient(180deg, #fff 0%, #fff 100%);
  gap: 8rem;
}
.jp .section3-content-table-item,
.es .section3-content-table-item,
.pt .section3-content-table-item {
  padding: 8rem;
}
.es .good-name,
.pt .good-name {
  font-size: 16rem;
}

.section3-content-table-item1 {
  grid-column: 1; /* 第1列 */
  grid-row: 1 / span 2; /* 从第1行开始，跨越2行 */
}
/* .section3-content-table-item2{
  gap: 18rem;
} */

.section3-content .good-name {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6rem;
  color: var(--Text-Primary, #000);
  text-align: center;
  font-size: 20rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
}
.en .good-name {
  font-size: 18rem;
}
.section3-content .has-icon::before {
  font-family: "iconfont" !important;
  content: "\e605";
  color: #a52933;
}
.section3-content .has-icon::after {
  font-family: "iconfont" !important;
  content: "\e605";
  color: #114291;
}

.section3 .img1 {
  margin-top: 10rem;
  height: 180rem;
}

.section3 .img2 {
  height: 33rem;
}
.section3 .img22 {
  height: 42rem;
}

.section3 .img3 {
  height: 55rem;
}

.section3-number {
  margin-top: 20rem;
  color: var(--Text-Primary_White, #fff);
  text-align: center;
  font-size: 40rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
.section3-number-label {
  display: flex;
  gap: 8rem;
  margin-top: 4rem;
  color: var(--Text-Primary_White, #fff);
  text-align: center;
  font-size: 24rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5; /* 150% */
}
.section4 {
  /* background: #f7f7f7; */
}
.section6 {
  background: #f7f7f7;
}
.section4-content {
  margin-top: 60rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section4-card {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 18rem 16rem;
  height: 132rem;
  width: 362rem;
  border-radius: var(--Corner-Radius-RC16, 16rem);
  background: #f7f7f7;
  /* background: #fff; */
  gap: 12rem;
}
.es .section4-card,
.pt .section4-card {
  height: 180rem;
}
.section4-img {
  width: 94rem;
  height: 94rem;
  flex-shrink: 0;
}
.section4-card p {
  color: var(--Text-Primary, #000);
  /* text-align: center; */
  font-size: 24rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5; /* 150% */
}
.en .section4-card p {
  font-size: 18rem;
}
.section4-form-btn {
  color: #a52933;
  text-decoration: underline;
}
.section4-form-btn:hover {
  color: #a52933;
}

.step1 {
  background-image: url("/ebc-static/image/activity/creator-incentives/1.png");
  background-repeat: no-repeat;
  background-size: 120rem auto;
  background-position: right bottom;
}

.step2 {
  background-image: url("/ebc-static/image/activity/creator-incentives/2.png");
  background-repeat: no-repeat;
  background-size: 120rem auto;
  background-position: right bottom;
}

.step3 {
  background-image: url("/ebc-static/image/activity/creator-incentives/3.png");
  background-repeat: no-repeat;
  background-size: 120rem auto;
  background-position: right bottom;
}
.section4 .icon-right-round {
  font-size: 24rem;
  color: #595959;
}
.ar .section4 .icon-right-round {
  transform: rotate(180deg);
}
.button-box {
  margin-top: 60rem;
  display: flex;
  justify-content: center;
}

.section5-tips {
  margin-top: 40rem;
  color: var(--Text-Quaternary, rgba(0, 0, 0, 0.24));
  font-size: 12rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6;
}

.match-list-box {
  /* background: #fff; */
  border-radius: 10rem;
  padding-bottom: 30rem;
}
.match-tips {
  color: var(--Brand-Neutral-Deep_gray, #6a6967);
  text-align: center;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  padding-bottom: 40rem;
}
.ebc-dialog-content {
  height: auto;
  padding-right: 0;
  overflow: visible;
}
.match-list {
  margin-top: 7rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20rem;
  height: 340rem;
  overflow-y: auto;
  padding-left: 16rem;
  padding-bottom: 10rem;
}

.match-header {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--Text-Primary_White, #fff);
  font-size: 16rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
  height: 56rem;
  text-align: center;
  background: url("/ebc-static/image/activity/barac2526/match-title.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  transform: translateY(-16rem);
  padding: 0 80rem;
}
.match-header span {
  font-weight: 400;
}

.match-item {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.match-item-label {
  padding: 0 20rem;
  min-width: 185rem;
  border-left: 4px solid #a52933;
  transform: skewX(-27.5deg);
  background-color: #f7f7f7;
  color: var(--Text-Primary, #000);
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin-right: 10rem;
}

.match-item-label-text {
  display: inline-block;
  transform: skewX(27.5deg);
}

.match-item-value {
  border: 1px solid #a52933;
  transform: skewX(-27.5deg);
  padding: 0 20rem;
  min-width: 290rem;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  margin-right: 24rem;
}

.match-item-value-text {
  display: flex;
  justify-content: flex-start;
  padding-left: 10rem;
  align-items: baseline;
  gap: 15rem;
  transform: skewX(27.5deg);
  text-align: center;
}
.match-vs {
  font-size: 12rem;
  color: #3e77ea;
}

.ebc-dialog {
  padding: 0;
}
.ebc-dialog .ebc-dialog-close-btn {
  right: 20rem;
  top: 28rem;
  font-size: 20rem;
}
.ebc-dialog-content {
  padding: 0 20rem;
}

/* 整个滚动条 */
.match-list::-webkit-scrollbar {
  width: 6rem; /* 竖向滚动条宽度 */
  height: 6rem; /* 横向滚动条高度 */
}

/* 滚动条轨道 */
.match-list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 3rem;
}

/* 滚动条滑块 */
.match-list::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 3rem;
}

/* 滚动条滑块悬停状态 */
.match-list::-webkit-scrollbar-thumb:hover {
  background: #f2f2f2;
}
.h1-br {
  display: none;
}

.section6-content {
  margin-top: 90rem;
  display: flex;
  justify-content: space-between;
}
.section6-content-left {
  flex-shrink: 0;
  position: relative;
  width: 540rem;
  overflow: hidden;
}
.section6-content-right {
  position: relative;
  width: 550rem;
  flex-shrink: 0;
}
.attraction-imgs {
}
.attraction-img {
  position: absolute;
  width: 456rem;
  /* height: 100%; */
  object-fit: cover;
  border-radius: 12rem;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); */
}

/* 默认布局：第0张最左（当前），第1张中间，第2张最右（最小） */
.attraction-img:nth-child(1) {
  /* 当前卡 */
  z-index: 3;
  transform: translateX(0) scale(1);
  left: 0;
  filter: brightness(1);
}

.attraction-img:nth-child(2) {
  /* 中间卡 */
  z-index: 2;
  transform: translateX(70rem) scale(0.9);
  left: 0;
  filter: brightness(0.7);
}

.attraction-img:nth-child(3) {
  /* 最后卡 */
  z-index: 1;
  transform: translateX(140rem) scale(0.8);
  left: 0;
  filter: brightness(0.5);
}

.section6-item-title {
  color: var(--Text-Primary, #000);
  font-size: 32rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
}
.section6-item-intro {
  margin-top: 32rem;
  color: var(--Text-Secondary, rgba(0, 0, 0, 0.64));
  font-size: 16rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5; /* 150% */
}
.attraction-list-btns {
  margin-top: 80rem;
  display: flex;
  gap: 24rem;
}

.attraction-list-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 62rem;
  height: 62rem;
  border-radius: 50%;
  background-color: #e7e7e7;
  transition: background 0.3s;
}
.attraction-list-btn:hover {
  background-color: #f2f2f2;
}
.attraction-list-btn .icon-wrapper1 {
  font-size: 30rem;
}
.attraction-list-prev-btn .icon-wrapper1 {
  transform: rotate(180deg);
}
.ar .attraction-list-prev-btn .icon-wrapper1 {
  transform: rotate(0);
}

.ar .attraction-list-next-btn .icon-wrapper1 {
  transform: rotate(180deg);
}
.section2-tips {
  margin-top: 48rem;
  display: flex;
  justify-content: center;
  text-align: center;
  color: var(--Text-Secondary, rgba(0, 0, 0, 0.64));
  font-size: 16rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5; /* 150% */
}
.section3-tips {
  margin-top: 48rem;
  display: flex;
  justify-content: center;
  text-align: center;
  color: var(--Text-Quaternary_White, rgba(255, 255, 255, 0.32));
  font-size: 16rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5; /* 150% */
}
@media (max-width: 1440px) {
  .section2-inner,
  .section3-inner,
  .section4-inner,
  .section5-inner,
  .section6-inner {
    padding: 120rem 120rem;
  }
  .section1 {
    background-position: -480rem 0;
  }
  .section1-inner {
    padding: 0 710rem 0 100rem;
  }
  .ar .section1 {
    padding-right: 10rem;
  }
  .h1-br {
    display: block;
  }
  /* .en h1 {
        font-size: 48rem;
    }

    .jp h1 {
        font-size: 38rem;
    }

    .th h1 {
        font-size: 44rem;
    }

    .ru h1 {
        font-size: 42rem;
    }

    .pt h1 {
        font-size: 38rem;
    }

    .id h1 {
        font-size: 44rem;
    }

    .es h1 {
        font-size: 34rem;
    } */

  .en h1 {
    font-size: 46rem;
  }
  .jp h1 {
    font-size: 33rem;
  }
  .th h1 {
    font-size: 44rem;
  }
  .mn h1 {
    font-size: 42rem;
  }
  .ru h1 {
    font-size: 40rem;
  }
  .pt h1 {
    font-size: 38rem;
  }
  .id h1 {
    font-size: 44rem;
  }
  .es h1 {
    font-size: 34rem;
  }
}
@media (max-width: 996px) {
  .h1-br {
    display: block;
  }
  .section1 {
    height: auto;
    background: url("/ebc-static/image/activity/barac2526/bg_m.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom;
  }
  .section1-inner {
    justify-content: flex-start;
    align-items: center;
    padding: 89rem 24rem 80rem;
  }

  .ar .section1 {
    padding: 0;
  }
  .section1 h1 {
    line-height: 1.2;
    margin-top: 0;
    font-size: 62rem;
    text-align: center;
  }
  .en h1 {
    /* margin-top: 140rem; */
    font-size: 50rem;
  }
  .mn h1 {
    font-size: 48rem;
  }
  .ru h1 {
    font-size: 45rem;
  }
  .pt h1 {
    font-size: 44rem;
  }
  .es h1 {
    /* margin-top: 120rem; */
    font-size: 40rem;
  }
  /* .section1 h1 {
    line-height: 1.2;
    margin-top: 128rem;
    font-size: 80rem;
    text-align: center;
  }
  .en h1 {
    font-size: 58rem;
  }
  .jp h1 {
    font-size: 42rem;
  }
  .th h1 {
    font-size: 50rem;
  }
  .ru h1 {
    font-size: 48rem;
  }
  .pt h1 {
    font-size: 43rem;
    margin-top: 160rem;
  }
  .mn h1 {
    font-size: 52rem;
  }
  .kr h1 {
    margin-top: 160rem;
    font-size: 68rem;
  }
  .es h1 {
    margin-top: 180rem;
    font-size: 38rem;
  }
  .id h1 {
    margin-top: 150rem;
    font-size: 50rem;
  } */
  .section1 .title-intro {
    margin-top: 800rem;
    text-align: center;
    font-size: 28rem;
    line-height: 1.25;
  }

  .section1 .ebc-btn-large {
    margin-top: 40rem;
  }

  .section2-inner,
  .section3-inner,
  .section4-inner,
  .section5-inner,
  .section6-inner {
    padding: 160rem 30rem;
  }

  .title-intro {
    font-size: 24rem;
  }
  .section2 {
    background: url("/ebc-static/image/activity/barac2526/bg2_m.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
  /* .section2 .vector-box {
    display: none;
  } */
  .section2-content {
    padding: 80rem 20rem;
  }
  .level-item:first-child {
    width: 100%;
    max-width: unset;
  }
  .level-title {
    font-size: 24rem;
  }
  .level-content {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 48rem 96rem;
    min-height: 520rem;
  }
  .good-index-box {
    width: 20px;
    height: 20px;
  }
  .good-index-box .good-index-inner {
    font-size: 14px;
    width: 14px;
    height: 14px;
  }
  .good-index-item::after {
    top: 8px;
  }
  .level-tips {
    font-size: 28rem;
  }
  .Lv-label {
    margin-top: 24rem;
    font-size: 24rem;
  }
  .Lv-value {
    display: none;
  }

  .section2 .link-box {
    margin-top: 8rem;
  }
  .section2 .show-link {
    font-size: 24rem;
  }
  .section2 .show-link::after {
    font-size: 24rem;
  }

  .section3 {
    background: url("/ebc-static/image/activity/barac2526/bg3_m.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
  .section3-content {
    flex-direction: column;
    width: 100%;
    height: 1200rem;
    background: url("/ebc-static/image/activity/barac2526/section3_card_m.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .section3-content-card {
    width: 100%;
    height: calc(50% - 12rem);
  }
  .section3-content-table {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 162rem 162rem;
    gap: 24rem;
  }

  .en .section3-content-table {
    grid-template-rows: 174rem 174rem;
  }
  .section3-content-card {
    padding: 0 24rem !important;
  }
  .section3-content .good-name {
    font-size: 24rem;
  }
  .section3-number {
    margin-top: 32rem;
  }

  .section3-number-label {
    gap: 16rem;
    font-size: 32rem;
  }
  .section4-content {
    flex-direction: column;
    gap: 16rem;
  }
  .section4-card {
    width: 100%;
    height: 294rem;
    flex-direction: column;
    justify-content: center;
    gap: 32rem;
  }
  .section4-img {
    width: 130rem;
    height: 130rem;
  }
  .en .section4-card p,
  .section4-card p {
    font-size: 36rem;
    text-align: center;
  }
  .en .section4-card {
    height: auto;
    min-height: 32rem;
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
  .section4 .icon-right-round {
    font-size: 32rem;
    transform: rotate(90deg);
  }
  .button-box {
    margin-top: 80rem;
  }
  .section4 .ebc-btn-large {
    width: auto;
  }
  .step1,
  .step2,
  .step3 {
    background-size: 160rem auto;
  }
  .section5-tips {
    margin-top: 80rem;
    font-size: 24rem;
  }
  .match-list {
    height: 610rem;
    padding-left: 28rem;
    gap: 28rem;
  }
  .match-header {
    height: 84rem;
    transform: translateY(-24rem);
    font-size: 26rem;
    padding: 0 130rem;
  }
  .match-tips {
    font-size: 24rem;
    padding: 0 40rem 40rem;
  }

  .match-item-label {
    font-size: 24rem;
  }
  .match-item-value {
    font-size: 28rem;
    margin-right: 35rem;
    min-width: 420rem;
  }
  .match-vs {
    font-size: 24rem;
  }
  .ebc-dialog .ebc-dialog-close-btn {
    font-size: 32rem;
    right: 32rem;
    top: 32rem;
  }
  .match-item-value-text {
    padding-left: 20rem;
  }
  .section6-content {
    flex-direction: column;
  }
  .section6-content-left {
    margin-top: 80rem;
    width: 100%;
    order: 2;
  }
  .section6-content-right {
    padding-top: 34rem;
    height: 332rem;
    order: 1;
    width: 100%;
  }
  .section6-item-title {
    text-align: center;
  }
  .section6-item-intro {
    font-size: 24rem;
    text-align: center;
  }
  .attraction-img {
    width: 60%;
  }

  .attraction-img:nth-child(1) {
    /* 当前卡 */
    z-index: 1;
    transform: translateX(0) scale(1);
    left: 0;
    filter: brightness(0.7);
  }

  .attraction-img:nth-child(2) {
    /* 中间卡 */
    z-index: 2;
    transform: translateX(33%) scale(1.25);
    left: 0;
    filter: brightness(1);
  }

  .attraction-img:nth-child(3) {
    /* 最后卡 */
    z-index: 1;
    transform: translateX(67%) scale(1);
    left: 0;
    filter: brightness(0.7);
  }
  .attraction-list-btns {
    display: none !important;
  }
  .section2-tips,
  .section3-tips {
    font-size: 24rem;
  }
  .section2 .vector-box,
  .section3 .vector-box {
    font-size: 32rem;
    margin-bottom: 32rem;
  }
}
