.error[data-v-2b683761] {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    width: 100%
}

.error-title[data-v-2b683761] {
    color: #fff;
    font-family: Heebo-Bold;
    font-size: 22px;
    line-height: 32px;
    padding: 0 5%;
    text-align: center
}

.error-link[data-v-2b683761] {
    align-items: center;
    background-color: #ff0;
    border-radius: 12px;
    color: #2a2d80;
    display: block;
    display: flex;
    display: -ms-flexbox;
    font-family: Heebo-Bold;
    font-size: 15px;
    height: 60px;
    justify-content: center;
    margin-top: 30px;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 320px
}

@media(max-width: 750px) {
    .error-title[data-v-2b683761] {
        font-size:4.2666666667vw;
        line-height: 6.4vw
    }

    .error-link[data-v-2b683761] {
        border-radius: 2.6666666667vw;
        font-size: 3.2vw;
        height: 9.0666666667vw;
        margin-top: 4vw;
        width: 48vw
    }
}

.category .h5Ad[data-v-8dc80afa] {
    display: none;
}

@media (max-width: 750px) {
    .category .h5Ad[data-v-8dc80afa] {
        display: block;
        margin-top: 6.6666666667vw;
        width: 93.3333333333vw;
    }
}

[v-cloak][data-v-5c90992c] {
    display: none!important
}

.main[data-v-5c90992c] {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    min-height: 100vh;
    position: relative
}

