* {
    margin: 0;
    padding: 0
}

body,
html {
    height: 100%
}

body {
    font-family: 'Microsoft YaHei', '微软雅黑', Arial, Tahoma;
    font-size: 16px
}

ul,
li,
dl,
dd,
dt {
    list-style: none
}

a {
    outline: none;
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
em,
i {
    font-style: normal;
    font-weight: normal;
    font-size: 100%
}

img {
    border: none
}

.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ''
}

[v-cloak] {
    display: none
}

.opacity0 {
    opacity: 0
}

@-webkit-keyframes to_right {
    0% {
        -webkit-transform: translate3d(-0.4rem, 0%, 0);
        -moz-transform: translate3d(-0.4rem, 0%, 0);
        -ms-transform: translate3d(-0.4rem, 0%, 0);
        -o-transform: translate3d(-0.4rem, 0%, 0);
        transform: translate3d(-0.4rem, 0%, 0)
    }

    10% {
        -webkit-transform: translate3d(-0.1rem, 0%, 0);
        -moz-transform: translate3d(-0.1rem, 0%, 0);
        -ms-transform: translate3d(-0.1rem, 0%, 0);
        -o-transform: translate3d(-0.1rem, 0%, 0);
        transform: translate3d(-0.1rem, 0%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0%, 0);
        -moz-transform: translate3d(0, 0%, 0);
        -ms-transform: translate3d(0, 0%, 0);
        -o-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0)
    }
}

@keyframes to_right {
    0% {
        -webkit-transform: translate3d(-0.4rem, 0%, 0);
        -moz-transform: translate3d(-0.4rem, 0%, 0);
        -ms-transform: translate3d(-0.4rem, 0%, 0);
        -o-transform: translate3d(-0.4rem, 0%, 0);
        transform: translate3d(-0.4rem, 0%, 0)
    }

    10% {
        -webkit-transform: translate3d(-0.1rem, 0%, 0);
        -moz-transform: translate3d(-0.1rem, 0%, 0);
        -ms-transform: translate3d(-0.1rem, 0%, 0);
        -o-transform: translate3d(-0.1rem, 0%, 0);
        transform: translate3d(-0.1rem, 0%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0%, 0);
        -moz-transform: translate3d(0, 0%, 0);
        -ms-transform: translate3d(0, 0%, 0);
        -o-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0)
    }
}

@-webkit-keyframes to_left {
    0% {
        -webkit-transform: translate3d(0.4rem, 0%, 0);
        -moz-transform: translate3d(0.4rem, 0%, 0);
        -ms-transform: translate3d(0.4rem, 0%, 0);
        -o-transform: translate3d(0.4rem, 0%, 0);
        transform: translate3d(0.4rem, 0%, 0)
    }

    10% {
        -webkit-transform: translate3d(0.1rem, 0%, 0);
        -moz-transform: translate3d(0.1rem, 0%, 0);
        -ms-transform: translate3d(0.1rem, 0%, 0);
        -o-transform: translate3d(0.1rem, 0%, 0);
        transform: translate3d(0.1rem, 0%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0%, 0);
        -moz-transform: translate3d(0, 0%, 0);
        -ms-transform: translate3d(0, 0%, 0);
        -o-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0)
    }
}

@keyframes to_left {
    0% {
        -webkit-transform: translate3d(0.4rem, 0%, 0);
        -moz-transform: translate3d(0.4rem, 0%, 0);
        -ms-transform: translate3d(0.4rem, 0%, 0);
        -o-transform: translate3d(0.4rem, 0%, 0);
        transform: translate3d(0.4rem, 0%, 0)
    }

    10% {
        -webkit-transform: translate3d(0.1rem, 0%, 0);
        -moz-transform: translate3d(0.1rem, 0%, 0);
        -ms-transform: translate3d(0.1rem, 0%, 0);
        -o-transform: translate3d(0.1rem, 0%, 0);
        transform: translate3d(0.1rem, 0%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0%, 0);
        -moz-transform: translate3d(0, 0%, 0);
        -ms-transform: translate3d(0, 0%, 0);
        -o-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0)
    }
}

@-webkit-keyframes to_top {
    0% {
        -webkit-transform: translate3d(0, 0.4rem, 0);
        -moz-transform: translate3d(0, 0.4rem, 0);
        -ms-transform: translate3d(0, 0.4rem, 0);
        -o-transform: translate3d(0, 0.4rem, 0);
        transform: translate3d(0, 0.4rem, 0)
    }

    10% {
        -webkit-transform: translate3d(0, 0.1rem, 0);
        -moz-transform: translate3d(0, 0.1rem, 0);
        -ms-transform: translate3d(0, 0.1rem, 0);
        -o-transform: translate3d(0, 0.1rem, 0);
        transform: translate3d(0, 0.1rem, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0%, 0);
        -moz-transform: translate3d(0, 0%, 0);
        -ms-transform: translate3d(0, 0%, 0);
        -o-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0)
    }
}

@keyframes to_top {
    0% {
        -webkit-transform: translate3d(0, 0.4rem, 0);
        -moz-transform: translate3d(0, 0.4rem, 0);
        -ms-transform: translate3d(0, 0.4rem, 0);
        -o-transform: translate3d(0, 0.4rem, 0);
        transform: translate3d(0, 0.4rem, 0)
    }

    10% {
        -webkit-transform: translate3d(0, 0.1rem, 0);
        -moz-transform: translate3d(0, 0.1rem, 0);
        -ms-transform: translate3d(0, 0.1rem, 0);
        -o-transform: translate3d(0, 0.1rem, 0);
        transform: translate3d(0, 0.1rem, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0%, 0);
        -moz-transform: translate3d(0, 0%, 0);
        -ms-transform: translate3d(0, 0%, 0);
        -o-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0)
    }
}

@-webkit-keyframes to_bottom {
    0% {
        -webkit-transform: translate3d(0, -0.4rem, 0);
        -moz-transform: translate3d(0, -0.4rem, 0);
        -ms-transform: translate3d(0, -0.4rem, 0);
        -o-transform: translate3d(0, -0.4rem, 0);
        transform: translate3d(0, -0.4rem, 0)
    }

    10% {
        -webkit-transform: translate3d(0, -0.1rem, 0);
        -moz-transform: translate3d(0, -0.1rem, 0);
        -ms-transform: translate3d(0, -0.1rem, 0);
        -o-transform: translate3d(0, -0.1rem, 0);
        transform: translate3d(0, -0.1rem, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0%, 0);
        -moz-transform: translate3d(0, 0%, 0);
        -ms-transform: translate3d(0, 0%, 0);
        -o-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0)
    }
}

@keyframes to_bottom {
    0% {
        -webkit-transform: translate3d(0, -0.4rem, 0);
        -moz-transform: translate3d(0, -0.4rem, 0);
        -ms-transform: translate3d(0, -0.4rem, 0);
        -o-transform: translate3d(0, -0.4rem, 0);
        transform: translate3d(0, -0.4rem, 0)
    }

    10% {
        -webkit-transform: translate3d(0, -0.1rem, 0);
        -moz-transform: translate3d(0, -0.1rem, 0);
        -ms-transform: translate3d(0, -0.1rem, 0);
        -o-transform: translate3d(0, -0.1rem, 0);
        transform: translate3d(0, -0.1rem, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0%, 0);
        -moz-transform: translate3d(0, 0%, 0);
        -ms-transform: translate3d(0, 0%, 0);
        -o-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0)
    }
}

@-webkit-keyframes textmove {
    0% {
        -webkit-transform: translate3d(0, 150%, 0);
        -moz-transform: translate3d(0, 150%, 0);
        -ms-transform: translate3d(0, 150%, 0);
        -o-transform: translate3d(0, 150%, 0);
        transform: translate3d(0, 150%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0%, 0);
        -moz-transform: translate3d(0, 0%, 0);
        -ms-transform: translate3d(0, 0%, 0);
        -o-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0)
    }
}

@keyframes textmove {
    0% {
        -webkit-transform: translate3d(0, 150%, 0);
        -moz-transform: translate3d(0, 150%, 0);
        -ms-transform: translate3d(0, 150%, 0);
        -o-transform: translate3d(0, 150%, 0);
        transform: translate3d(0, 150%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0%, 0);
        -moz-transform: translate3d(0, 0%, 0);
        -ms-transform: translate3d(0, 0%, 0);
        -o-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0)
    }
}

@-webkit-keyframes linemove {
    0% {
        -webkit-transform: translate3d(0, 110%, 0);
        -moz-transform: translate3d(0, 110%, 0);
        -ms-transform: translate3d(0, 110%, 0);
        -o-transform: translate3d(0, 110%, 0);
        transform: translate3d(0, 110%, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0%, 0);
        -moz-transform: translate3d(0, 0%, 0);
        -ms-transform: translate3d(0, 0%, 0);
        -o-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, -110%, 0);
        -moz-transform: translate3d(0, -110%, 0);
        -ms-transform: translate3d(0, -110%, 0);
        -o-transform: translate3d(0, -110%, 0);
        transform: translate3d(0, -110%, 0)
    }
}

@keyframes linemove {
    0% {
        -webkit-transform: translate3d(0, 110%, 0);
        -moz-transform: translate3d(0, 110%, 0);
        -ms-transform: translate3d(0, 110%, 0);
        -o-transform: translate3d(0, 110%, 0);
        transform: translate3d(0, 110%, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0%, 0);
        -moz-transform: translate3d(0, 0%, 0);
        -ms-transform: translate3d(0, 0%, 0);
        -o-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, -110%, 0);
        -moz-transform: translate3d(0, -110%, 0);
        -ms-transform: translate3d(0, -110%, 0);
        -o-transform: translate3d(0, -110%, 0);
        transform: translate3d(0, -110%, 0)
    }
}

