.header[data-v-50949f80] {
    background: url(../image/header_bg.a2626e8.svg) no-repeat 50%;
    background-size: cover;
    border-radius: 0 18px 18px 0;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 213px;
    z-index: 2
}

.header__main[data-v-50949f80] {
    display: flex;
    flex-direction: column
}

.header__main .logo_pc[data-v-50949f80] {
    margin: 20px 0 8px 20px
}

.header__main .logo_pc img[data-v-50949f80],
.header__main .logo_pc[data-v-50949f80] {
    height: 56px;
    width: 210px
}

.header__main .title[data-v-50949f80] {
    font-family: Sans-Bold;
    font-size: 18px;
    line-height: 28px;
    margin-left: 20px
}

.header__main .menu[data-v-50949f80] {
    background: rgba(0, 0, 0, .13);
    display: flex;
    flex-direction: column;
    margin: 4px 0 20px
}

.header__main .menu-item[data-v-50949f80] {
    display: flex;
    flex-direction: column;
    height: 41px;
    justify-content: center;
    position: relative
}

.header__main .menu-item .content[data-v-50949f80] {
    align-items: center;
    display: flex;
    margin-left: 35px
}

.header__main .menu-item .content span[data-v-50949f80] {
    font-family: Sans;
    font-size: 14px;
    line-height: 22px;
    margin-left: 16px
}

.header__main .menu-item[data-v-50949f80]:after {
    background: hsla(0, 0%, 100%, .06);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    transform: matrix(1, 0, 0, -1, 0, 0);
    width: 100%
}

.header__main .menu-item.active[data-v-50949f80] {
    background: url(../image/active-bg.d7ce025.png) no-repeat 100%;
    background-size: 200px 44px;
    height: 50px;
    margin-right: -7px
}

.header__main .menu-item.active .content span[data-v-50949f80] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(176.98deg, #f37634 38.14%, #6634f3 105.46%), linear-gradient(0deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), #111117;
    -webkit-background-clip: text;
    background-clip: text
}

.header__main .menu-item.active[data-v-50949f80]:after {
    content: "";
    display: none
}

.header__main .menu-item[data-v-50949f80]:hover:not(.active) {
    background: rgba(0, 0, 0, .13)
}

.header__main .menu-item[data-v-50949f80]:last-child:after {
    content: "";
    display: none
}

.header__main .recent-info[data-v-50949f80] {
    margin: 10px auto;
    width: 150px
}

.header__main .recent-info .item[data-v-50949f80] {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
    width: 100%
}

.header__main .recent-info .item .img[data-v-50949f80] {
    border-radius: 36%;
    height: 42px;
    margin-right: 10px;
    width: 42px
}

.header__main .recent-info .item span[data-v-50949f80],
.header__main .recent-info .more[data-v-50949f80] {
    font-family: Sans;
    font-size: 12px;
    line-height: 16px
}

.header__main .recent-info .more[data-v-50949f80] {
    background: hsla(0, 0%, 100%, .15);
    border-radius: 12px;
    height: 32px;
    width: 100%
}

.header .h5-menu[data-v-50949f80] {
    display: none
}

@media (max-width: 750px) {
    .header[data-v-50949f80] {
        background: url(../image/menu-bg.54e6d86.png) no-repeat 50%;
        background-size: cover;
        border-radius: 0;
        height: 25.6vw;
        left: calc(100% - 12.8vw);
        top: calc(50% - 12.8vw);
        top: 20%;
        width: 12.8vw;
        z-index: 31
    }
    .header__main[data-v-50949f80] {
        display: none
    }
    .header .h5-menu[data-v-50949f80] {
        display: block;
        left: 3.2vw;
        position: absolute;
        top: calc(50% - 3.2vw)
    }
    .header .h5-menu .menu[data-v-50949f80] {
        height: 6.4vw;
        width: 6.4vw
    }
}

.header[data-v-05a9e3d2] {
    flex-shrink: 0;
    height: 56px;
    margin: 30px 30px 0 0;
    width: 50%;
    z-index: 1
}

.header__main[data-v-05a9e3d2] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-end
}

.header__main__logo[data-v-05a9e3d2] {
    display: flex
}

.header__main .logo_pc[data-v-05a9e3d2] {
    margin-left: 30px;
    height: 56px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 240px
}

.header__main .logo_h5[data-v-05a9e3d2] {
    display: none
}

.header__main .right-info[data-v-05a9e3d2] {
    align-items: center;
    display: flex
}

.header__main .right-info .search_info[data-v-05a9e3d2] {
    align-items: center;
    background: rgba(0, 0, 0, .39);
    border: 2px solid #fdc836;
    border-radius: 30px;
    display: flex;
    height: 46px;
    justify-content: space-between;
    padding: 0 20px;
    width: 203px
}

.header__main .right-info .search_info input[data-v-05a9e3d2] {
    font-family: Sans;
    font-size: 14px;
    line-height: 22px;
    width: 100%
}

.header__main .right-info .search_info button[data-v-05a9e3d2] {
    height: 24px;
    width: 24px
}

