@font-face {
  font-family: "Financier Display";
  src: url("/ebc-static/fonts/FinancierDisplay-Bold.otf") format("opentype");
}

@font-face {
  font-family: "Financier Display Regular";
  src: url("/ebc-static/fonts/FinancierDisplay-Regular.otf") format("opentype");
}
.pre-light {
  position: relative;
  cursor: pointer;
  color: #f7c9a0 !important;
}
.win-my-tips {
  display: none;
  position: absolute;
  right: -74rem;
  bottom: -48rem;
  border-radius: 8rem;
  background: rgba(93, 35, 51, 0.8);
  padding: 12rem 20rem;
  color: #e6ddcf;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  z-index: 9999999;
}
.ar .win-my-tips {
  left: -74rem;
  right: unset;
}

.win-my-tips2 {
  display: none;
  position: absolute;
  left: 14rem;
  bottom: -48rem;
  border-radius: 8rem;
  background: rgba(93, 35, 51, 0.8);
  padding: 12rem 20rem;
  color: #e6ddcf;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  z-index: 9999999;
  width: max-content;
}
.ar .win-my-tips2 {
  left: unset;
  right: 14rem;
}

.pre-light:hover .win-my-tips {
  display: block;
}

.tips-box {
  position: relative;
}

.tips-box:hover .win-my-tips2 {
  display: block;
}

.pre-light:hover .win-my-tips {
  display: block;
}
/* .en_US .en-font-family {
  font-family: "Financier Display Regular" !important;
} */
.en_US .en-font-family-title {
  font-family: "Financier Display" !important;
}
/* .en_US .reward-item .p1,
.en_US .reward-item-m .p1 {
  font-family: "Financier Display" !important;
} */
/* 
.en_US .section-button,
.en_US .buttons-group {
  font-family: "Financier Display" !important;
}  */

.section4-table .tr .td:nth-child(4) {
  text-align: end;
  padding-right: 75rem;
}
.ar .section4-table .tr .td:nth-child(4) {
  padding-left: 75rem;
  padding-right: 0;
}

body {
  background-color: #000;
  background-image: url("/ebc-static/image/win/bg.png?v=1.0.2");
  background-size: 100% auto;
  background-repeat: repeat-y;
}
.section1 {
  position: relative;
  height: 860rem;
  display: flex;
  flex-direction: column;
  /* padding-bottom: 70rem; */
  justify-content: flex-end;
  align-items: center;
  background: url("/ebc-static/image/win/section1_bg.jpg?v=1.0.1");
  background-size: cover;
  background-repeat: no-repeat;
}

.logo_banner {
  width: auto;
  height: 55rem;
}
.jiangbei_banner {
  width: 516rem;
  height: 546rem;
  margin-top: -20rem;
}
.show .jiangbei_banner {
  animation-name: jbshow;
  animation-duration: 1.2s;
}
@keyframes jbshow {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.b_left {
  position: absolute;
  width: 623rem;
  height: 296rem;
  left: 450rem;
  bottom: 166rem;
  z-index: 3;
}
.show .b_left {
  animation-name: b_leftshow;
  animation-duration: 1.2s;
}
@keyframes b_leftshow {
  0% {
    transform: translate(-300rem);
    opacity: 0;
  }
  100% {
    transform: translate(0);
    opacity: 1;
  }
}
.b_right {
  position: absolute;
  width: 403rem;
  height: 372rem;
  left: 1000rem;
  bottom: 166rem;
  z-index: 2;
}
.show .b_right {
  animation-name: b_rightshow;
  animation-duration: 1.2s;
}
@keyframes b_rightshow {
  0% {
    transform: translate(400rem);
    opacity: 0;
  }
  100% {
    transform: translate(0);
    opacity: 1;
  }
}
.section1-title-box {
  padding: 0 50rem 20rem 50rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 994rem;
  height: 166rem;
  background: url("/ebc-static/image/win/title_bg.png?v=1.0.2");
  background-size: cover;
  background-repeat: no-repeat;
}
.en .section1-title-box {
  padding-bottom: 0;
  gap: 20rem;
}
.show .section1-title-box {
  /* animation-name: section1-title-boxshow;
  animation-duration: 1s; */
}
@keyframes section1-title-boxshow {
  0% {
    transform: translateY(100rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.section1 h1 {
  display: flex;
  justify-content: center;
  color: #fff;
  text-align: center;
  text-shadow: 0rem 3.415rem 2.277rem rgba(0, 0, 0, 0.45);
  font-size: 55rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 0.558rem;
  gap: 4rem;
}
.en .section1 h1 {
  font-size: 48rem;
}
.th .section1 h1 {
  font-size: 34rem;
}
.section1 h1 .ebc {
  font-size: 78.447rem;
  letter-spacing: 0.784rem;
  font-family: "Financier Display";
}
.section1-intro {
  margin: 40rem auto 0;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  padding: 0 25rem;
  font-size: 16rem;
  font-style: normal;
  font-weight: 500;
  line-height: 29rem;
  max-width: 1000rem;
}

.subtitle {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12rem;
  color: #fff;
  text-align: center;
  font-size: 32rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0.48rem;
  opacity: 0.7;
}
.en .subtitle {
  font-size: 16rem;
  font-weight: 500;
}

.title-icon {
  width: 28rem;
  height: 28rem;
}
.subtitle-line-left {
  height: 1px;
  width: 130rem;
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0)
  );
}
.ar .subtitle-line-left {
  height: 1px;
  width: 150rem;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0)
  );
}
.subtitle .icon-Vector {
  font-size: 24rem;
}
.subtitle-line-right {
  height: 1px;
  width: 130rem;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0)
  );
}
.en .subtitle-line-left,
.en .subtitle-line-right {
  width: 100rem;
}
.ar .subtitle-line-right {
  height: 1px;
  width: 180rem;
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0)
  );
}
.bg {
  background: url("/ebc-static/image/win/bg.png?v=1.0.2");
  background-size: 100% auto;
  background-repeat: repeat;
}

.section1-info-time {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 72rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34rem;
  background: rgba(0, 0, 0, 0.75);
  z-index: 9998;
}

.section1-info-time-label {
  color: #fff;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 18rem; /* 128.571% */
  margin-right: -18rem;
}
.section1-info-times {
  text-align: center;
  color: #b2afad;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
  margin-top: 58rem;
}

.section1-info-opentime {
  display: flex;
  align-items: center;
  gap: 12rem;
  color: #fff;
  text-align: center;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
}
.buttons {
  display: flex;
  justify-content: center;
  gap: 24rem;
}

