@charset "utf-8";

.home--footer { font-size: min(3.059vw, 15.294px); }

.home--footer .foot--partter { text-align: center; color: rgb(63, 63, 63); font-size: min(4.235vw, 21.176px); font-weight: 700; margin-top: max(-8.235vw, -41.176px); }

.home--footer .desc-box { border: min(0.235vw, 1.176px) solid rgb(237, 34, 35); background: rgb(255, 255, 255); border-radius: min(2.824vw, 14.118px); padding: min(4.706vw, 23.529px); margin: min(5.882vw, 29.412px) min(5.882vw, 29.412px) min(11.765vw, 58.824px); text-align: center; color: rgb(63, 63, 63); }

.home--footer .desc-box.fbmp { background: rgb(241, 241, 241); border: none; }

.home--footer .desc-box.fbmp .description { color: rgb(63, 63, 63); }

.home--footer .desc-box .desc-title { font-size: min(4.235vw, 21.176px); font-weight: 700; margin-bottom: min(1.176vw, 5.882px); line-height: 1.2; }

.home--footer .desc-box .description { font-size: min(3.059vw, 15.294px); line-height: 1.4; padding: min(1.176vw, 5.882px) 0px; color: rgb(136, 136, 138); }

.home--footer .desc-box-foot { margin: min(5.882vw, 29.412px) min(5.882vw, 29.412px) min(22.353vw, 111.765px); text-align: center; font-size: min(2.824vw, 14.118px); color: rgb(63, 63, 63); font-weight: 700; }

.home--footer .desc-box-foot .foot-logos { margin-top: min(4.706vw, 23.529px); }

.home--footer .desc-box-foot .privacy { margin-top: min(3.529vw, 17.647px); }

.home--footer .desc-box-foot .privacy a { margin: 0px min(2.353vw, 11.765px); }

.home--footer .desc-box-foot .compliance-item-foot-title { font-weight: 900; margin-bottom: min(2.824vw, 14.118px); }

.home--footer .desc-box-foot .compliance-item-foot { font-size: min(2.353vw, 11.765px); }

.home--footer .desc-box-foot .compliance-item-foot .compliance-link { color: rgb(25, 187, 223); }

.home--footer .largehub-img { width: min(23.529vw, 117.647px); margin: min(2.118vw, 10.588px) auto; }

.home--footer .partter-wrapper { border: min(0.235vw, 1.176px) solid rgb(237, 34, 35); background-color: rgb(255, 255, 255); border-radius: min(2.824vw, 14.118px); padding: min(3.529vw, 17.647px) min(1.765vw, 8.824px) min(0.235vw, 1.176px); margin: min(10.588vw, 52.941px) min(5.882vw, 29.412px) min(5.882vw, 29.412px); text-align: center; }

.home--footer .partter-wrapper.fbmp { margin-top: min(3.529vw, 17.647px); background: rgb(241, 241, 241); border: none; }

.home--footer .partter-wrapper.fbmp .foot--partter { margin-top: 0px; }

.home--footer .partter-wrapper.fbmp .hand-img { display: none; }

.home--footer .partter-wrapper.fbmp .compliance-links .compliance-title { color: rgb(63, 63, 63); }

.home--footer .partter-wrapper .hand-img { width: min(16.471vw, 82.353px); position: relative; top: max(-14.588vw, -72.941px); margin: 0px auto; }

.home--footer .foot-logos { display: flex; flex-wrap: wrap; align-items: center; padding: min(2.353vw, 11.765px) 0px 0px; justify-content: center; }

.home--footer .foot-logos li { margin-right: min(2.941vw, 14.706px); margin-bottom: min(5.294vw, 26.471px); }

.home--footer .foot-logos li:nth-child(1) { width: min(32.941vw, 164.706px); margin-right: min(3.529vw, 17.647px); }

.home--footer .foot-logos li:nth-child(2) { width: min(42.235vw, 211.176px); margin-right: 0px; }

.home--footer .foot-logos li:nth-child(3) { width: min(8.235vw, 41.176px); }

.home--footer .foot-logos li:nth-child(4) { width: min(26.118vw, 130.588px); }

.home--footer .foot-logos li:nth-child(5) { width: min(20.588vw, 102.941px); }

.home--footer .foot-logos li:nth-child(6) { width: min(6.118vw, 30.588px); }

.home--footer .jk4-logo { text-align: center; }

.home--footer .jk4-logo img { width: min(28.353vw, 141.765px); }

.home--footer .description { padding: min(4.706vw, 23.529px) min(7.059vw, 35.294px); line-height: 1.4; text-align: center; font-size: min(3.059vw, 15.294px); }

.home--footer .copyright { text-align: center; padding: min(12.941vw, 64.706px) 0px min(17.647vw, 88.235px); font-size: min(3.059vw, 15.294px); }

.home--footer .to-top-btn-wrap { padding-bottom: min(16.471vw, 82.353px); }

.home--footer .to-top-btn { width: min(12.941vw, 64.706px); height: min(12.941vw, 64.706px); background-color: rgb(38, 39, 44); border-radius: min(1.176vw, 5.882px); margin: 0px auto; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; }

.home--footer .to-top-btn img { width: min(2.941vw, 14.706px); }

.home--footer .to-top-btn p { margin-top: min(2.353vw, 11.765px); color: rgb(255, 255, 255); font-size: min(3.529vw, 17.647px); }

.compliance-links { display: flex; flex-direction: column; align-items: center; margin: min(2.353vw, 11.765px) 0px; }

.compliance-item { margin-bottom: min(1.176vw, 5.882px); }