.header__main .right-info .search_info-h5[data-v-05a9e3d2] {
    display: none
}

.header.allWidth[data-v-05a9e3d2] {
    width: 100%
}

.header.allWidth .header__main[data-v-05a9e3d2] {
    justify-content: space-between
}

.header.searchPage[data-v-05a9e3d2] {
    display: none
}

@media (max-width: 750px) {
    .header[data-v-05a9e3d2] {
        height: 14.9333333333vw;
        margin: 5.0666666667vw 3.7333333333vw 0 0;
        width: 100%
    }
    .header__main[data-v-05a9e3d2] {
        align-items: flex-start;
        justify-content: space-between
    }
    .header__main .logo_pc[data-v-05a9e3d2] {
        display: none
    }
    .header__main .logo_h5[data-v-05a9e3d2] {
            margin-left: 20px;
        display: block;
        height: 14.9333333333vw;
        -o-object-fit: contain;
        object-fit: contain;
        width: 52vw
    }
    .header__main .right-info .search_info[data-v-05a9e3d2] {
        display: none
    }
    .header__main .right-info .search_info-h5[data-v-05a9e3d2] {
        background: rgba(0, 0, 0, .5);
        border: .5333333333vw solid #fdc836;
        border-radius: 50%;
        display: block;
        height: 12.8vw;
        width: 12.8vw
    }
    .header__main .right-info .search_info-h5 img[data-v-05a9e3d2] {
        height: 6.4vw;
        width: 6.4vw
    }
    .header.searchPage[data-v-05a9e3d2] {
        display: block
    }
}

.install[data-v-586f7576] {
    background: url(../image/desktop.e0eb2a8.png) no-repeat 50%;
    height: 54px;
    margin-right: 24px;
    width: 262px
}