.main[data-v-5c90992c]:before {
    background: linear-gradient(173deg,#1d2731 -42.01%,rgba(29,39,49,0) 68.84%);
    content: "";
    height: 350px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.casino .footer[data-v-5c90992c] {
    width: 99%
}

.casino .footer[data-v-5c90992c] .footer__top__main,.casino .footer[data-v-5c90992c] .footer__top__submit {
    background: rgba(0,0,0,.4)
}

.casino .footer[data-v-5c90992c] .footer__bottom {
    background: #33013b
}

.casino[data-v-5c90992c]:before {
    background: linear-gradient(190deg,#701b5b 13.27%,rgba(247,72,38,0) 37.01%)
}

@media(max-width: 750px) {
    .main[data-v-5c90992c]:before {
        height:93.3333333333vw
    }
}

.header[data-v-19334ecc] {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    flex-shrink: 0;
    height: 120px;
    max-width: 1706px;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%
}

.header .logo[data-v-19334ecc] {
    /* background: url(/_nuxt/img/logo.323dd22.png) no-repeat 0; */
    background-size: contain;
    flex-shrink: 0;
    /* height: 68px; */
    /* width: 200px */
}

.header .pcActive[data-v-19334ecc] {
    flex-shrink: 0;
    height: 64px;
    margin-left: auto
}

.header .pcActive .menu-item[data-v-19334ecc],.header .pcActive .menu[data-v-19334ecc],.header .pcActive[data-v-19334ecc] {
    align-items: center;
    display: flex;
    display: -ms-flexbox
}

.header .pcActive .menu-item[data-v-19334ecc] {
    flex-shrink: 0;
    height: 24px;
    margin-right: 27px
}

.header .pcActive .menu-item svg[data-v-19334ecc] {
    fill: hsla(0,0%,100%,.6);
    margin-bottom: 4px;
    margin-right: 6px;
    transition: fill .3s
}

.header .pcActive .menu-item .path[data-v-19334ecc] {
    color: hsla(0,0%,100%,.6);
    font-family: Heebo-Bold;
    font-size: 24px;
    line-height: 35px;
    transition: color .3s
}

.header .pcActive .menu-item .recent[data-v-19334ecc] {
    background-color: #08d57f;
    border-radius: 32px;
    display: flex;
    display: -ms-flexbox;
    gap: 6px;
    height: 64px;
    margin-left: 10px;
    padding: 10px
}

.header .pcActive .menu-item.active svg[data-v-19334ecc] {
    fill: #fff
}

.header .pcActive .menu-item.active .path[data-v-19334ecc] {
    color: #fff
}

.header .pcActive .menu-item:hover svg[data-v-19334ecc] {
    fill: #fff
}

.header .pcActive .menu-item:hover .path[data-v-19334ecc] {
    color: #fff
}

.header .pcActive .menu-item[data-v-19334ecc]:last-child {
    margin-right: 0
}

.header .pcActive .search-btn[data-v-19334ecc] {
    align-items: center;
    background-color: #ef2391;
    border-radius: 20px;
    display: flex;
    display: -ms-flexbox;
    height: 39px;
    margin-left: 20px;
    margin-right: 3px;
    width: 174px
}

.header .pcActive .search-btn img[data-v-19334ecc] {
    height: 24px;
    margin-bottom: 3px;
    margin-left: 14px;
    margin-right: 20px;
    width: 24px
}

.header .pcActive .search-btn span[data-v-19334ecc] {
    font-family: Heebo-Bold;
    font-size: 20px;
    line-height: 32px
}

.header .pcActive .search-btn[data-v-19334ecc]:hover {
    background-color: #ff03a9
}

.header .h5Active[data-v-19334ecc] {
    display: none
}

@media(max-width: 1760px) {
    .header[data-v-19334ecc] {
        max-width:1544px
    }
}

@media(max-width: 1604px) {
    .header[data-v-19334ecc] {
        max-width:1388px
    }
}

@media(max-width: 1448px) {
    .header[data-v-19334ecc] {
        max-width:1232px
    }

    .header .pcActive .menu .recent[data-v-19334ecc] {
        display: none
    }
}

@media(max-width: 1292px) {
    .header[data-v-19334ecc] {
        max-width:1076px
    }

    .header .pcActive[data-v-19334ecc] {
        display: none
    }

    .header .h5Active[data-v-19334ecc] {
        margin-left: auto
    }

    .header .h5Active .h5menu[data-v-19334ecc],.header .h5Active[data-v-19334ecc] {
        align-items: center;
        display: flex;
        display: -ms-flexbox;
        height: 68px
    }

    .header .h5Active .h5menu[data-v-19334ecc] {
        background-color: #f12c4c;
        border-radius: 16px;
        justify-content: center;
        width: 72px
    }

    .header .h5Active .h5menu img[data-v-19334ecc] {
        width: 36px
    }

    .header .h5Active .h5search[data-v-19334ecc] {
        height: 38px;
        margin-left: 28px;
        width: 38px
    }

    .header .h5Active .h5search img[data-v-19334ecc] {
        height: 100%;
        width: 100%
    }
}

@media(max-width: 1136px) {
    .header[data-v-19334ecc] {
        max-width:920px
    }
}

@media(max-width: 980px) {
    .header[data-v-19334ecc] {
        max-width:764px
    }
}

@media(max-width: 824px) {
    .header[data-v-19334ecc] {
        max-width:608px
    }
}

@media(max-width: 750px) {
    .header[data-v-19334ecc] {
        max-width: 100%;
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 2.6666666667vw;
        padding-right: 3.7333333333vw
    }

    .header .logo[data-v-19334ecc] {
        margin-right: auto;
    }

    .header .h5Active[data-v-19334ecc] {
        height: 9.0666666667vw;
        /* margin-bottom: 1.8666666667vw; */
        margin-left: 3.7333333333vw
    }

    .header .h5Active .h5menu[data-v-19334ecc] {
        border-radius: 2.1333333333vw;
        height: 9.0666666667vw;
        width: 9.6vw
    }

    .header .h5Active .h5menu img[data-v-19334ecc] {
        width: 4.8vw
    }

    .header .h5Active .h5search[data-v-19334ecc] {
        height: 5.0666666667vw;
        margin-left: 3.7333333333vw;
        width: 5.0666666667vw
    }
}

.download[data-v-8bb7b134] {
    align-items: center;
    background: #08d57f;
    border-radius: 48px;
    display: flex;
    display: -ms-flexbox;
    flex-shrink: 0;
    height: 34px;
    margin-bottom: 15px;
    margin-left: 42px;
    padding-left: 16px;
    width: 160px
}

.download img[data-v-8bb7b134] {
    display: block;
    filter: brightness(0) invert(1);
    height: 10px;
    margin-right: 10px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 10px
}

.download span[data-v-8bb7b134] {
    color: #fff;
    font-family: Heebo-Bold;
    font-size: 12px;
    line-height: 18px
}

.download span.h5[data-v-8bb7b134] {
    display: none
}

.download[data-v-8bb7b134]:hover {
    box-shadow: 0 0 30px rgba(255,255,0,.3)
}

@media(max-width: 1292px) {
    .download[data-v-8bb7b134] {
        margin-bottom:10px
    }
}

@media(max-width: 750px) {
    .download[data-v-8bb7b134] {
        border-radius:12.8vw;
        height: 9.0666666667vw;
        margin-bottom: 1.8666666667vw;
        margin-left: auto;
        padding-left: 4vw;
        width: 22.9333333333vw
    }

    .download img[data-v-8bb7b134] {
        height: 2.6666666667vw;
        margin-bottom: .5333333333vw;
        margin-right: 1.6vw;
        width: 2.6666666667vw
    }

    .download span[data-v-8bb7b134] {
        font-size: 2.6666666667vw;
        line-height: 4vw
    }

    .download span.pc[data-v-8bb7b134] {
        display: none
    }

    .download span.h5[data-v-8bb7b134] {
        display: block
    }

    .download[data-v-8bb7b134]:hover {
        box-shadow: 0 0 8vw rgba(255,255,0,.3)
    }
}

.header__recent[data-v-7e7f5321] {
    border: 2px solid #7a2ce5;
    border-radius: 50%;
    height: 44px;
    overflow: hidden;
    transition: transform .3s;
    width: 44px
}

.header__recent img[data-v-7e7f5321] {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.header__recent[data-v-7e7f5321]:hover {
    transform: scale(1.2)
}

.mobile .showH5[data-v-7e7f5321] {
    display: block!important
}

.desktop .showH5[data-v-7e7f5321],.mobile .showPc[data-v-7e7f5321] {
    display: none!important
}

.desktop .showPc[data-v-7e7f5321] {
    display: block!important
}

.footer[data-v-26de15c8] {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    flex-shrink: 0;
    margin-top: auto;
    padding-top: 52px;
    width: 100%
}

.footer__top[data-v-26de15c8] {
    max-width: 1700px;
    position: relative;
    width: 100%;
    z-index: 1
}

.footer__top__us[data-v-26de15c8] {
    font-family: Heebo-Bold;
    font-size: 26px;
    line-height: 38px;
    margin-top: 52px
}

.footer__top__us.subscription[data-v-26de15c8] {
    margin-top: 0
}

.footer__top__main[data-v-26de15c8] {
    background-color: var(--box-color);
    border-radius: 16px;
    color: #fff;
    font-family: Heebo;
    font-size: 20px;
    line-height: 34px;
    margin-top: 20px;
    padding: 36px 42px 44px
}

.footer__top__main a[data-v-26de15c8] {
    color: #ff0;
    font-family: Heebo-Bold
}

.footer__top__submit[data-v-26de15c8] {
    background: var(--box-color);
    border-radius: 16px;
    margin-top: 20px;
    padding: 36px 42px 54px;
    width: 100%
}

.footer__top__submit .title[data-v-26de15c8] {
    color: #fff;
    font-family: Heebo;
    font-size: 20px;
    line-height: 34px
}

.footer__top__submit .handle[data-v-26de15c8] {
    display: flex;
    display: -ms-flexbox;
    height: 64px;
    justify-content: space-between;
    margin-top: 20px
}

.footer__top__submit .handle input[data-v-26de15c8] {
    background-color: #fff;
    border-radius: 12px;
    color: #2a2d80;
    flex: 1;
    font-family: Heebo-Medium;
    font-size: 16px;
    height: 100%;
    min-width: 0;
    padding: 0 26px
}

.footer__top__submit .handle button[data-v-26de15c8] {
    background: linear-gradient(180deg,#0ed883,#04d47c);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,.25);
    color: #fff;
    flex-shrink: 0;
    font-family: Heebo-Medium;
    font-size: 18px;
    height: 100%;
    margin-left: 21px;
    width: 176px
}

.footer__top__submit .handle button[data-v-26de15c8]:hover {
    background-color: #04d47c
}

.footer__bottom[data-v-26de15c8] {
    background-color: #1c262f;
    margin-top: 92px;
    padding: 30px 0;
    position: relative;
    width: 100%
}

.footer__bottom__link[data-v-26de15c8] {
    margin: 0 auto;
    max-width: 1700px;
    width: 100%
}

.footer__bottom__link .links[data-v-26de15c8],.footer__bottom__link[data-v-26de15c8] {
    align-items: center;
    display: flex;
    display: -ms-flexbox
}

.footer__bottom__link .links[data-v-26de15c8] {
    flex-wrap: wrap
}

.footer__bottom__link .links a[data-v-26de15c8] {
    color: #fff;
    font-family: Heebo;
    font-size: 18px;
    height: 34px;
    line-height: 34px;
    padding: 0 12px 0 10px;
    position: relative;
    transition: color .3s
}

.footer__bottom__link .links a[data-v-26de15c8]:hover {
    color: #ff0
}

.footer__bottom__link .links a[data-v-26de15c8]:after {
    background-color: #fff;
    content: "";
    height: 20px;
    position: absolute;
    right: 0;
    top: 7px;
    width: 2px
}

.footer__bottom__link .links a[data-v-26de15c8]:last-child {
    padding: 0 0 0 10px
}

.footer__bottom__link .links a[data-v-26de15c8]:last-child:after {
    content: none
}

.footer__bottom__link .links a[data-v-26de15c8]:first-child {
    padding: 0 12px 0 0
}

.footer__bottom__link span[data-v-26de15c8] {
    font-family: Heebo-Light;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 2px;
    margin-left: auto
}

@media(max-width: 1760px) {
    .footer__bottom__link[data-v-26de15c8],.footer__top[data-v-26de15c8] {
        max-width:1544px
    }
}

@media(max-width: 1604px) {
    .footer__bottom__link[data-v-26de15c8],.footer__top[data-v-26de15c8] {
        max-width:1388px
    }
}

@media(max-width: 1448px) {
    .footer__bottom__link[data-v-26de15c8],.footer__top[data-v-26de15c8] {
        max-width:1232px
    }
}

@media(max-width: 1292px) {
    .footer__bottom__link[data-v-26de15c8],.footer__top[data-v-26de15c8] {
        max-width:1076px
    }
}

@media(max-width: 1136px) {
    .footer__bottom__link[data-v-26de15c8],.footer__top[data-v-26de15c8] {
        max-width:920px
    }
}

@media(max-width: 980px) {
    .footer__top[data-v-26de15c8] {
        max-width:764px
    }

    .footer__bottom__link[data-v-26de15c8] {
        flex-direction: column;
        max-width: 764px
    }

    .footer__bottom__link span[data-v-26de15c8] {
        margin-bottom: 0;
        margin-right: auto;
        margin-top: 10px
    }
}

@media(max-width: 824px) {
    .footer__bottom__link[data-v-26de15c8],.footer__top[data-v-26de15c8] {
        max-width:608px
    }
}

@media(max-width: 750px) {
    .footer[data-v-26de15c8] {
        padding-top:5.3333333333vw
    }

    .footer__top[data-v-26de15c8] {
        max-width: 93.3333333333vw
    }

    .footer__top__us[data-v-26de15c8] {
        font-size: 4.2666666667vw;
        line-height: 6.4vw;
        margin-top: 4vw;
        padding-left: 2.6666666667vw
    }

    .footer__top__main[data-v-26de15c8] {
        font-size: 16px;
        line-height: 22px;
        padding: 3.7333333333vw
    }

    .footer__top__main[data-v-26de15c8],.footer__top__submit[data-v-26de15c8] {
        border-radius: 2.6666666667vw;
        margin-top: 1.8666666667vw
    }

    .footer__top__submit[data-v-26de15c8] {
        padding: 3.7333333333vw 3.7333333333vw 6.4vw
    }

    .footer__top__submit .title[data-v-26de15c8] {
        font-size: 2.6666666667vw;
        line-height: 3.7333333333vw
    }

    .footer__top__submit .handle[data-v-26de15c8] {
        flex-direction: column;
        height: 20.8vw;
        margin-top: 2.6666666667vw
    }

    .footer__top__submit .handle input[data-v-26de15c8] {
        flex: none;
        padding: 0 2.6666666667vw
    }

    .footer__top__submit .handle button[data-v-26de15c8],.footer__top__submit .handle input[data-v-26de15c8] {
        border-radius: 2.1333333333vw;
        font-size: 2.6666666667vw;
        height: 9.0666666667vw
    }

    .footer__top__submit .handle button[data-v-26de15c8] {
        box-shadow: 0 1.0666666667vw 5.3333333333vw rgba(0,0,0,.25);
        flex-shrink: 0;
        margin-left: 0;
        width: 26.6666666667vw
    }

    .footer__bottom[data-v-26de15c8] {
        margin-top: 8vw;
        padding: 4vw 0
    }

    .footer__bottom__link[data-v-26de15c8] {
        max-width: 93.3333333333vw
    }

    .footer__bottom__link .links[data-v-26de15c8] {
        justify-content: center
    }

    .footer__bottom__link .links a[data-v-26de15c8] {
        font-size: 12px;
        height: 3.7333333333vw;
        line-height: 16px;
        margin: 1.3333333333vw 0;
        padding: 0 1.6vw 0 1.3333333333vw
    }

    .footer__bottom__link .links a[data-v-26de15c8]:after {
        height: 100%;
        top: 0;
        width: .2666666667vw
    }

    .footer__bottom__link .links a[data-v-26de15c8]:last-child {
        padding: 0 0 0 1.3333333333vw
    }

    .footer__bottom__link .links a[data-v-26de15c8]:first-child {
        padding: 0 1.6vw 0 0
    }

    .footer__bottom__link span[data-v-26de15c8] {
        font-family: Heebo-Medium;
        font-size: 12px;
        line-height: 16px;
        margin-top: 2.6666666667vw
    }
}

.classify[data-v-f10b1f92] {
    border-radius: 14px;
    box-shadow: 0 7px 21px 0 hsla(0,0%,4%,.3);
    cursor: pointer;
    height: 86px;
    width: 100%
}

.classify[data-v-f10b1f92],.classify__left[data-v-f10b1f92] {
    display: flex;
    display: -ms-flexbox
}

.classify__left[data-v-f10b1f92] {
    align-items: center;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background-color: var(--box-color);
    border-radius: 14px 0 0 14px;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    transform: translate(0,0,0);
    -webkit-transform: translateZ(0);
    width: 86px
}

.classify__left img[data-v-f10b1f92] {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .3s;
    width: 100%
}

.classify__right[data-v-f10b1f92] {
    align-items: center;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: linear-gradient(180deg,rgba(0,0,0,.2) 0,transparent 100%),var(--box-color);
    border-radius: 0 14px 14px 0;
    display: flex;
    display: -ms-flexbox;
    flex: 1;
    font-family: Heebo-Medium;
    font-size: 17px;
    line-height: 19px;
    min-width: 0;
    overflow: hidden;
    padding-left: 22px;
    text-transform: uppercase;
    transform: translate(0,0,0);
    -webkit-transform: translateZ(0)
}

.classify:hover .classify__left[data-v-f10b1f92] {
    border: 2px solid #fff
}

.classify:hover .classify__left img[data-v-f10b1f92] {
    transform: scale(1.5)
}

.classify:hover .classify__right[data-v-f10b1f92] {
    border: 2px solid #fff;
    border-left: none
}

@media(max-width: 750px) {
    .classify[data-v-f10b1f92] {
        border-radius:2.6666666667vw;
        box-shadow: 0 1.3333333333vw 4vw 0 hsla(0,0%,4%,.3);
        height: 15.4666666667vw
    }

    .classify__left[data-v-f10b1f92] {
        border-radius: 2.6666666667vw 0 0 2.6666666667vw;
        width: 15.4666666667vw
    }

    .classify__right[data-v-f10b1f92] {
        border-radius: 0 2.6666666667vw 2.6666666667vw 0;
        font-size: 3.2vw;
        line-height: 3.7333333333vw;
        padding-left: 3.7333333333vw
    }

    .classify:hover .classify__left[data-v-f10b1f92] {
        border: none
    }

    .classify:hover .classify__left img[data-v-f10b1f92] {
        transform: scale(1)
    }

    .classify:hover .classify__right[data-v-f10b1f92] {
        border: none
    }
}

.loading-box[data-v-d203c8e0] {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100001
}

.loading-box .loader[data-v-d203c8e0],.loading-box .loader[data-v-d203c8e0]:after,.loading-box .loader[data-v-d203c8e0]:before {
    animation-fill-mode: both;
    animation: load7-d203c8e0 1.8s ease-in-out infinite;
    border-radius: 50%;
    height: 2.5em;
    width: 2.5em
}

.loading-box .loader[data-v-d203c8e0] {
    animation-delay: -.16s;
    color: #fff;
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0)
}

.loading-box .loader[data-v-d203c8e0]:after,.loading-box .loader[data-v-d203c8e0]:before {
    content: "";
    position: absolute;
    top: 0
}

.loading-box .loader[data-v-d203c8e0]:before {
    animation-delay: -.32s;
    left: -3.5em
}

.loading-box .loader[data-v-d203c8e0]:after {
    left: 3.5em
}

@keyframes load7-d203c8e0 {
    0%,80%,to {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

.dialog[data-v-30e00cba] {
    overflow: hidden;
    position: fixed;
    z-index: 7
}

.dialog[data-v-30e00cba],.dialog__mask[data-v-30e00cba] {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.dialog__mask[data-v-30e00cba] {
    background-color: rgba(25,20,44,.8);
    position: absolute;
    z-index: 1
}

.dialog__main[data-v-30e00cba] {
    background-color: var(--box-color);
    border-radius: 16px;
    height: 370px;
    left: calc(50% - 347px);
    padding-top: 34px;
    position: absolute;
    top: calc(50% - 185px);
    width: 694px;
    z-index: 2
}

.dialog__main .close[data-v-30e00cba] {
    align-items: center;
    background: #fc5883;
    border-radius: 50%;
    box-shadow: 0 4px 20px rgba(0,0,0,.5);
    display: flex;
    display: -ms-flexbox;
    height: 48px;
    justify-content: center;
    position: absolute;
    right: -21px;
    top: -19px;
    width: 48px
}

.dialog__main .close__img[data-v-30e00cba] {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExIDcuNjA2IDYuNzg3LTYuNzkgMy4zOTYgMy4zOTdMMTQuMzkzIDExbDYuNzkgNi43ODctMy4zOTYgMy4zOTZMMTEgMTQuMzkzbC02Ljc4OCA2Ljc5LTMuMzk2LTMuMzk2TDcuNjA2IDExIC44MTYgNC4yMTMgNC4yMTIuODE3IDExIDcuNjA3WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat 50%;
    background-size: contain;
    height: 22px;
    width: 22px
}

.dialog__main .p1[data-v-30e00cba] {
    color: #fff;
    font-family: Heebo-Bold;
    font-size: 24px;
    line-height: 35px;
    text-align: center
}

.dialog__main .p2[data-v-30e00cba] {
    color: #ae96ff;
    font-family: Heebo-Medium;
    font-size: 18px;
    line-height: 26px;
    margin-top: 1px;
    text-align: center
}

.dialog__main .list[data-v-30e00cba] {
    grid-gap: 24px;
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: repeat(5,102px);
    justify-content: center;
    margin-top: 26px;
    width: 100%
}

.dialog__main .list .list__normal[data-v-30e00cba] {
    height: 102px!important
}

.dialog__main .list .list__normal[data-v-30e00cba] .normal__span {
    font-size: 12px;
    line-height: 16px
}

.dialog__main .list .list__normal[data-v-30e00cba]:nth-child(n+6) {
    display: none
}

.dialog__main .href[data-v-30e00cba] {
    align-items: center;
    animation: shock-30e00cba .5s linear .5s 4;
    -webkit-animation: shock-30e00cba .5s linear .5s 4;
    background: #23caff;
    border-radius: 78px;
    display: flex;
    display: -ms-flexbox;
    height: 58px;
    justify-content: center;
    margin: 39px auto 0;
    width: 222px
}

.dialog__main .href span[data-v-30e00cba] {
    font-family: Heebo-Bold;
    font-size: 20px;
    line-height: 1;
    margin-right: 14px;
    margin-top: 2px
}

.dialog__main .href img[data-v-30e00cba] {
    display: block;
    height: 26px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 26px
}

.dialog__main .href[data-v-30e00cba]:hover {
    background: #23e5ff
}

@keyframes shock-30e00cba {
    0% {
        transform: translateX(-3px) rotate(-2deg)
    }

    25% {
        transform: translateX(3px) rotate(2deg)
    }

    50% {
        transform: translateX(-3px) rotate(-2deg)
    }

    75% {
        transform: translateX(3px) rotate(2deg)
    }

    to {
        transform: translateX(-3px) rotate(-2deg)
    }
}

.zoom-enter-active[data-v-30e00cba] {
    animation: zoom_enter .3s ease-out
}

.zoom-leave-active[data-v-30e00cba] {
    animation: zoom_leave .3s ease-out
}

@media(max-width: 750px) {
    .dialog__main[data-v-30e00cba] {
        border-radius:8.5333333333vw 8.5333333333vw 0 0;
        bottom: 0;
        height: 104vw;
        left: 0;
        padding-top: 9.3333333333vw;
        top: auto;
        width: 100%
    }

    .dialog__main .close[data-v-30e00cba] {
        display: none
    }

    .dialog__main .p1[data-v-30e00cba] {
        font-size: 4.8vw;
        line-height: 6.9333333333vw
    }

    .dialog__main .p2[data-v-30e00cba] {
        font-size: 3.4666666667vw;
        line-height: 5.0666666667vw;
        margin-top: .8vw
    }

    .dialog__main .list[data-v-30e00cba] {
        grid-gap: 4.8vw;
        grid-template-columns: repeat(4,17.0666666667vw);
        margin-top: 5.8666666667vw
    }

    .dialog__main .list .list__normal[data-v-30e00cba] {
        height: 17.0666666667vw!important
    }

    .dialog__main .list .list__normal[data-v-30e00cba]:nth-child(n+6) {
        display: block
    }

    .dialog__main .href[data-v-30e00cba] {
        border-radius: 20.8vw;
        height: 12.8vw;
        margin: 11.2vw auto 0;
        width: 82.6666666667vw
    }

    .dialog__main .href span[data-v-30e00cba] {
        font-size: 3.7333333333vw;
        margin-right: 2.6666666667vw;
        margin-top: .5333333333vw
    }

    .dialog__main .href img[data-v-30e00cba] {
        height: 4vw;
        width: 4vw
    }

    .zoom-enter-active[data-v-30e00cba] {
        animation: height_enter .3s ease-out
    }

    .zoom-leave-active[data-v-30e00cba] {
        animation: height_leave .3s ease-out
    }
}

.dialog[data-v-725e6c7e] {
    overflow: hidden;
    position: fixed;
    z-index: 99
}

.dialog[data-v-725e6c7e],.dialog__mask[data-v-725e6c7e] {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.dialog__mask[data-v-725e6c7e] {
    background-color: rgba(25,20,44,.8);
    position: absolute;
    z-index: 1
}

.dialog__main[data-v-725e6c7e] {
    background-color: #03a862;
    border-radius: 24px 0 0 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 690px;
    z-index: 2
}

.dialog__main .return[data-v-725e6c7e] {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    display: -ms-flexbox;
    height: 64px;
    justify-content: center;
    left: -32px;
    position: absolute;
    top: 30px;
    width: 64px
}

.dialog__main .return__img[data-v-725e6c7e] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAUCAYAAABWMrcvAAABJElEQVQ4jZXTvS5EYRDG8d/aFaKhU4g7oJUofHWUoiAat4CQuAId4hI0qLTKDREuQFyBUGhEohAFMps5crI5e8KTnGLmff+ZeeeZ0xjun4JGfl/+oL68so8zDPwFamEbexmPYhmvdVBUGi/Fc7juylVCW9jBd+YmcIfJOih0gHV8ZjyWFRfqoNA5FvGW8QgusVYHhdqYwVPGMc3THFZPKHSPaTxk3Mj2j4r7VVDoMStelXKb+YSBXlCh7664szm9oPGc3nwpd4xVfFRB4c9t+iWr7WZ7nd1sdQHhy0WOW/q2kW/5VRmK0ielpX3LPWx3t1K0Fz6Utzx8mq0CivYOc/8KhT9LOfZKRaWX0klMLPzpCYSag82xGwzhGSt4rwNC///d8QMRizNnb6SyCQAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: contain;
    height: 20px;
    width: 13px
}

.dialog__main>div[data-v-725e6c7e] {
    -ms-overflow-style: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    padding: 30px 0 0;
    width: 100%
}

.dialog__main>div .top[data-v-725e6c7e] {
    width: 100%
}

.dialog__main>div .top__title[data-v-725e6c7e] {
    font-family: Heebo-Bold;
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 11px;
    padding-left: 58px
}

.dialog__main>div .top__menu[data-v-725e6c7e] {
    width: calc(100% - 50px)
}

.dialog__main>div .top__menu .href[data-v-725e6c7e] {
    align-items: center;
    border-radius: 0 29px 29px 0;
    display: flex;
    display: -ms-flexbox;
    height: 58px;
    transition: background .3s;
    width: 100%
}

.dialog__main>div .top__menu .href .img[data-v-725e6c7e] {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    height: 100%;
    justify-content: flex-start;
    margin-left: 58px;
    width: 40px
}

.dialog__main>div .top__menu .href .img svg[data-v-725e6c7e] {
    width: 24px
}

.dialog__main>div .top__menu .href .name[data-v-725e6c7e] {
    font-family: Heebo-Bold;
    font-size: 22px;
    line-height: 1;
    margin-top: 4px;
    color: #fff;
}

.dialog__main>div .top__menu .href.active[data-v-725e6c7e],.dialog__main>div .top__menu .href[data-v-725e6c7e]:hover {
    background: #0ad680
}

.dialog__main>div .bottom[data-v-725e6c7e] {
    padding: 18px 0 20px;
    width: 100%
}

.dialog__main>div .bottom .area[data-v-725e6c7e] {
    padding: 29px 0 0;
    width: 100%
}

.dialog__main>div .bottom .area .game[data-v-725e6c7e] {
    padding-bottom: 80px;
    width: 100%
}

.dialog__main>div .bottom .area .game__title[data-v-725e6c7e] {
    font-family: Heebo-Bold;
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 11px;
    padding-left: 58px
}

.dialog__main>div .bottom .area .game__title span[data-v-725e6c7e] {
    color: #ff0
}

.dialog__main>div .bottom .area .game__none[data-v-725e6c7e] {
    background: #fff;
    border-radius: 10px;
    color: #2a2d80;
    margin: 0 auto 80px;
    padding: 18px 24px;
    width: calc(100% - 100px)
}

.dialog__main>div .bottom .area .game__none h1[data-v-725e6c7e] {
    font-size: 24px
}

.dialog__main>div .bottom .area .game__none p[data-v-725e6c7e] {
    font-size: 16px
}

.dialog__main>div .bottom .area .game__list[data-v-725e6c7e] {
    grid-gap: 20px;
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: repeat(5,102px);
    justify-content: center;
    padding: 0 50px
}

.dialog__main>div .bottom .area .game__list .dialog__normal[data-v-725e6c7e] {
    height: 102px!important
}

.dialog__main>div .bottom .area .game__list .dialog__normal[data-v-725e6c7e] .normal__span {
    font-size: 12px;
    line-height: 16px
}

.dialog__main>div .bottom .area .game[data-v-725e6c7e]:last-child {
    padding-bottom: 0
}

.dialog__main>div[data-v-725e6c7e]::-webkit-scrollbar {
    width: 0
}

@media(max-width: 750px) {
    .dialog__main[data-v-725e6c7e] {
        border-radius:0;
        width: 100%
    }

    .dialog__main .return[data-v-725e6c7e] {
        align-items: flex-start;
        background-color: #0ad680;
        border-radius: 0;
        height: 100%;
        left: 0;
        top: 0;
        width: 15.6vw
    }

    .dialog__main .return__img[data-v-725e6c7e] {
        background: url(../return.5087d77.svg) no-repeat 50%;
        background-size: contain;
        height: 20px;
        margin-top: 8.8vw;
        width: 20px
    }

    .dialog__main>div[data-v-725e6c7e] {
        margin-left: auto;
        padding: 10.1333333333vw 0 0;
        width: calc(100% - 13.6vw)
    }

    .dialog__main>div .top__title[data-v-725e6c7e] {
        font-size: 3.2vw;
        line-height: 3.7333333333vw;
        margin-bottom: 3.2vw;
        padding-left: 5.8666666667vw
    }

    .dialog__main>div .top__menu[data-v-725e6c7e] {
        width: calc(100% - 5.86667vw)
    }

    .dialog__main>div .top__menu .href[data-v-725e6c7e] {
        border-radius: 0 7.7333333333vw 7.7333333333vw 0;
        height: 15.4666666667vw
    }

    .dialog__main>div .top__menu .href .img[data-v-725e6c7e] {
        margin-left: 5.8666666667vw;
        width: 9.6vw
    }

    .dialog__main>div .top__menu .href .img svg[data-v-725e6c7e] {
        width: 6.4vw
    }

    .dialog__main>div .top__menu .href .name[data-v-725e6c7e] {
        font-size: 4.2666666667vw;
        margin-top: 1.0666666667vw;
        color: #fff;
    }

    .dialog__main>div .bottom[data-v-725e6c7e] {
        padding: 2.6666666667vw 0 5.3333333333vw
    }

    .dialog__main>div .bottom .category[data-v-725e6c7e] {
        height: 8vw
    }

    .dialog__main>div .bottom .category[data-v-725e6c7e]:before {
        width: 5.3333333333vw
    }

    .dialog__main>div .bottom .category[data-v-725e6c7e]:after {
        width: 16vw
    }

    .dialog__main>div .bottom .category .list[data-v-725e6c7e] {
        padding: 0 5.8666666667vw
    }

    .dialog__main>div .bottom .category .list__li[data-v-725e6c7e] {
        border-radius: 4vw;
        font-size: 2.6666666667vw;
        height: 8vw;
        margin-right: 2.6666666667vw;
        padding: .5333333333vw 4vw 0
    }

    .dialog__main>div .bottom .area[data-v-725e6c7e] {
        padding: 6.6666666667vw 0 0
    }

    .dialog__main>div .bottom .area .game[data-v-725e6c7e] {
        padding-bottom: 10.6666666667vw
    }

    .dialog__main>div .bottom .area .game__title[data-v-725e6c7e] {
        font-size: 3.7333333333vw;
        line-height: 5.6vw;
        margin-bottom: 3.2vw;
        padding-left: 6.1333333333vw
    }

    .dialog__main>div .bottom .area .game__none[data-v-725e6c7e] {
        border-radius: 2.6666666667vw;
        margin: 0 auto 10.6666666667vw;
        padding: 3.2vw 4vw;
        width: calc(100% - 11.73333vw)
    }

    .dialog__main>div .bottom .area .game__none h1[data-v-725e6c7e] {
        font-size: 3.7333333333vw
    }

    .dialog__main>div .bottom .area .game__none p[data-v-725e6c7e] {
        font-size: 3.2vw
    }

    .dialog__main>div .bottom .area .game__list[data-v-725e6c7e] {
        grid-gap: 5.3333333333vw;
        grid-template-columns: repeat(3,21.3333333333vw);
        padding: 0 5.8666666667vw
    }

    .dialog__main>div .bottom .area .game__list .dialog__normal[data-v-725e6c7e] {
        height: 21.3333333333vw!important
    }
}

.search[data-v-5b8dabb6] {
    overflow: hidden;
    position: fixed;
    z-index: 99
}

.search[data-v-5b8dabb6],.search__mask[data-v-5b8dabb6] {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.search__mask[data-v-5b8dabb6] {
    background-color: rgba(25,20,44,.8);
    position: absolute;
    z-index: 1
}

.search__main[data-v-5b8dabb6] {
    background-color: #03a862;
    border-radius: 24px 0 0 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 690px;
    z-index: 2
}

.search__main .return[data-v-5b8dabb6] {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    display: -ms-flexbox;
    height: 64px;
    justify-content: center;
    left: -32px;
    position: absolute;
    top: 30px;
    width: 64px
}

.search__main .return__img[data-v-5b8dabb6] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAUCAYAAABWMrcvAAABJElEQVQ4jZXTvS5EYRDG8d/aFaKhU4g7oJUofHWUoiAat4CQuAId4hI0qLTKDREuQFyBUGhEohAFMps5crI5e8KTnGLmff+ZeeeZ0xjun4JGfl/+oL68so8zDPwFamEbexmPYhmvdVBUGi/Fc7juylVCW9jBd+YmcIfJOih0gHV8ZjyWFRfqoNA5FvGW8QgusVYHhdqYwVPGMc3THFZPKHSPaTxk3Mj2j4r7VVDoMStelXKb+YSBXlCh7664szm9oPGc3nwpd4xVfFRB4c9t+iWr7WZ7nd1sdQHhy0WOW/q2kW/5VRmK0ielpX3LPWx3t1K0Fz6Utzx8mq0CivYOc/8KhT9LOfZKRaWX0klMLPzpCYSag82xGwzhGSt4rwNC///d8QMRizNnb6SyCQAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: contain;
    height: 20px;
    width: 13px
}

.search__main>div[data-v-5b8dabb6] {
    -ms-overflow-style: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    padding: 30px 0 0;
    width: 100%
}

.search__main>div .top[data-v-5b8dabb6] {
    height: 64px;
    padding: 0 50px;
    width: 100%
}

.search__main>div .top__main[data-v-5b8dabb6] {
    background-color: #fff;
    border-radius: 10px;
    height: 100%;
    position: relative;
    width: 100%
}

.search__main>div .top__main input[data-v-5b8dabb6] {
    color: #2a2d80;
    font-family: Heebo;
    font-size: 16px;
    height: 100%;
    padding-left: 24px;
    padding-right: 174px;
    width: 100%
}

.search__main>div .top__main .btn[data-v-5b8dabb6] {
    height: 60px;
    overflow: hidden;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 150px
}

.search__main>div .top__main button[data-v-5b8dabb6] {
    align-items: center;
    background-color: #ef2391;
    border-radius: 8px;
    display: flex;
    display: -ms-flexbox;
    height: 100%;
    justify-content: center;
    width: 100%
}

.search__main>div .top__main button img[data-v-5b8dabb6] {
    height: 24px;
    width: 24px
}

.search__main>div .top__main button span[data-v-5b8dabb6] {
    font-family: Heebo-Bold;
    font-size: 20px;
    line-height: 1;
    margin-left: 13px;
    margin-top: 4px
}

.search__main>div .top__main button[data-v-5b8dabb6]:hover {
    background-color: #ff03a9
}

.search__main>div .top__main .loading[data-v-5b8dabb6] {
    animation: loading .3s linear infinite;
    -webkit-animation: loading .3s linear infinite;
    border: .25rem solid hsla(0,0%,100%,.2);
    border-radius: 50%;
    border-top-color: #fff;
    height: 24px;
    width: 24px
}

.search__main>div .bottom[data-v-5b8dabb6] {
    padding: 18px 0 20px;
    width: 100%
}

.search__main>div .bottom .labels[data-v-5b8dabb6] {
    margin-top: -4px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.search__main>div .bottom .labels .list[data-v-5b8dabb6] {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    padding: 0 46px;
    width: 100%
}

.search__main>div .bottom .labels .list__li[data-v-5b8dabb6] {
    align-items: center;
    background-color: #ff0;
    border-radius: 12px;
    color: #444770;
    cursor: pointer;
    display: flex;
    display: -ms-flexbox;
    flex-shrink: 0;
    font-family: Heebo-Medium;
    font-size: 12px;
    height: 24px;
    justify-content: center;
    line-height: 1;
    margin: 4px;
    padding: 2px 16px 0
}

.search__main>div .bottom .labels .list__li[data-v-5b8dabb6]:last-child {
    margin-right: 0
}

.search__main>div .bottom .labels .list__li[data-v-5b8dabb6]:hover {
    background-color: #ff6
}

.search__main>div .bottom .labels .list__li.active[data-v-5b8dabb6] {
    background-color: #444770;
    color: #ff0
}

.search__main>div .bottom .area[data-v-5b8dabb6] {
    padding: 25px 0 0;
    width: 100%
}

.search__main>div .bottom .area .game[data-v-5b8dabb6] {
    padding-bottom: 80px;
    width: 100%
}

.search__main>div .bottom .area .game__title[data-v-5b8dabb6] {
    font-family: Heebo-Bold;
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 11px;
    padding-left: 58px
}

.search__main>div .bottom .area .game__title span[data-v-5b8dabb6] {
    color: #ff0
}

.search__main>div .bottom .area .game__none[data-v-5b8dabb6] {
    background: #fff;
    border-radius: 10px;
    color: #2a2d80;
    margin: 0 auto 80px;
    padding: 18px 24px;
    width: calc(100% - 100px)
}

.search__main>div .bottom .area .game__none h1[data-v-5b8dabb6] {
    font-size: 24px
}

.search__main>div .bottom .area .game__none p[data-v-5b8dabb6] {
    font-size: 16px
}

.search__main>div .bottom .area .game__list[data-v-5b8dabb6] {
    grid-gap: 20px;
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: repeat(5,102px);
    justify-content: center;
    padding: 0 50px
}

.search__main>div .bottom .area .game__list .search__normal[data-v-5b8dabb6] {
    height: 102px!important
}

.search__main>div .bottom .area .game__list .search__normal[data-v-5b8dabb6] .normal__span {
    font-size: 12px;
    line-height: 16px
}

.search__main>div .bottom .area .game[data-v-5b8dabb6]:last-child {
    padding-bottom: 0
}

.search__main>div[data-v-5b8dabb6]::-webkit-scrollbar {
    width: 0
}

@media(max-width: 750px) {
    .search__main[data-v-5b8dabb6] {
        border-radius:0;
        width: 100%
    }

    .search__main .return[data-v-5b8dabb6] {
        align-items: flex-start;
        background-color: #0ad680;
        border-radius: 0;
        height: 100%;
        left: 0;
        top: 0;
        width: 15.6vw
    }

    .search__main .return__img[data-v-5b8dabb6] {
        background: url(../return.5087d77.svg) no-repeat 50%;
        background-size: contain;
        height: 7.7333333333vw;
        margin-top: 8.8vw;
        width: 4.8vw
    }

    .search__main>div[data-v-5b8dabb6] {
        margin-left: auto;
        padding: 6.4vw 0 0;
        width: calc(100% - 13.6vw)
    }

    .search__main>div .top[data-v-5b8dabb6] {
        height: 12.5333333333vw;
        padding: 0 3.2vw 0 5.8666666667vw
    }

    .search__main>div .top__main[data-v-5b8dabb6] {
        border-radius: 2.6666666667vw
    }

    .search__main>div .top__main input[data-v-5b8dabb6] {
        font-size: 3.7333333333vw;
        padding-left: 4vw;
        padding-right: 15.4666666667vw
    }

    .search__main>div .top__main .btn[data-v-5b8dabb6] {
        height: 11.4666666667vw;
        right: .5333333333vw;
        top: .5333333333vw;
        width: 11.4666666667vw
    }

    .search__main>div .top__main button[data-v-5b8dabb6] {
        border-radius: 2.1333333333vw
    }

    .search__main>div .top__main button img[data-v-5b8dabb6] {
        height: 6.4vw;
        width: 6.4vw
    }

    .search__main>div .top__main button span[data-v-5b8dabb6] {
        display: none
    }

    .search__main>div .top__main .loading[data-v-5b8dabb6] {
        height: 6.4vw;
        width: 6.4vw
    }

    .search__main>div .bottom[data-v-5b8dabb6] {
        padding: 2.6666666667vw 0 5.3333333333vw
    }

    .search__main>div .bottom .labels[data-v-5b8dabb6] {
        margin-top: -.5333333333vw
    }

    .search__main>div .bottom .labels .list[data-v-5b8dabb6] {
        padding: 0 2.6666666667vw 0 5.8666666667vw
    }

    .search__main>div .bottom .labels .list__li[data-v-5b8dabb6] {
        border-radius: 2.6666666667vw;
        font-size: 2.1333333333vw;
        height: 5.3333333333vw;
        margin: .5333333333vw;
        padding: .5333333333vw 2.6666666667vw 0
    }

    .search__main>div .bottom .area[data-v-5b8dabb6] {
        padding: 6.1333333333vw 0 0
    }

    .search__main>div .bottom .area .game[data-v-5b8dabb6] {
        padding-bottom: 10.6666666667vw
    }

    .search__main>div .bottom .area .game__title[data-v-5b8dabb6] {
        font-size: 3.7333333333vw;
        line-height: 5.6vw;
        margin-bottom: 3.2vw;
        padding-left: 6.1333333333vw
    }

    .search__main>div .bottom .area .game__none[data-v-5b8dabb6] {
        border-radius: 2.6666666667vw;
        margin: 0 auto 10.6666666667vw;
        padding: 3.2vw 4vw;
        width: calc(100% - 11.73333vw)
    }

    .search__main>div .bottom .area .game__none h1[data-v-5b8dabb6] {
        font-size: 3.7333333333vw
    }

    .search__main>div .bottom .area .game__none p[data-v-5b8dabb6] {
        font-size: 3.2vw
    }

    .search__main>div .bottom .area .game__list[data-v-5b8dabb6] {
        grid-gap: 5.3333333333vw;
        grid-template-columns: repeat(3,21.3333333333vw);
        padding: 0 5.8666666667vw
    }

    .search__main>div .bottom .area .game__list .search__normal[data-v-5b8dabb6] {
        height: 21.3333333333vw!important
    }
}

.dialog[data-v-517ea181] {
    overflow: hidden;
    position: fixed;
    z-index: 7
}

.dialog[data-v-517ea181],.dialog__mask[data-v-517ea181] {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.dialog__mask[data-v-517ea181] {
    background-color: rgba(25,20,44,.8);
    position: absolute;
    z-index: 1
}

.dialog__main[data-v-517ea181] {
    background-color: var(--box-color);
    border-radius: 8.5333333333vw 8.5333333333vw 0 0;
    bottom: 0;
    left: 0;
    padding-bottom: 10.9333333333vw;
    padding-top: 9.3333333333vw;
    position: absolute;
    width: 100%;
    z-index: 2
}

.dialog__main .p1[data-v-517ea181] {
    color: #fff;
    font-family: Heebo-Bold;
    font-size: 4.8vw;
    line-height: 6.9333333333vw;
    text-align: center
}

.dialog__main .p2[data-v-517ea181] {
    color: #ae96ff;
    font-family: Heebo-Medium;
    font-size: 3.4666666667vw;
    line-height: 5.0666666667vw;
    margin-top: .5333333333vw;
    text-align: center
}

.dialog__main .href[data-v-517ea181] {
    align-items: center;
    background: #23caff;
    border-radius: 20.8vw;
    display: flex;
    display: -ms-flexbox;
    height: 12.8vw;
    margin: 8.5333333333vw auto 0;
    padding-left: 23.4666666667vw;
    width: 82.6666666667vw
}

.dialog__main .href span[data-v-517ea181] {
    font-family: Heebo-Bold;
    font-size: 3.7333333333vw;
    line-height: 1;
    margin-left: 5.3333333333vw;
    margin-top: 2px
}

.dialog__main .href img[data-v-517ea181] {
    display: block;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 4.8vw
}

.dialog__main .href[data-v-517ea181]:hover {
    background: #23e5ff
}

.dialog__main .href.android[data-v-517ea181] {
    background: #7ac450;
    margin: 5.0666666667vw auto 0
}

.dialog__main .href.android[data-v-517ea181]:hover {
    background: #94eb63
}

.zoom-enter-active[data-v-517ea181] {
    animation: height_enter .3s ease-out
}

.zoom-leave-active[data-v-517ea181] {
    animation: height_leave .3s ease-out
}

@media(min-width: 1137px) {
    .dialog[data-v-517ea181] {
        display:none
    }
}

.dialog[data-v-eaef03e2] {
    background: rgba(0,0,0,.7);
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 31
}

.dialog[data-v-eaef03e2],.dialog__main[data-v-eaef03e2] {
    height: 100%;
    width: 100%
}

.dialog__main[data-v-eaef03e2] {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

.dialog__main__top[data-v-eaef03e2] {
    position: absolute;
    right: 32px;
    top: 32px
}

.dialog__main__top .close[data-v-eaef03e2] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD6SURBVHgBvdjdDcIwDATgjMAIjMYmdBPYiBE6AiMcidSIkpIm/jmfZCkPrfw9tLXVlHYBcMv1SAHJfZZSZxcUTA0VtWFqljTAUFEN5ojqYCioDuYXlQ9PnMcFNcCUrLkuIahJzLW9iYJSYVgoE8Yb5YLxQrlirCgKRouiYqSoEIwA9QrDCFBxGANqpWEUKD5mhxo9M+9IzOhtquFvngIMH6XA8FAGjD8Kk19gRGyeEI4DKgrK2URBwTgoXVFwmtouKDivECYUSPuMCgXyciVCIWjTm0blw52NmUR9e3VQrpgB6tirQVEwHVS/14aiYhrUuBfqL5GA/Ov1AU9kZ95Y5raOAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: contain;
    height: 27px;
    width: 27px
}

.dialog__main .content-info[data-v-eaef03e2] {
    align-items: center;
    display: flex;
    height: calc(100% - 120px);
    justify-content: center;
    margin-top: 60px;
    width: 100%
}

.dialog__main .content-info .img[data-v-eaef03e2] {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.dialog__main .next[data-v-eaef03e2],.dialog__main .prev[data-v-eaef03e2] {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJtMjAuOSAxNiA5Ljg5OSA5LjktOS45IDkuODk5IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMyIvPjwvc3ZnPg==) no-repeat 50%;
    cursor: pointer;
    height: 50px;
    position: absolute;
    right: 32px;
    top: 50%;
    width: 50px
}

.dialog__main .prev[data-v-eaef03e2] {
    left: 32px;
    transform: rotate(-180deg)
}

@media(max-width: 750px) {
    .dialog__main[data-v-eaef03e2] {
        padding:0 8.5333333333vw
    }

    .dialog__main__top[data-v-eaef03e2] {
        right: 6.4vw;
        top: 6.4vw
    }

    .dialog__main__top .close[data-v-eaef03e2] {
        height: 4.8vw;
        width: 4.8vw
    }

    .dialog__main .content-info .img[data-v-eaef03e2] {
        width: 100%
    }

    .dialog__main .next[data-v-eaef03e2],.dialog__main .prev[data-v-eaef03e2] {
        right: 6.4vw
    }

    .dialog__main .prev[data-v-eaef03e2] {
        left: 6.4vw
    }
}

@keyframes spin-1ad68289 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.dialog[data-v-1ad68289] {
    overflow: hidden;
    position: fixed;
    z-index: 100
}

.dialog[data-v-1ad68289],.dialog__mask[data-v-1ad68289] {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.dialog__mask[data-v-1ad68289] {
    background: rgba(0,0,0,.8);
    position: absolute;
    z-index: 1
}

.dialog__main[data-v-1ad68289] {
    height: 759px;
    left: calc(50vw - 491px);
    position: absolute;
    top: 60px;
    width: 982px;
    z-index: 2
}

.dialog__main__content[data-v-1ad68289] {
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.dialog__main__content .tiger[data-v-1ad68289] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.dialog__main__content__light[data-v-1ad68289] {
    display: flex;
    height: 70%;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.dialog__main__content .light[data-v-1ad68289] {
    animation: spin-1ad68289 5s linear infinite;
    height: 894px;
    width: 828px
}

.dialog__main__content .play[data-v-1ad68289] {
    animation: scaleBig .6s linear 0s infinite alternate;
    background: linear-gradient(180deg,#e7d277,#f9f6b2 48.36%,#d49e17 50.27%,#edc034);
    border-radius: 11px;
    bottom: 20px;
    display: block;
    height: 91px;
    padding: 3px 4px;
    position: absolute;
    width: 330px
}

.dialog__main__content .play button[data-v-1ad68289] {
    align-items: center;
    background: linear-gradient(180deg,#80e710,#80e70f 48.36%,#45a005 48.98%,#079736);
    border-radius: 9px;
    box-shadow: inset 0 -5.27472px 0 0 rgba(0,0,0,.25),inset 0 3.51648px 3.51648px 0 rgba(0,0,0,.25);
    color: #fff;
    display: flex;
    font-family: Heebo-Black;
    font-size: 44.782px;
    font-style: normal;
    height: 100%;
    justify-content: center;
    line-height: normal;
    text-shadow: 0 4px 0 #207866;
    width: 100%
}

.dialog__main__content .play button span[data-v-1ad68289] {
    color: #ff0;
    font-family: Heebo-Black;
    font-size: 66.813px;
    font-style: normal;
    line-height: normal;
    margin-left: 18px
}

.dialog__main .close[data-v-1ad68289] {
    position: absolute;
    right: -81px;
    top: 0
}

@media(max-width: 1500px) {
    .dialog__main[data-v-1ad68289] {
        top:calc(50vh - 440px)
    }
}

@media(max-width: 1170px) {
    .dialog__main[data-v-1ad68289] {
        height:607.2px;
        left: calc(50vw - 392.8px);
        width: 785.6px
    }
}

@media(max-width: 960px) {
    .dialog__main[data-v-1ad68289] {
        height:455.4px;
        left: calc(50vw - 294.6px);
        width: 589.2px
    }
}

@media(max-width: 750px) {
    .dialog__main[data-v-1ad68289] {
        height:84.5333333333vw;
        left: 0;
        top: calc(50vh - 48vw);
        width: 100%
    }

    .dialog__main__content .light[data-v-1ad68289] {
        height: 80vw;
        width: 84.2666666667vw
    }

    .dialog__main__content .tiger[data-v-1ad68289] {
        left: -2.6666666667vw
    }

    .dialog__main__content .play[data-v-1ad68289] {
        border-radius: 1.6vw;
        bottom: -2.6666666667vw;
        height: 13.3333333333vw;
        padding: .5333333333vw;
        width: 48.2666666667vw
    }

    .dialog__main__content .play button[data-v-1ad68289] {
        align-items: center;
        border-radius: 1.3333333333vw;
        box-shadow: inset 0 -.8vw 0 0 rgba(0,0,0,.25),inset 0 .5333333333vw .5333333333vw 0 rgba(0,0,0,.25);
        display: flex;
        font-size: 6.9333333333vw;
        height: 100%;
        justify-content: center;
        text-shadow: 0 1.0666666667vw 0 #207866;
        width: 100%
    }

    .dialog__main__content .play button span[data-v-1ad68289] {
        color: #ff0;
        font-size: 10.1333333333vw;
        margin-left: 1.8666666667vw
    }

    .dialog__main .close[data-v-1ad68289] {
        height: 10.6666666667vw;
        right: 6.4vw;
        top: -8.2666666667vw;
        width: 10.6666666667vw
    }
}

.double[data-v-3b71da76] {
    background-blend-mode: normal,normal;
    border-radius: 18px;
    box-shadow: 0 9px 35px 0 hsla(0,0%,4%,.3);
    cursor: pointer;
    display: block;
    grid-column-start: span 2;
    grid-row-start: span 1;
    height: 140px;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: transform .3s ease,box-shadow .3s ease;
    width: 100%
}

.double.bg39652[data-v-3b71da76] {
    background-image: linear-gradient(-30deg,#00f7ca,#0e9152)
}

.double.bg15420[data-v-3b71da76] {
    background-image: linear-gradient(-30deg,#3dd7ff,#048de7)
}

.double.bg43769[data-v-3b71da76] {
    background-image: linear-gradient(-30deg,#f665ba,#f40709)
}

.double.bg15129[data-v-3b71da76] {
    background-image: linear-gradient(-30deg,#8a3aac,#66118a 40%)
}

.double.bg15549[data-v-3b71da76] {
    background-image: linear-gradient(-30deg,#ff7990,#fb3559)
}

.double.bg15688[data-v-3b71da76] {
    background-image: linear-gradient(-30deg,#f7d700,#ec5f09)
}

.double__span1[data-v-3b71da76] {
    bottom: 97px;
    color: hsla(0,0%,100%,.7);
    font-family: Heebo-ExtraBold;
    font-size: 22px;
    padding-left: 19px
}

.double__span1[data-v-3b71da76],.double__span2[data-v-3b71da76] {
    left: 0;
    line-height: 1;
    position: absolute;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.double__span2[data-v-3b71da76] {
    bottom: 61px;
    font-family: Heebo-Bold;
    font-size: 32px;
    padding-left: 18px
}

.double__img[data-v-3b71da76] {
    border-radius: 0 0 18px 0;
    bottom: 0;
    max-height: 108%;
    max-width: 100%;
    position: absolute;
    right: 0
}

.double__btn[data-v-3b71da76] {
    border: 2px solid #fff;
    border-radius: 11.5px;
    bottom: 20px;
    font-family: Heebo-Medium;
    font-size: 12px;
    left: 17px;
    line-height: 1;
    padding: 3.5px 15.5px;
    position: absolute;
    z-index: 1
}

.double[data-v-3b71da76]:hover {
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.6);
    transform: scale(1.14) translateY(-18px);
    transition: transform .3s,box-shadow .3s;
    z-index: 1
}

@media(max-width: 750px) {
    .double[data-v-3b71da76] {
        border-radius:2.6666666667vw;
        box-shadow: 0 1.3333333333vw 5.3333333333vw 0 hsla(0,0%,4%,.3);
        height: 21.3333333333vw
    }

    .double__span1[data-v-3b71da76] {
        bottom: 14.6666666667vw;
        font-size: 3.4666666667vw;
        line-height: 5.0666666667vw;
        padding-left: 2.6666666667vw
    }

    .double__span2[data-v-3b71da76] {
        bottom: 9.0666666667vw;
        font-size: 4.8vw;
        line-height: 6.9333333333vw;
        padding-left: 2.6666666667vw
    }

    .double__img[data-v-3b71da76] {
        border-radius: 0 0 2.6666666667vw 0
    }

    .double__btn[data-v-3b71da76] {
        border-radius: 3.7333333333vw;
        border-width: 1px;
        bottom: 3.7333333333vw;
        font-size: 1.8666666667vw;
        left: 2.6666666667vw;
        line-height: 2.6666666667vw;
        padding: .2666666667vw 2.6666666667vw 0
    }

    .double[data-v-3b71da76]:hover {
        box-shadow: 0 1.3333333333vw 5.3333333333vw 0 rgba(0,0,0,.6);
        transform: scale(1.07) translateY(-2.4vw)
    }
}

.large[data-v-1f93b1e2] {
    background: linear-gradient(180deg,rgba(255,255,30,0) 35.03%,#faa31a 110.48%);
    border-radius: 18px;
    box-shadow: 0 9px 35px 0 hsla(0,0%,4%,.3);
    cursor: pointer;
    grid-column-start: span 2;
    grid-row-start: span 2;
    height: 296px;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: transform .3s ease,box-shadow .3s ease
}

.large[data-v-1f93b1e2],.large__img[data-v-1f93b1e2] {
    display: block;
    width: 100%
}

.large__img[data-v-1f93b1e2] {
    border-radius: inherit;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.large__info[data-v-1f93b1e2] {
    align-items: flex-start;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    padding-bottom: 21px;
    padding-left: 20px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.large__type[data-v-1f93b1e2] {
    background-color: #ef2391;
    border-radius: 12px;
    font-size: 14px;
    margin-bottom: 7px;
    padding: 5px 10px
}

.large__span[data-v-1f93b1e2],.large__type[data-v-1f93b1e2] {
    font-family: Heebo-Medium;
    line-height: 1;
    pointer-events: none
}

.large__span[data-v-1f93b1e2] {
    color: #fff;
    font-size: 22px;
    padding-left: 2px;
    text-align: left
}

.large[data-v-1f93b1e2]:before {
    background: linear-gradient(180deg,rgba(190,6,158,0) 30.59%,#be069e 88.54%);
    border-radius: inherit;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.large[data-v-1f93b1e2]:hover {
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.6);
    transform: scale(1.14) translateY(-18px);
    transition: transform .3s,box-shadow .3s;
    z-index: 1
}

@media(max-width: 750px) {
    .large[data-v-1f93b1e2] {
        border-radius:2.6666666667vw;
        box-shadow: 0 1.3333333333vw 5.3333333333vw 0 hsla(0,0%,4%,.3);
        height: auto !important
    }

    .large__info[data-v-1f93b1e2] {
        padding-bottom: 2.4vw;
        padding-left: 3.2vw
    }

    .large__type[data-v-1f93b1e2] {
        border-radius: 3.7333333333vw;
        font-size: 2.1333333333vw;
        line-height: 3.2vw;
        margin-bottom: .2666666667vw;
        padding: .5333333333vw 1.3333333333vw 0
    }

    .large__span[data-v-1f93b1e2] {
        font-size: 3.4666666667vw;
        line-height: 5.0666666667vw;
        padding-left: 0
    }

    .large[data-v-1f93b1e2]:hover,
    .more__info[data-v-6aacbc01]:hover{
        box-shadow: 0 1.3333333333vw 5.3333333333vw 0 rgba(0,0,0,.6);
        transform: scale(1) translate(0) !important
    }
}

.more[data-v-7ce2e4a2] {
    background: linear-gradient(180deg,#795e18,#ffd759 50.52%,#c87604);
    grid-column-start: span 4;
    grid-row-start: span 3;
    padding: 6px
}

.more>div[data-v-7ce2e4a2],.more[data-v-7ce2e4a2] {
    border-radius: 18px
}

.more>div[data-v-7ce2e4a2] {
    grid-gap: 16px;
    align-content: center;
    background: linear-gradient(180deg,#5e0c28 6.84%,#a0153b);
    background-blend-mode: normal,normal;
    box-shadow: 0 9px 35px 0 hsla(0,0%,4%,.3);
    display: grid;
    grid-template-columns: repeat(4,130px);
    grid-template-rows: repeat(auto-fill,130px);
    height: 452px;
    justify-content: center;
    position: relative;
    width: 100%
}

.more .img5[data-v-7ce2e4a2] {
    bottom: -8px;
    height: 60px;
    position: absolute;
    right: -15px;
    width: 69px
}

.more__info[data-v-7ce2e4a2] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: linear-gradient(180deg,#a01522,#b31a27);
    background-blend-mode: normal,normal;
    border: 5.488px solid #fff38f;
    border-radius: 19.756px;
    border-radius: 18px;
    box-shadow: inset 0 0 43.90194px 21.95097px rgba(135,27,15,.8),0 4.39019px 4.39019px 0 rgba(0,0,0,.25);
    -webkit-box-shadow: 0 0 40px 20px rgba(53,7,73,.2);
    cursor: pointer;
    grid-column-start: span 2;
    grid-row-start: span 2;
    position: relative;
    transform: translate(0,0,0);
    -webkit-transform: translateZ(0);
    z-index: 1
}

.more__info__content[data-v-7ce2e4a2] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 36px 14px 0;
    position: relative;
    width: 100%;
    z-index: 1
}

.more__info__content[data-v-7ce2e4a2]:after {
    animation: lightTranslateX 2s linear 0s infinite;
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0));
    bottom: 0;
    content: "";
    display: block;
    height: 150%;
    left: 0;
    position: absolute;
    right: 0;
    top: -20%;
    transform: rotate(5deg);
    transform-origin: center center;
    width: 20%
}

.more__info__top[data-v-7ce2e4a2] {
    align-items: center;
    display: flex
}

.more__info__top__icon[data-v-7ce2e4a2] {
    display: block;
    height: 58px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 57px
}

.more__info__top__title[data-v-7ce2e4a2] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg,#fff670 32.67%,#f7ad40 73.3%);
    background-clip: text;
    -webkit-background-clip: text;
    font-family: Heebo-Bold;
    font-size: 45px;
    line-height: normal
}

.more__info .position[data-v-7ce2e4a2] {
    position: absolute
}

.more__info .img1[data-v-7ce2e4a2] {
    bottom: -7px;
    height: 120px;
    left: -35px;
    width: 95px
}

.more__info .img2[data-v-7ce2e4a2] {
    bottom: 0;
    height: 24px;
    right: 45px;
    width: 24px
}

.more__info .img3[data-v-7ce2e4a2] {
    bottom: 0;
    height: 52px;
    right: -10px;
    width: 58px
}

.more__info .img4[data-v-7ce2e4a2] {
    align-items: center;
    display: flex;
    height: 90px;
    justify-content: center;
    right: -20px;
    top: -45px;
    width: 80px;
    z-index: 2
}

.more__info .img4 img[data-v-7ce2e4a2] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.more__info .img4 span[data-v-7ce2e4a2] {
    -webkit-text-stroke: 2px #ab1903;
    color: #fefe40;
    font-family: Heebo-ExtraBold;
    font-size: 31px;
    line-height: normal;
    transform: rotate(-10deg) translateY(5px)
}

.more__info__explain[data-v-7ce2e4a2] {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    color: hsla(0,0%,100%,.8);
    display: -webkit-box;
    font-family: Heebo-Light;
    font-size: 16px;
    line-height: 20px;
    margin-top: 14px;
    overflow: hidden;
    text-align: center;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis
}

.more__info__btn[data-v-7ce2e4a2] {
    background-color: transparent;
    background: linear-gradient(180deg,#80e710,#80e70f 48.36%,#45a005 48.98%,#079736);
    border: 2px solid #e7d277;
    border-radius: 120px;
    color: #fff;
    font-family: Heebo-Medium;
    font-size: 18px;
    line-height: 1;
    margin: 24px auto 0;
    padding: 5px 26px;
    text-shadow: 0 2px 0 #207866
}

.more__normal[data-v-7ce2e4a2] {
    background-color: transparent!important;
    box-shadow: none!important;
    height: 130px!important
}

@media(max-width: 750px) {
    .more[data-v-7ce2e4a2] {
        padding:1.0666666667vw
    }

    .more>div[data-v-7ce2e4a2],.more[data-v-7ce2e4a2] {
        border-radius: 2.6666666667vw
    }

    .more>div[data-v-7ce2e4a2] {
        grid-gap: 1.6vw 2.6666666667vw;
        box-shadow: 0 1.3333333333vw 5.3333333333vw 0 hsla(0,0%,4%,.3);
        grid-template-columns: repeat(4,20vw);
        grid-template-rows: repeat(auto-fill,20vw);
        height: 66.9333333333vw
    }

    .more .img5[data-v-7ce2e4a2] {
        bottom: -2.1333333333vw;
        height: 9.0666666667vw;
        right: -4vw;
        width: 10.6666666667vw
    }

    .more__info[data-v-7ce2e4a2] {
        border: .8vw solid #fff38f;
        border-radius: 2.6666666667vw
    }

    .more__info__content[data-v-7ce2e4a2] {
        padding: 3.4666666667vw 2.6666666667vw 0
    }

    .more__info__top__icon[data-v-7ce2e4a2] {
        height: 6.9333333333vw;
        width: 8vw
    }

    .more__info__top__title[data-v-7ce2e4a2] {
        font-size: 6.4vw;
        line-height: 5.6vw;
        margin-top: .8vw
    }

    .more__info .img1[data-v-7ce2e4a2] {
        bottom: -1.8666666667vw;
        height: 18.6666666667vw;
        left: -5.8666666667vw;
        width: 15.2vw
    }

    .more__info .img2[data-v-7ce2e4a2] {
        height: 3.7333333333vw;
        right: 6.1333333333vw;
        width: 3.7333333333vw
    }

    .more__info .img3[data-v-7ce2e4a2] {
        height: 8vw;
        right: -2.6666666667vw;
        width: 8.8vw
    }

    .more__info .img4[data-v-7ce2e4a2] {
        height: 10.6666666667vw;
        right: -4vw;
        top: -5.3333333333vw;
        width: 12.2666666667vw
    }

    .more__info .img4 span[data-v-7ce2e4a2] {
        -webkit-text-stroke: .2133333333vw #ab1903;
        font-size: 4vw
    }

    .more__info__explain[data-v-7ce2e4a2] {
        font-size: 2.4vw;
        line-height: 3.2vw;
        margin-top: 2.6666666667vw
    }

    .more__info__btn[data-v-7ce2e4a2] {
        border-radius: 3.7333333333vw;
        border-width: .2666666667vw;
        font-size: 2.6666666667vw;
        line-height: 2.6666666667vw;
        margin-top: 4vw;
        padding: .8vw 2.9333333333vw .5333333333vw;
        text-shadow: 0 .5333333333vw 0 #207866
    }

    .more__normal[data-v-7ce2e4a2] {
        border-radius: 2.1333333333vw!important;
        height: 20vw!important
    }

    .more__normal[data-v-7ce2e4a2] .normal__h5 {
        border-radius: 0 2.1333333333vw 0 2.1333333333vw
    }

    .more.less[data-v-7ce2e4a2] {
        height: 45.3333333333vw
    }
}

.normal[data-v-f5af510e] {
    background-color: var(--box-color);
    border-radius: 18px;
    box-shadow: 0 9px 35px 0 hsla(0,0%,4%,.3);
    cursor: pointer;
    grid-column-start: span 1;
    grid-row-start: span 1;
    height: 140px;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: transform .3s ease,box-shadow .3s ease
}

.normal[data-v-f5af510e],.normal__img[data-v-f5af510e] {
    display: block;
    width: 100%
}

.normal__img[data-v-f5af510e] {
    border-radius: inherit;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.normal__span[data-v-f5af510e] {
    bottom: 0;
    color: #fff;
    font-family: Heebo-Medium;
    font-size: 14px;
    left: 0;
    line-height: 18px;
    padding: 6px 5px 2px;
    text-align: center;
    transform: translateY(8px)
}

.normal__h5[data-v-f5af510e],.normal__span[data-v-f5af510e] {
    -webkit-font-smoothing: antialiased;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: transform .3s ease .1s,opacity .3s ease .1s;
    z-index: 6
}

.normal__h5[data-v-f5af510e] {
    align-items: center;
    background-blend-mode: normal,normal;
    background-image: linear-gradient(-30deg,#ef2391,#bc0869);
    border-radius: 0 18px 0 18px;
    box-shadow: 0 2px 8px 0 hsla(0,0%,4%,.3);
    display: flex;
    display: -ms-flexbox;
    font-family: Heebo-Bold;
    font-size: 12px;
    height: 22px;
    justify-content: center;
    line-height: 1;
    min-width: 34px;
    padding: 0 5px;
    top: 0
}

.normal[data-v-f5af510e]:after {
    background: linear-gradient(transparent 25%,rgba(0,0,0,.5));
    border-radius: inherit;
    bottom: 0;
    contain: strict;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 4
}

.normal[data-v-f5af510e]:hover {
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.6);
    transform: scale(1.14) translateY(-18px);
    transition: transform .3s,box-shadow .3s;
    z-index: 1
}

.normal:hover .normal__span[data-v-f5af510e] {
    opacity: 1;
    transform: translate(0)
}

.normal:hover .normal__h5[data-v-f5af510e],.normal[data-v-f5af510e]:hover:after {
    opacity: 1
}

.scale[data-v-f5af510e] {
    background-color: transparent;
    box-shadow: none;
    z-index: 7
}

.scale .normal__img[data-v-f5af510e] {
    transform: scale(1.2)
}

@media(max-width: 750px) {
    .normal[data-v-f5af510e] {
        border-radius:2.6666666667vw;
        box-shadow: 0 1.3333333333vw 5.3333333333vw 0 hsla(0,0%,4%,.3);
        height: 21.3333333333vw
    }

    .normal[data-v-f5af510e]:after,.normal__h5[data-v-f5af510e],.normal__span[data-v-f5af510e] {
       
    }

    .normal[data-v-f5af510e]:hover {
        box-shadow: 0 1.3333333333vw 5.3333333333vw 0 rgba(0,0,0,.6);
        transform: scale(1) translate(0)
    }
}

.mobile .showH5[data-v-f5af510e] {
    display: block!important
}

.desktop .showH5[data-v-f5af510e],.mobile .showPc[data-v-f5af510e] {
    display: none!important
}

.desktop .showPc[data-v-f5af510e] {
    display: block!important
}

.googleAdStyle[data-v-6b7234f7] {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column
}

.googleAdStyle .title[data-v-6b7234f7] {
    background: #020202;
    flex-shrink: 0;
    font-family: Heebo;
    font-size: 20px;
    line-height: 25px;
    text-align: center
}

@media(max-width: 750px) {
    .googleAdStyle .title[data-v-6b7234f7] {
        font-size:3.2vw;
        line-height: 4.5333333333vw
    }
}

.explain p[data-v-531d333a] {
    font-family: Heebo;
    font-size: 16px;
    line-height: 24px
}

@media(max-width: 750px) {
    .explain p[data-v-531d333a] {
        font-size:12px;
        line-height: 16px
    }
}

.googleAdStyle .title[data-v-7758e5fa] {
    background: #020202;
    font-family: Heebo;
    font-size: 20px;
    line-height: 25px;
    text-align: center
}

@media(max-width: 750px) {
    .googleAdStyle .title[data-v-7758e5fa] {
        font-size:3.2vw;
        line-height: 4.5333333333vw
    }
}

.more[data-v-6aacbc01] {
    grid-gap: 16px;
    align-content: center;
    background: linear-gradient(180deg,#1da546,#7dba45);
    background: var(--game-4001,linear-gradient(180deg,#1da546 0,#7dba45 100%));
    background-blend-mode: normal,normal;
    box-shadow: 0 9px 35px 0 hsla(0,0%,4%,.3);
    display: grid;
    grid-column-start: span 4;
    grid-row-start: span 3;
    grid-template-columns: repeat(4,130px);
    grid-template-rows: repeat(auto-fill,130px);
    height: 452px;
    justify-content: center;
    width: 100%
}

.more[data-v-6aacbc01],.more__info[data-v-6aacbc01] {
    border-radius: 18px
}

.more__info[data-v-6aacbc01] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /* background: linear-gradient(180deg,#1da546,#7dba45); */
    background-blend-mode: normal,normal;
    box-shadow: 0 0 40px 20px rgba(53,7,73,.2);
    cursor: pointer;
    grid-column-start: span 2;
    grid-row-start: span 2;
    overflow: hidden;
    padding: 36px 24px 0 36px;
    transform: translate(0,0,0);
    -webkit-transform: translateZ(0)
}

.more__info__icon[data-v-6aacbc01] {
    display: block;
    filter: drop-shadow(0 0 15px #2b206b);
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 22px
}

.more__info__title[data-v-6aacbc01] {
    font-family: Heebo-Bold;
    font-size: 24px;
    line-height: 1;
    margin-top: 15px
}

.more__info__explain[data-v-6aacbc01] {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    color: hsla(0,0%,100%,.5);
    display: -webkit-box;
    font-family: Heebo;
    font-size: 15px;
    line-height: 20px;
    margin-top: 14px;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis
}

.more__info__btn[data-v-6aacbc01] {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 13px;
    color: #fff;
    display: inline-block;
    font-family: Heebo-Medium;
    font-size: 12px;
    line-height: 1;
    margin-top: 24px;
    padding: 5px 22px
}

.more__normal[data-v-6aacbc01] {
    height: 130px!important
}

.more.less[data-v-6aacbc01] {
    grid-row-start: span 2;
    height: 296px
}

@media(max-width: 750px) {
    .more[data-v-6aacbc01] {
        grid-gap:1.6vw 2.6666666667vw;
        box-shadow: 0 1.3333333333vw 5.3333333333vw 0 hsla(0,0%,4%,.3);
        grid-template-columns: repeat(4,20vw);
        grid-template-rows: repeat(auto-fill,20vw);
        height: 66.9333333333vw
    }

    .more[data-v-6aacbc01],.more__info[data-v-6aacbc01] {
        border-radius: 2.6666666667vw
    }

    .more__info[data-v-6aacbc01] {
        padding: 3.4666666667vw 3.4666666667vw 0 4vw
    }

    .more__info__icon[data-v-6aacbc01] {
        filter: drop-shadow(0 0 4vw #2b206b);
        height: 3.7333333333vw;
        width: 3.7333333333vw
    }

    .more__info__title[data-v-6aacbc01] {
        font-size: 3.7333333333vw;
        line-height: 5.6vw;
        margin-top: .8vw
    }

    .more__info__explain[data-v-6aacbc01] {
        font-size: 2.4vw;
        line-height: 3.2vw;
        margin-top: 1.0666666667vw
    }

    .more__info__btn[data-v-6aacbc01] {
        border-radius: 3.7333333333vw;
        border-width: .2666666667vw;
        font-size: 2.1333333333vw;
        line-height: 2.6666666667vw;
        margin-top: 4vw;
        padding: .5333333333vw 2.9333333333vw 0
    }

    .more__normal[data-v-6aacbc01] {
        border-radius: 2.1333333333vw!important;
        height: 20vw!important
    }

    .more__normal[data-v-6aacbc01] .normal__h5 {
        border-radius: 0 2.1333333333vw 0 2.1333333333vw
    }

    .more.less[data-v-6aacbc01] {
        height: 45.3333333333vw
    }
}