ul.mm-sub-menu {
    display: none;
}

@media only screen and (max-width: 600px) {
    .web3preference-count {
        font-size: 1.5rem;
    }
}
@keyframes spin-90e64245 {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(1turn);
    }
}

.loading[data-v-90e64245] {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 40;
}

.loading .spinner[data-v-90e64245] {
    animation: spin-90e64245 1s infinite;
    border: 0.05rem solid #fff;
    border-radius: 50%;
    border-top-color: #f94747;
    height: 0.5rem;
    width: 0.5rem;
}
.to-top[data-v-a8776eb8] {
    bottom: 0.2rem;
    cursor: pointer;
    height: 0.64rem;
    position: fixed;
    right: 1.96rem;
    width: 0.64rem;
    z-index: 10;
}

.to-top img[data-v-a8776eb8] {
    width: 100%;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .to-top[data-v-a8776eb8] {
        display: none;
    }
}

.fade-enter-active[data-v-a8776eb8],
.fade-leave-active[data-v-a8776eb8] {
    transition: opacity 0.5s ease;
}

.fade-enter-from[data-v-a8776eb8],
.fade-leave-to[data-v-a8776eb8] {
    opacity: 0;
}
.game-menu[data-v-8b993de8] {
    background-color: #fff;
    background-image: linear-gradient(
        180deg,
        rgba(49, 49, 49, 0.05),
        transparent
    );
    border-radius: 0 0 0.04rem 0.04rem;
    box-shadow: 0 0.05rem 0.12rem rgba(0, 0, 0, 0.1);
    /* Hide by default; show when the nav container is hovered or focused */
    display: none;
    flex-direction: column;
    gap: 0.08rem;
    left: 50%;
    padding: 0.2rem 0.12rem 0.08rem;
    position: absolute;
    top: 100%;
    transform: translate(-50%);
    width: 9.4rem;
    z-index: 100;
}

.nav-item.game-trigger:hover .game-menu[data-v-8b993de8],
.nav-item.game-trigger:focus-within .game-menu[data-v-8b993de8] {
    display: flex;
} 

.nav-item.game-trigger {
    position: relative;
} 

.game-menu .game-list-group .group-name[data-v-8b993de8] {
    color: #b0b0b0;
    font-size: 0.14rem;
    margin: 0 0 0.04rem 0.07rem;
}

.game-menu .game-list[data-v-8b993de8] {
    align-items: center;
    align-self: center;
    display: flex;
    flex-wrap: wrap;
}

.game-menu .game-list .game-item[data-v-8b993de8] {
    border: 0.03rem solid transparent;
    cursor: pointer;
    height: 0.8rem;
    margin: 0 0.04rem 0.08rem;
    transition: all 0.3s ease;
    width: 2.2rem;
}

.game-menu .game-list .game-item img[data-v-8b993de8] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.game-menu .game-list .game-item[data-v-8b993de8]:hover {
    border-color: #d43831;
}

.platform-menu[data-v-a218ba29] {
    align-items: center;
    background-color: #fff;
    background-image: linear-gradient(
        180deg,
        rgba(49, 49, 49, 0.05),
        transparent
    );
    border-radius: 0 0 0.04rem 0.04rem;
    box-shadow: 0 0.05rem 0.12rem rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    max-width: 9.3rem;
    padding: 0.28rem 0.14rem 0.1rem;
    position: absolute;
    top: 100%;
    transform: translate(-100%);
    z-index: 100;
}

.platform-menu .platform-menu__item[data-v-a218ba29] {
    cursor: pointer;
    position: relative;
}

.platform-menu .platform-menu__item img[data-v-a218ba29] {
    height: 1.25rem;
    margin-bottom: 0.1rem;
    margin-top: 0.2rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 2.62rem;
}

.platform-menu .platform-name[data-v-a218ba29] {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 0.18rem;
    font-weight: 700;
    justify-content: center;
    text-align: center;
    transition: all 0.3s ease-in;
}

.platform-menu .platform-name span[data-v-a218ba29] {
    padding: 5px 0 2px;
}

.platform-menu .platform-name[data-v-a218ba29]:hover {
    color: #d43831;
}

.platform-menu .platform-device[data-v-a218ba29] {
    color: #b0b0b0;
    display: block;
    font-size: 0.14rem;
    margin-bottom: 0.2rem;
    text-align: center;
}

.menu-sider[data-v-31b88eb2],
.menu-sider-container[data-v-31b88eb2] {
    display: none;
}

.text-block[data-v-31b88eb2] {
    padding: 0.07rem 0;
}

.group-block[data-v-31b88eb2] {
    border-bottom: 1px solid #eee;
    padding: 0.1rem 0;
}

.group-title[data-v-31b88eb2] {
    color: #767676;
    font-size: 0.13rem;
}

