@font-face{font-family:Montserrat;src:url(/fonts/Montserrat.d2169468.woff2)}::-webkit-scrollbar{width:0;height:2px}body::-webkit-scrollbar{width:0}@-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%;height:100%}a{color:inherit;text-decoration:none}img{max-width:100%;height:100%;color:transparent;vertical-align:bottom}body{margin:auto;font-family:Montserrat;background-color:#eff1f4;overflow:auto}#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}.black_screen{top:0;left:0;position:fixed;width:100%;height:130%;background-color:#000;z-index:9;opacity:.5}.mo-header-search{height:100%;height:77px;background-color:#fff;border-radius:10px}.header,.mo-header-search{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;box-shadow:0 0 10px rgba(0,0,0,.4)}.header{height:100%;height:50px;background-color:#d50000}.mo-header{width:100%;height:100%;height:50px;background-color:#fff;text-align:center}.header-logo,.mo-header{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}.header-logo{margin-left:50px;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.header-btns{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;width:300px}.header-searchover{padding-top:5px;height:65px;width:60px}.logo-down-down{-webkit-animation:down_animation .8s ease-in-out .5s infinite;animation:down_animation .8s ease-in-out .5s infinite}.header-menu{margin-left:0;margin-top:120px;border-radius:0 0 10px 10px;width:100%;height:0;background-color:#fff;position:absolute;z-index:5;overflow-y:scroll;-webkit-transition:height .3s ease;transition:height .3s ease;-webkit-transform-origin:center top;transform-origin:center top}.menu-fade{height:430px}.mobile-menu{background-color:#fff;position:fixed;top:0;left:0;width:100%;height:100%}.mobile-menu-body{padding:65px 15px 20px;top:0;height:100vh;overflow-y:auto;margin:15px}.menu-button{background-color:#fff;max-width:45px;border-radius:10px;height:42px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;width:42px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-transition:all .6s ease;transition:all .6s ease;margin-left:20px;z-index:999}.menu-button svg{display:block;width:25px;height:30px}.search-botm{background-color:#fff;width:42px;height:42px;border-radius:10px;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;margin-right:20px}.menu-inside,.search-botm{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-inside{margin-bottom:10px;border-radius:5px;font-weight:700;font-size:14px;padding:20px 20px;overflow:hidden;color:#fff}.m-menu-inside{margin-bottom:40px;width:100%}.m-menu-inside ul{margin:0;padding:0;list-style:none}.m-menu-inside ul li{display:block}.show-all-categories-button{background:#001e4d;margin-bottom:10px;border-radius:5px;color:#fff;font-weight:700;font-size:14px;padding:20px 15px;overflow:hidden;-webkit-box-pack:left;-webkit-justify-content:left;-moz-box-pack:left;justify-content:left;text-align:left}.show-all-categories-button,.show-all-categories-button a{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}.show-all-categories-button a{width:100%}@-webkit-keyframes down_animation{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes down_animation{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.menu-box{cursor:pointer}.menu{width:24px;height:3px;margin-bottom:3px;border-radius:3px;box-shadow:1px 1px 3px #a0631c;background-color:#fffde5}.header-categories-box{display:none}.bottom-category{display:grid;grid-template-columns:repeat(auto-fill,210px);grid-auto-flow:row dense;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;grid-gap:0;margin:23px auto 0 auto;grid-column-start:span 2}.gird-pc-bottom{display:grid;grid-template-columns:repeat(auto-fill,145px);grid-auto-rows:auto;grid-auto-flow:dense;grid-gap:10px}.grid-load{grid-area:1/3/span 2/span 5}.grid-load1{grid-area:3/3/span 2/span 5}.category-div{overflow:hidden;height:80px;padding:5px 12px;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;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.header-menu-class{width:100%;height:60px;-webkit-box-pack:left;-webkit-justify-content:left;-moz-box-pack:left;justify-content:left;border-radius:10px;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-box-orient:horizontal;flex-direction:row;background-color:#fff;padding:5px 0 5px 10px}.header-menu-class,.header-menu-test{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.header-menu-test{color:#000;font-size:14px;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-box-orient:vertical;flex-direction:column;text-align:center;font-weight:300;padding:0 0}.categories-box{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-box-orient:vertical;flex-direction:column;list-style:none;padding:0}.categories-box,.items{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal}.items{-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-box-orient:horizontal;flex-direction:row;cursor:pointer;color:#000;font-size:19px;font-weight:900;width:100%;border-radius:10px;text-align:left;-webkit-box-pack:left;-webkit-justify-content:left;-moz-box-pack:left;justify-content:left;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-transition:all .6s ease;transition:all .6s ease}.header-menu-class-img{padding-left:45px;background-repeat:no-repeat;background-size:27px;background-position:.625rem}.items:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.search-box{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1;max-width:350px;margin:0 10px;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}.search-input{width:100%;height:30px;padding:0 20px;padding-right:35px;border:none;border-radius:5px;outline:none;border:1px solid #f5f5f5;background-color:#f5f5f5;font-weight:600;font-size:15px}.flex-class{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1}.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-box{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:200px;border-radius:10px;margin:10px;-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-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.game-box{width:120px;height:120px;border:2px solid #fff;border-radius:6px;overflow:hidden;margin-bottom:15px;background-repeat:no-repeat;background-position:50%;background-size:cover;margin-top:30px}.game-box-bg{position:absolute;left:0;top:0;border-radius:10px;width:100%;height:200px;z-index:1}.game-icon{overflow:hidden;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;flex:none;display:inline-block;width:140px;height:140px;border-radius:50%}.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:300}.game-player{margin:4px 0;font-size:12px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.rating{color:#ffe019;margin-right:10px}.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:75%;height:42px;margin:10px auto;border-radius:22px;color:#fff;-webkit-transition:width .5s linear;transition:width .5s linear;box-shadow:0 4px 10px 0 rgba(0,0,0,.5)}.play-btn-progress{position:absolute;z-index:-1;top:0;left:0;width:0;height:100%;background-color:#fff}.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:0 auto 0;padding:12px;padding-bottom:14px;border-radius:5px;box-shadow:0 3px 8px 0 rgba(31,31,31,.4);color:#fff;background-color:#3333}.game-desc p{overflow:hidden;display:-webkit-box;margin:0;font-size:12px;line-height:1.7;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.game-desc p.more{-webkit-line-clamp:9999}.game-desc-text{position:relative;width:100%}.game-desc-text 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-text p.more{-webkit-line-clamp:9999}.game-info-more{position:absolute;left:0;width:100%;padding:0 12px;font-size:0;text-align:right;height:10px}.front-recommend{margin-top:14px;color:#000;background:#fff;padding:10px;margin:5px 5px 0 5px;border-radius:10px}.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 10px;margin-top:16px;padding:12px;color:#000;font-size:14px;word-wrap:break-word;word-break:break-word;white-space:normal;line-height:1.8;background-color:#fff;border-radius:10px}.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}.aspect-square>*{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0;overflow:hidden}.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{background:#fff;grid-template-columns:repeat(auto-fill,minmax(31%,auto));grid-gap:10px}.search-game-list,.search-game-listpc{display:grid;grid-auto-rows:auto;grid-auto-flow:dense;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.search-game-listpc{padding:10px;grid-template-columns:repeat(auto-fill,minmax(145px,0fr));grid-gap:10px;margin:0 auto}.search-game-listpc,.title-div{background-color:#fff}.header-class{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;color:#fff;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;font-weight:500;font-size:15px;overflow:hidden;width:60%;overflow-x:auto;-webkit-box-pack:end;-webkit-justify-content:end;-moz-box-pack:end;justify-content:end}.header-hover{background-color:#ed008c}.header-hover,.header-hover1{-webkit-transition:all .6s ease;transition:all .6s ease}.header-hover1{background-color:#ff723d}.header-hover2{background-color:#8cc63e}.header-hover2,.header-hover3{-webkit-transition:all .6s ease;transition:all .6s ease}.header-hover3{background-color:#fff}.header-hover:hover{-webkit-transition:all .6s ease;transition:all .6s ease;background-color:#ff2aa8}.header-hover1:hover{background-color:#ff723d}.header-hover2:hover{background-color:#9ee541}.header-hover3:hover{background-color:#1c5fb7}.header-center{margin:0;height:100%;padding:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.header-centers{width:1px;height:15px;margin:5px 10px;background-color:#fff}.header-categories-item{height:56px;padding:0 10px;line-height:56px;cursor:pointer}.header-categories-item:hover{background-color:#91000a}.header-categories-item-more-box{position:absolute;display:none;width:150px;text-align:center;margin-left:-10px;margin-top:-5px;box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.6);background-color:#d50000;max-height:478px;overflow-y:auto}.header-categories-item:hover .header-categories-item-more-box{display:block}.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 #700a27;line-height:1}@media (max-width:655px){.title-div{max-width:505px}}@media (max-width:540px){.header-menu{margin-top:121px}.flex-class{display:none}.category-div{width:100%;height:70px;padding:5px 2px}}@media (max-width:457px){.header-menu{margin-top:109px}}@media (max-width:425px){.header-menu{margin-top:101px}.items{font-size:16px;padding:0}.category-div{width:100%}}@media (max-width:413px){.header-menu{margin-top:93px}}@media (max-width:375px){.header-menu{margin-top:84px}}@media (max-width:355px){.header-menu{margin-top:79px}}@media (max-width:340px){.header-menu{margin-top:75px}.header-menu-class-img{background-size:20px}.items{font-size:14px;height:45px}.category-div{width:100%;height:60px}}@media (max-width:325px){.header-menu{margin-top:71px}}.main-box{min-width:320px}