.box[data-v-4fd718e2] {
    overflow: hidden;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 2.66667rem
}

.box .back[data-v-4fd718e2] {
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden
}

.images[data-v-4fd718e2] {
    width: 100%;
    display: block
}

.iteration_count_1[data-v-4fd718e2] {
    animation-iteration-count: 1 !important;
    -webkit-animation-iteration-count: 1 !important;
    -ms-animation-iteration-count: 1 !important;
    -moz-animation-iteration-count: 1 !important
}

.animation_1[data-v-4fd718e2] {
    animation: animation_1-4fd718e2 3s linear infinite;
    -webkit-animation: animation_1-4fd718e2 3s linear infinite;
    -ms-animation: animation_1-4fd718e2 3s linear infinite;
    -moz-animation: animation_1-4fd718e2 3s linear infinite;
    -o-animation: animation_1-4fd718e2 3s linear infinite
}

@keyframes animation_1-4fd718e2 {
    0% {
        -webkit-transform: translateY(0) scale(1, 1);
        transform: translateY(0) scale(1);
        -moz-transform: translateY(0) scale(1, 1);
        -ms-transform: translateY(0) scale(1, 1);
        -o-transform: translateY(0) scale(1, 1)
    }
    50% {
        -webkit-transform: translateY(0) scale(.85, .85);
        transform: translateY(0) scale(.85);
        -moz-transform: translateY(0) scale(.85, .85);
        -ms-transform: translateY(0) scale(.85, .85);
        -o-transform: translateY(0) scale(.85, .85)
    }
    to {
        -webkit-transform: translateY(0) scale(1, 1);
        transform: translateY(0) scale(1);
        -moz-transform: translateY(0) scale(1, 1);
        -ms-transform: translateY(0) scale(1, 1);
        -o-transform: translateY(0) scale(1, 1)
    }
}

.animation_2[data-v-4fd718e2] {
    animation: animation_2-4fd718e2 20s linear infinite;
    -webkit-animation: animation_2-4fd718e2 20s linear infinite;
    -ms-animation: animation_2-4fd718e2 20s linear infinite;
    -moz-animation: animation_2-4fd718e2 20s linear infinite;
    -o-animation: animation_2-4fd718e2 20s linear infinite
}

@keyframes animation_2-4fd718e2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

.animation_3[data-v-4fd718e2] {
    animation: animation_3-4fd718e2 20s linear infinite;
    -webkit-animation: animation_3-4fd718e2 20s linear infinite;
    -ms-animation: animation_3-4fd718e2 20s linear infinite;
    -moz-animation: animation_3-4fd718e2 20s linear infinite;
    -o-animation: animation_3-4fd718e2 20s linear infinite
}

@keyframes animation_3-4fd718e2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg)
    }
}

.animation_4[data-v-4fd718e2] {
    animation: animation_4-4fd718e2 2s linear infinite;
    -webkit-animation: animation_4-4fd718e2 2s linear infinite;
    -ms-animation: animation_4-4fd718e2 2s linear infinite;
    -moz-animation: animation_4-4fd718e2 2s linear infinite;
    -o-animation: animation_4-4fd718e2 2s linear infinite
}

@keyframes animation_4-4fd718e2 {
    0% {
        opacity: .5
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .5
    }
}

.animation_5[data-v-4fd718e2] {
    animation: animation_5-4fd718e2 3s linear infinite;
    -webkit-animation: animation_5-4fd718e2 3s linear infinite;
    -ms-animation: animation_5-4fd718e2 3s linear infinite;
    -moz-animation: animation_5-4fd718e2 3s linear infinite;
    -o-animation: animation_5-4fd718e2 3s linear infinite
}

@keyframes animation_5-4fd718e2 {
    0% {
        margin-top: -5%;
        height: 0
    }
    50% {
        margin-top: -10%;
        height: 50%
    }
    to {
        margin-top: 0;
        height: 100%
    }
}

.animation_6[data-v-4fd718e2] {
    animation: animation_6 2s linear infinite;
    -webkit-animation: animation_6 2s linear infinite;
    -ms-animation: animation_6 2s linear infinite;
    -moz-animation: animation_6 2s linear infinite;
    -o-animation: animation_6 2s linear infinite
}