.text-item[data-v-31b88eb2] {
    font-size: 0.16rem;
    font-weight: 700;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .menu-sider-container[data-v-31b88eb2] {
        height: 100svh;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .menu-sider-container .mask[data-v-31b88eb2] {
        background: rgba(0, 0, 0, 0.3);
        bottom: 0;
        height: calc(100% - 0.55rem);
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1000;
    }

    .menu-sider-container.active[data-v-31b88eb2] {
        display: block;
    }

    .menu-sider[data-v-31b88eb2] {
        background: #fff;
        display: flex;
        flex-direction: column;
        height: 100vh;
        left: auto;
        overflow: auto;
        padding: 0 0.2rem;
        position: absolute;
        right: 0;
        top: 0;
        width: 3.2rem;
        transform: translateX(100%);
        transition: transform 0.3s ease, visibility 0.3s ease;
        visibility: hidden;
    }

    .menu-sider.active[data-v-31b88eb2] {
        transform: translateX(0);
        visibility: visible;
    }

    .menu-sider .sider-body[data-v-31b88eb2] {
        height: calc(90svh - 0.6rem);
        overflow: auto;
    }

    .menu-sider__header[data-v-31b88eb2] {
        border-bottom: 1px solid #eee;
        padding: 0.1rem 0;
    }

    .menu-sider__header .sider-title[data-v-31b88eb2] {
        font-size: 0.16rem;
        font-weight: 700;
    }

    .menu-sider__mobile-games .game-list[data-v-31b88eb2] {
        display: flex;
        flex-direction: column;
    }

    .menu-sider__mobile-games .game-list__item[data-v-31b88eb2] {
        align-items: center;
        display: flex;
    }

    .menu-sider__mobile-games
        .game-list__item
        .game-list__item-img[data-v-31b88eb2] {
        align-items: center;
        border-radius: 0.03rem;
        display: flex;
        height: 0.32rem;
        justify-content: center;
        margin-right: 0.2rem;
        width: 0.32rem;
    }

    .menu-sider__mobile-games
        .game-list__item
        .game-list__item-img
        img[data-v-31b88eb2] {
        width: 100%;
    }

    .menu-sider__mobile-games
        .game-list__item
        .game-list__item-title[data-v-31b88eb2] {
        flex: 1 1 auto;
        font-size: 0.16rem;
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .menu-sider__platform .platform-list__item[data-v-31b88eb2] {
        align-items: center;
        display: flex;
    }

    .menu-sider__platform .platform-list__item .platform-text[data-v-31b88eb2] {
        font-size: 0.16rem;
        font-weight: 700;
        margin-right: 0.16rem;
        position: relative;
    }

    .menu-sider__platform
        .platform-list__item
        .platform-text[data-v-31b88eb2]:after {
        background: #eee;
        content: "";
        height: 0.16rem;
        position: absolute;
        right: -0.08rem;
        top: 50%;
        transform: translateY(-50%);
        width: 0.01rem;
    }

    .menu-sider__links[data-v-31b88eb2] {
        display: flex;
        flex-direction: column;
    }

    .menu-sider__close[data-v-31b88eb2] {
        background: transparent;
        border: none;
        cursor: pointer;
        font-size: 0.24rem;
        line-height: 1;
        padding: 0.06rem;
        position: absolute;
        right: 0;
        top: 0;
    }
}

.carpet[data-v-473332bb] > * {
    transition: all 0.3s ease;
}

.float-topbar[data-v-cc3b9092] {
    align-items: stretch;
    background: transparent;
    display: flex;
    height: 0.64rem;
    justify-content: space-between;
    margin: auto;
    position: relative;
    width: 12.4rem;
}

.float-topbar .nav-list-container[data-v-cc3b9092] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: auto;
    position: relative;
}

.float-topbar .nav-list-container .nav-list[data-v-cc3b9092],
.float-topbar .nav-list-container .nav-list .nav-item[data-v-cc3b9092] {
    align-items: center;
    display: flex;
    font-size: 0.14rem;
    justify-content: center;
}

.float-topbar .nav-list-container .nav-list .nav-item[data-v-cc3b9092] {
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
}

.float-topbar
    .nav-list-container
    .nav-list
    .nav-item[data-v-cc3b9092]
    > :first-child {
    margin-right: 0.05rem;
}

.float-topbar
    .nav-list-container
    .nav-list
    .nav-item[data-v-cc3b9092]:not(:last-child) {
    margin-right: 0.56rem;
}

.float-topbar
    .nav-list-container
    .nav-list
    .nav-item
    .icon-arrow[data-v-cc3b9092] {
    margin-left: 0.05rem;
    margin-right: 0;
    margin-top: 0.02rem;
    width: 0.1rem;
}

.float-topbar .nav-list-container .nav-list .nav-item[data-v-cc3b9092]:hover {
    color: #d43831;
}

.float-topbar
    .nav-list-container
    .nav-list
    .nav-item:hover
    .icon-arrow[data-v-cc3b9092]
    rect {
    fill: #d43831;
}

.float-topbar .page-name[data-v-cc3b9092] {
    display: none;
}

.float-topbar .logo[data-v-cc3b9092] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    flex-shrink: 0;
    height: 100%;
    width: 1.08rem;
}

.focusout-mask[data-v-cc3b9092] {
    height: 100vh;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 100vw;
    z-index: 50;
}

.mobile-drawer,
.mobile-drawer__mask,
.mobile-drawer__panel {
    display: none;
}

.mobile-drawer__section-title {
    font-weight: 700;
    margin-bottom: 0.08rem;
}

.mobile-drawer__links {
    display: flex;
    flex-direction: column;
    gap: 0.06rem;
}

.mobile-drawer__link {
    color: #16181a;
    font-size: 0.16rem;
    font-weight: 600;
}

.mobile-drawer__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0.12rem 0.14rem;
}

.mobile-drawer__title {
    font-size: 0.18rem;
    font-weight: 700;
}

.mobile-drawer__close {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.26rem;
    line-height: 1;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .float-topbar[data-v-cc3b9092] {
        align-items: center;
        background-color: #fff;
        border-bottom: 1px solid #eee;
        display: flex;
        height: auto;
        justify-content: center;
        justify-content: space-between;
        left: 0;
        padding: 0.17rem 0.16rem;
        position: fixed;
        top: 0;
        transition: all 0.3s ease;
        width: 100%;
        z-index: 20;
    }

    .float-topbar[data-v-cc3b9092] > * {
        flex: 1 1 0;
    }

    .float-topbar.sider-show[data-v-cc3b9092] {
        transform: translate(-3.2rem);
    }

    .float-topbar .nav-list-container[data-v-cc3b9092] {
        display: none;
    }

    .float-topbar .logo[data-v-cc3b9092] {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 0.8rem auto;
        flex: 0 0 auto;
        height: 0.22rem;
        width: 0.8rem;
    }

    .float-topbar .page-name[data-v-cc3b9092] {
        display: block;
        font-size: 0.16rem;
        left: 50%;
        line-height: 0.22rem;
        position: absolute;
        text-align: center;
        transform: translate(-50%);
    }

    .float-topbar .hamburger-menu[data-v-cc3b9092] {
        align-items: center;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        height: 0.16rem;
        justify-content: center;
        justify-content: space-between;
        margin-left: auto;
        z-index: 10;
    }

    .float-topbar .hamburger-menu .bar[data-v-cc3b9092] {
        background-color: #000;
        border-radius: 0.01rem;
        height: 2px;
        transition: all 0.3s ease;
        width: 0.2rem;
    }

    .float-topbar .hamburger-menu.active .bar[data-v-cc3b9092]:first-child {
        transform: rotate(45deg) translate(0.05rem, 0.05rem);
    }

    .float-topbar .hamburger-menu.active .bar[data-v-cc3b9092]:nth-child(2) {
        opacity: 0;
    }

    .float-topbar .hamburger-menu.active .bar[data-v-cc3b9092]:nth-child(3) {
        transform: rotate(-45deg) translate(0.05rem, -0.05rem);
    }

    .mobile-drawer {
        display: block;
        inset: 0;
        pointer-events: none;
        position: fixed;
        z-index: 2000;
    }

    .mobile-drawer__mask {
        display: block;
        background: rgba(0, 0, 0, 0.35);
        inset: 0;
        opacity: 0;
        position: absolute;
        transition: opacity 0.25s ease;
    }

    .mobile-drawer__panel {
        display: flex;
        flex-direction: column;
        gap: 0.14rem;
        background: #fff;
        height: 100%;
        max-width: 3.4rem;
        padding: 0.12rem 0.18rem 0.18rem;
        position: absolute;
        right: 0;
        top: 0;
        transform: translateX(100%);
        transition: transform 0.3s ease;
        width: 80%;
        box-shadow: -0.06rem 0 0.24rem rgba(0, 0, 0, 0.1);
    }

    .mobile-drawer.is-open {
        pointer-events: auto;
    }

    .mobile-drawer.is-open .mobile-drawer__mask {
        opacity: 1;
    }

    .mobile-drawer.is-open .mobile-drawer__panel {
        transform: translateX(0);
    }
}

