@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ 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);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translateZ(0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper:before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.popup[data-v-b43f6200] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(1, 1, 1, .8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.popup.show[data-v-b43f6200] {
    opacity: 1;
    z-index: 999;
    pointer-events: all
}

.popup .cont[data-v-b43f6200] {
    position: relative
}

.popup .btn-close[data-v-b43f6200] {
    position: absolute;
    top: 0;
    right: -.7rem;
    width: .21rem;
    height: .22rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWAgMAAABS7T+rAAAACVBMVEUAAAC0rJy0rJx5Je5uAAAAA3RSTlMAgMBakZ4lAAAAR0lEQVQI1y2OuQ0AIAwDTcEGNGyTEWD/ZTiiQ8SO7HypJMABR2VBs39WCxgE2VdaB7C+icW71bQJSdESG2x3mKNd5FqP8KQHTd4HpYI3kyYAAAAASUVORK5CYII=) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer
}

.popup-video .cont[data-v-b43f6200] {
    width: 9.6rem;
    height: 5.4rem;
    position: relative
}

.popup-video .video[data-v-b43f6200] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9.6rem;
    height: 5.4rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.popup-video .btn-close[data-v-b43f6200] {
    top: .5rem;
    right: -.5rem
}

.text-auto-break[data-v-b43f6200] {
    white-space: pre-wrap;
    word-spacing: break-word;
    word-break: break-word;
    overflow-wrap: break-word
}

.popup-age-tip .cont[data-v-b43f6200] {
    width: 11.19rem;
    height: 8.01rem;
    background: url(https://mc.kurogames.com/website-preface/assets/popup-age-0d8ed2eb.png) no-repeat center;
    background-size: 100% 100%
}

.popup-age-tip .cont .btn-close[data-v-b43f6200] {
    right: -1rem;
    width: .6rem;
    height: .6rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAARVBMVEUAAACyqpqyqpqyqpqyqpq0rJy0rJy0rJy0rJy0rJy0rJy0rJy0rJy0rJyzq5u0rJy0rJy0rJy0rJy0rJy0rJy0rJyzq5vfo3PBAAAAFnRSTlMApapVWgbU5xUos5GSsmxEEuC6uJeMOPXZJAAAAMJJREFUSMft1csOgjAYROEiFkEU8Nb3f1RJEzOLQzKmboz27L/8aWbRMO3KC00qb8VjW1bG+1BWxRX/EY7NELbqm8XieEuHYct2qVvs5VPKmjYdo8HSzhJT0xJTGwtMTUuMRmlZg6FlHaaW9Zha1mLqWdZh6iRrMLqv9gprsDbSYhbTXqA91r7a22Fa7e0xrbTHtNIe00p7TEtNTAttMCw0MOw5W2iLoyx0by9PLwv9eOPNc7as/epfsuKKfweX9iF+Ar3/LjaUIGhrAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%
}

.popup-age-tip .age-tip-cont[data-v-b43f6200] {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: .19rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.popup-age-tip .age-tip-title[data-v-b43f6200] {
    width: 100%;
    text-align: center;
    font-size: .36rem;
    color: #bda261;
    margin-top: .55rem;
    font-weight: 700
}

.popup-age-tip .age-tip-box[data-v-b43f6200] {
    width: 7.8rem;
    height: 5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #e1e1e1;
    font-size: .18rem;
    line-height: .32rem;
    letter-spacing: 1px;
    text-align: justify;
    margin: .5rem auto 0
}

.popup-age-tip .age-tip-box .tip-item[data-v-b43f6200] {
    margin-top: .4rem
}

.popup-age-tip .age-tip-box .tip-item[data-v-b43f6200]:first-child {
    margin-top: 0
}

.popup-qq .cont[data-v-b43f6200] {
    width: 4rem;
    height: 4rem;
    background: url(https://mc.kurogames.com/website-preface/assets/popup-qq-8c14af50.png) no-repeat center;
    background-size: 100% 100%
}

.popup-qq h2[data-v-b43f6200] {
    margin: .3rem 0 0 .3rem;
    font-size: .3rem;
    color: #c9ac67
}

.popup-qq .qq-group-section[data-v-b43f6200] {
    margin-top: .2rem;
    padding: .42rem .3rem 0;
    color: #e1e1e1;
    font-size: .18rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.popup-qq .qq-group-section .qq-group-row[data-v-b43f6200] {
    margin-bottom: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.popup-qq .qq-group-section .qq-group-row_number[data-v-b43f6200] {
    margin: 0 .01rem
}

.popup-qq .qq-group-section .qq-group-row_copy[data-v-b43f6200] {
    background-color: #3a3434;
    padding: .02rem .3rem;
    border-radius: .07rem;
    color: #feffff;
    cursor: pointer
}

.popup-qq .qq-group-section .qq-group-row[data-v-b43f6200]:nth-last-child(1) {
    margin-bottom: 0
}

.popup-wechat .cont[data-v-b43f6200] {
    width: 2rem;
    height: 2rem
}

.popup-wechat img[data-v-b43f6200] {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.popup-appstore .cont[data-v-b43f6200] {
    width: 100%;
    height: 100%;
    position: absolute
}

.popup-appstore .appointment-bg[data-v-b43f6200] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .6
}

.popup-appstore .white-bg[data-v-b43f6200] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    pointer-events: none
}

.popup-appstore .appointment-content[data-v-b43f6200] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6.57rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.popup-appstore .appointment-content .success-title-box[data-v-b43f6200] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.popup-appstore .appointment-content .success-title-box .line-right[data-v-b43f6200], .popup-appstore .appointment-content .success-title-box .line-left[data-v-b43f6200] {
    width: 1.76rem
}

.popup-appstore .appointment-content .success-title-box .success-title[data-v-b43f6200] {
    font-weight: 700;
    font-size: .41rem;
    color: #333;
    margin: 0 .13rem;
    white-space: nowrap
}

.popup-appstore .appointment-content .qcode-ios[data-v-b43f6200] {
    width: 2rem;
    height: 2rem;
    display: block;
    margin: .2rem auto 0
}

.popup-text .cont[data-v-b43f6200] {
    width: 6rem;
    height: 4rem;
    background: url(https://mc.kurogames.com/website-preface/assets/popup-age-0d8ed2eb.png) no-repeat center;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup-text .cont .btn-close[data-v-b43f6200] {
    right: -1rem;
    width: .6rem;
    height: .6rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAARVBMVEUAAACyqpqyqpqyqpqyqpq0rJy0rJy0rJy0rJy0rJy0rJy0rJy0rJy0rJyzq5u0rJy0rJy0rJy0rJy0rJy0rJy0rJyzq5vfo3PBAAAAFnRSTlMApapVWgbU5xUos5GSsmxEEuC6uJeMOPXZJAAAAMJJREFUSMft1csOgjAYROEiFkEU8Nb3f1RJEzOLQzKmboz27L/8aWbRMO3KC00qb8VjW1bG+1BWxRX/EY7NELbqm8XieEuHYct2qVvs5VPKmjYdo8HSzhJT0xJTGwtMTUuMRmlZg6FlHaaW9Zha1mLqWdZh6iRrMLqv9gprsDbSYhbTXqA91r7a22Fa7e0xrbTHtNIe00p7TEtNTAttMCw0MOw5W2iLoyx0by9PLwv9eOPNc7as/epfsuKKfweX9iF+Ar3/LjaUIGhrAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%
}

.popup-text .cont .text-cont[data-v-b43f6200] {
    width: 80%;
    font-size: .2rem;
    line-height: .4rem;
    color: #fff;
    text-align: center
}

.main-container[data-v-af3bb5f3], .main-container .bg-img[data-v-af3bb5f3] {
    width: 100%;
    height: 100%
}

.main-container .bg-img img[data-v-af3bb5f3] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-container .video-container[data-v-af3bb5f3] {
    width: 100%;
    height: 100%
}

.main-container .video-container img[data-v-af3bb5f3] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-container .video-container video[data-v-af3bb5f3] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-container.an .bottom-box .btn-play[data-v-af3bb5f3], .main-container.an .bottom-box .order-text[data-v-af3bb5f3], .main-container.an .bottom-box .order-num[data-v-af3bb5f3], .main-container.an .bottom-box .num-line[data-v-af3bb5f3], .main-container.an .bottom-box .order-box[data-v-af3bb5f3], .main-container.an .bottom-box .main-title-img[data-v-af3bb5f3], .main-container.an .bottom-box .download-box[data-v-af3bb5f3], .main-container.an .bottom-box .main-title-img .btn-play[data-v-af3bb5f3] {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.main-container.an .media-slide[data-v-af3bb5f3] {
    opacity: 1;
    -webkit-transform: translate(0, 0%);
    transform: translate(0)
}

.main-container.an .logo[data-v-af3bb5f3], .main-container.an .top-bar[data-v-af3bb5f3] {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.main-container .kv-video[data-v-af3bb5f3] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.main-container .kv-video video[data-v-af3bb5f3] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-container .mask-bg[data-v-af3bb5f3] {
    width: 100%;
    height: 1.8rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.main-container .mask-bg2[data-v-af3bb5f3] {
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: .1
}

.main-container .logo[data-v-af3bb5f3] {
    width: 1.32rem;
    height: .86rem;
    background: url(../image/logo-7a7d21d1.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 10;
    top: 1.76rem;
    left: 1.07rem;
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out
}

.main-container .logo.an[data-v-af3bb5f3] {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.main-container .logo.en[data-v-af3bb5f3], .main-container .logo.de[data-v-af3bb5f3], .main-container .logo.fr[data-v-af3bb5f3], .main-container .logo.es[data-v-af3bb5f3] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ8AAAAzCAYAAACJxdp1AAAN10lEQVR4nO1de7BWVRVf93IvCCjIS0HxgQoIF/AZZpqFaI2YWjlqmTM+aizrD4seappR2Wg1ljY6SVlJZYbmKx+Ulopp4TsBBQHFFyBPeSMgdzW7+e1p9WPtc853v+/ynZv3N3Pmnv3t59lnnbXXY+91RVV7q+ofVXWbqq5V1bdV9U5V3UlVpQ1Xd1W9C22tUdWnVXUI2tlTVWchL1wvq+q4RB/dVPUXqroJZZer6jVU5iJVXaWqG1V1A65QdrW51uP3WOZxVe2L+gdjjPG571DVronx7Kqqj5ixh+dooTJ7qOp89B3a3arZeFhVm0394ar6hpm7DRm112D+vu+MdaiqvmbaeVRVdzP5gzEP61BmfUY/YV5mqOq5Tj/NeCcbC7SzFu/q76p6VKgfGxnoFPY6K3p9ntq6z9S7hPLeVNWGRLuDnXGNRV7PjAfNw7dMHy9R2TMznvEMKvuoU+Y6k79IVW9U1dvpulVV70aZCzLqB+KdAuZwG+o95Dzbxc44rqcyV1D+8ZT/B1Wdij6mggEtozJXOf0w7dyCNm7F/bTEu9jTNnI1ZU6ugvhOp7ammbxDKC9wiS4ZbT1O5U/B78eo6osglgmqeqKqnqCqf6Hyl+H3kH8SJnWKaf+XVH5ixlgCwb9jys5yypxq8herar+M9kZh7Pa3Y0399UhzvRaHMHpTmQmUf4PTznLkbVbVSYkxTqd2xjplZiNvi6pe7uT3dT7yKxvlv3hM/hfDZHuE8heJyOUicpyTH8F17zX371Le+ox2AtZR+h38XS4ix4jI70XkfhG5T0SmicgsKn87fg/594jIJ0TkWpO/lcpvyhjLFhqvN3b7fINEZHJGe7Mx9lT/PUXkR069F/AOLAZTmp9ro9POMvztKiLfFpFeTplrKH2hU2YN/jaLyHdEpB/lrxKRr9JvBzSZxBzKHCUiDSKi5rdw/z10EjAaE8g4hNLPmftGp3wWuiTyeLwRu1J6L6fss+Y+1b6H5gLj5/b2qqB9cdrvkyj3LKWV0k2SjwYqEQj4RfqtldJDC4x5hMPMnqf0eltpgYisNun+IrIvVQgPeItJj0s8Xou5D5xgrknzA+eh0vJlA3P6Sp+XOVhEtxo8J/fFBCxOP5sLtON9oItBuPG6yBZ61+FiRzqNPGPuD3Ty+9LXMR9s970K5hyVwiMIKfjCa9WXRZHn2Zb4bYG5lvGAmeW+32mku7kf6eS30ES8UGCwZcKKjLG8W+Ey3Z7gDzpLVi0lWC5gQmlxBm0JcjQIzX4No6g8KwBlx6EiMo+ILDzj2yLyMpQMTzDPQ5AXd6nhKnCMuV8qIq91sHnejvieo3SKs0UErWZ/LK1evnRAzncxLg83QMveow3tBo3yHBH5Itq4WUSuq6B+I/ptAQMI2u5KzP1X2iBb7kgErX0D98fENwOmjV2QHigiQ0RkIdJBCTmA6owk4htD+Z42XGbMFJFXHS1/gIh8ISHPFEGY/J9hTr8OAqyE+OL8nycipyMd2rhARP5V8jkN4/4dmFVYJR8RkUlMfFsh9x1hfhtliK/FEXQPF5G7cb8z0hGrIGB2JFwhIrclxjtRRK6u4lmCXPYNzFHKhJJCK4jsDBFZBG4XFL4HROQDJZ/n10BX30T6QyLyoKchZcl9LM8FHGXux5BCMqcKTlEv9M3o98cisrYG4/oMjN5tNSNNNMQWOPJdNRhTe+PP1P4+HvHxMmkJzpMBR5pJZHnviXI9fyFkmSy6ZtjdKsESEbmxSvPIzea+JaEclgmspG2slPii52ILroDdIRdy2YB/lHxCKkVTjexpASuqXBXYY7B3lePZ4ShCfMPNfZTngj/yYacME1/KBdaJ6rGMWihiIC4VPOILS8LrJr0TWOYA49OdRr67/fHXsv7VsJd1on3ARuWyGL8LI+V8foHY+GG0K+JJEdnNpGPZ3amNIrYnzflqO9wXvYPAykrZiW87t1xKfmGvxFgQYMQCsi0NdvzAKeMyE3xrjr/wHUoX2a3xXgATX5nmxXuf23l2UsTH22GCK+d43G+Gi2mZEZiDwnEq1UkZl3lXxADYB1NgDbujmW68fXQWw9q4Q6VMxNdM6cVOmbP5h9SAn6H0BHP/tLl/FfLeEc4evhTxBSVkOgyNArvgnSJyksPlgjlhP5NeVECD5mfK0065fN7y1dXc86R7/YUdPmcSsURR4mOYvyMz6ncVHzxOTnM73rvmtj27I7fjPTMzj5tE5C3UDd6ygxyXZGOK+BZDYeCNmUKEOReT1+B8vallN8iBH4Gr6VzUPQ4C9J1QdnYHMfY09e6AKynPyNuD0nkcgcunXrZgrHZMuzhl+OUMIZsc40JappiIvD4Efl0Llq95HN1le3Db3ofK8+GtUleJyK9M+sOU/yB2j//Aju8/B3cSGAGfnJ2YRhDccqT3AmeyZRpASE+lGjYIm1U/LSJHw0VkiT208Tj8zbc4271SGIavrBVjmYkdKSkMxXZ3Rfn50Pg9NEL+bUbZNY69rR+0fjuxHjdtwEf+Ev3eC5wiltngrEQRs4x5KxDxT01eH+w6Uoz7DRF5heofho8vKn3POlp0f4g+cX5WY04ZQ2grfwNErHlm/sdBbAp5s7OIrx7ohmuLswR3YnsMwk6bk5EzXkQe6ijzVDbi60TbMAYCfW+IMzNr5AZsV3QS3/8femGpLr1VoJP4OlE31MpJ3olOVIwyEF9DHQykbT12WIvjioyOfjS0zSiDSyZM/mnYor4a6ddx8n15gfoePiUiZ8Hcshb2JesyDGadS03EgSb4qrfBcxPNCoozF9Fi3xc2rT7GZLAFwn7e6bGJ8BQpTC/fhcE+tHG+iHwcpokmmGtSBuxgBvoyHV0QzOEZsMu1QvbrRQf/GzHH4dn/2ca5rR2qiMdSy6svolFZ3FFF+wdSWyHaUx+T3w1xVizWqY+zqe3znVLvKzCmtVTnUJM3jPJWJsYS8aoTu6VSNNX7vZdF5ltFLjwx7re2YC7td+tB2+M34xBPxCZ4T3rAZWhxBKV/7pzyOzpnjOy/DtzLtjHP+NPD2KaAY3nXIBzGsc/DY1wBA7NXvxdCngyROqNMCsd0csKHyd3HKTccy+agjLYG0gGdeThza2Hdat2Ni+8nVM47OnAPpQ/NGIvQUQOBf5rNDNEL0A2HgzjYTkTwmV5Gc8VL/hMZvvV1OHa5KGfM7Y4yEV9rwUPrn4Pb7RX4fz2MIJnJc/UxwcQDORw1iglH0L+FFzYk6zm8o478LrxoERbWA8SEXGRvX95um3ZH2Uwt7L/1iC8S0k7mKB6Dt/N7fuGDKB39lQto79kA2lkjzn7HkTmaMI/H23TBBO4pHEXRIUxoZRskv1TvqOZTZiMDR9GKGE1pbwniw+3WWc7j4Pb4qEGPxPIc0ZYoDtV4KDqE56BsxMcvhV+6wDwSiW9g4tQWv2wmvj2o3lJSNIpw4CIigmCObd5KR/6sFmwy6xBBg8pGfEwkY+hcSPzNTjYTaDO97KXOViKuw1uEOM1cUgpwx4j9SHmY3Q5+V16yvfGWDmUjvjdxRXRxdkjzS2aOMxS7OyI8eY/bvJfSHAGgCOdLLbtMCEX3JcalcwRC44a9epMSWv5fybS0H7ZWDSjYV11QxsM4j8FDEdFCoRbyiI+JwAvRxjbE8SDYRnClhXiZ8YTecGyqtLH7PC7t4YMFxuMhcrMlEAliUKH7nc2uS9D/rSZ02jgQ+mkIzFM6lFEr4ljDecTFXIxNFEU03ZPh7poEAywbcZuc03lzyNyxdyJecbVRu4I77HoRORjp3olyS/FR3WR+64/D/V+qsM8dgjISHxOL1Xi7OcQ4mpYiJhK2ye1D5YNx97MIPXYe7IjXOqsCc9xNzljHOs9jP5Z1dACrEoTt+j8sEBbjXPjJLQLX/HUb+203lHHZ5Rc6AkS3GeczvAM1B2Hp6UIG35UOp2EieoYOv0SEncBfM2lP7ptLxmrmyvtCI4+YWaUmei24WR4mQ3SYas7FnIMP+ZM4z1F3lJHzLYQLKWJnQ1AjEnUiYQyl5dJb4pj4UgrA1EQfFjMozXbJWkdpXZw4vOPhAXwMVow5HOLCR6scR01QVks4E03kKDEW4BISouNLZ+L0XnYRA7Q40UkPpGOT4hAfc756hwheghNq9uhmTyhweS7BdkdHIb74H42iTBWMtL8x+fElD6d6nmbJCkBK+1xBxmBP3pxjQsUJzjDbGDZM6PUKjn6Wc0TTk093KMpKfLwUxpcYd7mEZflPJj8SJ7vbmNPsTAS6NcfulufFWE8vtYG4n73XCmx87QGW8zo3FiTAHGIoltZoNH0LykSMFd0bWuCeps42h4MeRkrWSzkREHgcntyXCqbZg8SAhTCH1Au806Xu/t+yEt/z5p/JCTS20w3hRD+s5UynkGY534lUwAbfPBmMCYttil4bkUD7UIiKSuW9vLAgUbFKhdNgcLiMuodUK2u4sU2Qp6LBeG9EcY94En/nItiOYIOkNUN40dnHUzovcipzvmPxIdj/UccEeiKE+Uvp97zNBByzeDR2zlgG0QoiulJE/gaXWwOCdf4W5zIiUTWaUBknOMb3ur/7Mse6m264SBfs31uHK+7pm2H+JWp/EG0MmPOo02Yv+heqeYdo5iGMf+QyXSEC2M2pz4NLRXdYP/Q9wPS1BcSRhbAk27GFj+kSJ7pVGEN41uCNCQh9h80UQaMNpphIrPHgUEgHJSh4Y2IUgyCyhPmtH0Tk37rB+ou2sQ6oAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%;
    width: 1.59rem;
    height: .51rem;
    top: .4rem
}

.main-container .logo.jp[data-v-af3bb5f3], .main-container .logo.zh-tw[data-v-af3bb5f3] {
    background: url(https://mc.kurogames.com/website-preface/assets/logo_jp-1fb51237.png) no-repeat center;
    background-size: 100% 100%;
    width: 1.11rem;
    height: .79rem;
    top: .3rem
}

.main-container .logo.kr[data-v-af3bb5f3] {
    background: url(https://mc.kurogames.com/website-preface/assets/logo_kr-24e72075.png) no-repeat center;
    background-size: 100% 100%;
    width: 1.06rem;
    height: .79rem;
    top: .3rem
}

.main-container .top-bar[data-v-af3bb5f3] {
    height: .58rem;
    position: absolute;
    z-index: 10;
    top: 1.62rem;
    right: .76rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out
}

.main-container .top-bar.an[data-v-af3bb5f3] {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.main-container .top-bar .btn-lang[data-v-af3bb5f3] {
    width: .32rem;
    height: .32rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABPlBMVEUAAAD09PTh4eHh4eHr6+vo6Ojh4eHh4eH////////h4eH////////w8PDh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eH////h4eHh4eHr6+v////////h4eH////h4eH////h4eH////h4eHh4eH////z8/P5+fn////////h4eHh4eHh4eH////h4eH////////////////h4eHh4eH////////h4eH////h4eH////////h4eHh4eH////h4eHh4eH////////////h4eHh4eH////h4eHh4eH////////////////////////////h4eH////h4eHh4eH////h4eH////h4eHh4eH////////h4eHh4eH////////////h4eH////h4eHh4eHh4eH////////////////h4eEPXRQ9AAAAaXRSTlMAENcwBAnj35fqHOFJBvHm3Pn2x7VpX004Iw3479LHvLeon5WNQRUL57Gxn5GLhH96Nyop7NfTzMvBv6ebmIN+enZvZGNUT0tGMy8lHRvjz6OSh4ZybmFaT0M9Pejfyq2rqqqIcGpUUj92MHfJAAACRUlEQVQ4y3VT13biQAyVu40ppvdO6C0hjbYhdAik92zv8/8/sKOBEyBs9OAj6V7NleQZeGMcJ8F7ZvGqF8FQKKg1KlPYtkA12+hOMtRLm0v6sfctbtabe6tIHB7GZhv4B/3vZoFYze6shYlIektzR/Ou6iOoLZo8LaeihOspgU0yye6+6mN9wJNXrISQfVc4XDZh3qtzDM/oT/RrOjEImrXtG8RtcQERVWWE0ybWdz4SZk4ByfJXP25NO0Ppc5zPYyxwww0iDX/yZQmbU7GDCApEF7g9JQh+yrAUeR9Nz0IWKnSKB8hLQqGVRySTtJZR/vgZ4AKHuXTYHYse95N49oNMXEgo0eogzsK7BkkKK659+ZGGQp4QHgm9BEhBdGQ3uAmx9YWb/AiAK1ppwFaRAy6EjtIHj50YFkiPBAB/mCwJ5hiI7AQjJQkt2e72sd1xSetS4s8XAG1OnaOoAJxbcSjXNVyDv+CwsyZvrwAaZuqkbH0AaXREHPVHnMIXtV6z39wDqJSwbf67iTJSdFbjB/UsSf4FCTrd9d65CCCeyB0ajxXanVwD8PDFAI2fD5AV+Y27jiudNIgPTqLcidydHK0h9K3LRjmwoEhcvhzUoEzq/nHbFvUhMs1mAC1WBTzjhufjbhexFZx80c/ewed7YDbT2P2UXtrOI94IOwvjAMurudX9nMC2VQ65V9+rDbfe2dXhfC3c1VVuA58e5zYTnKpV5it+U+ttSZ6poUjp3vw07CY+HdwG4D8m7VQTsVhO/bW3lvwHhkdVy56JB9EAAAAASUVORK5CYII=) no-repeat center;
    background-size: 100% 100%;
    margin-right: .14rem;
    cursor: pointer
}

.main-container .top-bar .btn-music[data-v-af3bb5f3] {
    width: .32rem;
    height: .32rem;
    border: 1px solid #fff;
    margin-right: .14rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .06rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    cursor: pointer
}

.main-container .top-bar .btn-music span[data-v-af3bb5f3] {
    width: .02rem;
    height: .1rem;
    background-color: #dab67d
}

.main-container .top-bar .btn-music span[data-v-af3bb5f3]:nth-child(2) {
    height: .17rem
}

@-webkit-keyframes music-start-af3bb5f3 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        -webkit-transform: scaleY(1.6);
        transform: scaleY(1.6)
    }
}

@keyframes music-start-af3bb5f3 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        -webkit-transform: scaleY(1.6);
        transform: scaleY(1.6)
    }
}

@-webkit-keyframes music-start2-af3bb5f3 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        -webkit-transform: scaleY(.6);
        transform: scaleY(.6)
    }
}

@keyframes music-start2-af3bb5f3 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        -webkit-transform: scaleY(.6);
        transform: scaleY(.6)
    }
}

.main-container .top-bar .btn-music.start span[data-v-af3bb5f3] {
    -webkit-animation: music-start-af3bb5f3 .6s linear infinite alternate;
    animation: music-start-af3bb5f3 .6s linear infinite alternate
}

.main-container .top-bar .btn-music.start span[data-v-af3bb5f3]:nth-child(2) {
    -webkit-animation: music-start2-af3bb5f3 .6s linear infinite alternate;
    animation: music-start2-af3bb5f3 .6s linear infinite alternate
}

.main-container .top-bar .btn-login[data-v-af3bb5f3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .14rem
}

.main-container .top-bar .btn-login i[data-v-af3bb5f3] {
    width: .32rem;
    height: .32rem;
    background-size: 100% 100%;
    cursor: pointer
}

.main-container .top-bar .btn-login span[data-v-af3bb5f3] {
    font-size: .17rem;
    color: #fff;
    cursor: pointer
}

.main-container .top-bar .btn-login p[data-v-af3bb5f3] {
    font-size: .17rem;
    color: #fff;
    margin: 0 .06rem
}

.main-container .top-bar .btn-enter[data-v-af3bb5f3] {
    width: 2.21rem;
    margin-left: .1rem
}

.main-container .top-bar .btn-enter img[data-v-af3bb5f3] {
    width: 100%;
    height: 100%
}

.main-container .download-modal-box[data-v-af3bb5f3] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    z-index: 11;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-container .download-modal-box .modal-box[data-v-af3bb5f3] {
    position: relative;
    width: 7.81rem;
    height: 4.21rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAw0AAAGlCAYAAAC4MRpKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0YjgyMWI2NS0zMGY3LWY0NGUtYWZiZi0yYTM2MDM0OWQzNTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0EzNUVDNEVCM0M2MTFFRkJCRDlERDdFOTU5QkNGNDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0EzNUVDNERCM0M2MTFFRkJCRDlERDdFOTU5QkNGNDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YmEyMTRlMTQtNzE2Yy1kNzQ2LTllMTYtMjNlOWY4NDEyZTcxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRiODIxYjY1LTMwZjctZjQ0ZS1hZmJmLTJhMzYwMzQ5ZDM1MyIv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) no-repeat center;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-container .download-modal-box .modal-box .close-btn[data-v-af3bb5f3] {
    position: absolute;
    right: -.5rem;
    top: 0rem;
    width: .3rem;
    height: .3rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABZUlEQVRYhe3YP0scQRgH4OfUIpWmszF+BAutgxDsTCFiEy1EOzuNXapL4JqgJyJYxCqkD4mNYCGi38AvIEQwXWJAiwhiOBjDEbLc7J87t9gfbDc7++zsO+8uW/vQmKkrSQYCowygel8JEH9TYZJSYZJSYZISi3mNDdRSzr+J1aIxI1jHHvojz2mGmxiNxQxEjBEmvcJbDGEBtx0ga9gK5xaKaeUdfmIbg5jFzX/GbYVHkwoiQwHvYBEvcIinRUGyYFr5hDmM4xjDRUCkfEzt+YppfMFpOJbzQOTsM0eYwrMA+ZgHkhfTyis8wXVYqYnHwrTXyBh+hdWa7DXm32I9x3N8wwFe9gqTtGu+h1U5w2fMdxvTafv+CEV9ElrASrcwsX3koZj3sYs3RWPSNrTfoTG2tnsD72MuEtP0snbWOyyFF+xlUZiLHJ31Ps33TAymmQGRKdU3cFIqTFIqTFJKhSnPzyL8AVGjSWJlIFzSAAAAAElFTkSuQmCC) no-repeat center;
    background-size: contain;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.main-container .download-modal-box .modal-box .close-btn[data-v-af3bb5f3]:hover {
    opacity: .7
}

.main-container .download-modal-box .modal-box .qrcode-box[data-v-af3bb5f3] {
    width: 1.53rem;
    height: 1.53rem;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .1rem
}

.main-container .download-modal-box .modal-box .qrcode-box img[data-v-af3bb5f3] {
    width: 1.44rem;
    height: 1.44rem;
    -o-object-fit: contain;
    object-fit: contain
}

.main-container .download-modal-box .modal-box .qrcode-box .scane-qrcode[data-v-af3bb5f3] {
    color: #fff;
    font-weight: 400;
    margin-top: .1rem;
    letter-spacing: 2px
}

.main-container .download-modal-box .modal-box .download-list-box[data-v-af3bb5f3] {
    margin-left: .25rem
}

.main-container .download-modal-box .modal-box .download-list-box .btn-maindownload img[data-v-af3bb5f3] {
    width: 4.47rem
}

.main-container .download-modal-box .modal-box .download-list-box .btn-box[data-v-af3bb5f3] {
    width: 4.47rem;
    margin-top: .1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-container .download-modal-box .modal-box .download-list-box .btn-box .btn-box-a img[data-v-af3bb5f3] {
    height: .54rem
}

.main-container .bottom-box[data-v-af3bb5f3] {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 1.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.main-container .bottom-box .main-title-img[data-v-af3bb5f3] {
    position: relative;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem);
    -webkit-transition: opacity .6s .3s, -webkit-transform .6s .3s;
    transition: opacity .6s .3s, -webkit-transform .6s .3s;
    transition: transform .6s .3s, opacity .6s .3s;
    transition: transform .6s .3s, opacity .6s .3s, -webkit-transform .6s .3s;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-container .bottom-box .main-title-img.zh img[data-v-af3bb5f3] {
    width: 13.5rem
}

.main-container .bottom-box .main-title-img.zh .btn-play[data-v-af3bb5f3] {
    top: .55rem
}

.main-container .bottom-box .main-title-img.en img[data-v-af3bb5f3] {
    width: 9.5rem;
    margin-bottom: -.2rem
}

.main-container .bottom-box .main-title-img.en .btn-play[data-v-af3bb5f3] {
    bottom: .65rem;
    right: 0rem;
    top: unset
}

.main-container .bottom-box .main-title-img.es img[data-v-af3bb5f3] {
    width: 8.5rem;
    margin-bottom: -.4rem
}

.main-container .bottom-box .main-title-img.es .btn-play[data-v-af3bb5f3] {
    bottom: .9rem;
    right: -.3rem;
    top: unset
}

.main-container .bottom-box .main-title-img.zh .btn-play[data-v-af3bb5f3] {
    top: .85rem;
    right: 1.2rem
}

.main-container .bottom-box .main-title-img.zh-tw img[data-v-af3bb5f3] {
    width: 11.5rem;
    margin-bottom: -.2rem
}

.main-container .bottom-box .main-title-img.zh-tw .btn-play[data-v-af3bb5f3] {
    bottom: 1.5rem;
    right: .8rem;
    top: unset
}

.main-container .bottom-box .main-title-img.de img[data-v-af3bb5f3] {
    width: 8.5rem;
    margin-bottom: -.2rem
}

.main-container .bottom-box .main-title-img.de .btn-play[data-v-af3bb5f3] {
    bottom: 1.1rem;
    right: .3rem;
    top: unset
}

.main-container .bottom-box .main-title-img.fr img[data-v-af3bb5f3] {
    width: 11.5rem;
    margin-bottom: -1rem
}

.main-container .bottom-box .main-title-img.fr .btn-play[data-v-af3bb5f3] {
    bottom: .9rem;
    right: 1.8rem;
    top: unset
}

.main-container .bottom-box .main-title-img.jp img[data-v-af3bb5f3] {
    width: 8.5rem;
    margin-bottom: -.2rem
}

.main-container .bottom-box .main-title-img.jp .btn-play[data-v-af3bb5f3] {
    top: unset;
    bottom: 1.6rem;
    right: 0
}

.main-container .bottom-box .main-title-img.kr img[data-v-af3bb5f3] {
    width: 10rem;
    margin-bottom: -.2rem
}

.main-container .bottom-box .main-title-img.kr .btn-play[data-v-af3bb5f3] {
    top: unset;
    bottom: 1.2rem;
    right: 0
}

.main-container .bottom-box .main-title-img img[data-v-af3bb5f3] {
    max-width: 16rem
}

.main-container .bottom-box .main-title-img .btn-play[data-v-af3bb5f3] {
    position: absolute;
    top: .1rem;
    right: -.7rem;
    width: .64rem;
    height: .64rem;
    background: url(../image/btn-play-2defb0a7.png) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform 0s 0s;
    transition: opacity .3s, -webkit-transform 0s 0s;
    transition: transform 0s 0s, opacity .3s;
    transition: transform 0s 0s, opacity .3s, -webkit-transform 0s 0s
}

.main-container .bottom-box .main-title-img .btn-play[data-v-af3bb5f3]:hover {
    opacity: .8
}

.main-container .bottom-box .order-text[data-v-af3bb5f3] {
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .2rem;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem);
    opacity: 0;
    -webkit-transition: opacity .6s .3s, -webkit-transform .6s .3s;
    transition: opacity .6s .3s, -webkit-transform .6s .3s;
    transition: transform .6s .3s, opacity .6s .3s;
    transition: transform .6s .3s, opacity .6s .3s, -webkit-transform .6s .3s
}

.main-container .bottom-box .order-text span[data-v-af3bb5f3] {
    font-size: .24rem;
    line-height: .24rem;
    color: #fff;
    text-shadow: .02rem .02rem .02rem rgba(0, 0, 0, .5)
}

.main-container .bottom-box .order-text i[data-v-af3bb5f3] {
    width: .2rem;
    height: .2rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACPUlEQVRIia2V6WsUQRDFf7O7bhSPiIrGA8VAwAO8CArB+ME/wj9WRPGDiAmCGkkQj4hnjPGIIWTHODvy4DW2vTObTUjBMFdXvXpVr7qzsixvAfuADv8sA8rokrWAhp/1rQC6fm9EPsF2Ar/ktBfYD6zxv8VBdgGHnUgTyIHvwA8/74jAg8mnbHnBWsKgdGBlcRwYBU4Bh8xkFfgMvPW1ZJ9mApK3qLbCwceASeCcMwwlUDnOAj+BaeA+8LUCgBQgDnAUuAFccAmeAq/MVKwuAyPAFTN4oppH/agF6LoUl+wsh+fAHeAFsA4cc5kmDHIe+GBGxEzSxgTbDexxZq+Bx8C8e6UkvvjbGwc74vVlGihlEACljkfOOHdDO9H6wgyCMJpJj2oBAsiqM491n3m9WAwBJ90LlfSbfbKqYFUWFnajYRLIb4OcBq75LrZzLmczjVknU5LJLCOdK+hNN1aAs8AzD15PvH4AREzWvfaMpXvR/6aAe8BCVf0HAQjZi/YBYNz6x8HvWkmZZ6XH6noQW+GmnvCWMWTJanpfumw9E7xZBspu2PMh2b63coqNkhwEIDT7D7Bs7S9FwH1tEICGg38EHjroOze+tjSbYdBwKRYsxczy3DYADVrbu+uoAebNKN+OHijTg8BV4Lp9HgC3gU9W1ZYBwgS3fay2XZbw3I32qS0BhA1uxduB3lWSGX/Tv9rgAUAUdUD3Y6FMdZqFHVPbt5SlM6AOQDE7ITstig/9KtMMLPqHVLWR5cDKX/aqnl7JnqF+AAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%;
    margin-left: .1rem;
    margin-top: -.06rem;
    cursor: pointer
}

.main-container .bottom-box .order-text .order-tip[data-v-af3bb5f3] {
    opacity: 0;
    white-space: nowrap;
    text-align: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, .3rem);
    transform: translate(-50%, .3rem);
    font-size: .14rem;
    color: rgba(220, 220, 220, .8);
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: .04rem .1rem;
    background-color: rgba(12, 12, 12, .47)
}

.main-container .bottom-box .order-text .order-tip.show[data-v-af3bb5f3] {
    opacity: 1
}

.main-container .bottom-box .order-num[data-v-af3bb5f3] {
    position: relative;
    width: 100%;
    height: 1rem;
    font-size: .84rem;
    line-height: .84rem;
    color: #fff;
    text-align: center;
    text-shadow: .04rem .04rem .04rem rgba(0, 0, 0, .5);
    margin-top: .3rem;
    letter-spacing: 30px;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem);
    opacity: 0;
    -webkit-transition: opacity .6s .3s, -webkit-transform .6s .3s;
    transition: opacity .6s .3s, -webkit-transform .6s .3s;
    transition: transform .6s .3s, opacity .6s .3s;
    transition: transform .6s .3s, opacity .6s .3s, -webkit-transform .6s .3s;
    pointer-events: none;
    font-family: advent !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-indent: .45rem
}

.main-container .bottom-box .lottie-number[data-v-af3bb5f3] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.main-container .bottom-box #lottieNumber .num[data-v-af3bb5f3] {
    font-family: advent !important
}

.main-container .bottom-box .num-line[data-v-af3bb5f3] {
    width: 100%;
    height: 1px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAABCAYAAAA/6bM1AAAA3UlEQVRYhe2W0Q3CMBBDrw1zsAaLsAMzsQOLMAdr0AQFEekwvib9LPKTokvsc0gjpHYyIYQQQog/4H67HM2sftvMUOtITuuN1p/cXgen+7zvw8q0ZH0/8nCO55jt+/zRc7J7mEBna6+zdaThsM7a92BFDXWWQz3Sev6Ivpbpoe9yIYQQe6R83mFlw9kxE+W9jxrbh/VEOeZFtXlsjZk2zyRXYGToLySfXQbn0ZpV9OtY7Nf3XutfBjSsfh/mLQN+/Z1nkInOy3T2jGv3+b770/n6IP8jIYQQQoh9YGYvPDGGAj0tvq0AAAAASUVORK5CYII=) no-repeat center;
    background-size: cover;
    margin-top: .14rem;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem);
    opacity: 0;
    -webkit-transition: opacity .6s .3s, -webkit-transform .6s .3s;
    transition: opacity .6s .3s, -webkit-transform .6s .3s;
    transition: transform .6s .3s, opacity .6s .3s;
    transition: transform .6s .3s, opacity .6s .3s, -webkit-transform .6s .3s
}

.main-container .bottom-box .order-box[data-v-af3bb5f3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem);
    opacity: 1;
    -webkit-transition: opacity .6s .5s, -webkit-transform .6s .5s;
    transition: opacity .6s .5s, -webkit-transform .6s .5s;
    transition: transform .6s .5s, opacity .6s .5s;
    transition: transform .6s .5s, opacity .6s .5s, -webkit-transform .6s .5s;
    margin-top: -.5rem;
    gap: .25rem
}

