@charset "UTF-8";
.app-header[data-v-00de016d] {
  position: sticky;
  z-index: 98;
  top: 0;
  left: 0;
  right: 0;
  height: 6.13333rem;
  padding: 0.90667rem 0.4rem 0.50667rem;
  background: linear-gradient(270deg, #18110f, #3b1c10);
}
.app-header.noLogin[data-v-00de016d] {
  height: 4.02667rem;
}
.app-header .inner[data-v-00de016d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0.4rem;
}
.app-header .inner .loginLeft[data-v-00de016d] {
  display: flex;
  align-items: center;
  gap: 0.21333rem;
  width: 6rem;
}
.app-header .inner .loginLeft .nameText[data-v-00de016d] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 0.32rem;
  color: var(--text_primary, #fff);
  font-weight: 600;
}
.app-header .inner .loginLeft .nameText .vip-name[data-v-00de016d] {
  border-radius: 0.58667rem;
  background: #5a3b1fa8;
  margin-left: 0.13333rem;
  padding: 0.05333rem 0.13333rem;
}
.app-header .inner .loginLeft .nameText .amountWrap[data-v-00de016d] {
  display: flex;
  align-items: center;
  gap: 0.10667rem;
}
.app-header .inner .loginLeft .nameText .amountWrap .eyeIcon[data-v-00de016d] {
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}
.app-header .inner .loginLeft .nameText .headAmount[data-v-00de016d] {
  font-size: 0.42667rem;
  font-weight: 600;
  background: linear-gradient(
    150deg,
    #ffc125 27.97%,
    #fffbb5 37.48%,
    #ffc227 49.72%,
    #fffbb5 61.91%,
    #f4cb64 69.35%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.app-header .inner > div[data-v-00de016d] {
  display: flex;
  align-items: center;
}
.app-header .header--portrait[data-v-00de016d] {
  border: 0.02667rem solid #ffc125;
  background: #ffbb3b3d;
  padding: 0.06667rem;
  font-size: 0;
  border-radius: 50%;
}
.app-header .header--portrait img[data-v-00de016d] {
  width: 0.93333rem;
  height: 0.93333rem;
}
.logo[data-v-00de016d] {
  color: #fe2a5c;
  font-size: 0.42667rem;
  font-weight: 700;
  margin-right: 0.26667rem;
}
.logo img[data-v-00de016d] {
  display: block;
  width: 2.84rem;
  height: 1.06667rem;
}
.loginLogo[data-v-00de016d] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 3.33333rem;
  height: 0.96rem;
  padding-bottom: 0.05333rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.loginLogo .bg[data-v-00de016d] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 3.33333rem;
  height: 0.96rem;
}
.loginLogo[data-v-00de016d]:after {
  content: "";
  position: absolute;
  bottom: 0.05333rem;
  left: 50%;
  transform: translate(-50%);
  width: 2rem;
  height: 0.02667rem;
  background: linear-gradient(90deg, #ffc53e00, #ffc53e, #ffc53e00);
  z-index: 1;
}
.loginLogo img[data-v-00de016d] {
  position: relative;
  display: block;
  max-width: 90%;
  max-height: 90%;
}
.right[data-v-00de016d] {
  justify-content: flex-end;
  gap: 0.21333rem;
  flex: 1;
}
.right .rightIcon[data-v-00de016d] {
  width: 0.88rem;
  height: 0.81333rem;
  border-radius: 0.32rem;
  border: 0.01333rem solid #50352a;
  background: linear-gradient(180deg, #3e271a, #5d2d17);
  box-shadow: 0 0.01333rem 0.02533rem #00000040;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.right .rightIcon .tip[data-v-00de016d] {
  font-style: normal;
  position: absolute;
  top: -0.08rem;
  right: -0.08rem;
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  background: var(--norm_red_color);
  color: var(--text_btn_main);
  font-size: 0.18667rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.right .rightIcon[data-v-00de016d] .title {
  justify-content: center;
}
.right .rightIcon[data-v-00de016d] .title img,
.right img[data-v-00de016d] {
  width: 0.53333rem;
  height: 0.53333rem;
}
.right span[data-v-00de016d] {
  color: var(--text_primary);
  font-family: Poppins;
  font-size: 0.37333rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.right .recharge[data-v-00de016d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.10667rem;
  min-width: 3.25333rem;
  height: 0.85333rem;
  border-radius: 0.66667rem;
  background: var(--bg_color_L2);
  box-shadow: 0 0.05333rem 0.05333rem #00000040, 0 0.02667rem #2b3242 inset;
  padding: 0 0.16rem;
}
.right .language-selector[data-v-00de016d] {
  display: flex;
  align-items: center;
  gap: 0.10667rem;
}
.right .language[data-v-00de016d] {
  font-size: 0.50667rem;
}
.btns[data-v-00de016d] {
  display: flex;
  align-items: center;
  gap: 0.21333rem;
  justify-content: center;
}
.btns .signin-btn[data-v-00de016d] {
  min-width: 2.13333rem;
  padding: 0 0.26667rem;
  height: 0.85333rem;
  border-radius: 0.66667rem;
  font-size: 0.37333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.btns .signin-btn.register[data-v-00de016d] {
  background: var(--main_gradient_color);
  color: var(--text_btn_main);
  text-shadow: 0.01333rem 0.02667rem 0.02667rem rgba(0, 0, 0, 0.3);
  font-weight: 600;
  position: relative;
}
.btns .signin-btn.register .reg-tips[data-v-00de016d] {
  position: absolute;
  bottom: -0.32rem;
  left: 50%;
  transform: translate(-50%);
  background: url("data:image/svg+xml,%3csvg%20width='142'%20height='37'%20viewBox='0%200%20142%2037'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%2036.0962L134%2036.0962C138.142%2036.0962%20141.5%2032.7383%20141.5%2028.5962V12.5962C141.5%208.45406%20138.142%205.09619%20134%205.09619L80.9219%205.09619C79.2439%205.09613%2077.6032%204.59925%2076.207%203.66846L71.832%200.751465C71.3283%200.415718%2070.6717%200.415718%2070.168%200.751465L65.793%203.66846C64.3968%204.59925%2062.7561%205.09613%2061.0781%205.09619L8%205.09619C3.85786%205.09619%200.5%208.45406%200.5%2012.5962L0.5%2028.5962C0.5%2032.7383%203.85786%2036.0962%208%2036.0962Z'%20fill='url(%23paint0_linear_13358_112996)'%20stroke='%23E1EFFF'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_13358_112996'%20x1='142'%20y1='18.0962'%20x2='0'%20y2='18.0962'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F8A956'/%3e%3cstop%20offset='1'%20stop-color='%23D4762A'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e")
    no-repeat center;
  background-size: 1.89333rem 0.49333rem;
  width: 1.89333rem;
  height: 0.49333rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btns .signin-btn.register .reg-tips span[data-v-00de016d] {
  background: url(data:image/webp;base64,UklGRtICAABXRUJQVlA4WAoAAAAQAAAAGgAAGwAAQUxQSBEBAAABgBsAkCJlZu7e3f1xpwAihw6gAIgI3SGC1DVyKMAldQldIofUCthB77aEiJgA0IpIRAgSUalYuGd+W6kl1EOVd/zvTgZpQt8oa+5T8D8MnLLOHT/+hcZV1r1j+EvpZ4mtyi/MFTLewggAxiWWWq8CUAHLnTICGLokbVoQLAeSDuyAjnc54tCB5GbJ2w4kr5AjBmxA3k8pQlSbAT2XUvg5rAI6puUMewjAUiNDPBdZAcAQOpHAbX4FANBR/KlvPmaG38Zgh67ldIfyB1pjVS/aFtPdKvxNllBO7yuzYGbBL3WpbhX+R6Mrmd+wesv8ulqXHbGroFmxeKLpuQWFeekRt4lALxltTo/HZTMSSEUiAs0AVlA4IJoBAAAQCACdASobABwAPp1Cm0kwCgoDVCwE4lsAJ0vOXrvygc4Zs33VX4BvIdZjNkBmm9U00Odt8WV86yJaa3Ua0ZPYHa0yvfQmYbAAAP6L6OFh+4GCar62STYE9jnrTn2mjR1YxV/Lh7wzxcglyWH84jX5v74yNQF0AD0M4NqPIxYP5R2eIk//qKt1PiSZVq/x/fP/pQgLqjqfvYmca1qtjzW7fy5jDwJ8ul78G9woFLXOyirH4KJzXNA/rJBC24XGyY1IuNFvpxtjOD8dn/ax6ylOhDfP4F2xnGMMxDZenvJIUfOScHIHZptwXrZ68bXgBsbVUsiOk+pxnjVU3Rfn802t9wJtjm0tAUgR98xwXsdo/TTgFeOlYYUQokE7n0a23eCHd2Ish8ei2b1T6X8pjJv/xOpnXLoQypVz+aYMVfDR6tfEnIP/r/uOH9FPGL0Y8FeDwJhWRO88/t+FfE/0lG88Ff+gHtMD1r0fKndIy9STpdYmC+gqIu/dt2WUV6yMhc4SN879nRSkP/KHZKA5hg71+6e9KETGHApIAA==)
    no-repeat left center;
  padding-left: 0.4rem;
  background-size: 0.32rem 0.32rem;
  color: var(--text_btn_main);
  text-shadow: 0.01333rem 0.02667rem 0.02667rem rgba(0, 0, 0, 0.3);
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.32rem;
  margin-top: 0.06667rem;
}
.btns .signin-btn.login[data-v-00de016d] {
  border-radius: 0.66667rem;
  border: 0.02667rem solid var(--main_color);
  color: var(--main_color);
  font-weight: 400;
}
.vipItem[data-v-00de016d] {
  margin: 0 auto 0.48rem;
  width: 100%;
  height: 0.56rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.4rem;
  border-radius: 0.8rem;
  font-size: 0.32rem;
  border: 0.01333rem solid var(--Stroke_color, #5a3427);
  background: var(--bg_color_L2, #291812);
  color: var(--text_primary);
}
.vipItem[data-v-00de016d] :last-child {
  color: #fac12d;
}
.vipItem .vipProcess[data-v-00de016d] {
  width: 3.33333rem;
  border-radius: 0.78667rem;
  background: var(--bg_color_L3);
  height: 0.21333rem;
  position: relative;
}
.vipItem .vipProcess .vipInner[data-v-00de016d] {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 0.78667rem;
  background: var(--progress_bar);
}
.lineItem[data-v-00de016d] {
  width: 100%;
  font-size: 0;
}
.lineItem img[data-v-00de016d] {
  width: 100%;
}
.categoyList[data-v-00de016d] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  overflow: auto;
  gap: 0.13333rem;
  padding: 0.26667rem 0;
}
.categoyList li[data-v-00de016d] {
  color: var(--text_primary);
  font-size: 0;
  font-weight: 400;
  width: 1.73333rem;
  height: 1.73333rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.05333rem;
}
.categoyList li p[data-v-00de016d] {
  font-size: 0.32rem;
  width: 1.73333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.categoyList li img[data-v-00de016d] {
  width: 0.74667rem;
  height: 0.74667rem;
}
.categoyList li.active[data-v-00de016d] {
  color: var(--text_primary);
  font-weight: 700;
  border-radius: 0.21333rem;
  background: var(
    --main_gradient_color,
    linear-gradient(180deg, #fa7a06 0%, #ea5c16 100%)
  );
}
.homeWarp[data-v-00de016d] {
  padding: 0 0.4rem;
}
.homeJackpot[data-v-dcd1a8fb] {
  margin-top: 0.53333rem;
  width: 9.21333rem;
  height: 5.54667rem;
  background-image: var(--v7529e560);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.26667rem;
}
.homeJackpot .title[data-v-dcd1a8fb] {
  font-size: 0.37333rem;
  font-weight: 600;
  background: linear-gradient(
    150deg,
    #ffc125 27.97%,
    #fffbb5 37.48%,
    #ffc227 49.72%,
    #fffbb5 61.91%,
    #f4cb64 69.35%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.homeJackpot .num[data-v-dcd1a8fb] {
  height: 1.02667rem;
  text-align: center;
  -webkit-text-stroke-width: 0.01333rem;
  -webkit-text-stroke-color: #3d0957;
  font-size: 0.85333rem;
  font-weight: 600;
  background: linear-gradient(
    150deg,
    #ffc125 27.97%,
    #fffbb5 37.48%,
    #ffc227 49.72%,
    #fffbb5 61.91%,
    #f4cb64 69.35%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.homeJackpot .numTip[data-v-dcd1a8fb] {
  font-size: 0.32rem;
  color: #fff;
  height: 0.56rem;
}
.homeJackpot .btn[data-v-dcd1a8fb] {
  width: 4.8rem;
  height: 1.12rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  text-shadow: 0 0.02667rem 0 rgba(0, 0, 0, 0.31);
  font-size: 0.42667rem;
  font-weight: 600;
}
.homeAnaly[data-v-9f530926] {
  margin-top: 0.53333rem;
  border-radius: 0.30667rem;
  border: 0.01333rem solid #725a51;
  background: linear-gradient(270deg, #493d3a, #4a3742);
}
.homeAnaly ul[data-v-9f530926] {
  display: flex;
}
.homeAnaly ul li[data-v-9f530926] {
  flex: 1;
  font-size: 0.32rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 2.38667rem;
}
.homeAnaly ul li p[data-v-9f530926] {
  color: var(--text_primary);
  font-weight: 500;
}
.homeAnaly ul li p[data-v-9f530926]:last-child {
  color: #ffcba1;
}
.homeAnaly ul li img[data-v-9f530926] {
  width: 0.53333rem;
  height: 0.53333rem;
  margin-bottom: 0.13333rem;
}
.homeRecharge[data-v-15b62104] {
  margin-top: 0.53333rem;
  border-radius: 0.32rem;
  border: 0.01333rem solid #50352a;
  background: linear-gradient(180deg, #3e271a, #5d2d17);
  box-shadow: 0 0.01333rem 0.02533rem #00000040;
  display: flex;
  padding: 0.13333rem 0.42667rem;
  height: 1.96rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.32rem;
  color: var(--text_primary, #fff);
  font-size: 0.42667rem;
  font-weight: 500;
}
.homeRecharge .btn[data-v-15b62104] {
  border-radius: 1.2rem;
  background: var(
    --main_gradient_color,
    linear-gradient(180deg, #fa7a06 0%, #ea5c16 100%)
  );
  display: flex;
  width: 1.77333rem;
  padding: 0.13333rem;
  justify-content: center;
  align-items: center;
  gap: 0.13333rem;
  flex-shrink: 0;
  color: var(--text_btn_main, #fff);
  font-family: Poppins;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.homeRecharge span[data-v-15b62104] {
  font-size: 0.32rem;
}
.homeRecharge img[data-v-15b62104] {
  width: 1.30667rem;
  height: 1.30667rem;
}
.tourn-list[data-v-47052108] {
  width: 9.2rem;
  overflow: hidden;
}
.tourn-swiper[data-v-47052108] {
  width: calc(100% + 0.42667rem);
}
.tourn-swiper[data-v-47052108] .van-swipe-item {
  padding-right: 0.42667rem;
}
.tourn-item[data-v-47052108] {
  position: relative;
  border-radius: 0.16rem 0.16rem 0.32rem 0.32rem;
  width: 100%;
  border: 0.02667rem solid #ff6625;
  background: #ef661133;
  box-shadow: 0 0.04rem 0.028rem #0000008a;
  display: flex;
  flex-direction: column;
  gap: 0.42667rem;
  padding: 0.56rem 0.53333rem;
}
.tourn-item .topBg[data-v-47052108] {
  position: absolute;
  top: 0;
  left: -0.01333rem;
  display: block;
  width: calc(100% + 0.02667rem);
  height: 0.16rem;
  background: linear-gradient(90deg, #c6740f, #7d0974);
  border-radius: 0.32rem 0.32rem 0 0;
}
.tourn-item .t1[data-v-47052108] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-size: 0.48rem;
  font-weight: 600;
}
.tourn-item .t1 img[data-v-47052108] {
  width: 0.84rem;
  height: 0.77333rem;
}
.tourn-item .txt span[data-v-47052108] {
  color: #f90;
  font-size: 0.32rem;
  font-weight: 500;
}
.tourn-item .txt p[data-v-47052108] {
  background: linear-gradient(
    150deg,
    #ffc125 27.97%,
    #fffbb5 37.48%,
    #ffc227 49.72%,
    #fffbb5 61.91%,
    #f4cb64 69.35%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.64rem;
  font-weight: 600;
}
.tourn-item .btn[data-v-47052108] {
  border-radius: 0.32rem;
  background: linear-gradient(90deg, #77007d, #ca7a09);
  display: flex;
  height: 1.10667rem;
  padding: 0.13333rem;
  justify-content: center;
  align-items: center;
  gap: 0.13333rem;
  flex-shrink: 0;
  align-self: stretch;
  color: #fff;
  text-align: center;
  font-size: 0.42667rem;
  font-style: normal;
  font-weight: 600;
}
.tourn-item .middle[data-v-47052108] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.53333rem;
  background: #ffffff1f;
  gap: 0.53333rem;
  height: 1.24rem;
  padding-left: 0.53333rem;
}
.tourn-item .middle img[data-v-47052108] {
  width: 0.53333rem;
  height: 0.53333rem;
  align-self: center;
}
.tourn-item .middle > div[data-v-47052108] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tourn-item .middle p[data-v-47052108] {
  color: #f90;
  font-size: 0.32rem;
  font-weight: 500;
}
.tourn-item .middle .t[data-v-47052108] {
  display: flex;
  align-items: center;
  color: #ffc79d;
  font-size: 0.32rem;
  font-weight: 600;
}
.tourn-item .middle .t span.days[data-v-47052108] {
  margin-right: 0.2rem;
}
.popular-grid[data-v-caa49d67] {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 0.24rem;
  row-gap: 0.29333rem;
}
.popular-grid .popular-grid-item[data-v-caa49d67] {
  position: relative;
  border-radius: 0.21333rem;
  overflow: hidden;
  background: var(--bg_color_L2);
  aspect-ratio: 1;
  font-size: 0;
  width: 2.90667rem;
  height: 3.22667rem;
}
.popular-grid .popular-grid-item--skeleton[data-v-caa49d67] {
  pointer-events: none;
}
.popular-grid .popular-grid-item > img[data-v-caa49d67] {
  width: 100%;
  height: auto;
}
.popular-grid .popular-grid-item .grid-bg[data-v-caa49d67] {
  background-image: var(--v0936ab2a);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: var(--text_primary);
  font-size: 0.32rem;
  display: flex;
  align-items: flex-end;
  padding: 0.13333rem;
  width: 100%;
  overflow: hidden;
  min-width: 0;
}
.popular-grid .popular-grid-item .grid-bg span[data-v-caa49d67] {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popular-grid .popular-grid-item .grid-bg .headTop[data-v-caa49d67] {
  position: absolute;
  top: 0.13333rem;
  left: 0;
  gap: 0.10667rem;
  font-size: 0.24rem;
  color: var(--text_btn_main);
  width: 100%;
}
.popular-grid .popular-grid-item .grid-bg .headTop .top[data-v-caa49d67] {
  border-radius: 0 0.21333rem 0.21333rem 0;
  border: 0.01333rem solid #fff;
  background: #f90;
  box-shadow: 0 0.05333rem 0.05333rem #00000040;
  width: 1.10667rem;
  height: 0.42667rem;
  line-height: 0.42667rem;
  text-align: center;
}
.popular-grid .popular-grid-item .grid-bg .headTop .rtp[data-v-caa49d67] {
  position: absolute;
  top: 0;
  right: 0.06667rem;
  width: 1.08rem;
  padding: 0 0.08rem;
  height: 0.42667rem;
  line-height: 0.42667rem;
  text-align: center;
  border-radius: 0.74667rem;
  background: #000000c7;
  color: var(--text_primary, #fff);
  font-size: 0.26667rem;
  font-weight: 500;
}
.popular-grid .popular-grid-item .grid-bg .headTop .cs[data-v-caa49d67] {
  display: inline-block;
  background: var(--main_color);
  color: var(--text_primary, #fff);
  text-align: center;
  font-size: 0.26667rem;
  font-weight: 500;
  border-radius: 0 0.21333rem 0.21333rem 0;
  padding: 0 0.08rem;
}
.popular-grid .popular-grid-item .mask-overlay[data-v-caa49d67] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000b3;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.popular-grid .popular-grid-item .mask-overlay .center-icon[data-v-caa49d67] {
  width: 0.93333rem;
  height: 0.93333rem;
}
.popular-swiper[data-v-f4f13005] {
  height: auto;
  width: calc(100% + 0.53333rem);
}
.popular-swiper .game-slide-item[data-v-f4f13005] {
  margin-top: 0.13333rem;
}
.popular-swiper .game-slide-item .game-slide[data-v-f4f13005] {
  width: calc(100% - 0.4rem);
}
.top-home[data-v-f4f13005] {
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 0.4rem;
  background: linear-gradient(270deg, #18110f, #3b1c10);
  margin-bottom: 0;
}
.top-home .banner[data-v-f4f13005] {
  width: 9.14667rem;
  height: 3.33333rem;
  margin: 0.26667rem auto 0;
}
.top-home .banner .banner-image[data-v-f4f13005] {
  width: 100%;
  height: 100%;
  border-radius: 0.21333rem;
}
.top-home .customerActivity[data-v-f4f13005] {
  display: flex;
  justify-content: space-between;
  margin: 0.4rem auto 0.48rem;
  gap: 0.18667rem;
}
.top-home .customerActivity > div[data-v-f4f13005] {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 1.85333rem;
  gap: 0.21333rem;
}
.top-home .customerActivity > div[data-v-f4f13005]:first-child {
  border-radius: 0.32rem;
  border: 0.01333rem solid #50352a;
  background: linear-gradient(180deg, #3e271a80, #5d2d1780);
  box-shadow: 0 0.01333rem 0.02533rem #00000040;
}
.top-home .customerActivity > div:first-child img[data-v-f4f13005] {
  width: 0.65333rem;
  height: 0.65333rem;
}
.top-home .customerActivity > div[data-v-f4f13005]:nth-child(2) {
  border-radius: 0.32rem;
  border: 0.01333rem solid #492a50;
  background: linear-gradient(180deg, #381a3e80, #5a175d80);
  box-shadow: 0 0.01333rem 0.02533rem #00000040;
}
.top-home .customerActivity > div:nth-child(2) img[data-v-f4f13005] {
  width: 0.50667rem;
  height: 0.58667rem;
}
.top-home .customerActivity > div[data-v-f4f13005]:nth-child(3) {
  border-radius: 0.32rem;
  border: 0.01333rem solid rgba(255, 242, 0, 0.14);
  background: linear-gradient(180deg, #3e311a80, #5d4a1780);
  box-shadow: 0 0.01333rem 0.02533rem #00000040;
}
.top-home .customerActivity > div:nth-child(3) img[data-v-f4f13005] {
  width: 0.58667rem;
  height: 0.58667rem;
}
.top-home .customerActivity > div[data-v-f4f13005]:last-child {
  border-radius: 0.32rem;
  border: 0.01333rem solid #46502a;
  background: linear-gradient(180deg, #1d3e1a80, #305d1780);
  box-shadow: 0 0.01333rem 0.02533rem #00000040;
}
.top-home .customerActivity > div:last-child img[data-v-f4f13005] {
  width: 0.58667rem;
  height: 0.58667rem;
}
.top-home .customerActivity > div p[data-v-f4f13005] {
  color: var(--text_primary, #d4e8ff);
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.32rem;
}
.top-home .hot-game[data-v-f4f13005] {
  width: 9.2rem;
  height: 3.25333rem;
  background: var(--v961e9622);
  display: flex;
  background-size: cover;
  padding: 0.26667rem;
}
.top-home .hot-game .game-image img[data-v-f4f13005] {
  width: 2.66667rem;
  height: 2.66667rem;
  border-radius: 0.16rem;
  object-fit: cover;
  object-position: center top;
}
.top-home .hot-game .game-content[data-v-f4f13005] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.06667rem 0;
  margin-left: 0.26667rem;
}
.top-home .hot-game .game-content .game-title[data-v-f4f13005] {
  font-size: 0.37333rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.4rem;
  color: var(--text_primary, #d4e8ff);
}
.top-home .hot-game .game-content .game-stats[data-v-f4f13005] {
  display: flex;
  gap: 0.46667rem;
  justify-content: center;
}
.top-home .hot-game .game-content .game-stats .stat-item[data-v-f4f13005] {
  display: flex;
  flex-direction: column;
  gap: 0.18667rem;
  justify-content: center;
  align-items: center;
  padding: 0 0.13333rem;
}
.top-home
  .hot-game
  .game-content
  .game-stats
  .stat-item
  span[data-v-f4f13005]:first-child,
.top-home
  .hot-game
  .game-content
  .game-stats
  .stat-item
  span[data-v-f4f13005]:last-child {
  color: var(--text_secondary, #86a1c0);
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.32rem;
}
.top-home
  .hot-game
  .game-content
  .game-stats
  .stat-item
  span[data-v-f4f13005]:nth-child(2) {
  color: var(--norm_hint_color, #edb04c);
  text-align: center;
  font-size: 0.4rem;
  font-weight: 600;
  line-height: 0.4rem;
}
.top-home
  .hot-game
  .game-content
  .game-stats
  .stat-item
  .play-star[data-v-f4f13005] {
  width: 0.26667rem;
  height: 0.26667rem;
  gap: 0.02667rem;
}
.top-home .hot-game .game-content .play-btn[data-v-f4f13005] {
  width: 100%;
  height: 0.74667rem;
  border-radius: 0.66667rem;
  background: var(
    --main_gradient_color,
    linear-gradient(180deg, #06d6fd 0%, #0070f4 100%)
  );
  box-shadow: 0 -0.01333rem #ffffff40 inset, 0 0.02667rem #79ffffb3 inset,
    0 0.05333rem 0.10667rem #00000040;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text_btn_main);
  font-size: 0.37333rem;
  font-weight: 500;
  line-height: 0.45333rem;
}
.top-home .hot-game .game-content .play-btn .play-icon[data-v-f4f13005] {
  margin-left: 0.16rem;
  width: 0.32rem;
  height: 0.32rem;
}
.top-home .hot-game .game-content .play-btn[data-v-f4f13005]:hover {
  transform: translateY(-0.02667rem);
}
.top-home .hot-game .game-content .play-btn[data-v-f4f13005]:active {
  transform: translateY(0);
}
.top-home .popular-games[data-v-f4f13005] {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.21333rem;
  margin: 0.48rem 0;
}
.top-home .popular-games .tit[data-v-f4f13005] {
  color: var(--text_primary);
  font-size: 0.42667rem;
  font-weight: 600;
  line-height: 0.53333rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.26667rem;
}
.top-home .popular-games .tit span[data-v-f4f13005] {
  color: var(--main_color);
  font-size: 0.32rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.top-home .popular-games .tit span img[data-v-f4f13005] {
  width: 0.53333rem;
  height: 0.53333rem;
}
.top-home .popular-games .popular-grid[data-v-f4f13005] {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 0.24rem;
  row-gap: 0.29333rem;
}
.top-home .popular-games .popular-grid .popular-grid-item[data-v-f4f13005] {
  position: relative;
  border-radius: 0.21333rem;
  overflow: hidden;
  background: var(--bg_color_L2);
  aspect-ratio: 1;
}
.top-home
  .popular-games
  .popular-grid
  .popular-grid-item
  .grid-bg[data-v-f4f13005] {
  background-image: var(--v78df4f48);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: var(--text_primary);
  font-size: 0.32rem;
  font-style: normal;
  display: flex;
  align-items: flex-end;
  padding: 0.13333rem;
  width: 100%;
  overflow: hidden;
  min-width: 0;
}
.top-home
  .popular-games
  .popular-grid
  .popular-grid-item
  .grid-bg
  span[data-v-f4f13005],
.top-home
  .popular-games
  .popular-grid
  .popular-grid-item
  .grid-bg[data-v-f4f13005]:after {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top-home .popular-games .popular-grid .popular-grid-item img[data-v-f4f13005] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.top-home
  .popular-games
  .popular-grid
  .popular-grid-item
  .mask-overlay[data-v-f4f13005] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000b3;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.top-home
  .popular-games
  .popular-grid
  .popular-grid-item
  .mask-overlay
  .center-icon[data-v-f4f13005] {
  width: 0.93333rem;
  height: 0.93333rem;
}
.top-home .popular-games .game-list[data-v-f4f13005] {
  width: 100%;
}
.top-home .popular-games .game-list .game-slide[data-v-f4f13005] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 0.26667rem;
  row-gap: 0.13333rem;
}
.top-home .popular-games .game-list .game-card[data-v-f4f13005] {
  position: relative;
}
.top-home
  .popular-games
  .game-list
  .game-card
  .image-mask-wrapper[data-v-f4f13005] {
  position: relative;
  width: 100%;
  aspect-ratio: 330/450;
  cursor: pointer;
  font-size: 0;
}
.top-home
  .popular-games
  .game-list
  .game-card
  .image-mask-wrapper
  .game-image[data-v-f4f13005] {
  width: 100%;
  height: 100%;
  border-radius: 0.16rem;
  object-fit: cover;
  object-position: center top;
  background: var(--secondary_color2);
}
.top-home
  .popular-games
  .game-list
  .game-card
  .image-mask-wrapper
  .mask-overlay[data-v-f4f13005] {
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000b3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.16rem;
  opacity: 1;
  pointer-events: none;
}
.top-home
  .popular-games
  .game-list
  .game-card
  .image-mask-wrapper
  .mask-overlay
  .center-icon[data-v-f4f13005] {
  width: 0.93333rem;
  height: 0.93333rem;
  pointer-events: none;
}
.top-home .popular-games .game-list .game-card .game-top[data-v-f4f13005] {
  position: absolute;
  z-index: 6;
  width: 1.22667rem;
  height: 0.42667rem;
  top: -0.13333rem;
  right: -0.16rem;
  background-size: cover;
}
.top-home .popular-games .game-list .game-card .game-top1[data-v-f4f13005] {
  background-image: var(--v7e807da6);
}
.top-home .popular-games .game-list .game-card .game-top2[data-v-f4f13005] {
  background-image: var(--v7e807da4);
}
.top-home .popular-games .game-list .game-card .game-top3[data-v-f4f13005] {
  background-image: var(--v7e807da2);
}
.top-home .featured-games[data-v-f4f13005] {
  width: 9.2rem;
  margin: 0.48rem auto 0;
}
.top-home .featured-games .game-title[data-v-f4f13005] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.26667rem;
}
.top-home .featured-games .game-title p[data-v-f4f13005] {
  color: var(--text_primary);
  font-size: 0.42667rem;
  font-weight: 600;
  line-height: 0.53333rem;
  margin: 0;
}
.top-home .featured-games .game-title .controls[data-v-f4f13005] {
  display: flex;
  align-items: center;
  gap: 0.21333rem;
}
.top-home .featured-games .game-title .controls .see-all[data-v-f4f13005] {
  display: flex;
  padding: 0.08rem 0.16rem;
  justify-content: center;
  align-items: center;
  gap: 0.13333rem;
  color: var(--text_primary);
  font-size: 0.32rem;
  line-height: 0.37333rem;
  border-radius: 0.10667rem;
  border: 0.01333rem solid var(--Stroke_color);
  background: var(--bg_color_L2);
}
.top-home
  .featured-games
  .game-title
  .controls
  .see-all[data-v-f4f13005]:hover {
  color: var(--main_color);
}
.top-home
  .featured-games
  .game-title
  .controls
  .arrow-controls[data-v-f4f13005] {
  display: flex;
  gap: 0.26667rem;
  padding-right: 0.10667rem;
}
.top-home
  .featured-games
  .game-title
  .controls
  .arrow-controls
  .arrow-icon[data-v-f4f13005] {
  font-size: 0.50667rem;
}
.top-home .featured-games .game-carousel .featured-swipe[data-v-f4f13005] {
  width: calc(100% + 0.21333rem);
}
.top-home
  .featured-games
  .game-carousel
  .featured-swipe
  .game-slide[data-v-f4f13005] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.26667rem;
  width: calc(100% - 0.21333rem);
}
.top-home
  .featured-games
  .game-carousel
  .featured-swipe
  .game-slide
  .game-card[data-v-f4f13005] {
  position: relative;
  border-radius: 0.21333rem;
  overflow: hidden;
  background: var(--bg_color_L2);
  height: 3.93333rem;
}
.top-home
  .featured-games
  .game-carousel
  .featured-swipe
  .game-slide
  .game-card
  .mask-overlay[data-v-f4f13005] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000b3;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.top-home
  .featured-games
  .game-carousel
  .featured-swipe
  .game-slide
  .game-card
  .mask-overlay
  .center-icon[data-v-f4f13005] {
  width: 1.86667rem;
  height: 1.86667rem;
}
.top-home
  .featured-games
  .game-carousel
  .featured-swipe
  .game-slide
  .game-card
  .rack-image[data-v-f4f13005] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: transparent;
}
.top-home
  .featured-games
  .game-carousel
  .featured-swipe
  .game-slide
  .game-card
  img[data-v-f4f13005] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.category-game-menu[data-v-f4f13005] {
  width: 9.2rem;
  margin: 0.4rem auto 0;
}
.category-game-menu .category-tabs[data-v-f4f13005] {
  display: flex;
  gap: 0.13333rem;
  margin-bottom: 0.32rem;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.category-game-menu .category-tabs[data-v-f4f13005]::-webkit-scrollbar {
  display: none;
}
.category-game-menu .category-tab[data-v-f4f13005] {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  margin-left: 0.13333rem;
  height: 1.17333rem;
  padding: 0 0.32rem;
  border-radius: 1.05333rem;
  border: 0.02667rem solid #ff6625;
  background: #ef661133;
  box-shadow: 0 0.04rem 0.028rem #0000008a;
}
.category-game-menu .category-tab .game-vendor-icon[data-v-f4f13005] {
  width: 1.33333rem;
  height: 0.64rem;
  overflow: hidden;
  flex-shrink: 0;
  color: var(--text_secondary, #86a1c0);
}
.category-game-menu .category-tab .game-vendor-icon[data-v-f4f13005] svg {
  width: 100%;
  height: 100%;
  fill: var(--text_secondary, #86a1c0);
}
.category-game-menu .category-tab .game-vendor-icon[data-v-f4f13005] svg path,
.category-game-menu .category-tab .game-vendor-icon[data-v-f4f13005] svg circle,
.category-game-menu .category-tab .game-vendor-icon[data-v-f4f13005] svg rect,
.category-game-menu
  .category-tab
  .game-vendor-icon[data-v-f4f13005]
  svg
  polygon {
  fill: var(--text_secondary, #86a1c0);
}
.category-game-menu .category-tab .game-vendor-icon.active[data-v-f4f13005] {
  color: #fff;
}
.category-game-menu
  .category-tab
  .game-vendor-icon.active[data-v-f4f13005]
  svg {
  fill: #fff;
}
.category-game-menu
  .category-tab
  .game-vendor-icon.active[data-v-f4f13005]
  svg
  path,
.category-game-menu
  .category-tab
  .game-vendor-icon.active[data-v-f4f13005]
  svg
  circle,
.category-game-menu
  .category-tab
  .game-vendor-icon.active[data-v-f4f13005]
  svg
  rect,
.category-game-menu
  .category-tab
  .game-vendor-icon.active[data-v-f4f13005]
  svg
  polygon {
  fill: #fff;
}
.category-game-menu .category-tab .ar_icon[data-v-f4f13005] {
  width: 1.33333rem;
  height: 0.64rem;
  flex-shrink: 0;
}
.category-game-menu .category-tab span[data-v-f4f13005] {
  color: var(--text_primary);
  font-size: 0.37333rem;
  font-weight: 600;
  margin-left: 0.13333rem;
  flex: 1;
  text-align: center;
}
.category-game-menu .category-tab.active[data-v-f4f13005] {
  background: var(
    --secondary_color8,
    linear-gradient(270deg, #f2403a 0%, #ce0204 100%)
  );
  box-shadow: 0 0.05333rem 0.05333rem #00000040;
}
.category-game-menu .category-tab.active span[data-v-f4f13005] {
  color: var(--text_inverse);
  font-weight: 600;
}
.category-game-menu .vendor-hint[data-v-f4f13005] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text_tertiary, #b38f7e);
  font-family: Poppins, sans-serif;
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.56rem;
  padding: 0.21333rem 0.42667rem 0.10667rem;
  border-radius: 0.21333rem;
  border: 0.01333rem solid var(--Stroke_color, #5a3427);
  background: var(--bg_color_L2, #291812);
  margin: 0.32rem 0;
}
.category-game-menu .vendor-hint span[data-v-f4f13005] {
  color: var(--main_color);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.category-game-menu .vendor-hint span img[data-v-f4f13005] {
  width: 0.53333rem;
  height: 0.53333rem;
}
.category-game-menu[data-v-f4f13005] .van-tabs__wrap {
  height: 1.46667rem;
}
.category-game-menu[data-v-f4f13005] .van-tabs__nav {
  background: transparent;
}
.category-game-menu[data-v-f4f13005] .van-tabs__line {
  display: none;
}
.category-game-menu[data-v-f4f13005] .van-tab {
  flex: none !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  flex-basis: auto !important;
  width: auto !important;
  padding: 0;
  margin-right: 0.21333rem;
}
.category-game-menu[data-v-f4f13005] .van-tab__text {
  width: auto;
  padding: 0;
}
.category-game-menu .games-section[data-v-f4f13005] {
  background: var(--bg_color_L2);
  padding: 0.26667rem;
  position: relative;
  margin-bottom: 0.32rem;
  border-radius: 0.32rem;
}
.category-game-menu .games-section .title_bg[data-v-f4f13005] {
  position: absolute;
  width: 5.17333rem;
  height: 0.90667rem;
  background-image: var(--v60c8b34c);
  background-size: 100% 100%;
  z-index: 1;
  right: 0;
  top: 0;
  background-color: var(--bg_color_L1);
}
.category-game-menu .popular-header[data-v-f4f13005] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}
.category-game-menu .popular-header .popular-title[data-v-f4f13005] {
  color: var(--text_primary);
  font-size: 0.42667rem;
  font-weight: 600;
  line-height: 0.53333rem;
}
.category-game-menu .popular-header .games-info[data-v-f4f13005] {
  display: flex;
  align-items: center;
  gap: 0.21333rem;
  align-content: center;
}
.category-game-menu .popular-header .games-info .games-count[data-v-f4f13005] {
  color: var(--text_btn_main);
  font-size: 0.32rem;
  font-weight: 500;
}
.category-game-menu .popular-header .games-info .all-link[data-v-f4f13005] {
  color: var(--text_btn_main);
  font-size: 0.37333rem;
  font-weight: 500;
}
.category-game-menu .popular-header .games-info .arrow-icon[data-v-f4f13005] {
  font-size: 0.32rem;
}
.category-game-menu .category-panel[data-v-f4f13005] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 0.24rem;
  row-gap: 0.29333rem;
}
.category-game-menu .category-panel .popular-grid-item[data-v-f4f13005] {
  position: relative;
  border-radius: 0.21333rem;
  overflow: hidden;
  background: var(--bg_color_L2);
  aspect-ratio: 1;
}
.category-game-menu .category-panel .popular-grid-item img[data-v-f4f13005] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.category-game-menu
  .category-panel
  .popular-grid-item
  .grid-bg[data-v-f4f13005] {
  background-image: var(--v78df4f48);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: var(--text_primary);
  font-size: 0.32rem;
  display: flex;
  align-items: flex-end;
  padding: 0.13333rem;
  width: 100%;
  overflow: hidden;
  min-width: 0;
}
.category-game-menu
  .category-panel
  .popular-grid-item
  .grid-bg
  span[data-v-f4f13005] {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.category-game-menu
  .category-panel
  .popular-grid-item
  .mask-overlay[data-v-f4f13005] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000b3;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.category-game-menu
  .category-panel
  .popular-grid-item
  .mask-overlay
  .center-icon[data-v-f4f13005] {
  width: 0.93333rem;
  height: 0.93333rem;
}
.category-game-menu .games-grid[data-v-f4f13005] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.26667rem;
  margin-top: 0.34667rem;
  contain: content;
}
.category-game-menu .games-grid .game-item[data-v-f4f13005] {
  position: relative;
  aspect-ratio: 1;
  border-radius: 0.21333rem;
  overflow: hidden;
  background: var(--secondary_color2);
  contain: layout style;
}
.category-game-menu .games-grid .game-item .mask-overlay[data-v-f4f13005] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000b3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.21333rem;
  z-index: 2;
}
.category-game-menu
  .games-grid
  .game-item
  .mask-overlay
  .center-icon[data-v-f4f13005] {
  width: 0.93333rem;
  height: 0.93333rem;
  pointer-events: none;
}
.category-game-menu .games-grid .game-item img[data-v-f4f13005] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: 0.21333rem;
}
.home[data-v-f4f13005] {
  padding: 0 0.4rem 0.8rem;
}
.home .homeTip[data-v-f4f13005] {
  color: var(--text_primary);
  font-size: 0.42667rem;
  font-weight: 600;
}
.home .homeTip span[data-v-f4f13005] {
  color: var(--text_secondary);
  font-size: 0.32rem;
  font-weight: 400;
}
.rechargeTip[data-v-f4f13005] {
  position: relative;
}
.rechargeTip .tips[data-v-f4f13005] {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: -0.21333rem;
  background: url("data:image/svg+xml,%3csvg%20width='178'%20height='40'%20viewBox='0%200%20178%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%200.5H170C174.142%200.5%20177.5%203.85786%20177.5%208V27C177.5%2031.1421%20174.142%2034.5%20170%2034.5H98.9219C97.2439%2034.5001%2095.6032%2034.9969%2094.207%2035.9277L89.832%2038.8447C89.3283%2039.1805%2088.6717%2039.1805%2088.168%2038.8447L83.793%2035.9277C82.3968%2034.9969%2080.7561%2034.5001%2079.0781%2034.5H8C3.85786%2034.5%200.5%2031.1421%200.5%2027V8C0.5%203.85786%203.85786%200.5%208%200.5Z'%20fill='url(%23paint0_linear_13059_44418)'%20stroke='var(--secondary_color1)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_13059_44418'%20x1='178'%20y1='20'%20x2='0'%20y2='20'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F8A956'/%3e%3cstop%20offset='1'%20stop-color='%23D4762A'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e")
    center center no-repeat;
  background-size: contain;
  min-width: 2.37333rem;
  height: 0.53333rem;
  color: var(--text_btn_main);
  text-align: center;
  text-shadow: 0 0.02667rem 0.02667rem rgba(0, 0, 0, 0.25);
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.48rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.13333rem;
}
.rechargeTip .tips i[data-v-f4f13005] {
  display: inline-flex;
  background: url(data:image/webp;base64,UklGRtICAABXRUJQVlA4WAoAAAAQAAAAGgAAGwAAQUxQSBEBAAABgBsAkCJlZu7e3f1xpwAihw6gAIgI3SGC1DVyKMAldQldIofUCthB77aEiJgA0IpIRAgSUalYuGd+W6kl1EOVd/zvTgZpQt8oa+5T8D8MnLLOHT/+hcZV1r1j+EvpZ4mtyi/MFTLewggAxiWWWq8CUAHLnTICGLokbVoQLAeSDuyAjnc54tCB5GbJ2w4kr5AjBmxA3k8pQlSbAT2XUvg5rAI6puUMewjAUiNDPBdZAcAQOpHAbX4FANBR/KlvPmaG38Zgh67ldIfyB1pjVS/aFtPdKvxNllBO7yuzYGbBL3WpbhX+R6Mrmd+wesv8ulqXHbGroFmxeKLpuQWFeekRt4lALxltTo/HZTMSSEUiAs0AVlA4IJoBAAAQCACdASobABwAPp1Cm0kwCgoDVCwE4lsAJ0vOXrvygc4Zs33VX4BvIdZjNkBmm9U00Odt8WV86yJaa3Ua0ZPYHa0yvfQmYbAAAP6L6OFh+4GCar62STYE9jnrTn2mjR1YxV/Lh7wzxcglyWH84jX5v74yNQF0AD0M4NqPIxYP5R2eIk//qKt1PiSZVq/x/fP/pQgLqjqfvYmca1qtjzW7fy5jDwJ8ul78G9woFLXOyirH4KJzXNA/rJBC24XGyY1IuNFvpxtjOD8dn/ax6ylOhDfP4F2xnGMMxDZenvJIUfOScHIHZptwXrZ68bXgBsbVUsiOk+pxnjVU3Rfn802t9wJtjm0tAUgR98xwXsdo/TTgFeOlYYUQokE7n0a23eCHd2Ish8ei2b1T6X8pjJv/xOpnXLoQypVz+aYMVfDR6tfEnIP/r/uOH9FPGL0Y8FeDwJhWRO88/t+FfE/0lG88Ff+gHtMD1r0fKndIy9STpdYmC+gqIu/dt2WUV6yMhc4SN879nRSkP/KHZKA5hg71+6e9KETGHApIAA==)
    no-repeat center center;
  background-size: 0.32rem 0.32rem;
  width: 0.32rem;
  height: 0.32rem;
}
.gift-pack[data-v-f4f13005] {
  position: relative;
}
.gift-pack .gift-count[data-v-f4f13005] {
  position: absolute;
  top: -0.13333rem;
  right: -0.13333rem;
  border-radius: 0.66667rem;
  width: 0.53333rem;
  height: 0.53333rem;
  line-height: 0.50667rem;
  border: 0.01333rem solid var(--text_btn_main);
  background: var(--norm_red_color);
  color: var(--text_btn_main);
  text-align: center;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
}
.notityItem[data-v-f4f13005] {
  border-radius: 0.21333rem;
  border: 0.01333rem solid var(--Stroke_color);
  background: #311a13;
  margin-top: 0.53333rem;
  padding: 0.13333rem 0.42667rem;
}
.notityItem .more[data-v-f4f13005] {
  width: 0.45333rem;
  height: 0.45333rem;
  font-size: 0;
}
.notityItem .more img[data-v-f4f13005] {
  width: 100%;
  height: 100%;
}
.notityItem p[data-v-f4f13005] {
  color: var(--text_tertiary);
  font-size: 0.32rem;
}
.notityItem p span[data-v-f4f13005] {
  color: var(--main_color);
}
.homeApp[data-v-f4f13005] {
  background: linear-gradient(270deg, #18110f, #3b1c10);
}