.content-group[data-v-cad7139e] {
    display: flex;
    flex-direction: column;
    height: 1.678rem;
    padding-top: 0.1rem;
}

.content-group .group-title[data-v-cad7139e] {
    color: rgba(22, 24, 26, 0.5);
    font-size: 0.14rem;
    line-height: 0.238rem;
    margin-bottom: 0.16rem;
}

.content-group .group-list[data-v-cad7139e] {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0 auto;
    padding-left: 0;
}

.content-group .group-list .group-item[data-v-cad7139e] {
    color: #16181a;
    cursor: pointer;
    font-size: 0.14rem;
    line-height: 0.28rem;
}

.selection[data-v-c22dda99] {
    margin-left: auto;
}

.selection .selection-label-wrapper[data-v-c22dda99] {
    position: relative;
}

.selection .selection-label-container[data-v-c22dda99] {
    align-items: center;
    background-color: #fff;
    border: 0.01rem solid #eee;
    color: rgba(22, 24, 26, 0.5);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 0.07rem 0.11rem 0.07rem 0.13rem;
    width: 1.48rem;
}

.selection .selection-label-container .selection-arrow[data-v-c22dda99] {
    height: 0.053rem;
    rotate: 180deg;
    transition: rotate 0.3s ease;
    width: 0.07rem;
}

.selection .selection-label-container .selection-arrow.active[data-v-c22dda99] {
    rotate: 1turn;
}

.selection .dropdown[data-v-c22dda99] {
    align-items: center;
    background-color: #fff;
    border: 0.01rem solid #eee;
    bottom: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: auto;
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition: all 0.3s ease;
    z-index: 5;
}

.selection .dropdown.active[data-v-c22dda99] {
    opacity: 1;
    transform: scaleY(1);
}

.selection .dropdown .dropdown-button[data-v-c22dda99] {
    background: transparent;
    cursor: pointer;
    padding: 0.08rem 0.1rem;
    text-align: left;
    transition: all 0.3s ease;
    width: 100%;
}

.selection .dropdown .dropdown-button[data-v-c22dda99]:hover {
    color: #000;
}

.selection .dropdown .dropdown-button[data-v-c22dda99]:not(:last-child) {
    border-bottom: 0.01rem solid #eee;
}

.selection .selection-mask[data-v-c22dda99] {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .selection .selection-label-container[data-v-c22dda99] {
        font-size: 0.14rem;
    }
}

.footer[data-v-4d1103fd] {
    border-top: 0.01rem solid #eee;
    position: relative;
}

.footer .footer-container[data-v-4d1103fd] {
    margin: auto;
    padding-bottom: 0.18rem;
    padding-top: 0.64rem;
    width: 12.4rem;
}

.footer .footer-container .footer-content[data-v-4d1103fd] {
    border-bottom: 0.01rem solid #eee;
    display: flex;
}

.footer .footer-container .footer-content .logo-section[data-v-4d1103fd] {
    color: rgba(22, 24, 26, 0.5);
    font-size: 0.14rem;
}

.footer .footer-container .footer-content .footer-logo[data-v-4d1103fd] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 0.48rem;
    margin-bottom: 0.32rem;
    width: 1.67rem;
}

.footer .footer-container .footer-content .group-list[data-v-4d1103fd] {
    display: flex;
    margin-left: auto;
}

.footer
    .footer-container
    .footer-content
    .footer-list-group[data-v-4d1103fd]:not(:last-child) {
    margin-right: 1.29rem;
}

.footer .footer-container .footer-copyright[data-v-4d1103fd] {
    align-items: center;
    color: rgba(22, 24, 26, 0.5);
    display: flex;
    font-size: 0.14rem;
    padding-top: 0.18rem;
}

.footer .footer-container .footer-copyright > span[data-v-4d1103fd] {
    flex-shrink: 0;
    margin-right: 0.1rem;
    max-width: 5.04rem;
}

.footer .footer-container .footer-copyright .links[data-v-4d1103fd] {
    margin-left: auto;
}

.footer .footer-container .footer-copyright .links .link-item[data-v-4d1103fd] {
    color: rgba(22, 24, 26, 0.5);
    font-size: 0.14rem;
    position: relative;
}

.footer
    .footer-container
    .footer-copyright
    .links
    .link-item[data-v-4d1103fd]:not(:last-child) {
    margin-right: 0.3rem;
}

.footer
    .footer-container
    .footer-copyright
    .links
    .link-item[data-v-4d1103fd]:not(:last-child):after {
    background-color: rgba(22, 24, 26, 0.3);
    content: "";
    height: 0.12rem;
    position: absolute;
    right: -0.15rem;
    top: 0.04rem;
    width: 0.01rem;
}

.footer .selection-group[data-v-4d1103fd] {
    align-items: center;
    display: flex;
    width: 100%;
}

.footer .selection-group .selection-dropdown[data-v-4d1103fd] {
    margin-left: auto;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .footer .footer-container[data-v-4d1103fd] {
        padding-bottom: 0;
        padding-top: 0;
        width: 100%;
    }

    .footer .footer-container .footer-content[data-v-4d1103fd] {
        display: none;
    }

    .footer .footer-container .footer-copyright[data-v-4d1103fd] {
        align-items: center;
        border-top: 0.01rem solid #eee;
        display: flex;
        flex-direction: column-reverse;
        font-size: 0.12rem;
        justify-content: center;
        padding: 0.16rem 0.2rem;
    }

    .footer .footer-container .footer-copyright span[data-v-4d1103fd] {
        margin: auto;
        text-align: center;
        width: 3.35rem;
    }

    .footer .footer-container .footer-copyright .links[data-v-4d1103fd] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 0.12rem;
        margin-left: 0;
    }

    .footer
        .footer-container
        .footer-copyright
        .links
        .link-item[data-v-4d1103fd] {
        color: #16181a;
        font-size: 0.12rem;
    }

    .footer
        .footer-container
        .footer-copyright
        .links
        .link-item[data-v-4d1103fd]:not(:last-child) {
        margin-right: 0.15rem;
    }

    .footer
        .footer-container
        .footer-copyright
        .links
        .link-item[data-v-4d1103fd]:not(:last-child):after {
        background-color: #16181a;
        content: "";
        right: -0.075rem;
        top: 50%;
        transform: translateY(-50%);
    }

    .footer
        .footer-container
        .footer-copyright
        .links
        .link-item[data-v-4d1103fd]:not(:last-child):lang(id) {
        margin-right: 0.1rem;
    }

    .footer
        .footer-container
        .footer-copyright
        .links
        .link-item[data-v-4d1103fd]:not(:last-child):lang(id):after {
        right: -0.05rem;
    }

    .footer
        .footer-container
        .footer-copyright
        .links
        .link-item.divider[data-v-4d1103fd]:after {
        display: none;
    }

    .footer .footer-container .footer-copyright .link-item-tw[data-v-4d1103fd] {
        color: #16181a;
        font-size: 0.12rem;
        margin-top: 0.06rem;
        text-align: center;
        width: 100%;
    }

    .footer
        .footer-container
        .footer-copyright
        .selection-group[data-v-4d1103fd] {
        align-items: center;
        flex-direction: column-reverse;
    }

    .footer
        .footer-container
        .footer-copyright
        .selection-dropdown[data-v-4d1103fd] {
        margin-bottom: 0.16rem;
        margin-left: 0;
    }
}

