.header{height:56px;padding:8px 0;background-color:#fff}.header .header-area{display:flex;justify-content:space-between;height:40px;margin:auto}.header .header-area .logo-icon{width:128px;height:40px;display:flex;align-items:center}.header .header-area .logo-icon img{height:32px}@media screen and (min-width:2256px){.header-area{width:2005px}}@media (min-width:1920px) and (max-width:2255px){.header-area{width:1802px}}@media (min-width:1600px) and (max-width:1919px){.header-area{width:1600px}}@media (min-width:1398px) and (max-width:1599px){.header-area{width:1398px}}@media (min-width:1196px) and (max-width:1397px){.header-area{width:1196px}}@media (min-width:994px) and (max-width:1195px){.header-area{width:994px}}@media (min-width:788px) and (max-width:993px){.header-area{width:792px}}@media (min-width:496px) and (max-width:787px){.header-area{width:590px}}@media screen and (max-width:495px){.header{width:100%;height:44px;padding:6px 16px;overflow:hidden}.header .header-area{display:flex;justify-content:space-between;height:32px;margin:auto}.header .header-area .logo-icon{display:flex;width:89px;height:32px;justify-content:center;align-items:center}.header .header-area .search-wrap{display:flex;width:228px;height:32px}}.footer{width:100%;display:flex;justify-content:flex-end;align-items:center;background:linear-gradient(90deg,rgba(160,101,255,0),#a065ff);border-radius:16px;margin:20px 0}.footer .footer-menu li a{display:flex;align-items:center;color:#fff;font-size:14px;font-weight:600}.footer .footer-menu li a:first-child{margin-left:0}.footer .footer-menu li a img{width:33px;margin-right:10px}@media (min-width:988px){.footer .footer-menu{display:flex;justify-content:center;margin-right:20px;padding:10px 0}.footer .footer-menu li{margin-left:40px}}@media (max-width:988px){.footer .footer-menu{display:flex;width:100%;flex-wrap:wrap;align-items:center;margin:0 auto}.footer .footer-menu li{display:block;width:50%}.footer .footer-menu li a{line-height:32px;font-size:12px;background-size:32px 32px}}.module-wrap{display:flex;align-items:center;width:640px;max-width:100%;height:56px;margin:16px 0 24px;border-radius:16px;padding-left:8px}.module-wrap[data-module=yellow]{background:linear-gradient(90deg,rgba(255,212,94,.3),rgba(255,212,94,0))}.module-wrap[data-module=purple]{background:linear-gradient(90deg,rgba(233,129,255,.3),rgba(233,129,255,0))}.module-wrap[data-module=red]{background:linear-gradient(90deg,rgba(255,145,211,.3),rgba(255,145,211,0))}.module-wrap[data-module=blue]{background:linear-gradient(90deg,rgba(136,227,255,.3),rgba(136,227,255,0))}.module-wrap[data-module=gray],.module-wrap[data-module=green]{background:linear-gradient(90deg,rgba(172,249,114,.3),rgba(172,249,114,0))}.module-wrap img:first-child{width:36px}.module-wrap img:nth-child(2){height:32px}@media screen and (max-width:495px){.module-wrap{width:343px;height:48px;line-height:48px;margin:16px 0}}.text-info{margin:30px auto;padding:34px 40px;background:#fff;box-shadow:0 7px 5px 1px rgba(0,0,0,.03),0 22px 18px 1px rgba(0,0,0,.05),0 100px 80px 1px rgba(0,0,0,.07);border-radius:12px}.text-info h2{color:#16e3ff;font-weight:600;font-size:24px;line-height:28px;padding-top:4px;padding-bottom:18px;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:34px}.text-info h3{color:#000;font-size:20px;line-height:24px}.text-info h3,.text-info h4{font-weight:600;margin-bottom:10px}.text-info h4{font-size:14px;color:#333;line-height:20px;color:#212b3a}.text-info p{font-size:14px;color:#666;line-height:30px}.text-info p,.text-info ul{margin-bottom:34px}.text-info ul li{color:#333;font-size:14px;line-height:24px}.text-info a{color:#fb5092}.text-info table{width:100%;overflow-x:auto;margin-bottom:34px;table-layout:fixed;border:1px solid #ccc}.text-info table td{padding:12px 20px;line-height:24px;font-size:14px;color:#000;border-bottom:1px solid #ccc;border-right:1px solid #ccc}@media screen and (max-device-width:768px){.text-info{width:100%;margin:20px auto;padding:34px 30px}}.game-card{display:block;position:relative;transition-duration:.3s}.game-card .card-wrap{box-shadow:0 4px 10px 0 rgba(0,0,0,.2);border-radius:16px;overflow:hidden}.game-card .card-wrap p{background-size:100%}.game-card .card-wrap h3{position:absolute;bottom:0;left:0;width:100%;height:58px;line-height:46px;padding:6px 0;background-color:#fff;z-index:99;text-align:center;border-bottom-left-radius:16px;border-bottom-right-radius:16px;color:#262626}.game-card:hover{transform:scale(1.05) translateY(-.05%);transition-duration:.3s}[system=pc] .game-card .card-wrap,[system=pc] .game-card .card-wrap p{width:85px;height:85px}[system=pc] .game-card[data-size=large] .card-wrap{width:186px;height:186px;position:relative}[system=pc] .game-card[data-size=large] .card-wrap p{width:186px;height:186px}[system=mobile] .game-card .card-wrap,[system=mobile] .game-card .card-wrap p{width:80px;height:80px}[system=mobile] .game-card[data-size=large] .card-wrap{width:168px;height:168px;position:relative}[system=mobile] .game-card[data-size=large] .card-wrap p{width:168px;height:168px}body[system=pc] .category-card{display:flex;width:186px;height:88px;cursor:pointer;padding:4px 4px 0;box-shadow:0 4px 10px 0 rgba(0,0,0,.2);transition-duration:.3s;border-radius:16px;overflow:hidden}body[system=pc] .category-card p{width:80px;height:80px;overflow:hidden;border-radius:14px}body[system=pc] .category-card p img{width:100%}body[system=pc] .category-card h3{display:flex;width:100px;align-items:center;color:#0e2b4d;font-weight:600;line-height:14px;padding:8px 12px 12px;word-break:break-word}body[system=pc] .category-card:hover{transform:scale(1.05) translateY(-.05%);transition-duration:.3s}body[system=mobile] .category-card{display:flex;width:144px;height:64px;cursor:pointer;padding:4px 4px 0;box-shadow:0 4px 10px 0 rgba(0,0,0,.2);transition-duration:.3s;border-radius:16px;overflow:hidden;justify-content:space-between}body[system=mobile] .category-card p{width:56px;height:56px;overflow:hidden;border-radius:14px}body[system=mobile] .category-card p img{width:100%}body[system=mobile] .category-card h3{display:flex;flex:1;width:80px;align-items:center;font-size:12px;color:#0e2b4d;font-weight:600;line-height:14px;padding:8px 12px 12px;word-break:break-word}.category-card{display:flex;position:relative;background:#fff}.game-info-wrap{font-size:19px;font-weight:400;line-height:28px}.game-info-wrap .game-description,.game-info-wrap .game-instructions{margin-bottom:56px}.game-info-wrap .game-description p,.game-info-wrap .game-instructions p{opacity:.7;color:#fff}.game-info-wrap .game-description img,.game-info-wrap .game-instructions img{margin-bottom:8px}.game-info-wrap .game-category li{display:inline-block;font-size:16px;margin:8px 10px 10px 0;padding:3px 23px;text-align:center;background:linear-gradient(93deg,#f5f0ff,#efe7ff);border-radius:100px;cursor:pointer}[system=mobile] .game-info-wrap{font-size:16px;line-height:24px}[system=mobile] .game-description,[system=mobile] .game-instructions{margin-bottom:30px}[system=mobile] .game-category li{font-size:14px;padding:2px 16px}[system=pc] .game-search.pc-normal{width:220px;height:36px;top:0;left:0}[system=pc] .game-search.pc-expand{display:flex;width:388px;height:84px;justify-content:space-between;padding:8px;top:30px;left:0}[system=pc] .game-search.pc-expand .search-bg{width:100%;height:84px;position:absolute;top:0;left:0;z-index:2;border-radius:12px;box-shadow:0 4px 0 1px #cadbfb;pointer-events:none}[system=pc] .game-search.pc-expand .content-bg{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1}[system=pc] .game-search.pc-expand .search-main{display:flex;width:100%;height:100%;position:relative;background:rgba(59,213,247,.1);border-radius:12px;overflow:hidden}[system=pc] .game-search.pc-expand .search-main .search-input{width:calc(100% - 54px);height:100%;padding-left:20px;padding-right:50px;border:0;background:transparent;font-size:22px;font-family:Fredoka-SemiBold,Fredoka;color:#0e2b4d}[system=pc] .game-search.pc-expand .search-main .clear-search{font-size:28px;position:absolute;top:20px;right:72px;color:#a3adb9;line-height:1;cursor:pointer;-webkit-animation:fade-in .3s ease-in-out forwards;animation:fade-in .3s ease-in-out forwards}[system=pc] .game-search.pc-expand .search-main .clear-search:hover{color:#798ea7}[system=pc] .game-search.pc-expand .search-main .clear-search:active{color:#5e7a9c;-webkit-animation:fade-out .3s ease-in-out forwards;animation:fade-out .3s ease-in-out forwards}[system=pc] .game-search.pc-expand .search-main .search-action{width:54px;height:100%;background:linear-gradient(180deg,#cc61fe,#8950fc 93%);border-radius:10px;border:0;cursor:pointer}[system=pc] .game-search.pc-expand .search-content{width:calc(100% - 2px);height:calc(100vh - 124px);position:absolute;top:calc(100% - 4px);left:1px;padding-top:12px;background:#fff;z-index:1;box-shadow:0 5px 0 1px #dfeafe;border-radius:0 0 10px 10px}[system=pc] .game-search.pc-expand .search-content .search-content-main{height:100%;overflow-y:auto;padding-left:12px}[system=pc] .game-search.pc-expand .search-content .search-content-main .search-loading{margin-top:10px;height:calc(100% - 10px)}[system=pc] .game-search.pc-expand .search-content .search-result .result-list{grid-template-columns:repeat(auto-fill,78px);grid-column-gap:12px;grid-row-gap:12px}[system=pc] .game-search.pc-expand .search-content .search-result .result-list li[data-exact-match=true]{grid-area:1/1/3/3}[system=pc] .game-search.pc-expand .search-content .search-result .result-list li[data-exact-match=true] .card-wrap{width:168px;height:168px}[system=pc] .game-search.pc-expand .search-content .category{padding:30px 0}[system=pc] .game-search.pc-expand .search-content .category li{background:#e9edf4}[system=pc] .game-search.pc-expand .search-content .popular-this-week-title,[system=pc] .game-search.pc-expand .search-content .recently-played-title{line-height:40px;padding-left:42px;font-size:20px;margin-bottom:10px}[system=pc] .game-search.pc-expand .search-content .popular-this-week-list,[system=pc] .game-search.pc-expand .search-content .recently-played-list{grid-template-columns:repeat(auto-fill,78px);grid-column-gap:12px;grid-row-gap:12px}@media (min-width:1388px) and (max-width:1588px){[system=pc] .game-search.pc-expand{top:20px}}@media (min-width:1288px) and (max-width:1388px){[system=pc] .game-search.pc-expand{top:5px}}@media (min-width:1188px) and (max-width:1288px){[system=pc] .game-search.pc-expand{top:10px}}[system=mobile] .game-search{top:0;left:0}[system=mobile] .game-search .search-main .search-input{padding:6px 16px}[system=mobile] .game-search .search-main .search-action{width:32px;height:32px}[system=mobile] .game-search .search-content{width:100%;height:100%;position:fixed;top:0;left:0;background:linear-gradient(90deg,#ba63ff,#7a43ff)}[system=mobile] .game-search .search-content .search-content-action{display:flex;width:calc(100% - 30px);height:52px;background:#fff;border-radius:0 12px 12px 0;margin-top:18px;padding:4px}[system=mobile] .game-search .search-content .search-content-action .search-go-back{width:46px;padding:11px 15px;text-align:center;color:#cc61fe}[system=mobile] .game-search .search-content .search-content-action .search-go-back i{font-size:18px;line-height:1.4}[system=mobile] .game-search .search-content .search-content-action .search-go-back:active{background:#1ecef5}[system=mobile] .game-search .search-content .search-content-action .search-main{width:calc(100% - 46px);position:relative;background:rgba(59,213,247,.1);border-radius:12px;overflow:hidden}[system=mobile] .game-search .search-content .search-content-action .search-main .search-input{width:calc(100% - 38px);height:100%;padding:0 10px;border:0;font-size:14px;font-family:Fredoka-SemiBold,Fredoka;color:#0e2b4d;background:transparent}[system=mobile] .game-search .search-content .search-content-action .search-main .search-action{width:38px;height:100%;position:absolute;right:0;top:0;background:linear-gradient(180deg,#cc61fe,#8950fc 93%);border-radius:12px;border:0}[system=mobile] .game-search .search-content .search-content-main{width:100vw;height:calc(100% - 70px);padding:0 calc(50vw - 162px);position:relative;overflow-y:auto}[system=mobile] .game-search .search-content .search-result .result-list{grid-template-columns:repeat(auto-fill,100px);grid-column-gap:7px;grid-row-gap:7px}[system=mobile] .game-search .search-content .category{padding:20px 0}[system=mobile] .game-search .search-content .category li{background:#d8f8ff}[system=mobile] .game-search .search-content .popular-this-week-title,[system=mobile] .game-search .search-content .recently-played-title{line-height:20px;padding-left:26px;font-size:16px;margin-bottom:15px;background-size:contain}[system=mobile] .game-search .search-content .popular-this-week-list,[system=mobile] .game-search .search-content .recently-played-list{grid-template-columns:repeat(auto-fill,100px);grid-column-gap:7px;grid-row-gap:7px}[system=mobile] .game-search .search-content .popular-this-week-list .game-card .card-wrap,[system=mobile] .game-search .search-content .recently-played-list .game-card .card-wrap{width:100px;height:100px}[system=mobile] .game-search .search-content .popular-this-week-list .game-card .card-wrap p,[system=mobile] .game-search .search-content .recently-played-list .game-card .card-wrap p{height:100px;width:100px;border-radius:16px}@media (min-width:496px){[system=mobile] .game-search .search-content .search-content-main{width:464px}}.game-search{border-radius:12px;position:-webkit-sticky;position:sticky;background:#fff;z-index:99}.game-search .search-main .search-input{width:184px;padding:8px 16px;font-size:14px;font-weight:400;background:#f3f6f9;border-radius:2px 0 0 2px;outline:none;border:none}.game-search .search-main .search-action{width:37px;height:37px;background:linear-gradient(180deg,#cc61fe,#8950fc 93%);border-radius:0 2px 2px 0;border:none;cursor:pointer;vertical-align:bottom}.game-search .search-main .search-action>img{width:16px;height:16px;font-size:16px}.game-search .search-content{-webkit-animation:fade-in .3s ease-in-out forwards;animation:fade-in .3s ease-in-out forwards}.game-search .search-content .search-result .result-title{color:#0a2047;line-height:24px;font-weight:600;padding:10px 0;font-size:20px}.game-search .search-content .search-result .result-list{display:grid;grid-auto-flow:row dense}.game-search .search-content .search-result .void-title{text-align:center;font-size:22px;font-weight:700;font-family:Fredoka-Bold,Fredoka;line-height:26px;color:#0a2047;padding-top:30px}.game-search .search-content .search-result .void-text{text-align:center;font-size:14px;color:rgba(14,43,77,.5);line-height:30px;margin-bottom:10px}.game-search .search-content .category{overflow-x:auto;white-space:nowrap}.game-search .search-content .category li{display:inline-block;line-height:16px;padding:8px 20px;box-shadow:0 0 4px 1px hsla(0,0%,100%,.25);border-radius:50px;margin-left:6px;font-weight:600;font-size:14px;cursor:pointer}.game-search .search-content .category li:first-child{margin-left:0}.game-search .search-content .category li:hover{background:#55dbf9;color:#fff}.game-search .search-content .category li:active{background:#1ecef5}.game-search .search-content .popular-this-week-title,.game-search .search-content .recently-played-title{font-family:Fredoka-SemiBold,Fredoka;color:#0a2047}.game-search .search-content .popular-this-week-list,.game-search .search-content .recently-played-list{display:grid;grid-auto-flow:row dense}.game-search .search-content .popular-this-week{margin-bottom:18px}.game-search .search-content .popular-this-week .popular-this-week-title{background-image:url(/h5-online/assets/search-hot.png);background-position:0;background-repeat:no-repeat}.game-search .search-content .recently-played{margin-bottom:18px}.game-search .search-content .recently-played .recently-played-title{background-image:url(/h5-online/assets/search-recently.png);background-position:0;background-repeat:no-repeat}@font-face{font-family:iconfont;src:url(/h5-online/assets/iconfont.woff) format("woff");font-display:swap}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-rotate:before{content:"\e66f"}.icon-checkbox-checked:before{content:"\e72a"}.icon-checkbox:before{content:"\e625"}.icon-video:before{content:"\e688"}.icon-install:before{content:"\e689"}.icon-logout:before{content:"\e683"}.icon-close:before{content:"\e602"}.icon-check:before{content:"\e632"}.icon-people:before{content:"\e67f"}.icon-comments:before{content:"\e67e"}.icon-left:before{content:"\e60e"}.icon-home:before{content:"\e614"}.icon-hated-solid:before{content:"\e615"}.icon-like-solid:before{content:"\e613"}.icon-hated:before{content:"\e612"}.icon-like:before{content:"\e616"}.icon-full:before{content:"\e607"}.icon-collapse:before{content:"\e608"}.icon-delete:before{content:"\e606"}.icon-search:before{content:"\e601"}.loading{width:100%;height:100%;position:absolute;left:0;top:0;z-index:999}.loading[data-jump-page=true]{position:fixed}.loading[data-jump-page=true] .loading-inner{width:75px;height:45px}.loading[data-jump-page=true] .loading-inner:after,.loading[data-jump-page=true] .loading-inner:before{width:30px;height:30px}.loading .loading-bg{width:100%;height:100%;background:#000;opacity:.5;position:absolute;left:0;top:0;z-index:0}.loading .loading-inner{width:50px;height:30px;position:absolute;top:50%;left:calc(50% - 25px);perspective:200px;z-index:1}.loading .loading-inner:after,.loading .loading-inner:before{position:absolute;width:20px;height:20px;content:"";-webkit-animation:jumping .5s infinite alternate;animation:jumping .5s infinite alternate;background:transparent}.loading .loading-inner:before{left:0}.loading .loading-inner:after{right:0;-webkit-animation-delay:.15s;animation-delay:.15s}@-webkit-keyframes jumping{0%{transform:scale(1) translateY(0) rotateX(0deg);box-shadow:0 0 0 transparent}to{transform:scale(1.2) translateY(-25px) rotateX(45deg);background:#3bd5f7;box-shadow:0 25px 40px #3bd5f7}}@keyframes jumping{0%{transform:scale(1) translateY(0) rotateX(0deg);box-shadow:0 0 0 transparent}to{transform:scale(1.2) translateY(-25px) rotateX(45deg);background:#3bd5f7;box-shadow:0 25px 40px #3bd5f7}}.hover-transform{transform:scale(1.05) translateY(-.05%);transition-duration:.3s}[system=pc] .index-main{margin:0 auto}[system=pc] .index-main .game-main{grid-template-columns:repeat(auto-fill,85px);grid-template-rows:repeat(auto-fill,85px);margin-left:auto;margin-right:auto;margin-bottom:16px}[system=pc] .index-main .category-main,[system=pc] .index-main .game-main{display:grid;grid-auto-flow:row dense;grid-column-gap:16px;grid-row-gap:16px}[system=pc] .index-main .category-main{grid-template-columns:repeat(auto-fill,186px);grid-template-rows:repeat(auto-fill,88px);margin:20px 0 40px}[system=pc] .index-main .category-main .more{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:16px;cursor:pointer;font-family:Fredoka-Bold,Fredoka;transition-duration:.3s}[system=pc] .index-main .category-main .more img{width:24px;margin-left:10px}[system=pc] .index-main .category-main .more:hover{transform:scale(1.05) translateY(-.05%);transition-duration:.3s}[system=pc] .index-main .pop-game-main{display:grid;grid-template-columns:repeat(auto-fill,186px);grid-template-rows:repeat(auto-fill,186px);grid-auto-flow:row dense;grid-column-gap:16px;grid-row-gap:16px;margin-left:auto;margin-right:auto;margin-bottom:40px}@media (min-width:1788px){[system=pc]{min-width:1602px}[system=pc] .index-page .index-main{width:1602px}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="0"]{grid-area:1/1/3/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="1"]{grid-area:1/3/3/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="2"]{grid-area:1/5/3/7}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="3"]{grid-area:1/7/3/9}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="4"]{grid-area:1/9/3/11}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="5"]{grid-area:1/11/3/13}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="6"]{grid-area:1/13/3/15}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="7"]{grid-area:1/15/3/17}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="8"]{grid-area:3/3/5/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="9"]{grid-area:3/7/5/9}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="10"]{grid-area:3/13/5/15}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="11"]{grid-area:5/1/7/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="12"]{grid-area:5/9/7/11}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="13"]{grid-area:5/15/7/17}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="14"]{grid-area:7/3/9/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="15"]{grid-area:7/7/9/9}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="16"]{grid-area:7/13/9/15}}@media (min-width:1588px) and (max-width:1788px){[system=pc]{min-width:1400px}[system=pc] .index-page .index-main{width:1400px}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="0"]{grid-area:1/1/3/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="1"]{grid-area:1/3/3/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="2"]{grid-area:1/5/3/7}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="3"]{grid-area:1/7/3/9}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="4"]{grid-area:1/9/3/11}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="5"]{grid-area:1/11/3/13}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="6"]{grid-area:1/13/3/15}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="7"]{grid-area:3/3/5/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="8"]{grid-area:3/7/5/9}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="9"]{grid-area:3/11/5/13}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="10"]{grid-area:5/1/7/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="11"]{grid-area:5/7/7/9}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="12"]{grid-area:5/13/7/15}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="13"]{grid-area:7/5/9/7}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="14"]{grid-area:7/7/9/9}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="15"]{grid-area:7/9/9/11}}@media (min-width:1388px) and (max-width:1588px){[system=pc]{min-width:1298px}[system=pc] .index-page .index-main{width:1298px}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="0"]{grid-area:1/1/3/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="1"]{grid-area:1/3/3/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="2"]{grid-area:1/5/3/7}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="3"]{grid-area:1/8/3/10}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="4"]{grid-area:1/10/3/12}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="5"]{grid-area:1/12/3/14}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="6"]{grid-area:3/3/5/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="7"]{grid-area:3/9/5/11}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="8"]{grid-area:5/1/7/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="9"]{grid-area:5/11/7/13}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="10"]{grid-area:7/3/9/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="11"]{grid-area:7/9/9/11}[system=pc] .index-page .index-main .category-main,[system=pc] .index-page .index-main .pop-game-main{grid-column-gap:36px}}@media (min-width:1288px) and (max-width:1388px){[system=pc]{min-width:1196px}[system=pc] .index-page .index-main{width:1196px}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="0"]{grid-area:1/1/3/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="1"]{grid-area:1/3/3/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="2"]{grid-area:1/5/3/7}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="3"]{grid-area:1/7/3/9}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="4"]{grid-area:1/9/3/11}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="5"]{grid-area:1/11/3/13}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="6"]{grid-area:3/3/5/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="7"]{grid-area:3/9/5/11}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="8"]{grid-area:5/1/7/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="9"]{grid-area:5/11/7/13}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="10"]{grid-area:7/3/9/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="11"]{grid-area:7/9/9/11}}@media (min-width:1188px) and (max-width:1288px){[system=pc]{min-width:994px}[system=pc] .index-page .index-main{width:994px}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="0"]{grid-area:1/1/3/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="1"]{grid-area:1/3/3/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="2"]{grid-area:1/5/3/7}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="3"]{grid-area:1/7/3/9}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="4"]{grid-area:1/9/3/11}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="5"]{grid-area:3/3/5/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="6"]{grid-area:3/7/5/9}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="7"]{grid-area:5/1/7/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="8"]{grid-area:5/9/7/11}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="9"]{grid-area:7/3/9/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="10"]{grid-area:7/7/9/9}}@media (min-width:988px) and (max-width:1188px){[system=pc]{min-width:894px}[system=pc] .index-page .index-main{width:894px}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="0"]{grid-area:1/1/3/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="1"]{grid-area:1/3/3/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="2"]{grid-area:1/6/3/8}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="3"]{grid-area:1/8/3/10}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="4"]{grid-area:3/3/5/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="5"]{grid-area:3/6/5/8}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="6"]{grid-area:5/1/7/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="7"]{grid-area:5/8/7/10}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="8"]{grid-area:7/3/9/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="9"]{grid-area:7/6/9/8}[system=pc] .index-page .index-main .category-main,[system=pc] .index-page .index-main .pop-game-main{grid-column-gap:50px}}@media (min-width:800px) and (max-width:988px){[system=pc]{min-width:793px}[system=pc] .index-page .index-main{width:793px}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="0"]{grid-area:1/1/3/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="1"]{grid-area:1/6/3/8}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="2"]{grid-area:3/2/5/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="3"]{grid-area:3/5/5/7}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="4"]{grid-area:5/1/7/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="5"]{grid-area:5/6/7/8}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="6"]{grid-area:7/2/9/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="7"]{grid-area:7/5/9/7}[system=pc] .index-page .index-main .category-main,[system=pc] .index-page .index-main .pop-game-main{grid-column-gap:16px}}@media (max-width:800px){[system=pc]{min-width:590px}[system=pc] .index-page .index-main{width:590px}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="0"]{grid-area:1/1/3/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="1"]{grid-area:1/3/3/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="2"]{grid-area:1/5/3/7}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="3"]{grid-area:3/3/5/5}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="4"]{grid-area:5/1/7/3}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="5"]{grid-area:5/5/7/7}[system=pc] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="6"]{grid-area:7/3/9/5}}[system=mobile] .index-main{width:343px;margin:0 auto}[system=mobile] .index-main .game-main{display:grid;grid-template-columns:repeat(auto-fill,80px);grid-auto-flow:row dense;grid-column-gap:7px;grid-row-gap:7px;margin-bottom:7px}[system=mobile] .index-main .game-main .game-card[data-size=large][data-grid-mark="0"]{grid-area:1/1/3/3}[system=mobile] .index-main .game-main .game-card[data-size=large][data-grid-mark="1"]{grid-area:1/3/3/5}[system=mobile] .index-main .category-main{display:flex;grid-column-gap:7px;margin:20px 0 40px}[system=mobile] .index-main .category-main .more{width:39px;line-height:64px;font-size:12px;background:#fff;text-align:center;border-radius:39px 39px 39px 39px;font-family:Fredoka-SemiBold,Fredoka}[system=mobile] .index-main .pop-game-main{display:grid;grid-template-columns:repeat(auto-fill,168px);grid-template-rows:repeat(auto-fill,168px);grid-auto-flow:row dense;grid-column-gap:7px;grid-row-gap:7px;margin-left:auto;margin-right:auto;margin-bottom:40px}@media (min-width:496px){[system=mobile] .index-page .index-main{width:516px}[system=mobile] .index-page .index-main .game-main .game-card[data-size=large][data-grid-mark="2"]{grid-area:1/5/3/7}[system=mobile] .index-page .index-main .category-main{grid-column-gap:15px}[system=mobile] .index-page .index-main .like-game-main,[system=mobile] .index-page .index-main .pop-game-main{grid-column-gap:6px}}.index-wrap{width:100%;background-image:url(/h5-online/assets/background.png);background-repeat:no-repeat;background-position:top;background-size:100% 894px;z-index:-99}@font-face{font-family:Fredoka;font-style:normal;font-weight:400;src:url(/h5-online/assets/fredoka-semi-bold.woff2) format("woff");font-display:swap}@font-face{font-family:Fredoka-Bold;font-style:normal;font-weight:400;src:url(/h5-online/assets/fredoka-bold.woff2) format("woff");font-display:swap}blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}article,canvas,footer,header,nav,section{display:block}body,button,input,select,small,textarea{font:12px/1.5 Source Han Sans SC-Regular,tahoma,helvetica,arial,"\5b8b\4f53",sans-serif;outline:none}h1,h2,h3{font-weight:400;font-family:Fredoka-Bold,Fredoka}h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}small{font-size:12px}ol,ul{list-style:none}a,a:active,a:hover,a:link,a:visited{text-decoration:none}abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}q:after,q:before{content:""}legend{color:#000}fieldset,img{border:none}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0;width:100%}hr{border:none;height:1px}*{box-sizing:border-box}body,html{min-height:100%;font-family:Source Han Sans SC}body{display:none;background:linear-gradient(90deg,#ba63ff,#7a43ff)}body[system]{display:block}body[system=pc],body[system=pc] *{scrollbar-width:thin;scrollbar-color:#e1e1e1 #f3f3f3}body[system=pc] * ::-webkit-scrollbar-track,body[system=pc] ::-webkit-scrollbar-track{border-radius:5px;background-color:#f3f3f3}body[system=pc] * ::-webkit-scrollbar-track-piece,body[system=pc] ::-webkit-scrollbar-track-piece{display:none}body[system=pc] * ::-webkit-scrollbar,body[system=pc] ::-webkit-scrollbar{background:transparent;width:10px;height:10px}body[system=pc] * ::-webkit-scrollbar-thumb,body[system=pc] ::-webkit-scrollbar-thumb{border-radius:5px;background-color:#e1e1e1;width:6px;min-height:50px;border:2px solid transparent;background-clip:content-box}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.outbrain-wrap1{padding:0 30px}