.app-container .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.app-container .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(
        --swiper-wrapper-transition-timing-function,
        initial
    );
    box-sizing: content-box;
}
.app-container .swiper-ios .swiper-slide,
.app-container .swiper-wrapper {
    transform: translateZ(0);
}
.app-container .swiper-horizontal {
    touch-action: pan-y;
}
.app-container .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.app-container .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
.app-container .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translateZ(0);
    z-index: 10;
}
.app-container .swiper-horizontal > .swiper-pagination-bullets,
.app-container .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}
.app-container .swiper-pagination-bullet {
    width: var(
        --swiper-pagination-bullet-width,
        var(--swiper-pagination-bullet-size, 8px)
    );
    height: var(
        --swiper-pagination-bullet-height,
        var(--swiper-pagination-bullet-size, 8px)
    );
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
.app-container .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.app-container
    .swiper-horizontal
    > .swiper-pagination-bullets
    .swiper-pagination-bullet,
.app-container
    .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.app-container .swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.app-container .swiper-fade .swiper-slide-active {
    pointer-events: auto;
}
[data-v-020df054] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box;
}
.app-container[data-v-020df054] {
    width: 100%;
    height: 100%;
    background-color: #fff;
}
* {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box;
}
input::-webkit-credentials-auto-fill-button,
input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    html,
    body {
        padding-bottom: env(safe-area-inset-bottom) !important;
    }
}
h2.title {
    color: #1d1d1d;
}
@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    h2.title {
        font-size: 2.9297vw;
    }
}
@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    h2.title {
        font-size: 30px;
    }
}
@media (min-width: 1240px) and (max-width: 1919px) {
    h2.title {
        font-size: 3.125vw;
    }
}
@media (min-width: 1240px) and (min-width: 1920px) {
    h2.title {
        font-size: 60px;
    }
}
[class^="module-"] {
    margin: 0 auto;
}
@media (max-width: 767px) and (max-width: 1919px) {
    [class^="module-"] {
        max-width: 100%;
    }
}
@media (max-width: 767px) and (min-width: 1920px) {
    [class^="module-"] {
        max-width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    [class^="module-"] {
        max-width: 84.375vw;
    }
}
@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    [class^="module-"] {
        max-width: 864px;
    }
}
@media (min-width: 1240px) and (max-width: 1919px) {
    [class^="module-"] {
        max-width: 72.9167vw;
    }
}
@media (min-width: 1240px) and (min-width: 1920px) {
    [class^="module-"] {
        max-width: 1400px;
    }
}
@media (max-width: 767px) and (max-width: 1919px) {
    .showH5 {
        display: inline-block;
    }
}
@media (max-width: 767px) and (min-width: 1920px) {
    .showH5 {
        display: inline-block;
    }
}
@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .showH5 {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .showH5 {
        display: none;
    }
}
@media (min-width: 1240px) and (max-width: 1919px) {
    .showH5 {
        display: none;
    }
}
@media (min-width: 1240px) and (min-width: 1920px) {
    .showH5 {
        display: none;
    }
}
@media (max-width: 767px) and (max-width: 1919px) {
    .showIpad {
        display: none;
    }
}
@media (max-width: 767px) and (min-width: 1920px) {
    .showIpad {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .showIpad {
        display: inline-block;
    }
}
@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .showIpad {
        display: inline-block;
    }
}
@media (min-width: 1240px) and (max-width: 1919px) {
    .showIpad {
        display: none;
    }
}
@media (min-width: 1240px) and (min-width: 1920px) {
    .showIpad {
        display: none;
    }
}
@media (max-width: 767px) and (max-width: 1919px) {
    .showPc {
        display: none;
    }
}
@media (max-width: 767px) and (min-width: 1920px) {
    .showPc {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .showPc {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .showPc {
        display: none;
    }
}
@media (min-width: 1240px) and (max-width: 1919px) {
    .showPc {
        display: inline-block;
    }
}
@media (min-width: 1240px) and (min-width: 1920px) {
    .showPc {
        display: inline-block;
    }
}
:root {
    --official-font-regular: var(
        --cs-site-font-regular,
        "BRHendrix-Regular",
        "HelveticaNeue",
        Helvetica,
        sans-serif,
        "-apple-system",
        system-ui
    );
    --official-font-semi: var(
        --cs-site-font-semi,
        "BRHendrix-Semibold",
        "HelveticaNeue-Bold",
        "Helvetica-Bold",
        sans-serif,
        "-apple-system",
        system-ui
    );
    --official-font-bold: var(
        --cs-site-font-bold,
        "BRHendrix-Bold",
        "HelveticaNeue-Bold",
        "Helvetica-Bold",
        sans-serif,
        "-apple-system",
        system-ui
    );
}
body.lang-hans {
    --official-font-regular: var(
        --cs-site-font-regular,
        "PingFangSC-Regular",
        "Microsoft YaHei",
        "HelveticaNeue",
        Helvetica,
        sans-serif,
        "-apple-system",
        system-ui
    );
    --official-font-semi: var(
        --cs-site-font-semi,
        "PingFangSC-Semibold",
        "Microsoft YaHei Semibold",
        "Microsoft YaHei Bold",
        "Microsoft YaHei",
        "HelveticaNeue-Bold",
        "Helvetica-Bold",
        sans-serif,
        "-apple-system",
        system-ui
    );
    --official-font-bold: var(
        --cs-site-font-bold,
        "PingFangSC-Semibold",
        "Microsoft YaHei Semibold",
        "Microsoft YaHei Bold",
        "Microsoft YaHei",
        "HelveticaNeue-Bold",
        "Helvetica-Bold",
        sans-serif,
        "-apple-system",
        system-ui
    );
}
body {
    font-family: var(--official-font-regular);
}
@keyframes spin-4a4e7864 {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}