.modal-wrapper {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 5rem;
    justify-content: center;
    left: 0;
    margin: auto;
    right: 0;
    width: 8rem;
}

.modal-wrapper,
.modal-wrapper .btn-close {
    border: 0.01rem solid red;
    position: absolute;
    top: 0;
}

.modal-wrapper .btn-close {
    background: #fff;
    height: 0.6rem;
    right: -0.75rem;
    width: 0.6rem;
}

.modal-wrapper .modal-title {
    font-size: 0.3rem;
    font-weight: 700;
}

.modal-wrapper .modal-content {
    flex-grow: 1;
    margin-top: 0.1rem;
}

.modal-wrapper .btn-box,
.modal-wrapper .modal-content {
    align-items: center;
    display: flex;
    justify-content: center;
}

.modal-wrapper .btn-box {
    font-weight: 500;
}

.modal-wrapper .btn-cancel,
.modal-wrapper .btn-confirm {
    border: 0.01rem solid red;
    height: 0.67rem;
    line-height: 0.67rem;
    width: 2.3rem;
}

.modal-wrapper .btn-cancel {
    margin-right: 0.15rem;
}

.video-modal {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: auto;
    position: absolute;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}

.video-modal .btn {
    cursor: pointer;
    height: 0.56rem;
    left: 100%;
    position: absolute;
    top: 0;
    width: 0.56rem;
    z-index: 5;
}

.video-modal .btn .close-line {
    background: #fff;
    color: #fff;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 32px;
}

.video-modal .btn .close-line:first-child {
    transform: translate(-50%, -50%) rotate(45deg);
}

.video-modal .btn .close-line:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.video-modal__container {
    align-items: center;
    display: flex;
    height: 7rem;
    justify-content: center;
    position: relative;
    width: 12.4rem;
}

.video-modal__video {
    height: 100%;
    width: 100%;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .video-modal {
        height: 4rem;
        width: 7.5rem;
    }

    .video-modal .btn {
        height: 0.36rem;
        position: absolute;
        right: 0.1rem;
        top: 0;
        width: 0.36rem;
    }

    .video-modal__container {
        height: 100%;
        padding: 0;
        width: 100%;
    }
}

.modals-enter-active,
.modals-leave-active {
    transition: 0.3s;
}

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

.modal-enter-active {
    transition: 0.6s;
}

.modal-enter-from {
    transform: scale(0.8);
}

.modal-leave-active {
    transition: 0s;
}

.modal-leave-to {
    opacity: 0;
}

.modals {
    align-items: center;
    background-color: rgba(23, 24, 25, 0.85);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 40;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .layout[data-v-5e7af7c0] {
        padding-top: 0.56rem;
    }
}
#__nuxt {
    font-family: Open Sans;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #242424;
    font-size: 0.24rem;
}

#__nuxt:lang(tw) {
    font-family: Open Sans, Noto Sans TC;
}

.error[data-v-11699096] {
    align-items: center;
    background-position: top;
    background-size: cover;
    color: #16181a;
    display: flex;
    flex-direction: column;
    height: 100svh;
    height: 100vh;
    justify-content: center;
    line-height: normal;
    width: 100%;
}

.error .error_img[data-v-11699096] {
    height: 1.8rem;
    width: 1.8rem;
}

.error .msg[data-v-11699096] {
    font-size: 0.32rem;
    font-weight: 600;
}

.error .code[data-v-11699096] {
    color: rgba(117, 117, 117, 0.85);
    font-size: 0.2rem;
}

.error .normal_btn_gray[data-v-11699096] {
    align-items: center;
    color: #f5f5f5;
    display: flex;
    font-size: 0.345rem;
    justify-content: center;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .error .msg[data-v-11699096] {
        font-size: 0.4rem;
        line-height: 0.8rem;
    }

    .error .code[data-v-11699096] {
        font-size: 0.24rem;
    }
}

#__nuxt[data-v-a418accd] {
    font-family: Noto Sans TC, sans-serif;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #242424;
    font-size: 0.24rem;
    line-height: 0.28rem;
}
.card[data-v-95ca368c] {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 0.16rem;
    font-weight: 400;
    height: 4.97rem;
    justify-content: center;
    justify-content: flex-start;
    line-height: 0.28rem;
    width: 3.866rem;
}

.card .card-img[data-v-95ca368c] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 2.18rem;
    margin-bottom: 0.16rem;
    width: 3.866rem;
}

.card .card-category[data-v-95ca368c] {
    align-items: center;
    color: rgba(22, 24, 26, 0.85);
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.08rem;
    width: 100%;
}

.card .card-copy[data-v-95ca368c] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.card .card-copy .card-title[data-v-95ca368c] {
    color: #16181a;
    font-size: 0.22rem;
    font-weight: 600;
    margin-bottom: 0.08rem;
    -webkit-line-clamp: 2;
}

.card .card-copy .card-desc[data-v-95ca368c],
.card .card-copy .card-title[data-v-95ca368c] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical;
}

.card .card-copy .card-desc[data-v-95ca368c] {
    color: rgba(117, 117, 117, 0.85);
    -webkit-line-clamp: 5;
    height: 1.4rem;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .card[data-v-95ca368c] {
        height: auto;
        margin-bottom: 0.5rem;
        width: 100%;
    }

    .card .card-img[data-v-95ca368c] {
        height: 1.92rem;
        width: 100%;
    }

    .card .card-category[data-v-95ca368c] {
        font-size: 0.14rem;
    }

    .card .card-copy .card-title[data-v-95ca368c] {
        font-size: 0.18rem;
    }

    .card .card-copy .card-desc[data-v-95ca368c] {
        height: auto;
    }
}
.swiper-placeholder[data-v-1fc20c7b] {
    height: 100%;
    pointer-events: none;
    width: 100%;
}