.main-container .bottom-box .order-box .download-btn[data-v-af3bb5f3] {
    margin-top: .1rem;
    height: .7rem;
    cursor: pointer;
    -webkit-transition: -webkit-filter .3s ease;
    transition: -webkit-filter .3s ease;
    transition: filter .3s ease;
    transition: filter .3s ease, -webkit-filter .3s ease
}

.main-container .bottom-box .order-box .download-btn img[data-v-af3bb5f3] {
    height: 100%
}

.main-container .bottom-box .order-box .cloud-game[data-v-af3bb5f3] {
    position: relative
}

.main-container .bottom-box .order-box .cloud-game .cloud-game-qrcode-box[data-v-af3bb5f3] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: -1.7rem;
    top: -.6rem;
    color: #fff;
    text-align: center;
    -webkit-transform: translateX(-.2rem);
    transform: translate(-.2rem);
    -webkit-transition: all .2s;
    transition: all .2s
}

.main-container .bottom-box .order-box .cloud-game .cloud-game-qrcode-box img[data-v-af3bb5f3] {
    width: 1.53rem;
    height: 1.53rem
}

.main-container .bottom-box .order-box .cloud-game:hover .cloud-game-qrcode-box[data-v-af3bb5f3] {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translate(0)
}

.main-container .bottom-box .order-box .order-time[data-v-af3bb5f3] {
    width: 100%;
    font-size: .36rem;
    font-weight: 300;
    color: #e1e1e1;
    text-align: center;
    text-shadow: .02rem .02rem .02rem rgba(0, 0, 0, .5);
    line-height: .36rem;
    margin-bottom: .1rem
}