.compliance-title { font-size: min(3.294vw, 16.471px); font-weight: 700; margin-bottom: min(0.588vw, 2.941px); color: rgb(123, 115, 112); }

.compliance-link { font-size: min(2.588vw, 12.941px); font-weight: 400; color: rgb(25, 187, 223); }

.home--wrapper { height: 100%; scroll-behavior: smooth; overflow-y: auto !important; }

.home--wrapper::-webkit-scrollbar { display: none; }

.layout--container.home--wrapper .layout-scoll-content { overflow: visible; }

.header-bar { height: min(14.588vw, 72.941px); background: rgb(255, 255, 255); display: flex; align-items: center; justify-content: space-between; }

.header-bar .menu-btn { margin-left: min(4.706vw, 23.529px); border-radius: min(1.412vw, 7.059px); }

.header-bar .menu-btn img { width: min(5.647vw, 28.235px); }

.header-bar .logo-box { width: min(24.706vw, 123.529px); height: min(5.647vw, 28.235px); color: rgb(255, 255, 255); margin-right: min(2.353vw, 11.765px); display: flex; align-items: center; }

.header-bar .logo-box img { width: 100%; }

.header-bar .balance { display: flex; align-items: center; }

.header-bar .info-box { display: flex; align-items: center; justify-content: end; width: min(58.824vw, 294.118px); height: min(9.647vw, 48.235px); }

.header-bar .info-box .mine { display: flex; align-items: center; justify-content: space-between; height: min(7.529vw, 37.647px); background: rgb(52, 199, 89); padding: 0px min(2.353vw, 11.765px); border-radius: min(1.647vw, 8.235px); margin-right: min(2.353vw, 11.765px); flex-shrink: 0; }

.header-bar .info-box .mine img { width: min(6.118vw, 30.588px); height: min(6.118vw, 30.588px); }

