.carousel-box[data-v-f896d8c8] {
    margin: 36px auto;
    padding: 0 50px;
    position: relative;
    width: 1072px
}

.carousel-box .slide[data-v-f896d8c8] {
    box-sizing: border-box;
    height: 100%;
    width: 335px
}

.carousel-box[data-v-f896d8c8] .swiper {
    position: static
}

.carousel-box[data-v-f896d8c8] .swiper .swiper-wrapper {
    height: 363px;
    width: 100%
}

.carousel-box[data-v-f896d8c8] .swiper .swiper-button-next,
.carousel-box[data-v-f896d8c8] .swiper .swiper-button-prev {
    --swiper-navigation-sides-offset: 5px;
    --swiper-navigation-top-offset: calc(50% - 15px);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALkSURBVHgB1ZlvctJAGMafd8HOOFNq+KBt9QvcgJ4AbmB7AusN2hM0nkA9gfYEcgPhBOUG5Isi6gwROjpDIeuzAWpo+ZcIZfOb6XTZJPCwvPv+W8F/0NTa2emh8kihrDUK0CiJwNGAY64L4HPs8c9XgsZNgHo/h1pRxEdCBAlo9XQlA1xwWJqIi0l1oHH5Yk+qiEkswV+6+jir8BZmNdeBwKMA99muXK7+yAq0/uhCZoAPXM0KNkMjyOLk8LF4y25Uy274dq3PKPZqg2INJcXP+PpLny27ceEKt3vaxchWH4wAeHOYE3fe9bmCtyF2wiLRMwVvU+yEeaLvCTY2K5qewAKGAc6fP5F30bkpwWNvcJXQt24Cn97jKOo9prwExX6ySKzBEbrT6MSt4FZXn1JsCZZBE6iYgBV5PaJ9rZtri2DrhhFxf1eKZhiucNt8A1vFGqjN5C9mODIJwStYjozdrHQ62uln0YH9+L8HKKp+ZqM5wjpxcjsoM69GGSkhGKKiaBzWubJ5BIKC2XQ2BYqFMGUoGcEFpAXWi8qyULwMZ2nFYRvGSyQuubeAr9hPSJNgz7i1BlLCqCGj4SEl0EM0jJeoIyWoDGph8nOTZZssBe6NyU9e5fNhY856O+aCVovUGvrhIUtqWA57eh/N/38lUpclklgapukY9vciJdKYc1iKKLi34+iF7z39ecNNvyQ09nNyNHkxlUsMB3htU6hmjPCDAU6ic1OCD/PiBYE9G5AJu2s0RefuZWsH7GVx0sX2cQ9y8v7u5Nx264+evgi2J9yl3c78pRc2tLckeq5Yw8IE/ikf1Gx5PsRGNBuMHupskdjwPqxAq8M2bDbsbG6kwub71jQ91N0NNotYx16mw6lMy2hdEZERbMCAFee8LtHB4s+ufjkUnHJ4HPfZ0LeyaODBpEuTi53aJhI8ocnUNJdBmatUYXEYnopSUEHL+Oh2ZJe+qWpYinlZ/vS9IerFfPKj279KpQW+iflEFwAAAABJRU5ErkJggg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 44px;
    margin: 0 5px;
    width: 44px
}

.carousel-box[data-v-f896d8c8] .swiper .swiper-button-next:active,
.carousel-box[data-v-f896d8c8] .swiper .swiper-button-prev:active {
    background-size: 44px 44px
}

