@media screen and (min-width:391px) {
  :root {
    --desktop-mobile-width: 450px;
  }

  html.h5-main {
    font-size: calc(var(--desktop-mobile-width) / 10) !important;
    background: #0f1115 !important;
  }

  body.h5-main {
    min-height: 100vh;
    overflow-x: hidden !important;
    background: #0f1115 !important;
  }

  body.h5-main #app {
    position: relative;
    width: min(100vw, var(--desktop-mobile-width));
    max-width: var(--desktop-mobile-width);
    min-height: 100vh;
    margin: 0 auto;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .04), 0 24px 60px rgba(0, 0, 0, .32);
  }

  body.h5-main .login-manager,
  body.h5-main .login-manager-wrap {
    width: min(100vw, var(--desktop-mobile-width)) !important;
    max-width: var(--desktop-mobile-width) !important;
  }

  body.h5-main .login-manager {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }

  body.h5-main .login-manager .videos video {
    width: min(100vw, var(--desktop-mobile-width)) !important;
    height: 100vh !important;
  }

  body.h5-main .login-box,
  body.h5-main .toggle-login-rigster {
    width: calc(var(--desktop-mobile-width) - 1.06667rem) !important;
  }

  body.h5-main .tab-bar-view,
  body.h5-main .bet-top-tab,
  body.h5-main .bet_header .bet-fixde,
  body.h5-main .vip-bottom-fixed,
  body.h5-main .van-nav-bar--fixed,
  body.h5-main .van-tabbar--fixed {
    width: min(100vw, var(--desktop-mobile-width)) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
  }

  body.h5-main .header .van-nav-bar__right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  body.h5-main .header .header-style-home {
    width: auto !important;
    max-width: none !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  body.h5-main .header .header-style-home .header-style-noLogin {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    height: .64rem !important;
    white-space: nowrap !important;
  }

  body.h5-main .active-center {
    overflow-x: hidden !important;
  }

  body.h5-main .active-center .van-tabs__wrap,
  body.h5-main .active-center .van-tab__pane-wrapper,
  body.h5-main .active-center .van-tab__pane-wrapper .van-tab__pane {
    width: min(100vw, var(--desktop-mobile-width)) !important;
    max-width: var(--desktop-mobile-width) !important;
    box-sizing: border-box !important;
  }

  body.h5-main .active-center .van-tabs__wrap {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }

  body.h5-main .fix-top,
  body.h5-main .main__header,
  body.h5-main .vip_pic,
  body.h5-main .vip_privilege {
    width: min(100vw, var(--desktop-mobile-width)) !important;
    max-width: var(--desktop-mobile-width) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.h5-main .vip_pic img,
  body.h5-main .main__header img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  body.h5-main .van-action-sheet,
  body.h5-main .van-dialog,
  body.h5-main .van-popup--bottom {
    max-width: var(--desktop-mobile-width);
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }

  body.h5-main #redPacket {
    right: calc(50% - (var(--desktop-mobile-width) / 2) + 12px) !important;
  }
}

.gameBox[data-v-c293f770] {
  box-sizing: border-box !important;
  width: calc(100% - .42667rem) !important;
  max-width: calc(100% - .42667rem) !important;
  height: auto !important;
  margin: .21333rem auto 1.6rem !important;
  padding-bottom: 1.6rem !important;
}

