@font-face {
  font-family: "Folio T EE";
  src: url("/ebc-static/fonts/Folio T EE Bold Condensed.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.section-form .passwordRequest div {
  border-radius: 4rem;
  background-color: rgba(249, 250, 252) !important;
}

.section-form .passwordRequest .error {
  background-color: rgb(254, 240, 240) !important;
}

.section-form .passwordRequest .active {
  background: rgb(240, 249, 235) !important;
}

* {
  box-sizing: border-box;
}

.linear-width-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
  /* 同步动画曲线 */
}
.auto-width-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
  /* 同步动画曲线 */
}

.swiper-container{
  overflow: hidden;
}

.auto-width-swiper .swiper-slide {
  width: auto !important;
  /* 覆盖 Swiper 默认的固定宽度 */
  flex-shrink: 0;
  /* 防止压缩 */
}

.scroll-fade-up {
  transform: translateY(80rem);
  opacity: 0;
  transition:
    transform 0.6s ease-out,
    opacity 0.1s ease-out;
}

.in-view {
  transform: translate(0);
  opacity: 1;
}

html {
  font-size: 0.052083vw !important;
}

body {
  font-size: 16rem;
  font-family: "Inter", "Noto Sans", "Noto Sans SC", sans-serif !important;
  /* 自动匹配用户系统默认字体 */
}

.rem-container {
  position: relative;
  font-size: 16rem;
  line-height: normal;
}

.rem-wrapper {
  padding-left: 360rem;
  padding-right: 360rem;
  margin: 0 auto;
  max-width: 1920rem;
}

.rem-wrapper-all-padding {
  padding: 120rem 360rem;
  margin: 0 auto;
  max-width: 1920rem;
}

.rem-wrapper-top-padding {
  padding: 120rem 360rem 0;
  margin: 0 auto;
  max-width: 1920rem;
}

.rem-wrapper-bottom-padding {
  padding: 0 360rem 120rem;
  margin: 0 auto;
  max-width: 1920rem;
}

.section-form {
  width: 480rem;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.29) 0.21%,
    rgba(255, 255, 255, 0.73) 83.25%
  );
  backdrop-filter: blur(19.024999618530273px);
}

.section-form h2 {
  color: #fff;
}

@media (max-width: 1920px) {
  html {
    font-size: 0.052083vw !important;
  }
}

@media (max-width: 996px) {
  .rem-wrapper {
    padding-left: 30rem;
    padding-right: 30rem;
  }
  html {
    font-size: 0.133333vw !important;
  }
  .rem-wrapper-all-padding {
    padding: 160rem 30rem;
  }
  .rem-wrapper-top-padding {
    padding: 160rem 30rem 0;
  }
  .rem-wrapper-bottom-padding {
    padding: 0 30rem 160rem;
  }
}

body {
  font-family: "Inter", "Noto Sans JP", sans-serif !important;
  /* 自动匹配用户系统默认字体 */
}

div {
  box-sizing: border-box;
}

.section-pc {
  width: 100%;
}

.section-mobile {
  display: none;
}

.section-title-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24rem;
}

.section-title-img {
  height: 30rem;
  flex-shrink: 1;
}

.section-title-img-m {
  display: none;
}

.section-title {
  text-align: center;
  font-size: 40rem;
  font-style: normal;
  font-weight: 700;
  line-height: 48rem;
}

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

.section-title-light {
  color: #fff !important;
}

.section-text-light {
  color: var(--Text-Secondary_White, rgba(255, 255, 255, 0.64)) !important;
}

.section-content {
  margin-top: 80rem;
}

.section2-stars {
  margin-top: 64rem;
  display: flex;
  justify-content: center;
  gap: 8rem;
}

.section2-stars .icon-Vector {
  font-size: 26rem;
}

.color-red {
  color: #a52933;
}

.color-blue {
  color: #003eb3;
}