.carousel-box[data-v-f896d8c8] .swiper .swiper-button-next:before,
.carousel-box[data-v-f896d8c8] .swiper .swiper-button-prev:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAGAUExURUdwTDB+/zCI/zCB/zCA/zCC/zB//zB4/zBz/zCH/zCE/zB3/y98/zB7/zB8/zB9/zB6/zB2/zCF/zBw/zBu/zBy/zBx/zB1/zGK/y+H/zBv/zBt/y9w/zCG/zBv/zBs/y92/zBy/zBr/zGK/zBv/zBs/y+F/zB6/y97/zBu/y9t/y+C/zCD/zBu/zCI/y+K/zF5/zCB/zBq/zB9/y9s/y9q/zBq/zBp/zBz/zB7/zCA/y9y/zGJ/zB2/zCL/zB//zB//zB3/zCL/zB3/y+L/zCK/zCL/zB2/zKK/zGI/zCJ/y9n/y+E/zBx/zCD/zGD/zBr/y+K/zCL/zGL/zB4/zF9/zBv/zBu/zGG/zGA/zF+/zB3/zB8/zB9/zGB/zCC/zB5/zF//zBz/zCE/zBy/zGF/zBw/zGD/zBx/zBu/zGH/zF2/zF7/zB0/zF6/zGG/zBv/zGI/zB1/zBs/zBt/zB0/zB4/zGJ/zB6/zF4/zB2/zGK/zGL/zB7/zBr/zCD/3wLaEEAAABZdFJOUwD+/v7+/v7+/v7+/hD+/v7+/v7+/v7+/v4g/v4g33/fQN/+39/vUN9vj2CA78/Pf/7fr69QoL9v72CfUO+fn++/r7C/QHC/72CQjyCQkF+P72Du7s/Pv/d4ujtkBQAABlRJREFUSMeNV2d7E2cQPHXJKlaXEMZFJtihRfQAoQUC6SHtg3qXTjqr2o90Krb/emb2TkDAlPs+z87Ozs6+pyhnfL7t/Uf/7FX6x8d7T2/tbytf9vkePn+Vz+dnlb6uHxQKRUv1ya37XwDb/Hac0Ob5matS6ROXy1Wr2eyNB+c+B+v1xtpcy3snmX7/4LhQLArQXipd+QT04U6j1uu5URBMUdAEOqtZu61cvvH7x8r9pjZiAI7HoXne5aroB8f+YnEdFZ2lkq3saNf/8J2F27jWagDoHo81LZRHi5n+AYA5NJkVYN1Rv3AG3Y2LkZYaq9V6bvSY984mqBgsBIrr69WqPVsqlxyn7XrzQ+TGxVZLbTQaQKKkUVE/Ro+kSm3KKFlvDt5HbmxFWxEAa26U1LR8fuICVb+MA1TBtd1un9ab4e7/kb6t4TBFZK3mxjiM+UNVP1V1OgG0ldusGA53r7+r0Ned6FCoSo9zAVJV9JjLWbIAlsvt9lo93Ox2uz+/xV0+6kRbQwLdKJhIAOkiEM5Bi1TVbmuXoU1zEO52R5feNnjUGQ6HEVU1tcmHZt4JDUBVLVWOg9qsATjojka7K7Kbh6zYUlWWBDKkeWGATDDIijB5VozTPnWsARgejabfGLhfDo+O2KOqxkF1DK4aPd4XqgGLhcgykQ6h6rFavzNK3jk83+kI03ijAasSiGlUXADSORhjFjjMf43AkXVqltxCxWgUyLjhnERIxOmDqT+wTpOLV9sQB0w9I6t1ISUvH6LFTjQFrvGaeDyRn3ldmYx+4PeDqlQs0eNUtetBj4sFhb1J4PnOMEJgg+PgHlcqlaBOqtJjSZwjqnq6o+l08RLA1yawJdNgSVjViyZlj9GiBc6x2RykGh50u1ZUXP7tU7ZPDolMpSIRiAPHaVyOyYQVQRUmdxrOcZzW18Kc49S6WCxfKPcEFwXVSMPcYwYAuB7oECdnZA4tV4flBoMRxEHJH5SbJyIOqALJ5QBVzdjHYKFI56y8CpMPRBzrdLl8rNw1gMNUSo3HAUTBeSg/YVZxj4052kXVJraq65F5LK8rW+nDI8MALTNytFBoNuNaBelViOqEycvlOuePFj0UZ7mrpA+NimCqwgDw3HgeoqiZoE6roqKTJl+tI6dhXSSXyskJrdqBrFyrHqhSHHi8rwdlHy1Ix5LpcXBli8AJMC09tiLxRsyNikwOxmpQ5lhkqpY4RgfHIc6BOACm00IVCcCs6jEeZ95ZJcMLwFjNOeE4GoD7CHFQMcmKW6JqlMA4PM4WsVWTSb/PWF3PQZtqyV5yoGDTkNWahAF2lWsEYv4p1QwALBWD3BR1ndrYIaqDLTZpVRnHS+UOxTmP5IDHY6QKIC33JuQkj0tiVfHqNDmdJpffK/fSIk4L0RE3I2fOWIUBkMdo0UJxymI5WtXjwXLQctsnZnK04mp8lce0qk5gQOLYLlZdBQB7TL5QfK/TaTpnFas9XkeZxjHv6rpYrsR58AKEkQCY//Iv7OPdVUWeDnevl5ADMMkE0SLEkesoBpAxwjlJaVFRbqePGKuSjmyRF2BCqkG55Eas2kyqA3GOdfkn78ZrY6tYMdZzu7VEiEuV4QtAHIesspdtEjmGVZOLXSOPsR3RlEG1J+cxhADAOAp+qurMOnlWTx0MOXGOdfHYOFVfCVWzIsji5gCI5BADOA1VjbXqhsXj5qnb7JjjiLl7NPnc65qYQW68OVCRZ1W4et7kMUuKqHIdxashmhzLESgY62hnHDscgsNy7L65rbfZI85qTGI1weSo9DNByTgGAPfx1HTcaLT48Z3DioqtOC85TS4BoOt85JAq1kpSlfOHx60/vXvKr4k4csiROV4vnCMvAFB1OplVYFqvS6xe8L336FANy3Gt5ObICxAvADkANjqHp2P0wbPjohpXRRyNWTVx6ZgGPW4xs6pu9HjGQ2dHjpxccj4B8Vg5kOUwxgFVuVVnPq12GsbJwenIuzI6TY5DjpNjX+1x8/q5sx+BsRhfOdp8RnHwWglIjjv5rnLgsdL81feR9+PlHVoVR85LnJ9PQO6/3Sb3+Oqljz9YNzbfXkdTVaEKx1294vvkG3nj0U5I8riiH/vNdQTVz8Hku//s1STDQx4IGCH35Okl3xf+CWzvP3u+R6p7/z7Y3z4T9R+14wimPsNG2wAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    display: block;
    height: 28px;
    width: 28px
}