.header-bar .info-box .mine .name { font-size: min(3.294vw, 16.471px); color: rgb(255, 255, 255); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.header-bar .balance-wrap { max-width: min(32.941vw, 164.706px); display: flex; justify-content: space-between; background: transparent; border: min(0.118vw, 0.588px) solid rgb(237, 34, 35); box-sizing: border-box; margin-right: min(2.353vw, 11.765px); border-radius: min(117.529vw, 587.647px); height: min(5.647vw, 28.235px) !important; }

.header-bar .balance-wrap .van-popover__wrapper { width: 100%; }

.header-bar .balance-left { display: flex; align-items: center; justify-content: space-between; flex: 1 1 0%; width: 100%; height: 100%; max-width: min(29.412vw, 147.059px); }

.header-bar .balance-left .down-icon { width: min(3.765vw, 18.824px); margin-right: min(1.176vw, 5.882px); display: none; }

.header-bar .balance-left .amout { max-width: min(25.882vw, 129.412px); display: block; align-items: center; color: rgb(63, 63, 63); font-size: min(3.529vw, 17.647px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.header-bar .balance-left .currcy-icon { display: inline-block; width: min(3.529vw, 17.647px); height: min(3.529vw, 17.647px); flex-shrink: 0; border-radius: 50%; background-color: rgb(237, 34, 35); color: rgb(255, 255, 255); font-size: min(3.059vw, 15.294px); text-align: center; line-height: min(3.529vw, 17.647px); margin: 0px min(1.176vw, 5.882px); position: relative; top: max(-0.235vw, -1.176px); }

.header-bar .gift { width: min(9.647vw, 48.235px); height: min(9.647vw, 48.235px); margin-right: min(2.353vw, 11.765px); display: none; }

.header-bar .balance-right { width: min(6.353vw, 31.765px); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

.header-bar .balance-right img { width: min(4.235vw, 21.176px); }

.header-bar .deposit-btn { display: flex; height: min(7.529vw, 37.647px); padding: 0px min(2.353vw, 11.765px); box-sizing: border-box; justify-content: center; align-items: center; gap: min(1.882vw, 9.412px); flex-shrink: 0; border-radius: min(117.529vw, 587.647px); background: rgb(237, 34, 35); border: none; color: rgb(255, 255, 255); text-align: center; font-family: "DM Sans"; font-size: min(3.529vw, 17.647px); font-style: normal; font-weight: 900; margin-right: min(2.353vw, 11.765px); }

.header-bar .deposit-btn .deposit-btn-icon { width: min(3.294vw, 16.471px); height: min(3.294vw, 16.471px); }

.header-bar .unlogin-box { display: flex; margin-right: min(4.706vw, 23.529px); margin-left: min(5.882vw, 29.412px); }

.header-bar .loginBtn { margin-right: min(2.353vw, 11.765px); }

.header-bar .loginBtn { color: rgb(255, 255, 255); border-radius: min(117.529vw, 587.647px); background-color: rgb(237, 34, 35); display: flex; align-items: center; justify-content: center; width: min(21.176vw, 105.882px); height: min(7.529vw, 37.647px); font-size: min(3.059vw, 15.294px); box-sizing: border-box; }

.header-bar .loginBtn img { width: min(4.235vw, 21.176px); height: min(4.235vw, 21.176px); margin-right: min(1.176vw, 5.882px); }

.header-bar .registerBtn { color: rgb(255, 255, 255); border-radius: min(117.529vw, 587.647px); background: rgb(237, 34, 35); display: flex; align-items: center; justify-content: center; width: fit-content; padding: 0px min(8vw, 40px); height: min(7.529vw, 37.647px); font-size: min(3.059vw, 15.294px); }

.header-bar .registerBtn.registerBtn-block-fbmp { width: fit-content; padding: 0px min(7.059vw, 35.294px); }

.header-bar .registerBtn img { width: min(4.235vw, 21.176px); height: min(4.235vw, 21.176px); margin-right: min(1.176vw, 5.882px); }

.header-bar-FBMPLAY { background: rgb(247, 247, 247); }

.header-bar-FBMPLAY .logo-box { margin-left: min(3.529vw, 17.647px); width: min(30.118vw, 150.588px) !important; }

.header-bar-FBMPLAY .info-box, .header-bar-FBMPLAY .unlogin-box { display: flex; align-items: center; width: auto; min-width: 0px; margin-left: 0px; margin-right: min(3.529vw, 17.647px); }

.header-bar-FBMPLAY .fbm-util-icons { display: flex; align-items: center; gap: min(1.412vw, 7.059px); margin-right: min(1.412vw, 7.059px); flex-shrink: 0; }

.header-bar-FBMPLAY .fbm-util-icons .util-icon { position: relative; width: min(5.647vw, 28.235px); height: min(5.647vw, 28.235px); display: flex; align-items: center; justify-content: center; color: rgb(42, 38, 38); cursor: pointer; background: rgb(255, 255, 255); border-radius: 50%; padding: min(0.471vw, 2.353px); }

.header-bar-FBMPLAY .fbm-util-icons .util-icon .fbm-util-svg { width: min(3.765vw, 18.824px); height: min(2.588vw, 12.941px); object-fit: contain; display: block; }

.header-bar-FBMPLAY .fbm-util-icons .util-icon .fbm-util-icon { width: min(3.765vw, 18.824px); height: min(3.529vw, 17.647px); object-fit: contain; display: block; }

.header-bar-FBMPLAY .fbm-util-icons .util-icon .util-dot { position: absolute; top: min(0.471vw, 2.353px); right: 0px; width: min(1.412vw, 7.059px); height: min(1.412vw, 7.059px); border-radius: 50%; background: rgb(237, 34, 35); border: min(0.235vw, 1.176px) solid rgb(247, 247, 247); box-sizing: border-box; }

.header-bar-FBMPLAY .balance .balance-wrap { height: min(5.412vw, 27.059px); max-width: min(28.235vw, 141.176px); margin-right: min(1.412vw, 7.059px); border: min(0.118vw, 0.588px) solid rgb(237, 34, 35); padding: 0px min(1.176vw, 5.882px); }

.header-bar-FBMPLAY .balance .balance-wrap .balance-left { max-width: min(23.529vw, 117.647px); }

.header-bar-FBMPLAY .balance .balance-wrap .balance-left .amout { display: flex; align-items: center; font-family: DIN, "DM Sans", sans-serif; font-weight: 700; font-size: min(2.588vw, 12.941px); color: rgb(42, 38, 38); max-width: min(17.647vw, 88.235px); }

.header-bar-FBMPLAY .balance .balance-wrap .balance-left .currcy-icon { flex-shrink: 0; width: min(4vw, 20px); height: min(4vw, 20px); line-height: min(4vw, 20px); font-size: min(2.824vw, 14.118px); margin: 0px min(0.941vw, 4.706px) 0px 0px; top: 0px; }

.header-bar-FBMPLAY .balance .balance-wrap .balance-right { width: min(4.706vw, 23.529px); }

.header-bar-FBMPLAY .balance .balance-wrap .balance-right img { width: min(3.176vw, 15.882px); }

.header-bar-FBMPLAY .balance .deposit-btn { height: min(5.647vw, 28.235px); padding: 0px min(2.118vw, 10.588px); gap: min(0.706vw, 3.529px); font-size: min(2.706vw, 13.529px); font-weight: 500; margin-right: 0px; }

.header-bar-FBMPLAY .balance .deposit-btn .deposit-btn-icon { width: min(3.059vw, 15.294px); height: min(3.059vw, 15.294px); }

.header-bar-FBMPLAY .registerBtn.registerBtn-block-fbmp { position: relative; overflow: visible; height: min(5.647vw, 28.235px); padding: 0px min(3.294vw, 16.471px); font-size: min(2.824vw, 14.118px); font-weight: 500; line-height: 1; background: linear-gradient(rgb(255, 86, 83), rgb(237, 34, 35)); color: rgb(255, 255, 255); white-space: nowrap; }

.header-bar-FBMPLAY .reward-badge { position: absolute; right: min(4.706vw, 23.529px); bottom: calc(100% - min(2.353vw, 11.765px)); width: min(17.647vw, 88.235px); height: auto; display: block; pointer-events: none; z-index: 5; }

.header-bar-FBMPLAY .reward-badge img { object-fit: cover; width: 100% !important; height: 100% !important; }

.asset-dialog1 { padding: min(4.706vw, 23.529px); color: rgb(255, 255, 255); top: min(14.118vw, 70.588px) !important; left: min(23.529vw, 117.647px) !important; width: min(50.353vw, 251.765px) !important; background: rgb(52, 199, 89) !important; }

.asset-dialog1.d_more { top: min(27.059vw, 135.294px) !important; }

.asset-dialog1 .van-dialog__content { width: 100%; }

.asset-dialog1 .asset-item-points { font-size: min(3.529vw, 17.647px); height: min(9.059vw, 45.294px); display: flex; align-items: center; justify-content: space-between; padding: 0px min(2.353vw, 11.765px); }

.asset-dialog1 .asset-item-points.selected { height: min(9.059vw, 45.294px); border-radius: min(0.941vw, 4.706px); border: min(0.118vw, 0.588px) solid rgb(186, 236, 198); background: rgb(255, 255, 255); color: rgb(52, 199, 89); }

.asset-dialog1 .asset-item-points.selected .points span { color: rgb(52, 199, 89); }

.asset-dialog1 .asset-item-points .points { display: flex; align-items: center; }

.asset-dialog1 .asset-item-points .points span { padding: 0px min(2.353vw, 11.765px); font-size: min(3.294vw, 16.471px); color: rgb(255, 255, 255); }

.asset-dialog1 .asset-item-points .points img { width: min(4.941vw, 24.706px); height: min(4.941vw, 24.706px); }

.asset-dialog1 .asset-item-points .points .question-mark { width: min(3.529vw, 17.647px); height: min(3.529vw, 17.647px); margin-bottom: min(1.176vw, 5.882px); }

.asset-dialog1 .asset-item-cash { padding: 0px min(2.353vw, 11.765px); }

.asset-dialog1 .selected { color: rgb(255, 255, 255); }

.header-bar .header-bar-skeleton { display: flex; align-items: center; margin-right: min(4.706vw, 23.529px); margin-left: min(5.882vw, 29.412px); height: min(7.529vw, 37.647px); }

.header-bar .header-bar-skeleton__pill { width: min(32.941vw, 164.706px); height: min(7.529vw, 37.647px); border-radius: min(2.118vw, 10.588px); background: linear-gradient(90deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04)) 0% 0% / 200% 100%; animation: 1.4s ease-in-out 0s infinite normal none running header-bar-skeleton-shimmer; }

@keyframes header-bar-skeleton-shimmer { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}

.header-bar .ssr-logged-in-box { display: flex; align-items: center; gap: min(2.353vw, 11.765px); }

.header-bar .ssr-logged-in-box .ssr-account-link { display: inline-block; padding: min(1.176vw, 5.882px) min(2.824vw, 14.118px); border-radius: min(9.412vw, 47.059px); background: rgb(237, 34, 35); color: rgb(255, 255, 255); font-size: min(3.059vw, 15.294px); font-weight: 500; text-decoration: none; white-space: nowrap; }

.home--banner { position: relative; width: 100%; margin: 0px auto; background: transparent; box-sizing: border-box; z-index: 1; overflow: hidden; }

.home--banner .banner-swiper { width: 100%; height: min(31.059vw, 155.294px); overflow: visible; padding: 0px; }

.home--banner .banner-slide { width: min(82.353vw, 411.765px); height: min(31.059vw, 155.294px); border-radius: min(2.118vw, 10.588px); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.18) 0px min(0.471vw, 2.353px) min(2.824vw, 14.118px); transition: transform 0.3s ease 0s, opacity 0.3s ease 0s; transform-origin: center center; box-sizing: border-box; }

.home--banner .banner-slide img { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: min(2.118vw, 10.588px); }

.home--banner .banner-slide .banner-live-video { width: 100%; height: 100%; display: block; object-fit: contain; background-color: rgb(0, 0, 0); background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: min(2.118vw, 10.588px); }

.home--banner .banner-slide:not(.swiper-slide-active) { transform: scale(0.9); }

.home--banner .banner-slide.swiper-slide-prev { transform-origin: right center; }

.home--banner .banner-slide.swiper-slide-next { transform-origin: left center; }

.home--banner .banner-content { position: absolute; right: min(4.235vw, 21.176px); top: 50%; transform: translateY(-50%); color: rgb(255, 255, 255); text-align: right; z-index: 2; text-shadow: rgba(0, 0, 0, 0.4) 0px min(0.235vw, 1.176px) min(0.941vw, 4.706px); min-width: min(25.882vw, 129.412px); max-width: min(30.588vw, 152.941px); }

.home--banner .banner-content .banner-title { font-size: min(2.824vw, 14.118px); font-weight: 700; margin-bottom: min(1.176vw, 5.882px); line-height: 1.2; letter-spacing: min(0.059vw, 0.294px); }

.home--banner .banner-content .banner-desc { font-size: min(1.765vw, 8.824px); margin-bottom: min(2.118vw, 10.588px); opacity: 0.92; }

.home--banner .banner-content .banner-btn { display: inline-flex; align-items: center; background: rgb(16, 208, 120); color: rgb(255, 255, 255); border-radius: min(0.941vw, 4.706px); padding: min(1.176vw, 5.882px) min(3.294vw, 16.471px); font-size: min(2vw, 10px); font-weight: 500; box-shadow: rgba(16, 208, 120, 0.18) 0px min(0.235vw, 1.176px) min(0.941vw, 4.706px); border: none; cursor: pointer; transition: background 0.2s ease 0s; }

.home--banner .banner-content .banner-btn i { margin-right: min(0.941vw, 4.706px); font-size: min(2.353vw, 11.765px); }

.home--banner .banner-content .banner-btn:hover { background: rgb(11, 189, 106); }

.home--banner .arrow-btn { position: absolute; top: 50%; transform: translateY(-50%); width: min(10.118vw, 50.588px); height: min(10.118vw, 50.588px); border-radius: 50%; cursor: pointer; z-index: 3; transition: box-shadow 0.2s ease 0s, background 0.2s ease 0s; text-align: center; background: url("data:image/webp;base64,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") center center / contain no-repeat; }

.home--banner .arrow-btn.left { left: max(-4.706vw, -23.529px); }

.home--banner .arrow-btn.right { right: max(-4.706vw, -23.529px); transform: translateY(-50%) rotate(180deg); transform-origin: center center; }

.home--banner .arrow-btn:hover { background: url("data:image/webp;base64,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") center center / contain no-repeat; }

.home--banner .arrow-btn:hover.left { transform: translateY(-50%) rotate(180deg); }

.home--banner .arrow-btn:hover.right { transform: translateY(-50%) rotate(0deg); }

.banner-wrapper { padding: 0px min(3.529vw, 17.647px); overflow: hidden; }

.banner-wrapper .external-indicators { display: flex; justify-content: center; gap: min(0.941vw, 4.706px); margin-top: min(1.882vw, 9.412px); }

.banner-wrapper .external-indicators .indicator { width: min(3.529vw, 17.647px); height: min(0.941vw, 4.706px); border-radius: min(0.471vw, 2.353px); background: rgb(223, 223, 223); transition: all 0.2s ease 0s; cursor: pointer; }

.banner-wrapper .external-indicators .indicator.active { width: min(4.706vw, 23.529px); background-color: rgb(16, 208, 120); }

.banner-wrapper .external-indicators .indicator:hover { background-color: rgb(16, 208, 120); opacity: 0.8; }

.home-activity { margin-top: min(2.353vw, 11.765px); padding: 0px min(3.529vw, 17.647px); width: 100%; box-sizing: border-box; }

.home-activity .activity-scroll { display: flex; gap: min(2.353vw, 11.765px); overflow: auto hidden; scroll-behavior: smooth; }

.home-activity .activity-scroll::-webkit-scrollbar { display: none; }

.home-activity .activity-item { flex: 0 0 min(25.882vw, 129.412px); width: min(25.882vw, 129.412px); height: min(14.118vw, 70.588px); border-radius: min(1.882vw, 9.412px); overflow: hidden; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.08) 0px min(0.235vw, 1.176px) min(0.941vw, 4.706px); display: block; text-decoration: none; }

.home-activity .activity-item .activity-img { width: 100%; height: 100%; display: block; object-fit: cover; }

[data-v-e7c0ff32]:root { --van-field-input-text-color: #3F3F3F; --van-field-input-disabled-text-color: "#A3A3A3"; --van-field-right-icon-color: #C7C7C7; --van-popup-background: #F7F7F7; --van-dialog-background: #FFF; --van-popover-dark-background: #FFF; --van-tabbar-background: #F7F7F7; --bg-eee: #eee; --font-color-gold1: #CC8C31; --font-color-gray: #3F3F3F; --submit-active: #ED2223; --van-number-keyboard-background: #F7F7F7 !important; --van-number-keyboard-key-background: #FFF !important; }

.search-input[data-v-e7c0ff32] { width: 100%; display: flex; justify-content: space-between; align-items: center; --text-color: $font-color-gold; border: min(0.118vw, 0.588px) solid rgb(217, 180, 126); border-radius: min(1.412vw, 7.059px); }

.search-input.search-gold .input[data-v-e7c0ff32] { border-radius: min(1.412vw, 7.059px); border: min(0.118vw, 0.588px) solid rgb(217, 180, 126); }

.search-input.search-gold .input input[data-v-e7c0ff32] { border: none; color: rgb(163, 163, 163); }

.search-input.search-gold .input input[data-v-e7c0ff32]::placeholder { font-size: min(2.588vw, 12.941px); color: rgb(163, 163, 163) !important; }

.search-input.search-gold .input .line[data-v-e7c0ff32] { background: rgb(217, 180, 126); }

.search-input .input[data-v-e7c0ff32] { height: min(6.588vw, 32.941px); width: 100%; display: flex; padding: min(1.882vw, 9.412px); align-items: center; border-radius: min(11.765vw, 58.824px); background: transparent; gap: min(1.882vw, 9.412px); flex: 1 1 0%; position: relative; }

.search-input .input svg[data-v-e7c0ff32] { color: rgb(217, 180, 126); }

.search-input .input .line[data-v-e7c0ff32] { width: min(0.118vw, 0.588px); height: min(3.529vw, 17.647px); background: rgb(217, 180, 126); }

.search-input .input input[data-v-e7c0ff32] { flex: 1 1 0%; min-width: 0px; border: none; outline: none; font-size: min(3.294vw, 16.471px); color: rgb(63, 63, 63); background: transparent; position: relative; padding-right: min(4.706vw, 23.529px); appearance: none; }

.search-input .input input[data-v-e7c0ff32]::placeholder { color: rgb(163, 163, 163); }

.search-input .input input[data-v-e7c0ff32]::-webkit-search-cancel-button, .search-input .input input[data-v-e7c0ff32]::-webkit-search-decoration, .search-input .input input[data-v-e7c0ff32]::-webkit-search-results-button, .search-input .input input[data-v-e7c0ff32]::-webkit-search-results-decoration { appearance: none; }

.search-input .input .clear-icon[data-v-e7c0ff32] { color: rgb(163, 163, 163); position: absolute; right: min(2.353vw, 11.765px); top: 50%; transform: translateY(-50%); z-index: 1; }

.search-input.search-fbmplay[data-v-e7c0ff32] { border-radius: 0px; border: none; }

.search-input.search-fbmplay .input[data-v-e7c0ff32] { border: min(0.118vw, 0.588px) solid rgb(237, 34, 35); }

.search-input.small-input .input[data-v-e7c0ff32] { padding: min(1.176vw, 5.882px) min(1.882vw, 9.412px); }

.search-input.big-input[data-v-e7c0ff32] { --text-color: #A8A3A3; }

.search-input.big-input .input[data-v-e7c0ff32] { padding: min(1.412vw, 7.059px) min(1.882vw, 9.412px); border-radius: min(1.647vw, 8.235px); height: min(8.706vw, 43.529px); box-sizing: border-box; overflow: hidden; }

.home-tab-swiper-ssr { overflow: visible; }

.home-tab-swiper-ssr.home-tab-swiper-gold .game-cover { background-color: transparent; }

.home-tab-swiper-ssr .ssr-tab-wrap { height: auto; overflow: hidden; position: sticky; top: 0px; z-index: 20; background: rgb(247, 247, 247); }

.home-tab-swiper-ssr .ssr-tab-nav { display: flex; position: relative; box-sizing: content-box; height: 100%; overflow: auto hidden; padding: 0px min(2.353vw, 11.765px) min(4vw, 20px); background-color: transparent; border-radius: 0px; }

.home-tab-swiper-ssr .ssr-tab-nav::-webkit-scrollbar { display: none; }

.home-tab-swiper-ssr .ssr-tab-nav .ssr-tab-item { position: relative; display: flex; flex: 1 0 auto; align-items: center; justify-content: center; box-sizing: border-box; min-width: min(12.941vw, 64.706px); padding: 0px min(0.471vw, 2.353px); color: rgb(0, 0, 0); line-height: min(5.333vw, 26.665px); cursor: pointer; }

.home-tab-swiper-ssr .ssr-tab-nav .ssr-tab-item .ssr-tab-text { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }

.home-tab-swiper-ssr .ssr-tab-nav .ssr-tab-item .icon { width: min(9.882vw, 49.412px); height: min(9.882vw, 49.412px); margin: auto; flex-shrink: 0; display: flex; justify-content: center; align-items: center; }

.home-tab-swiper-ssr .ssr-tab-nav .ssr-tab-item .icon .icon-img, .home-tab-swiper-ssr .ssr-tab-nav .ssr-tab-item .icon.hot-icon .icon-img, .home-tab-swiper-ssr .ssr-tab-nav .ssr-tab-item .icon img { width: 100%; height: auto; }

.home-tab-swiper-ssr .ssr-tab-nav .ssr-tab-item .name { font-size: min(3.059vw, 15.294px); font-style: normal; font-weight: 500; padding: 0px min(0.471vw, 2.353px); text-align: center; }

.home-tab-swiper-ssr .ssr-tab-nav .ssr-tab-item.ssr-tab-item--active { color: rgb(237, 34, 35); font-weight: 600; }

.home-tab-swiper-ssr .ssr-tab-nav .ssr-tab-item.ssr-tab-item--active .ssr-tab-text { min-width: 90%; background: linear-gradient(rgb(255, 255, 255), rgb(255, 219, 219)); border-bottom: min(0.588vw, 2.941px) solid rgb(237, 34, 35); }

.home-tab-swiper-ssr .home-hot-content { padding-bottom: min(2.353vw, 11.765px); }

.home-tab-swiper-ssr .section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: min(2.353vw, 11.765px); }

.home-tab-swiper-ssr .section-header .title-left { display: flex; align-items: center; gap: min(1.176vw, 5.882px); }

.home-tab-swiper-ssr .section-header .title-icon-img { display: inline-flex; width: min(3.765vw, 18.824px); height: min(3.765vw, 18.824px); object-fit: contain; }

.home-tab-swiper-ssr .section-header .title-text { margin: 0px; font-size: min(3.529vw, 17.647px); font-weight: 700; color: rgb(63, 63, 63); }

.home-tab-swiper-ssr .section-header .more-btn { display: inline-flex; align-items: center; gap: min(0.471vw, 2.353px); padding: min(0.706vw, 3.529px) min(2.118vw, 10.588px); font-size: min(2.824vw, 14.118px); color: rgb(63, 63, 63); background: rgb(255, 255, 255); border-radius: min(1.882vw, 9.412px); cursor: pointer; text-decoration: none; }

.home-tab-swiper-ssr .section-normal { margin-top: min(2.353vw, 11.765px); padding: 0px min(3.529vw, 17.647px); }

.home-tab-swiper-ssr .game-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: min(1.882vw, 9.412px); }

.home-tab-swiper-ssr .game-item { min-width: 0px; cursor: pointer; text-decoration: none; display: block; }

.home-tab-swiper-ssr .game-cover { position: relative; width: 100%; padding-top: 100%; border-radius: min(1.176vw, 5.882px) min(1.176vw, 5.882px) 0px 0px; overflow: hidden; background-color: rgb(255, 255, 255); }

.home-tab-swiper-ssr .game-cover .game-img { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; object-fit: cover; }

.home-tab-swiper-ssr .badge-img { position: absolute; top: min(1.176vw, 5.882px); left: min(1.176vw, 5.882px); z-index: 2; width: min(9.412vw, 47.059px); }

.home-tab-swiper-ssr .platform-tag { position: absolute; top: 0px; right: 0px; z-index: 2; max-width: 60%; padding: min(0.235vw, 1.176px) min(1.176vw, 5.882px); font-size: min(2.824vw, 14.118px); font-weight: 700; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.8); border-radius: 0px 0px min(1.412vw, 7.059px) min(1.412vw, 7.059px); pointer-events: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.home-tab-swiper-ssr .fav-bg { position: absolute; right: 0px; bottom: 0px; z-index: 3; display: flex; align-items: center; justify-content: center; width: min(7.294vw, 36.471px); height: min(4.941vw, 24.706px); background-image: url("data:image/webp;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAqCAYAAADrhujJAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAQ5JREFUeAHl2bEKwkAQRdGJjY1WVlptpZVVKjv//6vciwRCSDa7iYXz5sJ8wGEfCKaz33XLl/Jd853yHe2P62x/gHv7gt20F/7K9zSH7YG/893NaQfbFi/tFk1b4IBdznvcFnhvArXCee2zCdQKf5hILXBe2tVvdakWuAyaWuAyM6dauNTMqRYuhaZauNTMqQYuN3OqgcuhqQYuN3Nag0vOnNbgkmhag0vOnEpw2ZlTCS6LphJcdua0BJeeOS3BpdG0BJeeOc3B5WdOc3B5NM3B3f9nXtMUzswvFqApPFmQpnDX38NaGsPDzJzG8GSBGsPDzJwGeKiZ0wBPFqwBHmrmBDzczAl4soABDzdz+gDvKweQL17fTAAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; cursor: pointer; padding-left: min(1.176vw, 5.882px); }

.home-tab-swiper-ssr .fav-btn { font-size: min(3.294vw, 16.471px); color: rgb(255, 255, 255); transition: color 0.2s ease 0s; }

.home-tab-swiper-ssr .fav-btn.active { color: rgb(253, 51, 63); }

.home-tab-swiper-ssr .game-name { padding: min(1.176vw, 5.882px) min(2.353vw, 11.765px); font-size: min(2.588vw, 12.941px); font-weight: 500; color: rgb(63, 63, 63); text-align: center; background-color: rgb(255, 255, 255); border-radius: 0px 0px min(1.176vw, 5.882px) min(1.176vw, 5.882px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.home-tab-swiper-ssr .section-winup { margin-top: min(4.706vw, 23.529px); }

.home-tab-swiper-ssr .section-winup .section-header { padding: 0px min(3.529vw, 17.647px); margin-bottom: min(1.412vw, 7.059px); }

.home-tab-swiper-ssr .section-winup .section-header .more-btn { color: rgb(237, 34, 35); font-weight: bolder; }

.home-tab-swiper-ssr .winup-desc { padding: 0px min(3.529vw, 17.647px); font-size: min(2.588vw, 12.941px); color: rgba(0, 0, 0, 0.55); margin-bottom: min(2.353vw, 11.765px); line-height: 1.4; }

.home-tab-swiper-ssr .winup-scroll { display: flex; gap: min(2.353vw, 11.765px); padding: 0px min(3.529vw, 17.647px); overflow: auto hidden; scroll-behavior: smooth; }

.home-tab-swiper-ssr .winup-scroll::-webkit-scrollbar { display: none; }

.home-tab-swiper-ssr .winup-card { position: relative; flex: 0 0 min(68.235vw, 341.176px); width: min(68.235vw, 341.176px); padding: min(2.353vw, 11.765px); background: rgb(255, 255, 255); border-radius: min(2.824vw, 14.118px); box-sizing: border-box; }

.home-tab-swiper-ssr .card-medal { position: absolute; top: 0px; right: min(2.588vw, 12.941px); z-index: 2; width: min(9.882vw, 49.412px); height: min(11.765vw, 58.824px); display: block; pointer-events: none; }

.home-tab-swiper-ssr .card-medal img { width: 100%; height: 100%; object-fit: contain; display: block; }

.home-tab-swiper-ssr .card-header { display: flex; align-items: center; gap: min(2.118vw, 10.588px); margin-bottom: min(2.118vw, 10.588px); padding-right: min(11.294vw, 56.471px); }

.home-tab-swiper-ssr .card-icon { flex-shrink: 0; width: min(12.706vw, 63.529px); height: min(12.706vw, 63.529px); border-radius: min(1.882vw, 9.412px); overflow: hidden; background: rgb(217, 217, 217); }

.home-tab-swiper-ssr .card-icon .card-icon-img { width: 100%; height: 100%; display: block; object-fit: cover; }

.home-tab-swiper-ssr .card-title-info { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: min(0.706vw, 3.529px); }

.home-tab-swiper-ssr .card-title-info .card-title { font-size: min(3.294vw, 16.471px); font-weight: 700; color: rgb(63, 63, 63); text-transform: uppercase; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.home-tab-swiper-ssr .card-title-info .card-subtitle { font-size: min(2.588vw, 12.941px); color: rgb(163, 163, 163); line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.home-tab-swiper-ssr .card-title-info .card-subtitle .dot { margin: 0px min(0.471vw, 2.353px); }

.home-tab-swiper-ssr .card-stats { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: min(2.118vw, 10.588px) min(2.824vw, 14.118px); padding: min(2.588vw, 12.941px) min(2.824vw, 14.118px); background: rgb(247, 247, 247); border-radius: min(1.882vw, 9.412px); margin-bottom: min(2.118vw, 10.588px); }

.home-tab-swiper-ssr .card-stats .stat-cell { min-width: 0px; display: flex; flex-direction: column; gap: min(0.706vw, 3.529px); }

.home-tab-swiper-ssr .card-stats .stat-label { font-size: min(2.588vw, 12.941px); color: rgb(163, 163, 163); line-height: 1.4; }

.home-tab-swiper-ssr .card-stats .stat-value { font-size: min(3.294vw, 16.471px); font-weight: 700; color: rgb(63, 63, 63); line-height: 1; }

.home-tab-swiper-ssr .card-stats .stat-value.highlight { color: red; }

.home-tab-swiper-ssr .card-meter { margin-bottom: min(2.353vw, 11.765px); }

.home-tab-swiper-ssr .card-meter .meter-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: min(1.176vw, 5.882px); }

.home-tab-swiper-ssr .card-meter .meter-row .meter-label { font-size: min(2.588vw, 12.941px); color: rgb(0, 0, 0); }

.home-tab-swiper-ssr .card-meter .meter-row .meter-value { font-size: min(2.588vw, 12.941px); font-weight: 600; color: red; }

.home-tab-swiper-ssr .card-meter .meter-bar { width: 100%; height: min(0.941vw, 4.706px); background: rgb(241, 241, 241); border-radius: min(0.471vw, 2.353px); overflow: hidden; }

.home-tab-swiper-ssr .card-meter .meter-bar .meter-inner { height: 100%; background: red; border-radius: min(0.471vw, 2.353px); }

.home-tab-swiper-ssr .play-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: min(9.412vw, 47.059px); border: none; border-radius: min(1.882vw, 9.412px); background: rgb(237, 34, 35); color: rgb(255, 255, 255); font-size: min(3.294vw, 16.471px); font-weight: 600; letter-spacing: min(0.118vw, 0.588px); text-transform: uppercase; cursor: pointer; text-decoration: none; }

.ssr-search { margin: 0px auto; padding: 0px min(3.529vw, 17.647px); cursor: pointer; }

.ssr-category-state { text-align: center; color: rgb(0, 0, 0); font-size: min(3.294vw, 16.471px); padding: min(9.412vw, 47.059px) min(4.706vw, 23.529px); opacity: 0.8; }

.ssr-load-sentinel { width: 100%; min-height: min(4.706vw, 23.529px); text-align: center; color: rgb(0, 0, 0); font-size: min(2.824vw, 14.118px); padding: min(2.353vw, 11.765px) 0px; opacity: 0.7; }

.section-all-games { margin-top: min(3.529vw, 17.647px); }

.section-all-games .section-header { padding: 0px min(3.529vw, 17.647px); }

.section-all-games .normal-tab { margin-top: min(2.353vw, 11.765px); }

.section-all-games .game-grid { padding: 0px min(3.529vw, 17.647px); }

.ssr-inner-tabs { display: flex; padding: 0px min(3.529vw, 17.647px); margin-top: min(2.353vw, 11.765px); margin-bottom: min(2.353vw, 11.765px); overflow-x: auto; }

.ssr-inner-tabs::-webkit-scrollbar { display: none; }

.ssr-inner-tabs .ssr-inner-tab { position: relative; padding: min(0.941vw, 4.706px) min(2.824vw, 14.118px); flex-shrink: 0; font-size: min(3.059vw, 15.294px); font-weight: 500; color: rgb(0, 0, 0); cursor: pointer; white-space: nowrap; }

.ssr-inner-tabs .ssr-inner-tab.ssr-inner-tab--active { color: rgb(237, 34, 35); }

.ssr-inner-tabs .ssr-inner-tab.ssr-inner-tab--active::after { content: ""; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%); width: min(4.706vw, 23.529px); height: min(0.706vw, 3.529px); border-radius: min(0.353vw, 1.765px); background: rgb(237, 34, 35); }

.home--msg-wrapper .community-wrapper { margin-top: min(5.882vw, 29.412px); }

.home--msg-wrapper .community-wrapper .community-icon { width: min(16.471vw, 82.353px); margin: 0px auto min(2.353vw, 11.765px); }

.home--msg-wrapper .community-wrapper .community-icon picture, .home--msg-wrapper .community-wrapper .community-icon img { width: 100%; height: auto; display: block; }

.home--msg-wrapper .community-wrapper .msg--suggest { font-size: min(4.471vw, 22.353px); text-align: center; color: rgb(63, 63, 63); margin: min(1.176vw, 5.882px) min(8.824vw, 44.118px) min(4.706vw, 23.529px); line-height: min(4.941vw, 24.706px); font-weight: 700; }

.home--msg-wrapper .community-wrapper .msg--contact-tg { display: flex; align-items: center; justify-content: center; padding: min(1.765vw, 8.824px) 0px min(5.882vw, 29.412px); margin: 0px min(8.824vw, 44.118px); }

.home--msg-wrapper .community-wrapper .msg--contact-tg .tg { display: flex; align-items: center; justify-content: center; margin: 0px min(1.765vw, 8.824px); border-radius: min(1.412vw, 7.059px); height: min(13.176vw, 65.882px); flex-shrink: 0; text-decoration: none; }

.home--msg-wrapper .community-wrapper .msg--contact-tg .tg img { width: auto; height: 100%; }

:root { --van-field-input-text-color: #3F3F3F; --van-field-input-disabled-text-color: "#A3A3A3"; --van-field-right-icon-color: #C7C7C7; --van-popup-background: #F7F7F7; --van-dialog-background: #FFF; --van-popover-dark-background: #FFF; --van-tabbar-background: #F7F7F7; --bg-eee: #eee; --font-color-gold1: #CC8C31; --font-color-gray: #3F3F3F; --submit-active: #ED2223; --van-number-keyboard-background: #F7F7F7 !important; --van-number-keyboard-key-background: #FFF !important; }

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, ol, ul, li, fieldset, form, label, legend, article, section, header, footer, nav { margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; box-sizing: border-box; }

* { box-sizing: border-box; }

body { contain: layout; height: 100vh; line-height: 1; max-width: 500px !important; margin-left: auto !important; margin-right: auto !important; }

ol, ul { list-style: none; }

img { max-width: 100%; }

html, body { width: 100%; height: 100%; font-family: "PingFang SC", sans-serif; font-size: min(2.824vw, 14.118px); line-height: 1.5; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; }

::-webkit-scrollbar { width: 0px; height: 0px; display: none; }

#app { max-width: 500px; margin: 0px auto; position: relative; font-size: min(3.529vw, 17.647px); width: 100% !important; height: 100% !important; overflow: auto !important; }

.home--wrapper { min-height: 100vh; }

.home--wrapper.layout--container { overflow: visible !important; }

.top-container { background-color: rgb(247, 247, 247); padding-bottom: min(2.353vw, 11.765px); }

.home-ssr-h1 { position: absolute; width: min(0.118vw, 0.588px); height: min(0.118vw, 0.588px); padding: 0px; margin: max(-0.118vw, -0.588px); overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }

@supports (min-height: 100dvh) {
  body { height: 100dvh; }
}