.swiper-placeholder .banner-skeleton[data-v-1fc20c7b] {
    background: #f5f5f5;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.swiper-placeholder .skeleton-image[data-v-1fc20c7b] {
    background: #eaeaea;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.swiper-placeholder .shimmer-effect[data-v-1fc20c7b] {
    animation: shimmer-1fc20c7b 1.5s infinite;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0.6) 50%,
        rgba(255, 255, 255, 0)
    );
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

@keyframes shimmer-1fc20c7b {
    0% {
        transform: translate(-100%);
    }

    to {
        transform: translate(100%);
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
}

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

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

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

.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(
        --swiper-wrapper-transition-timing-function,
        initial
    );
    width: 100%;
    z-index: 1;
}

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

.swiper-horizontal {
    touch-action: pan-y;
}

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

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
}

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

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

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

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

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

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d {
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d;
}

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

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

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

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

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

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    -webkit-scroll-snap-type: none;
    scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}

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

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

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

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

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

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

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}

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

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

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

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

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

    to {
        transform: rotate(1turn);
    }
}

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

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

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

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

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

.swiper-button-next svg,
.swiper-button-prev svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center;
    width: 100%;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}

.swiper-button-lock {
    display: none;
}

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

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 10px);
}

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

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

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

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

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: var(--swiper-pagination-top, auto);
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    left: var(--swiper-pagination-left, auto);
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    transform: translate3d(0, -50%, 0);
}

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

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

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

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

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

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

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

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
    background: var(
        --swiper-pagination-progressbar-bg-color,
        rgba(0, 0, 0, 0.25)
    );
    position: absolute;
}

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

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

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

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

.swiper-pagination-lock {
    display: none;
}

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

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

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

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

.kv[data-v-33edadd1] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 7.2rem;
    position: relative;
}

.kv .slide[data-v-33edadd1],
.kv .swiper-placeholder[data-v-33edadd1] {
    height: 7.2rem;
    width: 19.2rem;
}

.kv .slide[data-v-33edadd1] {
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

.kv .slide .img-slide[data-v-33edadd1] {
    align-items: flex-end;
    background-color: gray;
    display: flex;
    height: 7.2rem;
    justify-content: center;
    padding-bottom: 1rem;
    position: relative;
    transition: all 0.3s ease;
    width: 100%;
}

.kv .slide .img-slide .slide-banner[data-v-33edadd1] {
    height: 100%;
    max-height: none;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.kv .slide .img-slide .banner-content[data-v-33edadd1] {
    color: #fff;
    max-width: 6rem;
    position: relative;
    text-align: center;
    z-index: 1;
}

.kv .slide .img-slide .banner-content .banner-title[data-v-33edadd1] {
    animation: fadeUpStep-33edadd1 1s ease-in-out;
    font-size: 0.44rem;
    font-weight: 700;
    margin: 0 auto 0.1rem;
    max-width: 3.8rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.kv .slide .img-slide .banner-content .banner-description[data-v-33edadd1] {
    animation: fadeUpStep-33edadd1 1s ease-in-out;
    font-size: 0.2rem;
    margin-bottom: 0.25rem;
}

.kv .slide .img-slide .banner-content .banner-button[data-v-33edadd1] {
    align-items: center;
    animation: fadeUpStep-33edadd1 1s ease-in-out;
    background: rgba(0, 0, 0, 0.6);
    border: 0.02rem solid rgba(242, 55, 55, 0.45);
    border-radius: 1rem;
    color: #f23737;
    display: inline-flex;
    font-size: 0.22rem;
    font-weight: 700;
    justify-content: center;
    padding: 0.08rem 0.26rem;
}

.kv
    .slide
    .img-slide
    .banner-content
    .banner-button
    .button-icon[data-v-33edadd1] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 0.21rem;
    margin-right: 0.08rem;
    width: 0.23rem;
}

.kv #swiper-pagination-feature[data-v-33edadd1] {
    align-items: center;
    bottom: 0.5rem;
    display: flex;
    justify-content: center;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: auto;
    z-index: 5;
}

.kv #swiper-pagination-feature[data-v-33edadd1] .card-swiper_dot {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    cursor: pointer;
    height: 0.08rem;
    width: 0.08rem;
}

.kv
    #swiper-pagination-feature[data-v-33edadd1]
    .card-swiper_dot:not(:last-child) {
    margin-right: 0.08rem;
}

.kv #swiper-pagination-feature[data-v-33edadd1] .card-swiper_dot--active {
    background: #fff;
    border-radius: 10rem;
    transition: all 0.3s ease;
    width: 0.24rem;
}

.kv .swiper-btn[data-v-33edadd1] {
    align-items: center;
    background: rgba(2, 2, 2, 0.45);
    border: 2px solid hsla(0, 0%, 100%, 0.149);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 0.64rem;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    width: 0.64rem;
    z-index: 5;
}

.kv .swiper-btn[data-v-33edadd1]:hover {
    background: rgba(2, 2, 2, 0.65);
}

.kv .swiper-btn.swiper-prev[data-v-33edadd1] {
    left: 3.4rem;
}

.kv .swiper-btn.swiper-next[data-v-33edadd1] {
    right: 3.4rem;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .kv[data-v-33edadd1] {
        min-height: auto;
    }

    .kv .swiper-placeholder[data-v-33edadd1] {
        height: auto;
        width: 100%;
    }

    .kv .slide[data-v-33edadd1] {
        height: 100%;
        width: 100%;
    }

    .kv .slide .img-slide[data-v-33edadd1] {
        background: none;
        height: auto;
        padding-bottom: 0;
        width: 100%;
    }

    .kv .slide .img-slide .slide-banner[data-v-33edadd1] {
        position: static;
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
        max-height: none;
    }

    .kv .slide .img-slide .banner-content[data-v-33edadd1] {
        max-width: 3.35rem;
    }

    .kv .slide .img-slide .banner-content .banner-title[data-v-33edadd1] {
        font-size: 0.24rem;
        height: 0.9rem;
        margin: 0 auto 0.1rem;
        width: 1.8rem;
    }

    .kv .slide .img-slide .banner-content .banner-description[data-v-33edadd1] {
        font-size: 0.14rem;
    }

    .kv .slide .img-slide .banner-content .banner-button[data-v-33edadd1] {
        display: none;
    }

    .kv #swiper-pagination-feature[data-v-33edadd1] {
        bottom: 0.24rem;
    }

    .kv .swiper-btn[data-v-33edadd1] {
        display: none;
    }
}

