#app {
    max-width: 650px;
    margin: 0 auto;
    
    
}

#app,
body,
html {
    height: 100%;
    background: #fff
}

body,
html {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.van-overlay {
    background: rgba(32, 33, 36, .6);
    
}


body {
    height: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif
}

a:active,
a:focus {
    outline: none
}

a,
a:focus,
a:hover {
    cursor: pointer;
    color: inherit;
    text-decoration: none
}

div:focus {
    outline: none
}

img {
    display: block
}

ul li {
    list-style: none
}

@media (min-width:240px) {
    html {
        font-size: 16px
    }
}

@media (min-width:320px) {
    html {
        font-size: 21.33333333px
    }
}

@media (min-width:360px) {
    html {
        font-size: 24px
    }
}

@media (min-width:375px) {
    html {
        font-size: 25px
    }
}

@media (min-width:384px) {
    html {
        font-size: 25.6px
    }
}

@media (min-width:400px) {
    html {
        font-size: 26.66666667px
    }
}

@media (min-width:411px) {
    html {
        font-size: 27.4px
    }
}

@media (min-width:414px) {
    html {
        font-size: 27.6px
    }
}

[data-v-22db399e]::-webkit-scrollbar {
    display: none
}

.head[data-v-22db399e] {
    display: flex;
    align-items: center;
    padding: .24rem .32rem;
    border-bottom: .04rem solid #e5e5e5
}

.head .game[data-v-22db399e] {
    display: flex;
    margin-left: .8rem
}

.head .game img[data-v-22db399e] {
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 15px
}

.head .game .dow[data-v-22db399e] {
    margin-left: .64rem
}

.head .game .dow .tit[data-v-22db399e] {
    font-family: Roboto, Arial, sans-serif;
    font-size: .56rem;
    font-weight: 400;
    line-height: .72rem;
    color: #000
}

.head .game .dow .tit .tip[data-v-22db399e] {
    color: #454545;
    margin: 0 .08rem 0 .32rem
}

.head .game .dow .tit .iconfont[data-v-22db399e] {
    font-size: .48rem
}

.head .game .dow .text[data-v-22db399e] {
    font-family: Roboto, Arial, sans-serif;
    font-size: .48rem;
    font-weight: 400;
    line-height: .56rem;
    color: #979797
}

.filter[data-v-22db399e] {
    margin: auto;
    padding: .8rem .96rem;
    display: flex;
    overflow-x: scroll
}

.filter .icon[data-v-22db399e] {
    font-size: .48rem;
    margin-left: .08rem
}

.filter>div[data-v-22db399e] {
    font-size: .56rem;
    font-weight: 400;
    line-height: .8rem;
    font-family: Roboto, Arial, sans-serif;
    color: #646566;
    white-space: nowrap;
    padding: .28rem .64rem;
    border-radius: .32rem;
    border: .04rem solid #dadce0
}

.filter>div+div[data-v-22db399e] {
    margin-left: .48rem
}

.filter .active[data-v-22db399e] {
    color: #00875f;
    border: transparent;
    background: #e6f3ef
}

.filter[data-v-22db399e] ::-webkit-scrollbar {
    display: none
}

.most[data-v-22db399e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .72rem .96rem;
    border-top: .04rem solid #e5e5e5;
    border-bottom: .04rem solid #e5e5e5
}

.most .txt[data-v-22db399e] {
    font-family: Roboto, Arial, sans-serif;
    font-size: .56rem;
    font-weight: 400;
    line-height: .8rem;
    color: #000
}

.most .right[data-v-22db399e] {
    display: flex;
    align-items: center
}

.most .right .txt[data-v-22db399e] {
    color: #646566;
    margin-right: .24rem
}

.most .right img[data-v-22db399e] {
    width: .96rem;
    height: .96rem
}

.reviewAll[data-v-22db399e] {
    padding: .8rem .96rem 1.2rem
}

.reviewAll>div div+div[data-v-22db399e] {
    margin-top: 1.2rem
}

@font-face {
    font-family: iconfont;
    src: url(data:font/ttf;base64,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) format("truetype")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xingxing:before {
    content: "\e70b"
}

@font-face {
    font-family: Google Sans;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2vgCI.de66e6c1.woff2)format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Google Sans;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2vgCI.de66e6c1.woff2)format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Google Material Icons;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Gw6kwdfw6UnXLJCcmafZyFRXb3BL9rvi0QZG3Q.1152cc6e.woff2)format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/KFOmCnqEu92Fr1Mu4mxK.04198283.woff2)format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Material Icons Extended;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/kJEjBvgX7BgnkSrUwT8UnLVc38YydejYY-oE_LvJ.3a21ecb6.woff2)format("woff2")
}