.install .desktop[data-v-586f7576] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.install .desktop img[data-v-586f7576] {
    display: block;
    height: 24px;
    margin-right: 9px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.install .desktop span[data-v-586f7576] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(176.98deg, #f37634 38.14%, #6634f3 105.46%), linear-gradient(0deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), #111117;
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Sans;
    font-size: 18px;
    line-height: 28px
}

.install .desktop-h5[data-v-586f7576] {
    display: none
}

@media (max-width: 750px) {
    .install[data-v-586f7576] {
        background: none;
        height: 12.2666666667vw;
        margin-right: 6.1333333333vw;
        width: 12.2666666667vw
    }
    .install .desktop[data-v-586f7576] {
        display: none
    }
    .install .desktop-h5[data-v-586f7576] {
        background: rgba(0, 0, 0, .5);
        border: .5333333333vw solid #fdc836;
        border-radius: 50%;
        display: block;
        height: 12.2666666667vw;
        width: 12.2666666667vw
    }
}

.footer[data-v-23d6aa22],
.footer__main[data-v-23d6aa22] {
    width: 100%
}

.footer__main .goTop[data-v-23d6aa22] {
    background: rgba(0, 0, 0, .5);
    border: 2px solid #fdc836;
    border-radius: 50%;
    bottom: 106px;
    height: 48px;
    position: fixed;
    right: 10px;
    width: 48px;
    z-index: 2
}

.footer__main .goTop .arrow[data-v-23d6aa22] {
    height: 100%;
    width: 100%
}

.footer__main .bottom[data-v-23d6aa22] {
    align-items: center;
    background: hsla(0, 0%, 100%, .15);
    display: flex;
    height: 56px;
    justify-content: space-between;
    padding: 0 30px 0 60px;
    position: relative
}

.footer__main .bottom .link[data-v-23d6aa22] {
    align-items: center;
    display: flex;
    display: -ms-flexbox
}

.footer__main .bottom .link .list[data-v-23d6aa22] {
    margin-right: 20px
}

.footer__main .bottom .link .list a[data-v-23d6aa22] {
    font-family: Sans;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    transition: color .3s
}

.footer__main .bottom .link .list a[data-v-23d6aa22]:hover {
    color: #1978ff
}

.footer__main .bottom .link .list[data-v-23d6aa22]:last-child {
    margin-right: 0
}

.footer__main .bottom .right[data-v-23d6aa22] {
    align-items: center;
    display: flex
}

.footer__main .bottom .right .title[data-v-23d6aa22] {
    color: hsla(0, 0%, 100%, .5);
    font-family: Sans;
    font-size: 12px;
    line-height: 15px
}

.footer__main .bottom .right .share-info[data-v-23d6aa22] {
    align-items: center;
    display: flex
}

.footer__main .bottom .right .share-info .item[data-v-23d6aa22] {
    cursor: pointer;
    margin-left: 30px
}

.footer__main .h5-bottom[data-v-23d6aa22],
.footer__main .h5-logo[data-v-23d6aa22] {
    display: none
}

@media (max-width: 1366px) {
    .footer__main .deep-right-bg[data-v-23d6aa22],
    .footer__main .left[data-v-23d6aa22],
    .footer__main .svg-left-16[data-v-23d6aa22],
    .footer__main .svg-left-40[data-v-23d6aa22],
    .footer__main .svg-right-16[data-v-23d6aa22] {
        display: none
    }
    .footer__main .bottom[data-v-23d6aa22] {
        padding: 20px
    }
    .footer__main .bottom .link[data-v-23d6aa22] {
        width: 100%
    }
    .footer__main .bottom .right[data-v-23d6aa22] {
        display: none
    }
}

@media (max-width: 750px) {
    .footer[data-v-23d6aa22] {
        margin-top: 5.3333333333vw
    }
    .footer__main[data-v-23d6aa22] {
        position: relative
    }
    .footer__main .goTop[data-v-23d6aa22] {
        background: rgba(0, 0, 0, .5);
        border: .5333333333vw solid #fdc836;
        border-radius: 50%;
        bottom: 13.3333333333vw;
        height: 12.8vw;
        position: fixed;
        right: 3.4666666667vw;
        width: 12.8vw;
        z-index: 2
    }
    .footer__main .goTop .arrow[data-v-23d6aa22] {
        height: 100%;
        width: 100%
    }
    .footer__main .bottom[data-v-23d6aa22] {
        display: none
    }
    .footer__main .h5-logo[data-v-23d6aa22] {
        display: block;
        height: 12.2666666667vw;
        margin-bottom: 4vw;
        text-align: center
    }
    .footer__main .h5-bottom[data-v-23d6aa22] {
        background: hsla(0, 0%, 100%, .15);
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .footer__main .h5-bottom .logo[data-v-23d6aa22] {
        align-items: center;
        display: flex;
        flex-direction: column;
        margin: 10.6666666667vw 0
    }
    .footer__main .h5-bottom .logo .img[data-v-23d6aa22] {
        height: 19.2vw;
        width: 19.2vw
    }
    .footer__main .h5-bottom .logo .title[data-v-23d6aa22] {
        height: 6.4vw;
        margin-top: 2.6666666667vw;
        width: 37.3333333333vw
    }
    .footer__main .h5-bottom .list[data-v-23d6aa22] {
        width: 100%
    }
    .footer__main .h5-bottom .list__item[data-v-23d6aa22] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-top: 8vw;
        padding: 0 5.3333333333vw
    }
    .footer__main .h5-bottom .list__item span[data-v-23d6aa22] {
        color: #fff;
        font-family: Sans;
        font-size: 4.2666666667vw;
        line-height: 5.3333333333vw
    }
    .footer__main .h5-bottom .share-info[data-v-23d6aa22] {
        align-items: center;
        display: flex;
        margin-left: 5.3333333333vw;
        margin-top: 8vw
    }
    .footer__main .h5-bottom .share-info .item[data-v-23d6aa22] {
        margin-right: 8vw
    }
    .footer__main .h5-bottom .info[data-v-23d6aa22] {
        color: #fff;
        font-family: Sans;
        font-size: 3.2vw;
        line-height: 4vw;
        margin: 20px;
        opacity: .5
    }
}

.privacy[data-v-0671c7c4] {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    padding: 16px 28px;
    width: 100%
}

.privacy .text[data-v-0671c7c4] {
    color: #aaabbd;
    flex: 1;
    font-size: 16px;
    line-height: 20px;
    min-width: 0;
    visibility: hidden
}

.privacy .text a[data-v-0671c7c4] {
    color: #6e60f3;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    transition: color .3s
}

.privacy .text a[data-v-0671c7c4]:hover {
    color: #aaabbd
}

.privacy .btn[data-v-0671c7c4] {
    background: #6c5dd3;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .25);
    color: #fff;
    flex-shrink: 0;
    font-size: 16px;
    height: 40px;
    transition: background .3s;
    visibility: hidden;
    width: 140px
}

.privacy .btn[data-v-0671c7c4]:hover {
    background: #7a78ff
}

.privacy__main[data-v-0671c7c4] {
    align-items: center;
    background: #111216;
    bottom: 0;
    display: flex;
    display: -ms-flexbox;
    left: 0;
    padding: 16px 28px;
    position: fixed;
    width: 100%;
    z-index: 8
}

.privacy__main .btn[data-v-0671c7c4],
.privacy__main .text[data-v-0671c7c4] {
    visibility: visible
}

@media (max-width: 500px) {
    .privacy[data-v-0671c7c4],
    .privacy__main[data-v-0671c7c4] {
        padding: 2.1333333333vw 3.2vw
    }
    .privacy .text[data-v-0671c7c4] {
        font-size: 3.2vw;
        line-height: 4.8vw
    }
    .privacy .btn[data-v-0671c7c4] {
        border-radius: 1.6vw;
        box-shadow: 0 1.0666666667vw 5.3333333333vw rgba(0, 0, 0, .25);
        font-size: 3.7333333333vw;
        height: 10.6666666667vw;
        margin-left: 1.3333333333vw;
        width: 32vw
    }
}

.loading-box[data-v-7e316012] {
    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-7e316012],
.loading-box .loader[data-v-7e316012]:after,
.loading-box .loader[data-v-7e316012]:before {
    animation-fill-mode: both;
    animation: load7-7e316012 1.8s ease-in-out infinite;
    border-radius: 50%;
    height: 2.5em;
    width: 2.5em
}

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

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

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

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

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

.detail[data-v-759a9955] {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTQiIGhlaWdodD0iOTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05NCA0N0M5NCA5LjggODQuMiAwIDQ3IDBTMCA5LjggMCA0N3M5LjggNDcgNDcgNDcgNDctOS44IDQ3LTQ3WiIgZmlsbD0iI0M0QzRDNCIvPjwvc3ZnPg==) no-repeat 50%;
    background-size: contain;
    border-radius: 36%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
    cursor: pointer;
    grid-column-start: span 1;
    grid-row-start: span 1;
    height: 120px;
    overflow: hidden;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.detail[data-v-759a9955],
.detail__img[data-v-759a9955] {
    display: block;
    width: 100%
}

.detail__img[data-v-759a9955] {
    border-radius: inherit;
    filter: url(#inset-shadow);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.detail svg[data-v-759a9955] {
    height: 120px;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px
}

.detail__span[data-v-759a9955] {
    -webkit-font-smoothing: antialiased;
    bottom: 0;
    font-family: Sans;
    font-size: 12px;
    left: 0;
    line-height: 15px;
    opacity: 0;
    padding: 13px 6px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    transition: transform .3s ease .1s, opacity .3s ease .1s;
    z-index: 6
}

.detail .svg-h5[data-v-759a9955] {
    display: none
}

.detail[data-v-759a9955]:after {
    background: linear-gradient(180deg, rgba(243, 118, 52, 0), rgba(102, 52, 243, .87) 99.01%) bottom;
    border-radius: inherit;
    bottom: 0;
    contain: strict;
    content: "";
    height: 50%;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 4
}

.detail[data-v-759a9955]:hover {
    transform: scale(1.06)
}

.detail:hover .detail__span[data-v-759a9955],
.detail[data-v-759a9955]:hover:after {
    opacity: 1
}

@media (max-width: 750px) {
    .detail[data-v-759a9955] {
        box-shadow: 0 1.0666666667vw 3.2vw rgba(0, 0, 0, .5);
        height: 18.9333333333vw
    }
    .detail__img[data-v-759a9955] {
        filter: url(#inset-shadow-h5)
    }
    .detail svg[data-v-759a9955] {
        height: 18.9333333333vw;
        left: 0;
        position: absolute;
        top: 0;
        width: 18.9333333333vw
    }
    .detail .svg-pc[data-v-759a9955] {
        display: none
    }
    .detail .svg-h5[data-v-759a9955] {
        display: block
    }
    .detail[data-v-759a9955]:hover {
        border: none;
        transform: scale(1);
        z-index: 1
    }
    .detail:hover .detail__span[data-v-759a9955],
    .detail[data-v-759a9955]:hover:after {
        opacity: 0
    }
}

.dialog[data-v-3817a2a5] {
    position: fixed;
    z-index: 31;
}

.hiden {
    display: none;
}

.shows {
    display: block;
}

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

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

.dialog__main[data-v-3817a2a5] {
    background: linear-gradient(175.8deg, #f37634 10.51%, #6634f3 98.71%);
    border-radius: 24px 0 0 24px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 210px;
    z-index: 2
}

.dialog__main>div[data-v-3817a2a5] {
    -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-3817a2a5] {
    width: 100%
}

.dialog__main>div .top .close[data-v-3817a2a5] {
    background: url(../image/menu-bg.54e6d86.png) no-repeat 50%;
    background-size: cover;
    cursor: pointer;
    height: 96px;
    position: absolute;
    right: 210px;
    top: calc(50% - 12px);
    width: 48px
}

.dialog__main>div .top .close img[data-v-3817a2a5] {
    height: 24px;
    left: calc(50% - 12px);
    position: absolute;
    top: calc(50% - 12px);
    width: 24px
}

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

.dialog__main>div .top__menu .href[data-v-3817a2a5] {
    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-3817a2a5] {
    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-3817a2a5] {
    width: 24px
}

.dialog__main>div .top__menu .href .name[data-v-3817a2a5] {
    font-family: Sans-Bold;
    font-size: 16px;
    line-height: 24px
}

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

@media (max-width: 750px) {
    .dialog__main[data-v-3817a2a5] {
        width: 56vw
    }
    .dialog__main>div[data-v-3817a2a5] {
        padding: 8vw 0 0
    }
    .dialog__main>div .top .title[data-v-3817a2a5] {
        font-family: Sans-Bold;
        font-size: 4.8vw;
        line-height: 7.4666666667vw;
        margin-left: 4.5333333333vw
    }
    .dialog__main>div .top .close[data-v-3817a2a5] {
        height: 25.6vw;
        right: 56vw;
        top: calc(50% - 12.8vw);
        width: 12.8vw
    }
    .dialog__main>div .top .close img[data-v-3817a2a5] {
        height: 6.4vw;
        left: calc(50% - 3.2vw);
        top: calc(50% - 3.2vw);
        width: 6.4vw
    }
    .dialog__main>div .top__menu[data-v-3817a2a5] {
        width: 100%
    }
    .dialog__main>div .top__menu .href[data-v-3817a2a5] {
        align-items: center;
        display: flex;
        height: 11.7333333333vw;
        transition: background .3s;
        width: 53.3333333333vw
    }
    .dialog__main>div .top__menu .href img[data-v-3817a2a5] {
        height: 6.4vw;
        margin-left: 8.5333333333vw;
        margin-right: 4.2666666667vw;
        width: 6.4vw
    }
    .dialog__main>div .top__menu .href .name[data-v-3817a2a5] {
        font-family: Sans-Bold;
        font-size: 3.7333333333vw;
        line-height: 5.8666666667vw
    }
    .dialog__main>div .top__menu .href.active[data-v-3817a2a5] {
        background: url(../image/active-bg.d7ce025.png) no-repeat 0;
        background-size: cover;
        margin: 0 1.3333333333vw
    }
    .dialog__main>div .top__menu .href.active img[data-v-3817a2a5] {
        margin-left: 7.2vw
    }
    .dialog__main>div .top__menu .href.active .name[data-v-3817a2a5] {
        -webkit-text-fill-color: transparent;
        background: linear-gradient(176.98deg, #f37634 38.14%, #6634f3 105.46%), linear-gradient(0deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), #111117;
        -webkit-background-clip: text;
        background-clip: text
    }
    .dialog__main>div .bottom[data-v-3817a2a5] {
        margin: 5.3333333333vw 0 1.3333333333vw 4.5333333333vw
    }
    .dialog__main>div .bottom span[data-v-3817a2a5] {
        font-family: Sans-Bold;
        font-size: 4.8vw;
        line-height: 7.4666666667vw
    }
    .dialog__main>div .bottom .recent_list[data-v-3817a2a5] {
        align-items: center;
        background: rgba(0, 0, 0, .15);
        border-radius: 5.3333333333vw;
        display: flex;
        max-width: 46.1333333333vw;
        padding: 1.3333333333vw
    }
    .dialog__main>div .bottom .recent_list .item[data-v-3817a2a5] {
        height: 13.6vw;
        margin-right: 1.3333333333vw;
        width: 13.6vw
    }
    .dialog__main>div .bottom .recent_list .item .img[data-v-3817a2a5] {
        border-radius: 36%;
        height: 13.6vw;
        width: 13.6vw
    }
    .dialog__main>div .bottom .recent_list .more[data-v-3817a2a5] {
        align-items: center;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTQiIGhlaWdodD0iOTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05NCA0N0M5NCA5LjggODQuMiAwIDQ3IDBTMCA5LjggMCA0N3M5LjggNDcgNDcgNDcgNDctOS44IDQ3LTQ3WiIgZmlsbD0iI0M0QzRDNCIvPjwvc3ZnPg==) no-repeat 50%;
        background-size: contain;
        display: flex;
        height: 12vw;
        justify-content: center;
        opacity: .2;
        width: 12vw
    }
    .dialog__main>div .bottom .recent_list .more>div[data-v-3817a2a5] {
        background: hsla(0, 0%, 100%, .5);
        border-radius: 36%;
        height: 1.3333333333vw;
        margin-right: .8vw;
        width: 1.3333333333vw
    }
}

.detail[data-v-6f4064de] {
    align-items: center;
    cursor: pointer;
    display: flex;
    grid-column-start: span 1;
    grid-row-start: span 1;
    height: 110px;
    overflow: hidden;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 100%
}

.detail__img[data-v-6f4064de] {
    border-radius: 36%;
    display: block;
    height: 110px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 110px
}

.detail__img[data-v-6f4064de],
.detail__span[data-v-6f4064de] {
    transition: transform .3s ease .1s, opacity .3s ease .1s
}

.detail__span[data-v-6f4064de] {
    -webkit-font-smoothing: antialiased;
    font-family: Sans;
    font-size: 16px;
    line-height: 24px;
    margin-left: 18px;
    opacity: 1;
    pointer-events: none
}

.detail:hover .detail__img[data-v-6f4064de] {
    transform: translateX(3px)
}

.detail:hover .detail__span[data-v-6f4064de] {
    opacity: 1;
    transform: scale(1.04)
}

@media (max-width: 750px) {
    .detail[data-v-6f4064de] {
        height: 16vw
    }
    .detail__img[data-v-6f4064de] {
        display: block;
        height: 16vw;
        width: 16vw
    }
    .detail__span[data-v-6f4064de] {
        font-size: 3.2vw;
        line-height: 5.0666666667vw;
        margin-left: 2.1333333333vw
    }
    .detail:hover .detail__img[data-v-6f4064de] {
        transform: translateX(0)
    }
    .detail:hover .detail__span[data-v-6f4064de] {
        transform: scale(1)
    }
}

.googleAdStyle[data-v-a14ddae8] {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.googleAdStyle .title[data-v-a14ddae8] {
    background: #e8f2ff;
    color: #0d1828;
    flex-shrink: 0;
    font-size: 12px;
    line-height: 18px;
    text-align: center
}

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

.main[data-v-39987f50] {
    height: 100%;
    width: 100%
}

.main .play-now[data-v-39987f50] {
    align-items: center;
    display: flex;
    height: 136px
}

.main .play-now .left[data-v-39987f50] {
    align-items: center;
    display: flex;
    width: 400px;
    z-index: 3
}

.main .play-now .left .img[data-v-39987f50] {
    border-radius: 36%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
    filter: url(#inset-shadow);
    height: 136px;
    width: 136px
}

.main .play-now .left .name[data-v-39987f50] {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin-left: 24px
}

.main .play-now .right[data-v-39987f50] {
    background: linear-gradient(92.36deg, #f37634 15.38%, #6634f3 76.3%), linear-gradient(0deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), #111117;
    border-radius: 0 100px 100px 0;
    display: block;
    flex: 1;
    height: 120px;
    margin-left: -360px;
    position: relative
}

.main .play-now .right__item[data-v-39987f50] {
    animation: arrow-wave-39987f50 1s infinite;
    animation-direction: alternate;
    height: 68px;
    width: 248px
}

.main .play-now .right__item[data-v-39987f50]:first-child {
    animation-delay: .1s;
    border: 2px solid #fdc836;
    border-radius: 100px;
    bottom: 26px;
    height: 68px;
    position: absolute;
    right: 26px;
    top: 26px;
    width: 248px
}

.main .play-now .right__item[data-v-39987f50]:nth-child(2) {
    animation-delay: .2s;
    border: 1.6px solid #fdc836;
    border-radius: 100px;
    bottom: 20px;
    height: 80px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 260px
}

.main .play-now .right__item[data-v-39987f50]:nth-child(3) {
    animation-delay: .3s;
    border: 1.2px solid #fdc836;
    border-radius: 100px;
    bottom: 14px;
    height: 92px;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 272px
}

.main .play-now .right__item[data-v-39987f50]:nth-child(4) {
    animation-delay: .4s;
    border: .8px solid #fdc836;
    border-radius: 100px;
    bottom: 8px;
    height: 104px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 284px
}

@keyframes arrow-wave-39987f50 {
    25% {
        opacity: .06
    }
    50% {
        opacity: .12
    }
    75% {
        opacity: .24
    }
    to {
        opacity: .4
    }
}

.main .play-now .right__item[data-v-39987f50]:last-child {
    margin-bottom: 0
}

.main .play-now .right .inside[data-v-39987f50] {
    align-items: center;
    background: url(../image/PlayNow-bg.00afd18.png) no-repeat 50%;
    background-size: contain;
    bottom: 30px;
    cursor: pointer;
    display: flex;
    height: 60px;
    justify-content: center;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 240px
}

.main .play-now .right .inside img[data-v-39987f50] {
    height: 28px;
    margin-right: 10px;
    width: 28px
}

.main .play-now .right .inside span[data-v-39987f50] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(176.98deg, #f37634 38.14%, #6634f3 105.46%), linear-gradient(0deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), #111117;
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Sans-Bold;
    font-size: 18px;
    line-height: 28px
}

.main .play-now .right-h5[data-v-39987f50] {
    display: none
}

@media (max-width: 750px) {
    .main[data-v-39987f50] {
        margin-left: -5.6vw;
        width: 93.6vw
    }
    .main .play-now[data-v-39987f50] {
        background: linear-gradient(92.36deg, #f37634 15.38%, #6634f3 76.3%), linear-gradient(0deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), #111117;
        border-radius: 4.2666666667vw;
        box-shadow: 0 2.1333333333vw 6.4vw rgba(0, 0, 0, .4);
        flex-direction: column;
        height: 49.3333333333vw;
        padding: 3.2vw 0;
        position: relative
    }
    .main .play-now .left[data-v-39987f50] {
        margin-right: 0;
        padding: 0 4vw;
        width: auto
    }
    .main .play-now .left .img[data-v-39987f50] {
        border-radius: 36%;
        filter: url(#inset-shadow-h5);
        height: 19.2vw;
        width: 19.2vw
    }
    .main .play-now .left .name[data-v-39987f50] {
        margin-left: 4.2666666667vw
    }
    .main .play-now .right[data-v-39987f50] {
        display: none
    }
    .main .play-now .right-h5[data-v-39987f50] {
        display: block;
        margin: auto 0
    }
    .main .play-now .right-h5__item[data-v-39987f50] {
        animation: arrow-wave-39987f50 1s infinite;
        animation-direction: alternate;
        height: 12.8vw;
        width: 69.0666666667vw
    }
    .main .play-now .right-h5__item[data-v-39987f50]:first-child {
        animation-delay: .1s;
        border: .5333333333vw solid #fdc836;
        border-radius: 18.4vw;
        bottom: 6.4vw;
        height: 12.8vw;
        left: 12.2666666667vw;
        position: absolute;
        width: 69.0666666667vw
    }
    .main .play-now .right-h5__item[data-v-39987f50]:nth-child(2) {
        animation-delay: .2s;
        border: .4266666667vw solid #fdc836;
        border-radius: 18.4vw;
        bottom: 5.3333333333vw;
        height: 14.9333333333vw;
        left: 11.2vw;
        position: absolute;
        width: 71.2vw
    }
    .main .play-now .right-h5__item[data-v-39987f50]:nth-child(3) {
        animation-delay: .3s;
        border: .32vw solid #fdc836;
        border-radius: 18.4vw;
        bottom: 4.2666666667vw;
        height: 17.0666666667vw;
        left: 10.1333333333vw;
        position: absolute;
        width: 73.3333333333vw
    }
    .main .play-now .right-h5__item[data-v-39987f50]:nth-child(4) {
        animation-delay: .4s;
        border: .2133333333vw solid #fdc836;
        border-radius: 18.4vw;
        bottom: 3.2vw;
        height: 19.2vw;
        left: 9.0666666667vw;
        position: absolute;
        width: 75.4666666667vw
    }
    @keyframes arrow-wave-39987f50 {
        25% {
            opacity: .06
        }
        50% {
            opacity: .12
        }
        75% {
            opacity: .24
        }
        to {
            opacity: .4
        }
    }
    .main .play-now .right-h5 .inside[data-v-39987f50] {
        align-items: center;
        background: url(../image/PlayNow-bg-h5.1bd5da3.png) no-repeat 50%;
        background-size: contain;
        bottom: 5.3333333333vw;
        cursor: pointer;
        display: flex;
        height: 14.4vw;
        justify-content: center;
        left: 13.0666666667vw;
        position: absolute;
        width: 67.4666666667vw
    }
    .main .play-now .right-h5 .inside img[data-v-39987f50] {
        height: 6.4vw;
        margin-right: 2.6666666667vw;
        width: 6.4vw
    }
    .main .play-now .right-h5 .inside span[data-v-39987f50] {
        -webkit-text-fill-color: transparent;
        background: linear-gradient(176.98deg, #f37634 38.14%, #6634f3 105.46%), linear-gradient(0deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), #111117;
        -webkit-background-clip: text;
        background-clip: text;
        font-family: Sans-Bold;
        font-size: 4.8vw;
        line-height: 7.4666666667vw
    }
}

.normal[data-v-662983b8] {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTQiIGhlaWdodD0iOTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05NCA0N0M5NCA5LjggODQuMiAwIDQ3IDBTMCA5LjggMCA0N3M5LjggNDcgNDcgNDcgNDctOS44IDQ3LTQ3WiIgZmlsbD0iI0M0QzRDNCIvPjwvc3ZnPg==) no-repeat 50%;
    background-size: contain;
    border-radius: 36%;
    box-shadow: 0 0 12px rgba(0, 0, 0, .5);
    cursor: pointer;
    grid-column-start: span 1;
    grid-row-start: span 1;
    height: 94px;
    overflow: hidden;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

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

.normal__img[data-v-662983b8] {
    border-radius: inherit;
    filter: url(#inset-shadow);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.normal__span[data-v-662983b8] {
    -webkit-font-smoothing: antialiased;
    font-family: Sans;
    font-size: 12px;
    line-height: 15px;
    padding: 13px 6px;
    pointer-events: none;
    right: 0;
    text-align: center;
    transition: transform .3s ease .1s, opacity .3s ease .1s;
    z-index: 6
}

.normal[data-v-662983b8]:after,
.normal__span[data-v-662983b8] {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute
}

.normal[data-v-662983b8]:after {
    background: linear-gradient(180deg, rgba(243, 118, 52, 0), rgba(102, 52, 243, .87) 99.01%) bottom;
    border-radius: inherit;
    contain: strict;
    content: "";
    height: 50%;
    width: 100%;
    z-index: 4
}

.normal[data-v-662983b8]:hover {
    transform: scale(1.06)
}

.normal:hover .normal__span[data-v-662983b8],
.normal[data-v-662983b8]:hover:after {
    opacity: 1
}

@media (max-width: 750px) {
    .normal[data-v-662983b8] {
        height: 20.8vw
    }
    .normal[data-v-662983b8]:hover {
        border: none;
        transform: scale(1);
        z-index: 1
    }
    .normal:hover .normal__span[data-v-662983b8],
    .normal[data-v-662983b8]:hover:after {
        opacity: 0
    }
}

.googleAdStyle[data-v-8058319a] {
    background-color: #ccc !important;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column
}

.googleAdStyle .title[data-v-8058319a] {
    background: #e8f2ff;
    color: #0d1828;
    flex-shrink: 0;
    font-size: 12px;
    line-height: 18px;
    text-align: center
}

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

.item[data-v-560950b1] {
    align-items: center;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: hsla(0, 0%, 100%, .12);
    border-radius: 42px;
    cursor: pointer;
    display: flex;
    display: -ms-flexbox;
    height: 62px;
    overflow: hidden;
    padding: 6px;
    transform: translate(0, 0, 0);
    -webkit-transform: translateZ(0);
    transition: background-color .3s, transform .3s;
    width: 284px
}

.item__left[data-v-560950b1] {
    flex-shrink: 0;
    height: 36px;
    margin-left: 20px;
    margin-right: 12px;
    transition: transform .3s;
    width: 36px
}

.item__left img[data-v-560950b1] {
    height: 36px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 36px
}

.item__right[data-v-560950b1] {
    display: flex;
    display: -ms-flexbox;
    flex: 1;
    flex-direction: column;
    min-width: 0
}

.item__right span[data-v-560950b1] {
    font-family: Sans;
    font-size: 18px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item[data-v-560950b1]:hover {
    border: 2px solid #fdc836
}

@media (max-width: 750px) {
    .item[data-v-560950b1] {
        border-radius: 10.6666666667vw;
        height: 11.2vw;
        width: 44.5333333333vw
    }
    .item__left[data-v-560950b1] {
        flex-shrink: 0;
        height: 6.4vw;
        margin-left: 4vw;
        margin-right: 2.1333333333vw;
        transition: transform .3s;
        width: 6.4vw
    }
    .item__left img[data-v-560950b1] {
        height: 6.4vw;
        -o-object-fit: cover;
        object-fit: cover;
        width: 6.4vw
    }
    .item__right[data-v-560950b1] {
        display: flex;
        display: -ms-flexbox;
        flex: 1;
        flex-direction: column;
        min-width: 0
    }
    .item__right span[data-v-560950b1] {
        font-size: 3.7333333333vw;
        line-height: 5.8666666667vw
    }
}

.large[data-v-6d4b7db4] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTQiIGhlaWdodD0iOTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05NCA0N0M5NCA5LjggODQuMiAwIDQ3IDBTMCA5LjggMCA0N3M5LjggNDcgNDcgNDcgNDctOS44IDQ3LTQ3WiIgZmlsbD0iI0M0QzRDNCIvPjwvc3ZnPg==) no-repeat 50%;
    background-size: contain;
    border-radius: 36%;
    box-shadow: 0 4.23645px 12.7094px rgba(0, 0, 0, .5), inset 0 0 12.7094px rgba(0, 0, 0, .85);
    cursor: pointer;
    grid-column-start: span 2;
    grid-row-start: span 2;
    height: 203px;
    overflow: hidden;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    transform: translate(0, 0, 0);
    -webkit-transform: translateZ(0);
    transition: transform .3s ease, box-shadow .3s ease
}

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

.large__img[data-v-6d4b7db4] {
    border-radius: inherit;
    filter: url(#inset-shadow);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.large__span[data-v-6d4b7db4] {
    -webkit-font-smoothing: antialiased;
    bottom: 0;
    font-family: Sans;
    font-size: 19px;
    left: 0;
    line-height: 25px;
    opacity: 0;
    padding: 30px 20px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    transition: transform .3s ease .1s, opacity .3s ease .1s;
    z-index: 6
}

.large__video[data-v-6d4b7db4] {
    border-radius: inherit;
    left: 0;
    overflow: hidden;
    visibility: hidden;
    width: 100%;
    z-index: 5
}

.large__video .video[data-v-6d4b7db4],
.large__video[data-v-6d4b7db4] {
    height: 100%;
    position: absolute;
    top: 0
}

.large__video .video[data-v-6d4b7db4] {
    left: 50%;
    transform: translate(-50%)
}

.large[data-v-6d4b7db4]:after {
    background: linear-gradient(180deg, rgba(243, 118, 52, 0), rgba(102, 52, 243, .87)) top;
    border-radius: 0 0 36% 36%;
    bottom: 0;
    content: "";
    height: 50%;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 4
}

.large[data-v-6d4b7db4]:hover {
    transform: scale(1.06);
    z-index: 1
}

.large:hover .large__span[data-v-6d4b7db4] {
    opacity: 1
}

.large:hover .large__video[data-v-6d4b7db4] {
    visibility: visible
}

@media (max-width: 750px) {
    .large[data-v-6d4b7db4] {
        box-shadow: 0 1.3333333333vw 5.3333333333vw 0 hsla(0, 0%, 4%, .3);
        height: 44.5333333333vw
    }
    .large__span[data-v-6d4b7db4] {
        font-size: 4.8vw;
        line-height: 4.8vw;
        opacity: 1;
        padding: 6.4vw 4.2666666667vw
    }
    .large__video[data-v-6d4b7db4] {
        display: none
    }
    .large[data-v-6d4b7db4]:after {
        opacity: 1
    }
    .large[data-v-6d4b7db4]:hover {
        box-shadow: none;
        transform: scale(1)
    }
    .index1[data-v-6d4b7db4] {
        grid-column-end: 4;
        grid-row-end: 6
    }
    .index2[data-v-6d4b7db4] {
        grid-column-end: 5;
        grid-row-end: 9
    }
    .index3[data-v-6d4b7db4] {
        grid-column-end: 4;
        grid-row-end: 12
    }
    .index4[data-v-6d4b7db4] {
        grid-column-end: 3;
        grid-row-end: 15
    }
}