.carousel-box[data-v-f896d8c8] .swiper .swiper-button-next:after,
.carousel-box[data-v-f896d8c8] .swiper .swiper-button-prev:after {
    color: #fff;
    font-size: 10px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.carousel-box[data-v-f896d8c8] .swiper .swiper-button-prev {
    left: -10px
}

.carousel-box[data-v-f896d8c8] .swiper .swiper-button-next {
    right: -10px
}

.carousel-box[data-v-f896d8c8] .swiper .swiper-button-disabled {
    background-color: #ccc;
    cursor: not-allowed;
    pointer-events: auto
}

.carousel-box[data-v-f896d8c8] .swiper .swiper-pagination {
    --swiper-pagination-bottom: -30px
}

.carousel-box .carousel-item[data-v-f896d8c8] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAp8AAALWCAMAAAA3YQieAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABsUExURUdwTP////////////////////////////////////////////////////////////////////////////f7//////7+//r9//r8//j8//7///j7//v9//3+//n8//z9//z+//n7//3///39/1RxX9UAAAAUdFJOUwBgQJ8g7xCAv99QcDCgr5B/z49vkh58yQAACjlJREFUeNrs3eFW4lYYhlFDIiTIctQ2MqCA7f1fZJvgOHV16Kw1P8p3vrP3Hczw+CZBDt7c/Fy3XrX9cDsSwu3Qt3eLGybLphVmSH3TVR/nXa+DwNqqC10+fFrO/TMh7P85otUW2rUf/wnPb9vj7nfC2B1fD3Vv6PLh22oevr4IIqCX7XuiQ1Nfnuv3K/thK87AiZ7Or9JTbeN5/17nUQNFFPpY1TV+MaizGNv5aWmoKNDfzvedW699GRN6qCvQpznPk/vOYrzOl/hlHXnO7yrtX73qpQV6X1GexrPAQO/kSVDzY/ymjntPt54Fmh6SHrPnOf/O6OTFLvEpfp//Cr+eL+5e62JvQW9TP8N3g3vPgk0DusrcpzyLdkw+oPPNp19plv2IlHdAuylPb8sb0KDuPRtlGNCsH7Vrpvl081n8gI5JPycyeOczx4C2aefTs3uKAd1knU8f+EwxoH3W+fTyFm83DWjCbxbpzWcOp5QD2nl4T+Il5YC2Ht6zeM04oIPfbKaxzzegC09HBjSwLy7vBjSwR5f3ZAM6ZMpz6fKebkAzfWXYdKzj4GU1oEGtfPAz34AmOirXu/3MN6CJPqg8PR55UbMNaJ6THn//Y/70mmayzTSgG49HBjT4b4/evKSpZDoq13h8zyfRWWN9GtDob3/6bLIB1Sf/84B2+iTwgLb6JPCApviyBn3mHdBen0Qe0IU+CSrJWWN9JpXkrLE+Dag+ucKApjgqp8+0Upw11mdeGQZUnwZUn1xtQBt9EnhAB31iQPXJLw7oUp8EHtCVPgmq+LPG+jSg+sSA6pMfKPyonD6TK/yssT4NqD4xoPrk4oC2+iTwgBZ71lifBlSfXH1AF/ok8ID2+iSogs8a67MG5Z411qcB1SdXVuxROX3WodSzxvo0oPrE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);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 100%;
    position: relative;
    width: 335px
}