@keyframes fadeUpStep-33edadd1 {
    0% {
        opacity: 0;
        transform: translateY(-10%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.overview-container .overview[data-v-d3a9c263] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    padding: 0.8rem 0;
    text-align: center;
    width: 10.6rem;
}

.overview-container .overview .overview-logo[data-v-d3a9c263] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 1.8rem;
    margin-bottom: 0.24rem;
    width: 1.8rem;
}

.overview-container .overview .overview-title[data-v-d3a9c263] {
    color: #16181a;
    font-size: 0.36rem;
    font-weight: 700;
    line-height: 0.48rem;
    margin-bottom: 0.24rem;
}

.overview-container .overview .overview-subtitle[data-v-d3a9c263] {
    color: rgba(117, 117, 117, 0.85);
    font-size: 0.18rem;
    font-weight: 400;
    line-height: 0.28rem;
}

.overview-container .overview .overview-subtitle[data-v-d3a9c263] a {
    color: #478ef7;
    cursor: pointer;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .overview-container .overview[data-v-d3a9c263] {
        padding: 0.4rem 0.3rem;
        width: 100%;
    }

    .overview-container .overview .overview-logo[data-v-d3a9c263] {
        height: 1.1rem;
        margin-bottom: 0.16rem;
        width: 1.1rem;
    }

    .overview-container .overview .overview-title[data-v-d3a9c263] {
        font-size: 0.2rem;
        line-height: 0.3rem;
        margin-bottom: 0.16rem;
    }

    .overview-container .overview .overview-subtitle[data-v-d3a9c263] {
        font-size: 0.14rem;
        line-height: 0.22rem;
    }
}

.section-title[data-v-a7fb1b4f] {
    color: #16181a;
    font-size: 0.4rem;
    font-weight: 700;
    line-height: 0.54rem;
    text-align: center;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .section-title[data-v-a7fb1b4f] {
        font-size: 0.2rem;
        line-height: 0.28rem;
    }
}

.card[data-v-0098e939] {
    height: 3.94rem;
    width: 12.4rem;
}

.card[data-v-0098e939],
.card .card-swiper[data-v-0098e939] {
    align-items: center;
    display: flex;
    justify-content: center;
}

.card .card-swiper[data-v-0098e939] {
    position: relative;
    z-index: 5;
}

.card .card-swiper .swiper-fallback[data-v-0098e939],
.card .card-swiper[data-v-0098e939] .swiper-wrapper {
    height: 3.94rem;
    width: 7rem;
}

.card .card-swiper .slide[data-v-0098e939] {
    position: relative;
}

.card .card-swiper .slide.with-hover:hover .text-content[data-v-0098e939] {
    opacity: 0;
}

.card .card-swiper .slide.with-hover:hover .mask-content[data-v-0098e939] {
    opacity: 1;
    scale: 1;
}

.card .card-swiper .img-slide[data-v-0098e939] {
    height: 3.94rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.card .card-swiper .text-content[data-v-0098e939] {
    bottom: 0.32rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    left: 0.32rem;
    position: absolute;
    transition: all 0.3s ease;
    width: 6.3rem;
}

.card .card-swiper .text-content .card-caption[data-v-0098e939] {
    font-size: 0.28rem;
    font-weight: 700;
}

.card .card-swiper .text-content .card-description[data-v-0098e939] {
    font-size: 0.16rem;
}

.card .card-swiper .mask-content[data-v-0098e939] {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease;
    width: 100%;
}

.card .card-swiper .mask-content .link-btn[data-v-0098e939],
.card .card-swiper .mask-content .play-btn[data-v-0098e939] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 1.18rem;
    margin: 0 0.2rem;
    width: 1.18rem;
}

.card .card-swiper .swiper-next[data-v-0098e939],
.card .card-swiper .swiper-prev[data-v-0098e939] {
    align-items: center;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0.04rem;
    cursor: pointer;
    display: flex;
    height: 0.64rem;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0.24rem;
    z-index: 5;
}

.card .card-swiper .swiper-prev[data-v-0098e939] {
    left: 0.2rem;
}

.card .card-swiper .swiper-next[data-v-0098e939] {
    right: 0.2rem;
    transform: translateY(-50%) rotate(180deg);
}

.card .card-swiper .swiper-pagination[data-v-0098e939] {
    align-items: center;
    bottom: 0.12rem;
    display: flex;
    justify-content: center;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 100%;
    z-index: 5;
}

.card .card-swiper .swiper-pagination[data-v-0098e939] .card-swiper_dot {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    cursor: pointer;
    height: 0.08rem;
    width: 0.08rem;
}

.card
    .card-swiper
    .swiper-pagination[data-v-0098e939]
    .card-swiper_dot:not(:last-child) {
    margin-right: 0.08rem;
}

.card
    .card-swiper
    .swiper-pagination[data-v-0098e939]
    .card-swiper_dot--active {
    background: #fff;
    border-radius: 10rem;
    transition: all 0.3s ease;
    width: 0.24rem;
}

.card .card-info[data-v-0098e939] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    height: 3.94rem;
    justify-content: center;
    padding-left: 0.5rem;
    padding-right: 0.4rem;
    width: 5.4rem;
}

.card .card-info .card-title[data-v-0098e939] {
    color: #16181a;
    font-size: 0.32rem;
    font-weight: 700;
    line-height: 0.44rem;
    padding-left: 0.18rem;
    position: relative;
}

.card .card-info .card-title[data-v-0098e939]:before {
    background: #e41e26;
    content: "";
    height: 0.24rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0.08rem;
}