.main-container .bottom-box .order-box .download-box-zh[data-v-af3bb5f3] {
    position: relative;
    width: auto;
    height: auto;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-container .bottom-box .order-box .btn-box[data-v-af3bb5f3] {
    position: relative;
    height: 1.43rem;
    padding: .08rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 4.4rem
}

.main-container .bottom-box .order-box .btn-box .btn-box-a[data-v-af3bb5f3] {
    width: 2.1rem;
    height: .6rem
}

.main-container .bottom-box .order-box .btn-box .btn-box-a img[data-v-af3bb5f3] {
    width: 100%
}

.main-container .bottom-box .order-box .btn-box .btn-appstore[data-v-af3bb5f3], .main-container .bottom-box .order-box .btn-box .btn-taptap[data-v-af3bb5f3] {
    margin-bottom: .21rem
}

.main-container .bottom-box .order-box .btn-box .btn-appstore[data-v-af3bb5f3], .main-container .bottom-box .order-box .btn-box .btn-android[data-v-af3bb5f3] {
    margin-right: .1rem
}

.main-container .bottom-box .order-box .btn-line[data-v-af3bb5f3] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-container .bottom-box .download-box[data-v-af3bb5f3] {
    height: 1.43rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: .2rem auto 0rem;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem);
    opacity: 0;
    -webkit-transition: opacity .6s .5s, -webkit-transform .6s .5s;
    transition: opacity .6s .5s, -webkit-transform .6s .5s;
    transition: transform .6s .5s, opacity .6s .5s;
    transition: transform .6s .5s, opacity .6s .5s, -webkit-transform .6s .5s
}

.main-container .bottom-box .download-box .qrcode-box[data-v-af3bb5f3] {
    width: 1.43rem;
    height: 1.43rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #a6a6a6;
    background-color: rgba(0, 0, 0, .4);
    border-radius: .1rem;
    margin-right: .15rem
}

.main-container .bottom-box .download-box .qrcode-box img[data-v-af3bb5f3] {
    width: 1.24rem;
    height: 1.24rem;
    -o-object-fit: contain;
    object-fit: contain
}

.main-container .bottom-box .download-box .global-download[data-v-af3bb5f3] {
    width: 7.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-align: self-end;
    -ms-flex-align: self-end;
    align-items: self-end
}