.carousel-box .carousel-item .enter-game-box[data-v-f896d8c8] {
    height: 73px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 120px;
    z-index: 1
}

.carousel-box .carousel-item .enter-game-box .icon-bg-btn[data-v-f896d8c8] {
    height: 73px;
    width: 120px
}

.carousel-box .carousel-item .enter-game-box .enter-game-text[data-v-f896d8c8] {
    border-radius: 25px;
    color: var(--sub-color);
    cursor: pointer;
    font-family: PingFang SC;
    font-size: var(--font-size5);
    font-weight: 500;
    padding: 20px 10px;
    position: absolute;
    right: 2px;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.carousel-box .carousel-item .enter-game-box .enter-game-text .icon-next[data-v-f896d8c8] {
    height: 11px;
    margin-left: 4px;
    width: 11px;
    stroke: var(--sub-color)
}

.carousel-box .carousel-item .enter-game-box .enter-game-text[data-v-f896d8c8]:hover {
    color: var(--primary-color)
}

.carousel-box .carousel-item .enter-game-box .enter-game-text:hover .icon-next[data-v-f896d8c8] {
    stroke: var(--primary-color)
}

.carousel-box .carousel-item .banner-img[data-v-f896d8c8] {
    height: 300px;
    padding-top: 64px;
    width: 100%
}

.carousel-box .carousel-item .title-wrap[data-v-f896d8c8] {
    left: 30px;
    position: absolute;
    top: 18px
}

.carousel-box .carousel-item .title-wrap .main-title[data-v-f896d8c8] {
    color: var(--primary-color1);
    font-family: PingFang SC;
    font-size: var(--font-size2);
    font-weight: 500;
    vertical-align: middle
}

.carousel-box .carousel-item .title-wrap .main-label[data-v-f896d8c8] {
    color: var(--sub-color);
    font-family: PingFang SC;
    font-size: var(--font-size4);
    font-weight: 500;
    margin-left: 8px;
    vertical-align: middle
}