@keyframes animation_7-4fd718e2 {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.animation_7[data-v-4fd718e2] {
    animation: animation_7-4fd718e2 3s linear infinite forwards;
    -webkit-animation: animation_7-4fd718e2 3s linear infinite forwards;
    -ms-animation: animation_7-4fd718e2 3s linear infinite forwards;
    -moz-animation: animation_7-4fd718e2 3s linear infinite forwards;
    -o-animation: animation_7-4fd718e2 3s linear infinite forwards
}

@keyframes animation_7-4fd718e2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(.13333rem);
        transform: translateY(.13333rem)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animation_8 .banner_List[data-v-4fd718e2] {
    position: relative
}

.animation_8 .banner_List[data-v-4fd718e2]:after {
    display: block;
    clear: both;
    content: ".";
    visibility: hidden;
    height: 5.33333rem
}

.animation_8 .banner_List .banner_item[data-v-4fd718e2] {
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    animation: animation_8-4fd718e2 2s linear infinite;
    -webkit-animation: animation_8-4fd718e2 2s linear infinite;
    -ms-animation: animation_8-4fd718e2 2s linear infinite;
    -moz-animation: animation_8-4fd718e2 2s linear infinite;
    -o-animation: animation_8-4fd718e2 2s linear infinite
}

@keyframes animation_8-4fd718e2 {
    0% {
        opacity: 0;
        z-index: 7
    }
    25% {
        opacity: 1;
        z-index: 8
    }
    50% {
        opacity: 0;
        z-index: 7
    }
}

.tag-container[data-v-4fd718e2] {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
    -ms-flex-align: center;
    align-items: center
}

.tag-container[data-v-4fd718e2], .tag-container .tag[data-v-4fd718e2] {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.tag-container .tag[data-v-4fd718e2] {
    text-align: center;
    -o-object-fit: contain;
    object-fit: contain
}

.tag-container .tag .tag-item[data-v-4fd718e2] {
    position: relative
}

.tag-container .tag-0-0[data-v-4fd718e2] {
    -webkit-animation: showTag1-4fd718e2 5s linear forwards;
    animation: showTag1-4fd718e2 5s linear forwards
}

.tag-container .tag-0-1[data-v-4fd718e2] {
    -webkit-animation: showTag2-4fd718e2 5s linear forwards;
    animation: showTag2-4fd718e2 5s linear forwards
}

.tag-container .tag-0-2[data-v-4fd718e2] {
    -webkit-animation: showTag3-4fd718e2 5s linear forwards;
    animation: showTag3-4fd718e2 5s linear forwards
}

.tag-container .tag-1-0[data-v-4fd718e2] {
    -webkit-animation: showTag1-4fd718e2 5s linear forwards;
    animation: showTag1-4fd718e2 5s linear forwards
}

.tag-container .tag-1-1[data-v-4fd718e2] {
    -webkit-animation: showTag2-4fd718e2 5s linear forwards;
    animation: showTag2-4fd718e2 5s linear forwards
}

.tag-container .tag-1-2[data-v-4fd718e2] {
    -webkit-animation: showTag3-4fd718e2 5s linear forwards;
    animation: showTag3-4fd718e2 5s linear forwards
}

.tag-container .tag-2-0[data-v-4fd718e2] {
    -webkit-animation: showTag1-4fd718e2 5s linear forwards;
    animation: showTag1-4fd718e2 5s linear forwards
}

.tag-container .tag-2-1[data-v-4fd718e2] {
    -webkit-animation: showTag2-4fd718e2 5s linear forwards;
    animation: showTag2-4fd718e2 5s linear forwards
}

.tag-container .tag-2-2[data-v-4fd718e2] {
    -webkit-animation: showTag3-4fd718e2 5s linear forwards;
    animation: showTag3-4fd718e2 5s linear forwards
}

.tag-container img[data-v-4fd718e2] {
    width: 8%;
    -o-object-fit: contain;
    object-fit: contain
}

@-webkit-keyframes showTag1-4fd718e2 {
    0% {
        opacity: 0;
        top: 3.125rem
    }
    10% {
        opacity: 1;
        top: 0
    }
    20% {
        top: .3125rem
    }
    30% {
        top: -.3125rem
    }
    50% {
        top: .3125rem
    }
    70% {
        top: -.3125rem;
        opacity: 1
    }
    80% {
        top: -3.125rem;
        opacity: 0
    }
    to {
        top: .3125rem;
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes showTag1-4fd718e2 {
    0% {
        opacity: 0;
        top: 3.125rem
    }
    10% {
        opacity: 1;
        top: 0
    }
    20% {
        top: .3125rem
    }
    30% {
        top: -.3125rem
    }
    50% {
        top: .3125rem
    }
    70% {
        top: -.3125rem;
        opacity: 1
    }
    80% {
        top: -3.125rem;
        opacity: 0
    }
    to {
        top: .3125rem;
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes showTag2-4fd718e2 {
    0% {
        opacity: 0;
        top: 3.125rem
    }
    10% {
        opacity: 0;
        top: 3.125rem
    }
    20% {
        opacity: 1;
        top: 0
    }
    30% {
        top: .3125rem
    }
    50% {
        top: -.3125rem
    }
    60% {
        top: .3125rem
    }
    70% {
        top: -.3125rem
    }
    80% {
        top: .3125rem;
        opacity: 1
    }
    90% {
        top: -3.125rem;
        opacity: 0
    }
    to {
        top: -.3125rem;
        opacity: 0
    }
}

@keyframes showTag2-4fd718e2 {
    0% {
        opacity: 0;
        top: 3.125rem
    }
    10% {
        opacity: 0;
        top: 3.125rem
    }
    20% {
        opacity: 1;
        top: 0
    }
    30% {
        top: .3125rem
    }
    50% {
        top: -.3125rem
    }
    60% {
        top: .3125rem
    }
    70% {
        top: -.3125rem
    }
    80% {
        top: .3125rem;
        opacity: 1
    }
    90% {
        top: -3.125rem;
        opacity: 0
    }
    to {
        top: -.3125rem;
        opacity: 0
    }
}

@-webkit-keyframes showTag3-4fd718e2 {
    0% {
        opacity: 0;
        top: 0
    }
    20% {
        opacity: 0;
        top: 3.125rem
    }
    30% {
        opacity: 1;
        top: 0
    }
    40% {
        top: -.3125rem
    }
    50% {
        top: .3125rem
    }
    60% {
        top: -.3125rem
    }
    70% {
        top: .3125rem
    }
    90% {
        top: -.3125rem;
        opacity: 1
    }
    to {
        top: -3.125rem;
        opacity: 0
    }
}

@keyframes showTag3-4fd718e2 {
    0% {
        opacity: 0;
        top: 0
    }
    20% {
        opacity: 0;
        top: 3.125rem
    }
    30% {
        opacity: 1;
        top: 0
    }
    40% {
        top: -.3125rem
    }
    50% {
        top: .3125rem
    }
    60% {
        top: -.3125rem
    }
    70% {
        top: .3125rem
    }
    90% {
        top: -.3125rem;
        opacity: 1
    }
    to {
        top: -3.125rem;
        opacity: 0
    }
}

.vcoin-container[data-v-4fd718e2] {
    height: 10.66667rem
}

.vcoin-container .icon[data-v-4fd718e2] {
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
    width: 56%;
    margin: auto;
    animation: animation_10-4fd718e2 5s linear infinite forwards;
    -webkit-animation: animation_10-4fd718e2 5s linear infinite forwards;
    -ms-animation: animation_10-4fd718e2 5s linear infinite forwards;
    -moz-animation: animation_10-4fd718e2 5s linear infinite forwards;
    -o-animation: animation_10-4fd718e2 5s linear infinite forwards
}

.vcoin-container .vcoin[data-v-4fd718e2] {
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
    width: 50%;
    margin: auto
}

.vcoin-container .vcoin-item[data-v-4fd718e2] {
    width: 100%;
    position: absolute
}

.vcoin-container .vcoin-item.vcoin-item0[data-v-4fd718e2], .vcoin-container .vcoin-item.vcoin-item2[data-v-4fd718e2] {
    animation: animation_10_0-4fd718e2 5s linear infinite forwards;
    -webkit-animation: animation_10_0-4fd718e2 5s linear infinite forwards;
    -ms-animation: animation_10_0-4fd718e2 5s linear infinite forwards;
    -moz-animation: animation_10_0-4fd718e2 5s linear infinite forwards;
    -o-animation: animation_10_0-4fd718e2 5s linear infinite forwards
}

.vcoin-container .vcoin-item.vcoin-item1[data-v-4fd718e2], .vcoin-container .vcoin-item.vcoin-item3[data-v-4fd718e2] {
    animation: animation_10_1-4fd718e2 5s linear infinite forwards;
    -webkit-animation: animation_10_1-4fd718e2 5s linear infinite forwards;
    -ms-animation: animation_10_1-4fd718e2 5s linear infinite forwards;
    -moz-animation: animation_10_1-4fd718e2 5s linear infinite forwards;
    -o-animation: animation_10_1-4fd718e2 5s linear infinite forwards
}

@keyframes animation_10-4fd718e2 {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    10% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
    to {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes animation_10_0-4fd718e2 {
    0% {
        transform: scale(0) translate(0) translateY(0);
        opacity: 0
    }
    20% {
        transform: scale(0) translate(0) translateY(0);
        opacity: 0
    }
    30% {
        transform: scale(1) translate(-50%) translateY(1.33333rem);
        opacity: 1
    }
    90% {
        transform: scale(1) translate(-50%) translateY(1.33333rem);
        opacity: 1
    }
    to {
        transform: scale(0) translate(0) translateY(0);
        opacity: 0
    }
}

@keyframes animation_10_1-4fd718e2 {
    0% {
        transform: scale(0) translate(0) translateY(0);
        opacity: 0
    }
    20% {
        transform: scale(0) translate(0) translateY(0);
        opacity: 0
    }
    40% {
        transform: scale(1) translate(50%) translateY(1.33333rem);
        opacity: 1
    }
    90% {
        transform: scale(1) translate(50%) translateY(1.33333rem);
        opacity: 1
    }
    to {
        transform: scale(0) translate(0) translateY(0);
        opacity: 0
    }
}