.main-container .bottom-box .download-box .global-download .global-download-row1[data-v-af3bb5f3], .main-container .bottom-box .download-box .global-download .global-download-row2[data-v-af3bb5f3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-container .bottom-box .download-box .global-download .global-download-btn[data-v-af3bb5f3] {
    cursor: pointer;
    height: .6rem
}

.main-container .bottom-box .download-box .global-download .global-download-btn img[data-v-af3bb5f3] {
    height: .6rem
}

.main-container .bottom-box .download-box .global-download .btn-appstore[data-v-af3bb5f3], .main-container .bottom-box .download-box .global-download .btn-googleplay[data-v-af3bb5f3], .main-container .bottom-box .download-box .global-download .btn-windows[data-v-af3bb5f3], .main-container .bottom-box .download-box .global-download .btn-epic[data-v-af3bb5f3] {
    margin-right: .15rem
}

.main-container .media-slide[data-v-af3bb5f3] {
    width: .42rem;
    position: absolute;
    z-index: 10;
    top: 1.8rem;
    right: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate(.3rem, 0%);
    transform: translate(.3rem);
    opacity: 0;
    -webkit-transition: opacity .6s .3s, -webkit-transform .6s .3s;
    transition: opacity .6s .3s, -webkit-transform .6s .3s;
    transition: transform .6s .3s, opacity .6s .3s;
    transition: transform .6s .3s, opacity .6s .3s, -webkit-transform .6s .3s
}

.main-container .media-slide .media-box[data-v-af3bb5f3] {
    width: .42rem;
    min-height: 2rem;
    margin-top: -.04rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .2rem 0
}

.main-container .media-slide .media-box.other[data-v-af3bb5f3] {
    padding: .23rem 0
}

.main-container .media-slide .media-box.other .link-item[data-v-af3bb5f3] {
    width: .32rem;
    margin-bottom: .24rem
}

.main-container .media-slide .media-box.other .link-item[data-v-af3bb5f3]:nth-last-child(2) {
    margin-bottom: .22rem
}

.main-container .media-slide .media-box .link-item[data-v-af3bb5f3] {
    position: relative;
    width: .3rem;
    margin-bottom: .17rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.main-container .media-slide .media-box .link-item a[data-v-af3bb5f3] {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-container .media-slide .media-box .link-item img[data-v-af3bb5f3] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.main-container .media-slide .media-box .link-item .qrcode[data-v-af3bb5f3] {
    position: absolute;
    width: 1.7rem;
    height: 1.7rem;
    left: -1.8rem;
    display: none
}

.main-container .media-slide .media-box .link-item:hover .qrcode[data-v-af3bb5f3] {
    display: block
}

.main-container .media-slide .media-box .link-item[data-v-af3bb5f3]:last-child {
    margin-bottom: 0
}

.ad-download-row[data-v-af3bb5f3] {
    margin-top: .5rem
}

.ad-download-btn[data-v-af3bb5f3] {
    height: .9rem;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem);
    opacity: 0;
    background: none;
    outline-style: none;
    border: none;
    cursor: pointer;
    -webkit-transition: opacity .6s .5s, -webkit-transform .6s .5s;
    transition: opacity .6s .5s, -webkit-transform .6s .5s;
    transition: transform .6s .5s, opacity .6s .5s;
    transition: transform .6s .5s, opacity .6s .5s, -webkit-transform .6s .5s
}

.ad-download-btn img[data-v-af3bb5f3] {
    height: inherit;
    -o-object-fit: cover;
    object-fit: cover
}

.an .ad-download-btn[data-v-af3bb5f3] {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.ad-download-alert[data-v-af3bb5f3] {
    position: fixed;
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ad-download-alert .tip[data-v-af3bb5f3] {
    font-size: .15rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ad-download-alert .picture[data-v-af3bb5f3] {
    right: .2rem;
    top: -.1rem;
    position: absolute;
    width: .75rem;
    height: .75rem
}

.ad-download-alert .picture img[data-v-af3bb5f3] {
    width: 100%;
    height: 100%
}

.ad-download-alert-right-top[data-v-af3bb5f3] {
    padding-right: .75rem;
    right: 0;
    top: .15rem
}

.ad-download-alert-right-top .picture[data-v-af3bb5f3] {
    top: -.15rem;
    right: 0
}

.ad-download-alert-left-bottom[data-v-af3bb5f3] {
    padding-left: .75rem;
    bottom: .1rem;
    left: .3rem
}

.ad-download-alert-left-bottom .picture[data-v-af3bb5f3] {
    left: 0;
    top: -.15rem
}

.ad-download-alert-left-bottom .picture img[data-v-af3bb5f3] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cadpa-wrapper[data-v-af3bb5f3] {
    position: absolute;
    bottom: 1.2rem;
    left: 1rem;
    width: .8rem;
    height: 1.04rem
}

.cadpa-wrapper .age-tip[data-v-af3bb5f3] {
    width: .8rem;
    height: 1.04rem;
    background: url(data:image/png;base64,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) no-repeat center center / 100% 100%;
    cursor: pointer
}

.echo-collect[data-v-809b0d4a] {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(https://mc.kurogames.com/website-preface/assets/bg-e0aeb0e5.webp) no-repeat center;
    background-size: cover
}

.echo-collect.an .container-box[data-v-809b0d4a] {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%);
    opacity: 1
}

.echo-collect .container-box[data-v-809b0d4a] {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 10%);
    transform: translate(-50%, 10%);
    bottom: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99;
    opacity: 0;
    -webkit-transition: opacity .4s .1s, -webkit-transform .4s .1s;
    transition: opacity .4s .1s, -webkit-transform .4s .1s;
    transition: transform .4s .1s, opacity .4s .1s;
    transition: transform .4s .1s, opacity .4s .1s, -webkit-transform .4s .1s
}

.echo-collect .container-box .echo-collect-info img[data-v-809b0d4a] {
    height: 2.55rem
}

.echo-collect .container-box .btn-box[data-v-809b0d4a] {
    cursor: pointer
}

.echo-collect .container-box .btn-box img[data-v-809b0d4a] {
    height: 1.17rem
}

.font_ly, .lingyang_jp, .lingyang_zh-tw {
    font-family: none;
    font-weight: bolder
}

.font_ly .role-name i, .lingyang_jp .role-name i, .lingyang_zh-tw .role-name i, .font_ly i, .lingyang_jp i, .lingyang_zh-tw i {
    margin-bottom: .1rem
}

.role-enter-active {
    -webkit-transition: all .8s .6s;
    transition: all .8s .6s
}

.role-leave-active {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.role-enter-from, .role-leave-to {
    opacity: 0
}

.text-enter-active {
    -webkit-transition: all .8s .6s;
    transition: all .8s .6s
}

.text-leave-active {
    -webkit-transition: all .5s 0s;
    transition: all .5s 0s
}

.text-enter-from, .text-leave-to {
    opacity: 0
}

.role-container {
    width: 100%;
    height: 100%;
    position: relative
}

.role-container .page-title-box {
    width: 100%;
    position: absolute;
    top: 1rem;
    left: 1rem;
    -webkit-transform: translateX(-.5rem);
    transform: translate(-.5rem);
    opacity: 0;
    -webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: transform .5s .2s, opacity .5s .2s;
    transition: transform .5s .2s, opacity .5s .2s, -webkit-transform .5s .2s;
    z-index: 11
}

.role-container .page-title-box .page-title {
    height: .6rem
}

.role-container .page-title-bg-box {
    width: 100%;
    position: absolute;
    top: 1.58rem;
    left: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .13rem;
    z-index: -1;
    -webkit-transform: translateX(-.5rem);
    transform: translate(-.5rem);
    opacity: 0;
    -webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: transform .5s .2s, opacity .5s .2s;
    transition: transform .5s .2s, opacity .5s .2s, -webkit-transform .5s .2s
}

.role-container .page-title-bg-box .title-bg-1 {
    width: .68rem
}

.role-container .page-title-bg-box .title-bg-2 {
    height: 2px;
    width: 100%;
    margin-top: -.15rem;
    margin-left: -.17rem
}

.role-container .role-spine-container {
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: transform .5s .2s, opacity .5s .2s;
    transition: transform .5s .2s, opacity .5s .2s, -webkit-transform .5s .2s
}

.role-container .role-spine-container.move {
    -webkit-transition: opacity .3s 0s, -webkit-transform .5s .2s;
    transition: opacity .3s 0s, -webkit-transform .5s .2s;
    transition: transform .5s .2s, opacity .3s 0s;
    transition: transform .5s .2s, opacity .3s 0s, -webkit-transform .5s .2s;
    opacity: 0 !important
}

.role-container .role-spine-container.show {
    -webkit-transition: opacity .3s 0s, -webkit-transform .5s .2s;
    transition: opacity .3s 0s, -webkit-transform .5s .2s;
    transition: transform .5s .2s, opacity .3s 0s;
    transition: transform .5s .2s, opacity .3s 0s, -webkit-transform .5s .2s;
    opacity: 1 !important
}

.role-container.an .page-title-box, .role-container.an .page-title-bg-box {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translate(0)
}

.role-container.an .role-spine-container {
    opacity: 1
}

.role-container.an .role-nav-box {
    opacity: 1;
    -webkit-transform: translateX(0) scale(.8);
    transform: translate(0) scale(.8)
}

.role-container.an .role-intr-box .text1, .role-container.an .role-intr-box .voice-box, .role-container.an .role-intr-box .role-name, .role-container.an .role-intr-box .video-role-box, .role-container.an .role-intr-box .text2, .role-container.an .role-intr-box .page-title-box {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translate(0)
}

.role-container.an .attr-voice-box {
    opacity: 1 !important;
    -webkit-transform: translateX(0) !important;
    transform: translate(0) !important
}

.role-container.an .camp {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translate(0)
}

.role-container.an .role-box .role-img {
    opacity: 1
}

.role-container .camp {
    width: 4.8rem;
    height: 3.9rem;
    -webkit-transform: translateX(-.5rem);
    transform: translate(-.5rem);
    opacity: 0;
    -webkit-transition: opacity .4s, -webkit-transform .5s .1s;
    transition: opacity .4s, -webkit-transform .5s .1s;
    transition: transform .5s .1s, opacity .4s;
    transition: transform .5s .1s, opacity .4s, -webkit-transform .5s .1s;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -9.1rem;
    margin-top: -4.4rem;
    z-index: 1
}

.role-container .camp img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: .2
}

.role-container .role-box {
    width: 100%;
    height: 100%;
    position: absolute
}

.role-container .role-box .role-img {
    width: 8.2rem;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: opacity .4s .1s;
    transition: opacity .4s .1s;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.role-container .role-box .role-img .role-img-lottie {
    position: absolute;
    width: 100%;
    height: 100%
}

.role-container .role-box .role-img.isSuper {
    width: 100%;
    padding: 0
}

.role-container .role-box .role-img.isBaizhi {
    width: 10rem;
    padding: 0;
    height: 116%;
    position: absolute;
    bottom: 0
}

.role-container .role-box .role-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.role-container .role-box .role-img .baizhi-bg {
    width: 10rem;
    height: 116%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(#000000), color-stop(75%, #000000), color-stop(100%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    -webkit-mask-image: linear-gradient(to top, #000000, #000000 75%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0));
    mask-image: -webkit-gradient(linear, left bottom, left top, from(#000000), color-stop(75%, #000000), color-stop(100%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    mask-image: linear-gradient(to top, #000000, #000000 75%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0));
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.role-container .role-intr-box {
    position: absolute;
    left: 50%;
    top: 25%;
    margin-left: -8.5rem;
    z-index: 1
}

.role-container .role-intr-box .text1 {
    width: 5.4rem;
    font-size: .18rem;
    line-height: .34rem;
    color: #e1e1e1
}

.role-container .role-intr-box .text1.jp {
    width: 5.6rem
}

.role-container .role-intr-box .voice-box {
    max-width: 2.8rem;
    min-width: 2.41rem;
    height: .3rem;
    background: linear-gradient(148deg, transparent 75%, rgba(202, 173, 123, .3) 100%);
    border: 1px solid #b4ac9c;
    border-radius: .3rem;
    font-size: .18rem;
    color: #fff;
    padding-left: .16rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.role-container .role-intr-box .voice-box .btn-voice {
    width: .26rem;
    height: .16rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .2rem;
    cursor: pointer
}

.role-container .role-intr-box .voice-box .btn-voice span {
    background-color: #caad7b
}

.role-container .role-intr-box .voice-box .btn-voice span:nth-child(1), .role-container .role-intr-box .voice-box .btn-voice span:nth-child(5) {
    width: 1px;
    height: 1px
}

.role-container .role-intr-box .voice-box .btn-voice span:nth-child(2), .role-container .role-intr-box .voice-box .btn-voice span:nth-child(4) {
    width: 1px;
    height: .08rem
}

.role-container .role-intr-box .voice-box .btn-voice span:nth-child(3) {
    width: 1px;
    height: .16rem
}

@-webkit-keyframes music-start3 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

@keyframes music-start3 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

.role-container .role-intr-box .voice-box .btn-voice.start span {
    -webkit-animation: music-start .4s linear infinite alternate;
    animation: music-start .4s linear infinite alternate
}

.role-container .role-intr-box .voice-box .btn-voice.start span:nth-child(2), .role-container .role-intr-box .voice-box .btn-voice.start span:nth-child(4) {
    -webkit-animation: music-start3 .4s linear infinite alternate;
    animation: music-start3 .4s linear infinite alternate
}

.role-container .role-intr-box .voice-box .btn-voice.start span:nth-child(3) {
    -webkit-animation: music-start2 .4s linear infinite alternate;
    animation: music-start2 .4s linear infinite alternate
}

.role-container .role-intr-box .role-name {
    margin-top: .1rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.role-container .role-intr-box .role-name p {
    font-size: 1rem;
    line-height: 1.1rem;
    color: #e1e1e1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.role-container .role-intr-box .role-name i {
    width: 1rem;
    height: .85rem;
    display: inline-block;
    margin-right: .1rem
}

.role-container .role-intr-box .role-name i img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.role-container .role-intr-box .role-name .attr-img {
    width: .6rem;
    margin-right: .1rem
}

.role-container .role-intr-box .role-name .name-span {
    position: relative;
    font-weight: 600;
    font-size: .59rem;
    color: #dab67d;
    line-height: .5rem;
    letter-spacing: .01rem
}

.role-container .role-intr-box .role-name .name-span .petName {
    font-size: .14rem;
    position: absolute;
    color: #e1e1e1;
    left: 50%;
    -webkit-transform: translate(-50%, -90%);
    transform: translate(-50%, -90%)
}

.role-container .role-intr-box .role-name .star {
    width: 2.15rem;
    margin-left: .1rem
}

.role-container .role-intr-box .attr-voice-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(-.5rem);
    transform: translate(-.5rem);
    opacity: 0;
    -webkit-transition: opacity .4s, -webkit-transform .5s .1s;
    transition: opacity .4s, -webkit-transform .5s .1s;
    transition: transform .5s .1s, opacity .4s;
    transition: transform .5s .1s, opacity .4s, -webkit-transform .5s .1s;
    margin-top: .3rem
}

.role-container .role-intr-box .attr-voice-box .attr-name {
    font-size: .25rem;
    color: #d5d5d5;
    margin-left: .15rem
}

.role-container .role-intr-box .text2 {
    width: 5.8rem;
    font-size: .17rem;
    line-height: .26rem;
    letter-spacing: 1px;
    color: #b89652;
    margin-top: .3rem
}

.role-container .role-intr-box .video-role-box {
    position: relative;
    width: 4.65rem;
    height: 3.13rem;
    margin-top: .94rem;
    -webkit-transform: translateX(-.5rem);
    transform: translate(-.5rem);
    z-index: 2
}

.role-container .role-intr-box .video-role-box .video-border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11
}

.role-container .role-intr-box .video-role-box .video-container {
    position: absolute;
    top: 50%;
    left: 49%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 4.55rem;
    height: 2.9rem;
    border-radius: .2rem;
    background: #000
}

.role-container .role-intr-box .video-role-box .video-container .video-content {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .2rem
}

.role-container .role-intr-box .text1, .role-container .role-intr-box .voice-box, .role-container .role-intr-box .role-name, .role-container .role-intr-box .video-role-box, .role-container .role-intr-box .text2 {
    -webkit-transform: translateX(-.5rem);
    transform: translate(-.5rem);
    opacity: 0;
    -webkit-transition: opacity .4s, -webkit-transform .5s .1s;
    transition: opacity .4s, -webkit-transform .5s .1s;
    transition: transform .5s .1s, opacity .4s;
    transition: transform .5s .1s, opacity .4s, -webkit-transform .5s .1s
}

.role-container .role-nav-box {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    right: 50%;
    margin-right: -9rem;
    top: .35rem;
    -webkit-transform: translateX(.5rem);
    transform: translate(.5rem);
    opacity: 0;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    will-change: transform, opacity
}

.role-container .role-nav-box.hide:before {
    opacity: 0
}

.role-container .role-nav-box .role-nav-content {
    position: relative
}

.role-container .role-nav-box .role-nav-content .prev-nav {
    position: absolute;
    top: -.3rem;
    left: 50%;
    -webkit-transform: rotate(90deg) translateX(-50%);
    transform: rotate(90deg) translate(-50%);
    margin-bottom: .05rem;
    margin-left: .2rem;
    width: .3rem;
    height: .3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.role-container .role-nav-box .role-nav-content .prev-nav img {
    width: .3rem;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.role-container .role-nav-box .role-nav-content .prev-nav img:hover {
    opacity: .7
}

.role-container .role-nav-box .role-nav-content .next-nav {
    position: absolute;
    bottom: -.55rem;
    left: 50%;
    -webkit-transform: rotate(90deg) translateX(-50%);
    transform: rotate(90deg) translate(-50%);
    margin-top: .2rem;
    margin-left: .2rem;
    width: .3rem;
    height: .3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.role-container .role-nav-box .role-nav-content .next-nav img {
    width: .3rem;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.role-container .role-nav-box .role-nav-content .next-nav img:hover {
    opacity: .7
}

.role-container .role-nav-box .role-nav-content .swiper {
    height: 6.4rem;
    padding: .08rem 0 .3rem
}

.role-container .role-nav-box .role-nav-content .swiper-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.role-container .role-nav-box .role-nav-content .nav {
    width: 3.47rem;
    height: 1.5rem;
    cursor: pointer;
    -webkit-transition: width, height .6s, margin .3s;
    transition: width, height .6s, margin .3s;
    pointer-events: all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.role-container .role-nav-box .role-nav-content .nav:hover .nav-slide-box, .role-container .role-nav-box .role-nav-content .nav.nav-active .nav-slide-box {
    width: 3.47rem;
    height: 1.5rem;
    background: url(https://mc.kurogames.com/website-preface/assets/nav-bg-hov-34e3d9bb.png) no-repeat center;
    background-size: cover;
    border-color: #dab67d
}

.role-container .role-nav-box .role-nav-content .nav:hover .nav-slide-box:before, .role-container .role-nav-box .role-nav-content .nav.nav-active .nav-slide-box:before {
    opacity: 0
}

.role-container .role-nav-box .role-nav-content .nav:hover .nav-slide-box img, .role-container .role-nav-box .role-nav-content .nav.nav-active .nav-slide-box img {
    -webkit-transform: translate(3rem, 0) scale(1.1);
    transform: translate(3rem) scale(1.1)
}

.role-container .role-nav-box .role-nav-content .nav:hover .nav-slide-box .mask, .role-container .role-nav-box .role-nav-content .nav.nav-active .nav-slide-box .mask {
    background: -webkit-gradient(linear, left bottom, left top, from(#312817), to(rgba(49, 40, 23, 0)));
    background: linear-gradient(to top, #312817, rgba(49, 40, 23, 0))
}

.role-container .role-nav-box .role-nav-content .nav:hover .nav-slide-box .nav-name-box .name, .role-container .role-nav-box .role-nav-content .nav.nav-active .nav-slide-box .nav-name-box .name {
    position: relative
}

.role-container .role-nav-box .role-nav-content .nav:hover .nav-slide-box .nav-name-box .name p, .role-container .role-nav-box .role-nav-content .nav.nav-active .nav-slide-box .nav-name-box .name p {
    font-size: .2rem
}

.role-container .role-nav-box .role-nav-content .nav:hover .nav-slide-box .nav-name-box .name span, .role-container .role-nav-box .role-nav-content .nav.nav-active .nav-slide-box .nav-name-box .name span {
    font-size: .1rem
}

.role-container .role-nav-box .role-nav-content .nav.nav-active:after {
    content: "";
    position: absolute;
    right: 0;
    width: 3.47rem;
    height: 1.5rem;
    background: url(https://mc.kurogames.com/website-preface/assets/role-border-08d9372e.png) no-repeat center;
    background-size: cover;
    opacity: 0;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    -webkit-animation: showBorder .2s .2s linear forwards;
    animation: showBorder .2s .2s linear forwards
}

.role-container .role-nav-box .role-nav-content .nav:not(.nav-active):hover:after {
    content: "";
    position: absolute;
    left: 0;
    width: 3.47rem;
    height: 1.5rem;
    background: url(https://mc.kurogames.com/website-preface/assets/role-border-08d9372e.png) no-repeat center;
    background-size: cover;
    opacity: 0;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    -webkit-animation: showBorder .2s .2s linear forwards;
    animation: showBorder .2s .2s linear forwards
}

@-webkit-keyframes showBorder {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes showBorder {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.role-container .role-nav-box .role-nav-content .nav.nav-active {
    margin: .15rem 0
}

.role-container .role-nav-box .role-nav-content .nav .nav-slide-box {
    width: 2.84rem;
    height: 1.23rem;
    background: url(https://mc.kurogames.com/website-preface/assets/nav-bg-5befebce.png) no-repeat center;
    background-size: cover;
    border-top: 1px solid #696660;
    border-left: 1px solid #696660;
    border-right: 3px solid #696660;
    border-bottom: 3px solid #696660;
    border-radius: .2rem 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s
}

.role-container .role-nav-box .role-nav-content .nav .nav-slide-box:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .4;
    z-index: 1
}

.role-container .role-nav-box .role-nav-content .nav .nav-slide-box img {
    width: 8.2rem;
    height: 3.28rem;
    position: absolute;
    right: 0;
    top: -.4rem;
    -webkit-transform: translate(3.4rem, 0);
    transform: translate(3.4rem);
    -webkit-transition: all .4s;
    transition: all .4s
}

.role-container .role-nav-box .role-nav-content .nav .nav-slide-box .mask {
    width: 100%;
    height: .4rem;
    background: transparent;
    position: absolute;
    bottom: 0;
    left: 0
}

.role-container .role-nav-box .role-nav-content .nav .nav-slide-box .nav-name-box {
    position: absolute;
    bottom: .12rem;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.role-container .role-nav-box .role-nav-content .nav .nav-slide-box .nav-name-box .left {
    width: .47rem;
    height: .12rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAMCAYAAADyH+Q0AAABC0lEQVRIidWUsWoCQRRFj2sQMYWksBAFewmCJBAL0dYm4A9Y2ubL0pkiRQiYKkVsUqRJlcrCwsrGwhsGZuUxDtrFyYPLzr37Bs4sb5b/XAVJqeIPgfmxhuzvWI5WPfKyF8la1qQCP4hktUh2Y00q8KXAj4AZ0DGZY70kCM5dbjxeDGgXKPt5vzOj0gdegXbO6y5sfqIGUAUuvIpGmVEhEBw+T5WDuwYqwJf/8rfADngCHs3+Bw/+AayBK6AJfOP+NmdWT1JdUsdzdCWN/XoqqeXXA0kNSe2cNwV4p0ngR5KG5kBOWdiXyoXdBv4ZuAc+TeZGamObUoF/i2SrSLawJhX4ZSR7j2Q/+xXwC74qOnvF5sKzAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%
}

.role-container .role-nav-box .role-nav-content .nav .nav-slide-box .nav-name-box .right {
    width: .82rem;
    height: .12rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAAMCAYAAADxqOocAAABNUlEQVRIie3VsUoDQRDG8Z8WolhZWFhZiI1FQBS0EO3EQsHC1kfwZWwtxSewsRDBYGGhCOILBASLFCIYESE5CWzwWCakiiiXD4bb+25Ydv83szsGRVEYoC1cD0qqssaDvc8H3nrgzVUdXlkRyJXAmw28zeEt6/8pAjmd+TWcYyfLm6g6vLJykEu4wkZ677b5WjofJ7Gc/C7cyz4tX0n1LpsjLOIZr5jBKm5wXAJzgN30A+7wleB/4AmfAyAWwTj3imDc6TOHtId+0fve0zta6dlO8xZZdLLo5bVLked08lu7C+UNC6initzGCfbRwEOqyGb6flv1alSqyLJ3iLNSFdRShU7hIss7/dXV/mFFl00ra6VH7GUQpbYeKSkCeR94zcCrjyD+KALZCLzoHHwZ1qJGqqrwDRiqUKNU6fBSAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%
}

.role-container .role-nav-box .role-nav-content .nav .nav-slide-box .nav-name-box .name {
    position: relative;
    margin: 0 .06rem
}

.role-container .role-nav-box .role-nav-content .nav .nav-slide-box .nav-name-box .name p {
    font-size: .16rem;
    color: #fff;
    letter-spacing: .04rem;
    -webkit-transition: font-size .3s;
    transition: font-size .3s
}

.role-container .role-nav-box .role-nav-content .nav .nav-slide-box .nav-name-box .name span {
    font-size: .08rem;
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: -.1rem;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    letter-spacing: .04rem
}

.role-container .role-nav-box .role-nav-content .nav .nav-slide-box .nav-name-box .name .petName {
    white-space: nowrap;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%)
}

.activity[data-v-f954342b] {
    width: 100%;
    height: 100%;
    position: relative
}

.activity.an .page-title[data-v-f954342b] {
    opacity: 1;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%)
}

.activity.an .activity-avatar-box[data-v-f954342b] {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.activity .page-title[data-v-f954342b] {
    position: absolute;
    left: 50%;
    top: 1.01rem;
    -webkit-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    -webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
    transition: opacity .5s .1s, -webkit-transform .5s .1s;
    transition: transform .5s .1s, opacity .5s .1s;
    transition: transform .5s .1s, opacity .5s .1s, -webkit-transform .5s .1s;
    opacity: 0
}

.activity .page-title img[data-v-f954342b] {
    height: 1.08rem
}

.activity .activity-avatar-box[data-v-f954342b] {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 60%;
    -webkit-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-transition: opacity .4s .1s, -webkit-transform .4s .1s;
    transition: opacity .4s .1s, -webkit-transform .4s .1s;
    transition: transform .4s .1s, opacity .4s .1s;
    transition: transform .4s .1s, opacity .4s .1s, -webkit-transform .4s .1s;
    opacity: 0
}

.activity .activity-avatar-box .item-slide[data-v-f954342b] {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.activity .activity-avatar-box .activity-item[data-v-f954342b] {
    width: 4.49rem !important;
    cursor: pointer;
    height: auto;    /* 保持原始高度比例 */
    transform: scale(0.7); /* 缩小到 80% */
    transform-origin: center; /* 缩放中心点 */
}

.activity .activity-avatar-box .activity-item img[data-v-f954342b] {
    width: 4.49rem !important;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.activity .activity-avatar-box .activity-item .default-img[data-v-f954342b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.activity .activity-avatar-box .activity-item .active-img[data-v-f954342b], .activity .activity-avatar-box .activity-item:hover .default-img[data-v-f954342b] {
    display: none
}

.activity .activity-avatar-box .activity-item:hover .active-img[data-v-f954342b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.activity .activity-content-box[data-v-f954342b] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 11;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.activity .activity-content-box .modal-title[data-v-f954342b] {
    font-size: .6rem;
    color: #dab67d;
    margin-top: 3rem
}

.activity .activity-content-box .img-box[data-v-f954342b] {
    position: relative;
    height: auto;
    transform: scale(0.6);
    transform-origin: center;
    margin-top: -1rem;
}

.activity .activity-content-box .img-box .activity-content-img[data-v-f954342b] {
    width: 7.737rem;
    height: 4.246rem
}

.activity .activity-content-box .img-box .close-btn[data-v-f954342b] {
    width: .3rem;
    position: absolute;
    right: -.2rem;
    top: .25rem;
    cursor: pointer
}

.activity .activity-content-box .content-text-box[data-v-f954342b] {
    width: 8.5rem;
    min-height: 2rem;
    margin-bottom: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: -0.5rem;
}

.activity .activity-content-box .content-text-box .triangle-box[data-v-f954342b] {
    width: .1rem;
    height: .12rem;
    margin-top: .05rem;
    margin-right: .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.activity .activity-content-box .content-text-box .triangle-box .triangle-icon[data-v-f954342b] {
    width: .1rem;
    height: .12rem
}

.activity .activity-content-box .content-text-box .content-text[data-v-f954342b] {
    color: #eec88c;
    font-size: .16rem
}

.activity .page-prev[data-v-f954342b] {
    width: .64rem;
    height: .68rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABECAYAAAAx+DPIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjQuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTEyLTAyVDE1OjMwOjU2KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0xMi0wMlQxNjo1OToyMiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0xMi0wMlQxNjo1OToyMiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qjk2QUJFQTFCMDhCMTFFRkJCNTY4MjVDNTQyQjUxMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qjk2QUJFQTJCMDhCMTFFRkJCNTY4MjVDNTQyQjUxMDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCOTZBQkU5RkIwOEIxMUVGQkI1NjgyNUM1NDJCNTEwOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCOTZBQkVBMEIwOEIxMUVGQkI1NjgyNUM1NDJCNTEwOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PruDqvoAAATQSURBVHja5Jp3jE1ZHMfvsEavi2hRo220sJhoa4Ioq60IIpvdjJJoQ0QJohMSi4jsasMQltglrOg1g7Dq4A8xjEgIYmNWSfQ2vr+8701OjnMZxtx37zu/5BOTc5x33/nec3/tvrjs7GxHtcy9052gWO2us/P8GvmcYFpBvy4UVAFq2i5APdsFaGS7AC1tFqAaqGKzAJ38vFgQBehlswAlQUebBRgACtkqwDdgrN8XDZIAw0BdWwWoAGZG48JBEKAI2Aq+tVGAsuAAaK2Np9kggBQ8p7TNvwXjwWg/PW80rAPYAkorY48ZBvfF+iMwBOzVNp8JEvzevN8CyLUWgBRQQBk/yOovI5adYHGwDUzQxpeCbuBhNLOvvLY6YDv4Thl7BUbxNHhaThu0uWme5vUJ6ApOa5u/z4LHtPn8oF0sPAKyEbktu0ApZfwSaA6OG9aUoXNcy8wwtAKUo2Obpn2++IA24KZhTQNwBlwEP4BaYfUBcnw3gcrKmLx5mQtm8G/d+oI/WAlu4tj/YROgAI/8BB5/156BJPC3x+mbBX4GXcAFZe55mASoD/4ETbXx206kvZVuWFOCa+TfFnSMUbF8uRRPju15w+b/pbNL9wiLUgPcciIN0KhtPjcCfE+ntRgU1ubWg0Rwz7DuR3CM6yQPeK3M1WAtEOhEqBSf21EG8aSSmwQWGtbFcW4k6ANOavP9wSpmjEXBmqAJUIRffhLjtW5SyQ0EewxzsqFUUJXP+13tcyUdHqyMpTBapAZBgIqs3uSOl/f4P9dBT3DFMFcd/ENf0B68VObk/d9mOlH9tMhpeAfWKePxjscboxykzC+QLt/9HAHi2ZiY6ER69V4m4aozuOExv8iJtLmTtc0X5J2u/5FMcgwjxRvFR+z5wht9jo/Zh8/mJ34hIsf3VwpRzePDr4HeHicgnkmOOM0eDI2qCHPAOIM/ucgIkRXtYugpWMbQlezxhdyw1t0wJ1XfUGZ4JxkaXXtJYTswJLqWzrEsP3xATsOgbOR3ERss5/OpJzY7wGQ+w7r9Rie6m6mvamn0BxvBWW7+QVDzgEdgBHP+DMNnzaNjK2pYu5PHeiELpTgtikhK3JrXCHwidILZ3xJDgdOP89UN66QcTmBCtMH58D3g6zClws+ZCkvT4z9trjGPc6Jh3T2GRPH0Rz4SXkPTD9gPmjiRFxyquS89kk1xmYnTfnaMGoZZAPeuSkk7hSmxmmcsZVan//Yvm2m1OM7DfCxUpxq6jpBsaD6F0BsaSfT2lQzrNjOEruQjVY+hNbQtsUOgGctk1RLoFxIMa6SybAV+oSAZYRZATPp+0v9bq41X4klIMqyRZKgtE6cnYRfAdXSDwHBDHZBK36DXIk94SgLbD/gSW8HcXn4DoDZLJTo0YN6Q9bVz/CCcANVO0S8c1cYTeccbOVEyP1+OSrLUke0wvWdwwlAjxJwADmt7KX8HaI6umBNpnc/x+ztF6xcifzEcZmqdoKnsIJWIdQHELrM/sFMbl8bJdhsEcMvgn8BqbbycLQI4rB1G+B3/gySA2wcY5phfnlohgJj0AnfYLIBYiu0CSIPkjs0CvDWERasEEDtouwBpfkaDIAogL0Vu2CyA2AXbBbhquwDXbBfgju0C3LddAN/C4HsBBgAlU/tMtouRcwAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: .26rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.activity .page-prev.hide[data-v-f954342b] {
    opacity: 0;
    pointer-events: none
}

.activity .page-prev[data-v-f954342b]:hover {
    opacity: .8
}

.activity .page-next[data-v-f954342b] {
    width: .64rem;
    height: .68rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABECAYAAAAx+DPIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjQuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTEyLTAyVDE1OjMwOjU2KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0xMi0wMlQxNjo1OToyOCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0xMi0wMlQxNjo1OToyOCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkNCRjBEQTNCMDhCMTFFRjgxRjlFN0Y0REFGNTAyRDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkNCRjBEQTRCMDhCMTFFRjgxRjlFN0Y0REFGNTAyRDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQ0JGMERBMUIwOEIxMUVGODFGOUU3RjREQUY1MDJEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQ0JGMERBMkIwOEIxMUVGODFGOUU3RjREQUY1MDJEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpsMQoIAAASySURBVHja5JpXaBRBHMb31ESj2IUEC4qSh9gN9oZdTFQQsWCPglgCFuxi7z5YHowVRLBhwxaDMTbsUTRREjHmwS52Ewv2+A1+p+swF83lbvYu84cf4WY2yc53M/+268rLy7P8aXeT5lqBZJE9Fv71uZhluOkUIMx0AaqbLkAd0wWINF2AhqYLEG26AA1AOZMFCAEdTBZAWIzpAvQHpUwWoCLoY7IAwmaBEiYLUB+MNlkAYUsZFo0VoDw4AVqYJMBY8NX2ORycBeNMEWAD6Aye28ZKgnVgOyhtwhE4B5qC69L4YHAR1DbBBzwE7cBuabwRSAVdTXCCH8EgMAN8t41XBklgqq4bKVRCUsiOr2hHrwA3wU5QgePFwUqWz6MoVpHZAaGKsSSGwzvS+ED6hVpFRQBRBJ3nwmTLogiJCr9wDXQrCgI0BpvAErAAuKT5HNAbLOPxsPuFY2CO4neCRgAXvf8W0IqefqeiNP7BYknskg+2ceEXxCOdI6wog3IHPOZPkQh1At/AGRChuHYPQ+V9aTyWOUTLYBNAfgD5CQzjmb/soTC6AZoxXbZbLSZUM31x/04+GxSiLALTQAropbjmBY/LOkX4FhVlMqgWrALYt7tY/HowSTEvCqh49hC+SHOitshgvuAKBgFKMPmpL42n0jkOY6QIUfzuZvqOZ4rSWjjX497kDDoFEEnQLm75q2Cy9P/dNUIEkyOVt7/AYuqaYq4rd8NsqwBPol3yCxJ+eqEhlMWP3BA9CeK4eHvIW86coKe4JQ9JldgRQ/KJOCLf2EqH+9vkFyQ81QITWat7YysUi9/nwcmJM5wOxnN3WCyOpjI1Ft5+gCISiEUNBZl0hrIJx5jAhGsHOEqx/7sYqmD5rn9fFtTMZz7Ew5kPY6TwdEwrgS7/iDIZ9C9pBa0G5/tw+7/ijZ4G9aS568z67kpdovWsBoVjvKf4m1HMCj29c5BCX5BaYB/gx3I4nCJE8dtZy37AZ9s1VcF+8ACMlNJht8UwjS6vmLvCVPqUp5tw8iWpZzzz5+ngJkmLb8kFHFbUAm6bwnl58W+tX03X1vkt3ucNES/sKUOdbHH0/CMVJbH7WGwEwxVze8EE/m29HSEfJUarWO+3VzRF3EfnAL9d2beMYYRxpiVWSKvCNPgjmyE5imuagEOghjQuHqqMAE+CtRhyd4Av0x+oFt+XeYB98Z/pO7r7YvG6BXDnAv1Zxc2gx/6haJ7M49kuYxsXvYG2YI2ivA6KIyBaW4tBG575dMU1ZZi+9pPGE+kAX/nDCemyW+A1aA5eKuar87xHSy0y0Qtc5stv3SkBvjJcqawVPX2EFNsHsTL0axjy2uSsysts0d0DsBdfmawcs/z9rTjZESrOynGbtPhEZoVZOm7CqTygHPP5WGl8NUvh7zozMd1Wh/l8Xck/xPMoaE9FdVpHxvfKtrFchr1kJ7ai7ldkjkuLf8jkJtmho6h1ByRIn7O5Ix45WY05FQVy2dhwdPFOCjDdUnd7jRDgtvWrpW2ZKsBqnXE+0AR4Z/3p/xspgCh43psswEErwEynACLdTTFZgBuBtv11C3DJCkDTKUCa6QJkmC5AtukCvAlEAX4KMAAjXv2BM8PbPAAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 10;
    top: 50%;
    right: .26rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.activity .page-next.hide[data-v-f954342b] {
    opacity: 0;
    pointer-events: none
}

.activity .page-next[data-v-f954342b]:hover {
    opacity: .8
}

.echo[data-v-483b8da3] {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.echo.an .page-title-box[data-v-483b8da3] {
    opacity: 1;
    right: 2rem
}

.echo.an .echo-box[data-v-483b8da3] {
    opacity: 1
}

.echo.an .echo-right .echo-video-container[data-v-483b8da3] {
    opacity: 1;
    right: 2rem
}

.echo .page-title-box[data-v-483b8da3] {
    width: 100%;
    position: absolute;
    top: 1rem;
    right: 1rem;
    text-align: right;
    opacity: 0;
    -webkit-transition: right .5s .2s, opacity .5s .2s;
    transition: right .5s .2s, opacity .5s .2s
}

.echo .page-title-box .page-title[data-v-483b8da3] {
    height: .6rem
}

.echo .page-title-box .page-title-bg-box[data-v-483b8da3] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .13rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.echo .page-title-box .page-title-bg-box .title-bg-1[data-v-483b8da3] {
    width: .87rem;
    margin-left: -.17rem
}

.echo .page-title-box .page-title-bg-box .title-bg-2[data-v-483b8da3] {
    height: 2px;
    width: calc(100% - .68rem);
    margin-top: -.15rem
}

.echo .echo-box[data-v-483b8da3] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .5s .2s, -webkit-transform .5s .1s;
    transition: opacity .5s .2s, -webkit-transform .5s .1s;
    transition: transform .5s .1s, opacity .5s .2s;
    transition: transform .5s .1s, opacity .5s .2s, -webkit-transform .5s .1s
}

.echo .echo-box .echo-img[data-v-483b8da3] {
    position: relative;
    width: 100%;
    height: 100%
}

.echo .echo-box .echo-img img[data-v-483b8da3] {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 7rem;
    -o-object-fit: contain;
    object-fit: contain;
    left: 15%;
}

.echo .echo-box .echo-img .title-box[data-v-483b8da3] {
    position: absolute;
    top: 70%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: 0rem;
    height: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .49rem;
    font-weight: 700;
    padding: .2rem .2rem .25rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 3.5rem;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99;
    color: #ef9d1a;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(33, 32, 30, .2)), color-stop(50%, rgba(33, 32, 30, .6)), color-stop(65%, transparent), color-stop(80%, rgba(33, 32, 30, .6)), to(transparent));
    background-image: linear-gradient(to right, rgba(33, 32, 30, .2), rgba(33, 32, 30, .6) 50%, transparent 65%, rgba(33, 32, 30, .6) 80%, transparent)
}

.echo .echo-box .echo-img .title-box[data-v-483b8da3]:before {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 80%;
    height: 100%;
    border: 2px solid transparent;
    border-right: 0;
    border-left: 0;
    -o-border-image: linear-gradient(to left, #dab67d, #373127) 1;
    border-image: -webkit-gradient(linear, right top, left top, from(#dab67d), to(#373127)) 1;
    border-image: linear-gradient(to left, #dab67d, #373127) 1
}

.echo .echo-box .echo-img .title-box[data-v-483b8da3]:after {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 20%;
    height: 100%;
    border: 2px solid #dab67d;
    border-left: 0;
    border-radius: 0 0 .5rem
}

.echo .echo-right .echo-video-container[data-v-483b8da3] {
    position: absolute;
    right: 1rem;
    top: 45%;
    -webkit-transform: translate(0%, -50%);
    transform: translateY(-50%);
    height: 3.13rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    opacity: 0;
    -webkit-transition: right .4s .2s, opacity .3s .3s, -webkit-transform .4s .1s;
    transition: right .4s .2s, opacity .3s .3s, -webkit-transform .4s .1s;
    transition: right .4s .2s, transform .4s .1s, opacity .3s .3s;
    transition: right .4s .2s, transform .4s .1s, opacity .3s .3s, -webkit-transform .4s .1s
}

.echo .echo-right .echo-video-container .video-role-box[data-v-483b8da3] {
    position: relative;
    width: 6.8rem;
    height: 3.56rem;
    z-index: 2;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.echo .echo-right .echo-video-container .video-role-box .video-border[data-v-483b8da3] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11
}

.echo .echo-right .echo-video-container .video-role-box .video-container[data-v-483b8da3] {
    position: absolute;
    top: 50%;
    left: 49.5%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6.65rem;
    height: 4.25rem;
    border-radius: .28rem;
    background: #000
}

.echo .echo-right .echo-video-container .video-role-box .video-container .video-content[data-v-483b8da3] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .28rem
}

.echo .echo-right .echo-video-container .echo-avatar[data-v-483b8da3] {
    width: 105%;
    /*margin-top: .5rem;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.echo .echo-right .echo-video-container .echo-avatar .avatar-item[data-v-483b8da3] {
    position: relative;
    width: 1.37rem;
    height: 1.37rem;
    background: url(../image/avatar-border-bf6c8d43.png) no-repeat center;
    background-size: 100% 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer
}

.echo .echo-right .echo-video-container .echo-avatar .avatar-item .mask[data-v-483b8da3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 1.06rem;
    height: 1.06rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, .5)
}

.echo .echo-right .echo-video-container .echo-avatar .avatar-item.active[data-v-483b8da3] {
    cursor: unset;
    background: url(../image/avatar-active-border-69415305.png) no-repeat center;
    background-size: 100% 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.echo .echo-right .echo-video-container .echo-avatar .avatar-item.active .mask[data-v-483b8da3] {
    display: none
}

.echo .echo-right .echo-video-container .echo-avatar .avatar-item .avatar-img[data-v-483b8da3] {
    width: 1.06rem;
    height: 1.06rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.echo .echo-right .echo-video-container .echo-avatar .avatar-item .avatar-img img[data-v-483b8da3] {
    width: 100%;
    height: 100%
}

.echo-enter-active[data-v-483b8da3], .echo-leave-active[data-v-483b8da3] {
    -webkit-transition: opacity .5s !important;
    transition: opacity .5s !important
}

.echo-enter-from[data-v-483b8da3], .echo-leave-to[data-v-483b8da3] {
    opacity: 0 !important
}

.area-show[data-v-48e55608] {
    width: 100%;
    height: 100%;
    position: relative
}

.area-show.an .page-title[data-v-48e55608] {
    opacity: 1;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%)
}

.area-show.an .area-content-box[data-v-48e55608] {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.area-show .page-title[data-v-48e55608] {
    position: absolute;
    left: 50%;
    top: .63rem;
    -webkit-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    -webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
    transition: opacity .5s .1s, -webkit-transform .5s .1s;
    transition: transform .5s .1s, opacity .5s .1s;
    transition: transform .5s .1s, opacity .5s .1s, -webkit-transform .5s .1s;
    opacity: 0
}

.area-show .page-title img[data-v-48e55608] {
    height: .8rem
}

.area-show .area-content-box[data-v-48e55608] {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 55%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-top: 1px solid #b5aea1;
    padding-top: .25rem;
    -webkit-transition: opacity .7s .2s, -webkit-transform .4s .1s;
    transition: opacity .7s .2s, -webkit-transform .4s .1s;
    transition: transform .4s .1s, opacity .7s .2s;
    transition: transform .4s .1s, opacity .7s .2s, -webkit-transform .4s .1s;
    opacity: 0
}

.area-show .area-content-box .area-content[data-v-48e55608] {
    width: 100%;
    height: 100%;
    position: relative
}

.area-show .area-content-box .area-content .item-slide img[data-v-48e55608] {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.area-show .area-content-box .area-content .area-info-box[data-v-48e55608] {
    position: relative;
    margin-top: .5rem;
    margin-left: .9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.area-show .area-content-box .area-content .area-info-box.de[data-v-48e55608] {
    margin-top: .3rem;
    margin-bottom: .25rem
}

.area-show .area-content-box .area-content .area-info-box.de .area-name-box .area-name[data-v-48e55608] {
    font-size: .38rem;
    line-height: .38rem
}

.area-show .area-content-box .area-content .area-info-box.fr[data-v-48e55608] {
    margin-left: .7rem
}

.area-show .area-content-box .area-content .area-info-box.fr .area-name-box .area-name[data-v-48e55608] {
    font-size: .38rem;
    line-height: .38rem
}

.area-show .area-content-box .area-content .area-info-box .area-name-box[data-v-48e55608] {
    min-height: 1rem
}

.area-show .area-content-box .area-content .area-info-box .area-name-box .area-name[data-v-48e55608] {
    font-size: .49rem;
    color: #dab67d;
    letter-spacing: 1px;
    line-height: .49rem
}

.area-show .area-content-box .area-content .area-info-box .area-name-box .name-pinyin[data-v-48e55608] {
    font-size: .11rem;
    color: #d3cbb8;
    letter-spacing: .07rem;
    margin-top: .05rem
}

.area-show .area-content-box .area-content .area-info-box .area-text-box[data-v-48e55608] {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 8rem
}

.area-show .area-content-box .area-content .area-info-box .area-text-box .triangle-box[data-v-48e55608] {
    width: .1rem;
    height: .12rem;
    margin-top: .05rem;
    margin-right: .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.area-show .area-content-box .area-content .area-info-box .area-text-box .triangle-box .triangle-icon[data-v-48e55608] {
    width: .1rem;
    height: .12rem
}

.area-show .area-content-box .area-content .area-info-box .area-text-box .content-text[data-v-48e55608] {
    color: #eec88c;
    font-size: .12rem
}

.area-show .area-content-box .area-content .area-info-box .change-box[data-v-48e55608] {
    position: absolute;
    right: .1rem;
    min-width: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.area-show .area-content-box .area-content .area-info-box .change-box .page-prev-btn[data-v-48e55608] {
    width: 1.39rem;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.area-show .area-content-box .area-content .area-info-box .change-box .page-prev-btn img[data-v-48e55608] {
    width: 100%
}

.area-show .area-content-box .area-content .area-info-box .change-box .page-prev-btn.hide[data-v-48e55608] {
    opacity: 0;
    pointer-events: none
}

.area-show .area-content-box .area-content .area-info-box .change-box .page-prev-btn[data-v-48e55608]:hover {
    opacity: .8
}

.area-show .area-content-box .area-content .area-info-box .change-box .page-next-btn[data-v-48e55608] {
    width: 1.39rem;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.area-show .area-content-box .area-content .area-info-box .change-box .page-next-btn img[data-v-48e55608] {
    width: 100%
}

.area-show .area-content-box .area-content .area-info-box .change-box .page-next-btn.hide[data-v-48e55608] {
    opacity: 0;
    pointer-events: none
}

.area-show .area-content-box .area-content .area-info-box .change-box .page-next-btn[data-v-48e55608]:hover {
    opacity: .8
}

.area-show .area-content-box .area-content .mask-left[data-v-48e55608] {
    width: 3rem;
    height: calc(100% - .06rem);
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgb(0, 0, 0), rgba(0, 0, 0, 0));
    z-index: 10
}

.area-show .area-content-box .area-content .mask-right[data-v-48e55608] {
    width: 3rem;
    height: calc(100% - .06rem);
    position: absolute;
    right: 0;
    top: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to left, rgb(0, 0, 0), rgba(0, 0, 0, 0));
    z-index: 10
}

.feature-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.feature-container.an .page-title {
    opacity: 1;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%)
}

.feature-container.an .swiper-box .swiper-3d-container {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.feature-container.an .line-bg {
    opacity: .2
}

.feature-container .page-title {
    position: absolute;
    left: 50%;
    top: 1.01rem;
    -webkit-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    -webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
    transition: opacity .5s .1s, -webkit-transform .5s .1s;
    transition: transform .5s .1s, opacity .5s .1s;
    transition: transform .5s .1s, opacity .5s .1s, -webkit-transform .5s .1s;
    opacity: 0
}

.feature-container .page-title img {
    height: 1.08rem
}

.feature-container .line-bg {
    width: 100%;
    height: 100%;
    background: url(https://mc.kurogames.com/website-preface/assets/line-bg-4902a631.png) no-repeat center;
    background-size: cover;
    background-position: 50% 22.5%;
    opacity: 0
}

.feature-container .swiper-box {
    width: 100%;
    height: 8rem;
    margin: .8rem auto 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.feature-container .swiper-box .swiper-3d-container {
    position: relative;
    width: 18rem;
    height: 7.28rem;
    -webkit-perspective: 14rem;
    perspective: 14rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem);
    -webkit-transition: opacity .4s .1s, -webkit-transform .4s .1s;
    transition: opacity .4s .1s, -webkit-transform .4s .1s;
    transition: transform .4s .1s, opacity .4s .1s;
    transition: transform .4s .1s, opacity .4s .1s, -webkit-transform .4s .1s
}

.feature-container .swiper-box .swiper-3d-container .swiper-3d-box {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: center;
    transform-origin: center
}

.feature-container .swiper-box .swiper-3d-container .swiper-3d-box .swiper-item {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9.68rem;
    height: 5.43rem;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0
}

.feature-container .swiper-box .swiper-3d-container .swiper-3d-box .swiper-item.swiper-item-current {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1
}

.feature-container .swiper-box .swiper-3d-container .swiper-3d-box .swiper-item.swiper-item-invisible-prev {
    -webkit-transform: translate3d(-70%, -50%, -4rem);
    transform: translate3d(-70%, -50%, -4rem)
}

.feature-container .swiper-box .swiper-3d-container .swiper-3d-box .swiper-item.swiper-item-prev {
    -webkit-transform: translate3d(-75%, -50%, -2rem);
    transform: translate3d(-75%, -50%, -2rem);
    opacity: 1
}

.feature-container .swiper-box .swiper-3d-container .swiper-3d-box .swiper-item.swiper-item-next {
    -webkit-transform: translate3d(-25%, -50%, -2rem);
    transform: translate3d(-25%, -50%, -2rem);
    opacity: 1
}

.feature-container .swiper-box .swiper-3d-container .swiper-3d-box .swiper-item.swiper-item-invisible-next {
    -webkit-transform: translate3d(-30%, -50%, -4rem);
    transform: translate3d(-30%, -50%, -4rem)
}

.feature-container .swiper-box .swiper-3d-container .swiper-3d-box .swiper-item.swiper-item-prev:before, .feature-container .swiper-box .swiper-3d-container .swiper-3d-box .swiper-item.swiper-item-next:before, .feature-container .swiper-box .swiper-3d-container .swiper-3d-box .swiper-item.swiper-item-invisible-prev:before, .feature-container .swiper-box .swiper-3d-container .swiper-3d-box .swiper-item.swiper-item-invisible-next:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9) !important
}

.feature-container .swiper-box .swiper-3d-container .swiper-3d-box .swiper-item.swiper-item-prev .feature-img-box .mask, .feature-container .swiper-box .swiper-3d-container .swiper-3d-box .swiper-item.swiper-item-next .feature-img-box .mask, .feature-container .swiper-box .swiper-3d-container .swiper-3d-box .swiper-item.swiper-item-invisible-prev .feature-img-box .mask, .feature-container .swiper-box .swiper-3d-container .swiper-3d-box .swiper-item.swiper-item-invisible-next .feature-img-box .mask {
    opacity: 1
}

@-webkit-keyframes mask {
    0% {
        display: -webkit-box;
        display: flex
    }
    to {
        display: none
    }
}

@keyframes mask {
    0% {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    to {
        display: none
    }
}

.feature-container .swiper-box .swiper-3d-container .swiper-3d-box .swiper-item .img-prev {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

.feature-container .swiper-box .swiper-3d-container .swiper-3d-box .swiper-item .img-next {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.feature-container .swiper-box .swiper-3d-container .feature-img-box {
    position: absolute;
    width: 100%;
    height: 100%
}

.feature-container .swiper-box .swiper-3d-container .feature-img-box .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 9;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.feature-container .swiper-box .swiper-3d-container .feature-img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden
}

.feature-container .swiper-box .swiper-3d-container .feature-img-box .feature-img {
    position: absolute;
    top: -1rem;
    left: -1.29rem;
    width: 120%;
    height: 120%
}

.feature-container .swiper-box .swiper-3d-container .pagination-box {
    position: absolute;
    bottom: .2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    width: 1.71rem;
    height: .24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.feature-container .swiper-box .swiper-3d-container .pagination-box .pagination-item {
    width: .19rem;
    height: .24rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAYCAYAAAAYl8YPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjQuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTEyLTAyVDExOjQyOjQyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0xMi0wMlQxMzo1NzozNyswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0xMi0wMlQxMzo1NzozNyswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTU0RTlDMDFCMDcyMTFFRkJCRjRGRDkzNTgyQjIyNUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTU0RTlDMDJCMDcyMTFFRkJCRjRGRDkzNTgyQjIyNUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NTRFOUJGRkIwNzIxMUVGQkJGNEZEOTM1ODJCMjI1RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NTRFOUMwMEIwNzIxMUVGQkJGNEZEOTM1ODJCMjI1RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrfCDkkAAAFzSURBVHjarNXPKwRxGMdxKy7rIA7iSspNlMPuf+BMkdbB3qQcKDcKOXBxkBTiIGXE5qK2XFz8KByUPcrFxQkpRHa8v/VJY5qx3x3zrVfbzkxPz/d55vlOwnXdirhWVX51JLZglZbP1ccVrAM3aP1vsDrs4Rj7SEYNZu5t4wADuMRa1GBTqMGE/ptOtWE0tJsh17uRRRe+dO0NvTjFFU5sMmvGJvrx4Lt3hyHsoLFUsKQKPqcMglYe69j178wfbBkFLJXo8gxesBBWs2F0ImXx7pkZzKjD58ryJ7NqTGIer5ZT8YhFTCPhDfap7plgTZbBWpRAVpn+qlleL6WjTP9aSU2Eqd1ZWANm8ewvbMBawbUaFvrSmnQHPYV1AgKZSWhH2mYCntCDI50WBc+9lMYsHdSosNk0WxhHDrW61qBMTcFvyx30LWW3oR04GrPDqOfZmGbwAu/qXuTD8QN9+s14TpCyjiDvulfhi3F9UIo2D30LMAA9SE7sQYT4rQAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer
}

.feature-container .swiper-box .swiper-3d-container .pagination-box .pagination-item.active {
    width: .19rem;
    height: .24rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAYCAYAAAAYl8YPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjQuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTEyLTAyVDExOjQyOjQyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0xMi0wMlQxMzo1NzoyOSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0xMi0wMlQxMzo1NzoyOSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTAzQkNDOEFCMDcyMTFFRjk2OTRDMjNCMTUyRDVEMzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTAzQkNDOEJCMDcyMTFFRjk2OTRDMjNCMTUyRDVEMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MDNCQ0M4OEIwNzIxMUVGOTY5NEMyM0IxNTJENUQzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MDNCQ0M4OUIwNzIxMUVGOTY5NEMyM0IxNTJENUQzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnynuvIAAAIJSURBVHjapNVLSBVhGMbx4/XgBSLBhRAitsxcFBZuooXg0luaBVEuglBTkij3mViCGaQRRYhi2VUDUcKVkApCF6WgReLGQErbCCGi6P+FZ+Br8Mwcc+AH58x8855v3suchPFH9ZGQIxu9uID1oIWJIYGS8AwnFTCyn2B3sYUjOI6GoMXJAdfOogwnsIZKTGEOH/ays0I8UIA/OreAixjCoXiDZeEtGjGPVDTr2nv04JXOBwbzEj6CFzrXiW4nYAeWFDQw2G0FvKnvl9DkBD2FbdShGJdjFeAMapTwLVXPbYcUvMYx7awc0/iKGXdnBbqxCitqVMtb2i4NbOej+KGdWzpyvGAHMIxr+KzHfIncGJUuwkN9HsNjryAW7DlGMejk5nRIM1vOvDlswy8rUqJ2suksjEbiO9x1luMUC3YeFUp+RI87FRLI2ueePreqiRss2KoSb31zFBuq7M8Ygb44LVGqea22+7xq2rxdVSEOYtlb4Au0ohH7i8PoQ61a5Z+mtZl7p0dIUu80+vJiKVlEulqkzR16/wTcUHPe0ncr+xN9tqmYQAKe4qN/pPyvIPv1c5jV4jfKie2mS2takK/RCn2f/VZBxvEd39CuayW4rsZdj/d99kk3DWtC7MhDv5vwvby2BzQuVpBMJfwOJv/3P8B2l6HesrfD/f38oWyq3yxvV8Lma0eAAQD/GHNaKybXfQAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 100% 100%;
    cursor: unset
}

.feature-container .page-prev {
    width: .64rem;
    height: .68rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABECAYAAAAx+DPIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjQuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTEyLTAyVDE1OjMwOjU2KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0xMi0wMlQxNjo1OToyMiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0xMi0wMlQxNjo1OToyMiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qjk2QUJFQTFCMDhCMTFFRkJCNTY4MjVDNTQyQjUxMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qjk2QUJFQTJCMDhCMTFFRkJCNTY4MjVDNTQyQjUxMDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCOTZBQkU5RkIwOEIxMUVGQkI1NjgyNUM1NDJCNTEwOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCOTZBQkVBMEIwOEIxMUVGQkI1NjgyNUM1NDJCNTEwOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PruDqvoAAATQSURBVHja5Jp3jE1ZHMfvsEavi2hRo220sJhoa4Ioq60IIpvdjJJoQ0QJohMSi4jsasMQltglrOg1g7Dq4A8xjEgIYmNWSfQ2vr+8701OjnMZxtx37zu/5BOTc5x33/nec3/tvrjs7GxHtcy9052gWO2us/P8GvmcYFpBvy4UVAFq2i5APdsFaGS7AC1tFqAaqGKzAJ38vFgQBehlswAlQUebBRgACtkqwDdgrN8XDZIAw0BdWwWoAGZG48JBEKAI2Aq+tVGAsuAAaK2Np9kggBQ8p7TNvwXjwWg/PW80rAPYAkorY48ZBvfF+iMwBOzVNp8JEvzevN8CyLUWgBRQQBk/yOovI5adYHGwDUzQxpeCbuBhNLOvvLY6YDv4Thl7BUbxNHhaThu0uWme5vUJ6ApOa5u/z4LHtPn8oF0sPAKyEbktu0ApZfwSaA6OG9aUoXNcy8wwtAKUo2Obpn2++IA24KZhTQNwBlwEP4BaYfUBcnw3gcrKmLx5mQtm8G/d+oI/WAlu4tj/YROgAI/8BB5/156BJPC3x+mbBX4GXcAFZe55mASoD/4ETbXx206kvZVuWFOCa+TfFnSMUbF8uRRPju15w+b/pbNL9wiLUgPcciIN0KhtPjcCfE+ntRgU1ubWg0Rwz7DuR3CM6yQPeK3M1WAtEOhEqBSf21EG8aSSmwQWGtbFcW4k6ANOavP9wSpmjEXBmqAJUIRffhLjtW5SyQ0EewxzsqFUUJXP+13tcyUdHqyMpTBapAZBgIqs3uSOl/f4P9dBT3DFMFcd/ENf0B68VObk/d9mOlH9tMhpeAfWKePxjscboxykzC+QLt/9HAHi2ZiY6ER69V4m4aozuOExv8iJtLmTtc0X5J2u/5FMcgwjxRvFR+z5wht9jo/Zh8/mJ34hIsf3VwpRzePDr4HeHicgnkmOOM0eDI2qCHPAOIM/ucgIkRXtYugpWMbQlezxhdyw1t0wJ1XfUGZ4JxkaXXtJYTswJLqWzrEsP3xATsOgbOR3ERss5/OpJzY7wGQ+w7r9Rie6m6mvamn0BxvBWW7+QVDzgEdgBHP+DMNnzaNjK2pYu5PHeiELpTgtikhK3JrXCHwidILZ3xJDgdOP89UN66QcTmBCtMH58D3g6zClws+ZCkvT4z9trjGPc6Jh3T2GRPH0Rz4SXkPTD9gPmjiRFxyquS89kk1xmYnTfnaMGoZZAPeuSkk7hSmxmmcsZVan//Yvm2m1OM7DfCxUpxq6jpBsaD6F0BsaSfT2lQzrNjOEruQjVY+hNbQtsUOgGctk1RLoFxIMa6SybAV+oSAZYRZATPp+0v9bq41X4klIMqyRZKgtE6cnYRfAdXSDwHBDHZBK36DXIk94SgLbD/gSW8HcXn4DoDZLJTo0YN6Q9bVz/CCcANVO0S8c1cYTeccbOVEyP1+OSrLUke0wvWdwwlAjxJwADmt7KX8HaI6umBNpnc/x+ztF6xcifzEcZmqdoKnsIJWIdQHELrM/sFMbl8bJdhsEcMvgn8BqbbycLQI4rB1G+B3/gySA2wcY5phfnlohgJj0AnfYLIBYiu0CSIPkjs0CvDWERasEEDtouwBpfkaDIAogL0Vu2CyA2AXbBbhquwDXbBfgju0C3LddAN/C4HsBBgAlU/tMtouRcwAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 11;
    top: 50%;
    left: .26rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.feature-container .page-prev.hide {
    opacity: 0;
    pointer-events: none
}

.feature-container .page-prev:hover {
    opacity: .8
}

.feature-container .page-next {
    width: .64rem;
    height: .68rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABECAYAAAAx+DPIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjQuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTEyLTAyVDE1OjMwOjU2KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0xMi0wMlQxNjo1OToyOCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0xMi0wMlQxNjo1OToyOCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkNCRjBEQTNCMDhCMTFFRjgxRjlFN0Y0REFGNTAyRDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkNCRjBEQTRCMDhCMTFFRjgxRjlFN0Y0REFGNTAyRDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQ0JGMERBMUIwOEIxMUVGODFGOUU3RjREQUY1MDJEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQ0JGMERBMkIwOEIxMUVGODFGOUU3RjREQUY1MDJEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpsMQoIAAASySURBVHja5JpXaBRBHMb31ESj2IUEC4qSh9gN9oZdTFQQsWCPglgCFuxi7z5YHowVRLBhwxaDMTbsUTRREjHmwS52Ewv2+A1+p+swF83lbvYu84cf4WY2yc53M/+268rLy7P8aXeT5lqBZJE9Fv71uZhluOkUIMx0AaqbLkAd0wWINF2AhqYLEG26AA1AOZMFCAEdTBZAWIzpAvQHpUwWoCLoY7IAwmaBEiYLUB+MNlkAYUsZFo0VoDw4AVqYJMBY8NX2ORycBeNMEWAD6Aye28ZKgnVgOyhtwhE4B5qC69L4YHAR1DbBBzwE7cBuabwRSAVdTXCCH8EgMAN8t41XBklgqq4bKVRCUsiOr2hHrwA3wU5QgePFwUqWz6MoVpHZAaGKsSSGwzvS+ED6hVpFRQBRBJ3nwmTLogiJCr9wDXQrCgI0BpvAErAAuKT5HNAbLOPxsPuFY2CO4neCRgAXvf8W0IqefqeiNP7BYknskg+2ceEXxCOdI6wog3IHPOZPkQh1At/AGRChuHYPQ+V9aTyWOUTLYBNAfgD5CQzjmb/soTC6AZoxXbZbLSZUM31x/04+GxSiLALTQAropbjmBY/LOkX4FhVlMqgWrALYt7tY/HowSTEvCqh49hC+SHOitshgvuAKBgFKMPmpL42n0jkOY6QIUfzuZvqOZ4rSWjjX497kDDoFEEnQLm75q2Cy9P/dNUIEkyOVt7/AYuqaYq4rd8NsqwBPol3yCxJ+eqEhlMWP3BA9CeK4eHvIW86coKe4JQ9JldgRQ/KJOCLf2EqH+9vkFyQ81QITWat7YysUi9/nwcmJM5wOxnN3WCyOpjI1Ft5+gCISiEUNBZl0hrIJx5jAhGsHOEqx/7sYqmD5rn9fFtTMZz7Ew5kPY6TwdEwrgS7/iDIZ9C9pBa0G5/tw+7/ijZ4G9aS568z67kpdovWsBoVjvKf4m1HMCj29c5BCX5BaYB/gx3I4nCJE8dtZy37AZ9s1VcF+8ACMlNJht8UwjS6vmLvCVPqUp5tw8iWpZzzz5+ngJkmLb8kFHFbUAm6bwnl58W+tX03X1vkt3ucNES/sKUOdbHH0/CMVJbH7WGwEwxVze8EE/m29HSEfJUarWO+3VzRF3EfnAL9d2beMYYRxpiVWSKvCNPgjmyE5imuagEOghjQuHqqMAE+CtRhyd4Av0x+oFt+XeYB98Z/pO7r7YvG6BXDnAv1Zxc2gx/6haJ7M49kuYxsXvYG2YI2ivA6KIyBaW4tBG575dMU1ZZi+9pPGE+kAX/nDCemyW+A1aA5eKuar87xHSy0y0Qtc5stv3SkBvjJcqawVPX2EFNsHsTL0axjy2uSsysts0d0DsBdfmawcs/z9rTjZESrOynGbtPhEZoVZOm7CqTygHPP5WGl8NUvh7zozMd1Wh/l8Xck/xPMoaE9FdVpHxvfKtrFchr1kJ7ai7ldkjkuLf8jkJtmho6h1ByRIn7O5Ix45WY05FQVy2dhwdPFOCjDdUnd7jRDgtvWrpW2ZKsBqnXE+0AR4Z/3p/xspgCh43psswEErwEynACLdTTFZgBuBtv11C3DJCkDTKUCa6QJkmC5AtukCvAlEAX4KMAAjXv2BM8PbPAAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 11;
    top: 50%;
    right: .26rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.feature-container .page-next.hide {
    opacity: 0;
    pointer-events: none
}

.feature-container .page-next:hover {
    opacity: .8
}

.skin-show[data-v-9c2d220e] {
    width: 100%;
    height: 100%;
    position: relative
}

.skin-show.an .skin-info-box[data-v-9c2d220e], .skin-show.an .page-title-box[data-v-9c2d220e], .skin-show.an .page-title-bg-box[data-v-9c2d220e] {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translate(0)
}

.skin-show.an .skin-picture[data-v-9c2d220e], .skin-show.an .spine-container[data-v-9c2d220e] {
    opacity: 1
}

.skin-show.an .avatar-box[data-v-9c2d220e] {
    opacity: 1;
    -webkit-transform: translate(0, -50%) scale(.8);
    transform: translateY(-50%) scale(.8)
}

.skin-show .page-title-box[data-v-9c2d220e] {
    width: 100%;
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 1
}

.skin-show .page-title-box .page-title[data-v-9c2d220e] {
    height: .58rem
}

.skin-show .page-title-bg-box[data-v-9c2d220e] {
    width: 100%;
    position: absolute;
    top: 1.58rem;
    left: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .13rem;
    z-index: -1
}

.skin-show .page-title-bg-box .title-bg-1[data-v-9c2d220e] {
    width: .68rem
}

.skin-show .page-title-bg-box .title-bg-2[data-v-9c2d220e] {
    height: 2px;
    width: 100%;
    margin-top: -.15rem;
    margin-left: -.17rem
}

.skin-show .spine-container[data-v-9c2d220e] {
    opacity: 0;
    -webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: transform .5s .2s, opacity .5s .2s;
    transition: transform .5s .2s, opacity .5s .2s, -webkit-transform .5s .2s
}

.skin-show .spine-container.move[data-v-9c2d220e] {
    -webkit-transition: opacity .2s 0s, -webkit-transform .5s .2s;
    transition: opacity .2s 0s, -webkit-transform .5s .2s;
    transition: transform .5s .2s, opacity .2s 0s;
    transition: transform .5s .2s, opacity .2s 0s, -webkit-transform .5s .2s;
    opacity: 0
}

.skin-show .spine-container.show[data-v-9c2d220e] {
    -webkit-transition: opacity .3s 0s, -webkit-transform .5s .2s;
    transition: opacity .3s 0s, -webkit-transform .5s .2s;
    transition: transform .5s .2s, opacity .3s 0s;
    transition: transform .5s .2s, opacity .3s 0s, -webkit-transform .5s .2s;
    opacity: 1
}

.skin-show .skin-info-box[data-v-9c2d220e] {
    position: absolute;
    bottom: .5rem;
    left: 1.7rem
}

.skin-show .skin-info-box .skin-title[data-v-9c2d220e] {
    font-size: .59rem;
    color: #dab67d;
    letter-spacing: 3px;
    line-height: .65rem
}

.skin-show .skin-info-box .skin-type[data-v-9c2d220e] {
    font-size: .25rem;
    color: #d5d5d5;
    letter-spacing: 1px;
    line-height: .25rem;
    margin-top: .1rem
}

.skin-show .skin-info-box .skin-info[data-v-9c2d220e] {
    width: 5rem;
    min-height: 2rem;
    margin-top: .3rem;
    font-size: .17rem;
    color: #eec88c;
    letter-spacing: 1px
}

.skin-show .spine-container[data-v-9c2d220e] {
    width: 100%;
    height: 100%
}

.skin-show .spine-container.is-change[data-v-9c2d220e] {
    opacity: 0
}

.skin-show .skin-picture[data-v-9c2d220e] {
    width: 100%;
    height: 100%;
    position: absolute
}

.skin-show .skin-picture img[data-v-9c2d220e] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.skin-show .avatar-box[data-v-9c2d220e] {
    position: absolute;
    right: .3rem;
    top: 50%;
    width: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: translate(.5rem, -50%);
    transform: translate(.5rem, -50%);
    opacity: 0;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s
}

.skin-show .avatar-box .avatar-item[data-v-9c2d220e] {
    width: 2rem;
    height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.skin-show .avatar-box .avatar-item.active .avatar-img[data-v-9c2d220e] {
    cursor: unset;
    -webkit-transform: scale(1);
    transform: scale(1);
    background: url(../image/avatar-active-border-69415305.png) no-repeat center;
    background-size: 100% 100%
}

.skin-show .avatar-box .avatar-item.active .avatar-img .mask[data-v-9c2d220e] {
    display: none
}

.skin-show .avatar-box .avatar-item .avatar-img[data-v-9c2d220e] {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    background: url(../image/avatar-border-bf6c8d43.png) no-repeat center;
    background-size: 100% 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.skin-show .avatar-box .avatar-item .avatar-img .mask[data-v-9c2d220e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 75%;
    height: 75%;
    border-radius: 50%;
    z-index: 1;
    background: rgba(0, 0, 0, .5)
}

.skin-show .avatar-box .avatar-item .avatar-img img[data-v-9c2d220e] {
    width: 75%;
    height: 75%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.skin-show .skin-info-box[data-v-9c2d220e] {
    -webkit-transform: translateX(-.5rem);
    transform: translate(-.5rem);
    opacity: 0;
    -webkit-transition: opacity .4s .1s, -webkit-transform .5s .1s;
    transition: opacity .4s .1s, -webkit-transform .5s .1s;
    transition: transform .5s .1s, opacity .4s .1s;
    transition: transform .5s .1s, opacity .4s .1s, -webkit-transform .5s .1s
}

.skin-show .skin-picture[data-v-9c2d220e] {
    -webkit-transform: translateX(-.5rem);
    transform: translate(-.5rem);
    opacity: 0;
    -webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
    transition: opacity .5s .1s, -webkit-transform .5s .1s;
    transition: transform .5s .1s, opacity .5s .1s;
    transition: transform .5s .1s, opacity .5s .1s, -webkit-transform .5s .1s
}

.skin-show .page-title-box[data-v-9c2d220e], .skin-show .page-title-bg-box[data-v-9c2d220e] {
    -webkit-transform: translateX(-.5rem);
    transform: translate(-.5rem);
    opacity: 0;
    -webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: transform .5s .2s, opacity .5s .2s;
    transition: transform .5s .2s, opacity .5s .2s, -webkit-transform .5s .2s
}

.skin-enter-active[data-v-9c2d220e] {
    -webkit-transition: opacity 1.2s !important;
    transition: opacity 1.2s !important
}

.skin-leave-active[data-v-9c2d220e] {
    -webkit-transition: opacity .5s !important;
    transition: opacity .5s !important
}

.skin-enter-from[data-v-9c2d220e], .skin-leave-to[data-v-9c2d220e] {
    opacity: 0 !important
}

.info-enter-active[data-v-9c2d220e], .info-leave-active[data-v-9c2d220e] {
    -webkit-transition: all .8s .5s !important;
    transition: all .8s .5s !important
}

.info-leave-active[data-v-9c2d220e] {
    -webkit-transition: all 0s !important;
    transition: all 0s !important
}

.info-enter-from[data-v-9c2d220e], .info-leave-to[data-v-9c2d220e] {
    opacity: 0 !important
}

.footer[data-v-fcd10c0a] {
    position: relative;
    width: 100%;
    height: auto;
    padding: .2rem 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    background: #fff;
    margin: 0 auto;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: auto;
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out;
    overflow: hidden
}

.footer .kurogames-white[data-v-fcd10c0a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: .57rem
}

.footer .kurogames-white img[data-v-fcd10c0a] {
    height: .79rem
}

.footer .kurogames-white .cadpa-wrapper[data-v-fcd10c0a] {
    position: relative;
    margin-left: .57rem;
    margin-right: .59rem;
    width: .8rem;
    height: 1.04rem
}

.footer .kurogames-white .cadpa-wrapper .age-tip[data-v-fcd10c0a] {
    position: absolute;
    width: .8rem;
    height: 1.04rem;
    background: url(data:image/png;base64,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) no-repeat center center / 100% 100%;
    cursor: pointer
}

.footer .kurogames-white img + img[data-v-fcd10c0a] {
    margin-left: .5rem
}

.footer .kurogames-white .en-footer-img[data-v-fcd10c0a] {
    height: 1rem
}

.footer .footer-right .copyright-inner[data-v-fcd10c0a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.footer .footer-right .copyright-inner .right-content[data-v-fcd10c0a] {
    border-left: 1px solid #545353;
    padding-left: .4rem;
    margin-left: .4rem
}

.footer .footer-right .copyright-inner .warning-text[data-v-fcd10c0a] {
    color: #9d9d9d
}

.footer .footer-right .copyright-inner h2[data-v-fcd10c0a], .footer .footer-right .copyright-inner h3[data-v-fcd10c0a], .footer .footer-right .copyright-inner a[data-v-fcd10c0a] {
    margin: 0;
    font-size: .15rem;
    font-weight: 400;
    color: currentColor;
    line-height: .26rem;
    color: #9d9d9d
}

.footer .footer-right .copyright-inner div > span[data-v-fcd10c0a] {
    font-size: 14px;
    margin: 4px 0;
    color: #b9b9b9
}

.footer .footer-right .copyright-inner div > a[data-v-fcd10c0a] {
    color: #b9b9b9;
    text-decoration: none
}

.footer .footer-right .copyright-inner .agreement[data-v-fcd10c0a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #b9b9b9;
    margin-top: .1rem
}

.footer .footer-right .copyright-inner .agreement .agreement-left[data-v-fcd10c0a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer .footer-right .copyright-inner .agreement a[data-v-fcd10c0a] {
    font-size: .18rem;
    color: #9d9d9d
}

.footer .footer-right .copyright-inner .agreement .line[data-v-fcd10c0a] {
    width: 1px;
    height: .18rem;
    background-color: #b9b9b9;
    margin: 0 .15rem
}

.footer .footer-right .copyright-inner .agreement-info[data-v-fcd10c0a] {
    font-size: .14rem;
    color: #b9b9b9;
    line-height: .2rem
}

.footer .footer-right .copyright-inner .agreement-info .gn-icon[data-v-fcd10c0a] {
    margin: 0;
    display: inline-block;
    width: .15rem;
    height: .15rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASzSURBVHgBfZRtbBN1HMe/d71er9en68P6kFYJYwidDIoMHysLi8lA2YRpENREMRiMRokPvFA0YjRGX0jAECJZYiKEFyomJGyiuAwBWYTEMBkLdKPbHO0ee+vDtXfXXq/njcQGHHq5N3f//++Tb37f3/dH4H8eTRvxi/GBttM/XXy5KJXpppZIh7th5XGCWJz4rxrijiDp17WDp7pf6T0Za9OkIeZGkYXByWGBh4GUYsvR5toT4db2rwkm0vnvWmq+Ko3p2f9Cz+5PY3jucQ0rrQa0EFMwMQKyD0VxKcVS23f8sunD0cFNc3cJgijeWk/eDuNDxUu7f95/NIut22vxYigHx6EB8DEVfFxFdsNXeFLtx87DW9DxgwIttu97vS3MHYFFbTQ81rk7vmZD/xquzofXPP0YOZoDeRcHVSjpFyogajj0vn4em9lL8D2yEo9t6Gqd+a1jeObaviXzgLTYZT0Rs9EXxxuxvlFAvk+HjWVBcCaYZlXI56dgXOgGk5eQ+uYC2ltK6LlejyPn1ICDzJhvA/J/ng6pF0/vrRD6f0qEXRhHbhIwqgowK4NYxIJexYGcKIBGBakRCUGX3jqCQDpPwlhD79WkzMIqMDH841NKMhl1WmmgbIIWCMAT9SMPDcLDbqhbQ7B+FAG7cznIGhbeVR4UxNJc0xHwsjqgby0/cealKtBicYZzgoLaGhlg3Dh1gQXVbAffugBqUgBxuQCxawrKSAb0rihcb67AscPpuUpEGigU4tOQx4ZDVaA6O9GaS1NYFhIQup/GwSMWnPksgcjqABysDeJAGpXpIuT+NGzJDK58PIgvD5vgi3BoCGaRShZRTl+NVoEkVeCEHAn7zCA2t6goK1YonZNwf/sHyKARpRoDKl4KnuYAAj3DSHVcQaFkQHubETZ+CEKOgsFmMFYH28ze3U0uGW1TfUFse0DA3mANDibDUG4MwK0XkA4zJF2lUOdF0hnAd6Runp3DtgenUbaFwN1LwOwMdVWBul1eLadhPC5gWXgEn7yzCu/vWoNOoQHIKWgTebg4Ese6bLpRuglw4q1XGayuG8L4kP4pi9CU/IoqkOKUxrLNB2VSQWL6Kt6ImtDebUHPSRHXyOVYV38dAXMK5RNBlNIS7lrK4r11o5jqHYWoMGA8NCinaelNaTdTkr/wbOr3z49KkyUUU/rsJf7Coo0RmHx6qlRefynkpyU4FrqABW79PIWR4zFINg+stVaY/Syci7c2GZ1PnK1um3K+73n+yhcHVFl2pM5NgrJo8DeF9QmQoIgFkKyuxGUBQRvB98ZRVik4GhdBkcFz9zRtsfqf7r6lh4CQkpPyJCsxPs3ha66Dmi3oGc4BLA0DzYHWfShl8igk0mB0lUzIh2JGhJwUNFkfnXlZNmpn3/XeZ/MbdReL2QoquoKKaoA8I+iJqKDEZ5EfmgExNx165OSJFIxmEr5HAx6TtbBjHtBCN28UJO6AmEgUaEMGdm8ZRkIETSgwFDP60pVgW+qBvc4Oks6DctAgnP6xMhX5wOqdfeYfzryNHTv0tic3M7FeLieagmFPvZrTrIyTdBnNZog5bczsdYmUp76Pj6e6l1xWTxF79lRurf8bu/8FVdbcpTEAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
    -webkit-transform: translateY(.02rem);
    transform: translateY(.02rem)
}

.footer .footer-right .copyright-inner .agreement-tips[data-v-fcd10c0a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    margin-top: .05rem;
    line-height: .2rem
}

.footer .footer-right .copyright-inner .agreement-tips span[data-v-fcd10c0a] {
    margin: 0
}

.footer .footer-right .copyright-inner .item-centers[data-v-fcd10c0a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .14rem;
    color: #b9b9b9;
    margin: .04rem 0
}

.footer .footer-right .copyright-inner .item-centers a[data-v-fcd10c0a] {
    color: #b9b9b9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.footer .footer-right .copyright-inner .item-centers span[data-v-fcd10c0a] {
    font-size: .14rem;
    color: #b9b9b9
}

.footer .footer-right .copyright-inner .epic-tip[data-v-fcd10c0a] {
    color: #9d9d9d;
    font-size: .15rem;
    width: 10rem
}

.footer .footer-right .copyright-inner .kr-footer-grade[data-v-fcd10c0a] {
    height: 1rem
}

.footer .footer-right .copyright-inner .kr-footer-grade img[data-v-fcd10c0a] {
    height: 100%
}

.footer .footer-right .icon[data-v-fcd10c0a] {
    height: .79rem
}

.v-enter-active, .v-leave-active {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.v-enter-from, .v-leave-to {
    opacity: 0
}

.fade-enter-active, .fade-leave-active {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-enter-from, .fade-leave-to {
    opacity: 0
}

.pc-wrapper {
    position: relative;
    min-width: 1024px;
    overflow: hidden;
    height: 100vh;
    width: 100%
}

.pc-wrapper:before {
    content: "";
    display: block;
    width: 1rem;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    pointer-events: none
}

.pc-wrapper:after {
    content: "";
    display: block;
    width: 1rem;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    pointer-events: none
}

.pc-wrapper.hide-left:before {
    opacity: 0
}

.pc-wrapper.hide-right:after {
    opacity: 0
}

body {
    background-color: #000
}

.page-prev {
    width: .32rem;
    height: .46rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAuCAMAAAB+ruu2AAAAXVBMVEUAAADatn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn0pq5DgAAAAHnRSTlMABjbtVPGFHQ3cx+HXtXz30qCaaBXBkF5Jq3JAKs7kRMYxAAABB0lEQVQ4y4VU25aDIAxcvAveyrZVqzv//5l7agPYA4nzmElyJgPJzwV+r/hSpFUFMeHeA7nAZwaAkdpDStj/cKBj+NeID9YkXT9AGFSKn0ui24wZjnBrUnyRE50XKbq5gfCoU/xmRHXqCVFd1onqVAVRXTYFdWI5Brm8y+Ry24TobKs9lMfqVgDju98AB31Wt31CX9OX8/lDHKHRSYgNWo7A5CyMLVYaAAr/CLENTaX75eREKxoZmoRhY2y+iVXpjMZyhofZ3H8cX9y6riD0dwrxn3phMmq/Fk/FXhXKmHauiXZauQulBk5rbL2mALuDLcP7gQ3Deq1GPJMWKC8OLSUIQiiBx/wPA+0r2wKgqk0AAAAASUVORK5CYII=) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: .26rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.page-prev.hide {
    opacity: 0;
    pointer-events: none
}

.page-prev:hover {
    opacity: .8
}

.page-next {
    width: .32rem;
    height: .46rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAuCAMAAAB+ruu2AAAAWlBMVEUAAADatn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn3atn2dqafcAAAAHXRSTlMABu7bDDjzhcdSHuHSr3wyFqCawZBpYFi4cklBK3S5C6IAAAECSURBVDjLhVTZEoMgDCyHCl6t95n//82OVFALJHnKDMuySZa8hhcRKYXgkDECAPMHAxQAUCQEALBnBJgo9xiggl+kSwTAajijyyOQRFiSMYKQjSWpYgVP/ERwHUHknSVpJKW12Cit0DNKq3hTWiFjlNYyRlIDRZIIn2TP2vGCy/afJEmPJt9INH+SKJNvd63KkdSHr0223MtNHx0pTaq9hjkR+kgV88sQ1svrrDLpDQ16ibXSXPdDc/T61SIR9MTbqWuDrlrsMV9Dx58Zd/bqbD0FHdvj1/cS/1qDHY3Kg+oqN9mwx5RrLb5AGomuIK7xHaVyfA22DN+TxKo1z2MxEudfBCQqkcIYLzAAAAAASUVORK5CYII=) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 10;
    top: 50%;
    right: .26rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.page-next.hide {
    opacity: 0;
    pointer-events: none
}

.page-next:hover {
    opacity: .8
}

.bg-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out
}

.bg-box .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-transform 1.2s ease;
    transition: -webkit-transform 1.2s ease;
    transition: transform 1.2s ease;
    transition: transform 1.2s ease, -webkit-transform 1.2s ease;
    overflow: hidden
}

.bg-box .bg.bg3 {
    left: 200%
}

.bg-box .bg.bg4 {
    left: 300%
}

.bg-box .bg.bg-show {
    opacity: 1
}

.bg-box .bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.bg-box .light {
    width: 17.12rem;
    height: 18.38rem;
    background: url(../image/light4-8c14b79e.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 0;
    top: -9.19rem;
    left: -8.56rem;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: roa 120s infinite linear;
    animation: roa 120s infinite linear;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg)
}

@-webkit-keyframes roa {
    0% {
        opacity: .8;
        -webkit-transform: rotate(0deg) scale(.9);
        transform: rotate(0) scale(.9)
    }
    25% {
        opacity: .3;
        -webkit-transform: rotate(90deg) scale(.9);
        transform: rotate(90deg) scale(.9)
    }
    50% {
        opacity: .6;
        -webkit-transform: rotate(180deg) scale(.9);
        transform: rotate(180deg) scale(.9)
    }
    75% {
        opacity: .3;
        -webkit-transform: rotate(270deg) scale(.9);
        transform: rotate(270deg) scale(.9)
    }
    to {
        opacity: .8;
        -webkit-transform: rotate(360deg) scale(.9);
        transform: rotate(360deg) scale(.9)
    }
}

@keyframes roa {
    0% {
        opacity: .8;
        -webkit-transform: rotate(0deg) scale(.9);
        transform: rotate(0) scale(.9)
    }
    25% {
        opacity: .3;
        -webkit-transform: rotate(90deg) scale(.9);
        transform: rotate(90deg) scale(.9)
    }
    50% {
        opacity: .6;
        -webkit-transform: rotate(180deg) scale(.9);
        transform: rotate(180deg) scale(.9)
    }
    75% {
        opacity: .3;
        -webkit-transform: rotate(270deg) scale(.9);
        transform: rotate(270deg) scale(.9)
    }
    to {
        opacity: .8;
        -webkit-transform: rotate(360deg) scale(.9);
        transform: rotate(360deg) scale(.9)
    }
}

.bg-box .lizi-box {
    width: 9.6rem;
    height: 6.4rem;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.bg-box .lizi-box video {
    width: 9.6rem;
    height: 6.4rem;
    -o-object-fit: cover;
    object-fit: cover;
    mix-blend-mode: screen;
    pointer-events: none
}

.logo {
    width: 1.32rem;
    height: .86rem;
    background: url(../image/logo-7a7d21d1.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 10;
    top: .76rem;
    left: 1.07rem;
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out
}

.logo.an {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.logo.en, .logo.de, .logo.fr, .logo.es {
    background: url(data:image/png;base64,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) no-repeat center;
    background-size: 100% 100%;
    width: 1.59rem;
    height: .51rem;
    top: .4rem
}

.logo.jp, .logo.zh-tw {
    background: url(https://mc.kurogames.com/website-preface/assets/logo_jp-1fb51237.png) no-repeat center;
    background-size: 100% 100%;
    width: 1.11rem;
    height: .79rem;
    top: .3rem
}

.logo.kr {
    background: url(https://mc.kurogames.com/website-preface/assets/logo_kr-24e72075.png) no-repeat center;
    background-size: 100% 100%;
    width: 1.06rem;
    height: .79rem;
    top: .3rem
}

.top-bar {
    height: .58rem;
    position: absolute;
    z-index: 10;
    top: .3rem;
    right: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out
}

.top-bar.an {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.top-bar .btn-lang {
    width: .32rem;
    height: .32rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABPlBMVEUAAAD09PTh4eHh4eHr6+vo6Ojh4eHh4eH////////h4eH////////w8PDh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eH////h4eHh4eHr6+v////////h4eH////h4eH////h4eH////h4eHh4eH////z8/P5+fn////////h4eHh4eHh4eH////h4eH////////////////h4eHh4eH////////h4eH////h4eH////////h4eHh4eH////h4eHh4eH////////////h4eHh4eH////h4eHh4eH////////////////////////////h4eH////h4eHh4eH////h4eH////h4eHh4eH////////h4eHh4eH////////////h4eH////h4eHh4eHh4eH////////////////h4eEPXRQ9AAAAaXRSTlMAENcwBAnj35fqHOFJBvHm3Pn2x7VpX004Iw3479LHvLeon5WNQRUL57Gxn5GLhH96Nyop7NfTzMvBv6ebmIN+enZvZGNUT0tGMy8lHRvjz6OSh4ZybmFaT0M9Pejfyq2rqqqIcGpUUj92MHfJAAACRUlEQVQ4y3VT13biQAyVu40ppvdO6C0hjbYhdAik92zv8/8/sKOBEyBs9OAj6V7NleQZeGMcJ8F7ZvGqF8FQKKg1KlPYtkA12+hOMtRLm0v6sfctbtabe6tIHB7GZhv4B/3vZoFYze6shYlIektzR/Ou6iOoLZo8LaeihOspgU0yye6+6mN9wJNXrISQfVc4XDZh3qtzDM/oT/RrOjEImrXtG8RtcQERVWWE0ybWdz4SZk4ByfJXP25NO0Ppc5zPYyxwww0iDX/yZQmbU7GDCApEF7g9JQh+yrAUeR9Nz0IWKnSKB8hLQqGVRySTtJZR/vgZ4AKHuXTYHYse95N49oNMXEgo0eogzsK7BkkKK659+ZGGQp4QHgm9BEhBdGQ3uAmx9YWb/AiAK1ppwFaRAy6EjtIHj50YFkiPBAB/mCwJ5hiI7AQjJQkt2e72sd1xSetS4s8XAG1OnaOoAJxbcSjXNVyDv+CwsyZvrwAaZuqkbH0AaXREHPVHnMIXtV6z39wDqJSwbf67iTJSdFbjB/UsSf4FCTrd9d65CCCeyB0ajxXanVwD8PDFAI2fD5AV+Y27jiudNIgPTqLcidydHK0h9K3LRjmwoEhcvhzUoEzq/nHbFvUhMs1mAC1WBTzjhufjbhexFZx80c/ewed7YDbT2P2UXtrOI94IOwvjAMurudX9nMC2VQ65V9+rDbfe2dXhfC3c1VVuA58e5zYTnKpV5it+U+ttSZ6poUjp3vw07CY+HdwG4D8m7VQTsVhO/bW3lvwHhkdVy56JB9EAAAAASUVORK5CYII=) no-repeat center;
    background-size: 100% 100%;
    margin-right: .14rem;
    cursor: pointer
}

.top-bar .btn-music {
    width: .32rem;
    height: .32rem;
    border: 1px solid #fff;
    margin-right: .14rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .06rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    cursor: pointer
}

.top-bar .btn-music span {
    width: .02rem;
    height: .1rem;
    background-color: #dab67d
}

.top-bar .btn-music span:nth-child(2) {
    height: .17rem
}

@-webkit-keyframes music-start {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        -webkit-transform: scaleY(1.6);
        transform: scaleY(1.6)
    }
}

@keyframes music-start {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        -webkit-transform: scaleY(1.6);
        transform: scaleY(1.6)
    }
}

@-webkit-keyframes music-start2 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        -webkit-transform: scaleY(.6);
        transform: scaleY(.6)
    }
}

@keyframes music-start2 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        -webkit-transform: scaleY(.6);
        transform: scaleY(.6)
    }
}

.top-bar .btn-music.start span {
    -webkit-animation: music-start .6s linear infinite alternate;
    animation: music-start .6s linear infinite alternate
}

.top-bar .btn-music.start span:nth-child(2) {
    -webkit-animation: music-start2 .6s linear infinite alternate;
    animation: music-start2 .6s linear infinite alternate
}

.top-bar .btn-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .14rem
}

.top-bar .btn-login i {
    width: .32rem;
    height: .32rem;
    background-size: 100% 100%;
    cursor: pointer
}

.top-bar .btn-login span {
    font-size: .17rem;
    color: #fff;
    cursor: pointer
}

.top-bar .btn-login p {
    font-size: .17rem;
    color: #fff;
    margin: 0 .06rem
}

.top-bar .btn-enter {
    width: 2.21rem;
    cursor: pointer
}

.ad-download-bar {
    right: 1.8rem
}

.video-box {
    width: 100%;
    height: 3rem;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.video-box video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    mix-blend-mode: screen;
    pointer-events: none
}

#page-swiper {
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    z-index: 4
}

#page-swiper .swiper-slide-active {
    z-index: 10
}

.page-slide {
    transition: transform 0.5s ease;
    overflow: hidden;
    opacity: 1 !important
}

#page-swiper .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: unset;
    right: unset;
    bottom: .66rem;
    left: .52rem
}

#page-swiper .swiper-pagination .swiper-pagination-bullet {
    width: .14rem;
    height: .14rem;
    background: #fff;
    opacity: .4;
    border-radius: .14rem;
    margin-right: .1rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

#page-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .74rem
}

#page-swiper .swiper-pagination .swiper-pagination-bullet:hover {
    opacity: .8
}

.pre-enter-video {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: url(https://mc.kurogames.com/website-preface/assets/enter_kv-8ba4a45a.jpg) no-repeat center / 100%
}

.pre-enter-video .pre-kv {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.next-page-tips {
    position: fixed;
    left: 50%;
    bottom: .2rem;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    width: .396rem;
    height: .276rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAABcCAYAAACvKR3lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MjI3ZDU4My0wZjkwLWY0NGMtOGIyNC0xZWYwOGFiZDBmOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUMzNTE2MjJCNjE1MTFFRjg3RUM5RTg1NDI2QjdCN0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUMzNTE2MjFCNjE1MTFFRjg3RUM5RTg1NDI2QjdCN0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODIyN2Q1ODMtMGY5MC1mNDRjLThiMjQtMWVmMDhhYmQwZjk5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgyMjdkNTgzLTBmOTAtZjQ0Yy04YjI0LTFlZjA4YWJkMGY5OSIv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) no-repeat center;
    background-size: 100% 100%;
    z-index: 111;
    -webkit-animation: slide-fade 1s ease-in-out infinite;
    animation: slide-fade 1s ease-in-out infinite
}

@-webkit-keyframes slide-fade {
    0%, 30% {
        -webkit-transform: translate(-50%, -.1rem);
        transform: translate(-50%, -.1rem);
        opacity: 0
    }
    60% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%);
        opacity: 1
    }
    to {
        -webkit-transform: translate(-50%, .1rem);
        transform: translate(-50%, .1rem);
        opacity: 0
    }
}

@keyframes slide-fade {
    0%, 30% {
        -webkit-transform: translate(-50%, -.1rem);
        transform: translate(-50%, -.1rem);
        opacity: 0
    }
    60% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%);
        opacity: 1
    }
    to {
        -webkit-transform: translate(-50%, .1rem);
        transform: translate(-50%, .1rem);
        opacity: 0
    }
}