.gameList[data-v-c293f770] {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

.gameList .gameLis[data-v-c293f770] {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: .24rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 1.65333rem !important;
  margin: 0 0 .21333rem 0 !important;
  padding: .24rem .29333rem !important;
  border-radius: .28rem !important;
  background: linear-gradient(135deg, #3d4249 0%, #333840 54%, #2b3037 100%) !important;
  border: 1px solid rgba(255, 255, 255, .06) !important;
  box-shadow: 0 .14rem .28rem rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

.gameList .gameLis:last-child[data-v-c293f770] {
  margin-bottom: 0 !important;
}

.gameList .gameLis:first-child[data-v-c293f770] {
  margin-top: .18667rem !important;
}

.gameList .gameLis[data-v-c293f770]::after {
  content: "";
  position: absolute;
  right: -.18667rem;
  top: -.29333rem;
  width: 2.02667rem;
  height: 2.02667rem;
  border-radius: .48rem;
  background: linear-gradient(160deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .01));
  transform: rotate(16deg);
  pointer-events: none;
}

.gameList .gameLis img[data-v-c293f770] {
  position: relative !important;
  z-index: 1 !important;
  flex: 0 0 1.44rem !important;
  width: 1.44rem !important;
  height: 1.44rem !important;
  margin: 0 !important;
  border-radius: .16rem !important;
  object-fit: cover !important;
  box-shadow: 0 .08rem .2rem rgba(0, 0, 0, .18) !important;
}

.gameList .gameLis p[data-v-c293f770] {
  position: relative !important;
  z-index: 1 !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  color: #f6f8fb !important;
  font-size: .32rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.gameLisps[data-v-c293f770] {
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
}

.popular-digital-games .popular-digital-games-main .game-content[data-v-1d70e262] {
  background: linear-gradient(180deg, #e9e9e9 0%, #ffffff 100%) !important;
  box-shadow: none !important;
}

.popular-digital-games .popular-digital-games-main .game-content .game-header[data-v-1d70e262],
.popular-digital-games .popular-digital-games-main .game-content .game-header .game-ad-img[data-v-1d70e262] {
  background: #ffffff !important;
}

.popular-digital-games .popular-digital-games-main .game-content .game-header .game-ad-img span[data-v-1d70e262] {
  color: var(--fontColor1) !important;
}

.popular-digital-games .popular-digital-games-main .game-content .game-list[data-v-1d70e262] {
  display: block !important;
  padding: .21333rem .24rem .32rem !important;
  background: transparent !important;
}

.popular-digital-games .popular-digital-games-main .game-content .game-list[data-v-1d70e262] .game-item[data-v-1d70e262] {
  width: 100% !important;
  margin: 0 0 .21333rem 0 !important;
}

.popular-digital-games .popular-digital-games-main .game-content .game-list[data-v-1d70e262] .game-item:last-child[data-v-1d70e262] {
  margin-bottom: 0 !important;
}

.popular-digital-games .popular-digital-games-main .game-content .game-list[data-v-1d70e262] .game-item .game-item-entrance[data-v-1d70e262] {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .26667rem !important;
  width: 100% !important;
  min-height: 2rem !important;
  padding: .24rem .34667rem !important;
  border-radius: .32rem !important;
  border: 1px solid rgba(255, 255, 255, .06) !important;
  background: linear-gradient(135deg, rgba(38, 43, 49, .99) 0%, rgba(27, 31, 37, .98) 56%, rgba(19, 22, 27, .99) 100%) !important;
  box-shadow: 0 .18rem .34667rem rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .03) !important;
  overflow: hidden !important;
}

.popular-digital-games .popular-digital-games-main .game-content .game-list[data-v-1d70e262] .game-item .game-item-entrance[data-v-1d70e262]::before {
  content: "";
  position: absolute;
  left: -.50667rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.62667rem;
  height: 1.62667rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, 0) 68%);
  pointer-events: none;
}

.popular-digital-games .popular-digital-games-main .game-content .game-list[data-v-1d70e262] .game-item .game-item-entrance[data-v-1d70e262]::after {
  content: "";
  position: absolute;
  right: -.24rem;
  top: -.37333rem;
  width: 2.16rem;
  height: 2.16rem;
  border-radius: .48rem;
  background: linear-gradient(160deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .02));
  transform: rotate(18deg);
  pointer-events: none;
}

.popular-digital-games .popular-digital-games-main .game-content .game-list[data-v-1d70e262] .game-item .game-item-entrance .left-logo[data-v-1d70e262],
.popular-digital-games .popular-digital-games-main .game-content .game-list[data-v-1d70e262] .game-item .game-item-entrance .left-line[data-v-1d70e262] {
  display: none !important;
}

.popular-digital-games .popular-digital-games-main .game-content .game-list[data-v-1d70e262] .game-item .game-item-entrance .game-item-entrance__title[data-v-1d70e262] {
  position: relative !important;
  order: 2 !important;
  flex: 1 1 auto !important;
  left: auto !important;
  top: auto !important;
  z-index: 2 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: .36rem !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-shadow: 0 .05333rem .16rem rgba(0, 0, 0, .28) !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  text-align: left !important;
}

.popular-digital-games .popular-digital-games-main .game-content .game-list[data-v-1d70e262] .game-item .game-item-entrance .game-item-entrance__title[data-v-1d70e262]::before {
  content: "";
  display: block;
  width: .58667rem;
  height: .06667rem;
  margin-bottom: .16rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #ffd66b, #ff9f1a);
  box-shadow: 0 0 .16rem rgba(255, 183, 76, .45);
}

.popular-digital-games .popular-digital-games-main .game-content .game-list[data-v-1d70e262] .game-item .game-item-entrance .game-item-entrance__main-img[data-v-1d70e262],
.popular-digital-games .popular-digital-games-main .game-content .game-list[data-v-1d70e262] .game-item .game-item-entrance .game-item-entrance__main-img[data-v-1d70e262][lazy=loaded],
.popular-digital-games .popular-digital-games-main .game-content .game-list[data-v-1d70e262] .game-item .game-item-entrance .game-item-entrance__main-img[data-v-1d70e262][lazy=loading] {
  position: relative !important;
  order: 1 !important;
  z-index: 2 !important;
  float: none !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 42% !important;
  height: 1.28rem !important;
  margin: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  filter: drop-shadow(0 .10667rem .18667rem rgba(0, 0, 0, .24));
}

.popular-digital-games .popular-digital-games-main .game-content .game-list[data-v-1d70e262] .game-item .game-item-entrance .game-item-entrance__in-maintenance[data-v-1d70e262] {
  top: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: 72% !important;
}