.section-button {
  padding: 18rem 36rem 20rem;
  background: linear-gradient(180deg, #9b2143 0%, #5d2333 82.5%);
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
  transition: all 0.3s;
  animation: scaleAnimation 2s infinite;
}
.time-button {
  padding: 16rem 36rem 18rem;
  font-size: 20rem;
  animation: none;
}
.time-button:hover {
  transform: scale(1.04);
}
.section-button:hover {
  color: rgba(255, 255, 255, 0.8);
  /* transform: scale(1.1); */
}
@keyframes scaleAnimation {
  0% {
    transform: scale(1); /* 初始状态，原始大小 */
  }
  37.5% {
    /* 在前0.75秒内放大到1.1倍 */
    transform: scale(1.1);
  }
  50% {
    /* 静止0.25秒 */
    transform: scale(1.1);
  }
  87.5% {
    /* 接下来的0.75秒内缩小回原始大小 */
    transform: scale(1);
  }
  100% {
    /* 再静止0.25秒 */
    transform: scale(1);
  }
}

.section2,
.section4,
.section6 {
  position: relative;
  padding: 90rem 0 100rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* background: linear-gradient(
      180deg,
      rgb(255, 255, 255, 0.95) 0%,
      rgba(178, 175, 173, 0.99) 100%
    ),
    url("/ebc-static/image/win/bg.png?v=1.0.2");
  background-size: 100% auto;
  background-repeat: repeat; */
}

.section4{
  padding-bottom: 0;
}
.section2{
  padding-top: 0;
}

.section-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}
.section8 {
  position: relative;
  padding: 90rem 0 100rem 0;
  /* display: flex;
  flex-direction: column;
  align-items: center; */
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 1) 90rem,
    rgba(0, 0, 0, 1) 100%
  );
  /* background: linear-gradient(
      180deg,
      rgba(93, 35, 51, 0.95) 0%,
      rgba(43, 10, 10, 0.99) 100%
    ),
    url("/ebc-static/image/win/bg.png?v=1.0.2");
  background-size: 100% auto;
  background-repeat: repeat; */
}
/* .section2 {
  padding-bottom: 0;
} */
.section2-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20rem;
}
.section2-card-label {
  color: #fff;
  text-align: center;
  font-size: 40rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0.6rem;
}
.jiangjin {
  width: 702rem;
  height: 158rem;
}
.section2-card-value {
  text-align: center;
  font-family: "Financier Display";
  font-size: 170rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: 6.8rem;
  background: linear-gradient(180deg, #fff 20.5%, rgba(153, 153, 153, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section2-intro {
  margin: 26rem auto 38rem;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-size: 16rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
}
.section2b {
  margin-top: 40rem;
  padding: 100rem 0;
  height: 900rem;
  position: relative;
  overflow: hidden;
}
.en .section2b{
  height: 960rem;
}
.section2f-vectors {
  display: none;
}
.section2b-vectors {
  display: flex;
  justify-content: center;
  gap: 10rem;
  margin: 26rem auto;
}
.section2b-vectors .icon-Vector {
  font-size: 32rem;
}

.section2b-intro {
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-size: 16rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  max-width: 1000rem;
  margin: 0 auto;
}
.section2b-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
.section2b-content {
  display: flex;
  justify-content: center;
  gap: 21rem;
  margin-top: 60rem;
}
.section2b-item {
  position: relative;
  display: flex;
  width: 380rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;

  background: rgba(0, 0, 0, 0.49);
  transition: all 0.3s;
  border-left: 1px solid #a52933;
  border-right: 1px solid #114291;
}
.section2b-line {
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #a52933, #114291);
}

.section2b-item:hover {
  transform: scale(1.05);
}
.section2b-item-img {
  width: 380rem;
  height: 254rem;
}
.section2b-item h4 {
  padding: 0 16rem;
  color: rgba(255, 255, 255, 0.9);
  font-size: 20rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 18rem;
}
.section2b-item p {
  padding: 0 16rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  margin-top: 20rem;
  margin-bottom: 28rem;
  /* line-height: 1em; */
  flex: 1;
}
.reward-list-pc {
  display: flex;
  justify-content: center;
  gap: 10rem;
}
.reward-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /* align-items: flex-end; */
  /* width: 282rem;
  height: 442rem; */
}
.reward-item-1 {
  width: 260rem;
}
.reward-item-1 .reward-item-jiangbei {
  width: 260rem;
  height: 301rem;
  background-image: url("/ebc-static/image/win/jiangbei_s_1.png?v=1.0.2");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.reward-item-1 .reward-item-content {
  display: none;
  width: 260rem;
  height: 164rem;
  background-image: url("/ebc-static/image/win/jiangbei_content_1.png?v=1.0.2");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/* .reward-pc-show:hover .reward-item-jiangbei,
.reward-pc-show:hover .reward-item-content {
  animation-play-state: paused;
} */
.reward-pc-show .reward-item-1 .reward-item-jiangbei {
  background-image: url("/ebc-static/image/win/jiangbei_e_1.png?v=1.0.2");
  animation-name: uptojiangbei1;
  animation-duration: 4s;
  /* animation-iteration-count: infinite; */
  transform: translateY(10rem);
  z-index: 1;
}
.reward-pc-show .reward-item-1 .reward-item-content {
  display: flex;
  animation-name: upto1;
  animation-duration: 4s;
  /* animation-iteration-count: infinite; */
}
@keyframes uptojiangbei1 {
  0% {
    background-image: url("/ebc-static/image/win/jiangbei_s_1.png?v=1.0.2");
    opacity: 1;
    transform: translateY(174rem);
  }
  40% {
    background-image: url("/ebc-static/image/win/jiangbei_e_1.png?v=1.0.2");
    transform: translateY(10rem);
  }
  100% {
    background-image: url("/ebc-static/image/win/jiangbei_e_1.png?v=1.0.2");
    transform: translateY(10rem);
  }
}
@keyframes upto1 {
  0% {
    display: none;
    opacity: 0;
    transform: translateY(164rem);
  }
  40% {
    display: flex;
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    display: flex;
    opacity: 1;
    transform: translateY(0);
  }
}

.reward-item-2 {
  width: 240rem;
}
.reward-item-2 .reward-item-jiangbei {
  width: 240rem;
  height: 235rem;
  background-image: url("/ebc-static/image/win/jiangbei_s_2.png?v=1.0.2");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.reward-item-2 .reward-item-content {
  display: none;
  width: 240rem;
  height: 140rem;
  background-image: url("/ebc-static/image/win/jiangbei_content_2.png?v=1.0.2");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.reward-pc-show .reward-item-2 .reward-item-jiangbei {
  background-image: url("/ebc-static/image/win/jiangbei_e_2.png?v=1.0.2");
  animation-name: uptojiangbei2;
  animation-duration: 4s;
  /* animation-iteration-count: infinite; */
  transform: translateY(10rem);
  z-index: 1;
}
.reward-pc-show .reward-item-2 .reward-item-content {
  display: flex;
  animation-name: upto2;
  animation-duration: 4s;
  /* animation-iteration-count: infinite; */
}
@keyframes uptojiangbei2 {
  0% {
    background-image: url("/ebc-static/image/win/jiangbei_s_2.png?v=1.0.2");
    opacity: 1;
    transform: translateY(150rem);
  }
  40% {
    background-image: url("/ebc-static/image/win/jiangbei_e_2.png?v=1.0.2");
    transform: translateY(10rem);
  }
  100% {
    background-image: url("/ebc-static/image/win/jiangbei_e_2.png?v=1.0.2");
    transform: translateY(10rem);
  }
}
@keyframes upto2 {
  0% {
    display: none;
    opacity: 0;
    transform: translateY(140rem);
  }
  40% {
    display: flex;
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    display: flex;
    opacity: 1;
    transform: translateY(0);
  }
}

.reward-item-3 {
  width: 240rem;
}
.reward-item-3 .reward-item-jiangbei {
  width: 240rem;
  height: 196rem;
  background-image: url("/ebc-static/image/win/jiangbei_s_3.png?v=1.0.2");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.reward-item-3 .reward-item-content {
  display: none;
  width: 240rem;
  height: 140rem;
  background-image: url("/ebc-static/image/win/jiangbei_content_2.png?v=1.0.2");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.reward-pc-show .reward-item-3 .reward-item-jiangbei {
  background-image: url("/ebc-static/image/win/jiangbei_e_3.png?v=1.0.2");
  animation-name: uptojiangbei3;
  animation-duration: 4s;
  transform: translateY(10rem);
  /* animation-iteration-count: infinite; */
  z-index: 1;
}
.reward-pc-show .reward-item-3 .reward-item-content {
  display: flex;
  animation-name: upto3;
  animation-duration: 4s;
  /* animation-iteration-count: infinite; */
}
@keyframes uptojiangbei3 {
  0% {
    background-image: url("/ebc-static/image/win/jiangbei_s_3.png?v=1.0.2");
    opacity: 1;
    transform: translateY(150rem);
  }
  40% {
    background-image: url("/ebc-static/image/win/jiangbei_e_3.png?v=1.0.2");
    transform: translateY(10rem);
  }
  100% {
    background-image: url("/ebc-static/image/win/jiangbei_e_3.png?v=1.0.2");
    transform: translateY(10rem);
  }
}
@keyframes upto3 {
  0% {
    display: none;
    opacity: 0;
    transform: translateY(140rem);
  }
  40% {
    display: flex;
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    display: flex;
    opacity: 1;
    transform: translateY(0);
  }
}

.reward-item-4 {
  width: 200rem;
}
.reward-item-4 .reward-item-jiangbei {
  width: 200rem;
  height: 147rem;
  background-image: url("/ebc-static/image/win/jiangbei_s_4.png?v=1.0.2");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.reward-item-4 .reward-item-content {
  display: none;
  width: 200rem;
  height: 124rem;
  background-image: url("/ebc-static/image/win/jiangbei_content_3.png?v=1.0.2");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.reward-pc-show .reward-item-4 .reward-item-jiangbei {
  background-image: url("/ebc-static/image/win/jiangbei_e_4.png?v=1.0.2");
  animation-name: uptojiangbei4;
  animation-duration: 4s;
  /* animation-iteration-count: infinite; */
  transform: translateY(10rem);

  z-index: 1;
}
.reward-pc-show .reward-item-4 .reward-item-content {
  display: flex;
  animation-name: upto4;
  animation-duration: 4s;
  /* animation-iteration-count: infinite; */
}
@keyframes uptojiangbei4 {
  0% {
    background-image: url("/ebc-static/image/win/jiangbei_s_4.png?v=1.0.2");
    opacity: 1;
    transform: translateY(134rem);
  }
  40% {
    background-image: url("/ebc-static/image/win/jiangbei_e_4.png?v=1.0.2");
    transform: translateY(10rem);
  }
  100% {
    background-image: url("/ebc-static/image/win/jiangbei_e_4.png?v=1.0.2");
    transform: translateY(10rem);
  }
}
@keyframes upto4 {
  0% {
    display: none;
    opacity: 0;
    transform: translateY(124rem);
  }
  40% {
    display: flex;
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    display: flex;
    opacity: 1;
    transform: translateY(0);
  }
}

.reward-item-5 {
  width: 200rem;
}
.reward-item-5 .reward-item-jiangbei {
  width: 200rem;
  height: 134rem;
  background-image: url("/ebc-static/image/win/jiangbei_s_5.png?v=1.0.2");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.reward-item-5 .reward-item-content {
  display: none;
  width: 200rem;
  height: 124rem;
  background-image: url("/ebc-static/image/win/jiangbei_content_3.png?v=1.0.2");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.reward-pc-show .reward-item-5 .reward-item-jiangbei {
  background-image: url("/ebc-static/image/win/jiangbei_e_5.png?v=1.0.2");
  animation-name: uptojiangbei5;
  animation-duration: 4s;
  /* animation-iteration-count: infinite; */
  transform: translateY(10rem);
  z-index: 1;
}
.reward-pc-show .reward-item-5 .reward-item-content {
  display: flex;
  animation-name: upto5;
  animation-duration: 4s;
  /* animation-iteration-count: infinite; */
}
@keyframes uptojiangbei5 {
  0% {
    background-image: url("/ebc-static/image/win/jiangbei_s_5.png?v=1.0.2");
    opacity: 1;
    transform: translateY(134rem);
  }
  40% {
    background-image: url("/ebc-static/image/win/jiangbei_e_5.png?v=1.0.2");
    transform: translateY(10rem);
  }
  100% {
    background-image: url("/ebc-static/image/win/jiangbei_e_5.png?v=1.0.2");
    transform: translateY(10rem);
  }
}
@keyframes upto5 {
  0% {
    display: none;
    opacity: 0;
    transform: translateY(124rem);
  }
  40% {
    display: flex;
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    display: flex;
    opacity: 1;
    transform: translateY(0);
  }
}

.reward-item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12rem;
  width: 100%;
  padding: 0 20rem;
  height: 151rem;
}

.reward-item .p1,
.reward-item-m .p1 {
  color: #fff;
  text-align: center;
  font-size: 32rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
}

.en .reward-item .p1,
.en .reward-item-m .p1 {
  font-size: 22rem;
}

.reward-item .p2,
.reward-item-m .p2 {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-size: 21rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2em;
}
.en .reward-item .p2,
.en .reward-item-m .p2 {
  font-size: 18rem;
  font-weight: 400;
}
.section2f {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80rem 0;
  /* background: url("/ebc-static/image/win/section2f_bg.jpg?v=1.0.1");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; */
}
.section2f-card-box {
  margin-top: 50rem;
  display: flex;
  justify-content: center;
  gap: 4rem;
}

.section2f-card {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  gap: 20rem;
  height: 340rem;
  width: 294rem;
  padding-top: 210rem;
  margin-top: 30rem;
}
.show .section2f-card {
  animation: rotateAnimation 8s;
}
/* .section2f-card:hover {
  transition: transform 1s ease-in-out;
  transform: rotateY(360deg);
} */

@keyframes rotateAnimation {
  0% {
    transform: rotateY(0deg);
  }
  20% {
    transform: rotateY(360deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}

.section2f-card-box .section2f-card:nth-child(1) {
  background: url("/ebc-static/image/win/section2f_item_bg_1.png?v=1.0.2");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.section2f-card-box .section2f-card:nth-child(2) {
  background: url("/ebc-static/image/win/section2f_item_bg_2.png?v=1.0.2");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.section2f-card-box .section2f-card:nth-child(3) {
  background: url("/ebc-static/image/win/section2f_item_bg_3.png?v=1.0.2");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.section2f-card-label {
  color: #6a6967;
  font-size: 19rem;
  font-style: normal;
  font-weight: 700;
  line-height: 22rem;
}
.section2f-card-value {
  color: #a52933;
  font-family: "Financier Display";
  font-size: 105rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 3.15rem;
}

.section2f-card-icon {
  width: 27rem;
  height: 27rem;
  margin-top: 92rem;
}

.section2f-card .p1 {
  color: #fff;
  text-align: center;
  font-size: 32rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1em;
}
.section2f-card .p2 {
  color: #c9c7c6;
  text-align: center;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
}
.en .section2f-card {
  padding-top: 200rem;
  gap: 10rem;
}
.en .section2f-card .p1 {
  font-size: 28rem;
}
.en .section2f-card .p2 {
  font-size: 20rem;
  line-height: 1.1em;
  padding: 0 20rem;
  /* max-width: 66%; */
}

.tab-title {
  color: rgba(255, 255, 255, 1);
  text-align: center;
  font-size: 40rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0.96rem;
}
.tab-title-red {
  color: #5d2333;
}
.reward {
  display: flex;
  gap: 12rem;

  width: 1450rem;
  height: 444rem;
  margin-top: 40rem;
}
.hidden {
  display: none;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  margin: 0;
}

.number-box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32rem;
  height: 41rem;
  border-radius: 5rem;
  border: 1px solid #6a6967;
  background: #000;
  color: #fff;
  text-align: center;
  font-family: "Financier Display";
  font-size: 32rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1em;
}

.buttons-group {
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 2;
  margin: 0 25rem;
}
.buttons-group > a {
  min-width: 300rem;
}
.section2-content {
  position: relative;
  /* overflow: hidden; */
  z-index: 2;
}
.group-button-left {
  padding: 18rem 36rem 20rem;
  background: linear-gradient(180deg, #94928e 0%, #4c4b49 85.5%);
  color: rgba(255, 255, 255, 0.43);
  text-align: center;
  font-size: 24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
  transition: all 0.3s;
}
.group-button-right {
  padding: 18rem 36rem 20rem;
  background: linear-gradient(180deg, #94928e 0%, #4c4b49 85.5%);
  color: rgba(255, 255, 255, 0.43);
  text-align: center;
  font-size: 24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
  transition: all 0.3s;
}
.group-button-left:hover,
.group-button-right:hover {
  color: rgba(255, 255, 255, 0.43);
}
.group-button-active:hover {
  color: rgba(255, 255, 255, 0.8);
}
.group-button-active {
  background: linear-gradient(180deg, #9b2143 0%, #5d2333 82.5%);
  color: rgba(255, 255, 255, 0.8);
}

.section3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 90rem 0 100rem 0;
  /* background: url(/ebc-static/image/win/section3_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover; */
}

.section3-content {
  margin-top: 90rem;
  display: flex;
  flex-direction: column;
  min-width: 720rem;
  /* justify-content: center; */
}
.section3-content .p1 {
  color: #807e7c;
  font-size: 20rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
}

.section3-group {
  display: flex;
  gap: 25rem;
  margin-top: 18rem;
}

.show .section3-group,
.show .section3-content .p1:nth-child(1) {
  animation-name: section3-groupshow;
  animation-duration: 1.2s;
}
@keyframes section3-groupshow {
  0% {
    opacity: 0;
    transform: translate(-300rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
.section3-group-card {
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  min-height: 137rem;
  flex-shrink: 0;
  border: 1px solid #a52933;
  background: linear-gradient(180deg, #3d3c3c 0%, #161414 73.5%);
}

.en .section3-group-card {
  flex-direction: column;
}

.section3-group-card1 {
  width: 375rem;
}
.section3-group-card2 {
  width: 318rem;
}

.section3-group-card-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: #a52933;
  padding: 10rem 16rem;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 19rem;
  font-style: normal;
  font-weight: 500;
  line-height: 22rem;
}
.en .section3-group-card-left {
  width: 100%;
}

.section3-group-card-right {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #a52933;
  /* background: #f9f6f2; */
  padding: 10rem 0 30rem;
  /* font-family: "Financier Display"; */
  font-size: 96rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1em;
  flex: 1;
  text-align: center;
}
.section3-group-card-value {
  background: linear-gradient(180deg, #fff 0%, #353535 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section3-group-card-right .unit {
  color: #a52933;
  font-size: 18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.section3-card {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 18rem;
  min-height: 189rem;
  padding: 0rem 48rem;
  /* border-radius: 5rem; */
  border: 1px solid var(--02042, #a52933);
  background: var(--02041, linear-gradient(180deg, #3d3c3c 0%, #161414 73.5%));
}

.show .section3-card,
.show .section3-content .mt-46 {
  animation-name: section3-cardshow;
  animation-duration: 1.2s;
}
@keyframes section3-cardshow {
  0% {
    opacity: 0;
    transform: translate(300rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

.section3-card-steps {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 28rem;
  /* margin-top: 16rem; */
}
.section3-card-step {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.step-img {
  width: 106rem;
  /* height: 78rem; */
}
.right-img {
  margin-top: 30rem;
  height: 60rem;
  width: 31rem;
}
.ar .right-img {
  transform: rotate(180deg);
}

.section3-card-step-value {
  margin-top: 10rem;
  color: #fff;
  font-size: 32rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1em;
}
.en .section3-card-step-value {
  font-size: 24rem;
}
.times {
  margin-top: 16rem;
  color: #b2afad;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 8rem;
}
.mt-12 {
  margin-top: 12rem;
}
.mt-46 {
  margin-top: 46rem;
}
.mt-56 {
  margin-top: 56rem;
}
.mt-80 {
  margin-top: 80rem;
}
.section4-content {
  font-family: Roboto;
}
.section4-table {
  margin: 32rem auto 0;
  width: 1380rem;
}
.section4-table .tr {
  display: flex;
  align-items: center;
  padding: 24rem 50rem;
  background: linear-gradient(110deg, #474646 12.57%, #2a2828 86.07%);
}
.section4-table .th {
  display: flex;
  align-items: center;
  padding: 24rem 50rem;
  background: #232222;
}
.no-data {
  width: 100%;
  height: 310rem;
  background-color: #2a2828;
  background-image: url(/ebc-static/image/win/no-data.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 286rem;
  font-size: 18rem;
  color: #6a6967;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section4-table .tr:hover {
  background: #b2afad;
}

.section4-table .td {
  width: 14.28%;
  flex-shrink: 0;
  flex-grow: 1;
}
.section4-table .td:first-child {
  width: 10%;
}

.section4-table .tr .td {
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-size: 18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.section4-table .th .td {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 6rem;
}

.section4-table .th .td .icon-a-tipsicon {
  cursor: pointer;
  font-size: 14rem;
}

.button-text,
.button-text:hover {
  color: #ff4b4e;
}
.section4-table .tr > div:nth-child(5) {
  color: #ff4b4e;
  font-weight: 500;
}
.tr + .tr {
  border-top: 1px solid #000;
}
.section4-tips {
  margin-top: 24rem;
  width: 1380rem;
  color: #6a6967;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section5 {
  position: relative;
  /* background: linear-gradient(180deg, #5d2333 0%, #2b0a0a 100%); */
  padding: 90rem 0 100rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section5-bg {
  margin-top: 58rem;
  width: 100%;
  /* height: 395.5rem; */
}
.section5-time-line {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 294rem;
  background-image: url(/ebc-static/image/win/section5.png);
  background-size: cover;
  margin-top: 52rem;
}
.section5-lines {
  /* margin: 0 180rem; */
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 384rem;
}
.section5-line-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20rem;
  width: 144rem;
  min-height: 204rem;
  padding: 20rem;
  border: 1px solid #a52933;
  background: linear-gradient(180deg, #3d3c3c 0%, #161414 73.5%);
}
.en .section5-line-item {
  width: 194rem;
}
.es .section5-line-item {
  justify-content: flex-start;
  padding: 40rem 20rem 20rem;
}
.section5-line-item .p1 {
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-family: Gilroy;
  font-size: 20rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
}
.section5-line-item .p2 {
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  font-size: 24rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
}
.en .section5-line-item .p2 {
  font-size: 16rem;
}
.section5-line-item .icon-Vector {
  font-size: 40rem;
  color: #a52933;
  animation: rotateAnimation2 2s infinite;
}
/* .section5-line-item:hover .icon-Vector {
  transition: all 0.3s;
  transform: rotate(90deg);
} */

@keyframes rotateAnimation2 {
  0% {
    transform: rotate(0deg);
    color: #a52933;
  }
  37.5% {
    /* 0.75秒内从0度旋转到90度 */
    transform: rotate(90deg);
    color: #ff4b4e;
  }
  50% {
    /* 静止0.25秒 */
    transform: rotate(90deg);
    color: #ff4b4e;
  }
  87.5% {
    /* 接下来的0.75秒内从90度旋转回0度 */
    transform: rotate(0deg);
    color: #a52933;
  }
  100% {
    /* 再静止0.25秒 */
    transform: rotate(0deg);
    color: #a52933;
  }
}

.tab-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 68rem;
}
.section6-line {
  width: 1px;
  height: 50rem;
  background: #b2afad;
}
.section6-content {
  margin-top: 68rem;
}
.section6-table {
  width: 1032rem;
  border-spacing: 1px;
}
.section6-table th {
  padding: 26rem 30rem;
  background: #232222;
  color: rgba(255, 255, 255, 0.4);
  font-size: 20rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
  text-align: center;
}

.section6-table td {
  padding: 26rem 30rem;
  background: #474646;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  vertical-align: middle;
}

.section6-table td:first-child {
  /* color: #000; */
  /* font-size: 20rem; */
  font-weight: 500;
}
/* .section6-table th:last-child {
  background: #a52933;
} */

table {
  border-collapse: collapse; /* 合并边框 */
  border: none; /* 移除表格的外部边框 */
}
td,
th {
  text-align: center;
  border-bottom: 1px solid #000; /* 底边 */
  border-right: 1px solid #000; /* 右边 */
}
tr:last-child td {
  border-bottom: none; /* 移除最后一行的底边 */
}
tr th:last-child,
tr td:last-child {
  border-right: none; /* 移除每行最后一个单元格的右边 */
}

.section6-step-box {
  margin-top: 12rem;
  padding: 56rem 56rem 60rem 56rem;
  width: 1034rem;
  border: 1px solid var(--02042, #a52933);
  background: var(--02041, linear-gradient(180deg, #3d3c3c 0%, #161414 73.5%));
}
.section6-step-title {
  color: #fff;
  text-align: center;
  font-size: 32rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0.64rem;
}
.section6-step-content {
  margin-top: 36rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24rem;
}
.section6-step-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24rem;
  width: 260rem;
  height: 260rem;
}

.section6-step-item h5 {
  color: #fff;
  text-align: center;
  font-size: 32rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1em;
  padding: 0 20rem;
}
.en .section6-step-item h5 {
  font-size: 20rem;
}
.section6-step-item .p2 {
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
  padding: 0 20rem;
}

.section6-item-1 {
  background: url(/ebc-static/image/win/section6_step1.png);
  background-size: cover;
}
.section6-item-2 {
  background: url(/ebc-static/image/win/section6_step2.png);
  background-size: cover;
}
.section6-item-3 {
  background: url(/ebc-static/image/win/section6_step3.png);
  background-size: cover;
}
.section6-right {
  width: 23rem;
  height: 70rem;
}
.ar .section6-right {
  transform: rotate(180deg);
}

.section6-list {
  padding: 42rem 32rem 52rem;
  width: 782rem;
  border: 1px solid var(--02042, #a52933);
  background: var(--02041, linear-gradient(180deg, #3d3c3c 0%, #161414 73.5%));
}
.section6-list-title {
  color: #fff;
  text-align: center;
  font-size: 20rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0.2rem;
  margin-bottom: 18rem;
}
.section6-list-item {
  padding-bottom: 14rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.section6-list-item + .section6-list-item {
  margin-top: 14rem;
}
.section6-list-item-title {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20rem;
}
.section6-list-item-content {
  margin-top: 10rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24rem;
}
.section6-list-item-content > p {
  position: relative;
  padding-left: 12rem;
}
.section6-list-item-content > p::before {
  position: absolute;
  left: 4rem;
  top: 11rem;
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #6d6d6d;
}

.qa-list {
  padding: 42rem 32rem 52rem;
  width: 782rem;
  border: 1px solid var(--02042, #a52933);
  background: var(--02041, linear-gradient(180deg, #3d3c3c 0%, #161414 73.5%));
}
.qa-list-title {
  color: #fff;
  text-align: center;
  font-size: 20rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0.2rem;
  margin-bottom: 18rem;
}
.qa-list-item {
  padding-bottom: 14rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.qa-list-item + .qa-list-item {
  margin-top: 14rem;
}
.qa-list-item-title {
  position: relative;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20rem;
  padding-right: 28rem;
}
.qa-list-item-title::after {
  position: absolute;
  right: 4rem;
  top: 0;
  font-family: "iconfont" !important;
  font-size: 18rem;
  content: "\e618";
  transform: rotate(90deg);
  transition: all 0.3s;
  opacity: 0.2;
}
.active .qa-list-item-title::after {
  transform: rotate(-90deg);
}
.qa-list-item-content {
  margin-top: 10rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24rem;
  height: 0;
  overflow: hidden;
  transition: all 0.5s;
}
.active .qa-list-item-content {
  height: auto;
}
.qa-list-item-content > p {
  position: relative;
  padding-left: 12rem;
}
.qa-list-item-content > p::before {
  position: absolute;
  left: 4rem;
  top: 11rem;
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #6d6d6d;
}

.button-title {
  color: #6a6967;
  text-align: center;
  font-size: 40rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0.96rem;
  transition: all 0.3s;
  cursor: pointer;
}
.button-title-active {
  color: #fff;
}
.radius-5 {
  border-radius: 5rem;
}
.section7 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 90rem 0 100rem 0;
  background: url(/ebc-static/image/win/section7_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.section8-content {
  display: flex;
  justify-content: center;
  gap: 20rem;
  margin-top: 68rem;
  overflow: hidden;
}
.section8-item {
  /* padding: 12rem 12rem 28rem 12rem; */
  /* display: flex;
  flex-direction: column;
  gap: 24rem; */
  /* border: 1px solid var(--02042, #a52933);
  background: var(--02041, linear-gradient(180deg, #3d3c3c 0%, #161414 73.5%)); */
  cursor: pointer;
}
.section8-bg-top {
  position: absolute;
  top: -5rem;
  width: 1920rem;
  height: 100rem;
  z-index: 9997;
}
.section8-bg-bottom {
  position: absolute;
  bottom: -5rem;
  width: 1920rem;
  height: 100rem;
  z-index: 9997;
}
.section8-item-img {
  height: auto;
  width: 100%;
  /* width: 380rem;
  height: 254rem; */
}

.section8-item h4 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 20rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
  text-align: center;
  width: 380rem;
}
.svg-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  background-image: url("/ebc-static/image/play.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.cr-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}

.cr-modal-content {
  position: relative;
  margin: 9% auto;
  padding: 0;
  width: 60%;
  max-width: 60%;
}

#imageModal .image-list {
  overflow: hidden;
}

#imageModal .cr-modal-content {
  position: relative;
  margin: 9% auto 0;
  padding: 0;
  width: 50%;
  max-width: 50%;
}
#imageModal .cr-modal-content img {
  width: 100%;
}

/* Swiper Navigation Button Styles */
#imageModal .swiper-button-prev,
#imageModal .swiper-button-next {
  top: 50%;
  width: auto;
  height: auto;
  margin-top: 0;
  color: white; /* 设置按钮颜色 */
  padding: 5px 10px;
  transform: translateY(-50%);
  opacity: 0.8;
}

#imageModal .swiper-button-prev {
  left: -70px;
}

#imageModal .swiper-button-next {
  right: -70px;
}
#imageModal .swiper-pagination {
  text-align: center;
  font-size: 16px;
  position: absolute;
  bottom: -30px; /* adjust if necessary */
  left: 0;
  width: 100%;
  color: #ffffff;
  font-family: auto;
}

.cr-modal video {
  width: 100%; /* 修改此处 */
  height: 100%; /* 修改此处 */
  display: block;
}

.cr-close {
  position: absolute;
  top: -40px; /* 将此按钮上移 */
  right: 10px;
  color: #aaa;
  font-size: 28px;
  cursor: pointer;
  padding: 5px;
}

.cr-close:hover,
.cr-close:focus {
  color: #fff;
}

.section6-step-box .buttons {
  margin-top: -14rem;
}
.section5-2025 {
  display: none;
}
.number-300 {
  height: 78rem;
  transform: translateY(8rem);
}

.number-30 {
  height: 78rem;
  transform: translateY(8rem);
}

@media (max-width: 996px) {
  .section2f-vectors {
    display: flex;
    justify-content: center;
    gap: 10rem;
    margin: 26rem auto;
  }
  body {
    background-color: #000;
    background-image: url("/ebc-static/image/win/bg_m.png?v=1.0.2");
    background-size: 100% auto;
    background-repeat: repeat-y;
  }
  .section1 {
    overflow: hidden;
  }
  .logo_banner {
    /* width: 499rem; */
    height: 81rem;
  }
  .jiangbei_banner {
    width: 420rem;
    height: 455rem;
    margin-top: 180rem;
  }
  .b_left {
    position: absolute;
    width: 529rem;
    height: 246rem;
    left: 25rem;
    bottom: 119rem;
    z-index: 3;
  }
  @keyframes b_leftshow {
    0% {
      transform: translate(-180rem);
      opacity: 0;
    }
    100% {
      transform: translate(0);
      opacity: 1;
    }
  }
  @keyframes b_rightshow {
    0% {
      transform: translate(180rem);
      opacity: 0;
    }
    100% {
      transform: translate(0);
      opacity: 1;
    }
  }
  .b_right {
    position: absolute;
    width: 335rem;
    height: 310rem;
    left: 382rem;
    bottom: 119rem;
    z-index: 2;
  }
  .section1-title-box {
    margin-top: 0;
    width: 700rem;
    height: 119rem;
    background: url("/ebc-static/image/win/title_bg_m.png?v=1.0.2");
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 6rem;
  }
  .section1-intro,
  .section2-intro,
  .section2b-intro {
    margin-top: 70rem;
    font-weight: 400;
    line-height: 49rem;
    font-size: 24rem;
    padding: 0 25rem;
  }

  .hidden {
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    margin: 0;
  }

  .es .button-title {
    font-size: 34rem;
  }

  .section1 {
    padding-left: 15rem;
    padding-right: 15rem;
    height: 1096rem;
    background: url("/ebc-static/image/win/section1_bg_m.jpg?v=1.0.1");
    background-size: cover;
    background-repeat: no-repeat;
  }

  .section1 h1 {
    font-size: 39rem;
    line-height: 48rem;
  }
  .en .section1 h1 {
    font-size: 31rem;
  }
  .th .section1 h1 {
    font-size: 23rem;
  }
  .section1 h1 .ebc {
    font-size: 55rem;
    line-height: 55rem;
  }
  .title-icon {
    width: 24rem;
    height: 24rem;
  }
  .subtitle {
    margin-top: 4rem;
    font-size: 24rem;
    font-weight: 500;
  }
  .en .subtitle {
    font-size: 16rem;
  }

  .subtitle-line-left,
  .subtitle-line-right {
    width: 60rem;
  }
  .en .subtitle-line-left,
  .en .subtitle-line-right {
    width: 20rem;
    flex: 1;
  }
  .section1-info-time {
    flex-direction: column;
    /* height: 368rem; */
    height: 290rem;
  }

  .reward-item-m {
    display: flex;
    align-items: flex-end;
    width: 287rem;
    height: 487rem;
    padding-bottom: 24rem;
  }
  .reward-item-m-1 {
    background: url(/ebc-static/image/win/jiangbei1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .reward-item-m-2 {
    background: url(/ebc-static/image/win/jiangbei2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .reward-item-m-3 {
    background: url(/ebc-static/image/win/jiangbei3.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .reward-item-m-4 {
    background: url(/ebc-static/image/win/jiangbei4.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .reward-item-m-5 {
    background: url(/ebc-static/image/win/jiangbei5.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .reward-item-m-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12rem;
    width: 100%;
    padding: 0 20rem;
    height: 151rem;
  }
  .section2-header {
    gap: 40rem;
  }
  .section2-card-value {
    margin-top: 4rem;
  }
  .section2f-card-box {
    /* display: block; */
    /* flex-direction: column; */
    flex-wrap: wrap;
    gap: 18rem;
  }
  .section2f-card:nth-child(3) {
    margin-top: -88rem;
  }
  .en .section2b,
  .section2b {
    height: auto;
    padding-bottom: 80rem;
    margin-top: 0;
  }
  .section2b-item {
    flex-shrink: 0;
  }
  .section2b-item:hover {
    transform: scale(1);
  }
  .section2b-content {
    display: none;
    /* width: 700rem;
    margin-left: 25rem;
    margin-right: 25rem;
    overflow-x: auto;
    justify-content: flex-start; */
  }
  .swiper-slide-active .section2b-item {
    transform: scale(1.3);
  }
  .section2b-content-m {
    position: relative;
    padding-top: 180rem;
    padding-bottom: 180rem;
    margin-top: 50rem;
  }
  .section2b-item-img {
    width: 100%;
    height: auto;
  }
  .section2b-video {
    width: auto;
    height: 100%;
    bottom: 0;
    top: unset;
  }
  .section3-group-card1 {
    width: 339rem;
  }
  .section3-group-card2 {
    width: 294rem;
  }
  .section3-content {
    /* margin: 116rem 46rem 162rem; */
    min-width: auto;
    padding: 0 15rem;
  }
  .section3 {
    background-position: 70%;
  }
  .section4-list {
    position: relative;
    overflow: hidden;
    width: 700rem;
    margin-top: 76rem;
  }

  .section4-table {
    width: 700rem;
  }
  .section4-table .tr,
  .section4-table .th {
    padding: 24rem 6rem;
  }

  .section4-table .tr .td {
    font-size: 16rem;
  }
  .section4-tips {
    font-size: 24rem;
    width: auto;
    padding: 0 25rem;
  }
  .section4-item {
    display: flex;
    flex-direction: column;
    width: 253rem;
    height: 689rem;
  }
  .section4-item-top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24rem;
  }
  .section4-item-rank {
    flex-shrink: 0;
    font-family: Gilroy;
    font-size: 52rem;
    font-style: italic;
    font-weight: 900;
    line-height: 30rem;
    color: #949699;
    /* text-transform: capitalize; */
  }
  .section4-item-rank-left,
  .section4-item-rank-right {
    width: 22rem;
    height: 42rem;
  }
  .section4-item-content {
    position: relative;
    height: 607rem;
    margin-top: 28rem;
    flex: 1;
    background: linear-gradient(136deg, #3d3c3c 18.97%, #1b1919 89.52%);
    padding: 24rem 26rem;
  }
  .section4-item-bg {
    position: absolute;
    right: 0;
    bottom: 4rem;
    width: 121rem;
    height: 188rem;
  }
  .section4-item-label {
    color: rgba(255, 255, 255, 0.4);
    font-size: 24rem;
    font-weight: 400;
    line-height: normal;
    margin-top: 12rem;
    display: flex;
    align-items: baseline;
    gap: 4rem;
  }

  .icon-a-tipsicon {
    font-size: 20rem;
  }
  .section4-item-label:nth-child(1) {
    margin-top: 0;
  }

  .section4-item-value {
    color: rgba(255, 255, 255, 0.7);
    font-size: 24rem;
    font-weight: 500;
    line-height: normal;
    padding: 6rem 0;
  }

  .section4-item-line {
    width: 100%;
    border-bottom: 1px dashed rgba(195, 194, 194, 0.4);
  }

  .section4-item-item-button {
    flex-shrink: 0;
    width: 100%;
    height: 72rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(0, #642234 13.89%, #992142 113.89%);
    color: #fff;
    font-size: 28rem;
    font-style: normal;
    font-weight: 400;
  }
  .en .section4-item-item-button {
    font-size: 24rem;
  }
  .section4-item-item-button:hover {
    color: #fff;
  }
  .no-data {
    height: 607rem;
    font-size: 24rem;
    color: #fff;
  }

  .section5-time-line {
    position: relative;
    display: block;
    height: 960rem;
    background-image: url(/ebc-static/image/win/section5_step_m.png);
    background-size: 74rem 960rem;
    background-position: center;
    background-repeat: no-repeat;
    padding: 25rem;
  }
  .section5-2025 {
    display: block;
    width: 648rem;
    height: 206rem;
    position: absolute;
    left: 45rem;
    top: 70rem;
  }

  .section5-lines {
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    justify-content: center;
    gap: 120rem;
  }
  .section5-line-item {
    flex-direction: row;
    width: 100%;
    gap: 12rem;
    justify-content: center;
    min-height: auto;
    padding: 0;
    border: none;
    background: none;
  }
  .en .section5-line-item {
    width: 100%;
  }
  .es .section5-line-item {
    padding: 0;
  }
  .section5-line-item .icon-Vector {
    font-size: 42rem;
    animation: none;
  }

  .section5-line-item .p2 {
    font-size: 32rem;
    width: 313rem;
    color: rgba(255, 255, 255, 0.9);
    text-align: left;
    padding: 0 30rem;
  }
  .en .section5-line-item .p2 {
    font-size: 26rem;
  }
  .section5-line-item .p1 {
    font-size: 32rem;
    width: 313rem;
    color: rgba(255, 255, 255, 0.9);
    text-align: right;
    padding: 0 30rem;
  }
  .en .section5-line-item .p1 {
    font-size: 28rem;
  }
  .section6-table,
  .section6-step-box,
  .section6-list,
  .qa-list {
    width: 720rem;
  }

  .section6-table td:first-child {
    width: 120px;
  }
  .section6-table thead th:last-child {
    background: linear-gradient(
      180deg,
      rgba(155, 33, 67, 0.6) 0%,
      rgba(93, 35, 51, 0.6) 82.5%
    );
  }
  .section6-table + .section6-table {
    margin-top: 12rem;
  }

  .section6-step-content {
    gap: 10rem;
    align-items: stretch;
  }
  .section6-step-box {
    padding: 52rem 28rem;
    margin-top: 50rem;
  }
  .section6-step-box .buttons {
    margin-top: 60rem;
  }
  .section6-step-item {
    width: 190rem;
    height: auto;
    min-height: 190rem;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 80rem;
    justify-content: flex-start;
  }

  .section6-step-item .p2,
  .section6-step-item h5 {
    padding: 0 10rem;
    line-height: 1.1em;
  }
  .section6-step-item .p2 {
    font-size: 20rem;
  }
  .en .section6-step-item h5 {
    font-size: 24rem;
  }
  .section6-right {
    width: 16rem;
    height: 51rem;
    align-self: center;
  }
  .mt-0 {
    margin-top: 0;
  }
  .section8 {
    display: block;
  }
  .section8-item {
    display: inline-flex;
    width: 404rem;
    min-height: 306rem;
  }
  .section8-list-box {
    margin: 67rem 135rem 0;
    padding: 0;
    overflow: hidden;
  }

  .section8-list .swiper-button-prev:after,
  .section8-list .swiper-rtl .swiper-button-next:after {
    content: "";
  }

  .section8-list .swiper-button-next:after,
  .section8-list .swiper-rtl .swiper-button-prev:after {
    content: "";
  }
  .swiper-news-prev {
    background-image: url("/ebc-static/image/win/left.svg");
    width: 22rem !important;
    height: 44rem !important;
    background-size: cover;
    margin-left: 78rem;
  }
  .swiper-news-next {
    background-image: url("/ebc-static/image/win/right.svg");
    width: 22rem !important;
    height: 44rem !important;
    background-size: cover;
    margin-right: 78rem;
  }
  .section2f,
  .section2,
  .section3,
  .section4,
  .section5,
  .section6,
  .section7,
  .section8 {
    padding: 100rem 0;
  }
  .section2 {
    display: block;
    overflow: hidden;
  }
  .reward-list,
  .reward-list2 {
    position: relative;
    margin-top: 80rem;
  }
  .swiper-pagination {
    transform: translateY(80rem) !important;
  }
  .swiper-pagination-bullet {
    background: #a52933 !important;
    opacity: 0.5 !important;
  }
  .swiper-pagination-bullet-active {
    background: #a52933 !important;
    opacity: 1 !important;
  }
  .reward-item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 254rem;
    height: 431rem;
  }
  .reward-item-jiangbei {
    z-index: 2;
  }
  .reward-item-1 .reward-item-content,
  .reward-item-2 .reward-item-content,
  .reward-item-3 .reward-item-content,
  .reward-item-4 .reward-item-content,
  .reward-item-5 .reward-item-content {
    z-index: 1;
    display: flex;
    margin-top: -10rem;
  }

  .reward-item .p1,
  .reward-item-m .p1 {
    text-align: center;
    font-size: 32rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em;
  }
  .reward-item .p2,
  .reward-item-m .p2 {
    display: block;
    text-align: center;
    font-size: 21rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2em;
  }

  .section1-info-time-label {
    margin-right: 0;
  }
  .tab-btns {
    gap: 30rem;
  }
  .step-img {
    width: 140rem;
    height: auto;
  }
  .section3-card {
    padding: 0rem 20rem 20rem;
  }
  .section3-card-step-value {
    max-width: 140rem;
    text-align: center;
  }

  .section2f-card {
    gap: 14rem;
  }
  .en .section2f-card {
    gap: 4rem;
  }
  .section2f-card .p1 {
    font-size: 32rem;
  }

  .section2f-card .p2 {
    font-size: 22rem;
    line-height: normal;
  }

  @keyframes section3-groupshow {
    0% {
      opacity: 0;
      transform: translate(-45rem);
    }
    100% {
      opacity: 1;
      transform: translate(0);
    }
  }
  @keyframes section3-cardshow {
    0% {
      opacity: 0;
      transform: translate(45rem);
    }
    100% {
      opacity: 1;
      transform: translate(0);
    }
  }
  .section8-bg-top,
  .section8-bg-bottom {
    height: 40rem;
  }
  .cr-modal-content {
    width: 100%;
    max-width: 100%;
  }
  .cr-modal {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .group-button-left,
  .group-button-right {
    padding: 24rem 58rem 26rem;
    font-size: 26rem;
  }
  .section-button {
    padding: 24rem 78rem 26rem;
    font-size: 26rem;
  }
  .time-button {
    padding: 32rem 56rem 34rem;
    min-width: 350rem;
    font-size: 28rem;
  }

  .section6-list-title,
  .qa-list-title {
    font-size: 32rem;
  }

  .section6-table th {
    font-size: 28rem;
  }
  .section1-info-time-label,
  .section1-info-opentime,
  .section3-content .p1,
  .section2b-item h4,
  .section6-table td,
  .section6-list-item-title,
  .section6-list-item-content,
  .qa-list-item-title,
  .qa-list-item-content {
    font-size: 24rem;
    line-height: normal;
  }
  .section2b-item p {
    font-size: 20rem;
    line-height: normal;
  }
}
.font-weight-400 {
  font-weight: 400;
}
.red {
  color: #a52933;
}
.red-light {
  color: #ff4b4e;
}
.blue {
  color: #114291;
}
.inline-block {
  display: inline-block !important;
  width: auto !important;
}

.pt .section1 h1 {
  font-size: 34rem;
}
.es .section1 h1 {
  font-size: 38rem;
}
.pt .subtitle {
  font-size: 16rem;
  font-weight: 300;
}
.es .subtitle {
  font-size: 16rem;
  font-weight: 300;
}
.pt .section2f-card .p1 {
  font-size: 18rem;
}
.pt .section2f-card .p2 {
  font-size: 13rem;
}
.es .section2f-card .p1 {
  font-size: 20rem;
}
.es .section2f-card .p2 {
  font-size: 13rem;
}
.kr .subtitle {
  font-size: 18rem;
}
.kr .section2f-card .p1 {
  font-size: 26rem;
}
.kr .section2f-card .p2 {
  font-size: 19rem;
}
.jp .section2f-card .p1 {
  font-size: 22rem;
}
.jp .section2f-card .p2 {
  font-size: 14rem;
  line-height: 1.2;
}

@media (max-width: 996px) {
  .pt .section1 h1 {
    font-size: 20rem;
  }
  .pt .subtitle {
    font-size: 14rem;
    font-weight: 300;
  }
  .es .section1 h1 {
    font-size: 20rem;
  }
  .es .subtitle {
    font-size: 14rem;
    font-weight: 300;
  }
  .kr .subtitle {
    font-size: 16rem;
  }

  .win-my-tips {
    right: unset;
    left: 0;
    bottom: unset;
    padding: 14rem 18rem;
    font-size: 22rem;
    max-width: 210rem;
  }
  .ar .win-my-tips{
    right: 0;
    left: unset;
  }
  .win-my-tips2 {
    padding: 14rem 18rem;
    font-size: 22rem;
    transform: translateZ(0);
  }
  #chat-widget-container {
    display: none;
  }
  .swiper-backface-hidden .swiper-slide {
    transform: none !important;
  }
  .tips-box .icon-a-tipsicon {
    font-size: 20rem;
  }
}