@font-face {font-family:"__cantarell_d6ca00";src:url(../fonts/920cbad6754794d1-s.p.ttf) format("truetype");font-display:swap;}
.__className_d6ca00 {font-family:"__cantarell_d6ca00";}
.__variable_d6ca00 {--font-cantarell:"__cantarell_d6ca00";}

:root {--font-cantarell:"__cantarell_d6ca00";--font-sans:font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--foreground-rgb:0,0,0;--background-end:#f1f5f9;--game-gap:15px;--game-radius:15px;--red:#fc1069;--blue-light:#2644b2;--blue:#1d3499;--blue-dark:#1d3499;--full-radius:9999px;--ad-bg:#94949424;--panel-bg:linear-gradient(317.57deg,#342ebf 4.41%,#68d4e3 90.06%);--btn-bg:linear-gradient(180deg,#de3ac4,#f76133);--panel-radius:10px;--panel-shadow:0 2px 4px 0 #0000004d;--text-gray:#999;--text-shadow:6px 1px 0 #263077,0 0 0 #263077;--header-height:60px;--banner-ratio:128/85;--dialog-width:96vw;--dialog-height:250px;}
.pc:root {--header-height:64px;}

@keyframes bounce {0%,20%,50%,80%,to {transform:translateY(0);}
40% {transform:translateY(-5px);}
60% {transform:translateY(-2px);}
;}
@keyframes bouncex {0%,20%,50%,80%,to {transform:translateX(0);}
40% {transform:translateX(-5px);}
60% {transform:translateX(-2px);}
;}
@keyframes jello {0% {transform:scaleX(1);}
30% {transform:scale3d(1.25,.75,1);}
40% {transform:scale3d(.75,1.25,1);}
50% {transform:scale3d(1.15,.85,1);}
65% {transform:scale3d(.95,1.05,1);}
75% {transform:scale3d(1.05,.95,1);}
to {transform:scaleX(1);}
;}
@keyframes pulse {0% {transform:scale(.9);}
to {transform:scale(1);}
;}
@keyframes msgn {0% {transform:scaleX(1);}
50% {transform:scale(1.3);}
to {transform:scaleX(1);}
;}
@keyframes slider {0% {transform:translateX(0);}
30% {transform:translateX(0);}
33.3% {transform:translateX(-100%);}
63.3% {transform:translateX(-100%);}
66.6% {transform:translateX(-200%);}
96.6% {transform:translateX(-200%);}
to {transform:translateX(0);}
;}
@keyframes islider {0% {transform:translateX(0);}
10% {transform:translateX(-45px);}
20% {transform:translateX(-90px);}
30% {transform:translateX(-135px);}
40% {transform:translateX(-175px);}
50% {transform:translateX(-215px);}
60% {transform:translateX(-260px);}
70% {transform:translateX(-305px);}
80% {transform:translateX(-350px);}
90% {transform:translateX(-410px);}
to {transform:translateX(0);}
;}
@keyframes spinner-c7wet2 {to {transform:rotate(1turn);}
;}
* {margin:0;padding:0;box-sizing:border-box;}
body,html {height:100%;}
body {color:rgb(var(--foreground-rgb));font-family:var(--font-sans);background-color:var(--background-end);}
img,video {max-width:100%;object-fit:cover;}
a {color:inherit;text-decoration:none;}
.hidden {display:none;}
.flex-none {flex:none;}
.flex-1 {flex:1 1;}
.flex {display:flex;}
.justify-center {justify-content:center;}
.justify-between {justify-content:space-between;}
.items-center {align-items:center;}
.text-ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.uppercase {text-transform:uppercase;}
.cantarell {font-family:var(--font-cantarell);font-weight:500;}
.poetsen-one {font-family:var(--font-poetsen-one);font-weight:500;}
.loading {min-width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;color:var(--red);}
.spinner {width:56px;height:56px;border-radius:50%;background:radial-gradient(farthest-side,#fc1069 94%,#0000) top/9px 9px no-repeat,conic-gradient(#0000 30%,#fc1069);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);animation:spinner-c7wet2 1s linear infinite;}
.err-box {flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.err-p {text-align:center;font-size:40px;font-family:var(--font-poetsen-one);}
.err-p-sub {text-align:center;line-height:24px;}
.main-content {width:100%;max-width:1310px;margin:0 auto;padding:0 10px;}
.game-grid-header {display:flex;align-items:center;margin:30px 0 8px;font-family:var(--font-poetsen-one);}
.game-grid-title {font-size:26px;line-height:40px;}
.game-grid-subtitle {width:90px;height:30px;margin-left:auto;border:1px solid #feb8d2;border-radius:10px;color:var(--red);font-size:12px;line-height:28px;text-align:center;background:#fc10691a;transition:all .3s;}
@media (any-hover:hover) {.game-grid-subtitle:hover {color:#fff;background:var(--red);}
;}
.game-grid-main {display:grid;grid-gap:var(--game-gap);grid-template-columns:repeat(3,1fr);}
.pc:root .game-grid-main {grid-template-columns:repeat(7,1fr);}
.game-column-main {display:grid;grid-gap:10px;grid-template-columns:repeat(1,1fr);}
.game-column-item {overflow:hidden;flex:1 1;display:flex;flex-direction:column;justify-content:space-between;padding:8px 14px;}
.game-column-item-wrap {overflow:hidden;display:flex;border-radius:var(--panel-radius);background:#fff;transition:all .3s;}
@media (any-hover:hover) {.game-column-item-wrap:hover {box-shadow:var(--panel-shadow);transform:translateY(-5px);}
.game-column-item-wrap:hover .game-column-item-name {color:var(--red);}
;}
.game-column-item-cate {color:var(--text-gray);font-size:12px;}
@media (any-hover:hover) {.game-column-item-wrap.hover:hover {transform:scale(1.06);}
;}
.game-column-item-icon {position:relative;flex:none;display:flex;}
.game-column-item-icon.detail {overflow:hidden;border-radius:var(--panel-radius);}
.game-column-item-name {flex:auto;margin-right:8px;}
.game-column-item-download {flex:none;width:84px;height:30px;border-radius:48px;color:var(--red);font-size:12px;text-align:center;line-height:30px;background:#fc10691a;}
@media (any-hover:hover) {.game-column-item-wrap.hover:hover .game-column-item-download {color:#fff;background:var(--red);}
;}
.banner-wrap {display:grid;grid-gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;}
.pc:root .banner-wrap {grid-template-columns:repeat(3,1fr);}
.banner-img {overflow:hidden;position:relative;aspect-ratio:var(--banner-ratio);border-radius:var(--game-radius);transition:all .3s;}
@media (any-hover:hover) {.banner-img:hover {box-shadow:var(--panel-shadow);transform:translateY(-5px);}
;}
.banner-img:first-child {grid-column:span 2;}
.pc:root .banner-img:first-child {grid-column:span 1;}
.bottom-banner {width:50%;}
.app-wrap {overflow:hidden;position:relative;width:100%;transition:all .3s;}
@media (any-hover:hover) {.app-wrap:hover {transform:translateY(-5px);}
.app-wrap:hover .app-name {color:var(--red);}
.app-wrap:hover .app-icon-wrap {box-shadow:var(--panel-shadow);}
;}
.h5 .app-icon-wrap:after,.h5.game-column-item-icon:after {content:"H5";position:absolute;top:0;right:0;display:flex;justify-content:center;width:30px;height:30px;border-bottom-left-radius:18px;color:#fff;font-size:14px;line-height:26px;background:#fd5811;}
.app-icon-wrap {overflow:hidden;position:relative;aspect-ratio:1/1;border-radius:var(--game-radius);}
.app-name {margin-top:6px;font-size:12px;text-align:center;transition:all .3s;}
.grid .app-name {color:#000;}
.swiper {width:100%;height:100%;}
.swiper-slide {aspect-ratio:var(--banner-ratio);}
.pc .swiper {width:100%;height:310px;padding-bottom:10px;}
.pc .swiper-slide {aspect-ratio:auto;width:480px;}
.banner-pagination {display:flex;justify-content:center;align-items:center;height:9px;margin-top:8px;}
.swiper-pagination-bullet {display:block;width:6px;height:6px;margin-right:10px;border-radius:var(--full-radius);background:#aaabbd;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {width:9px;height:9px;border:2px solid var(--red);background:transparent;}
.app-panel {padding:24px;border-radius:var(--panel-radius);background:#fff;}
.app-panel-name {font-size:22px;}
.app-panel-desc {overflow:hidden;display:-webkit-box;margin:4px 0 12px;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;font-size:14px;color:var(--text-gray);}
.app-panel-desc.-more {-webkit-line-clamp:99999;}
.app-panel-get {position:relative;width:150px;height:32px;margin:16px auto 0;border:1px solid #ffffff33;font-family:var(--font-poetsen-one);text-align:center;line-height:28px;}
.app-panel-get,.app-panel-get:before {border-radius:var(--full-radius);background:#ffffff33;}
.app-panel-get:before {content:"";position:absolute;top:-5px;right:-6px;display:block;width:160px;height:40px;}
.detail-column-title {margin:15px 0 8px;font-size:26px;font-family:var(--font-poetsen-one);line-height:40px;}
.related-games-panel {display:grid;grid-gap:var(--game-gap);grid-template-columns:repeat(3,1fr);padding:24px 18px;}
.download-panel,.related-games-panel {border-radius:var(--panel-radius);background:#fff;}
.download-panel {margin-top:15px;padding:30px 24px;font-size:14px;line-height:30px;}
.download-panel-title {font-size:20px;}
.download-panel-desc-warp {display:flex;flex-wrap:wrap;grid-gap:20px 76px;}
.download-panel-os-wrap {display:flex;justify-content:center;align-items:center;width:90px;margin-right:8px;margin-top:8px;border-radius:9999px;font-size:12px;color:var(--red);background:#fc10691a;}
.download-panel-os-wrap.active {border-color:transparent;color:#fff;background:var(--red);}
.download-panel-os {display:flex;align-items:center;width:100px;}
.download-panel-btn {display:flex;justify-content:center;align-items:center;width:200px;height:42px;margin:24px auto 0;border-radius:var(--full-radius);color:var(--red);font-family:var(--font-poetsen-one);background:#fc10691a;cursor:pointer;}
@media (any-hover:hover) {.download-panel-btn:hover {color:#fff;background:var(--red);}
;}
.download-panel-btn-svg {width:20px;height:20px;margin-right:10px;animation:bounce 2s 1s infinite;}
.download-panel-btn-svg-x {animation:bouncex 2s 1s infinite;}
.play-game-panel-icon {border-radius:var(--game-radius);}
.play-game-panel-btn {width:150px;}
.recommend-games {display:grid;grid-gap:var(--game-gap);grid-template-columns:repeat(3,1fr);}
.detail-main {padding:0 10px;}
.detail-banner-wrap {margin-bottom:20px;}
.pc .detail-banner-wrap {position:relative;height:327px;}
.pc .detail-banner-position {position:absolute;top:0;left:0;width:100%;}
.detail-best-games-panel {display:grid;grid-gap:var(--game-gap);}
.swiper {overflow:hidden;}
.detail-banner-img,.swiper {border-radius:var(--game-radius);}
.download-main {padding:0 10px;}
.download-desc-panel {padding:28px 24px;border-radius:var(--panel-radius);background:#fff;}
.download-desc-icon {display:block;margin:auto;border-radius:var(--game-radius);}
.download-desc-name {margin-top:10px;font-size:20px;text-align:center;line-height:30px;}
.download-desc-btn {display:flex;justify-content:center;align-items:center;width:160px;height:32px;margin:10px auto;border-radius:var(--full-radius);color:var(--red);font-family:var(--font-poetsen-one);background:#fc10691a;}
.download-desc-btn>svg {margin-right:10px;}
.app-panel-get-down {width:20px;height:20px;margin-left:5px;}
.app-panel-get-down.-more {transform:rotate(180deg);}
.iframe-wrap {overflow:hidden;position:relative;width:100vw;height:120vw;}
.iframe-bg {position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;}
.iframe-img {object-fit:cover;filter:brightness(.5);}
.iframe-play-btn {position:relative;z-index:99;color:#fff;background:var(--red);animation:bounce 2s 1s infinite;}
.iframe {position:absolute;}
.iframe,.iframe-fixed {top:0;left:0;display:flex;flex-direction:column;width:100%;height:100%;background:#fff;}
.iframe-fixed {position:fixed;z-index:998;}
.iframe-back {left:5px;top:5px;}
.iframe-back,.iframe-full {position:absolute;z-index:999;width:48px;height:48px;padding:10px;border-radius:var(--full-radius);color:#fff;background:var(--red);}
.iframe-full {right:5px;bottom:5px;}
.iframe-play,.video-play {flex:1 1;}
.iframe-games {overflow-y:auto;display:flex;padding:2px 4px;}
.iframe-game {overflow:hidden;flex:none;display:flex;margin:4px;border-radius:4px;}
.video-name-wrap {display:flex;align-items:center;padding:10px 20px;font-family:var(--font-poetsen-one);color:#fff;}
.video-play-btn {display:flex;justify-content:center;width:120px;height:40px;margin-left:auto;border-radius:var(--full-radius);box-shadow:var(--panel-shadow);line-height:40px;background:var(--btn-bg);}
.video-play {position:relative;width:100%;background:#000;}
.video {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;}
.ad-wrap {position:relative;border-radius:10px;background:#fff;}
.ad-position {overflow:hidden;position:relative;height:300px;}
.ad-position>.ad {position:absolute;top:0;right:0;width:100%;height:100%;}
.ad,.ad-p {text-align:center;}
.ad-p {margin:2px 0 0;padding-bottom:6px;color:#ccc;font-size:12px;}



.styles_footer__CMzpS {padding:16px 5px;color:var(--text-gray);font-size:12px;text-align:center;background-color:#fff;}
.styles_footerSiteinfo__VgRe8 {display:flex;justify-content:center;align-items:center;line-height:24px;}
.styles_footerSiteinfoItem__APKGG:not(:last-child):after {content:"|";margin:0 6px;}
.styles_siteinfo__e8hXL {margin:40px 0 20px;padding:15px 15px;border-radius:var(--panel-radius);color:var(--text-gray);font-size:12px;background-color:#fff;}
.styles_headerWrap__k2RI7 {flex:none;height:var(--header-height);margin-bottom:10px;}
.styles_headerBg__iC5l2 {position:fixed;z-index:999;top:0;left:0;right:0;width:100%;height:var(--header-height);margin-bottom:10px;background:#fff;}
.styles_header__SPNrQ {display:flex;align-items:center;width:100%;height:100%;max-width:1310px;margin:0 auto;padding:0 10px;}
.styles_headerLogo__8p6dW {position:relative;flex:none;display:flex;width:163px;height:55px;}
.pc .styles_headerLogo__8p6dW {width:177px;height:60px;}
.styles_headerNav__4X_45 {display:flex;align-items:center;margin-left:auto;}
.styles_headerNav__4X_45>*+* {margin-left:8px;}
.styles_headerNavItemWrap__ClT0m {display:flex;align-items:center;border-radius:var(--full-radius);background:#fc10691a;cursor:pointer;transition:all .3s;}
@media (max-width:1120px) {.styles_headerNavItemWrap__ClT0m.styles_cate___kaRz {display:none;}
;}
@media (any-hover:hover) {.styles_headerNavItemWrap__ClT0m:hover {background:var(--red);}
.styles_headerNavItemWrap__ClT0m:hover .styles_headerNavItem__ZKt3W {color:#fff;}
;}
.styles_headerNavItem__ZKt3W {width:32px;height:32px;margin:2px;padding:5px;border-radius:var(--full-radius);color:var(--red);transition:all .3s;}
.styles_headerNavItemWrap__ClT0m.styles_cate___kaRz .styles_headerNavItem__ZKt3W {width:auto;padding:5px 20px;text-wrap:nowrap;}
.styles_dialogWrap__2zBEd {position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;background:#0000009b;}
.styles_dialog__66nHv {overflow-y:auto;width:100%;height:100%;padding:0 24px;background:#fff;}
.pc .styles_dialog__66nHv {width:600px;}
.styles_dialogHeader__qmvQS {display:flex;align-items:center;height:var(--header-height);}
.styles_dialogClose__GpTUI {margin-left:auto;}
.styles_dialogMain__x6h1p {display:grid;grid-gap:10px;margin-bottom:20px;}
.styles_dialogNav__GokCa {margin:0px 0 5px;}
.styles_cateItemWrap__ORpcz {display:flex;align-items:center;height:56px;padding-left:22px;border-radius:12px;}
.styles_cateItemWrap__ORpcz.styles_active__ODJue {color:#fff;background:var(--red);}
.styles_cateItemIcon__ScwYs {border-radius:8px;}
.styles_cateItemName__BRNXz {margin-left:10px;}
.styles_wrap__HAYdv {display:flex;flex-direction:column;height:100%;}
.styles_main__i9r0z {flex:auto;}
.styles_gameGridMain__PDaZu {display:grid;grid-gap:var(--game-gap);grid-template-columns:repeat(9,1fr);@media (max-width:900px) {grid-template-columns:repeat(3,1fr);}
;}
.styles_gameColumnMain__YisUh {display:grid;grid-gap:var(--game-gap);grid-template-columns:repeat(5,1fr);@media (max-width:900px) {grid-template-columns:repeat(3,1fr);}
;}
.styles_dialogBox__9uoRb {position:fixed;z-index:-10;top:0;right:0;bottom:0;left:0;display:flex;background:#000000bb;opacity:0;touch-action:none;}
.styles_dialog__sz6XI {overflow:hidden;margin:auto;border-radius:16px;background:#fff;}
.styles_dialogHeader__lYncx {display:flex;justify-content:flex-end;margin-right:8px;padding:4px;color:#949494;}
.styles_dialogHeader__lYncx>div {cursor:pointer;}
.styles_dialogBody__Ed6iu {width:96vw;height:250px;}
.pc .styles_dialogBody__Ed6iu {width:750px;height:350px;}

.menu-box{display: none;}
.close-menubtn{cursor: pointer;}
.site-logo { height: 45px; width: auto; max-width: 240px; }
@media screen and (max-width:768px) {
  .site-logo { height: 38px; width: auto; max-width: 200px; }
}