.ebc-btn-large {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 48rem;
  padding: 0 18rem 0 24rem;
  min-width: 200rem;
  gap: 4rem;
  border-radius: 24rem;
  background: var(--Brand-Secondary-Red, #a52933);
  color: var(--Text-Primary_White, #fff);
  text-align: center;
  font-size: 16rem;
  font-style: normal;
  font-weight: 500;
  line-height: 28rem;
  cursor: pointer;
}

.ebc-btn-large:hover {
  background: var(--Functional-Active-Hover, #cc333f);
  color: var(--Text-Primary_White, #fff);
}

.ebc-btn-large:active {
  background: var(--Functional-Active-Pressed, #7b1e26);
  color: var(--Text-Primary_White, #fff);
}

.ebc-btn-large .iconfont {
  font-size: 20rem;
}

.ebc-btn-large-normal {
  color: var(--Brand-Secondary-Red, #a52933);
  background: var(--Text-Primary_White, #f7f7f7);
}

.ebc-btn-large-normal:hover {
  background: #f7f7f7;
  color: #a52933;
}

.ebc-btn-large-normal:active {
  background: #f7f7f7;
  color: #cc333f;
}

.lan-btn-box {
  position: absolute;
  right: 0;
  top: 45rem;
}

.id .lan-btn-box {
  right: 30rem;
}

.lan-btn {
  color: #fff;
}

.lan-btn svg {
  display: none;
  width: 0;
  height: 0;
  flex: 0;
}

.lan-menu {
  background-color: #fff;
}

.lan-menu a {
  color: #333;
}

.section1 {
  /* padding-top: 100rem; */
  background: url("/ebc-static/image/activityList/demo/bg.jpg") no-repeat;
  height: 900rem;
  background-size: cover;
}

.section1 .section1-inner {
  height: 100%;
}

.section1 .section1-content {
  display: flex;
  height: 100%;
  gap: 32rem;
  align-items: center;
  justify-content: space-between;
}

.section1 .section1-left {
  display: flex;
  flex-direction: column;
}

.section1 .section1-time {
  color: #FFF;
  font-size: 20rem;
  font-style: normal;
  font-weight: 400;
  line-height: 32rem;
  text-align: center;
}

.section1 .section1-title {
  font-size: 54rem;
  font-style: normal;
  font-weight: 700;
  line-height: 71rem;
  text-align: center;
  background: linear-gradient(180deg, #FFF -12.52%, #FFF584 111.1%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section1 .section1-sub-title {
  margin-top: 16rem;
  color: var(--Text-Secondary_White, rgba(255, 255, 255, 0.64));
  font-size: 20rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24rem;
  text-align: center;
}

.section1 .section1-sub-title .light {
  color: #FFF;
  font-weight: 700;
  font-size: 19rem;
}

.section1 .section1-player {
  margin-top: 24rem;
  width: 631rem;
  height: 398rem;
  align-self: center;
}

.section1 .last-time-p {
  margin-top: 16rem;
  color: var(--Text-Primary_White, #FFF);
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}

.section1 .last-time-list {
  margin-top: -64rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8rem;
}

.section1 .last-time-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 78rem;
  height: 96rem;
  padding: 0 0 8rem;
  justify-content: center;
  align-items: center;
  border-radius: 8rem;
  border: 1px solid var(--Brand-Secondary-Red, #A52933);
  background: linear-gradient(180deg, #5B5A5A 2%, #373636 16.5%, #0C0A0A 69%), #D9D9D9;
}

.section1 .last-time-item-value {
  margin-top: 6rem;
  color: var(--Brand-Primary-Limestone, #E6DDCF);
  font-family: "Folio T EE";
  text-align: center;
  font-size: 54rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.section1 .last-time-item-label {
  color: var(--Text-Secondary_White, rgba(255, 255, 255, 0.64));
  text-align: center;
  font-size: 20rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

.section1 .section1-right .jing {
  position: absolute;
  right: -64rem;
  top: -44rem;
  width: 84rem;
}

.section2 {
  background: url("/ebc-static/image/activityList/demo/bg2.jpg") no-repeat;
  background-size: cover;
}

.section2 .section2-item {
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 16rem;
  background: linear-gradient(180deg, #F7F7F7 0%, #F7F7F7 100%);
}

.section2 .section2-item-top {
  width: 100%;
  height: 270rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 36rem;
}

.section2 .section2-item-content {
  margin-top: 24rem;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10rem;
}

.section2 .section2-item-info {
  color: var(--Brand-Secondary-Red, #A52933);
  text-align: center;
  font-size: 24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.section2 .section2-item-info-value {
  background: #A52933;
  width: 100%;
  padding: 16rem;
  color: #E6DDCF;
  text-align: center;
  font-size: 26rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 0 0 16rem 16rem;
}

.section2 .section2-item-icon {
  width: 20rem;
}

.section2 .section2-item-img {
  height: 145rem;
}

.ko .section2-list {
  width: 888rem;
  margin: 0 auto;
}

.ko .section2 .section2-item{
  background: none;
  padding-top: 108rem;
}

.ko .section2 .section2-item-top{
  background: linear-gradient(180deg, #F7F7F7 0%, #F7F7F7 100%);
  border-radius: 16rem 16rem 0 0;
  padding-top: 181rem;
}

.ko .section2-item-img-1{
  position: absolute;
  top: 0;
  height: 291rem;
}

.ko .section2-item-img-3,
.ko .section2-item-img-2{
  position: absolute;
  top: 74rem;
  height: 217rem;
}

.section3 {
  background: #FFF;
}

.section3 .section3-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24rem;
}

.section3 .section3-item {
  display: flex;
  align-items: center;
  gap: 24rem;
  width: 342rem;
  flex: 1;
}

.section3 .section3-item-index {
  padding: 0 8rem;
  text-align: center;
  font-size: 80rem;
  font-style: oblique 30deg;
  font-weight: 700;
  line-height: normal;
  background: linear-gradient(180deg, #A52933 4.71%, rgba(165, 41, 51, 0.00) 99.59%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section3 .section3-item-title {
  padding: 0;
  color: var(--Text-Primary_White, #000);
  font-size: 24rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.33;
}

.section3 .section3-item-info {
  margin-top: 4rem;
  padding: 0;
  color: rgba(0, 0, 0, 0.64);
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

.section3 .section3-item-right {
  width: 31rem;
  height: 16rem;
}

.section4 {
  height: 359rem;
  background: url("/ebc-static/image/activityList/demo/bg4.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}

.section4 .section4-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 359rem;
  padding-right: 560rem;
  gap: 28rem;
}

.section4 .section4-title {
  color: var(--Text-Primary_White, #FFF);
  font-size: 32rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.section4 .section4-info {
  color: var(--Text-Primary_White, #FFF);
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 22rem;
}

.section5 .section5-item + .section5-item {
  margin-top: 24rem;
}

.section5 .section5-item-label {
  color: var(--Text-Primary, #000);
  font-size: 18rem;
  font-style: normal;
  font-weight: 500;
  line-height: 26rem;
}

.section5 .section5-item-value {
  margin-top: 8rem;
  color: var(--Text-Secondary, rgba(0, 0, 0, 0.64));
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 28rem;
}

.ranking-list {
  background: url("/ebc-static/image/activityList/latam/ranking_bg.jpg") no-repeat;
  background-size: cover;
  background-position: top;
}

.ranking-list .section-title {
  color: #fff;
}

.ranking-list .ranking-list-table {
  display: flex;
  flex-direction: column;
}

.ranking-list .ranking-list-swiper {
  display: none;
}

.ranking-list .ranking-list-table-header {
  color: var(--Text-Primary_White, #FFF);
  text-align: center;
  font-size: 20rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  border-radius: 8rem 8rem 0 0;
  background: var(--Brand-Secondary-Red, #A52933);
}

.ranking-list .ranking-list-table-body {
  color: var(--Text-Primary_White, #000);
  text-align: center;
  font-size: 20rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 0 0 8rem 8rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.29) -115.86%, rgba(255, 255, 255, 0.80) 7.28%);
  backdrop-filter: blur(25px);
  overflow: hidden;
}

.ranking-list .ranking-list-table-body .ranking-list-table-row:nth-child(odd) {
  background: transparent;
}

.ranking-list .ranking-list-table-body .ranking-list-table-row:nth-child(even) {
  background: rgba(255, 255, 255, 0.77);
}

.ranking-list .ranking-list-table-body .red {
  color: #FF4B4E;
}

.ranking-list .ranking-list-table-row {
  display: flex;
  width: 100%;
  height: 64rem;
}

.ranking-list .ranking-list-table-col {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20%;
  flex-shrink: 0;
}

.ranking-list .index-icon {
  width: 46rem;
}

.ranking-list .ranking-list-tips {
  margin-top: 16rem;
  color: var(--Text-Secondary_White, rgba(255, 255, 255, 0.64));
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 28rem;
}

.no-data-wrapper {
  display: flex;
  justify-content: center;
}

.no-data-box {
  margin: 0 auto;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100rem;
  min-width: 730rem;
  height: 640rem;
  border-radius: 24rem;
}

.no-data-box .no-data-img {
  width: 240rem;
  height: 301rem;
}

.no-data-box .no-data-title {
  margin-top: 32rem;
  display: flex;
  align-items: center;
  gap: 20rem;
  color: #000;
  text-align: center;
  font-size: 24rem;
  font-style: normal;
  font-weight: 700;
  line-height: 32rem;
}

.no-data-box .no-data-time {
  margin-top: 8rem;
  color: var(--Text-Secondary, rgba(0, 0, 0, 0.64));
  text-align: center;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24rem;
}

.no-data-box .no-data-icon {
  height: 31rem;
}

@media (max-width: 996px) {
  .section-pc {
    display: none;
  }

  .section-mobile {
    display: block;
  }

  .section-form {
    width: 100%;
  }

  .section-title {
    line-height: 56rem;
  }

  .section-text {
    font-size: 24rem;
    line-height: 40rem;
  }

  .section-content {
    margin-top: 80rem;
  }

  .ebc-btn-large {
    display: inline-flex;
    height: 96rem;
    border-radius: 48rem;
    font-size: 32rem;
    font-style: normal;
    font-weight: 500;
    line-height: 56rem;
    min-width: 620rem;
    padding: 0 30rem;
  }

  .ebc-btn-large .iconfont {
    font-size: 34rem;
  }

  .lan-btn-box {
    right: 40rem;
  }

  .id .lan-btn-box {
    right: 40rem;
  }

  .section-title-img {
    display: none;
  }

  .section-title-img-m {
    display: block;
    height: 31rem;
    flex-shrink: 1;
  }

  .section1 {
    padding-top: 80rem;
    padding-bottom: 160rem;
    background: url("/ebc-static/image/activityList/demo/bg_m.jpg") no-repeat;
    height: auto;
    min-height: 2121rem;
    background-size: cover;
    background-position: center;
  }

  .section1 .section1-content {
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
  }

  .section1 .section1-left {
    margin-top: 0;
    align-self: center;
    align-items: center;
  }

  .section1 .section1-time {
    color: var(--Text-Secondary_White, rgba(255, 255, 255, 0.64));
    font-size: 26rem;
    font-weight: 400;
    line-height: 44rem;
    text-align: center;
  }

  .section1 .section1-title {
    margin-top: 8rem;
    text-align: center;
    font-size: 62rem;
    line-height: 84rem;
  }

  .section1 .section1-sub-title {
    margin-top: 24rem;
    font-size: 26rem;
    line-height: normal;
    text-align: center;
  }

  .section1 .section1-sub-title .light {
    font-size: 26rem;
    line-height: normal;
  }

  .section1 .section1-right {
    margin-top: -64rem;
  }

  .section1 .last-time-box {
    margin-top: 64rem;
  }

  .section1 .last-time-p {
    font-size: 32rem;
    text-align: center;
  }

  .section1 .last-time-list {
    margin-top: 32rem;
    justify-content: space-between;
  }

  .section1 .last-time-item {
    width: calc(25% - 52.5rem);
    height: 146rem;
    border-radius: 12rem;
  }

  .section1 .last-time-item-value {
    font-size: 80rem;
  }

  .section1 .last-time-item-label {
    font-size: 30rem;
    line-height: 42rem;
  }

  .section2 {
    height: auto;
    background: url("/ebc-static/image/activityList/demo/bg2_m.jpg") no-repeat;
    background-size: 100% 100%;
  }

  .section2 .section-content {
    width: 100vw;
    margin-left: -30rem;
  }

  .section2 .section2-item-img {
    position: relative !important;
      top: unset !important;
      height: 180rem;
  }

  .section2 .section2-item-top {
    padding-top: 48rem !important;
    height: 366rem;
  }

  .section2 .section2-item-content {
    margin-top: 40rem;
  }

  .section2 .section2-item-icon {
    width: 28rem;
  }

  .section2 .section2-item-info {
    font-size: 36rem;
    padding: 0 8rem;
  }

  .section2 .section2-item-info-label {
    font-size: 32rem;
  }

  .section2 .section2-item-info-value {
    font-size: 48rem;
  }

  .section3 {
    background: #f7f7f7;
    height: auto;
  }

  .section3 .section3-list {
    flex-direction: column;
    gap: 28rem;
  }

  .section3 .section3-item {
    width: 100%;
    height: auto;
    min-height: 196rem;
    padding: 24rem 34rem;
    background: #fff;
    border-radius: 24rem;
    gap: 24rem;
    justify-content: flex-start;
  }

  .section3 .section3-item-right {
    display: none;
  }

  .section3 .section3-item-index {
    margin-top: 0;
    width: 88rem;
    height: 100rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 96rem;
    line-height: normal;
    flex-shrink: 0;
  }

  .section3 .section3-item-title {
    font-size: 28rem;
    line-height: 40rem;
  }

  .section3 .section3-item-info {
    font-size: 24rem;
    line-height: 32rem;
    padding: 0;
  }

  .section4 {
    background: url("/ebc-static/image/activityList/demo/bg4_m.jpg") no-repeat;
    height: auto;
    background-size: cover;
    background-position: top;
  }

  .section4 .section4-content {
    height: auto;
    padding: 680rem 0 80rem;
    gap: 24rem;
  }

  .section4 .section4-title {
    color: var(--Text-Primary_White, #FFF);
    font-size: 40rem;
    font-style: normal;
    font-weight: 700;
    line-height: 52rem;
  }

  .section4 .section4-info {
    color: var(--Text-Secondary_White, rgba(255, 255, 255, 0.64));
    font-size: 28rem;
    line-height: 42rem;
  }

  .section5 .section5-item + .section5-item {
    margin-top: 40rem;
  }

  .section5 .section5-item-label {
    font-size: 32rem;
    line-height: 40rem;
  }

  .section5 .section5-item-value {
    margin-top: 16rem;
    font-size: 24rem;
    line-height: 44rem;
  }

  .ranking-list {
    background: url("/ebc-static/image/activityList/latam/ranking_bg_m.jpg") no-repeat;
    background-size: cover;
    background-position: top;
  }

  .ranking-list .ranking-list-table {
    display: none;
  }

  .ranking-list .ranking-list-swiper {
    display: block;
  }

  .ranking-list .ranking-item {
    min-width: 308rem;
    height: 840rem;
    border-radius: 10rem;
    border: 1px solid #A52933;
    background: rgba(255, 255, 255, 0.77);
    backdrop-filter: blur(29.659435272216797px);
    padding: 56rem 28rem;
  }

  .ranking-list .ranking-item-level {
    height: 124rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .ranking-list .index-icon {
    height: 124rem;
    width: auto;
  }

  .ranking-list .ranking-item-level-index {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--Text-Primary_White, #000);
    text-align: center;
    font-size: 72rem;
    font-style: normal;
    font-weight: 700;
    line-height: 80rem;
  }

  .ranking-list .ranking-item-level-index .index-icon {
    height: 100rem;
    width: auto;
  }

  .ranking-list .ranking-item-info {
    margin-top: 64rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48rem;
  }

  .ranking-list .ranking-item-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .ranking-list .ranking-item-row-last {
    margin-top: 24rem;
  }

  .ranking-list .ranking-item-row-label {
    color: var(--Text-Secondary_White, rgba(0, 0, 0, 0.64));
    text-align: center;
    font-size: 24rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
  }

  .ranking-list .ranking-item-line {
    height: 1px;
    width: 80%;
    border-top: 1px dashed rgba(0, 0, 0, 0.64);
  }

  .ranking-list .ranking-item-row-value {
    margin-top: 8rem;
    color: #000;
    text-align: center;
    font-size: 28rem;
    font-style: normal;
    font-weight: 500;
    line-height: 36rem;
  }

  .ranking-list .ranking-item-row-value .red {
    color: var(--Brand-Accent-Coral, #FF4B4E);
    font-size: 40rem;
    font-style: normal;
    font-weight: 700;
    line-height: 48rem;
  }

  .ranking-list .ranking-list-tips {
    margin-top: 32rem;
    color: var(--Text-Secondary_White, rgba(255, 255, 255, 0.64));
    font-size: 24rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
  }

  .ranking-list .ranking-list-table-body {
    border-radius: 16rem;
  }

  .no-data-box {
    padding: 120rem 32rem;
    min-width: unset;
    width: 100%;
    height: unset;
  }

  .no-data-box .no-data-title {
    margin-top: 48rem;
    font-size: 28rem;
    line-height: normal;
  }

  .no-data-box .no-data-time {
    margin-top: 16rem;
    font-size: 24rem;
    line-height: 32rem;
  }
}