.card .card-info .card-description[data-v-0098e939] {
    color: rgba(117, 117, 117, 0.85);
    font-size: 0.16rem;
    font-weight: 400;
    line-height: 0.28rem;
    margin-top: 0.08rem;
    max-width: 4.44rem;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .card[data-v-0098e939] {
        flex-direction: column;
        height: auto;
        width: 100%;
    }

    .card .card-swiper .swiper-fallback[data-v-0098e939],
    .card .card-swiper[data-v-0098e939] .swiper-wrapper {
        height: 1.93rem;
        width: 3.43rem;
    }

    .card .card-swiper .slide.with-hover:hover .text-content[data-v-0098e939] {
        opacity: 1;
    }

    .card .card-swiper .slide.with-hover:hover .mask-content[data-v-0098e939] {
        opacity: 0;
        scale: 0;
    }

    .card .card-swiper .img-slide[data-v-0098e939] {
        border-top-left-radius: 0.04rem;
        border-top-right-radius: 0.04rem;
        height: 1.93rem;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }

    .card .card-swiper .text-content[data-v-0098e939] {
        bottom: 0.1rem;
        left: 0.14rem;
        max-width: calc(100% - 0.28rem);
        padding-left: 0.02rem;
    }

    .card .card-swiper .text-content .card-caption[data-v-0098e939] {
        font-size: 0.16rem;
        line-height: 0.22rem;
        margin-bottom: 0.03rem;
    }

    .card .card-swiper .text-content .card-description[data-v-0098e939] {
        font-size: 0.12rem;
        line-height: 0.18rem;
    }

    .card .card-swiper .mask-content[data-v-0098e939],
    .card .card-swiper .swiper-next[data-v-0098e939],
    .card .card-swiper .swiper-prev[data-v-0098e939] {
        display: none;
    }

    .card .card-swiper .swiper-pagination[data-v-0098e939] {
        bottom: 0.06rem;
    }

    .card .card-swiper .swiper-pagination[data-v-0098e939] .card-swiper_dot {
        height: 0.04rem;
        width: 0.04rem;
    }

    .card
        .card-swiper
        .swiper-pagination[data-v-0098e939]
        .card-swiper_dot:not(:last-child) {
        margin-right: 0.04rem;
    }

    .card
        .card-swiper
        .swiper-pagination[data-v-0098e939]
        .card-swiper_dot--active {
        border-radius: 4.9rem;
        width: 0.12rem;
    }

    .card .card-info[data-v-0098e939] {
        background-size: 100% 100%;
        height: 2.54rem;
        padding: 0.18rem;
        width: 100%;
    }

    .card .card-info .card-title[data-v-0098e939] {
        font-size: 0.24rem;
        line-height: 0.34rem;
        padding-left: 0.2rem;
    }

    .card .card-info .card-title[data-v-0098e939]:before {
        height: 0.2rem;
        width: 0.08rem;
    }

    .card .card-info .card-description[data-v-0098e939] {
        font-size: 0.14rem;
        height: 1.76rem;
        line-height: 0.22rem;
        margin-top: 0.08rem;
        overflow: auto;
    }
}

.introduction-container[data-v-6fbe490c] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.introduction-container .introduction[data-v-6fbe490c] {
    margin: auto;
    padding: 0.8rem 0;
    width: 12.4rem;
}

.introduction-container .introduction .introduction-title[data-v-6fbe490c] {
    margin-bottom: 0.48rem;
}

.introduction-container
    .introduction
    .introduction-card-item[data-v-6fbe490c]:not(:last-child) {
    margin-bottom: 0.4rem;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .introduction-container .introduction[data-v-6fbe490c] {
        padding: 0.24rem 0.16rem;
        width: 100%;
    }

    .introduction-container
        .introduction
        .introduction-card-item[data-v-6fbe490c]:not(:last-child),
    .introduction-container .introduction .introduction-title[data-v-6fbe490c] {
        margin-bottom: 0.24rem;
    }
}

.news[data-v-4ac6f388] {
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 0.8rem 0;
    width: 12.4rem;
}

.news .news-title[data-v-4ac6f388] {
    margin-bottom: 0.48rem;
}

.news .news-list[data-v-4ac6f388] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    width: 100%;
}

.news .view-more[data-v-4ac6f388] {
    background: linear-gradient(180deg, #ff5454, #f33a3a);
    border-radius: 0.24rem;
    color: #fff;
    cursor: pointer;
    font-size: 0.16rem;
    font-weight: 600;
    height: 0.48rem;
    line-height: 0.28rem;
    margin: 0.48rem auto auto;
    min-width: 1.79rem;
    padding: 0.1rem;
    text-align: center;
    transition: -webkit-filter 0.3s ease-in-out;
    transition: filter 0.3s ease-in-out;
    transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
}

.news .view-more[data-v-4ac6f388]:hover {
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .news[data-v-4ac6f388] {
        padding: 0.24rem 0.16rem 0.4rem;
        width: 100%;
    }

    .news .news-title[data-v-4ac6f388] {
        margin-bottom: 0.24rem;
    }

    .news .news-list[data-v-4ac6f388] {
        gap: 0.24rem 0;
    }

    .news .view-more[data-v-4ac6f388] {
        background: #fff;
        border: 0.02rem solid #e41e26;
        border-radius: 9.99rem;
        color: #e41e26;
        font-size: 0.16rem;
        height: 0.4rem;
        margin-top: 0.32rem;
        min-width: 1.18rem;
        padding: 0 0.1rem;
    }
}

.platform[data-v-45eb7bfa] {
    align-items: center;
    background: #f8f9fa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    padding: 0.9rem 0 1.48rem;
}

.platform .platform-title[data-v-45eb7bfa] {
    margin-bottom: 0.74rem;
}

.platform .platform-row[data-v-45eb7bfa] {
    display: flex;
}

.platform .platform-row .platform-image[data-v-45eb7bfa] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 0.08rem 0.16rem rgba(0, 0, 0, 0.1);
    height: 5.93rem;
    position: relative;
    transform: translate(-1.3rem);
    width: 8.4rem;
}

.platform .platform-row .platform-copy[data-v-45eb7bfa] {
    display: flex;
    flex-direction: column;
    margin-right: 0.15rem;
    margin-top: 1.06rem;
    width: 5.31rem;
}

.platform .platform-row .platform-copy .platform-title[data-v-45eb7bfa] {
    color: #16181a;
    font-size: 0.4rem;
    font-weight: 700;
    line-height: 0.54rem;
    margin-bottom: 0.24rem;
}

.platform .platform-row .platform-copy .platform-desc[data-v-45eb7bfa] {
    color: rgba(117, 117, 117, 0.85);
    font-size: 0.16rem;
    font-weight: 400;
    line-height: 0.28rem;
    margin-bottom: 0.16rem;
}

.platform .platform-row .platform-copy .view-more[data-v-45eb7bfa] {
    align-items: center;
    color: #f04145;
    cursor: pointer;
    display: flex;
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 0.34rem;
}

