@font-face {
    font-family: "ComicSimple";
    src: url(../fonts/comic_simple.ff9243a.ttf) format("truetype");
    font-display: swap;
}

.search_box[data-v-940d0e2e] {
    box-sizing: content-box;
    width: 100%;
    max-width: 800px;
    height: 1.867rem;
    padding-top: 15px;
    display: flex;
    align-items: center;
    position: relative
}

.search_box>input[data-v-940d0e2e] {
    width: 95%;
    text-indent: 1.5em;
    color: #000;
    height: 1.867rem;
    margin-right: .107rem;
    font-size: .747rem;
    border: unset;
    border-radius: 0 .427rem .427rem 0;
    box-shadow: 5px 5px 5px gray, -5px -5px 5px #e7e4e4;
    padding-left: 1rem
}

.search_box .back[data-v-940d0e2e],.search_box .clear[data-v-940d0e2e],.search_box .search[data-v-940d0e2e] {
    width: 1.6rem;
    text-align: center;
    position: absolute;
    right: 1.333rem;
    bottom: .307rem
}

.search_box .back[data-v-940d0e2e] {
    left: 0;
    bottom: .3rem;
}

.search_box .clear[data-v-940d0e2e] {
    right: 2.933rem;
    bottom: .213rem
}

.play[data-v-15af9b80] {
    text-align: center;
    width: 3.2rem;
    height: 1.333rem;
    line-height: 1.333rem;
    border-radius: .64rem;
    background: #1de3f5;
    color: #fff;
    font-size: .693rem;
    font-weight: 600
}

.detail[data-v-b5543c6e] {
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding: 1.067rem 1rem .5rem;
    box-sizing: border-box
}

.detail .game_show_box[data-v-b5543c6e] {
    margin: 0 auto;
    margin-top: .3rem
}

.detail .game_show_box>div[data-v-b5543c6e] {
    text-align: center;
    font-size: .5rem
}

.detail .press[data-v-b5543c6e] {
    border-radius: .95rem;
    outline: 1px auto -webkit-focus-ring-color;
    border: 1px solid #fff;
    color: #fff
}

.detail .s_find[data-v-b5543c6e] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .5rem
}

.detail .s_find>div[data-v-b5543c6e] {
    padding: .213rem .693rem;
    margin-right: .5rem;
    margin-bottom: .5rem;
    border-radius: .8rem;
    background: #fff;
    color: #000;
    font-size: .64rem
}

.detail .s_find>div[data-v-b5543c6e]:active {
    background: #e5e3e3
}

.detail .popular_g>p[data-v-b5543c6e] {
    font-size: .747rem;
    font-weight: 700;
    margin: 1.067rem 0 .853rem 0
}

.search_list .game_item>a[data-v-b5543c6e] {
    display: flex;
    justify-content: space-between;
    margin-bottom: .8rem;
    align-items: center
}

.search_list .game_item>a>img[data-v-b5543c6e] {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: .373rem
}

.search_list .game_item>a .info[data-v-b5543c6e] {
    padding: 0 1rem 0 .533rem;
    flex: 1
}

.search_list .game_item>a .info h4[data-v-b5543c6e] {
    font-size: .693rem;
    font-weight: 700
}

.search_list .game_item>a .info>span[data-v-b5543c6e] {
    display: block;
    font-size: .533rem;
    color: #8e8e8e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.search_list .no_more[data-v-b5543c6e] {
    font-size: .587rem;
    color: #a3a3a3;
    text-align: center;
    margin-top: 1.5rem
}

.no_data>img[data-v-b5543c6e] {
    width: 8rem;
    height: 8rem;
    margin: 0 auto;
    display: block
}

.no_data>p[data-v-b5543c6e] {
    padding: 0 2.5rem 0;
    font-size: .64rem;
    color: #a3a3a3;
    text-align: center;
    margin-top: .8rem;
    margin-bottom: 1.067rem
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent
}

.tr {
    border-bottom: 1px solid #000
}

body,html {
    padding: 0;
    min-height: 100vh;
    max-width: 800px;
    margin: 0 auto;
    font-family: "ComicSimple", Arial, sans-serif;
    color: var(--font-color-blank)
}

#category,body,html {
    width: 100%;
    -webkit-overflow-scrolling: touch
}

#category {
    height: 100%;
    font-size: 16px
}

a {
    text-decoration: none;
    color: var(--font-color-blank);
    display: block
}

a,a .game_icon {
    width: 100%;
    height: 100%
}