html{-webkit-text-size-adjust:100%}html:focus-within{scroll-behavior:smooth}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100vh;position:relative;width:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed}*,:after,:before{box-sizing:border-box}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input,input:required{box-shadow:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}input:focus{outline:none}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}a:active,a:hover{outline:none}img{height:auto;max-width:100%;vertical-align:middle}img,picture{display:inline-block}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;background:transparent;border:0;cursor:pointer}button[disabled],html input[disabled]{cursor:default}[disabled]{pointer-events:none}input[type=checkbox],input[type=radio]{padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button{background:transparent;border:0}textarea{overflow:auto;resize:vertical;vertical-align:top}table{border-collapse:collapse;border-spacing:0;text-indent:0}hr{background:#000;border:0;box-sizing:content-box;height:1px;line-height:0;margin:0;overflow:visible;padding:0;page-break-after:always;width:100%}pre{font-family:monospace,monospace;font-size:100%}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:none}code,kbd,pre,samp{font-family:monospace,monospace}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-5px}sup{top:-5px}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0;padding:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;outline:0;padding:0}legend{border:0;color:inherit;display:block;max-width:100%;white-space:normal;width:100%}fieldset{min-width:0}body:not(:-moz-handler-blocked) fieldset{display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}template{display:none}.grid-box{display:grid;grid-auto-rows:.94rem;grid-template-columns:repeat(3,.94rem);grid-gap:.16rem;grid-auto-flow:row dense}.grid-item{--bezier:cubic-bezier(.25,.1,.25,1);border-radius:.2rem;box-shadow:0 .03rem .06rem .01rem #00518f29;-webkit-box-shadow:0 .03rem .06rem .01rem rgba(0,81,143,.16);-moz-box-shadow:0 .03rem .06rem .01rem rgba(0,81,143,.16);display:block;position:relative;transition:transform .6s var(--bezier)}.grid-container{display:grid;grid-template-columns:auto;grid-gap:.16rem}.grid-container .grid-inner-container{display:grid;grid-template-columns:repeat(3,.94rem);grid-gap:.16rem;grid-auto-flow:row dense}.grid-container .grid-area2{grid-template-areas:"area2 area2 ." "area2 area2 ." ". . ."}.grid-container .grid-area2 .grid-item:first-child{grid-area:area2}.grid-container .grid-area3{grid-template-areas:"area3 area3 area3" "area3 area3 area3" "area3 area3 area3"}.grid-container .grid-area3 .grid-item:first-child{grid-area:area3}.grid-container .grid-area4{grid-template-areas:". . ." "area4 area4 ." "area4 area4 ."}.grid-container .grid-area4 .grid-item:nth-child(4){grid-area:area4}.grid-container .grid-area5{grid-template-areas:". . ." ". area5 area5" ". area5 area5"}.grid-container .grid-area5 .grid-item:nth-child(6){grid-area:area5}.grid-container img{display:block;opacity:0;width:100%}.grid-container .recover-icon{left:-13px;position:absolute;top:2px}.grid-container .bBEcwf{border-radius:.16rem;contain:paint;height:100%;left:0;overflow:hidden;top:0;transform:translateZ(0);width:100%}.grid-container .fdGmfj{animation:jygSil 6s linear 6s infinite normal none running;contain:strict;height:200%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translate3d(-50%,0,0);width:200%;will-change:transform,opacity;z-index:3}@keyframes jygSil{0%{opacity:0;transform:translate3d(-55%,-5%,0)}1%{opacity:1;transform:translate3d(-50%,0,0)}10%{opacity:1;transform:translate3d(0,-50%,0)}15%{opacity:0;transform:translate3d(0,-50%,0)}39.99%{opacity:0;transform:translate3d(-55%,-5%,0)}40%{opacity:1;transform:translate3d(-50%,0,0)}50%{opacity:1;transform:translate3d(0,-50%,0)}66%{opacity:0;transform:translate3d(0,-50%,0)}to{opacity:0;transform:translate3d(0,-50%,0)}}.w-full{height:100%;overflow:none;width:100%}.search-container{min-height:100vh;padding-bottom:.1rem;padding-left:.2rem;padding-top:.92rem}.search-box{align-items:center;background-color:#fff;border-radius:0 .1rem .1rem 0;box-shadow:0 .03rem .06rem .01rem #00518f29;-webkit-box-shadow:0 .03rem .06rem .01rem rgba(0,81,143,.16);-moz-box-shadow:0 .03rem .06rem .01rem rgba(0,81,143,.16);display:flex;height:60px;left:0;position:fixed;top:.2rem;width:3.6rem;z-index:999}.search-box .search-left{align-items:center;border-right:.01rem solid #e9e9e9;display:flex;height:100%;padding-left:.16rem;width:.97rem}.search-box .search-left img{height:.34rem;width:.34rem}.search-box .search-left .fav-icon{height:.28rem;width:.28rem}.search-box .search-right{align-items:center;display:flex;position:relative}.search-box .search-right .input-text{border:none;color:#222;font-size:.24rem;height:60px;padding-left:.2rem;width:80%}.search-box .search-right img{height:.3rem;position:absolute;right:.2rem;width:.3rem}.tag-name-box{height:50px;overflow:auto}.tag-name-box::-webkit-scrollbar{display:none}.tag-list{font-size:.16rem;white-space:nowrap}.tag-list .tag-item{background-color:#fff;border-radius:18px;box-shadow:0 .03rem .06rem .01rem #00518f29;color:#d2811a;display:inline-block;font-size:.16rem;margin-right:.16rem;padding:8px 20px;text-align:center}.game-list{margin-top:16px}.recommend-list{display:grid;grid-gap:.16rem;grid-auto-rows:.94rem;grid-template-columns:repeat(3,.94rem)}.recommend-list .recommend-item{background-color:#fff;border-radius:.16rem;display:block;position:relative}.recommend-list .recommend-item .box-img{display:block;height:100%;opacity:0;width:.94rem}.recommend-list .recommend-item .recover-icon{left:-13px;position:absolute;top:2px}.recommend-box{margin-top:.2rem}.recommend-box .title{font-size:.2rem;font-weight:700;margin-bottom:.08rem;text-align:left}.detail-list-container .search-left{align-items:center;background-color:#fff;border-radius:0 20px 20px 0;border-right:1px solid #e9e9e9;box-shadow:0 .03rem .06rem .01rem #00518f29;display:flex;height:40px;padding-left:6px;position:absolute;width:80px;z-index:1000000000000}.detail-list-container .search-left .fav-icon,.detail-list-container .search-left img{height:28px;width:28px}.detail-list-container .iframe-container{background-color:#000;height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:99999}.detail-list-container .iframe-container .iframe-page{height:100%!important;width:100%!important}.detail-list-container .header-box{display:flex;justify-content:flex-end;width:100%}.detail-list-container .header-box .header{align-items:flex-start;background-color:#fff;border-radius:.2rem;display:flex;flex-direction:column;height:.94rem;justify-content:center;padding-left:.2rem;width:2.04rem}.detail-list-container .header-box .header .title{display:-webkit-box;font-size:.2rem;overflow:hidden;text-overflow:ellipsis;width:1.6rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;font:700 1em/1em Torus,sans-serif;font-size:.18rem;margin-bottom:.06rem;text-align:left}.detail-list-container .header-box .header .tip-name{color:#c5c5c5;font-size:.12rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:1.6rem}.detail-list-container .grid-pageGamer{margin:.16rem 0;position:relative}.detail-list-container .grid-pageGamer,.detail-list-container .grid-pageGamer .cover-img{border-radius:.2rem;display:block;height:3.14rem;width:3.14rem}.detail-list-container .grid-pageGamer .mask{background-color:#00000080;border-radius:.2rem;height:3.14rem;left:0;position:absolute;top:0;width:3.14rem}.detail-list-container .grid-pageGamer .box-start{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.detail-list-container .grid-pageGamer .play-tip{color:#fff;font-size:.2rem;font-weight:700;margin-top:.06rem;text-shadow:rgba(0,0,0,.24) 0 2px 6px}@font-face{font-display:swap;font-family:Proxima Nova;font-weight:400;src:url(https://a.poki.com/fonts/proxima-nova-regular-cyrillic.woff2) format("woff2"),url(https://a.poki.com/fonts/proxima-nova-regular-cyrillic.woff) format("woff");unicode-range:u+04??}@font-face{font-display:swap;font-family:Proxima Nova;font-weight:400;src:url(https://a.poki.com/fonts/proxima-nova-regular-greek-coptic.woff2) format("woff2"),url(https://a.poki.com/fonts/proxima-nova-regular-greek-coptic.woff) format("woff");unicode-range:u+0370-03ff}@font-face{font-display:swap;font-family:Proxima Nova;font-weight:400;src:url(https://a.poki.com/fonts/proxima-nova-regular-latin.woff2) format("woff2"),url(https://a.poki.com/fonts/proxima-nova-regular-latin.woff) format("woff");unicode-range:u+0020-007f,u+00a0-00ff}@font-face{font-display:swap;font-family:Proxima Nova;font-weight:400;src:url(https://a.poki.com/fonts/proxima-nova-regular-latin-ext-a.woff2) format("woff2"),url(https://a.poki.com/fonts/proxima-nova-regular-latin-ext-a.woff) format("woff");unicode-range:u+0100-017f}@font-face{font-display:swap;font-family:Proxima Nova;font-weight:400;src:url(https://a.poki.com/fonts/proxima-nova-regular-latin-ext-b.woff2) format("woff2"),url(https://a.poki.com/fonts/proxima-nova-regular-latin-ext-b.woff) format("woff");unicode-range:u+0180-024f}@font-face{font-display:swap;font-family:Proxima Nova;font-weight:700;src:url(https://a.poki.com/fonts/proxima-nova-bold-cyrillic.woff2) format("woff2"),url(https://a.poki.com/fonts/proxima-nova-bold-cyrillic.woff) format("woff");unicode-range:u+04??}@font-face{font-display:swap;font-family:Proxima Nova;font-weight:700;src:url(https://a.poki.com/fonts/proxima-nova-bold-greek-coptic.woff2) format("woff2"),url(https://a.poki.com/fonts/proxima-nova-bold-greek-coptic.woff) format("woff");unicode-range:u+0370-03ff}@font-face{font-display:swap;font-family:Proxima Nova;font-weight:700;src:url(https://a.poki.com/fonts/proxima-nova-bold-latin.woff2) format("woff2"),url(https://a.poki.com/fonts/proxima-nova-bold-latin.woff) format("woff");unicode-range:u+0020-007f,u+00a0-00ff}@font-face{font-display:swap;font-family:Proxima Nova;font-weight:700;src:url(https://a.poki.com/fonts/proxima-nova-bold-latin-ext-a.woff2) format("woff2"),url(https://a.poki.com/fonts/proxima-nova-bold-latin-ext-a.woff) format("woff");unicode-range:u+0100-017f}@font-face{font-display:swap;font-family:Proxima Nova;font-weight:700;src:url(https://a.poki.com/fonts/proxima-nova-bold-latin-ext-b.woff2) format("woff2"),url(https://a.poki.com/fonts/proxima-nova-bold-latin-ext-b.woff) format("woff");unicode-range:u+0180-024f}@font-face{font-display:swap;font-family:Torus;font-weight:700;src:url(https://a.poki.com/fonts/torus-bold-latin.woff2) format("woff2"),url(https://a.poki.com/fonts/torus-bold-latin.woff) format("woff");unicode-range:u+0020-007f,u+00a0-00ff}@font-face{font-display:swap;font-family:Torus;font-weight:700;src:url(https://a.poki.com/fonts/torus-bold-latin-ext-a.woff2) format("woff2"),url(https://a.poki.com/fonts/torus-bold-latin-ext-a.woff) format("woff");unicode-range:u+0100-017f}@font-face{font-display:swap;font-family:Torus;font-weight:700;src:url(https://a.poki.com/fonts/torus-bold-latin-ext-b.woff2) format("woff2"),url(https://a.poki.com/fonts/torus-bold-latin-ext-b.woff) format("woff");unicode-range:u+0180-024f}:root{--offset:-1.57rem}body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin:0;padding:0;text-align:center}.page-container{background-color:#42e2e2;min-height:100vh!important;position:relative}.bg-icon,.bg-icon2{left:-.4rem;position:fixed;top:0;width:100%;z-index:0}.bg-icon2{left:0;top:4rem}.page-views{position:relative;z-index:999}.home-container{display:flex;flex-direction:column;justify-content:space-between;margin:0;min-height:100vh;width:100%}.router-view-box{display:flex;justify-content:center;padding:.2rem 0 0}