.platform .platform-row .platform-copy .view-more .arrow-icon[data-v-45eb7bfa] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 0.16rem;
    margin-left: 0.08rem;
    margin-top: 0.05rem;
    width: 0.16rem;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .platform[data-v-45eb7bfa] {
        padding: 0.24rem 0 0;
    }

    .platform .platform-title[data-v-45eb7bfa] {
        margin-bottom: 0.16rem;
    }

    .platform .platform-row[data-v-45eb7bfa] {
        flex-direction: column-reverse;
        width: 100%;
    }

    .platform .platform-row .platform-image[data-v-45eb7bfa] {
        height: 2.42rem;
        margin: auto;
        transform: translate(0);
        width: 3.43rem;
    }

    .platform .platform-row .platform-copy[data-v-45eb7bfa] {
        margin-top: 0;
        padding: 0 0.16rem;
        text-align: center;
        width: 100%;
    }

    .platform .platform-row .platform-copy .platform-title[data-v-45eb7bfa] {
        font-size: 0.18rem;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 0.08rem;
        position: relative;
        text-align: center;
    }

    .platform
        .platform-row
        .platform-copy
        .platform-title[data-v-45eb7bfa]:after,
    .platform
        .platform-row
        .platform-copy
        .platform-title[data-v-45eb7bfa]:before {
        background-image: var(--352c7603);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        height: 0.1rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 0.59rem;
    }

    .platform
        .platform-row
        .platform-copy
        .platform-title[data-v-45eb7bfa]:before {
        left: 5%;
        transform: translateY(-50%) rotate(180deg);
    }

    .platform
        .platform-row
        .platform-copy
        .platform-title[data-v-45eb7bfa]:after {
        right: 5%;
    }

    .platform .platform-row .platform-copy .platform-desc[data-v-45eb7bfa] {
        font-size: 0.14rem;
        line-height: 0.24rem;
        margin-bottom: 0.24rem;
    }

    .platform .platform-row .platform-copy .view-more[data-v-45eb7bfa] {
        background: #fff;
        border: 0.02rem solid #e41e26;
        border-radius: 9.99rem;
        color: #e41e26;
        font-size: 0.16rem;
        font-weight: 600;
        height: 0.4rem;
        justify-content: center;
        margin: 0 auto 0.24rem;
        min-width: 1.18rem;
        padding: 0 0.1rem;
        text-align: center;
        transition: -webkit-filter 0.3s ease-in-out;
        transition: filter 0.3s ease-in-out;
        transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
    }

    .platform .platform-row .platform-copy .view-more[data-v-45eb7bfa]:hover {
        -webkit-filter: brightness(0.9);
        filter: brightness(0.9);
    }

    .platform
        .platform-row
        .platform-copy
        .view-more
        .arrow-icon[data-v-45eb7bfa] {
        display: none;
    }
}

.careers[data-v-14fc1f78] {
    height: 5rem;
}

.careers .careers-content[data-v-14fc1f78] {
    display: flex;
}

.careers .careers-content .careers-copy-container[data-v-14fc1f78] {
    border-bottom: 0.01rem solid #eee;
    display: flex;
    height: 5rem;
    justify-content: flex-end;
    padding-right: 0.6rem;
    width: 50%;
}

.careers .careers-content .careers-copy[data-v-14fc1f78] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    width: 5.6rem;
}

.careers .careers-content .careers-copy .careers-title[data-v-14fc1f78] {
    color: #16181a;
    font-size: 0.4rem;
    font-weight: 700;
    line-height: 0.54rem;
    margin-bottom: 0.16rem;
}

.careers .careers-content .careers-copy .careers-desc[data-v-14fc1f78] {
    color: rgba(117, 117, 117, 0.85);
    font-size: 0.16rem;
    line-height: 0.28rem;
    margin-bottom: 0.4rem;
}

.careers .careers-content .careers-copy .apply[data-v-14fc1f78] {
    background: linear-gradient(180deg, #f55, #f33939);
    border-radius: 1rem;
    color: #fff;
    cursor: pointer;
    font-size: 0.16rem;
    font-weight: 600;
    height: 0.48rem;
    line-height: 0.28rem;
    min-width: 1.79rem;
    padding: 0.05rem 0.1rem;
    text-align: center;
    transition: -webkit-filter 0.3s ease-in-out;
    transition: filter 0.3s ease-in-out;
    transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
}

.careers .careers-content .careers-copy .apply[data-v-14fc1f78]:hover {
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
}

.careers .careers-content .careers-banner[data-v-14fc1f78] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 1.2rem;
    padding-top: 0.86rem;
    width: 50%;
}

.careers .careers-content .careers-banner img[data-v-14fc1f78] {
    height: 2.96rem;
    width: 6.06rem;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .careers[data-v-14fc1f78] {
        height: 100%;
        margin-top: 0;
    }

    .careers .careers-content[data-v-14fc1f78] {
        flex-direction: column;
        padding: 0.4rem 0;
    }

    .careers .careers-content .careers-copy-container[data-v-14fc1f78] {
        border-bottom: none;
        height: auto;
        padding: 0 0.16rem;
        width: 100%;
    }

    .careers .careers-content .careers-copy[data-v-14fc1f78] {
        text-align: center;
        width: 100%;
    }

    .careers .careers-content .careers-copy .careers-title[data-v-14fc1f78] {
        font-size: 0.2rem;
        font-weight: 700;
        line-height: normal;
        margin: 0 auto 0.08rem;
        text-align: center;
    }

    .careers .careers-content .careers-copy .careers-desc[data-v-14fc1f78] {
        font-size: 0.14rem;
        line-height: 0.24rem;
        margin-bottom: 0.24rem;
    }

    .careers .careers-content .careers-copy .apply[data-v-14fc1f78] {
        align-items: center;
        background: #fff;
        border: 0.02rem solid #e41e26;
        border-radius: 9.99rem;
        color: #e41e26;
        display: flex;
        font-size: 0.16rem;
        height: 0.4rem;
        justify-content: center;
        margin: 0 auto 0.24rem;
        min-width: 1.31rem;
        padding: 0 0.1rem;
    }

    .careers .careers-content .careers-banner[data-v-14fc1f78] {
        align-items: center;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        justify-content: center;
        margin: 0 auto 0.24rem;
        padding: 0.24rem;
        width: 3.45rem;
    }

    .careers .careers-content .careers-banner img[data-v-14fc1f78] {
        height: auto;
        width: 100%;
    }
}

.home-main[data-v-72734f12] {
    height: 100%;
    position: relative;
    width: 100%;
}

.home-layout[data-v-d40f378b] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 60.57rem;
    left: -100px;
    margin: auto;
    opacity: 0.5;
    position: absolute;
    top: 1px;
    width: 20.2rem;
    z-index: -1;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .home-layout[data-v-d40f378b] {
        display: none;
    }
}

.home[data-v-d40f378b] {
    overflow-x: hidden;
}

.home .bg_02[data-v-d40f378b] {
    background-position: top;
    background-repeat: repeat-y;
    background-size: 100% 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0;
    width: 100%;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .home .bg_02[data-v-d40f378b] {
        padding: 1.66rem 0 0;
    }
}

/* Article/news page spacing */
.article-page .article-layout {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 0.24rem 0.4rem;
}

.article-page .article-main {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0.08rem;
    padding: 0.24rem;
    box-shadow: 0 0.12rem 0.24rem rgba(0, 0, 0, 0.04);
}

.article-page .article-maincontent {
    line-height: 1.7;
}

.article-page .article-maincontent p {
    margin: 0 0 0.18rem;
}