/* OMG poster layout override: keep the cloned theme, only tune OMG game cards. */
html,
body,
#app {
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

.home .hotGame .gameListNew,
.home .ordinaryGame .gameListNew {
  align-items: flex-start !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  padding-bottom: min(2.133vw, 9px) !important;
}

.home .hotGame .gameListNew.omg-game-list,
.home .ordinaryGame .gameListNew.omg-game-list {
  height: min(55.5vw, 238px) !important;
}

.home .ordinaryGame .gameListNew.omg-provider-list {
  height: min(27.6vw, 118px) !important;
  align-items: center !important;
  gap: min(1.067vw, 5px) !important;
  padding-top: min(1.067vw, 5px) !important;
  padding-bottom: min(2.4vw, 10px) !important;
}

.home .hotGame .gameListNew .gameItem.omg-game-card,
.home .ordinaryGame .gameListNew .gameItem.omg-game-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  min-width: min(29.2vw, 125px) !important;
  max-width: min(29.2vw, 125px) !important;
  width: min(29.2vw, 125px) !important;
  height: min(52.2vw, 224px) !important;
  margin-right: min(2.4vw, 10px) !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

.home .hotGame .gameListNew .gameItem.omg-game-card .gameImg,
.home .ordinaryGame .gameListNew .gameItem.omg-game-card .gameImg {
  width: 100% !important;
  height: min(41.4vw, 177px) !important;
  aspect-ratio: 3 / 4 !important;
  border-radius: min(2.133vw, 9px) !important;
  overflow: hidden !important;
  position: relative !important;
  flex: 0 0 auto !important;
  background: #101833 !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .22) !important;
}

.home .hotGame .gameListNew .gameItem.omg-game-card img,
.home .ordinaryGame .gameListNew .gameItem.omg-game-card img,
.home .hotGame .gameListNew .gameItem.omg-game-card .van-image__img,
.home .ordinaryGame .gameListNew .gameItem.omg-game-card .van-image__img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: inherit !important;
  background: #101833 !important;
}

.home .ordinaryGame .gameListNew .gameItem.omg-provider-card {
  flex: 0 0 auto !important;
  min-width: min(48vw, 206px) !important;
  max-width: min(48vw, 206px) !important;
  width: min(48vw, 206px) !important;
  height: min(24vw, 103px) !important;
  margin-right: min(2.933vw, 13px) !important;
  border-radius: min(3.2vw, 14px) !important;
  overflow: hidden !important;
  background:
    linear-gradient(145deg, rgba(69, 57, 166, .92), rgba(10, 14, 43, .98) 58%, rgba(14, 20, 54, .96)) !important;
  border: 1px solid rgba(143, 132, 255, .48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .16),
    inset 0 -12px 24px rgba(3, 6, 22, .35),
    0 10px 22px rgba(0, 0, 0, .34),
    0 0 0 1px rgba(65, 95, 255, .12) !important;
}

.home .ordinaryGame .gameListNew .gameItem.omg-provider-card .gameImg {
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  overflow: hidden !important;
  background: transparent !important;
}

.home .ordinaryGame .gameListNew .gameItem.omg-provider-card img,
.home .ordinaryGame .gameListNew .gameItem.omg-provider-card .van-image__img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: inherit !important;
  background: transparent !important;
  transform: translateZ(0) !important;
}

.omg-hot-overlay {
  display: none !important;
}

.omg-card-title {
  display: block !important;
  width: 100% !important;
  min-height: min(8.8vw, 38px) !important;
  margin-top: min(1.333vw, 6px) !important;
  padding: 0 min(.533vw, 2px) !important;
  color: rgba(255, 255, 255, .94) !important;
  font-size: min(3.2vw, 13.7px) !important;
  font-weight: 600 !important;
  line-height: 1.28 !important;
  text-align: center !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .34) !important;
  word-break: break-word !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.home .hotGame,
.home .ordinaryGame {
  margin-bottom: min(3.2vw, 14px) !important;
}

.xbyl-fixed-bottom-safe {
  padding-bottom: min(17.333vw, 74px) !important;
}

.tabbar,
.tabbarNew,
.van-tabbar,
[class*="tabbar"] .van-tabbar {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  width: min(100vw, 428px) !important;
  max-width: 428px !important;
  transform: translateX(-50%) !important;
  z-index: 1000 !important;
}

.nav-compoment,
.nav-compoment .van-nav-bar,
body > .van-nav-bar {
  position: sticky !important;
  top: 0 !important;
  z-index: 1001 !important;
}

@media (max-width: 360px) {
  .home .hotGame .gameListNew,
  .home .ordinaryGame .gameListNew.omg-game-list {
    height: 58vw !important;
  }

  .home .hotGame .gameListNew .gameItem.omg-game-card,
  .home .ordinaryGame .gameListNew .gameItem.omg-game-card {
    min-width: 31vw !important;
    max-width: 31vw !important;
    width: 31vw !important;
    height: 55vw !important;
  }

  .home .hotGame .gameListNew .gameItem.omg-game-card .gameImg,
  .home .ordinaryGame .gameListNew .gameItem.omg-game-card .gameImg {
    height: 44vw !important;
  }

  .home .ordinaryGame .gameListNew .gameItem.omg-provider-card {
    min-width: 50vw !important;
    max-width: 50vw !important;
    width: 50vw !important;
    height: 25vw !important;
  }
}