@keyframes gamemove {
    0% {
        opacity: 0;
        -webkit-transform: translatey(20%);
        -ms-transform: translatey(20%);
        transform: translatey(20%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translatey(0);
        -ms-transform: translatey(0);
        transform: translatey(0)
    }
}

@-webkit-keyframes gamemove {
    0% {
        opacity: 0;
        -webkit-transform: translatey(20%);
        -ms-transform: translatey(20%);
        transform: translatey(20%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translatey(0);
        -ms-transform: translatey(0);
        transform: translatey(0)
    }
}

@-webkit-keyframes gameshow {
    0% {
        opacity: 0;
        transform: translateY(20%);
        -webkit-transform: translateY(20%);
        -ms-transform: translateY(20%)
    }

    100% {
        opacity: 1;
        transform: translatey(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0)
    }
}

@keyframes gameshow {
    0% {
        opacity: 0;
        transform: translatey(20%);
        -webkit-transform: translatey(20%);
        -ms-transform: translatey(20%)
    }

    100% {
        opacity: 1;
        transform: translatey(0);
        -webkit-transform: translatey(0);
        -ms-transform: translatey(0)
    }
}

@-webkit-keyframes opacityshow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes opacityshow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes clip {
    0% {
        opacity: 0;
        clip-path: inset(0 100% 0 0)
    }

    100% {
        opacity: 1;
        clip-path: inset(0 0 0 0)
    }
}

@-webkit-keyframes clip {
    0% {
        opacity: 0;
        -webkit-clip-path: inset(0 100% 0 0)
    }

    100% {
        opacity: 1;
        -webkit-clip-path: inset(0 0 0 0)
    }
}

.to_right_show {
    opacity: 1 !important;
    -webkit-animation: to_right 3.4s ease 0s alternate forwards;
    -moz-animation: to_right 3.4s ease 0s alternate forwards;
    -ms-animation: to_right 3.4s ease 0s alternate forwards;
    -o-animation: to_right 3.4s ease 0s alternate forwards;
    animation: to_right 3.4s ease 0s alternate forwards
}

.to_left_show {
    opacity: 1 !important;
    -webkit-animation: to_left 3.4s ease 0s alternate forwards;
    -moz-animation: to_left 3.4s ease 0s alternate forwards;
    -ms-animation: to_left 3.4s ease 0s alternate forwards;
    -o-animation: to_left 3.4s ease 0s alternate forwards;
    animation: to_left 3.4s ease 0s alternate forwards
}

.to_top_show {
    opacity: 1 !important;
    -webkit-animation: to_top 3.4s ease 0s alternate forwards;
    -moz-animation: to_top 3.4s ease 0s alternate forwards;
    -ms-animation: to_top 3.4s ease 0s alternate forwards;
    -o-animation: to_top 3.4s ease 0s alternate forwards;
    animation: to_top 3.4s ease 0s alternate forwards
}

.to_bottom_show {
    opacity: 1 !important;
    -webkit-animation: to_bottom 3.4s ease 0s alternate forwards;
    -moz-animation: to_bottom 3.4s ease 0s alternate forwards;
    -ms-animation: to_bottom 3.4s ease 0s alternate forwards;
    -o-animation: to_bottom 3.4s ease 0s alternate forwards;
    animation: to_bottom 3.4s ease 0s alternate forwards
}

.ani-up {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    -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
}

.textmove {
    -webkit-animation: textmove .5s ease 0s alternate forwards;
    -moz-animation: textmove .5s ease 0s alternate forwards;
    -ms-animation: textmove .5s ease 0s alternate forwards;
    -o-animation: textmove .5s ease 0s alternate forwards;
    animation: textmove .5s ease 0s alternate forwards
}

.textmove1 {
    -webkit-animation: textmove 1.5s ease 0s alternate forwards;
    -moz-animation: textmove 1.5s ease 0s alternate forwards;
    -ms-animation: textmove 1.5s ease 0s alternate forwards;
    -o-animation: textmove 1.5s ease 0s alternate forwards;
    animation: textmove 1.5s ease 0s alternate forwards
}

.linemove {
    animation: linemove 2s infinite alternate linear
}

.show-animate-item,
.line-animate-item,
.line-animate-item2,
.show-search-animate-item {
    opacity: 0;
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    transition: clip-path 0.4s 0.2s cubic-bezier(0, 0.3, 0.6, 1), transform 0.4s 0.2s ease, opacity 0.4s 0.2s ease, -webkit-transform 0.4s 0.2s ease, -webkit-clip-path 0.4s 0.2s cubic-bezier(0, 0.3, 0.6, 1)
}

.left_to_right,
.right_to_left,
.top_to_bottom,
.bottom_to_top {
    opacity: 0;
    transition: opacity .4s ease-out
}

.need-to-show {
    opacity: 0;
    transition: opacity 2s ease-out
}

.opacity-to-show {
    opacity: 1 !important
}

.showup,
.fadein,
.faded,
.fading,
.showed,
.showing {
    opacity: 1 !important;
    -webkit-clip-path: inset(0 0 0 0) !important;
    clip-path: inset(0 0 0 0) !important
}

.lineshow {
    opacity: 2 !important;
    animation: clip 1s ease 0.2s alternate forwards
}

.lineshow2 {
    opacity: 1 !important;
    animation: clip 1s ease 0.2s alternate forwards
}

.gamelistshow {
    animation: gamemove 1s ease 0.2s alternate forwards
}

.game-showing {
    animation: gameshow 1s ease 0.2s alternate forwards
}

.opacity-show {
    animation: opacityshow 0.001s ease 0s alternate forwards
}

.opacity-show-1 {
    animation: opacityshow 1s ease 0.2s alternate forwards
}

.opacity-show-2 {
    animation: opacityshow 1s ease 0.2s alternate forwards
}

.bg_show {
    opacity: 1 !important;
    transform: scale(1) !important
}

.wapper {
    overflow: hidden;
    max-width: 19.2rem;
    margin: 0 auto;
    position: relative;
    background-color: #f5f7f6
}

.wapper .wapper-box .wapper-box-topbar {
    max-width: 19.2rem;
    width: 100%;
    height: 0.72rem;
    background: #FFFFFF;
    position: fixed;
    left: 50%;
    top: 0;
    margin-left: -50%;
    z-index: 100;
    transform: translate3d(0, -0.72rem, 0);
    transition: all .8s ease-out, opacity .8s ease-out;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wapper .wapper-box .wapper-box-topbar.top_show {
    transform: translate3d(0, 0, 0);

    height: 64px !important;
}

.wapper .wapper-box .wapper-box-topbar .wapper-box-topbar-logo {
    /* position: absolute; */
    /* top: 50%; */
    /* margin-top: -0.29rem; */
    /* left: 50%; */
    /* margin-left: -6.9rem; */

    margin-left: 40px;
    /* width: 1.7rem;
    height: 0.6rem; */
    width: 1rem;
    height: 0.35rem;
    background: url(../img/header/top-logo.webp) top center no-repeat;
    background-size: 100%

}

.wapper .wapper-box .wapper-box-topbar .wapper-box-topbar-href {
    /* position: absolute; */
    /* left: 50%; */
    /* margin-left: 1.98rem; */
    /* width: 4.7rem; */
    
    /* height: 0.72rem;
    line-height: 0.72rem */
    height: 64px;
    line-height: 64px;
}

.wapper .wapper-box .wapper-box-topbar .wapper-box-topbar-href a {
    display: inline-block;
    text-align: center;
    /* height: 0.72rem; */
    font-weight: 400;
    /* font-size: 0.14rem; */
    /* color: #333333; */
    font-size: 14px;
    color: #8A8E94;
    font-family: normal;
    letter-spacing: 0
}

.wapper .wapper-box .wapper-box-topbar .wapper-box-topbar-href a:nth-child(1) {
    width: 0.5rem
}

.wapper .wapper-box .wapper-box-topbar .wapper-box-topbar-href a:nth-child(2) {
    width: 0.88rem
}

.wapper .wapper-box .wapper-box-topbar .wapper-box-topbar-href a:nth-child(3) {
    width: 0.78rem
}

.wapper .wapper-box .wapper-box-topbar .wapper-box-topbar-href a:nth-child(4) {
    width: 1rem
}

.wapper .wapper-box .wapper-box-topbar .wapper-box-topbar-href a:nth-child(5) {
    /* padding-left: 0.1rem; */
    width: 1rem;
    position: relative;

}

.wapper .wapper-box .wapper-box-topbar .wapper-box-topbar-href a:nth-child(5)::before {
    content: "";
    position: absolute;
    width: 0.01rem;
    height: 0.24rem;
    background: #E6E6E6;
    background: #bbbfc4;
    /* margin-left: -0.32rem; */
    top: 50%;
    /* margin-top: -0.12rem; */
    height: 0.14rem;
    left: 0;
    transform: translateY(-50%);

}

.wapper .wapper-box .wapper-box-topbar .wapper-box-topbar-href a:hover {
    color: #D30000
}

.wapper .wapper-box .wapper-box-topbar .wapper-box-topbar-href a.red {
    color: #D30000
}

.wapper .wapper-box .wapper-box-video {
    height: 8.37rem;
    overflow: hidden;
    max-width: 19.2rem;
    margin: 0 auto 0;
    position: relative;
    font-size: 0
}

.wapper .wapper-box .wapper-box-video video {
    position: absolute;
    width: 19.2rem;
    height: 8.6rem;
    top: 50%;
    left: 50%;
    margin-left: -9.6rem;
    margin-top: -4.19rem;
    object-fit: cover;
    font-size: 0;
    display: block
}

.wapper .wapper-box .wapper-box-video .wapper-box-video-show .wapper-box-video-show-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.08;
    left: 0rem;
    top: 0rem
}

.wapper .wapper-box .wapper-box-video .wapper-box-video-show .wapper-box-video-show-slogan {
    position: absolute;
    left: 50%;
    margin-top: 3.2rem;
    margin-left: -5rem;
    width: 10rem;
    height: 0.62rem
}

.wapper .wapper-box .wapper-box-video .wapper-box-video-show .wapper-box-video-show-slogan .wapper-box-video-show-slogan-box {
    font-weight: 600;
    font-size: 0.44rem;
    color: #FFFFFF;
    letter-spacing: 0.11rem;
    text-align: center;
    overflow: hidden
}

.wapper .wapper-box .wapper-box-video .wapper-box-video-show .wapper-box-video-show-slogan .wapper-box-video-show-slogan-box .wapper-box-video-show-slogan-box-text span {
    will-change: transform;
    display: inline-block;
    transform: translate3d(0, 150%, 0)
}

.wapper .wapper-box .wapper-box-video .wapper-box-video-show .wapper-box-video-show-btn {
    position: absolute;
    display: block;
    line-height: 0.48rem;
    margin-top: 4.46rem;
    left: 50%;
    margin-left: -0.7rem;
    width: 1.4rem;
    height: 0.48rem;
    background: #D30000;
    border-radius: 0.24rem;
    font-weight: 600;
    font-size: 0.16rem;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center
}

.wapper .wapper-box .wapper-box-video .wapper-box-video-show .wapper-box-video-show-move {
    position: absolute;
    left: 50%;
    margin-left: -0.01rem;
    top: 6.76rem;
    width: 0.02rem;
    height: 0.4rem
}

.wapper .wapper-box .wapper-box-video .wapper-box-video-show .wapper-box-video-show-move .wapper-box-video-show-move-box {
    overflow: hidden
}

.wapper .wapper-box .wapper-box-video .wapper-box-video-show .wapper-box-video-show-move .wapper-box-video-show-move-box .wapper-box-video-show-move-box-line {
    background: #FFFFFF;
    will-change: transform;
    transform: translate3d(0, 150%, 0);
    height: 0.4rem
}

.wapper .wapper-box .wapper-box-box1 {
    height: 7.09rem;
    margin: 0 auto;
    box-sizing: border-box
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-bg {
    position: absolute;
    width: 11.01rem;
    height: 6.545rem;
    left: 50%;
    margin-left: -5.505rem;
    margin-top: 0.93rem;
    background: url(../img/type/type-bg@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-part1 {
    position: absolute;
    width: 4.36rem;
    height: 2.58rem;
    left: 50%;
    margin-left: -2.175rem;
    margin-top: 5.71rem;
    background: url(../img/type/type-p1@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-part2 {
    position: absolute;
    width: 3.36rem;
    height: 3.36rem;
    left: 50%;
    margin-left: -5.5rem;
    margin-top: 0.96rem;
    background: url(../img/type/type-p2@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-part3 {
    position: absolute;
    width: 3.36rem;
    height: 3.36rem;
    left: 50%;
    margin-left: 2.1rem;
    margin-top: 0.96rem;
    background: url(../img/type/type-p3@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-title {
    z-index: 1;
    position: absolute;
    left: 50%;
    margin-top: 1.86rem;
    margin-left: -3.3rem;
    width: 6.6rem;
    height: 0.62rem
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-title .wapper-box-box1-title-box {
    color: #FFFFFF;
    text-align: center;
    overflow: hidden
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-title .wapper-box-box1-title-box .wapper-box-box1-title-box-text.text1 {
    height: 0.51rem;
    font-weight: 600;
    font-size: 0.4rem;
    letter-spacing: 0.02rem;
    line-height: 0.4rem
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-title .wapper-box-box1-title-box .wapper-box-box1-title-box-text.text1 span {
    will-change: transform;
    transform: translate3d(0, 170%, 0);
    display: inline-block
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-title .wapper-box-box1-title-box .wapper-box-box1-title-box-text.text2 {
    height: 0.18rem;
    font-weight: 600;
    font-size: 0.14rem;
    letter-spacing: 0.01rem;
    line-height: 0.13rem
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-title .wapper-box-box1-title-box .wapper-box-box1-title-box-text.text2 span {
    will-change: transform;
    transform: translate3d(0, 150%, 0);
    display: inline-block
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-line {
    z-index: 1;
    position: relative;
    top: 2.74rem;
    margin: auto;
    width: 0.64rem;
    height: 0.06rem;
    background: #FFFFFF
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-ul {
    width: 12.84rem;
    left: 50%;
    position: absolute;
    width: 12.84rem;
    margin-left: -6.42rem
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-ul .wapper-box-box1-ul-li1 {
    margin: 1.44rem auto 0;
    width: 8.32rem;
    height: 3.9rem
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-ul .wapper-box-box1-ul-li1 img {
    position: absolute;
    width: 8.32rem;
    height: 3.9rem;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-ul .wapper-box-box1-ul-li2 {
    float: left;
    margin: -1.63rem 0.4rem 0;
    width: 3.48rem;
    height: 2.25rem
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-ul .wapper-box-box1-ul-li2 img {
    position: absolute;
    width: 3.48rem;
    height: 2.1rem;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-ul .wapper-box-box1-ul-li2 .wapper-box-box1-ul-li-text {
    position: relative;
    font-weight: 600;
    letter-spacing: 0;
    top: 1.07rem;
    left: 0.35rem
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-ul .wapper-box-box1-ul-li2 .wapper-box-box1-ul-li-text .wapper-box-box1-ul-li-text1 {
    height: 0.5rem;
    font-size: 0.32rem;
    color: #0A0A0A;
    line-height: 0.4rem
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-ul .wapper-box-box1-ul-li2 .wapper-box-box1-ul-li-text .wapper-box-box1-ul-li-text2 {
    width: 0.64rem;
    height: 0.22rem;
    font-size: 0.16rem;
    color: #000000
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-ul .wapper-box-box1-ul-li2 .wapper-box-box1-ul-li-text em {
    position: absolute;
    width: 0.24rem;
    height: 0.24rem;
    background: url(../img/icon/icon-arrow@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-ul .wapper-box-box1-ul-li2 .wapper-box-box1-ul-li-a {
    position: absolute;
    width: 3.48rem;
    height: 2.2rem;
    margin-top: -0.72rem
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-ul .wapper-box-box1-ul-li2 .wapper-box-box1-ul-li-a::before {
    z-index: 1;
    content: "";
    position: absolute;
    width: 2.16rem;
    margin-left: 0.645rem;
    top: 2.1rem;
    transform: scaleX(0);
    height: 0.06rem;
    bottom: 0;
    left: 0;
    background-color: #D30000;
    transform-origin: bottom right;
    transition: transform 0.8s cubic-bezier(0, 0, 0.1, 1)
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-ul .wapper-box-box1-ul-li2 .wapper-box-box1-ul-li-a:hover::before {
    transform: scaleX(1);
    transform-origin: bottom left
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-ul .wapper-box-box1-ul-li2 .wapper-box-box1-ul-li-a .wapper-box-box1-ul-li-a-line {
    margin: auto;
    width: 2.19rem;
    overflow: hidden
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-ul .wapper-box-box1-ul-li2 .wapper-box-box1-ul-li-a .wapper-box-box1-ul-li-a-line .wapper-box-box1-ul-li-a-line-default {
    top: 2.1rem;
    position: absolute;
    width: 2.16rem;
    background: #000000;
    height: 0.06rem
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-ul .wapper-box-box1-ul-li2 .wapper-box-box1-ul-li-a .wapper-box-box1-ul-li-a-line .wapper-box-box1-ul-li-a-line-l {
    position: relative;
    width: 0rem;
    margin-top: 2.1rem;
    height: 0.06rem;
    background: #D30000;
    transition: all 2s ease
}

.wapper .wapper-box .wapper-box-box1 .wapper-box-box1-ul .wapper-box-box1-ul-li2 .wapper-box-box1-ul-li-a:hover .wapper-box-box1-ul-li-a-line .wapper-box-box1-ul-li-a-line-l {
    width: 2.19rem
}

.wapper .wapper-box .wapper-box-box2 {
    height: 9.36rem;
    margin: 0 auto;
    box-sizing: border-box
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-bg {
    position: absolute;
    opacity: 0;
    transform: scale(0.9);
    width: 19.2rem;
    height: 10.8rem;
    left: 50%;
    margin-left: -9.6rem;
    margin-top: -0.39rem;
    background: url(../img/process/zplc-bg@2x.webp) top center no-repeat;
    background-size: 100%;
    transition: transform 2.5s ease-out, opacity .4s ease-out
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-bg.bg_show {
    opacity: 1;
    transform: scale(1)
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-title {
    z-index: 10;
    position: absolute;
    left: 50%;
    margin-top: 0.37rem;
    margin-left: -3.3rem;
    width: 6.6rem;
    height: 0.62rem
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-title .wapper-box-box2-title-box {
    color: #000000;
    text-align: center;
    overflow: hidden
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-title .wapper-box-box2-title-box .wapper-box-box2-title-box-text.text1 span {
    will-change: transform;
    transform: translate3d(0, 150%, 0);
    display: inline-block;
    height: 0.51rem;
    font-weight: 600;
    font-size: 0.4rem;
    letter-spacing: 0.02rem;
    line-height: 0.4rem
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-title .wapper-box-box2-title-box .wapper-box-box2-title-box-text.text2 span {
    will-change: transform;
    transform: translate3d(0, 150%, 0);
    display: inline-block;
    height: 0.18rem;
    font-weight: 600;
    font-size: 0.14rem;
    letter-spacing: 0.01rem;
    line-height: 0.13rem
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-line {
    position: relative;
    z-index: 1;
    top: 1.24rem;
    margin: auto;
    width: 0.64rem;
    height: 0.06rem;
    background: #000000
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-line {
    left: 50%;
    margin-left: -5.35rem;
    margin-top: 2.6rem;
    position: absolute;
    width: 0.32rem;
    height: 0.06rem;
    background: #D30000
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-intro {
    position: absolute;
    margin-top: 2.91rem;
    left: 50%;
    margin-left: -5.35rem;
    width: 2.8rem;
    height: 0.66rem;
    opacity: 0.8;
    font-weight: 400;
    font-size: 0.16rem;
    color: #000000;
    letter-spacing: 0
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text {
    opacity: 0
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text .wapper-box-box2-show-text-num {
    position: absolute;
    left: 50%;
    margin-top: 2.28rem;
    height: 4.38rem
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text .wapper-box-box2-show-text-word {
    width: 12.23rem;
    height: 5.13rem;
    position: absolute;
    left: 50%;
    margin-left: -6.03rem;
    margin-top: 1.75rem
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text .wapper-box-box2-show-text-word .wapper-box-box2-show-text-word-item .wapper-box-box2-show-text-word-item-pic {
    will-change: transform;
    width: 12.23rem;
    height: 5.13rem
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text.text0 .wapper-box-box2-show-text-num {
    width: 3.62rem;
    margin-left: -5.83rem
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text.text0 .wapper-box-box2-show-text-num .wapper-box-box2-show-text-num-item .wapper-box-box2-show-text-num-item-pic {
    width: 3.62rem;
    height: 4.38rem;
    background: url(../img/process/num-01@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text.text0 .wapper-box-box2-show-text-word .wapper-box-box2-show-text-word-item .wapper-box-box2-show-text-word-item-pic {
    background: url(../img/process/text1-01@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text.text1 .wapper-box-box2-show-text-num {
    width: 4.11rem;
    margin-left: -5.83rem
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text.text1 .wapper-box-box2-show-text-num .wapper-box-box2-show-text-num-item .wapper-box-box2-show-text-num-item-pic {
    width: 4.11rem;
    height: 4.38rem;
    background: url(../img/process/num-02@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text.text1 .wapper-box-box2-show-text-word .wapper-box-box2-show-text-word-item .wapper-box-box2-show-text-word-item-pic {
    background: url(../img/process/text1-02@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text.text2 .wapper-box-box2-show-text-num {
    width: 4.05rem;
    margin-left: -5.67rem
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text.text2 .wapper-box-box2-show-text-num .wapper-box-box2-show-text-num-item .wapper-box-box2-show-text-num-item-pic {
    width: 4.05rem;
    height: 4.38rem;
    background: url(../img/process/num-03@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text.text2 .wapper-box-box2-show-text-word .wapper-box-box2-show-text-word-item .wapper-box-box2-show-text-word-item-pic {
    background: url(../img/process/text1-03@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text.text3 .wapper-box-box2-show-text-num {
    width: 4.48rem;
    margin-left: -5.82rem
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text.text3 .wapper-box-box2-show-text-num .wapper-box-box2-show-text-num-item .wapper-box-box2-show-text-num-item-pic {
    width: 4.48rem;
    height: 4.38rem;
    background: url(../img/process/num-04@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text.text3 .wapper-box-box2-show-text-word .wapper-box-box2-show-text-word-item .wapper-box-box2-show-text-word-item-pic {
    background: url(../img/process/text1-04@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text.text4 .wapper-box-box2-show-text-num {
    width: 4.37rem;
    margin-left: -5.82rem
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text.text4 .wapper-box-box2-show-text-num .wapper-box-box2-show-text-num-item .wapper-box-box2-show-text-num-item-pic {
    width: 4.37rem;
    height: 4.38rem;
    background: url(../img/process/num-05@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-text.text4 .wapper-box-box2-show-text-word .wapper-box-box2-show-text-word-item .wapper-box-box2-show-text-word-item-pic {
    background: url(../img/process/text1-05@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-role {
    position: absolute;
    left: 50%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-role.role0 {
    margin-top: -0.21rem;
    margin-left: -2.785rem;
    width: 5.57rem;
    height: 8.09rem;
    background: url(../img/process/job-role-step1@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-role.role1 {
    margin-left: -2.78rem;
    margin-top: 1.19rem;
    width: 6.36rem;
    height: 6.48rem;
    background: url(../img/process/job-role-step2@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-role.role2 {
    margin-left: -3.5rem;
    margin-top: 1.34rem;
    width: 8.61rem;
    height: 6.9rem;
    background: url(../img/process/job-role-step3@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-role.role3 {
    margin-top: -0.1rem;
    margin-left: -2.3rem;
    width: 5.22rem;
    height: 8.38rem;
    background: url(../img/process/job-role-step4@2x.webp) top center no-repeat;
    background-size: 100%;
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-show .wapper-box-box2-show-role.role4 {
    margin-top: 0.72rem;
    margin-left: -2.96rem;
    width: 6.73rem;
    height: 5.58rem;
    /* background: url("https://forum-cn-cdn.lilithgames.com/p/SDK/200000/0/100000/2022-07-23/job-role-step5@2x.png") top center no-repeat; */
    background: url(../img/process/job-role-step5.webp) top center no-repeat;
    background-size: 100%;
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-bg2 {
    position: absolute;
    width: 10.41rem;
    height: 10.24rem;
    left: 50%;
    margin-left: -9.26rem;
    margin-top: 4.86rem;
    background: url(../img/deco/circle2@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-bg3 {
    position: absolute;
    width: 7.68rem;
    height: 10.41rem;
    left: 50%;
    margin-left: 1.86rem;
    margin-top: 7.54rem;
    background: url(../img/deco/circle3@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul {
    position: relative;
    top: 5.2rem;
    width: 11.95rem;
    margin: auto
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li {
    float: left;
    margin: 0.6rem 0.06rem 0;
    width: 2.27rem;
    height: 2.7rem;
    z-index: 10
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-text {
    position: relative;
    font-weight: 600;
    letter-spacing: 0;
    top: 1.6rem;
    left: 0.32rem;
    color: #FFFFFF
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-text .wapper-box-box2-ul-li-text1 {
    width: 2rem;
    height: 0.47rem;
    font-weight: 600;
    font-size: 0.32rem;
    line-height: 0.4rem
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-text .wapper-box-box2-ul-li-text2 {
    width: 0.38rem;
    height: 0.2rem;
    font-weight: normal;
    font-size: 0.18rem;
    letter-spacing: -0.0051rem;
    line-height: 0.2rem
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-a {
    position: absolute;
    width: 2.27rem;
    height: 2.67rem;
    margin-top: -0.01rem;
    z-index: 10
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-a .img {
    position: absolute;
    width: 2.27rem;
    height: 2.57rem;
    background-size: 100%;
    transition: all 0.3s
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-a .img.img1 {
    background: url(../img/process/step1-bg@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-a .img.img2 {
    background: url(../img/process/step2-bg@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-a .img.img3 {
    background: url(../img/process/step3-bg@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-a .img.img4 {
    background: url(../img/process/step4-bg@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-a .img.img5 {
    background: url(../img/process/step5-bg.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-a .img.active1 {
    background: url(../img/process/step1-bg-hover@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-a .img.active2 {
    background: url(../img/process/step2-bg-hover@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-a .img.active3 {
    background: url(../img/process/step3-bg-hover@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-a .img.active4 {
    background: url(../img/process/step4-bg-hover@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-a .img.active5 {
    background: url(../img/process/step5-bg-hover.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-a::before {
    content: "";
    position: absolute;
    top: 2.63rem;
    width: 1.84rem;
    margin-left: 0.2rem;
    transform: scaleX(0);
    height: 0.06rem;
    bottom: 0;
    left: 0;
    background-color: #D30000;
    transform-origin: bottom right;
    transition: transform 0.8s cubic-bezier(0, 0, 0.1, 1)
}

.wapper .wapper-box .wapper-box-box2 .wapper-box-box2-ul .wapper-box-box2-ul-li .wapper-box-box2-ul-li-a:hover::before {
    transform: scaleX(1);
    transform-origin: bottom left
}

.wapper .wapper-box .wapper-box-box3 {
    height: 9.47rem;
    margin: 0 auto;
    box-sizing: border-box
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-bg1 {
    position: absolute;
    width: 12.21rem;
    height: 12.25rem;
    left: 50%;
    margin-left: -7.96rem;
    margin-top: 5.92rem;
    background: url(../img/deco/circle1@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-title {
    position: absolute;
    left: 50%;
    margin-top: 0.37rem;
    margin-left: -3.3rem;
    width: 6.6rem;
    height: 0.62rem
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-title .wapper-box-box3-title-box {
    color: #000000;
    text-align: center;
    overflow: hidden
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-title .wapper-box-box3-title-box .wapper-box-box3-title-box-text {
    will-change: transform
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-title .wapper-box-box3-title-box .wapper-box-box3-title-box-text.text1 span {
    will-change: transform;
    display: inline-block;
    height: 0.51rem;
    font-weight: 600;
    font-size: 0.4rem;
    letter-spacing: 0.02rem;
    line-height: 0.4rem;
    transform: translate3d(0, 150%, 0)
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-title .wapper-box-box3-title-box .wapper-box-box3-title-box-text.text2 span {
    display: inline-block;
    will-change: transform;
    height: 0.18rem;
    font-weight: 600;
    font-size: 0.14rem;
    letter-spacing: 0.01rem;
    line-height: 0.13rem;
    transform: translate3d(0, 150%, 0)
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-line {
    position: relative;
    top: 1.24rem;
    margin: auto;
    width: 0.64rem;
    height: 0.06rem;
    background: #000000
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-intro {
    height: 1.915rem;
    position: absolute;
    left: 50%;
    margin-top: 3.02rem;
    margin-left: -6.22rem;
    width: 3.015rem;
    background: url(../img/about/about-bg@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-intro .wapper-box-box3-intro-box {
    overflow: hidden;
    padding-left: 0.26rem;
    margin-top: 0.34rem;
    width: 2.68rem;
    height: 0.4rem;
    font-weight: 500;
    font-size: 0.32rem;
    color: #000000;
    letter-spacing: 0.0623rem
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-intro .wapper-box-box3-intro-box.box2 {
    margin-top: 0rem
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-intro .wapper-box-box3-intro-box .wapper-box-box3-intro-box-text span {
    will-change: transform;
    transform: translate3d(0, 150%, 0);
    display: inline-block
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-text {
    z-index: 10;
    position: absolute;
    left: 50%;
    margin-left: 0;
    margin-top: 1.71rem;
    width: 6.58rem;
    height: 3.84rem;
    background: url(../img/deco/shape1@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-text p {
    opacity: 0.8;
    font-weight: 400;
    font-size: 0.14rem;
    color: #000000;
    letter-spacing: 0;
    line-height: 0.2rem
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-text p::before {
    position: absolute;
    margin-left: -0.13rem;
    /* margin-top: 0.16rem; */
    margin-top: 0.06rem;
    width: 0.05rem;
    height: 0.05rem;
    background: #D30000;
    border-radius: 0.05rem;
    content: ""
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-text p:nth-child(1) {
    padding-left: 1.08rem;
    padding-top: 0.5rem;
    width: 4.22rem
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-text p:nth-child(2) {
    padding-left: 1.45rem;
    padding-top: 0.24rem;
    width: 3.9rem
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-text p:nth-child(3) {
    padding-left: 1.53rem;
    padding-top: 0.23rem;
    width: 3.8rem
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-text p:nth-child(3)::before {
    margin-left: -0.1rem;
    margin-top: 0.06rem
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-text p:nth-child(4) {
    padding-left: 1.5rem;
    padding-top: 0.28rem;
    width: 3.81rem
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-text p:nth-child(5) {
    padding-top: 0.29rem;
    padding-left: 1.16rem;
    width: 4.14rem
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-text p:nth-child(6) {
    padding-top: 0.19rem;
    padding-left: 0.66rem;
    width: 4.14rem;
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-text p:nth-child(5)::before {
    margin-left: -0.12rem;
    margin-top: 0.06rem
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-text p:nth-child(6)::before {
    margin-left: -0.12rem;
    margin-top: 0.1rem
}
.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-logo {
    position: absolute;
    left: 50%;
    margin-left: -2.82rem;
    margin-top: 1.99rem;
    width: 3.98rem;
    height: 3.98rem;
    border: 0.01rem solid #dedfde;
    border-radius: 3.98rem
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-logo .wapper-box-box3-logo-img {
    position: absolute;
    margin-left: -1.45rem;
    top: 0.53rem;
    left: 50%;
    width: 2.83rem;
    height: 2.7rem;
    background: url(../img/about/logo@2x.webp) center center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-show .wapper-box-box3-show-role {
    position: absolute;
    left: 50%;
    margin-left: -7.11rem;
    margin-top: 5.14rem;
    width: 5.19rem;
    height: 6.99rem;
    background: url(../img/about/job-role1@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-show .wapper-box-box3-show-line {
    left: 50%;
    margin-left: -1.58rem;
    margin-top: 6.67rem;
    position: absolute;
    width: 1.76rem;
    height: 0.06rem;
    background: #D30000
}

.wapper .wapper-box .wapper-box-box3 .wapper-box-box3-show .wapper-box-box3-show-text {
    position: absolute;
    margin-top: 6.89rem;
    left: 50%;
    margin-left: -1.57rem;
    width: 6.8rem;
    height: 0.2rem;
    opacity: 0.8;
    font-weight: 400;
    font-size: 0.16rem;
    color: #000000;
    letter-spacing: 0.01rem;
    line-height: 0.2rem
}

.wapper .wapper-box .wapper-box-box4 {
    position: relative;
    height: 6.58rem;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-bg {
    position: absolute;
    height: 6.58rem;
    background: url(../img/location/job-work-place@2x.webp) top center no-repeat;
    background-size: 100%;
    width: 19.2rem
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-title {
    position: absolute;
    left: 50%;
    margin-top: 0.76rem;
    margin-left: -3.3rem;
    width: 6.6rem;
    height: 0.62rem
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-title .wapper-box-box4-title-box {
    color: #FFFFFF;
    text-align: center;
    overflow: hidden
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-title .wapper-box-box4-title-box .wapper-box-box4-title-box-text.text1 span {
    will-change: transform;
    transform: translate3d(0, 150%, 0);
    display: inline-block;
    height: 0.51rem;
    font-weight: 600;
    font-size: 0.4rem;
    letter-spacing: 0.02rem;
    line-height: 0.4rem
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-title .wapper-box-box4-title-box .wapper-box-box4-title-box-text.text2 span {
    will-change: transform;
    transform: translate3d(0, 150%, 0);
    display: inline-block;
    height: 0.18rem;
    font-weight: 600;
    font-size: 0.14rem;
    letter-spacing: 0.01rem;
    line-height: 0.13rem
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-line {
    position: relative;
    top: 1.65rem;
    margin: auto;
    width: 0.64rem;
    height: 0.06rem;
    background: #FFFFFF
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-line::before {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 0.02rem;
    bottom: 0;
    left: 0;
    background-color: #ed7070;
    transform-origin: bottom right;
    transition: transform .25s ease-out
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-line:hover::before {
    transform: scaleX(1);
    transform-origin: bottom left
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul {
    position: relative;
    top: 2.92rem;
    width: 12.48rem;
    margin: auto
}

.box5-ul{
    margin: 0 !important;
    display: flex;
    width: 100% !important;
    justify-content: center;
}


.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li {
    float: left;
    margin: 0.25rem 0.16rem 0;
    width: 2.8rem;
    height: 1.26rem
}
.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .box5-ul-li{
   flex-shrink: 0;
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li img {
    position: absolute;
    width: 2.8rem;
    height: 1.26rem;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li .wapper-box-box4-ul-li-a {
    position: absolute;
    width: 2.8rem;
    height: 1.26rem;
    margin-top: -0.72rem;
    clip-path: inset(0 100% 0 0)
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li .wapper-box-box4-ul-li-a .wapper-box-box4-ul-li-text {
    position: relative;
    font-weight: 600;
    letter-spacing: 0;
    left: 0.17rem;
    color: #FFFFFF
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li .wapper-box-box4-ul-li-a .wapper-box-box4-ul-li-text .wapper-box-box4-ul-li-text1 {
    padding-top: 0.17rem
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li .wapper-box-box4-ul-li-a .wapper-box-box4-ul-li-text .wapper-box-box4-ul-li-text1 span {
    display: inline-block
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li .wapper-box-box4-ul-li-a .wapper-box-box4-ul-li-text .wapper-box-box4-ul-li-text1 span:nth-child(1) {
    width: 1.4rem;
    height: 0.33rem;
    font-weight: 600;
    font-size: 0.24rem;
    color: #000000;
    letter-spacing: 0
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li .wapper-box-box4-ul-li-a .wapper-box-box4-ul-li-text .wapper-box-box4-ul-li-text1 span:nth-child(2) {
    padding-left: 0.22rem;
    height: 0.22rem;
    font-weight: 600;
    font-size: 0.16rem;
    color: #040404;
    letter-spacing: 0
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li .wapper-box-box4-ul-li-a .wapper-box-box4-ul-li-text .wapper-box-box4-ul-li-text1 span em {
    position: absolute;
    margin-top: -0.01rem;
    width: 0.24rem;
    height: 0.24rem;
    background: url(../img/icon/icon-arrow@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li .wapper-box-box4-ul-li-a .wapper-box-box4-ul-li-text .wapper-box-box4-ul-li-text2 {
    padding-top: 0.33rem;
    height: 0.22rem;
    font-weight: 600;
    font-size: 0.16rem;
    color: #909090;
    letter-spacing: 0
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li .wapper-box-box4-ul-li-a::before {
    z-index: 10;
    -webkit-transition: 0.5s all cubic-bezier(0.2, 0, 0.2, 1);
    transition: 0.5s all cubic-bezier(0.2, 0, 0.2, 1);
    position: absolute;
    overflow: hidden;
    width: 0rem;
    height: 1.26rem;
    background: #D30000;
    content: ""
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li .wapper-box-box4-ul-li-a:hover::before {
    width: 2.8rem
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li .wapper-box-box4-ul-li-a:hover .wapper-box-box4-ul-li-text {
    z-index: 20
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li .wapper-box-box4-ul-li-a:hover .wapper-box-box4-ul-li-text .wapper-box-box4-ul-li-text1 span:nth-child(1) {
    color: #FFFFFF
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li .wapper-box-box4-ul-li-a:hover .wapper-box-box4-ul-li-text .wapper-box-box4-ul-li-text1 span:nth-child(2) {
    color: #FFFFFF
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li .wapper-box-box4-ul-li-a:hover .wapper-box-box4-ul-li-text .wapper-box-box4-ul-li-text1 span em {
    background: url(../img/icon/icon-arrow2@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box4 .wapper-box-box4-ul .wapper-box-box4-ul-li .wapper-box-box4-ul-li-a:hover .wapper-box-box4-ul-li-text .wapper-box-box4-ul-li-text2 {
    color: #e36464
}

.wapper .wapper-box .wapper-box-box5 {
    position: relative;
    height: 7.84rem;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    background-image: radial-gradient(circle at 49% 50%, #2F2F2F 0%, #000 100%)
}

.wapper .wapper-box .wapper-box-box5 .background-top {
    opacity: 0;
    transform: scale(0.9);
    width: 100%;
    height: 7.84rem;
    position: absolute;
    background: url(../img/games/gamelist-bg.webp) top center no-repeat;
    transition: transform 2.5s ease-out, opacity .4s ease-out
}

.wapper .wapper-box .wapper-box-box5 .background-top.bg_show {
    opacity: 1;
    transform: scale(1)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-title {
    position: absolute;
    left: 50%;
    margin-top: 0.97rem;
    margin-left: -4.1rem;
    width: 8.2rem;
    height: 0.77rem;
    background: url(../img/games/gametitle-bg@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-title .wapper-box-box5-title-box {
    overflow: hidden;
    padding-left: 0.51rem;
    margin-top: 0.17rem;
    width: 8rem;
    height: 0.4rem;
    font-weight: 600;
    font-size: 0.28rem;
    color: #FFFFFF;
    letter-spacing: 0.16rem;
    line-height: 0.4rem
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-title .wapper-box-box5-title-box .wapper-box-box5-title-box-text span {
    will-change: transform;
    transform: translate3d(0, 150%, 0);
    display: inline-block
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap {
    height: 2.86rem
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content {
    position: absolute;
    top: 0;
    /* left: 50% */
    /* 15 款：整排卡片横跨 -6.23rem ~ 10.59rem，中点 2.18rem 对齐区块中线 */
    left: calc(50% - 2.18rem)

}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list {
    position: relative
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 0.93rem;
    height: 2.98rem;
    overflow: visible;
    -webkit-transition: -webkit-transform .5s linear;
    transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
    transition: transform .5s linear, -webkit-transform .5s linear;
    cursor: pointer
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .box {
    opacity: 0;
    height: 2.97rem;
    transform: translateY(20%)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(2n+1) {
    top: 0.4rem
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(1) .wapper-box-box5-game-content-wrap-content-list-item-show em {
    background: url(../img/games/game-icon1@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(1).active_before {
    transform: translateX(-6.23rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(1).active_after {
    transform: translateX(-6.23rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(2) .wapper-box-box5-game-content-wrap-content-list-item-show em {
    background: url(../img/games/game-icon2@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(2).active_before {
    transform: translateX(-4.51rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(2).active_after {
    transform: translateX(-5.14rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(3) .wapper-box-box5-game-content-wrap-content-list-item-show em {
    /* background: url(https://oss-resource.farlightgames.com/p/SDK/200000/0/100000/2024-01-12/e0a3ea701c7aafe58250c14a7252fce2.png) top center no-repeat; */
    background: url(../img/games/game-icon30@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(3).active_before {
    transform: translateX(-3.42rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(3).active_after {
    transform: translateX(-4.05rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(4) .wapper-box-box5-game-content-wrap-content-list-item-show em {
    background: url(../img/games/game-icon4@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(4).active_before {
    transform: translateX(-2.33rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(4).active_after {
    transform: translateX(-2.96rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(5) .wapper-box-box5-game-content-wrap-content-list-item-show em {
    background: url(../img/games/game-icon5@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(5).active_before {
    transform: translateX(-1.24rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(5).active_after {
    transform: translateX(-1.87rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(6) .wapper-box-box5-game-content-wrap-content-list-item-show em {
    background: url(../img/games/game-icon6@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(6).active_before {
    transform: translateX(-0.15rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(6).active_after {
    transform: translateX(-0.78rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(7) .wapper-box-box5-game-content-wrap-content-list-item-show em {
    background: url(../img/games/aoc-logo.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(7).active_before {
    transform: translateX(0.94rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(7).active_after {
    transform: translateX(0.31rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(8) .wapper-box-box5-game-content-wrap-content-list-item-show em {
    background: url(../img/games/xbb-logo.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(8).active_before {
    transform: translateX(2.03rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(8).active_after {
    transform: translateX(1.4rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(9) .wapper-box-box5-game-content-wrap-content-list-item-show em {
    background: url(../img/games/game-icon9@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(9).active_before {
    transform: translateX(3.12rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(9).active_after {
    transform: translateX(2.49rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(10) .wapper-box-box5-game-content-wrap-content-list-item-show em {
    background: url(../img/games/game-icon10@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(10).active_before {
    transform: translateX(4.21rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(10).active_after {
    transform: translateX(3.58rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(11) .wapper-box-box5-game-content-wrap-content-list-item-show em {
    background: url(../img/games/game-icon11@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(11).active_before {
    transform: translateX(5.3rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(11).active_after {
    transform: translateX(4.67rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(12) .wapper-box-box5-game-content-wrap-content-list-item-show em {
    background: url(../img/games/game-icon12@2x.webp) top center no-repeat;
    background-size: 100%
}
.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(14) .wapper-box-box5-game-content-wrap-content-list-item-show em {
    background: url(../img/games/xiaoxio-logo.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(12).active_before {
    /* transform: translateX(5.845rem) */
    transform: translateX(6.39rem)

}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(12).active_after {
    /* transform: translateX(5.215rem) */
    transform: translateX(5.76rem)
}
.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(13).active_before {
    /* transform: translateX(5.845rem) */
    transform: translateX(7.48rem)

}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(13).active_after {
    /* transform: translateX(5.215rem) */
    transform: translateX(6.85rem)
}
.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(14).active_before {
    /* transform: translateX(5.845rem) */
    transform: translateX(8.57rem)

}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(14).active_after {
    /* transform: translateX(5.215rem) */
    transform: translateX(7.94rem)
}
.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(15).active_before {
    transform: translateX(9.66rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item:nth-child(15).active_after {
    transform: translateX(9.03rem)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item.active .wapper-box-box5-game-content-wrap-content-list-item-container .wapper-box-box5-game-content-wrap-content-list-item-container-inner {
    width: 1.56rem
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item.active .wapper-box-box5-game-content-wrap-content-list-item-container .wapper-box-box5-game-content-wrap-content-list-item-container-inner video {
    opacity: 1
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item.active .wapper-box-box5-game-content-wrap-content-list-item-show {
    opacity: 1
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-container .wapper-box-box5-game-content-wrap-content-list-item-container-inner {
    position: relative;
    background-color: #111;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 0.93rem 2.98rem;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    width: 0.93rem;
    overflow: hidden;
    height: 100%;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-container .wapper-box-box5-game-content-wrap-content-list-item-container-inner.inner0 {
    background-image: url(../img/games/game-poster1@2x.webp)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-container .wapper-box-box5-game-content-wrap-content-list-item-container-inner.inner1 {
    background-image: url(../img/games/game-poster2@2x.webp)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-container .wapper-box-box5-game-content-wrap-content-list-item-container-inner.inner2 {
    background-image: url(../img/games/farlight84.webp)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-container .wapper-box-box5-game-content-wrap-content-list-item-container-inner.inner3 {
    background-image: url(../img/games/game-poster4@2x.webp)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-container .wapper-box-box5-game-content-wrap-content-list-item-container-inner.inner4 {
    background-image: url(../img/games/game-poster5@2x.webp)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-container .wapper-box-box5-game-content-wrap-content-list-item-container-inner.inner5 {
    background-image: url(../img/games/game-poster6@2x.webp)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-container .wapper-box-box5-game-content-wrap-content-list-item-container-inner.inner6 {
    background-image: url(../img/games/game-poster7@2x.webp)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-container .wapper-box-box5-game-content-wrap-content-list-item-container-inner.inner7 {
    background-image: url(../img/games/game-poster8@2x.webp)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-container .wapper-box-box5-game-content-wrap-content-list-item-container-inner.inner8 {
    background-image: url(../img/games/game-poster9@2x.webp)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-container .wapper-box-box5-game-content-wrap-content-list-item-container-inner.inner9 {
    background-image: url(../img/games/game-poster10@2x.webp)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-container .wapper-box-box5-game-content-wrap-content-list-item-container-inner.inner10 {
    background-image: url(../img/games/game-poster11@2x.webp)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-container .wapper-box-box5-game-content-wrap-content-list-item-container-inner.inner11 {
    background-image: url(../img/games/game-poster12@2x.webp)
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-container .wapper-box-box5-game-content-wrap-content-list-item-container-inner video {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.78rem;
    width: 1.56rem;
    height: 2.98rem;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    object-fit: cover
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-show {
    opacity: 0;
    position: absolute;
    top: 2.8rem;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-show em {
    position: absolute;
    left: 0.54rem;
    width: 0.48rem;
    height: 0.48rem;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-show p {
    width: 1.56rem;
    text-align: center
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-show p.game-name {
    margin-top: 0.8rem;
    height: 0.24rem;
    font-weight: 600;
    font-size: 0.16rem;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 0.24rem
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-show p.game-name::before {
    position: absolute;
    overflow: hidden;
    left: 50%;
    margin-top: 0.31rem;
    margin-left: -0.08rem;
    width: 0.16rem;
    height: 0.02rem;
    background: #D30000;
    content: ""
}

.wapper .wapper-box .wapper-box-box5 .wapper-box-box5-game .wapper-box-box5-game-content .wapper-box-box5-game-content-wrap .wapper-box-box5-game-content-wrap-content .wapper-box-box5-game-content-wrap-content-list .wapper-box-box5-game-content-wrap-content-list-item .wapper-box-box5-game-content-wrap-content-list-item-show p.game-slogan {
    padding-top: 0.17rem;
    height: 0.32rem;
    opacity: 0.6;
    font-weight: 400;
    font-size: 0.12rem;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 0.16rem
}

.wapper .wapper-box .wapper-box-box6 {
    position: relative;
    /* 源站 19.91rem + 照片墙下方视频 4.57rem */
    height: 24.48rem;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-part1 {
    position: absolute;
    width: 4.35rem;
    height: 2.57rem;
    left: 50%;
    margin-left: -2.175rem;
    margin-top: 2.58rem;
    background: url(../img/work/part1@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-part2 {
    position: absolute;
    width: 4.36rem;
    height: 2.58rem;
    left: 50%;
    margin-left: -2.18rem;
    /* 源站 15.33rem，随福利区下移 4.57rem */
    margin-top: 19.9rem;
    background: url(../img/work/part2@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-part3 {
    position: absolute;
    width: 4.35rem;
    height: 2.57rem;
    left: 50%;
    margin-left: -2.175rem;
    /* 源站 8.39rem，随福利区下移 4.57rem */
    margin-top: 12.96rem;
    background: url(../img/work/part3@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-bg {
    position: absolute;
    width: 10.41rem;
    height: 10.24rem;
    left: 50%;
    margin-left: -8.43rem;
    margin-top: 0.51rem;
    background: url(../img/deco/circle2@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-title {
    position: absolute;
    left: 50%;
    margin-top: 1.17rem;
    margin-left: -3.3rem;
    width: 6.6rem;
    height: 0.62rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-title .wapper-box-box6-title-box {
    color: #000000;
    text-align: center;
    overflow: hidden
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-title .wapper-box-box6-title-box .wapper-box-box6-title-box-text.text1 span {
    will-change: transform;
    transform: translate3d(0, 170%, 0);
    display: inline-block;
    height: 0.51rem;
    font-weight: 600;
    font-size: 0.4rem;
    letter-spacing: 0.02rem;
    line-height: 0.4rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-title .wapper-box-box6-title-box .wapper-box-box6-title-box-text.text2 span {
    will-change: transform;
    transform: translate3d(0, 150%, 0);
    display: inline-block;
    height: 0.18rem;
    font-weight: 600;
    font-size: 0.14rem;
    letter-spacing: 0.01rem;
    line-height: 0.13rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-line {
    position: relative;
    top: 2.06rem;
    margin: auto;
    width: 0.64rem;
    height: 0.06rem;
    background: #000000
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-environment-word {
    position: relative;
    margin: 3.56rem auto 0;
    width: 8.98rem;
    height: 1.57rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-environment-word .wapper-box-box6-environment-word-box {
    overflow: hidden
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-environment-word .wapper-box-box6-environment-word-box .wapper-box-box6-environment-word-box-text {
    width: 8.98rem;
    height: 1.57rem;
    will-change: transform;
    background: url(../img/work/ENVIRONMENT@2x.webp) top center no-repeat;
    transform: translate3d(0, 150%, 0);
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-environment-icon {
    position: absolute;
    opacity: 0;
    left: 50%;
    margin-top: -2.02rem;
    margin-left: -4.44rem;
    width: 0.73rem;
    height: 0.6rem;
    background: url(../img/work/ABI-1@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-environment-ul {
    width: 8rem;
    height: 4rem;
    position: relative;
    margin: -1.16rem auto 0
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-environment-ul .wapper-box-box6-environment-ul-li {
    float: left;
    margin: 0.1rem 0.08rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    width: 3.84rem;
    height: 1.83rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-environment-ul .wapper-box-box6-environment-ul-li .pic {
    transition: clip 0.4s 0.2s cubic-bezier(0, 0.3, 0.6, 1), transform 0.4s 0.2s ease, opacity 0.4s 0.2s ease, -webkit-transform 0.4s 0.2s ease, -webkit-clip 0.4s 0.2s cubic-bezier(0, 0.3, 0.6, 1)
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-environment-ul .wapper-box-box6-environment-ul-li img {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    width: 3.84rem;
    height: 1.83rem;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-environment-ul .wapper-box-box6-environment-ul-li img.pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 101%
}

/* 照片墙下方视频：左右与两列照片外沿对齐（2×3.84rem + 0.16rem 间距），按原片 16:9 等比取高；与照片行距同为 0.2rem */
.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-video {
    position: relative;
    width: 7.84rem;
    height: 4.41rem;
    margin: 0.16rem auto 0;
    background: #000;
    overflow: hidden;
    cursor: pointer
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #000
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-video .wapper-box-box6-video-cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-video .wapper-box-box6-video-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-video .wapper-box-box6-video-play {
    position: absolute;
    left: 50%;
    /* 封面标语占画面中部，按钮放到标语与卡片下沿正中 */
    top: 78.5%;
    width: 0.9rem;
    height: 0.9rem;
    margin: -0.45rem 0 0 -0.45rem;
    border-radius: 50%;
    background: rgba(211, 0, 0, 0.9);
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.3);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-video .wapper-box-box6-video-play::after {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.17rem 0 0 -0.112rem;
    border-style: solid;
    border-width: 0.17rem 0 0.17rem 0.28rem;
    border-color: transparent transparent transparent #FFFFFF;
    content: ""
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-video.is-playing .wapper-box-box6-video-cover {
    opacity: 0;
    visibility: hidden
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-environment .wapper-box-box6-video:hover .wapper-box-box6-video-play {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}


.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-word {
    position: relative;
    margin: 1.03rem auto 0;
    width: 8.98rem;
    height: 1.57rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-word .wapper-box-box6-benefit-word-box {
    overflow: hidden
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-word .wapper-box-box6-benefit-word-box .wapper-box-box6-benefit-word-box-text {
    margin: auto;
    width: 5.68rem;
    height: 1.57rem;
    will-change: transform;
    background: url(../img/work/BENEFITS@2x.webp) top center no-repeat;
    background-size: 100%;
    transform: translate3d(0, 150%, 0)
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-icon {
    opacity: 0;
    position: absolute;
    left: 50%;
    margin-top: -2.02rem;
    margin-left: 1.82rem;
    width: 0.73rem;
    height: 0.6rem;
    background: url(../img/work/ABI-2@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul {
    width: 12rem;
    height: 5rem;
    position: relative;
    margin: -0.72rem auto 0
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li {
    position: absolute;
    width: 3.84rem;
    height: 1.6rem;
    left: 50%
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li:nth-child(1) {
    margin-left: -5.93rem;
    margin-top: 0.09rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li:nth-child(2) {
    margin-left: -1.94rem;
    margin-top: 0.09rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li:nth-child(3) {
    margin-left: 2.09rem;
    margin-top: 0.09rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li:nth-child(4) {
    margin-left: -5.91rem;
    margin-top: 1.85rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li:nth-child(5) {
    margin-left: -1.92rem;
    margin-top: 1.64rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li:nth-child(6) {
    margin-left: 2.07rem;
    margin-top: 1.85rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li:nth-child(7) {
    margin-left: -5.92rem;
    margin-top: 3.41rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li:nth-child(8) {
    margin-left: -1.92rem;
    margin-top: 3.01rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li:nth-child(9) {
    margin-left: 2.08rem;
    margin-top: 3.41rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li:nth-child(10) {
    margin-left: -3.82rem;
    margin-top: 4.76rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li:nth-child(11) {
    margin-left: 0.2rem;
    margin-top: 4.76rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li img {
    width: 3.84rem;
    height: 1.6rem;
    position: absolute;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li.h160 {
    height: 1.6rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li.h160::before {
    height: 1.6rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li.h160 img {
    height: 1.6rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li.h140 {
    height: 1.4rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li.h140::before {
    height: 1.4rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li.h140 img {
    height: 1.4rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li.h120 {
    height: 1.2rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li.h120::before {
    height: 1.2rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li.h120 img {
    height: 1.2rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li::before {
    z-index: 10;
    -webkit-transition: 0.5s all cubic-bezier(0.2, 0, 0.2, 1);
    transition: 0.5s all cubic-bezier(0.2, 0, 0.2, 1);
    position: absolute;
    overflow: hidden;
    width: 0.06rem;
    background: #D30000;
    content: ""
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li .text {
    padding-left: 0.22rem;
    padding-top: 0.24rem;
    color: #FFFFFF;
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li .text .name {
    position: absolute;
    z-index: 11;
    height: 0.24rem;
    font-weight: 600;
    font-size: 0.16rem;
    letter-spacing: 0;
    line-height: 0.24rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li .text .name.pic {
    opacity: 1
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li .text .name.hover {
    -webkit-transition: all .7s;
    transition: opacity all .7s;
    opacity: 0;
    clip-path: inset(0 100% 0 0)
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li .text .name.black {
    color: #000000
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li .text .intro {
    z-index: 11;
    position: absolute;
    -webkit-transition: all .7s;
    transition: all .7s;
    clip-path: inset(0 100% 0 0);
    opacity: 0;
    padding-top: 0.33rem;
    width: 3.4rem;
    height: 0.9rem;
    font-weight: 400;
    font-size: 0.14rem;
    letter-spacing: 0;
    text-align: justify;
    line-height: 0.2rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li:hover::before {
    width: 3.84rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li:hover .text .name.hover {
    clip-path: inset(0 0 0 0);
    color: #FFFFFF;
    opacity: 1
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li:hover .text .name.pic {
    opacity: 0
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-benefit .wapper-box-box6-benefit-ul .wapper-box-box6-benefit-ul-li:hover .text .intro {
    clip-path: inset(0 0 0 0);
    opacity: 1
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-show-role {
    z-index: 1;
    position: absolute;
    left: 50%;
    margin-left: -1.805rem;
    margin-top: 0.72rem;
    width: 3.61rem;
    height: 4.02rem;
    background: url(../img/work/job-role2@2x.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-show-line {
    left: 50%;
    margin-left: -1.58rem;
    margin-top: 6.67rem;
    position: absolute;
    height: 0.06rem;
    background: #D30000
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-show-line.line1 {
    margin-top: -5.14rem;
    margin-left: 5.61rem;
    width: 0.48rem
}

.wapper .wapper-box .wapper-box-box6 .wapper-box-box6-show-line.line2 {
    margin-left: -3.99rem;
    margin-top: 1.13rem;
    width: 1.76rem
}

.wapper .wapper-box .wapper-box-box7 {
    position: relative;
    height: 5.95rem;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box
}

.wapper .wapper-box .wapper-box-box7 .wapper-box-box7-bg {
    position: absolute;
    height: 5.95rem;
    background: url(../img/follow/job-focus-bg@2x.webp) top center no-repeat;
    background-size: 100%;
    width: 19.2rem
}

.wapper .wapper-box .wapper-box-box7 .wapper-box-box7-title {
    position: absolute;
    left: 50%;
    margin-top: 0.76rem;
    margin-left: -3.3rem;
    width: 6.6rem;
    height: 0.62rem
}

.wapper .wapper-box .wapper-box-box7 .wapper-box-box7-title .wapper-box-box7-title-box {
    color: #FFFFFF;
    text-align: center;
    overflow: hidden
}

.wapper .wapper-box .wapper-box-box7 .wapper-box-box7-title .wapper-box-box7-title-box .wapper-box-box7-title-box-text.text1 span {
    will-change: transform;
    transform: translate3d(0, 170%, 0);
    display: inline-block;
    height: 0.51rem;
    font-weight: 600;
    font-size: 0.4rem;
    letter-spacing: 0.02rem;
    line-height: 0.4rem
}

.wapper .wapper-box .wapper-box-box7 .wapper-box-box7-title .wapper-box-box7-title-box .wapper-box-box7-title-box-text.text2 span {
    will-change: transform;
    transform: translate3d(0, 150%, 0);
    display: inline-block;
    height: 0.18rem;
    font-weight: 600;
    font-size: 0.14rem;
    letter-spacing: 0.01rem;
    line-height: 0.13rem
}

.wapper .wapper-box .wapper-box-box7 .wapper-box-box7-line {
    position: relative;
    top: 1.65rem;
    margin: auto;
    width: 0.64rem;
    height: 0.06rem;
    background: #ffffff
}

.wapper .wapper-box .wapper-box-box7 .wapper-box-box7-ul {
    position: relative;
    z-index: 1;
    margin: 2.61rem auto;
    width: 9.42rem;
    height: 1.89rem;
    background: rgba(40, 40, 40, 0.8);
    border: 0.01rem solid #5B5B5B
}

.wapper .wapper-box .wapper-box-box7 .wapper-box-box7-ul .wapper-box-box7-ul-li {
    float: left;
    width: 0.81rem;
    height: 0.81rem;
    margin: 0.33rem 0.77rem
}

.wapper .wapper-box .wapper-box-box7 .wapper-box-box7-ul .wapper-box-box7-ul-li:nth-child(1) {
    background: url(../img/follow/focus1.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box7 .wapper-box-box7-ul .wapper-box-box7-ul-li:nth-child(2) {
    background: url(../img/follow/focus2.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box7 .wapper-box-box7-ul .wapper-box-box7-ul-li:nth-child(3) {
    background: url(../img/follow/lingying.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box7 .wapper-box-box7-ul .wapper-box-box7-ul-li:nth-child(4) {
    background: url(../img/follow/focus4.webp) top center no-repeat;
    background-size: 100%
}

.wapper .wapper-box .wapper-box-box7 .wapper-box-box7-ul .wapper-box-box7-ul-li span {
    padding-top: 0.95rem;
    height: 0.22rem;
    font-weight: 600;
    font-size: 0.16rem;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    display: block
}

.wapper .wapper-box .wapper-box-box7 .wapper-box-box7-ul .wapper-box-box7-ul-li::before {
    height: 0.91rem;
    border: 0.01rem solid rgba(222, 222, 222, 0.3);
    position: absolute;
    margin: 0.09rem 1.57rem auto;
    content: ""
}

.wapper .wapper-box .wapper-box-box7 .wapper-box-box7-ul .wapper-box-box7-ul-li:nth-child(4)::before {
    border: none
}

.wapper .wapper-box .wapper-box-box8 {
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    margin: auto;
    background-color: #211d1d
}

.wapper .wapper-box .wapper-box-box8 .wapper-box-box8-foot {
    padding-bottom: 0.5rem;
    opacity: .99999
}

.wapper .wapper-box .wapper-box-box8 .wapper-box-box8-foot .cursor {
    cursor: pointer
}

.wapper .wapper-box .wapper-box-box8 .wapper-box-box8-foot .wapper-box-box8-foot-logo {
    margin-bottom: 0.1rem;
    height: 0.63rem;
    margin-top: 0.8rem
}

.wapper .wapper-box .wapper-box-box8 .wapper-box-box8-foot .wapper-box-box8-foot-link a {
    text-decoration: none;
    font-size: 0.12rem;
    color: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s;
    -webkit-text-decoration-skip: objects
}

.wapper .wapper-box .wapper-box-box8 .wapper-box-box8-foot .wapper-box-box8-foot-text {
    display: block;
    font-size: 0.12rem;
    padding: 0.05rem 0;
    font-family: Helvetica;
    color: rgba(255, 255, 255, 0.4);
    padding: 0.05rem 0
}

.wapper .wapper-box .wapper-box-box8 .wapper-box-box8-foot .police {
    width: 0.18rem;
    height: 0.18rem;
    margin-right: 0.05rem;
    vertical-align: middle;
    border-style: none
}

.wapper .wapper-box .wapper-box-box8 .wapper-box-box8-foot .jubao {
    height: 0.3rem;
    margin: 0 0.07rem;
    cursor: pointer;
    vertical-align: middle;
    border-style: none
}

.ani-delay-1,
.transition-delay-1 {
    -webkit-transition-delay: .1s !important;
    transition-delay: 0.1s !important
}

.ani-delay-1 {
    -webkit-animation-delay: .1s !important;
    animation-delay: 0.1s !important
}

.ani-delay-2,
.transition-delay-2 {
    -webkit-transition-delay: .2s !important;
    transition-delay: 0.2s !important
}

.ani-delay-2 {
    -webkit-animation-delay: .2s !important;
    animation-delay: 0.2s !important
}

.ani-delay-3,
.transition-delay-3 {
    -webkit-transition-delay: .3s !important;
    transition-delay: 0.3s !important
}

.ani-delay-3 {
    -webkit-animation-delay: .3s !important;
    animation-delay: 0.3s !important
}

.ani-delay-4,
.transition-delay-4 {
    -webkit-transition-delay: .4s !important;
    transition-delay: 0.4s !important
}

.ani-delay-4 {
    -webkit-animation-delay: .4s !important;
    animation-delay: 0.4s !important
}

.ani-delay-5,
.transition-delay-5 {
    -webkit-transition-delay: .5s !important;
    transition-delay: 0.5s !important
}

.ani-delay-5 {
    -webkit-animation-delay: .5s !important;
    animation-delay: 0.5s !important
}

.ani-delay-6,
.transition-delay-6 {
    -webkit-transition-delay: .6s !important;
    transition-delay: 0.6s !important
}

.ani-delay-6 {
    -webkit-animation-delay: .6s !important;
    animation-delay: 0.6s !important
}

.ani-delay-7,
.transition-delay-7 {
    -webkit-transition-delay: .7s !important;
    transition-delay: 0.7s !important
}

.ani-delay-7 {
    -webkit-animation-delay: .7s !important;
    animation-delay: 0.7s !important
}

.ani-delay-8,
.transition-delay-8 {
    -webkit-transition-delay: .8s !important;
    transition-delay: 0.8s !important
}

.ani-delay-8 {
    -webkit-animation-delay: .8s !important;
    animation-delay: 0.8s !important
}

.ani-delay-9,
.transition-delay-9 {
    -webkit-transition-delay: .9s !important;
    transition-delay: 0.9s !important
}

.ani-delay-9 {
    -webkit-animation-delay: .9s !important;
    animation-delay: 0.9s !important
}

.ani-delay-10,
.transition-delay-10 {
    -webkit-transition-delay: 1s !important;
    transition-delay: 1s !important
}

.ani-delay-10 {
    -webkit-animation-delay: 1s !important;
    animation-delay: 1s !important
}

.ani-delay-11,
.transition-delay-11 {
    -webkit-transition-delay: 1.1s !important;
    transition-delay: 1.1s !important
}

.ani-delay-11 {
    -webkit-animation-delay: 1.1s !important;
    animation-delay: 1.1s !important
}

.ani-delay-12,
.transition-delay-12 {
    -webkit-transition-delay: 1.2s !important;
    transition-delay: 1.2s !important
}

.ani-delay-12 {
    -webkit-animation-delay: 1.2s !important;
    animation-delay: 1.2s !important
}

.ani-delay-13,
.transition-delay-13 {
    -webkit-transition-delay: 1.3s !important;
    transition-delay: 1.3s !important
}

.ani-delay-13 {
    -webkit-animation-delay: 1.3s !important;
    animation-delay: 1.3s !important
}

.ani-delay-14,
.transition-delay-14 {
    -webkit-transition-delay: 1.4s !important;
    transition-delay: 1.4s !important
}

.ani-delay-14 {
    -webkit-animation-delay: 1.4s !important;
    animation-delay: 1.4s !important
}

.ani-delay-15,
.transition-delay-15 {
    -webkit-transition-delay: 1.5s !important;
    transition-delay: 1.5s !important
}

.ani-delay-15 {
    -webkit-animation-delay: 1.5s !important;
    animation-delay: 1.5s !important
}

.ani-delay-16,
.transition-delay-16 {
    -webkit-transition-delay: 1.6s !important;
    transition-delay: 1.6s !important
}

.ani-delay-16 {
    -webkit-animation-delay: 1.6s !important;
    animation-delay: 1.6s !important
}

.ani-delay-17,
.transition-delay-17 {
    -webkit-transition-delay: 1.7s !important;
    transition-delay: 1.7s !important
}

.ani-delay-17 {
    -webkit-animation-delay: 1.7s !important;
    animation-delay: 1.7s !important
}

.ani-delay-18,
.transition-delay-18 {
    -webkit-transition-delay: 1.8s !important;
    transition-delay: 1.8s !important
}

.ani-delay-18 {
    -webkit-animation-delay: 1.8s !important;
    animation-delay: 1.8s !important
}

.ani-delay-19,
.transition-delay-19 {
    -webkit-transition-delay: 1.9s !important;
    transition-delay: 1.9s !important
}

.ani-delay-19 {
    -webkit-animation-delay: 1.9s !important;
    animation-delay: 1.9s !important
}

.ani-delay-20,
.transition-delay-20 {
    -webkit-transition-delay: 2s !important;
    transition-delay: 2s !important
}

.ani-delay-20 {
    -webkit-animation-delay: 2s !important;
    animation-delay: 2s !important
}

.ani-delay-21,
.transition-delay-21 {
    -webkit-transition-delay: 2.1s !important;
    transition-delay: 2.1s !important
}

.ani-delay-21 {
    -webkit-animation-delay: 2.1s !important;
    animation-delay: 2.1s !important
}

.ani-delay-22,
.transition-delay-22 {
    -webkit-transition-delay: 2.2s !important;
    transition-delay: 2.2s !important
}

.ani-delay-22 {
    -webkit-animation-delay: 2.2s !important;
    animation-delay: 2.2s !important
}

.ani-delay-23,
.transition-delay-23 {
    -webkit-transition-delay: 2.3s !important;
    transition-delay: 2.3s !important
}

.ani-delay-23 {
    -webkit-animation-delay: 2.3s !important;
    animation-delay: 2.3s !important
}

.ani-delay-24,
.transition-delay-24 {
    -webkit-transition-delay: 2.4s !important;
    transition-delay: 2.4s !important
}

.ani-delay-24 {
    -webkit-animation-delay: 2.4s !important;
    animation-delay: 2.4s !important
}

.ani-delay-25,
.transition-delay-25 {
    -webkit-transition-delay: 2.5s !important;
    transition-delay: 2.5s !important
}

.ani-delay-25 {
    -webkit-animation-delay: 2.5s !important;
    animation-delay: 2.5s !important
}

.ani-delay-26,
.transition-delay-26 {
    -webkit-transition-delay: 2.6s !important;
    transition-delay: 2.6s !important
}

.ani-delay-26 {
    -webkit-animation-delay: 2.6s !important;
    animation-delay: 2.6s !important
}

.ani-delay-27,
.transition-delay-27 {
    -webkit-transition-delay: 2.7s !important;
    transition-delay: 2.7s !important
}

.ani-delay-27 {
    -webkit-animation-delay: 2.7s !important;
    animation-delay: 2.7s !important
}

.ani-delay-28,
.transition-delay-28 {
    -webkit-transition-delay: 2.8s !important;
    transition-delay: 2.8s !important
}

.ani-delay-28 {
    -webkit-animation-delay: 2.8s !important;
    animation-delay: 2.8s !important
}

.ani-delay-29,
.transition-delay-29 {
    -webkit-transition-delay: 2.9s !important;
    transition-delay: 2.9s !important
}

.ani-delay-29 {
    -webkit-animation-delay: 2.9s !important;
    animation-delay: 2.9s !important
}

.ani-delay-30 {
    -webkit-animation-delay: 3.0s !important;
    animation-delay: 3s !important
}

.ani-delay-30,
.transition-delay-30 {
    -webkit-transition-delay: 3.0s !important;
    transition-delay: 3s !important
}

.ani-delay-31 {
    -webkit-animation-delay: 3.1s !important;
    animation-delay: 3.1s !important
}

.ani-delay-31,
.transition-delay-31 {
    -webkit-transition-delay: 3.1s !important;
    transition-delay: 3.1s !important
}

.ani-delay-32 {
    -webkit-animation-delay: 3.2s !important;
    animation-delay: 3.2s !important
}

.ani-delay-32,
.transition-delay-32 {
    -webkit-transition-delay: 3.2s !important;
    transition-delay: 3.2s !important
}

.ani-delay-33 {
    -webkit-animation-delay: 3.3s !important;
    animation-delay: 3.3s !important
}

.ani-delay-33,
.transition-delay-33 {
    -webkit-transition-delay: 3.3s !important;
    transition-delay: 3.3s !important
}

.ani-delay-34 {
    -webkit-animation-delay: 3.4s !important;
    animation-delay: 3.4s !important
}

.ani-delay-34,
.transition-delay-34 {
    -webkit-transition-delay: 3.4s !important;
    transition-delay: 3.4s !important
}

.ani-delay-35 {
    -webkit-animation-delay: 3.5s !important;
    animation-delay: 3.5s !important
}

.ani-delay-35,
.transition-delay-35 {
    -webkit-transition-delay: 3.5s !important;
    transition-delay: 3.5s !important
}

.ani-delay-36 {
    -webkit-animation-delay: 3.6s !important;
    animation-delay: 3.6s !important
}

.ani-delay-36,
.transition-delay-36 {
    -webkit-transition-delay: 3.6s !important;
    transition-delay: 3.6s !important
}

.ani-delay-37 {
    -webkit-animation-delay: 3.7s !important;
    animation-delay: 3.7s !important
}

.ani-delay-37,
.transition-delay-37 {
    -webkit-transition-delay: 3.7s !important;
    transition-delay: 3.7s !important
}

.ani-delay-38 {
    -webkit-animation-delay: 3.8s !important;
    animation-delay: 3.8s !important
}

.ani-delay-38,
.transition-delay-38 {
    -webkit-transition-delay: 3.8s !important;
    transition-delay: 3.8s !important
}

.ani-delay-39 {
    -webkit-animation-delay: 3.9s !important;
    animation-delay: 3.9s !important
}

.ani-delay-39,
.transition-delay-39 {
    -webkit-transition-delay: 3.9s !important;
    transition-delay: 3.9s !important
}

.ani-delay-40 {
    -webkit-animation-delay: 4.0s !important;
    animation-delay: 4s !important
}

.ani-delay-40,
.transition-delay-40 {
    -webkit-transition-delay: 4.0s !important;
    transition-delay: 4s !important
}

.ani-delay1-1,
.transition-delay1-1 {
    -webkit-transition-delay: 0.05s !important;
    transition-delay: 0.05s !important
}

.ani-delay1-1 {
    -webkit-animation-delay: 0.05s !important;
    animation-delay: 0.05s !important
}

.ani-delay1-2,
.transition-delay1-2 {
    -webkit-transition-delay: .1s !important;
    transition-delay: 0.1s !important
}

.ani-delay1-2 {
    -webkit-animation-delay: .1s !important;
    animation-delay: 0.1s !important
}

.ani-delay1-3,
.transition-delay1-3 {
    -webkit-transition-delay: 0.15s !important;
    transition-delay: 0.15s !important
}

.ani-delay1-3 {
    -webkit-animation-delay: 0.15s !important;
    animation-delay: 0.15 !important
}

.ani-delay1-4,
.transition-delay1-4 {
    -webkit-transition-delay: .2s !important;
    transition-delay: 0.2s !important
}

.ani-delay1-4 {
    -webkit-animation-delay: .2s !important;
    animation-delay: 0.2s !important
}

.ani-delay1-5,
.transition-delay1-5 {
    -webkit-transition-delay: .25s !important;
    transition-delay: 0.25s !important
}

.ani-delay1-5 {
    -webkit-animation-delay: .25s !important;
    animation-delay: 0.25s !important
}

.ani-delay1-6,
.transition-delay1-6 {
    -webkit-transition-delay: .3s !important;
    transition-delay: 0.3s !important
}

.ani-delay1-6 {
    -webkit-animation-delay: .3s !important;
    animation-delay: 0.3s !important
}

.ani-delay1-7,
.transition-delay1-7 {
    -webkit-transition-delay: .35s !important;
    transition-delay: 0.35s !important
}

.ani-delay1-7 {
    -webkit-animation-delay: .35 !important;
    animation-delay: 0.35s !important
}

.ani-delay1-8,
.transition-delay1-8 {
    -webkit-transition-delay: .4s !important;
    transition-delay: 0.4s !important
}

.ani-delay1-8 {
    -webkit-animation-delay: .4s !important;
    animation-delay: 0.4s !important
}

.ani-delay1-9,
.transition-delay1-9 {
    -webkit-transition-delay: .45s !important;
    transition-delay: 0.45s !important
}

.ani-delay1-9 {
    -webkit-animation-delay: .45s !important;
    animation-delay: 0.45s !important
}

.ani-delay1-10,
.transition-delay1-10 {
    -webkit-transition-delay: .5s !important;
    transition-delay: 0.5s !important
}

.ani-delay1-10 {
    -webkit-animation-delay: .5s !important;
    animation-delay: 0.5s !important
}

.ani-delay1-11,
.transition-delay1-11 {
    -webkit-transition-delay: .55s !important;
    transition-delay: 0.55s !important
}

.ani-delay1-11 {
    -webkit-animation-delay: .55s !important;
    animation-delay: 0.55s !important
}

.ani-delay1-12,
.transition-delay1-12 {
    -webkit-transition-delay: .6s !important;
    transition-delay: 0.6s !important
}

.ani-delay1-12 {
    -webkit-animation-delay: .6s !important;
    animation-delay: 0.6s !important
}

.ani-delay1-13,
.transition-delay1-13 {
    -webkit-transition-delay: .65s !important;
    transition-delay: 0.65s !important
}

.ani-delay1-13 {
    -webkit-animation-delay: .65s !important;
    animation-delay: 0.65s !important
}

.ani-delay1-14,
.transition-delay1-14 {
    -webkit-transition-delay: .7s !important;
    transition-delay: 0.7s !important
}

.ani-delay1-14 {
    -webkit-animation-delay: .7s !important;
    animation-delay: 0.7s !important
}

.ani-delay1-15,
.transition-delay1-15 {
    -webkit-transition-delay: .75s !important;
    transition-delay: 0.75s !important
}

.ani-delay1-15 {
    -webkit-animation-delay: .75s !important;
    animation-delay: 0.75s !important
}

.ani-delay1-16,
.transition-delay1-16 {
    -webkit-transition-delay: .8s !important;
    transition-delay: 0.8s !important
}

.ani-delay1-16 {
    -webkit-animation-delay: .8s !important;
    animation-delay: 0.8s !important
}

.ani-delay1-17,
.transition-delay1-17 {
    -webkit-transition-delay: .85s !important;
    transition-delay: 0.85s !important
}

.ani-delay1-17 {
    -webkit-animation-delay: .85s !important;
    animation-delay: 0.85s !important
}

.ani-delay1-18,
.transition-delay1-18 {
    -webkit-transition-delay: .9s !important;
    transition-delay: 0.9s !important
}

.ani-delay1-18 {
    -webkit-animation-delay: .9s !important;
    animation-delay: 0.9s !important
}

.ani-delay1-19,
.transition-delay1-19 {
    -webkit-transition-delay: .95s !important;
    transition-delay: 0.95s !important
}

.ani-delay1-19 {
    -webkit-animation-delay: .95s !important;
    animation-delay: 0.95s !important
}

.ani-delay1-20,
.transition-delay1-20 {
    -webkit-transition-delay: 1s !important;
    transition-delay: 1s !important
}

.ani-delay1-20 {
    -webkit-animation-delay: 1s !important;
    animation-delay: 1s !important
}

.ani-delay1-21,
.transition-delay1-21 {
    -webkit-transition-delay: 1.05s !important;
    transition-delay: 1.05s !important
}

.ani-delay1-21 {
    -webkit-animation-delay: 1.05s !important;
    animation-delay: 1.05s !important
}

.ani-delay1-22,
.transition-delay1-22 {
    -webkit-transition-delay: 1.1s !important;
    transition-delay: 1.1s !important
}

.ani-delay1-22 {
    -webkit-animation-delay: 1.1s !important;
    animation-delay: 1.1s !important
}

.ani-delay1-23,
.transition-delay1-23 {
    -webkit-transition-delay: 1.15s !important;
    transition-delay: 1.15s !important
}

.ani-delay1-23 {
    -webkit-animation-delay: 1.15s !important;
    animation-delay: 1.15s !important
}

.ani-delay1-24,
.transition-delay1-24 {
    -webkit-transition-delay: 1.2s !important;
    transition-delay: 1.2s !important
}

.ani-delay1-24 {
    -webkit-animation-delay: 1.2s !important;
    animation-delay: 1.2s !important
}

.ani-delay1-25,
.transition-delay1-25 {
    -webkit-transition-delay: 1.25s !important;
    transition-delay: 1.25s !important
}

.ani-delay1-25 {
    -webkit-animation-delay: 1.25s !important;
    animation-delay: 1.25s !important
}

.ani-delay1-26,
.transition-delay1-26 {
    -webkit-transition-delay: 1.3s !important;
    transition-delay: 1.3s !important
}

.ani-delay1-26 {
    -webkit-animation-delay: 1.3s !important;
    animation-delay: 1.3s !important
}

.ani-delay1-27,
.transition-delay1-27 {
    -webkit-transition-delay: 1.35s !important;
    transition-delay: 1.35s !important
}

.ani-delay1-27 {
    -webkit-animation-delay: 1.35s !important;
    animation-delay: 1.35s !important
}

.ani-delay1-28,
.transition-delay1-28 {
    -webkit-transition-delay: 1.4s !important;
    transition-delay: 1.4s !important
}

.ani-delay1-28 {
    -webkit-animation-delay: 1.4s !important;
    animation-delay: 1.4s !important
}

.ani-delay1-29,
.transition-delay1-29 {
    -webkit-transition-delay: 1.45s !important;
    transition-delay: 1.45s !important
}

.ani-delay1-29 {
    -webkit-animation-delay: 1.45s !important;
    animation-delay: 1.45s !important
}

.ani-delay1-30 {
    -webkit-animation-delay: 1.5s !important;
    animation-delay: 1.5s !important
}

.ani-delay1-30,
.transition-delay1-30 {
    -webkit-transition-delay: 1.5s !important;
    transition-delay: 1.5s !important
}

.ani-delay1-31 {
    -webkit-animation-delay: 1.55s !important;
    animation-delay: 1.55s !important
}

.ani-delay1-31,
.transition-delay1-31 {
    -webkit-transition-delay: 1.55s !important;
    transition-delay: 1.55s !important
}

.ani-delay1-32 {
    -webkit-animation-delay: 1.6s !important;
    animation-delay: 1.6s !important
}

.ani-delay1-32,
.transition-delay1-32 {
    -webkit-transition-delay: 1.6s !important;
    transition-delay: 1.6s !important
}

.ani-delay1-33 {
    -webkit-animation-delay: 1.65s !important;
    animation-delay: 1.65s !important
}

.ani-delay1-33,
.transition-delay1-33 {
    -webkit-transition-delay: 1.65s !important;
    transition-delay: 1.65s !important
}

.ani-delay1-34 {
    -webkit-animation-delay: 1.7s !important;
    animation-delay: 1.7s !important
}

.ani-delay1-34,
.transition-delay1-34 {
    -webkit-transition-delay: 1.7s !important;
    transition-delay: 1.7s !important
}

.ani-delay1-35 {
    -webkit-animation-delay: 1.75s !important;
    animation-delay: 1.75s !important
}

.ani-delay1-35,
.transition-delay1-35 {
    -webkit-transition-delay: 1.75s !important;
    transition-delay: 1.75s !important
}

.ani-delay1-36 {
    -webkit-animation-delay: 1.8s !important;
    animation-delay: 1.8s !important
}

.ani-delay1-36,
.transition-delay1-36 {
    -webkit-transition-delay: 1.8s !important;
    transition-delay: 1.8s !important
}

.ani-delay1-37 {
    -webkit-animation-delay: 1.85s !important;
    animation-delay: 1.85s !important
}

.ani-delay1-37,
.transition-delay1-37 {
    -webkit-transition-delay: 1.85s !important;
    transition-delay: 1.85s !important
}

.ani-delay1-38 {
    -webkit-animation-delay: 1.9s !important;
    animation-delay: 1.9s !important
}

.ani-delay1-38,
.transition-delay1-38 {
    -webkit-transition-delay: 1.9s !important;
    transition-delay: 1.9s !important
}

.ani-delay1-39 {
    -webkit-animation-delay: 1.95s !important;
    animation-delay: 1.95s !important
}

.ani-delay1-39,
.transition-delay1-39 {
    -webkit-transition-delay: 1.95s !important;
    transition-delay: 1.95s !important
}

.ani-delay1-40 {
    -webkit-animation-delay: 2.0s !important;
    animation-delay: 2s !important
}

.ani-delay1-40,
.transition-delay1-40 {
    -webkit-transition-delay: 2.0s !important;
    transition-delay: 2s !important
}