@font-face{font-family:Montserrat;src:url(/fonts/Montserrat.d2169468.woff2)}@-webkit-keyframes playAmt{0%{-webkit-transform:translateX(-18px);transform:translateX(-18px)}to{-webkit-transform:translateX(-34px);transform:translateX(-34px)}}@keyframes playAmt{0%{-webkit-transform:translateX(-18px);transform:translateX(-18px)}to{-webkit-transform:translateX(-34px);transform:translateX(-34px)}}*{-moz-box-sizing:border-box;box-sizing:border-box}#app,body,html{margin:0;padding:0;width:100%;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;color:transparent;vertical-align:bottom}body{margin:auto;font-family:Montserrat;background:-webkit-gradient(linear,left top,left bottom,from(#9acfda),to(#f3c6f6));background:-webkit-linear-gradient(top,#9acfda,#f3c6f6);background:linear-gradient(180deg,#9acfda,#f3c6f6)}#app{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.heade-placeholder{position:relative;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;flex:none;width:100%;height:50px}.header{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;width:100%;height:50px;padding:0 10px;color:#d47df9;background:-webkit-gradient(linear,left top,left bottom,from(#b9fce7),to(#c5e3ea));background:-webkit-linear-gradient(top,#b9fce7,#c5e3ea);background:linear-gradient(180deg,#b9fce7,#c5e3ea)}.header,.menu-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.menu-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;width:35px;height:35px;padding:4px;border-radius:9999px;background:#fff;cursor:pointer}.menu{width:24px;height:2px;margin-bottom:4px;border-radius:3px;background-color:#ebb2fc}.menu:last-child{margin-bottom:0}.header-categories-box{display:none}.categories-box{overflow:auto;position:absolute;z-index:10;top:100%;left:0;margin:0;padding:0;color:#fff;text-align:left;background:-webkit-gradient(linear,left top,left bottom,from(#b9fce7),to(#c5e3ea));background:-webkit-linear-gradient(top,#b9fce7,#c5e3ea);background:linear-gradient(180deg,#b9fce7,#c5e3ea);list-style:none;height:93vh;overflow-y:auto}.category{display:inline-block;width:100%;padding:4px;border-bottom:1px solid #fff;color:#d47df9}.search-box{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1;max-width:350px;margin:0 10px}.search-input{width:100%;height:30px;padding:0 20px;padding-right:35px;border:none;border-radius:999px;outline:none}.search-icon{position:absolute;top:50%;right:10px;width:20px;height:20px;color:#f8b528;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.search-item-box{position:absolute;z-index:5;top:100%;left:10px;right:10px;margin:0;margin-top:4px;padding:10px 0;border-radius:4px;box-shadow:0 2px 8px #a9a9a9;color:#000;background-color:#fff;list-style-type:none}.search-item{display:block;padding:5px 15px}.game-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.game-icon{overflow:hidden;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;flex:none;display:inline-block;width:120px;height:120px;border:2px solid #fff;border-radius:10px;background-color:#fff}.game-info{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;margin-left:15px;color:#fff;line-height:1.2}.game-name{color:#fff;font-size:16px;font-weight:700}.game-player{margin:4px 0;font-size:12px}.rating{color:#ffe019}.play-btn{overflow:hidden;position:relative;z-index:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;width:100%;height:50px;margin:10px 0;border-radius:9999px;border:2px solid #fff;color:#fff;-webkit-transition:width .5s linear;transition:width .5s linear}.play-btn-progress{position:absolute;z-index:-1;top:0;left:0;width:0;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(#ec6290),to(#e24a74));background:-webkit-linear-gradient(top,#ec6290,#e24a74);background:linear-gradient(180deg,#ec6290,#e24a74)}.play-btn-link{position:relative;z-index:10;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1;text-align:center}.play-amt{-webkit-animation:playAmt .3s infinite;animation:playAmt .3s infinite}.game-desc{position:relative;width:100%;margin:12px auto;padding:12px;padding-bottom:14px;border-radius:16px;color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#dc3466),to(#ec6390));background:-webkit-linear-gradient(top,#dc3466,#ec6390);background:linear-gradient(180deg,#dc3466,#ec6390)}.game-desc p{overflow:hidden;display:-webkit-box;margin:0;font-size:12px;line-height:1.7;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.game-desc p.more{-webkit-line-clamp:9999}.game-info-more{position:absolute;left:0;width:100%;padding:0 12px;font-size:0;text-align:right}.front-recommend{margin-top:14px;color:#fff}.front-title{font-size:15px}.recommend-title{padding:0 10px}.recommend-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:0 10px;margin-bottom:9px}.recommend-list>.game-item{margin-right:9px}.recommend-list>.game-item:nth-child(3n){margin-right:0}.card{margin:0 auto;margin-top:16px;padding:12px;color:#fff;font-size:10px;word-wrap:break-word;word-break:break-word;white-space:normal;line-height:1.8}.inline-flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex}.flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.justify-center{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between}.items-center{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.flex-1{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1}.hidden{display:none!important}[id^=div-gpt-ad-]{text-align:center}.aspect-square{position:relative;padding-bottom:100%}.aspect-square>*{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0}.home-top-game-list{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;margin-bottom:10px}.span-col-2{grid-column:span 2/auto}.span-col-4{grid-column:span 4/auto}.span-col-3{grid-column:span 3/auto}.span-row-2{grid-row:span 2/auto}.search-game-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;margin-bottom:10px}.menu-search{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;width:35px;height:35px;border-radius:9999px;background:#fff}@media (min-width:540px){.heade-placeholder,.header{height:56px}.header{-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start;width:1270px;margin:auto;padding:0}.menu-box,.menu-search{display:none}.header-categories-box{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;margin-left:20px}.header-categories-item{height:56px;padding:0 10px;line-height:56px;cursor:pointer}.header-categories-item-more{position:relative}::-webkit-scrollbar{display:none}.header-categories-item-more-box{position:absolute;right:0;display:none;width:200px;box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.6);background-color:#b8e7e6;height:478px;overflow-y:auto}.header-categories-item:hover .header-categories-item-more-box{display:block}.header-categories-item-more-icon{display:inline-block;width:0;height:0;margin-left:6px;border-style:solid;border-width:4px 4px 0 4px;border-color:#fff transparent transparent transparent}.header-categories-item:hover .header-categories-item-more-icon{border-width:0 4px 4px 4px;border-color:transparent transparent #fff transparent}.header-categories-item-more-item{display:block;padding:10px;border-bottom:1px solid #fff;line-height:1}.search-game-list{grid-template-columns:repeat(6,1fr)}}