@font-face {
    font-family: DIN2014-Regular;
    /*savepage-font-display=swap*/
    src:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixRegular-cfff0.min.woff2*/
        url(/static/fonts/font_0.woff2) format("woff2"),
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixRegular-cdf40.min.woff*/
        url(/static/fonts/font_1.woff) format("woff")
}

@font-face {
    font-family: BRHendrix-Regular;
    /*savepage-font-display=swap*/
    src:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixRegular-cfff0.min.woff2*/
        url(/static/fonts/font_2.woff2) format("woff2"),
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixRegular-cdf40.min.woff*/
        url(/static/fonts/font_3.woff) format("woff")
}

@font-face {
    font-family: "BR Hendrix";
    /*savepage-font-display=swap*/
    src:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixRegular-cfff0.min.woff2*/
        url(/static/fonts/font_4.woff2) format("woff2"),
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixRegular-cdf40.min.woff*/
        url(/static/fonts/font_5.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: DIN2014-Demi;
    /*savepage-font-display=swap*/
    src:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixSemiBold-365ee.min.woff2*/
        url(/static/fonts/font_6.woff2) format("woff2"),
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixSemiBold-c99ba.min.woff*/
        url(/static/fonts/font_7.woff) format("woff")
}

@font-face {
    font-family: BRHendrix-SemiBold;
    /*savepage-font-display=swap*/
    src:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixSemiBold-365ee.min.woff2*/
        url(/static/fonts/font_8.woff2) format("woff2"),
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixSemiBold-c99ba.min.woff*/
        url(/static/fonts/font_9.woff) format("woff")
}

@font-face {
    font-family: "BR Hendrix";
    /*savepage-font-display=swap*/
    src:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixSemiBold-365ee.min.woff2*/
        url(/static/fonts/font_10.woff2) format("woff2"),
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixSemiBold-c99ba.min.woff*/
        url(/static/fonts/font_11.woff) format("woff");
    font-weight: 500 600;
    font-style: normal
}

@font-face {
    font-family: DIN2014-Bold;
    /*savepage-font-display=swap*/
    src:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixBold-2e261.min.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixBold-af1b9.min.woff*/
        url() format("woff")
}

@font-face {
    font-family: BRHendrix-Bold;
    /*savepage-font-display=swap*/
    src:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixBold-2e261.min.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixBold-af1b9.min.woff*/
        url() format("woff")
}

@font-face {
    font-family: "BR Hendrix";
    /*savepage-font-display=swap*/
    src:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixBold-2e261.min.woff2*/
        url() format("woff2"),
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/fonts/BRHendrixBold-af1b9.min.woff*/
        url() format("woff");
    font-weight: 700;
    font-style: normal
}

:root {
    --cs-site-font-regular: BR Hendrix, HelveticaNeue, Helvetica, sans-serif, -apple-system, system-ui;
    --cs-site-font-semi: BRHendrix-Semibold, HelveticaNeue-Bold, Helvetica-Bold, sans-serif, -apple-system, system-ui;
    --cs-site-font-bold: BRHendrix-Bold, HelveticaNeue-Bold, Helvetica-Bold, sans-serif, -apple-system, system-ui;
    --cs-site-font-br-regular: "BR Hendrix", "PingFangSC", "PingFangHK", "HelveticaNeue", sans-serif, Arial;
    --cs-site-font-br-semi: "BRHendrix-SemiBold", "PingFangSC", "PingFangHK", "HelveticaNeue", sans-serif, Arial;
    --cs-site-font-br-bold: "BRHendrix-Bold", "PingFangSC", "PingFangHK", "HelveticaNeue", sans-serif, Arial;
    --cs-site-font-hans-regular: PingFangSC-Regular, Microsoft YaHei, HelveticaNeue, Helvetica, sans-serif, -apple-system, system-ui;
    --cs-site-font-hans-semi: PingFangSC-Semibold, Microsoft YaHei Semibold, Microsoft YaHei Bold, Microsoft YaHei, HelveticaNeue-Bold, Helvetica-Bold, sans-serif, -apple-system, system-ui;
    --cs-site-font-hans-bold: PingFangSC-Semibold, Microsoft YaHei Semibold, Microsoft YaHei Bold, Microsoft YaHei, HelveticaNeue-Bold, Helvetica-Bold, sans-serif, -apple-system, system-ui;
    --cs-site-font-hant-regular: PingFangHK-Regular, Microsoft YaHei, HelveticaNeue, Helvetica, sans-serif, -apple-system, system-ui;
    --cs-site-font-hant-semi: PingFangHK-Semibold, Microsoft YaHei Semibold, Microsoft YaHei Bold, Microsoft YaHei, HelveticaNeue-Bold, Helvetica-Bold, sans-serif, -apple-system, system-ui;
    --cs-site-font-hant-bold: PingFangHK-Semibold, Microsoft YaHei Semibold, Microsoft YaHei Bold, Microsoft YaHei, HelveticaNeue-Bold, Helvetica-Bold, sans-serif, -apple-system, system-ui;
    --cs-site-font-en-regular: BR Hendrix, HelveticaNeue, Helvetica, sans-serif, -apple-system, system-ui;
    --cs-site-font-en-semi: BRHendrix-Semibold, HelveticaNeue-Bold, Helvetica-Bold, sans-serif, -apple-system, system-ui;
    --cs-site-font-en-bold: BRHendrix-Bold, HelveticaNeue-Bold, Helvetica-Bold, sans-serif, -apple-system, system-ui;
    --cs-site-font-ja: Hiragino Kaku Gothic ProN, Hiragino Sans, HelveticaNeue, sans-serif, Arial, Meiryo;
    --cs-site-font-ja-regular: Hiragino Kaku Gothic ProN, Hiragino Sans, HelveticaNeue, sans-serif, Arial, Meiryo;
    --cs-site-font-ja-semi: Hiragino Kaku Gothic ProN, Hiragino Sans, HelveticaNeue, sans-serif, Arial, Meiryo;
    --cs-site-font-ja-bold: Hiragino Kaku Gothic ProN, Hiragino Sans, HelveticaNeue, sans-serif, Arial, Meiryo
}

[data-v-f5342eeb] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-f5342eeb]::-webkit-credentials-auto-fill-button,
input[data-v-f5342eeb]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-f5342eeb],
h2[data-v-f5342eeb],
h3[data-v-f5342eeb],
h4[data-v-f5342eeb],
h5[data-v-f5342eeb],
h6[data-v-f5342eeb],
p[data-v-f5342eeb],
ul[data-v-f5342eeb],
li[data-v-f5342eeb] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-f5342eeb],
    body[data-v-f5342eeb] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.topBanner[data-v-f5342eeb] {
    position: relative;
    width: 100%;
    overflow: hidden
}

@media (max-width: 767px) and (max-width: 1919px) {
    .topBanner[data-v-f5342eeb], .topBanner[data-v-f5342eeb] .pc-adapt > * {
        height: 160vw!important
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .topBanner[data-v-f5342eeb], .topBanner[data-v-f5342eeb] .pc-adapt > * {
        height: 600px!important
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .topBanner[data-v-f5342eeb], .topBanner[data-v-f5342eeb] .pc-adapt > * {
        height: 28.125vw!important
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .topBanner[data-v-f5342eeb], .topBanner[data-v-f5342eeb] .pc-adapt > * {
        height: 288px!important
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .topBanner[data-v-f5342eeb], .topBanner[data-v-f5342eeb] .pc-adapt > * {
        height: 28.125vw!important
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .topBanner[data-v-f5342eeb], .topBanner[data-v-f5342eeb] .pc-adapt > * {
        height: 540px!important
    }
}

.topBanner .banner-slide[data-v-f5342eeb] {
    position: relative;
    width: 100%;
    height: 100%
}

.topBanner .banner-slide .banner-url[data-v-f5342eeb] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center
}

.topBanner .banner-slide .banner-url .banner-bg[data-v-f5342eeb] {
    width: auto;
    height: 100%;
    object-fit: cover
}

.topBanner .swiper-wrapper[data-v-f5342eeb] {
    position: relative
}

/* 
        .topBanner .swiper-slide[data-v-f5342eeb] {
            opacity: 0 !important;
            transition: opacity 1s ease
        } */

.topBanner .swiper-slide-active[data-v-f5342eeb] {
    opacity: 1 !important
}

.topBanner .slide-uninited[data-v-f5342eeb] {
    opacity: 1 !important;
    pointer-events: auto !important
}

.topBanner .swiper-slide[data-v-f5342eeb] {
    width: 100%;
    flex-shrink: 0
}

.topBanner .swiper-pagination-wrapper[data-v-f5342eeb] {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 10
}

@media (max-width: 767px) and (max-width: 1919px) {
    .topBanner .swiper-pagination-wrapper[data-v-f5342eeb] {
        height: 13.3333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .topBanner .swiper-pagination-wrapper[data-v-f5342eeb] {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .topBanner .swiper-pagination-wrapper[data-v-f5342eeb] {
        height: 6.4453vw;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .topBanner .swiper-pagination-wrapper[data-v-f5342eeb] {
        height: 66px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .topBanner .swiper-pagination-wrapper[data-v-f5342eeb] {
        height: 5.3125vw;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .topBanner .swiper-pagination-wrapper[data-v-f5342eeb] {
        height: 102px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] {
    position: absolute
}

@media (max-width: 767px) and (max-width: 1919px) {
    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] {
        bottom: 6.6667vw;
        max-width: 87.2vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] {
        bottom: 25px;
        max-width: 327px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] {
        bottom: 2.4414vw;
        max-width: 84.375vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] {
        bottom: 25px;
        max-width: 864px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] {
        bottom: 2.6042vw;
        max-width: 72.9167vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] {
        bottom: 50px;
        max-width: 1400px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {

    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] .progress-bars,
    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] .progress-texts {
        max-width: 87.2vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {

    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] .progress-bars,
    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] .progress-texts {
        max-width: 327px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {

    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] .progress-bars,
    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] .progress-texts {
        max-width: 84.375vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {

    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] .progress-bars,
    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] .progress-texts {
        max-width: 864px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {

    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] .progress-bars,
    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] .progress-texts {
        max-width: 72.9167vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {

    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] .progress-bars,
    .topBanner .swiper-pagination-wrapper .swiper-progress-container[data-v-f5342eeb] .progress-texts {
        max-width: 1400px
    }
}

.topBanner .banner1-wrapper[data-v-f5342eeb] {
    position: relative;
    background-color: var(--pseudo-bg-color, #000)
}

.topBanner .banner1-wrapper .video[data-v-f5342eeb] {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.topBanner .banner1-wrapper .banner-content[data-v-f5342eeb] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.topBanner .banner1-wrapper .banner-content .banner-center-part[data-v-f5342eeb] {
    width: 100%;
    max-width: 1920px
}

@media (max-width: 767px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .banner-center-part[data-v-f5342eeb] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .banner-center-part[data-v-f5342eeb] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .banner-center-part[data-v-f5342eeb] {
        max-width: 84.375vw;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .banner-center-part[data-v-f5342eeb] {
        max-width: 864px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .banner-center-part[data-v-f5342eeb] {
        padding-top: 2.0833vw;
        padding-left: 13.5417vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .banner-center-part[data-v-f5342eeb] {
        padding-top: 40px;
        padding-left: 260px
    }
}

.topBanner .banner1-wrapper .banner-content .banner-title[data-v-f5342eeb] {
    font-weight: 600;
    margin: 0;
    color: #fff
}

@media (max-width: 767px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .banner-title[data-v-f5342eeb] {
        line-height: 1.4;
        font-size: 10.6667vw;
        margin-top: 7.7333vw;
        text-align: center
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .banner-title[data-v-f5342eeb] {
        line-height: 1.4;
        font-size: 40px;
        margin-top: 29px;
        text-align: center
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .banner-title[data-v-f5342eeb] {
        font-size: 3.5352vw;
        line-height: 1.4
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .banner-title[data-v-f5342eeb] {
        font-size: 36.2px;
        line-height: 1.4
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .banner-title[data-v-f5342eeb] {
        font-size: 2.7083vw;
        line-height: 1.3
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .banner-title[data-v-f5342eeb] {
        font-size: 52px;
        line-height: 1.3
    }
}

.topBanner .banner1-wrapper .banner-content .banner-title[data-v-f5342eeb] img {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

@media (max-width: 767px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .banner-title[data-v-f5342eeb] img {
        width: 13.8667vw;
        height: 7.2vw;
        margin-left: .8vw;
        margin-bottom: .8vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .banner-title[data-v-f5342eeb] img {
        width: 52px;
        height: 27px;
        margin-left: 3px;
        margin-bottom: 3px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .banner-title[data-v-f5342eeb] img {
        width: 6.3965vw;
        height: 3.2227vw;
        margin-left: .7813vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .banner-title[data-v-f5342eeb] img {
        width: 65.5px;
        height: 33px;
        margin-left: 8px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .banner-title[data-v-f5342eeb] img {
        width: 6.4062vw;
        height: 3.2292vw;
        margin-left: .8333vw;
        margin-bottom: .2083vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .banner-title[data-v-f5342eeb] img {
        width: 123px;
        height: 62px;
        margin-left: 16px;
        margin-bottom: 4px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .en[data-v-f5342eeb] {
        line-height: 1.4;
        font-size: 7.4667vw;
        margin-top: 7.7333vw;
        text-align: center
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .en[data-v-f5342eeb] {
        line-height: 1.4;
        font-size: 28px;
        margin-top: 29px;
        text-align: center
    }
}

.topBanner .banner1-wrapper .banner-content .logo-wrapper[data-v-f5342eeb] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

@media (max-width: 767px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper[data-v-f5342eeb] {
        margin-top: 3.2vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper[data-v-f5342eeb] {
        margin-top: 12px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper[data-v-f5342eeb] {
        margin-top: .9766vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper[data-v-f5342eeb] {
        margin-top: 10px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper[data-v-f5342eeb] {
        margin-top: .5208vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper[data-v-f5342eeb] {
        margin-top: 10px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper .logo-bg[data-v-f5342eeb] {
        width: 20.2667vw;
        height: 18.4vw;
        object-fit: cover;
        margin-right: 2.1333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper .logo-bg[data-v-f5342eeb] {
        width: 76px;
        height: 69px;
        object-fit: cover;
        margin-right: 8px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper .logo-bg[data-v-f5342eeb] {
        width: 6.7666vw;
        height: 5.9473vw;
        object-fit: cover;
        margin-right: 1.0938vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper .logo-bg[data-v-f5342eeb] {
        width: 69.29px;
        height: 60.9px;
        object-fit: cover;
        margin-right: 11.2px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper .logo-bg[data-v-f5342eeb] {
        width: 6.7708vw;
        height: 5.9536vw;
        object-fit: cover;
        margin-right: 1.0938vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper .logo-bg[data-v-f5342eeb] {
        width: 130px;
        height: 114.31px;
        object-fit: cover;
        margin-right: 21px
    }
}

.topBanner .banner1-wrapper .banner-content .logo-wrapper .logo-bg[data-v-f5342eeb]:last-child {
    margin-right: 0
}

@media (max-width: 767px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper .logo3-bg[data-v-f5342eeb] {
        width: 20.2667vw;
        height: 18.4vw;
        object-fit: cover;
        margin-right: 2.1333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper .logo3-bg[data-v-f5342eeb] {
        width: 76px;
        height: 69px;
        object-fit: cover;
        margin-right: 8px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper .logo3-bg[data-v-f5342eeb] {
        width: 6.7666vw;
        height: 6.6777vw;
        object-fit: cover;
        margin-right: 1.0938vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper .logo3-bg[data-v-f5342eeb] {
        width: 69.29px;
        height: 68.38px;
        object-fit: cover;
        margin-right: 11.2px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper .logo3-bg[data-v-f5342eeb] {
        width: 6.7708vw;
        height: 6.6828vw;
        object-fit: cover;
        margin-right: 1.0938vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .logo-wrapper .logo3-bg[data-v-f5342eeb] {
        width: 130px;
        height: 128.31px;
        object-fit: cover;
        margin-right: 21px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {

    .topBanner .banner1-wrapper .banner-content .zh .logo3-bg[data-v-f5342eeb],
    .topBanner .banner1-wrapper .banner-content .hk .logo3-bg[data-v-f5342eeb] {
        width: 6.7708vw;
        height: 5.9536vw;
        object-fit: cover;
        margin-right: 1.0938vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {

    .topBanner .banner1-wrapper .banner-content .zh .logo3-bg[data-v-f5342eeb],
    .topBanner .banner1-wrapper .banner-content .hk .logo3-bg[data-v-f5342eeb] {
        width: 130px;
        height: 114.31px;
        object-fit: cover;
        margin-right: 21px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper[data-v-f5342eeb] {
        margin-top: 72vw;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper[data-v-f5342eeb] {
        margin-top: 270px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper[data-v-f5342eeb] {
        margin-top: 2.2266vw;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper[data-v-f5342eeb] {
        margin-top: 22.8px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper[data-v-f5342eeb] {
        margin-top: 1.25vw;
        display: flex;
        align-items: center
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper[data-v-f5342eeb] {
        margin-top: 24px;
        display: flex;
        align-items: center
    }
}

.topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .cta-wrapper[data-v-f5342eeb] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .cta-wrapper .cta-button[data-v-f5342eeb] .cta-btn-guide-box {
    width: auto
}

@media (max-width: 767px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .cta-wrapper .cta-button[data-v-f5342eeb] .cta-btn-guide-box .cta-btn {
        width: 58.6667vw;
        height: 12vw;
        font-size: 4vw;
        line-height: 12vw;
        font-weight: 600
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .cta-wrapper .cta-button[data-v-f5342eeb] .cta-btn-guide-box .cta-btn {
        width: 220px;
        height: 45px;
        font-size: 15px;
        line-height: 45px;
        font-weight: 600
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .cta-wrapper .cta-button[data-v-f5342eeb] .cta-btn-guide-box .cta-btn {
        width: 14.5703vw;
        height: 3.123vw;
        font-size: 1.1426vw;
        line-height: 3.123vw;
        font-weight: 600
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .cta-wrapper .cta-button[data-v-f5342eeb] .cta-btn-guide-box .cta-btn {
        width: 149.2px;
        height: 31.98px;
        font-size: 11.7px;
        line-height: 31.98px;
        font-weight: 600
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .cta-wrapper .cta-button[data-v-f5342eeb] .cta-btn-guide-box .cta-btn {
        width: 14.5833vw;
        height: 3.125vw;
        font-size: 1.1458vw;
        line-height: 3.125vw;
        font-weight: 600
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .cta-wrapper .cta-button[data-v-f5342eeb] .cta-btn-guide-box .cta-btn {
        width: 280px;
        height: 60px;
        font-size: 22px;
        line-height: 60px;
        font-weight: 600
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .cta-wrapper .cta-button[data-v-f5342eeb] .cta-btn-guide-box .cta-btn-hover {
        bottom: 125%;
        top: auto
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .cta-wrapper .cta-button[data-v-f5342eeb] .cta-btn-guide-box .cta-btn-hover {
        bottom: 125%;
        top: auto
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .cta-wrapper .cta-button[data-v-f5342eeb] .cta-btn-guide-box .cta-btn-hover {
        bottom: 125%;
        top: auto
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .cta-wrapper .cta-button[data-v-f5342eeb] .cta-btn-guide-box .cta-btn-hover {
        bottom: 125%;
        top: auto
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure[data-v-f5342eeb] {
        margin-top: 2.6667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure[data-v-f5342eeb] {
        margin-top: 10px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure[data-v-f5342eeb] {
        margin-top: .7227vw;
        margin-left: .7227vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure[data-v-f5342eeb] {
        margin-top: 7.4px;
        margin-left: 7.4px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure[data-v-f5342eeb] {
        margin-left: 1.1458vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure[data-v-f5342eeb] {
        margin-left: 22px
    }
}

.topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .comment-oneline-part2-wrapper[data-v-f5342eeb] {
    display: flex
}

@media (max-width: 767px) and (max-width: 1919px) {

    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .comment-oneline-part1[data-v-f5342eeb],
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .comment-oneline-part2[data-v-f5342eeb],
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .disclosure-btn-oneline[data-v-f5342eeb] {
        color: #666;
        font-weight: 400;
        font-size: 2.9333vw;
        line-height: 1.2
    }
}

@media (max-width: 767px) and (min-width: 1920px) {

    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .comment-oneline-part1[data-v-f5342eeb],
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .comment-oneline-part2[data-v-f5342eeb],
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .disclosure-btn-oneline[data-v-f5342eeb] {
        color: #666;
        font-weight: 400;
        font-size: 11px;
        line-height: 1.2
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {

    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .comment-oneline-part1[data-v-f5342eeb],
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .comment-oneline-part2[data-v-f5342eeb],
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .disclosure-btn-oneline[data-v-f5342eeb] {
        color: #666;
        font-weight: 400;
        font-size: .7227vw;
        line-height: 1.2;
        margin-left: .4883vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {

    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .comment-oneline-part1[data-v-f5342eeb],
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .comment-oneline-part2[data-v-f5342eeb],
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .disclosure-btn-oneline[data-v-f5342eeb] {
        color: #666;
        font-weight: 400;
        font-size: 7.4px;
        line-height: 1.2;
        margin-left: 5px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {

    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .comment-oneline-part1[data-v-f5342eeb],
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .comment-oneline-part2[data-v-f5342eeb],
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .disclosure-btn-oneline[data-v-f5342eeb] {
        color: #666;
        font-weight: 400;
        font-size: .7292vw;
        line-height: 1.2
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {

    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .comment-oneline-part1[data-v-f5342eeb],
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .comment-oneline-part2[data-v-f5342eeb],
    .topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .disclosure-btn-oneline[data-v-f5342eeb] {
        color: #666;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.2
    }
}

.topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .comment-oneline-part1[data-v-f5342eeb] a,
.topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .comment-oneline-part2[data-v-f5342eeb] a,
.topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .disclosure-btn-oneline[data-v-f5342eeb] a {
    color: #666;
    text-decoration: underline
}

.topBanner .banner1-wrapper .banner-content .buttonAndText-wrapper .comment-disclosure .disclosure-btn-oneline[data-v-f5342eeb] {
    cursor: pointer;
    text-decoration: underline
}

@media (max-width: 767px) and (max-width: 1919px) {

    .topBanner .banner1-wrapper .zh .buttonAndText-wrapper[data-v-f5342eeb],
    .topBanner .banner1-wrapper .hk .buttonAndText-wrapper[data-v-f5342eeb] {
        margin-top: 64.5333vw;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column
    }
}

@media (max-width: 767px) and (min-width: 1920px) {

    .topBanner .banner1-wrapper .zh .buttonAndText-wrapper[data-v-f5342eeb],
    .topBanner .banner1-wrapper .hk .buttonAndText-wrapper[data-v-f5342eeb] {
        margin-top: 242px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column
    }
}

.topBanner .banner-opt-wrapper .banner-url[data-v-f5342eeb] {
    cursor: pointer
}

[data-v-b85ca105] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-b85ca105]::-webkit-credentials-auto-fill-button,
input[data-v-b85ca105]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-b85ca105],
h2[data-v-b85ca105],
h3[data-v-b85ca105],
h4[data-v-b85ca105],
h5[data-v-b85ca105],
h6[data-v-b85ca105],
p[data-v-b85ca105],
ul[data-v-b85ca105],
li[data-v-b85ca105] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-b85ca105],
    body[data-v-b85ca105] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.module-anchor[data-v-b85ca105] {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-anchor[data-v-b85ca105] {
        padding-top: 8vw;
        padding-bottom: 5.3333vw;
        flex-wrap: wrap
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-anchor[data-v-b85ca105] {
        padding-top: 30px;
        padding-bottom: 20px;
        flex-wrap: wrap
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .module-anchor[data-v-b85ca105] {
        padding-top: 2.9297vw;
        padding-bottom: 1.9531vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .module-anchor[data-v-b85ca105] {
        padding-top: 30px;
        padding-bottom: 20px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .module-anchor[data-v-b85ca105] {
        padding-top: 2.0833vw;
        padding-bottom: 1.0417vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .module-anchor[data-v-b85ca105] {
        padding-top: 40px;
        padding-bottom: 20px
    }
}

.module-anchor .anchor-item-wrapper[data-v-b85ca105] {
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-anchor .anchor-item-wrapper[data-v-b85ca105] {
        width: 42.4vw;
        height: 21.3333vw;
        border-radius: 1.3333vw;
        border-style: solid;
        border-width: .2667vw;
        border-color: #d0d0d0;
        flex-direction: column;
        justify-content: flex-start;
        margin-right: 2.4vw;
        margin-bottom: 2.6667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-anchor .anchor-item-wrapper[data-v-b85ca105] {
        width: 159px;
        height: 80px;
        border-radius: 5px;
        border-style: solid;
        border-width: 1px;
        border-color: #d0d0d0;
        flex-direction: column;
        justify-content: flex-start;
        margin-right: 9px;
        margin-bottom: 10px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .module-anchor .anchor-item-wrapper[data-v-b85ca105] {
        width: 19.6289vw;
        height: 4.8828vw;
        border-radius: .4883vw;
        border-style: solid;
        border-width: .0488vw;
        border-color: #444;
        margin-right: 1.9531vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .module-anchor .anchor-item-wrapper[data-v-b85ca105] {
        width: 201px;
        height: 50px;
        border-radius: 5px;
        border-style: solid;
        border-width: .5px;
        border-color: #444;
        margin-right: 20px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .module-anchor .anchor-item-wrapper[data-v-b85ca105] {
        width: 16.6667vw;
        height: 3.125vw;
        border-radius: .5208vw;
        border-style: solid;
        border-width: .026vw;
        border-color: #d0d0d0;
        margin-right: 2.0833vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .module-anchor .anchor-item-wrapper[data-v-b85ca105] {
        width: 320px;
        height: 60px;
        border-radius: 10px;
        border-style: solid;
        border-width: .5px;
        border-color: #d0d0d0;
        margin-right: 40px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-anchor .anchor-item-wrapper .anchor-icon[data-v-b85ca105] {
        width: 6.4vw;
        height: 6.4vw;
        margin-top: 3.7333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-anchor .anchor-item-wrapper .anchor-icon[data-v-b85ca105] {
        width: 24px;
        height: 24px;
        margin-top: 14px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .module-anchor .anchor-item-wrapper .anchor-icon[data-v-b85ca105] {
        width: 2.3438vw;
        height: 2.3438vw;
        margin-left: .7813vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .module-anchor .anchor-item-wrapper .anchor-icon[data-v-b85ca105] {
        width: 24px;
        height: 24px;
        margin-left: 8px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .module-anchor .anchor-item-wrapper .anchor-icon[data-v-b85ca105] {
        width: 1.3542vw;
        height: 1.3542vw;
        margin-left: .8333vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .module-anchor .anchor-item-wrapper .anchor-icon[data-v-b85ca105] {
        width: 26px;
        height: 26px;
        margin-left: 16px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-anchor .anchor-item-wrapper .anchor-title[data-v-b85ca105] {
        font-weight: 400;
        font-size: 4vw;
        line-height: 120%;
        margin-top: 2.1333vw;
        text-align: center
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-anchor .anchor-item-wrapper .anchor-title[data-v-b85ca105] {
        font-weight: 400;
        font-size: 15px;
        line-height: 120%;
        margin-top: 8px;
        text-align: center
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .module-anchor .anchor-item-wrapper .anchor-title[data-v-b85ca105] {
        font-weight: 400;
        font-size: 1.4648vw;
        line-height: 120%;
        width: 13.1836vw;
        margin-left: .7813vw;
        text-align: left
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .module-anchor .anchor-item-wrapper .anchor-title[data-v-b85ca105] {
        font-weight: 400;
        font-size: 15px;
        line-height: 120%;
        width: 135px;
        margin-left: 8px;
        text-align: left
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .module-anchor .anchor-item-wrapper .anchor-title[data-v-b85ca105] {
        font-weight: 400;
        font-size: 1.0417vw;
        line-height: 120%;
        width: 12.6042vw;
        margin-left: .8333vw;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .module-anchor .anchor-item-wrapper .anchor-title[data-v-b85ca105] {
        font-weight: 400;
        font-size: 20px;
        line-height: 120%;
        width: 242px;
        margin-left: 16px;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-anchor .anchor-item-wrapper .en[data-v-b85ca105] {
        font-size: 3.7333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-anchor .anchor-item-wrapper .en[data-v-b85ca105] {
        font-size: 14px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-anchor .anchor-item-wrapper .en[data-v-b85ca105] :nth-child(3) {
        font-weight: 400;
        font-size: 2.9333vw;
        line-height: 120%;
        margin-top: 2.1333vw;
        text-align: center
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-anchor .anchor-item-wrapper .en[data-v-b85ca105] :nth-child(3) {
        font-weight: 400;
        font-size: 11px;
        line-height: 120%;
        margin-top: 8px;
        text-align: center
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-anchor .anchor-item-wrapper .anchor-arrow[data-v-b85ca105] {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-anchor .anchor-item-wrapper .anchor-arrow[data-v-b85ca105] {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .module-anchor .anchor-item-wrapper .anchor-arrow[data-v-b85ca105] {
        width: 1.5625vw;
        height: 1.5625vw;
        margin-right: .9766vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .module-anchor .anchor-item-wrapper .anchor-arrow[data-v-b85ca105] {
        width: 16px;
        height: 16px;
        margin-right: 10px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .module-anchor .anchor-item-wrapper .anchor-arrow[data-v-b85ca105] {
        width: .8333vw;
        height: .8333vw;
        margin-right: 1.0417vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .module-anchor .anchor-item-wrapper .anchor-arrow[data-v-b85ca105] {
        width: 16px;
        height: 16px;
        margin-right: 20px
    }
}

.module-anchor[data-v-b85ca105] :last-child {
    margin-right: 0
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-anchor[data-v-b85ca105] :nth-child(2) {
        margin-right: 0vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-anchor[data-v-b85ca105] :nth-child(2) {
        margin-right: 0
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .module-anchor[data-v-b85ca105] :hover {
        border-color: #444;
        cursor: pointer
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .module-anchor[data-v-b85ca105] :hover {
        border-color: #444;
        cursor: pointer
    }
}

[data-v-2e7fff94] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-2e7fff94]::-webkit-credentials-auto-fill-button,
input[data-v-2e7fff94]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-2e7fff94],
h2[data-v-2e7fff94],
h3[data-v-2e7fff94],
h4[data-v-2e7fff94],
h5[data-v-2e7fff94],
h6[data-v-2e7fff94],
p[data-v-2e7fff94],
ul[data-v-2e7fff94],
li[data-v-2e7fff94] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-2e7fff94],
    body[data-v-2e7fff94] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.component-whats-news[data-v-2e7fff94] {
    position: relative
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-whats-news[data-v-2e7fff94] {
        padding-top: 16vw;
        padding-bottom: 21.3333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-whats-news[data-v-2e7fff94] {
        padding-top: 60px;
        padding-bottom: 80px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-whats-news[data-v-2e7fff94] {
        padding-top: 3.9063vw;
        padding-bottom: 9.7656vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-whats-news[data-v-2e7fff94] {
        padding-top: 40px;
        padding-bottom: 100px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-whats-news[data-v-2e7fff94] {
        padding-top: 5.2083vw;
        padding-bottom: 8.3333vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-whats-news[data-v-2e7fff94] {
        padding-top: 100px;
        padding-bottom: 160px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-whats-news>.title[data-v-2e7fff94] {
        margin-bottom: 8vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-whats-news>.title[data-v-2e7fff94] {
        margin-bottom: 30px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-whats-news>.title[data-v-2e7fff94] {
        margin-bottom: 2.9297vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-whats-news>.title[data-v-2e7fff94] {
        margin-bottom: 30px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-whats-news>.title[data-v-2e7fff94] {
        margin-bottom: 2.6042vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-whats-news>.title[data-v-2e7fff94] {
        margin-bottom: 50px
    }
}

.component-whats-news .whats-news-list[data-v-2e7fff94] {
    overflow: hidden
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list[data-v-2e7fff94] {
        padding-bottom: 13.3333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list[data-v-2e7fff94] {
        padding-bottom: 50px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .swiper-wrapper[data-v-2e7fff94] {
        margin-left: 6.4vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .swiper-wrapper[data-v-2e7fff94] {
        margin-left: 24px
    }
}

.component-whats-news .whats-news-list .whats-news-item[data-v-2e7fff94] {
    display: flex;
    flex-direction: column
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item[data-v-2e7fff94] {
        width: 84.5333vw;
        margin-right: 4.8vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item[data-v-2e7fff94] {
        width: 317px;
        margin-right: 18px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item[data-v-2e7fff94] {
        width: 26.8555vw;
        margin-right: 1.9531vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item[data-v-2e7fff94] {
        width: 275px;
        margin-right: 20px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item[data-v-2e7fff94] {
        width: 22.9167vw;
        margin-right: 2.0833vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item[data-v-2e7fff94] {
        width: 440px;
        margin-right: 40px
    }
}

.component-whats-news .whats-news-list .whats-news-item[data-v-2e7fff94]:last-child {
    margin-right: 0
}

.component-whats-news .whats-news-list .whats-news-item .image-wrapper[data-v-2e7fff94] {
    cursor: pointer;
    width: fit-content;
    height: fit-content;
    overflow: hidden
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .image-wrapper[data-v-2e7fff94] {
        border-radius: 2.9333vw;
        width: 84.5333vw;
        height: 84.5333vw;
        margin-bottom: 5.3333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .image-wrapper[data-v-2e7fff94] {
        border-radius: 11px;
        width: 317px;
        height: 317px;
        margin-bottom: 20px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .image-wrapper[data-v-2e7fff94] {
        border-radius: .9766vw;
        width: 26.8555vw;
        height: 26.8555vw;
        margin-bottom: 1.9531vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .image-wrapper[data-v-2e7fff94] {
        border-radius: 10px;
        width: 275px;
        height: 275px;
        margin-bottom: 20px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .image-wrapper[data-v-2e7fff94] {
        border-radius: .8333vw;
        width: 22.9167vw;
        height: 22.9167vw;
        margin-bottom: 1.0417vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .image-wrapper[data-v-2e7fff94] {
        border-radius: 16px;
        width: 440px;
        height: 440px;
        margin-bottom: 20px
    }
}

.component-whats-news .whats-news-list .whats-news-item .image-wrapper .image[data-v-2e7fff94] {
    object-fit: contain;
    transition: transform .4s
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .image-wrapper .image[data-v-2e7fff94] {
        width: 84.5333vw;
        height: 84.5333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .image-wrapper .image[data-v-2e7fff94] {
        width: 317px;
        height: 317px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .image-wrapper .image[data-v-2e7fff94] {
        width: 26.8555vw;
        height: 26.8555vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .image-wrapper .image[data-v-2e7fff94] {
        width: 275px;
        height: 275px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .image-wrapper .image[data-v-2e7fff94] {
        width: 22.9167vw;
        height: 22.9167vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .image-wrapper .image[data-v-2e7fff94] {
        width: 440px;
        height: 440px
    }
}

.component-whats-news .whats-news-list .whats-news-item .image-wrapper .image[data-v-2e7fff94]:hover {
    transform: scale(1.05)
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .title[data-v-2e7fff94] {
        height: fit-content
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .title[data-v-2e7fff94] {
        height: fit-content
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .title[data-v-2e7fff94] {
        height: 4.6875vw;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .title[data-v-2e7fff94] {
        height: 48px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .title[data-v-2e7fff94] {
        height: 3.9583vw;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .title[data-v-2e7fff94] {
        height: 76px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

.component-whats-news .whats-news-list .whats-news-item .description[data-v-2e7fff94] {
    line-height: 1.2
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .description[data-v-2e7fff94] {
        font-size: 4vw;
        margin-top: 4.2667vw;
        margin-bottom: 4.2667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .description[data-v-2e7fff94] {
        font-size: 15px;
        margin-top: 16px;
        margin-bottom: 16px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .description[data-v-2e7fff94] {
        font-size: 1.4648vw;
        margin-top: 1.0742vw;
        height: 5.8594vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .description[data-v-2e7fff94] {
        font-size: 15px;
        margin-top: 11px;
        height: 60px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .description[data-v-2e7fff94] {
        font-size: 1.0417vw;
        margin-top: .8333vw;
        height: 4.1667vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .description[data-v-2e7fff94] {
        font-size: 20px;
        margin-top: 16px;
        height: 80px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .description[data-v-2e7fff94] sup {
        top: -.5333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .description[data-v-2e7fff94] sup {
        top: -2px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .description[data-v-2e7fff94] sup {
        top: -.0977vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .description[data-v-2e7fff94] sup {
        top: -1px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .description[data-v-2e7fff94] sup {
        top: -.1563vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .description[data-v-2e7fff94] sup {
        top: -3px
    }
}

.component-whats-news .whats-news-list .whats-news-item .learn-more[data-v-2e7fff94] {
    color: #ff6900;
    text-decoration: underline
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .learn-more[data-v-2e7fff94] {
        font-size: 4vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .learn-more[data-v-2e7fff94] {
        font-size: 15px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .learn-more[data-v-2e7fff94] {
        font-size: 1.4648vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .learn-more[data-v-2e7fff94] {
        font-size: 15px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .learn-more[data-v-2e7fff94] {
        font-size: 1.0417vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .learn-more[data-v-2e7fff94] {
        font-size: 20px
    }
}

.component-whats-news .whats-news-list .whats-news-item .tip[data-v-2e7fff94] {
    color: #8888
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .tip[data-v-2e7fff94] {
        font-size: 3.2vw;
        margin-top: 3.7333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .tip[data-v-2e7fff94] {
        font-size: 12px;
        margin-top: 14px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .tip[data-v-2e7fff94] {
        font-size: 1.1719vw;
        margin-top: 1.3672vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .tip[data-v-2e7fff94] {
        font-size: 12px;
        margin-top: 14px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .tip[data-v-2e7fff94] {
        font-size: .7292vw;
        margin-top: .8333vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .tip[data-v-2e7fff94] {
        font-size: 14px;
        margin-top: 16px
    }
}

.component-whats-news .whats-news-list .whats-news-item .comment[data-v-2e7fff94] {
    color: #8888
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .comment[data-v-2e7fff94] {
        font-size: 3.2vw;
        margin-top: 3.7333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .comment[data-v-2e7fff94] {
        font-size: 12px;
        margin-top: 14px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .comment[data-v-2e7fff94] {
        font-size: 1.1719vw;
        margin-top: 1.3672vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .comment[data-v-2e7fff94] {
        font-size: 12px;
        margin-top: 14px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-whats-news .whats-news-list .whats-news-item .comment[data-v-2e7fff94] {
        font-size: .7292vw;
        margin-top: .8333vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-whats-news .whats-news-list .whats-news-item .comment[data-v-2e7fff94] {
        font-size: 14px;
        margin-top: 16px
    }
}

.component-whats-news .whats-news-list .whats-news-item .comment[data-v-2e7fff94] .show-disclosure {
    text-decoration: underline;
    cursor: pointer
}

.component-whats-news .whats-news-list .whats-news-item .comment[data-v-2e7fff94] .link {
    color: #9a9a9a;
    text-decoration: underline
}

.component-whats-news .swiper-button-prev[data-v-2e7fff94],
.component-whats-news .swiper-button-next[data-v-2e7fff94] {
    border-radius: 50%
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {

    .component-whats-news .swiper-button-prev[data-v-2e7fff94],
    .component-whats-news .swiper-button-next[data-v-2e7fff94] {
        height: 3.7109vw;
        width: 3.7109vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {

    .component-whats-news .swiper-button-prev[data-v-2e7fff94],
    .component-whats-news .swiper-button-next[data-v-2e7fff94] {
        height: 38px;
        width: 38px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {

    .component-whats-news .swiper-button-prev[data-v-2e7fff94],
    .component-whats-news .swiper-button-next[data-v-2e7fff94] {
        height: 3.0208vw;
        width: 3.0208vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {

    .component-whats-news .swiper-button-prev[data-v-2e7fff94],
    .component-whats-news .swiper-button-next[data-v-2e7fff94] {
        height: 58px;
        width: 58px
    }
}

.component-whats-news .swiper-button-prev[data-v-2e7fff94]:after,
.component-whats-news .swiper-button-next[data-v-2e7fff94]:after {
    display: none
}

.component-whats-news .swiper-button-prev .icon[data-v-2e7fff94],
.component-whats-news .swiper-button-next .icon[data-v-2e7fff94] {
    display: block;
    mask:
        /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/right-1982a915.svg*/
        var(--savepage-url-49) no-repeat center center;
    -webkit-mask-size: 100% 96%;
    mask-size: 100% 96%;
    background-color: #0f1112
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {

    .component-whats-news .swiper-button-prev .icon[data-v-2e7fff94],
    .component-whats-news .swiper-button-next .icon[data-v-2e7fff94] {
        width: 3.7109vw;
        height: 3.7109vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {

    .component-whats-news .swiper-button-prev .icon[data-v-2e7fff94],
    .component-whats-news .swiper-button-next .icon[data-v-2e7fff94] {
        width: 38px;
        height: 38px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {

    .component-whats-news .swiper-button-prev .icon[data-v-2e7fff94],
    .component-whats-news .swiper-button-next .icon[data-v-2e7fff94] {
        width: 3.0208vw;
        height: 3.0208vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {

    .component-whats-news .swiper-button-prev .icon[data-v-2e7fff94],
    .component-whats-news .swiper-button-next .icon[data-v-2e7fff94] {
        width: 58px;
        height: 58px
    }
}

.component-whats-news .swiper-button-prev[data-v-2e7fff94]:hover,
.component-whats-news .swiper-button-next[data-v-2e7fff94]:hover {
    background-color: #ff6900
}

.component-whats-news .swiper-button-prev:hover .icon[data-v-2e7fff94],
.component-whats-news .swiper-button-next:hover .icon[data-v-2e7fff94] {
    filter: invert(100%)
}

.component-whats-news .swiper-button-prev .icon[data-v-2e7fff94] {
    transform: rotate(180deg)
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-whats-news .swiper-button-prev[data-v-2e7fff94] {
        top: 24.4141vw;
        left: -1.6602vw;
        transform: translate(-100%)
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-whats-news .swiper-button-prev[data-v-2e7fff94] {
        top: 250px;
        left: -17px;
        transform: translate(-100%)
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-whats-news .swiper-button-prev[data-v-2e7fff94] {
        top: 21.25vw;
        left: -1.1458vw;
        transform: translate(-100%)
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-whats-news .swiper-button-prev[data-v-2e7fff94] {
        top: 408px;
        left: -22px;
        transform: translate(-100%)
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-whats-news .swiper-button-next[data-v-2e7fff94] {
        top: 24.4141vw;
        right: -1.6602vw;
        transform: translate(100%)
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-whats-news .swiper-button-next[data-v-2e7fff94] {
        top: 250px;
        right: -17px;
        transform: translate(100%)
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-whats-news .swiper-button-next[data-v-2e7fff94] {
        top: 21.25vw;
        right: -1.1458vw;
        transform: translate(100%)
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-whats-news .swiper-button-next[data-v-2e7fff94] {
        top: 408px;
        right: -22px;
        transform: translate(100%)
    }
}

.component-whats-news-pagination[data-v-2e7fff94] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-whats-news-pagination[data-v-2e7fff94] {
        bottom: 24vw !important;
        height: 2.6667vw;
        gap: 3.7333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-whats-news-pagination[data-v-2e7fff94] {
        bottom: 90px !important;
        height: 10px;
        gap: 14px
    }
}

.component-whats-news-pagination[data-v-2e7fff94] .swiper-pagination-bullet {
    display: inline-block;
    background-color: #434855;
    opacity: .3;
    border-radius: 50%
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-whats-news-pagination[data-v-2e7fff94] .swiper-pagination-bullet {
        width: 2.6667vw;
        height: 2.6667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-whats-news-pagination[data-v-2e7fff94] .swiper-pagination-bullet {
        width: 10px;
        height: 10px
    }
}

.component-whats-news-pagination[data-v-2e7fff94] .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #ff6900;
    opacity: 1
}

[data-v-ee2b2f38] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-ee2b2f38]::-webkit-credentials-auto-fill-button,
input[data-v-ee2b2f38]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-ee2b2f38],
h2[data-v-ee2b2f38],
h3[data-v-ee2b2f38],
h4[data-v-ee2b2f38],
h5[data-v-ee2b2f38],
h6[data-v-ee2b2f38],
p[data-v-ee2b2f38],
ul[data-v-ee2b2f38],
li[data-v-ee2b2f38] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-ee2b2f38],
    body[data-v-ee2b2f38] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    [data-v-ee2b2f38] .component-whats-news {
        padding-bottom: 3.6133vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    [data-v-ee2b2f38] .component-whats-news {
        padding-bottom: 37px
    }
}

[data-v-03ebeb54] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-03ebeb54]::-webkit-credentials-auto-fill-button,
input[data-v-03ebeb54]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-03ebeb54],
h2[data-v-03ebeb54],
h3[data-v-03ebeb54],
h4[data-v-03ebeb54],
h5[data-v-03ebeb54],
h6[data-v-03ebeb54],
p[data-v-03ebeb54],
ul[data-v-03ebeb54],
li[data-v-03ebeb54] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-03ebeb54],
    body[data-v-03ebeb54] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.component-why-moo[data-v-03ebeb54] {
    position: relative
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo[data-v-03ebeb54] {
        width: 72.9167vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo[data-v-03ebeb54] {
        width: 1400px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-why-moo[data-v-03ebeb54] {
        width: 84.4727vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-why-moo[data-v-03ebeb54] {
        width: 865px
    }
}

.component-why-moo .all-reasons-wrap[data-v-03ebeb54] {
    display: flex;
    align-items: stretch
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap[data-v-03ebeb54] {
        gap: 2.0833vw;
        padding-top: 2.0833vw;
        padding-bottom: 9.375vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap[data-v-03ebeb54] {
        gap: 40px;
        padding-top: 40px;
        padding-bottom: 180px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap[data-v-03ebeb54] {
        gap: 1.9531vw;
        padding-bottom: 11.7188vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap[data-v-03ebeb54] {
        gap: 20px;
        padding-bottom: 120px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap[data-v-03ebeb54] {
        flex-direction: column;
        gap: 4.2667vw;
        padding-left: 5.3333vw;
        padding-right: 5.3333vw;
        margin-bottom: 41.3333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap[data-v-03ebeb54] {
        flex-direction: column;
        gap: 16px;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 155px
    }
}

.component-why-moo .all-reasons-wrap .reasons-wrap[data-v-03ebeb54] {
    display: flex;
    flex-direction: column;
    flex: 1
}

.component-why-moo .all-reasons-wrap .reasons-wrap[data-v-03ebeb54]:nth-child(2) {
    flex-basis: calc(100% - var(--v-basis))
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap[data-v-03ebeb54]:nth-child(2) {
        flex: 1.1;
        flex-shrink: 0;
        margin-right: -2.0833vw;
        --v-basis: 2.0833vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap[data-v-03ebeb54]:nth-child(2) {
        flex: 1.1;
        flex-shrink: 0;
        margin-right: -40px;
        --v-basis: 40px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap[data-v-03ebeb54]:nth-child(2) {
        flex: 1.1;
        flex-shrink: 0;
        margin-right: -1.9531vw;
        --v-basis: 1.9531vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap[data-v-03ebeb54]:nth-child(2) {
        flex: 1.1;
        flex-shrink: 0;
        margin-right: -20px;
        --v-basis: 20px
    }
}

.component-why-moo .all-reasons-wrap .reasons-wrap:nth-child(2) .reason[data-v-03ebeb54] {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1
}

.component-why-moo .all-reasons-wrap .reasons-wrap:nth-child(2) .reason .img-box[data-v-03ebeb54] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%
}

.component-why-moo .all-reasons-wrap .reasons-wrap:nth-child(2) .reason .img-box img[data-v-03ebeb54] {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: fill;
    border-radius: 10px
}

@media (min-width: 1240px) and (max-width: 1919px) {

    .component-why-moo .all-reasons-wrap .reasons-wrap:nth-child(2) .reason .img-box .desc.en[data-v-03ebeb54],
    .component-why-moo .all-reasons-wrap .reasons-wrap:nth-child(2) .reason .img-box .desc.fr[data-v-03ebeb54] {
        top: 6.875vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {

    .component-why-moo .all-reasons-wrap .reasons-wrap:nth-child(2) .reason .img-box .desc.en[data-v-03ebeb54],
    .component-why-moo .all-reasons-wrap .reasons-wrap:nth-child(2) .reason .img-box .desc.fr[data-v-03ebeb54] {
        top: 132px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {

    .component-why-moo .all-reasons-wrap .reasons-wrap:nth-child(2) .reason .img-box .desc.en[data-v-03ebeb54],
    .component-why-moo .all-reasons-wrap .reasons-wrap:nth-child(2) .reason .img-box .desc.fr[data-v-03ebeb54] {
        top: 8.3984vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {

    .component-why-moo .all-reasons-wrap .reasons-wrap:nth-child(2) .reason .img-box .desc.en[data-v-03ebeb54],
    .component-why-moo .all-reasons-wrap .reasons-wrap:nth-child(2) .reason .img-box .desc.fr[data-v-03ebeb54] {
        top: 86px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap[data-v-03ebeb54] {
        flex: 1;
        gap: 2.1875vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap[data-v-03ebeb54] {
        flex: 1;
        gap: 42px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap[data-v-03ebeb54] {
        flex: 1;
        gap: 1.9531vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap[data-v-03ebeb54] {
        flex: 1;
        gap: 20px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap[data-v-03ebeb54] {
        flex-direction: column;
        gap: 4.2667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap[data-v-03ebeb54] {
        flex-direction: column;
        gap: 16px
    }
}

.component-why-moo .all-reasons-wrap .reasons-wrap .reason[data-v-03ebeb54] {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason[data-v-03ebeb54] {
        align-items: center
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason[data-v-03ebeb54] {
        align-items: center
    }
}

.component-why-moo .all-reasons-wrap .reasons-wrap .reason .title[data-v-03ebeb54] {
    font-weight: 600;
    letter-spacing: 0%;
    color: #1d1d1d
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .title[data-v-03ebeb54] {
        font-size: 2.5vw;
        line-height: 140%;
        text-align: start;
        width: 23.2292vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .title[data-v-03ebeb54] {
        font-size: 48px;
        line-height: 140%;
        text-align: start;
        width: 446px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .title[data-v-03ebeb54] {
        font-size: 2.9297vw;
        line-height: 140%;
        text-align: start
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .title[data-v-03ebeb54] {
        font-size: 30px;
        line-height: 140%;
        text-align: start
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .title[data-v-03ebeb54] {
        font-size: 8vw;
        line-height: 140%;
        margin-bottom: 8vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .title[data-v-03ebeb54] {
        font-size: 30px;
        line-height: 140%;
        margin-bottom: 30px
    }
}

.component-why-moo .all-reasons-wrap .reasons-wrap .reason .title-desc[data-v-03ebeb54] {
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0%;
    color: #1d1d1d
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .title-desc[data-v-03ebeb54] {
        font-size: 1.3542vw;
        margin-top: .625vw;
        margin-bottom: 3.0208vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .title-desc[data-v-03ebeb54] {
        font-size: 26px;
        margin-top: 12px;
        margin-bottom: 58px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .title-desc[data-v-03ebeb54] {
        font-size: 1.4648vw;
        margin-top: .9766vw;
        margin-bottom: 2.9297vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .title-desc[data-v-03ebeb54] {
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 30px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .title-desc[data-v-03ebeb54] {
        font-size: 4vw;
        margin-top: 2.6667vw;
        margin-bottom: 8vw;
        text-align: center
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .title-desc[data-v-03ebeb54] {
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 30px;
        text-align: center
    }
}

.component-why-moo .all-reasons-wrap .reasons-wrap .reason .title-desc.zh[data-v-03ebeb54],
.component-why-moo .all-reasons-wrap .reasons-wrap .reason .title-desc.hk[data-v-03ebeb54] {
    font-weight: 400;
    font-size: 20px
}

.component-why-moo .all-reasons-wrap .reasons-wrap .reason .btn-box[data-v-03ebeb54] {
    z-index: 1
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .btn-box[data-v-03ebeb54] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        z-index: 10
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .btn-box[data-v-03ebeb54] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        z-index: 10
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .btn-box[data-v-03ebeb54] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        z-index: 10
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .btn-box[data-v-03ebeb54] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        z-index: 10
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .btn-box[data-v-03ebeb54] {
        z-index: 10
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .btn-box[data-v-03ebeb54] {
        z-index: 10
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .cta-button[data-v-03ebeb54] {
        margin-bottom: 5.8854vw;
        margin-top: 3.125vw;
        text-align: left
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .cta-button[data-v-03ebeb54] {
        margin-bottom: 113px;
        margin-top: 60px;
        text-align: left
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .cta-button[data-v-03ebeb54] {
        margin-bottom: 4.2969vw;
        margin-top: 4.2969vw;
        text-align: left
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .cta-button[data-v-03ebeb54] {
        margin-bottom: 44px;
        margin-top: 44px;
        text-align: left
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .cta-button[data-v-03ebeb54] {
        position: absolute;
        left: 50%;
        bottom: -21.3333vw;
        transform: translate(-50%);
        display: block;
        margin-top: 4.2667vw;
        margin-bottom: 0
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .cta-button[data-v-03ebeb54] {
        position: absolute;
        left: 50%;
        bottom: -80px;
        transform: translate(-50%);
        display: block;
        margin-top: 16px;
        margin-bottom: 0
    }
}

.component-why-moo .all-reasons-wrap .reasons-wrap .reason .cta-button[data-v-03ebeb54] .cta-btn-guide-box {
    width: auto
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .cta-button[data-v-03ebeb54] .cta-btn-guide-box .cta-btn {
        width: 14.5833vw;
        height: 3.125vw;
        font-size: 1.1458vw;
        line-height: 3.125vw;
        font-weight: 600
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .cta-button[data-v-03ebeb54] .cta-btn-guide-box .cta-btn {
        width: 280px;
        height: 60px;
        font-size: 22px;
        line-height: 60px;
        font-weight: 600
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .cta-button[data-v-03ebeb54] .cta-btn-guide-box .cta-btn {
        width: 19.5313vw;
        height: 4.3945vw;
        font-size: 1.4648vw;
        line-height: 4.3945vw;
        font-weight: 600
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .cta-button[data-v-03ebeb54] .cta-btn-guide-box .cta-btn {
        width: 200px;
        height: 45px;
        font-size: 15px;
        line-height: 45px;
        font-weight: 600
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .cta-button[data-v-03ebeb54] .cta-btn-guide-box .cta-btn {
        width: 54.4vw;
        height: 12vw;
        font-size: 4vw;
        line-height: 12vw;
        font-weight: 600
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .cta-button[data-v-03ebeb54] .cta-btn-guide-box .cta-btn {
        width: 204px;
        height: 45px;
        font-size: 15px;
        line-height: 45px;
        font-weight: 600
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason[data-v-03ebeb54] .DisclosureModal {
        height: 3.125vw;
        margin-left: 1.0417vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason[data-v-03ebeb54] .DisclosureModal {
        height: 60px;
        margin-left: 20px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason[data-v-03ebeb54] .DisclosureModal {
        height: 1.4648vw;
        margin-left: .9766vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason[data-v-03ebeb54] .DisclosureModal {
        height: 15px;
        margin-left: 10px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason[data-v-03ebeb54] .DisclosureModal {
        width: 14.6667vw;
        position: absolute;
        left: 42.6667vw;
        bottom: -29.3333vw;
        display: block;
        overflow: visible !important
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason[data-v-03ebeb54] .DisclosureModal {
        width: 55px;
        position: absolute;
        left: 160px;
        bottom: -110px;
        display: block;
        overflow: visible !important
    }
}

.component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box[data-v-03ebeb54] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%
}

.component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box img[data-v-03ebeb54] {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: fill;
    border-radius: 10px
}

.component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .subtitle[data-v-03ebeb54] {
    font-weight: 600;
    letter-spacing: 0%;
    line-height: 120%;
    color: #fff;
    position: absolute;
    text-align: left;
    z-index: 3
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .subtitle[data-v-03ebeb54] {
        font-size: 1.6667vw;
        top: 1.875vw;
        left: 1.5625vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .subtitle[data-v-03ebeb54] {
        font-size: 32px;
        top: 36px;
        left: 30px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .subtitle[data-v-03ebeb54] {
        font-size: 1.9531vw;
        top: 2.7344vw;
        left: 2.1484vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .subtitle[data-v-03ebeb54] {
        font-size: 20px;
        top: 28px;
        left: 22px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .subtitle[data-v-03ebeb54] {
        font-size: 5.3333vw;
        top: 7.4667vw;
        left: 5.8667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .subtitle[data-v-03ebeb54] {
        font-size: 20px;
        top: 28px;
        left: 22px
    }
}

.component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc[data-v-03ebeb54] {
    position: absolute;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0%;
    z-index: 3;
    color: #fff
}

.component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc[data-v-03ebeb54] .highlight {
    color: #ff6900
}

.component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc[data-v-03ebeb54] sup {
    top: .2em
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc[data-v-03ebeb54] {
        font-size: 1.0417vw;
        top: 4.8958vw;
        left: 1.5625vw;
        max-width: 19.7917vw;
        opacity: 0
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc[data-v-03ebeb54] {
        font-size: 20px;
        top: 94px;
        left: 30px;
        max-width: 380px;
        opacity: 0
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc[data-v-03ebeb54] {
        font-size: 1.4648vw;
        max-width: 21.9727vw;
        top: 6.0547vw;
        left: 2.1484vw;
        color: #8c8c8c
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc[data-v-03ebeb54] {
        font-size: 15px;
        max-width: 225px;
        top: 62px;
        left: 22px;
        color: #8c8c8c
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc[data-v-03ebeb54] {
        font-size: 4vw;
        max-width: 76.5333vw;
        top: 18.1333vw;
        left: 5.3333vw;
        color: #8c8c8c
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc[data-v-03ebeb54] {
        font-size: 15px;
        max-width: 287px;
        top: 68px;
        left: 20px;
        color: #8c8c8c
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {

    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc-1-0-en[data-v-03ebeb54],
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc-0-0-en[data-v-03ebeb54] {
        top: 6.875vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {

    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc-1-0-en[data-v-03ebeb54],
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc-0-0-en[data-v-03ebeb54] {
        top: 132px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {

    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc-1-0-en[data-v-03ebeb54],
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc-0-0-en[data-v-03ebeb54] {
        top: 8.3984vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {

    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc-1-0-en[data-v-03ebeb54],
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc-0-0-en[data-v-03ebeb54] {
        top: 86px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {

    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc-1-0-en[data-v-03ebeb54],
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc-0-0-en[data-v-03ebeb54] {
        top: 22.9333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {

    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc-1-0-en[data-v-03ebeb54],
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc-0-0-en[data-v-03ebeb54] {
        top: 86px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc-1-0-en[data-v-03ebeb54] {
        top: 18.1333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .desc-1-0-en[data-v-03ebeb54] {
        top: 68px
    }
}

.component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .link[data-v-03ebeb54] {
    position: absolute;
    z-index: 3;
    font-weight: 400
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .link[data-v-03ebeb54] {
        left: 1.5625vw;
        bottom: 1.9792vw;
        font-size: 1.0417vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .link[data-v-03ebeb54] {
        left: 30px;
        bottom: 38px;
        font-size: 20px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .link[data-v-03ebeb54] {
        left: 1.9531vw;
        bottom: 2.7344vw;
        font-size: 1.4648vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .link[data-v-03ebeb54] {
        left: 20px;
        bottom: 28px;
        font-size: 15px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .link[data-v-03ebeb54] {
        left: 5.3333vw;
        bottom: 8vw;
        font-size: 4vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .link[data-v-03ebeb54] {
        left: 20px;
        bottom: 30px;
        font-size: 15px
    }
}

.component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .link a[data-v-03ebeb54] .underline {
    text-decoration: underline
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .img-box-mask[data-v-03ebeb54] {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2;
        top: 0;
        left: 0;
        opacity: 0;
        border-radius: .5208vw;
        transition: opacity .5s ease;
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .img-box-mask[data-v-03ebeb54] {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2;
        top: 0;
        left: 0;
        opacity: 0;
        border-radius: 10px;
        transition: opacity .5s ease
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .img-box-mask.mask-background[data-v-03ebeb54] {
        background-color: #0009;
        width: 100%;
        max-width: 100%
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .img-box-mask.mask-background[data-v-03ebeb54] {
        background-color: #0009;
        width: 100%;
        max-width: 100%
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .img-box-mask.unlock-mask[data-v-03ebeb54] {
        width: 100%;
        max-width: 100%
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box .img-box-mask.unlock-mask[data-v-03ebeb54] {
        width: 100%;
        max-width: 100%
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box:hover .img-box-mask[data-v-03ebeb54] {
        opacity: .4
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box:hover .img-box-mask[data-v-03ebeb54] {
        opacity: .4
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box:hover .desc[data-v-03ebeb54] {
        opacity: 1
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box:hover .desc[data-v-03ebeb54] {
        opacity: 1
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box:hover img[data-v-03ebeb54] {
        filter: blur(4px)
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box:hover img[data-v-03ebeb54] {
        filter: blur(4px)
    }
}

.component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box.zh .desc[data-v-03ebeb54],
.component-why-moo .all-reasons-wrap .reasons-wrap .reason .img-box.hk .desc[data-v-03ebeb54] {
    font-weight: 400
}

[data-v-ada77c45] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-ada77c45]::-webkit-credentials-auto-fill-button,
input[data-v-ada77c45]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-ada77c45],
h2[data-v-ada77c45],
h3[data-v-ada77c45],
h4[data-v-ada77c45],
h5[data-v-ada77c45],
h6[data-v-ada77c45],
p[data-v-ada77c45],
ul[data-v-ada77c45],
li[data-v-ada77c45] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-ada77c45],
    body[data-v-ada77c45] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.why-moo-part[data-v-ada77c45] {
    background-color: #f3f3f5
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .why-moo-part[data-v-ada77c45] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding-top: 4.1667vw;
        height: 65.9896vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .why-moo-part[data-v-ada77c45] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding-top: 80px;
        height: 1267px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .why-moo-part[data-v-ada77c45] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding-top: 5.8594vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .why-moo-part[data-v-ada77c45] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding-top: 60px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .why-moo-part[data-v-ada77c45] {
        padding-top: 14.4vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .why-moo-part[data-v-ada77c45] {
        padding-top: 54px
    }
}

[data-v-53ef66d6] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-53ef66d6]::-webkit-credentials-auto-fill-button,
input[data-v-53ef66d6]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-53ef66d6],
h2[data-v-53ef66d6],
h3[data-v-53ef66d6],
h4[data-v-53ef66d6],
h5[data-v-53ef66d6],
h6[data-v-53ef66d6],
p[data-v-53ef66d6],
ul[data-v-53ef66d6],
li[data-v-53ef66d6] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-53ef66d6],
    body[data-v-53ef66d6] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.Partner[data-v-53ef66d6] {
    background-color: #f3f3f5
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Partner[data-v-53ef66d6] {
        padding-top: 6.4vw;
        padding-bottom: 4.8vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Partner[data-v-53ef66d6] {
        padding-top: 24px;
        padding-bottom: 18px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .Partner[data-v-53ef66d6] {
        padding-top: 2.3438vw;
        padding-bottom: 1.7578vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .Partner[data-v-53ef66d6] {
        padding-top: 24px;
        padding-bottom: 18px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .Partner[data-v-53ef66d6] {
        padding-top: 2.0833vw;
        padding-bottom: .9375vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .Partner[data-v-53ef66d6] {
        padding-top: 40px;
        padding-bottom: 18px
    }
}

.Partner .pc-wrap[data-v-53ef66d6] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.Partner .pc-wrap .top-partner-wrap[data-v-53ef66d6] {
    overflow: hidden
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Partner .pc-wrap .top-partner-wrap[data-v-53ef66d6] {
        margin-bottom: 5.3333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Partner .pc-wrap .top-partner-wrap[data-v-53ef66d6] {
        margin-bottom: 20px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .Partner .pc-wrap .top-partner-wrap[data-v-53ef66d6] {
        margin-bottom: 1.9531vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .Partner .pc-wrap .top-partner-wrap[data-v-53ef66d6] {
        margin-bottom: 20px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .Partner .pc-wrap .top-partner-wrap[data-v-53ef66d6] {
        margin-bottom: 1.0417vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .Partner .pc-wrap .top-partner-wrap[data-v-53ef66d6] {
        margin-bottom: 20px
    }
}

.Partner .pc-wrap .top-partner-wrap .top-partner-wrap[data-v-53ef66d6] {
    margin-bottom: 0;
    height: 0
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Partner .pc-wrap .top-partner-wrap .top-partner-wrap img[data-v-53ef66d6] {
        width: 41.3333vw;
        height: 13.3333vw;
        margin-left: 4.2667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Partner .pc-wrap .top-partner-wrap .top-partner-wrap img[data-v-53ef66d6] {
        width: 155px;
        height: 50px;
        margin-left: 16px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .Partner .pc-wrap .top-partner-wrap .top-partner-wrap img[data-v-53ef66d6] {
        width: 12.4023vw;
        height: 4.8828vw;
        margin-left: 1.5625vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .Partner .pc-wrap .top-partner-wrap .top-partner-wrap img[data-v-53ef66d6] {
        width: 127px;
        height: 50px;
        margin-left: 16px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .Partner .pc-wrap .top-partner-wrap .top-partner-wrap img[data-v-53ef66d6] {
        width: 10.4167vw;
        height: 3.5417vw;
        margin-left: 2.0833vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .Partner .pc-wrap .top-partner-wrap .top-partner-wrap img[data-v-53ef66d6] {
        width: 200px;
        height: 68px;
        margin-left: 40px
    }
}

.Partner .pc-wrap .top-partner-wrap .top-partner-wrap:first-child img[data-v-53ef66d6] {
    margin-left: 0 !important
}

.Partner .pc-wrap .marquee-wrap[data-v-53ef66d6] {
    width: 100%;
    overflow: hidden
}

.Partner .pc-wrap .marquee-wrap .slide[data-v-53ef66d6] {
    display: flex;
    flex-wrap: nowrap
}

.Partner .pc-wrap .marquee-wrap .slide .partner-list-wrap[data-v-53ef66d6] {
    flex: 0 0 auto;
    margin: 0;
    padding: 0
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Partner .pc-wrap .marquee-wrap .slide .partner-list-wrap img[data-v-53ef66d6] {
        width: 41.3333vw;
        height: 13.3333vw;
        margin-left: 4.2667vw;
        margin-bottom: 4.2667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Partner .pc-wrap .marquee-wrap .slide .partner-list-wrap img[data-v-53ef66d6] {
        width: 155px;
        height: 50px;
        margin-left: 16px;
        margin-bottom: 16px
    }
}

[data-v-645d3915] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-645d3915]::-webkit-credentials-auto-fill-button,
input[data-v-645d3915]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-645d3915],
h2[data-v-645d3915],
h3[data-v-645d3915],
h4[data-v-645d3915],
h5[data-v-645d3915],
h6[data-v-645d3915],
p[data-v-645d3915],
ul[data-v-645d3915],
li[data-v-645d3915] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-645d3915],
    body[data-v-645d3915] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.Fee[data-v-645d3915] {
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Fee[data-v-645d3915] {
        background-image:
            /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/bg-a94c2ef7.jpg*/
            url(/static/img/bg-a94c2ef7.webp);
        height: 172.2667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Fee[data-v-645d3915] {
        background-image:
            /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/bg-a94c2ef7.jpg*/
            url(/static/img/bg-a94c2ef7.webp);
        height: 646px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .Fee[data-v-645d3915] {
        background-image:
            /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/bg-725d4343.jpg*/
            url();
        background-size: cover;
        padding-top: 3.9063vw;
        padding-bottom: 1.7578vw;
        width: 100%;
        height: 35.6445vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .Fee[data-v-645d3915] {
        background-image:
            /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/bg-725d4343.jpg*/
            url();
        background-size: cover;
        padding-top: 40px;
        padding-bottom: 18px;
        width: 100%;
        height: 365px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .Fee[data-v-645d3915] {
        background-image:
            /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/bg-7b2f03e6.jpg*/
            var(--savepage-url-56);
        background-size: cover;
        padding-top: 2.0833vw;
        padding-bottom: .9375vw;
        width: 100%;
        height: 26.9792vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .Fee[data-v-645d3915] {
        background-image:
            /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/bg-7b2f03e6.jpg*/
            var(--savepage-url-56);
        background-size: cover;
        padding-top: 40px;
        padding-bottom: 18px;
        width: 100%;
        height: 518px
    }
}

.Fee .pc-wrap[data-v-645d3915] {
    display: flex;
    flex-direction: center;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap[data-v-645d3915] {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap[data-v-645d3915] {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap[data-v-645d3915] {
        width: 84.4727vw;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap[data-v-645d3915] {
        width: 865px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap[data-v-645d3915] {
        width: 72.9167vw;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap[data-v-645d3915] {
        width: 1400px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .img-box[data-v-645d3915] {
        width: 31.8359vw;
        height: 25.2539vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .img-box[data-v-645d3915] {
        width: 326px;
        height: 258.6px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .img-box[data-v-645d3915] {
        width: 27.6563vw;
        height: 21.9271vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .img-box[data-v-645d3915] {
        width: 531px;
        height: 421px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .img-box img[data-v-645d3915] {
        width: 86.9333vw;
        height: 68.96vw;
        margin-top: 12vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .img-box img[data-v-645d3915] {
        width: 326px;
        height: 258.6px;
        margin-top: 45px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .img-box img[data-v-645d3915] {
        width: 31.8359vw;
        height: 25.2539vw;
        margin-left: .9766vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .img-box img[data-v-645d3915] {
        width: 326px;
        height: 258.6px;
        margin-left: 10px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .img-box img[data-v-645d3915] {
        width: 27.6563vw;
        height: 21.9271vw;
        margin-left: 2.0833vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .img-box img[data-v-645d3915] {
        width: 531px;
        height: 421px;
        margin-left: 40px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .text-box[data-v-645d3915] {
        width: 85.3333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .text-box[data-v-645d3915] {
        width: 320px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .text-box .title[data-v-645d3915] {
        font-size: 8vw;
        font-weight: 600;
        line-height: 1.2;
        text-align: left;
        color: #fff;
        margin-top: 2.7733vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .text-box .title[data-v-645d3915] {
        font-size: 30px;
        font-weight: 600;
        line-height: 1.2;
        text-align: left;
        color: #fff;
        margin-top: 10.4px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .text-box .title[data-v-645d3915] {
        font-size: 2.9297vw;
        font-weight: 600;
        line-height: 1.2;
        text-align: left;
        color: #fff
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .text-box .title[data-v-645d3915] {
        font-size: 30px;
        font-weight: 600;
        line-height: 1.2;
        text-align: left;
        color: #fff
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .text-box .title[data-v-645d3915] {
        font-size: 3.125vw;
        font-weight: 600;
        line-height: 1.2;
        text-align: left;
        color: #fff
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .text-box .title[data-v-645d3915] {
        font-size: 60px;
        font-weight: 600;
        line-height: 1.2;
        text-align: left;
        color: #fff
    }
}

@media (max-width: 767px) and (max-width: 1919px) {

    .Fee .pc-wrap .fee-wrap .text-box .zh[data-v-645d3915],
    .Fee .pc-wrap .fee-wrap .text-box .hk[data-v-645d3915] {
        margin-top: 9.7067vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {

    .Fee .pc-wrap .fee-wrap .text-box .zh[data-v-645d3915],
    .Fee .pc-wrap .fee-wrap .text-box .hk[data-v-645d3915] {
        margin-top: 36.4px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .text-box .desc-wrap[data-v-645d3915] {
        margin-top: 6.4vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .text-box .desc-wrap[data-v-645d3915] {
        margin-top: 24px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .text-box .desc-wrap[data-v-645d3915] {
        margin-top: 1.5625vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .text-box .desc-wrap[data-v-645d3915] {
        margin-top: 16px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .text-box .desc-wrap[data-v-645d3915] {
        margin-top: .5208vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .text-box .desc-wrap[data-v-645d3915] {
        margin-top: 10px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .text-box .desc-wrap .desc[data-v-645d3915] {
        font-size: 4vw;
        font-weight: 400;
        line-height: 1.2;
        text-align: left;
        color: #fff;
        list-style: none;
        margin-top: 2.6667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .text-box .desc-wrap .desc[data-v-645d3915] {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.2;
        text-align: left;
        color: #fff;
        list-style: none;
        margin-top: 10px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .text-box .desc-wrap .desc[data-v-645d3915] {
        font-size: 1.4648vw;
        font-weight: 400;
        line-height: 1.2;
        text-align: left;
        color: #fff;
        list-style: none;
        margin-top: .9766vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .text-box .desc-wrap .desc[data-v-645d3915] {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.2;
        text-align: left;
        color: #fff;
        list-style: none;
        margin-top: 10px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .text-box .desc-wrap .desc[data-v-645d3915] {
        font-size: 1.6667vw;
        font-weight: 400;
        line-height: 1.4;
        text-align: left;
        color: #fff;
        list-style: none
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .text-box .desc-wrap .desc[data-v-645d3915] {
        font-size: 32px;
        font-weight: 400;
        line-height: 1.4;
        text-align: left;
        color: #fff;
        list-style: none
    }
}

.Fee .pc-wrap .fee-wrap .text-box .desc-wrap .desc[data-v-645d3915] sup {
    top: .2em
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .text-box .btn-box[data-v-645d3915] {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10.6667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .text-box .btn-box[data-v-645d3915] {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 40px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .text-box .btn-box[data-v-645d3915] {
        font-size: 1.4648vw;
        font-weight: 400;
        line-height: 1.4;
        text-align: left;
        color: #fff;
        margin-top: 4.6875vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .text-box .btn-box[data-v-645d3915] {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.4;
        text-align: left;
        color: #fff;
        margin-top: 48px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .text-box .btn-box[data-v-645d3915] {
        font-size: 1.6667vw;
        font-weight: 400;
        line-height: 1.4;
        text-align: left;
        color: #fff;
        margin-top: 2.7604vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .text-box .btn-box[data-v-645d3915] {
        font-size: 32px;
        font-weight: 400;
        line-height: 1.4;
        text-align: left;
        color: #fff;
        margin-top: 53px
    }
}

.Fee .pc-wrap .fee-wrap .text-box .btn-box a[data-v-645d3915] {
    display: inline-block;
    color: #fff;
    background-color: #ff6900;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    text-decoration: none
}

.Fee .pc-wrap .fee-wrap .text-box .btn-box a[data-v-645d3915]:hover {
    background-color: #ff8329
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .text-box .btn-box a[data-v-645d3915] {
        font-size: 4vw;
        line-height: 12vw;
        width: 58.6667vw;
        height: 12vw;
        border-radius: 6.1333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .text-box .btn-box a[data-v-645d3915] {
        font-size: 15px;
        line-height: 45px;
        width: 220px;
        height: 45px;
        border-radius: 23px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .text-box .btn-box a[data-v-645d3915] {
        font-size: 1.4648vw;
        line-height: 4.3945vw;
        width: 19.9219vw;
        height: 4.3945vw;
        border-radius: 2.2461vw;
        font-weight: 400
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .text-box .btn-box a[data-v-645d3915] {
        font-size: 15px;
        line-height: 45px;
        width: 204px;
        height: 45px;
        border-radius: 23px;
        font-weight: 400
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .Fee .pc-wrap .fee-wrap .text-box .btn-box a[data-v-645d3915] {
        font-size: 1.0417vw;
        line-height: 3.0208vw;
        width: 13.0208vw;
        height: 3.0208vw;
        border-radius: 1.5104vw;
        font-weight: 400
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .Fee .pc-wrap .fee-wrap .text-box .btn-box a[data-v-645d3915] {
        font-size: 20px;
        line-height: 58px;
        width: 250px;
        height: 58px;
        border-radius: 29px;
        font-weight: 400
    }
}

.Fee .pc-wrap .comment[data-v-645d3915] {
    text-align: left;
    color: #606060
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Fee .pc-wrap .comment[data-v-645d3915] {
        font-size: 2.9333vw;
        line-height: 1.2;
        font-weight: 400;
        margin-top: 5.3333vw;
        text-align: center;
        width: 87.2vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Fee .pc-wrap .comment[data-v-645d3915] {
        font-size: 11px;
        line-height: 1.2;
        font-weight: 400;
        margin-top: 20px;
        text-align: center;
        width: 327px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .Fee .pc-wrap .comment[data-v-645d3915] {
        font-size: 1.1719vw;
        line-height: 1.2;
        font-weight: 400;
        margin-top: 2.9297vw;
        width: 84.4727vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .Fee .pc-wrap .comment[data-v-645d3915] {
        font-size: 12px;
        line-height: 1.2;
        font-weight: 400;
        margin-top: 30px;
        width: 865px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .Fee .pc-wrap .comment[data-v-645d3915] {
        font-size: .7292vw;
        line-height: 1.2;
        font-weight: 400;
        margin-top: .5208vw;
        width: 72.9167vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .Fee .pc-wrap .comment[data-v-645d3915] {
        font-size: 14px;
        line-height: 1.2;
        font-weight: 400;
        margin-top: 10px;
        width: 1400px
    }
}

.Fee .pc-wrap .comment[data-v-645d3915] .DisclosureModal {
    display: inline
}

.Fee .pc-wrap .comment[data-v-645d3915] .DisclosureModal .disclosure {
    display: inline;
    color: #606060;
    text-decoration: underline
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Fee .pc-wrap .comment[data-v-645d3915] .DisclosureModal .disclosure {
        font-size: 2.9333vw;
        line-height: 1.2
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Fee .pc-wrap .comment[data-v-645d3915] .DisclosureModal .disclosure {
        font-size: 11px;
        line-height: 1.2
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .Fee .pc-wrap .comment[data-v-645d3915] .DisclosureModal .disclosure {
        font-size: 1.1719vw;
        line-height: 1.2
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .Fee .pc-wrap .comment[data-v-645d3915] .DisclosureModal .disclosure {
        font-size: 12px;
        line-height: 1.2
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .Fee .pc-wrap .comment[data-v-645d3915] .DisclosureModal .disclosure {
        font-size: .7292vw;
        line-height: 1.2
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .Fee .pc-wrap .comment[data-v-645d3915] .DisclosureModal .disclosure {
        font-size: 14px;
        line-height: 1.2
    }
}

[data-v-a16c45e2] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-a16c45e2]::-webkit-credentials-auto-fill-button,
input[data-v-a16c45e2]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-a16c45e2],
h2[data-v-a16c45e2],
h3[data-v-a16c45e2],
h4[data-v-a16c45e2],
h5[data-v-a16c45e2],
h6[data-v-a16c45e2],
p[data-v-a16c45e2],
ul[data-v-a16c45e2],
li[data-v-a16c45e2] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-a16c45e2],
    body[data-v-a16c45e2] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.stock-wrap[data-v-a16c45e2] {
    display: flex;
    align-items: flex-start;
    gap: 46px
}

.stock-container[data-v-a16c45e2] {
    width: 420px;
    flex-shrink: 0;
    background: #fff
}

.stock-container .stock-header[data-v-a16c45e2] {
    margin-bottom: 24px
}

.stock-container .stock-header .stock-title[data-v-a16c45e2] {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    color: #1d1d1d
}

.stock-container .stock-markets .market-item[data-v-a16c45e2] {
    padding: 16px 20px;
    border-bottom: 1px solid #f2f3f5;
    cursor: pointer;
    transition: all .3s ease
}

.stock-container .stock-markets .market-item[data-v-a16c45e2]:last-child {
    border-bottom: none
}

.stock-container .stock-markets .market-item .market-name[data-v-a16c45e2] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.stock-container .stock-markets .market-item .market-name .market-name-title[data-v-a16c45e2] {
    font-size: 16px;
    font-weight: 600;
    color: #999
}

.stock-container .stock-markets .market-item .market-name .arrow-icon[data-v-a16c45e2] {
    width: 16px;
    height: 16px;
    background:
        /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/arrow-down-c9cddc92.svg*/
        var(--savepage-url-59) no-repeat center;
    background-size: contain;
    transition: transform .3s
}

.stock-container .stock-markets .market-item.active[data-v-a16c45e2] {
    background: #fff
}

.stock-container .stock-markets .market-item.active .market-name-title[data-v-a16c45e2] {
    color: #111
}

.stock-container .stock-markets .market-item.active .arrow-icon[data-v-a16c45e2] {
    background:
        /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/arrow-right-1ba5c246.svg*/
        var(--savepage-url-58) no-repeat center;
    filter: none
}

.stock-container .stock-markets .market-item .market-features[data-v-a16c45e2] {
    margin-top: 12px;
    animation: slideDown-a16c45e2 .3s ease;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-decoration: none
}

.stock-container .stock-markets .market-item .market-features .feature-item[data-v-a16c45e2] {
    display: flex;
    align-items: center;
    margin-top: 8px;
    font-size: 14px;
    color: #666;
    width: 100%;
    box-sizing: border-box
}

.stock-container .stock-markets .market-item .market-features .feature-item .check-icon[data-v-a16c45e2] {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background:
        /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/vector-1424738e.svg*/
        var(--savepage-url-60) no-repeat center;
    background-size: contain;
    flex-shrink: 0
}

.stock-container .stock-markets .market-item .market-features .feature-item span[data-v-a16c45e2] {
    flex: 1;
    word-break: break-word
}

.stock-container .stock-markets .market-names[data-v-a16c45e2] {
    display: flex;
    overflow-x: auto;
    margin-bottom: 20px;
    -webkit-overflow-scrolling: touch
}

.stock-container .stock-markets .market-names[data-v-a16c45e2]::-webkit-scrollbar {
    display: none
}

.stock-container .stock-markets .market-names .market-name-item[data-v-a16c45e2] {
    font-size: 16px;
    color: #999;
    padding: 8px 4px;
    margin-right: 24px;
    position: relative;
    white-space: nowrap;
    font-weight: 600
}

.stock-container .stock-markets .market-names .market-name-item.active[data-v-a16c45e2] {
    color: #111;
    font-weight: 700
}

.stock-container .stock-markets .market-names .market-name-item.active[data-v-a16c45e2]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #111
}

.stock-container .stock-markets .market-features-container[data-v-a16c45e2] {
    display: none
}

.stock-container .stock-markets .market-features-container.active[data-v-a16c45e2] {
    display: block
}

.stock-container .stock-markets .market-features-container .market-features[data-v-a16c45e2] {
    margin: 0;
    background: #fff;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

.stock-container .stock-markets .market-features-container .market-features .feature-item[data-v-a16c45e2] {
    display: flex;
    align-items: center;
    color: #333;
    font-weight: 400
}

.stock-container .stock-markets .market-features-container .market-features .feature-item .check-icon[data-v-a16c45e2] {
    background:
        /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/vector-1424738e.svg*/
        var(--savepage-url-60) no-repeat center;
    background-size: contain;
    flex-shrink: 0
}

.stock-container .stock-markets .market-features-container .market-features .feature-item span[data-v-a16c45e2] {
    flex: 1;
    word-break: break-word
}

.stock-list[data-v-a16c45e2] {
    flex: 1;
    min-width: 0
}

@keyframes slideDown-a16c45e2 {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

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

.fade-enter-active[data-v-a16c45e2],
.fade-leave-active[data-v-a16c45e2] {
    transition: opacity .3s ease
}

.fade-enter[data-v-a16c45e2],
.fade-leave-to[data-v-a16c45e2] {
    opacity: 0
}

@media screen and (max-width: 767px) {
    .stock-wrap[data-v-a16c45e2] {
        display: block;
        position: relative;
        padding: 0 6.4vw 36vw
    }

    .stock-container[data-v-a16c45e2] {
        width: 100%;
        padding: 0vw 0 0;
        background: transparent
    }

    .stock-container .stock-header[data-v-a16c45e2] {
        margin-bottom: 6.4vw
    }

    .stock-container .stock-header .stock-title[data-v-a16c45e2] {
        font-size: 8vw;
        text-align: center
    }

    .stock-container .stock-markets[data-v-a16c45e2] {
        position: relative
    }

    .stock-container .stock-markets .market-names[data-v-a16c45e2] {
        display: flex;
        overflow-x: auto;
        margin-bottom: 5.333333333333334vw;
        border-bottom: 1px solid #eaeaea;
        -webkit-overflow-scrolling: touch
    }

    .stock-container .stock-markets .market-names[data-v-a16c45e2]::-webkit-scrollbar {
        display: none
    }

    .stock-container .stock-markets .market-names .market-name-item[data-v-a16c45e2] {
        font-size: 5.333333333333334vw;
        color: #999;
        padding: 2.1333333333333333vw 1.0666666666666667vw;
        margin-right: 6.4vw;
        position: relative;
        white-space: nowrap;
        font-weight: 600
    }

    .stock-container .stock-markets .market-names .market-name-item.active[data-v-a16c45e2] {
        color: #111;
        font-weight: 700
    }

    .stock-container .stock-markets .market-names .market-name-item.active[data-v-a16c45e2]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #111
    }

    .stock-container .stock-markets .market-features-container .market-features[data-v-a16c45e2] {
        margin: 0;
        background: #fff;
        border-radius: 2.1333333333333333vw;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column
    }

    .stock-container .stock-markets .market-features-container .market-features .feature-item[data-v-a16c45e2] {
        display: flex;
        align-items: center;
        width: 100%;
        font-size: 3.733333333333334vw;
        color: #666;
        margin-bottom: 4vw
    }

    .stock-container .stock-markets .market-features-container .market-features .feature-item .check-icon[data-v-a16c45e2] {
        width: 4.266666666666667vw;
        height: 4.266666666666667vw;
        margin-right: 2.1333333333333333vw;
        background:
            /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/vector-1424738e.svg*/
            var(--savepage-url-60) no-repeat center;
        background-size: contain;
        flex-shrink: 0
    }

    .stock-container .stock-markets .market-features-container .market-features .feature-item span[data-v-a16c45e2] {
        flex: 1;
        word-break: break-word
    }

    .stock-container .stock-markets .market-item[data-v-a16c45e2] {
        padding: 0;
        border: none
    }

    .stock-container .stock-markets .market-item .market-name[data-v-a16c45e2] {
        display: none
    }

    .stock-container[data-v-a16c45e2] .DisclosureModal .disclosure {
        font-size: 3.2vw
    }

    .stock-container .btn-cta[data-v-a16c45e2] {
        position: absolute;
        left: 50%;
        bottom: 16vw;
        z-index: 10;
        transform: translate(-50%);
        height: 12vw;
        width: 54.400000000000006vw;
        line-height: 12vw;
        margin-top: 8vw;
        font-size: 4vw;
        padding: 0
    }

    .stock-container .btn-cta[data-v-a16c45e2] .cta-btn-guide-box {
        width: auto
    }

    .stock-container .btn-cta[data-v-a16c45e2] .cta-btn-guide-box .cta-btn {
        width: 54.400000000000006vw;
        height: 12vw;
        line-height: 12vw;
        font-size: 4vw;
        font-weight: 600;
        border-radius: 6.133333333333333vw
    }

    .stock-list[data-v-a16c45e2] {
        position: relative
    }

    .stock-list .stock-list-desc[data-v-a16c45e2] {
        margin-top: 5.333333333333334vw;
        font-size: 3.733333333333334vw;
        color: #999;
        font-weight: 400
    }

    .stock-list .not-open-tips[data-v-a16c45e2] {
        position: absolute;
        width: 100%;
        height: 45.33333333333333vw;
        bottom: 0;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .stock-list .not-open-tips .not-open-tips-lock[data-v-a16c45e2] {
        width: 6.4vw;
        height: 6.4vw;
        object-fit: cover
    }

    .stock-list .not-open-tips .not-open-tips-text[data-v-a16c45e2] {
        font-weight: 400;
        font-size: 3.733333333333334vw;
        line-height: 7.466666666666668vw;
        letter-spacing: 0px;
        text-align: center
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 1919px) {
    .stock-container[data-v-a16c45e2] .DisclosureModal {
        position: absolute;
        left: 50%;
        bottom: 8vw;
        z-index: 10;
        margin-left: -6.9333vw
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) and (min-width: 1920px) {
    .stock-container[data-v-a16c45e2] .DisclosureModal {
        position: absolute;
        left: 50%;
        bottom: 30px;
        z-index: 10;
        margin-left: -26px
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 1919px) {

    .zh .stock-container[data-v-a16c45e2] .DisclosureModal,
    .hk .stock-container[data-v-a16c45e2] .DisclosureModal {
        position: absolute;
        left: 50%;
        bottom: 8vw;
        z-index: 10;
        margin-left: -6.4vw
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) and (min-width: 1920px) {

    .zh .stock-container[data-v-a16c45e2] .DisclosureModal,
    .hk .stock-container[data-v-a16c45e2] .DisclosureModal {
        position: absolute;
        left: 50%;
        bottom: 30px;
        z-index: 10;
        margin-left: -24px
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 1919px) {

    .zh .stock-container[data-v-a16c45e2] .DisclosureModal .disclosure,
    .hk .stock-container[data-v-a16c45e2] .DisclosureModal .disclosure {
        font-size: 3.2vw
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) and (min-width: 1920px) {

    .zh .stock-container[data-v-a16c45e2] .DisclosureModal .disclosure,
    .hk .stock-container[data-v-a16c45e2] .DisclosureModal .disclosure {
        font-size: 12px
    }
}

@media screen and (min-width: 768px) {
    .stock-wrap[data-v-a16c45e2] {
        width: 84.375vw;
        margin: 0 auto;
        padding: 2.9296875vw 0 7.8125vw;
        display: flex;
        align-items: flex-start;
        overflow: hidden
    }

    .stock-wrap .stock-container[data-v-a16c45e2] {
        height: 100%;
        width: 26.85546875vw;
        background: #fff;
        padding: 0
    }

    .stock-wrap .stock-container .stock-header[data-v-a16c45e2] {
        margin-bottom: 1.46484375vw;
        width: 25.390625vw
    }

    .stock-wrap .stock-container .stock-header .stock-title[data-v-a16c45e2] {
        font-size: 2.9296875vw;
        line-height: 1.4
    }

    .stock-wrap .stock-container .stock-markets .market-names[data-v-a16c45e2],
    .stock-wrap .stock-container .stock-markets .market-features-container[data-v-a16c45e2] {
        display: none
    }

    .stock-wrap .stock-container .stock-markets .market-item[data-v-a16c45e2] {
        padding: 1.5625vw 0;
        border-bottom: 1px solid #f2f3f5;
        cursor: pointer;
        transition: all .3s ease
    }

    .stock-wrap .stock-container .stock-markets .market-item[data-v-a16c45e2]:last-child {
        border-bottom: none
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-name[data-v-a16c45e2] {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-name .market-name-title[data-v-a16c45e2] {
        font-size: 1.5625vw;
        font-weight: 600;
        color: #999
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-name .arrow-icon[data-v-a16c45e2] {
        width: 1.5625vw;
        height: 1.5625vw;
        background:
            /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/arrow-down-c9cddc92.svg*/
            var(--savepage-url-59) no-repeat center;
        background-size: contain;
        transition: transform .3s
    }

    .stock-wrap .stock-container .stock-markets .market-item.active[data-v-a16c45e2] {
        background: #fff
    }

    .stock-wrap .stock-container .stock-markets .market-item.active .market-name-title[data-v-a16c45e2] {
        color: #111
    }

    .stock-wrap .stock-container .stock-markets .market-item.active .arrow-icon[data-v-a16c45e2] {
        background:
            /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/arrow-right-1ba5c246.svg*/
            var(--savepage-url-58) no-repeat center;
        filter: none
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-features[data-v-a16c45e2] {
        margin-top: 1.171875vw;
        animation: slideDown-a16c45e2 .3s ease;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-features .feature-item[data-v-a16c45e2] {
        display: flex;
        align-items: center;
        margin-top: .78125vw;
        font-size: 1.3671875vw;
        color: #333;
        width: 27.05078125vw;
        box-sizing: border-box
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-features .feature-item .check-icon[data-v-a16c45e2] {
        width: 1.5625vw;
        height: 1.5625vw;
        margin-right: .78125vw;
        background:
            /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/vector-1424738e.svg*/
            var(--savepage-url-60) no-repeat center;
        background-size: contain;
        flex-shrink: 0
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-features .feature-item span[data-v-a16c45e2] {
        flex: 1;
        word-break: break-word
    }

    .stock-wrap .stock-container .cta-btn-disclosure[data-v-a16c45e2] {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    .stock-wrap .stock-container .cta-btn-disclosure[data-v-a16c45e2] .DisclosureModal {
        margin-top: 4.39453125vw;
        margin-left: 1.3671875vw
    }

    .stock-wrap .stock-container .btn-cta[data-v-a16c45e2] {
        height: 4.39453125vw;
        width: 19.921875vw;
        line-height: 4.39453125vw;
        margin-top: 4.296875vw;
        font-size: 1.46484375vw;
        padding: 0
    }

    .stock-wrap .stock-container .btn-cta[data-v-a16c45e2] .cta-btn-guide-box {
        width: auto
    }

    .stock-wrap .stock-container .btn-cta[data-v-a16c45e2] .cta-btn-guide-box .cta-btn {
        width: 19.921875vw;
        height: 4.39453125vw;
        line-height: 4.39453125vw;
        font-size: 1.46484375vw;
        font-weight: 600;
        border-radius: 2.24609375vw
    }

    .stock-wrap .stock-list[data-v-a16c45e2] {
        flex: 1;
        width: 55.56640625vw;
        padding-top: 0vw;
        position: relative
    }

    .stock-wrap .stock-list .stock-list-desc[data-v-a16c45e2] {
        font-weight: 400;
        margin-top: 1.953125vw;
        font-size: 1.171875vw;
        color: #999
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper {
        box-shadow: none
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item {
        color: #999;
        border: 1px solid #d0d0d0;
        border-radius: 1.5625vw;
        font-size: 1.3671875vw;
        line-height: 1.953125vw;
        padding: .5859375vw 1.5625vw;
        position: relative
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item.active {
        color: #1d1d1d;
        border-color: #1d1d1d
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item.active:after {
        display: none
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item:nth-child(1) {
        padding-left: 3.515625vw
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item:nth-child(1):before {
        display: block !important;
        z-index: 1;
        opacity: 1;
        content: "";
        position: absolute;
        left: 1.5625vw;
        top: 50%;
        transform: translateY(-50%);
        width: 1.3671875vw;
        height: 1.3671875vw;
        background-color: #ff6900;
        -webkit-mask-image:
            /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/fire-90c04876.svg*/
            var(--savepage-url-61);
        mask-image:
            /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/fire-90c04876.svg*/
            var(--savepage-url-61);
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item:not(:last-child) {
        margin-right: 1.5625vw
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .quote-config-table .content-main .list-item .fix-right .watch {
        width: auto
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .quote-config-table .list-main .list-head .fix-right .watch {
        width: 60px
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .list-item {
        height: 7.8125vw
    }

    .stock-wrap .stock-list .not-open-tips[data-v-a16c45e2] {
        position: absolute;
        width: 100%;
        height: 15.52734375vw;
        bottom: 0;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .stock-wrap .stock-list .not-open-tips .not-open-tips-lock[data-v-a16c45e2] {
        width: 2.34375vw;
        height: 2.34375vw;
        object-fit: cover
    }

    .stock-wrap .stock-list .not-open-tips .not-open-tips-text[data-v-a16c45e2] {
        font-weight: 600;
        font-size: 1.953125vw;
        line-height: 2.734375vw;
        letter-spacing: 0px;
        text-align: center
    }

    .hk .stock-container .stock-header[data-v-a16c45e2],
    .zh .stock-container .stock-header[data-v-a16c45e2] {
        width: 18.06640625vw
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .stock-wrap .stock-container .cta-btn-disclosure[data-v-a16c45e2] .DisclosureModal .disclosure {
        font-size: 1.1719vw
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .stock-wrap .stock-container .cta-btn-disclosure[data-v-a16c45e2] .DisclosureModal .disclosure {
        font-size: 12px
    }
}

@media screen and (min-width: 1240.5px) {
    .stock-wrap[data-v-a16c45e2] {
        width: 72.91666666666666vw;
        margin: 0 auto;
        gap: 2.3958333333333335vw;
        padding: 3.125vw 0 6.25vw
    }

    .stock-wrap .stock-container[data-v-a16c45e2] {
        width: 21.875vw;
        position: relative
    }

    .stock-wrap .stock-container .stock-header[data-v-a16c45e2] {
        margin-bottom: 2.083333333333333vw;
        width: 21.875vw
    }

    .stock-wrap .stock-container .stock-header .stock-title[data-v-a16c45e2] {
        font-weight: 600;
        font-size: 3.125vw;
        line-height: 1.2
    }

    .stock-wrap .stock-container .stock-markets .market-item[data-v-a16c45e2] {
        padding: .5208333333333333vw 0
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-name .market-name-title[data-v-a16c45e2] {
        font-size: 1.25vw;
        line-height: 2.083333333333333vw
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-name .arrow-icon[data-v-a16c45e2] {
        width: 1.1458333333333333vw;
        height: 1.1458333333333333vw
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-features[data-v-a16c45e2] {
        margin-right: 0;
        flex-direction: column
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-features .feature-item[data-v-a16c45e2] {
        margin-top: 0;
        margin-bottom: .5208333333333333vw;
        font-size: .8333333333333334vw;
        width: 22.8125vw
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-features .feature-item .check-icon[data-v-a16c45e2] {
        width: .9375vw;
        height: .7291666666666666vw
    }

    .stock-wrap .stock-container .cta-btn-disclosure[data-v-a16c45e2] {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    .stock-wrap .stock-container .cta-btn-disclosure[data-v-a16c45e2] .DisclosureModal {
        margin-top: 1.5625vw;
        margin-left: .7291666666666666vw
    }

    .stock-wrap .stock-container .btn-cta[data-v-a16c45e2] {
        height: 3.125vw;
        width: 16.927083333333336vw;
        line-height: 3.125vw;
        margin-top: 1.5625vw;
        font-size: 1.25vw;
        padding: 0
    }

    .stock-wrap .stock-container .btn-cta[data-v-a16c45e2] .cta-btn-guide-box {
        width: auto
    }

    .stock-wrap .stock-container .btn-cta[data-v-a16c45e2] .cta-btn-guide-box .cta-btn {
        width: 16.927083333333336vw;
        height: 3.125vw;
        line-height: 3.125vw;
        font-size: 1.25vw;
        font-weight: 600;
        border-radius: 1.5625vw
    }

    .stock-wrap .stock-container .btn-cta[data-v-a16c45e2] .cta-btn-guide-box .cta-btn-hover {
        width: 17.083333333333332vw;
        font-weight: 400;
        font-size: .625vw;
        transform: translate(0);
        left: 0;
        top: 105%;
        position: absolute;
        background-color: #eaeef4;
        color: #63687b;
        border-radius: .4166666666666667vw;
        padding: .625vw;
        box-sizing: border-box;
        line-height: normal
    }

    .stock-wrap .stock-list[data-v-a16c45e2] {
        padding-top: 0vw;
        position: relative
    }

    .stock-wrap .stock-list .stock-list-desc[data-v-a16c45e2] {
        font-weight: 400;
        margin-top: 1.0416666666666665vw;
        font-size: .7291666666666666vw;
        color: #999
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper {
        box-shadow: none
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item {
        height: 1.875vw;
        line-height: 1.875vw;
        color: #999;
        border: 1px solid #d0d0d0;
        border-radius: 1.5625vw;
        font-size: .7291666666666666vw;
        padding: 0vw .8333333333333334vw;
        position: relative;
        margin-right: .8333333333333334vw
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item.active {
        color: #1d1d1d;
        border-color: #1d1d1d
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item.active:after {
        display: none
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item:nth-child(1) {
        padding-left: 1.875vw
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item:nth-child(1):before {
        display: block !important;
        z-index: 1;
        opacity: 1;
        content: "";
        position: absolute;
        left: .8333333333333334vw;
        top: 50%;
        transform: translateY(-50%);
        width: .7291666666666666vw;
        height: .7291666666666666vw;
        background-color: #ff6900;
        -webkit-mask-image:
            /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/fire-90c04876.svg*/
            var(--savepage-url-61);
        mask-image:
            /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/fire-90c04876.svg*/
            var(--savepage-url-61);
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item:not(:last-child) {
        margin-right: .8333333333333334vw
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list .tab-item:before {
        background-color: #fff
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .quote-config-table .content-main .list-item .fix-right .watch {
        width: 99px
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .list-head {
        font-size: 14px;
        height: 3.125vw
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .list-item {
        height: 4.166666666666666vw
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-table {
        border: 1px solid #e3e4e5;
        border-radius: 10px
    }

    .stock-wrap .stock-list .not-open-tips[data-v-a16c45e2] {
        position: absolute;
        width: 100%;
        height: 8.28125vw;
        bottom: 0;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .stock-wrap .stock-list .not-open-tips .not-open-tips-lock[data-v-a16c45e2] {
        width: 1.25vw;
        height: 1.25vw;
        object-fit: cover
    }

    .stock-wrap .stock-list .not-open-tips .not-open-tips-text[data-v-a16c45e2] {
        font-weight: 600;
        font-size: 1.0416666666666665vw;
        line-height: 1.4583333333333333vw;
        letter-spacing: 0px;
        text-align: center
    }

    .lang-2 .stock-wrap .stock-container .stock-header[data-v-a16c45e2] {
        width: 22.916666666666664vw;
        margin-bottom: 2.083333333333333vw
    }

    .lang-2 .stock-wrap .stock-container .stock-header .stock-title[data-v-a16c45e2] {
        font-size: 3.125vw;
        line-height: 1.2
    }

    .lang-2 .stock-wrap .stock-container .CtaBtn[data-v-a16c45e2] {
        font-size: .9375vw
    }

    .lang-2 .stock-wrap .stock-container .stock-markets .market-item .market-features .feature-item[data-v-a16c45e2] {
        width: 22.8125vw;
        align-items: flex-start;
        font-size: .7291666666666666vw
    }

    .lang-2 .stock-wrap .stock-container .stock-markets .market-item .market-features .feature-item .check-icon[data-v-a16c45e2] {
        margin-top: .3125vw;
        margin-right: .26041666666666663vw
    }

    .fr .stock-container[data-v-a16c45e2] {
        width: 22.916666666666664vw;
        position: relative
    }

    .fr .stock-container .stock-header[data-v-a16c45e2] {
        width: 22.916666666666664vw;
        margin-bottom: 2.083333333333333vw
    }

    .fr .stock-container .stock-header .stock-title[data-v-a16c45e2] {
        font-size: 2.864583333333333vw;
        line-height: 1.2
    }
}

@media screen and (min-width: 1920.5px) {
    .stock-wrap[data-v-a16c45e2] {
        width: 1400px;
        margin: 0 auto;
        gap: 46px;
        padding: 60px 0
    }

    .stock-wrap .stock-container[data-v-a16c45e2] {
        width: 420px;
        position: relative
    }

    .stock-wrap .stock-container .stock-header[data-v-a16c45e2] {
        margin-bottom: 40px;
        width: 420px
    }

    .stock-wrap .stock-container .stock-header .stock-title[data-v-a16c45e2] {
        font-weight: 600;
        font-size: 60px;
        line-height: 1.2
    }

    .stock-wrap .stock-container .stock-markets .market-item[data-v-a16c45e2] {
        padding: 10px 0
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-name .market-name-title[data-v-a16c45e2] {
        font-size: 24px;
        line-height: 40px
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-name .arrow-icon[data-v-a16c45e2] {
        width: 22px;
        height: 22px
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-features[data-v-a16c45e2] {
        margin-right: 0;
        flex-direction: column
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-features .feature-item[data-v-a16c45e2] {
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 16px;
        width: 438px
    }

    .stock-wrap .stock-container .stock-markets .market-item .market-features .feature-item .check-icon[data-v-a16c45e2] {
        width: 18px;
        height: 14px
    }

    .stock-wrap .stock-container .cta-btn-disclosure[data-v-a16c45e2] {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    .stock-wrap .stock-container .cta-btn-disclosure[data-v-a16c45e2] .DisclosureModal {
        margin-top: 30px;
        margin-left: 20px
    }

    .stock-wrap .stock-container .btn-cta[data-v-a16c45e2] {
        height: 60px;
        width: 325px;
        line-height: 60px;
        margin-top: 30px;
        font-size: 24px;
        padding: 0
    }

    .stock-wrap .stock-container .btn-cta[data-v-a16c45e2] .cta-btn-guide-box {
        width: auto
    }

    .stock-wrap .stock-container .btn-cta[data-v-a16c45e2] .cta-btn-guide-box .cta-btn {
        width: 325px;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
        font-weight: 600;
        border-radius: 30px
    }

    .stock-wrap .stock-list[data-v-a16c45e2] {
        padding-top: 0
    }

    .stock-wrap .stock-list .stock-list-desc[data-v-a16c45e2] {
        font-weight: 400;
        margin-top: 20px;
        font-size: 14px;
        color: #999
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper {
        box-shadow: none
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item {
        height: 36px;
        color: #999;
        border: 1px solid #d0d0d0;
        border-radius: 30px;
        font-size: 14px;
        line-height: 36px;
        padding: 0 16px;
        position: relative;
        margin-right: 16px
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item.active {
        color: #1d1d1d;
        border-color: #1d1d1d
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item.active:after {
        display: none
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item:nth-child(1) {
        padding-left: 36px
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item:nth-child(1):before {
        display: block !important;
        z-index: 1;
        opacity: 1;
        content: "";
        position: absolute;
        left: 16px;
        top: 50%;
        transform: translateY(-50%);
        width: 14px;
        height: 14px;
        background-color: #ff6900;
        -webkit-mask-image:
            /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/fire-90c04876.svg*/
            var(--savepage-url-61);
        mask-image:
            /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/fire-90c04876.svg*/
            var(--savepage-url-61);
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list-wrapper .tab-item:not(:last-child) {
        margin-right: 16px
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .tab-list-component .tab-list .tab-item:before {
        background-color: #fff
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .list-head {
        height: 60px
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-widget-entry .list-item {
        height: 80px
    }

    .stock-wrap .stock-list[data-v-a16c45e2] .config-table {
        border: 1px solid #e3e4e5;
        border-radius: 10px
    }

    .stock-wrap .stock-list .not-open-tips[data-v-a16c45e2] {
        position: absolute;
        width: 100%;
        height: 159px;
        bottom: 0;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .stock-wrap .stock-list .not-open-tips .not-open-tips-lock[data-v-a16c45e2] {
        width: 24px;
        height: 24px;
        object-fit: cover
    }

    .stock-wrap .stock-list .not-open-tips .not-open-tips-text[data-v-a16c45e2] {
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: center
    }

    .lang-2 .stock-wrap .stock-container .stock-header[data-v-a16c45e2] {
        width: 440px;
        margin-bottom: 40px
    }

    .lang-2 .stock-wrap .stock-container .stock-header .stock-title[data-v-a16c45e2] {
        font-size: 60px;
        line-height: 1.2
    }

    .lang-2 .stock-wrap .stock-container .CtaBtn[data-v-a16c45e2] {
        font-size: 18px
    }

    .lang-2 .stock-wrap .stock-container .stock-markets .market-item .market-features .feature-item[data-v-a16c45e2] {
        width: 438px;
        align-items: flex-start;
        font-size: 14px
    }

    .lang-2 .stock-wrap .stock-container .stock-markets .market-item .market-features .feature-item .check-icon[data-v-a16c45e2] {
        margin-top: 6px;
        margin-right: 5px
    }

    .fr .stock-container .stock-header[data-v-a16c45e2] {
        width: 440px;
        margin-bottom: 40px
    }

    .fr .stock-container .stock-header .stock-title[data-v-a16c45e2] {
        font-size: 55px;
        line-height: 1.2
    }
}

[data-v-bdd18124] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-bdd18124]::-webkit-credentials-auto-fill-button,
input[data-v-bdd18124]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-bdd18124],
h2[data-v-bdd18124],
h3[data-v-bdd18124],
h4[data-v-bdd18124],
h5[data-v-bdd18124],
h6[data-v-bdd18124],
p[data-v-bdd18124],
ul[data-v-bdd18124],
li[data-v-bdd18124] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-bdd18124],
    body[data-v-bdd18124] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-stockMarketTody[data-v-bdd18124] {
        padding: 16vw 0vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-stockMarketTody[data-v-bdd18124] {
        padding: 60px 0
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .module-stockMarketTody[data-v-bdd18124] {
        padding: 5.8594vw 0vw 4.8828vw;
        border-bottom-width: .0977vw;
        border-bottom-style: solid;
        border-bottom-color: #d0d0d0
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .module-stockMarketTody[data-v-bdd18124] {
        padding: 60px 0 50px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #d0d0d0
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .module-stockMarketTody[data-v-bdd18124] {
        padding: 6.25vw 0vw 2.6042vw;
        border-bottom-width: .0521vw;
        border-bottom-style: solid;
        border-bottom-color: #d0d0d0
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .module-stockMarketTody[data-v-bdd18124] {
        padding: 120px 0 50px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #d0d0d0
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-stockMarketTody .title[data-v-bdd18124] {
        font-weight: 600;
        font-size: 8vw;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-stockMarketTody .title[data-v-bdd18124] {
        font-weight: 600;
        font-size: 30px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .module-stockMarketTody .title[data-v-bdd18124] {
        font-weight: 600;
        font-size: 2.9297vw;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .module-stockMarketTody .title[data-v-bdd18124] {
        font-weight: 600;
        font-size: 30px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .module-stockMarketTody .title[data-v-bdd18124] {
        font-weight: 600;
        font-size: 2.5vw;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: .5208vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .module-stockMarketTody .title[data-v-bdd18124] {
        font-weight: 600;
        font-size: 48px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 10px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-stockMarketTody .subTitle[data-v-bdd18124] {
        font-weight: 400;
        font-size: 4vw;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-stockMarketTody .subTitle[data-v-bdd18124] {
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .module-stockMarketTody .subTitle[data-v-bdd18124] {
        font-weight: 400;
        font-size: 1.4648vw;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .module-stockMarketTody .subTitle[data-v-bdd18124] {
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .module-stockMarketTody .subTitle[data-v-bdd18124] {
        font-weight: 400;
        font-size: 1.0417vw;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .module-stockMarketTody .subTitle[data-v-bdd18124] {
        font-weight: 400;
        font-size: 20px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-stockMarketTody .market-card-wrapper[data-v-bdd18124] {
        display: flex;
        margin-top: 16vw;
        flex-direction: column
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-stockMarketTody .market-card-wrapper[data-v-bdd18124] {
        display: flex;
        margin-top: 60px;
        flex-direction: column
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .module-stockMarketTody .market-card-wrapper[data-v-bdd18124] {
        display: flex;
        margin-top: 2.9297vw;
        justify-content: space-between
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .module-stockMarketTody .market-card-wrapper[data-v-bdd18124] {
        display: flex;
        margin-top: 30px;
        justify-content: space-between
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .module-stockMarketTody .market-card-wrapper[data-v-bdd18124] {
        display: flex;
        margin-top: 3.125vw;
        justify-content: space-between
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .module-stockMarketTody .market-card-wrapper[data-v-bdd18124] {
        display: flex;
        margin-top: 60px;
        justify-content: space-between
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-stockMarketTody .market-card-wrapper .swiper-slide[data-v-bdd18124] {
        width: 87.2vw;
        height: 46.4vw;
        border-radius: 2.1333vw;
        background-color: #f3f3f5
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-stockMarketTody .market-card-wrapper .swiper-slide[data-v-bdd18124] {
        width: 327px;
        height: 174px;
        border-radius: 8px;
        background-color: #f3f3f5
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .module-stockMarketTody .market-card-wrapper .swiper-slide[data-v-bdd18124] {
        width: 26.8555vw;
        border-radius: .7813vw;
        padding: 1.5625vw;
        background-color: #f3f3f5
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .module-stockMarketTody .market-card-wrapper .swiper-slide[data-v-bdd18124] {
        width: 275px;
        border-radius: 8px;
        padding: 16px;
        background-color: #f3f3f5
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .module-stockMarketTody .market-card-wrapper .swiper-slide[data-v-bdd18124] {
        width: 22.9167vw;
        border-radius: .4167vw;
        padding: 1.25vw;
        background-color: #f3f3f5
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .module-stockMarketTody .market-card-wrapper .swiper-slide[data-v-bdd18124] {
        width: 440px;
        border-radius: 8px;
        padding: 24px;
        background-color: #f3f3f5
    }
}

.module-stockMarketTody .mobile-container[data-v-bdd18124] {
    position: relative;
    overflow: hidden
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-stockMarketTody .mobile-container[data-v-bdd18124] {
        padding-bottom: 8vw;
        margin-top: 8vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-stockMarketTody .mobile-container[data-v-bdd18124] {
        padding-bottom: 30px;
        margin-top: 30px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-stockMarketTody .mobile-container .swiper-wrapper .swiper-slide[data-v-bdd18124] {
        margin-left: 6.4vw;
        padding: 4.2667vw;
        width: 87.2vw;
        border-radius: 2.1333vw;
        background-color: #f3f3f5
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-stockMarketTody .mobile-container .swiper-wrapper .swiper-slide[data-v-bdd18124] {
        margin-left: 24px;
        padding: 16px;
        width: 327px;
        border-radius: 8px;
        background-color: #f3f3f5
    }
}

.module-stockMarketTody .mobile-container .swiper-pagination[data-v-bdd18124] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-stockMarketTody .mobile-container .swiper-pagination[data-v-bdd18124] {
        bottom: 24vw !important;
        height: 2.6667vw;
        gap: 3.7333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-stockMarketTody .mobile-container .swiper-pagination[data-v-bdd18124] {
        bottom: 90px !important;
        height: 10px;
        gap: 14px
    }
}

.module-stockMarketTody .mobile-container .swiper-pagination[data-v-bdd18124] .swiper-pagination-bullet {
    display: inline-block;
    background-color: #434855;
    opacity: .3;
    border-radius: 50%
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-stockMarketTody .mobile-container .swiper-pagination[data-v-bdd18124] .swiper-pagination-bullet {
        width: 2.6667vw;
        height: 2.6667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-stockMarketTody .mobile-container .swiper-pagination[data-v-bdd18124] .swiper-pagination-bullet {
        width: 10px;
        height: 10px
    }
}

.module-stockMarketTody .mobile-container .swiper-pagination[data-v-bdd18124] .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #ff6900;
    opacity: 1
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-stockMarketTody .mobile-container .swiper-pagination[data-v-bdd18124] {
        bottom: 0vw !important
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-stockMarketTody .mobile-container .swiper-pagination[data-v-bdd18124] {
        bottom: 0 !important
    }
}

[data-v-ab3c366d] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-ab3c366d]::-webkit-credentials-auto-fill-button,
input[data-v-ab3c366d]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-ab3c366d],
h2[data-v-ab3c366d],
h3[data-v-ab3c366d],
h4[data-v-ab3c366d],
h5[data-v-ab3c366d],
h6[data-v-ab3c366d],
p[data-v-ab3c366d],
ul[data-v-ab3c366d],
li[data-v-ab3c366d] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-ab3c366d],
    body[data-v-ab3c366d] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.one-stop-part[data-v-ab3c366d] {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0F1112
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part[data-v-ab3c366d] {
        height: 70.8008vw;
        padding-left: 7.8125vw;
        padding-right: 7.8125vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part[data-v-ab3c366d] {
        height: 725px;
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part[data-v-ab3c366d] {
        height: 68.6979vw;
        padding-left: 13.5417vw;
        padding-right: 13.5417vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part[data-v-ab3c366d] {
        height: 1319px;
        padding-left: 260px;
        padding-right: 260px
    }
}

.one-stop-part .bg-img[data-v-ab3c366d] {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .bg-img[data-v-ab3c366d] {
        width: 100%;
        height: 184vw;
        top: 0;
        object-fit: contain
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .bg-img[data-v-ab3c366d] {
        width: 100%;
        height: 690px;
        top: 0;
        object-fit: contain
    }
}

.one-stop-part .one-stop-wrapper[data-v-ab3c366d] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    z-index: 2;
    height: 100%
}

.one-stop-part .one-stop-wrapper .one-stop-title[data-v-ab3c366d] {
    color: #fff
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .one-stop-title[data-v-ab3c366d] {
        font-weight: 600;
        font-size: 6.9333vw;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 16vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .one-stop-title[data-v-ab3c366d] {
        font-weight: 600;
        font-size: 26px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 60px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .one-stop-title[data-v-ab3c366d] {
        font-weight: 600;
        font-size: 2.9297vw;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 5.8594vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .one-stop-title[data-v-ab3c366d] {
        font-weight: 600;
        font-size: 30px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 60px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .one-stop-title[data-v-ab3c366d] {
        font-weight: 600;
        font-size: 2.5vw;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 8.3333vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .one-stop-title[data-v-ab3c366d] {
        font-weight: 600;
        font-size: 48px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 160px
    }
}

.one-stop-part .one-stop-wrapper .one-stop-desc[data-v-ab3c366d] {
    color: #eee
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .one-stop-desc[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 4vw;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 0vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .one-stop-desc[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 0
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .one-stop-desc[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 1.4648vw;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 0vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .one-stop-desc[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 0
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .one-stop-desc[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 1.0417vw;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: .5208vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .one-stop-desc[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 20px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 10px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top[data-v-ab3c366d] {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-top: 8vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top[data-v-ab3c366d] {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-top: 30px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top[data-v-ab3c366d] {
        display: flex;
        margin-top: 2.9297vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top[data-v-ab3c366d] {
        display: flex;
        margin-top: 30px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top[data-v-ab3c366d] {
        display: flex;
        margin-top: 3.125vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top[data-v-ab3c366d] {
        display: flex;
        margin-top: 60px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .part-one[data-v-ab3c366d] {
        width: 87.2vw;
        height: 62.4vw;
        padding-left: 4.2667vw;
        padding-top: 5.3333vw;
        position: relative;
        border-radius: 2.6667vw;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border: 1px solid;
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%)
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .part-one[data-v-ab3c366d] {
        width: 327px;
        height: 234px;
        padding-left: 16px;
        padding-top: 20px;
        position: relative;
        border-radius: 10px;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border: 1px solid;
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%)
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .part-one[data-v-ab3c366d] {
        width: 41.2109vw;
        height: 38.2813vw;
        padding-left: 2.9297vw;
        padding-top: 1.9531vw;
        position: relative;
        border: 1px solid;
        border-radius: .9766vw;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%)
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .part-one[data-v-ab3c366d] {
        width: 422px;
        height: 392px;
        padding-left: 30px;
        padding-top: 20px;
        position: relative;
        border: 1px solid;
        border-radius: 10px;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%)
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .part-one[data-v-ab3c366d] {
        width: 35.4167vw;
        height: 33.3333vw;
        padding-left: 3.125vw;
        padding-top: 2.0833vw;
        position: relative;
        border: 1px solid;
        border-radius: .5208vw;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%)
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .part-one[data-v-ab3c366d] {
        width: 680px;
        height: 640px;
        padding-left: 60px;
        padding-top: 40px;
        position: relative;
        border: 1px solid;
        border-radius: 10px;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%)
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .part-one .bg-img1[data-v-ab3c366d] {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 42.6667vw;
        width: 42.6667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .part-one .bg-img1[data-v-ab3c366d] {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 160px;
        width: 160px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .part-one .bg-img1[data-v-ab3c366d] {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 22.6563vw;
        width: 41.2109vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .part-one .bg-img1[data-v-ab3c366d] {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 232px;
        width: 422px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .part-one .bg-img1[data-v-ab3c366d] {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 20.8333vw;
        width: 35.4167vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .part-one .bg-img1[data-v-ab3c366d] {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 400px;
        width: 680px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper[data-v-ab3c366d] {
        margin-top: 4.2667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper[data-v-ab3c366d] {
        margin-top: 16px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper[data-v-ab3c366d] {
        margin-left: 1.9531vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper[data-v-ab3c366d] {
        margin-left: 20px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper[data-v-ab3c366d] {
        margin-left: 2.0833vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper[data-v-ab3c366d] {
        margin-left: 40px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-two[data-v-ab3c366d] {
        width: 87.2vw;
        height: 62.4vw;
        padding-left: 4.2667vw;
        padding-top: 5.3333vw;
        position: relative;
        border-radius: 2.6667vw;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border: 1px solid;
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%)
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-two[data-v-ab3c366d] {
        width: 327px;
        height: 234px;
        padding-left: 16px;
        padding-top: 20px;
        position: relative;
        border-radius: 10px;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border: 1px solid;
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%)
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-two[data-v-ab3c366d] {
        position: relative;
        width: 41.2109vw;
        height: 18.1641vw;
        padding-left: 2.9297vw;
        padding-top: 1.9531vw;
        border: 1px solid;
        border-radius: .9766vw;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%)
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-two[data-v-ab3c366d] {
        position: relative;
        width: 422px;
        height: 186px;
        padding-left: 30px;
        padding-top: 20px;
        border: 1px solid;
        border-radius: 10px;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%)
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-two[data-v-ab3c366d] {
        position: relative;
        width: 35.4167vw;
        height: 15.625vw;
        padding-left: 3.125vw;
        padding-top: 2.0833vw;
        border: 1px solid;
        border-radius: .5208vw;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%)
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-two[data-v-ab3c366d] {
        position: relative;
        width: 680px;
        height: 300px;
        padding-left: 60px;
        padding-top: 40px;
        border: 1px solid;
        border-radius: 10px;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%)
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-two .bg-img2[data-v-ab3c366d] {
        position: absolute;
        bottom: 2.6667vw;
        right: .8vw;
        height: 36.9867vw;
        width: 38.9333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-two .bg-img2[data-v-ab3c366d] {
        position: absolute;
        bottom: 10px;
        right: 3px;
        height: 138.7px;
        width: 146px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-two .bg-img2[data-v-ab3c366d] {
        position: absolute;
        bottom: 1.7773vw;
        right: 1.9531vw;
        height: 14.5215vw;
        width: 15.332vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-two .bg-img2[data-v-ab3c366d] {
        position: absolute;
        bottom: 18.2px;
        right: 20px;
        height: 148.7px;
        width: 157px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-two .bg-img2[data-v-ab3c366d] {
        position: absolute;
        bottom: 1.25vw;
        right: 2.2917vw;
        height: 13.125vw;
        width: 13.8542vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-two .bg-img2[data-v-ab3c366d] {
        position: absolute;
        bottom: 24px;
        right: 44px;
        height: 252px;
        width: 266px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-three[data-v-ab3c366d] {
        width: 87.2vw;
        height: 62.4vw;
        padding-left: 4.2667vw;
        padding-top: 5.3333vw;
        position: relative;
        border-radius: 2.6667vw;
        margin-top: 4.2667vw;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border: 1px solid;
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%)
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-three[data-v-ab3c366d] {
        width: 327px;
        height: 234px;
        padding-left: 16px;
        padding-top: 20px;
        position: relative;
        border-radius: 10px;
        margin-top: 16px;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border: 1px solid;
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%)
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-three[data-v-ab3c366d] {
        position: relative;
        margin-top: 1.9531vw;
        width: 41.2109vw;
        height: 18.1641vw;
        padding-left: 2.9297vw;
        padding-top: 1.9531vw;
        border: 1px solid;
        border-radius: .9766vw;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%)
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-three[data-v-ab3c366d] {
        position: relative;
        margin-top: 20px;
        width: 422px;
        height: 186px;
        padding-left: 30px;
        padding-top: 20px;
        border: 1px solid;
        border-radius: 10px;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%)
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-three[data-v-ab3c366d] {
        position: relative;
        width: 35.4167vw;
        height: 15.625vw;
        padding-left: 3.125vw;
        padding-top: 2.0833vw;
        border: 1px solid;
        border-radius: .5208vw;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%);
        margin-top: 2.0833vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-three[data-v-ab3c366d] {
        position: relative;
        width: 680px;
        height: 300px;
        padding-left: 60px;
        padding-top: 40px;
        border: 1px solid;
        border-radius: 10px;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%);
        margin-top: 40px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-three .bg-img3[data-v-ab3c366d] {
        position: absolute;
        bottom: 0vw;
        right: 0vw;
        height: 42.6667vw;
        width: 42.6667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-three .bg-img3[data-v-ab3c366d] {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 160px;
        width: 160px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-three .bg-img3[data-v-ab3c366d] {
        position: absolute;
        bottom: 0vw;
        right: 0vw;
        height: 18.1641vw;
        width: 18.1641vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-three .bg-img3[data-v-ab3c366d] {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 186px;
        width: 186px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-three .bg-img3[data-v-ab3c366d] {
        position: absolute;
        bottom: 0vw;
        right: 0vw;
        height: 15.625vw;
        width: 16.1458vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-top .section-wrapper .part-three .bg-img3[data-v-ab3c366d] {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 300px;
        width: 310px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom[data-v-ab3c366d] {
        margin-top: 16.5333vw;
        margin-bottom: 8.5333vw;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        width: 100%
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom[data-v-ab3c366d] {
        margin-top: 62px;
        margin-bottom: 32px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom[data-v-ab3c366d] {
        margin-top: 1.9531vw;
        width: 84.1797vw;
        height: 7.8125vw;
        border: 1px solid;
        border-radius: .9766vw;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%);
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom[data-v-ab3c366d] {
        margin-top: 20px;
        width: 862px;
        height: 80px;
        border: 1px solid;
        border-radius: 10px;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%);
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom[data-v-ab3c366d] {
        width: 72.9167vw;
        height: 8.5938vw;
        border: 1px solid;
        border-radius: .5208vw;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%);
        margin-top: 2.0833vw;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom[data-v-ab3c366d] {
        width: 1400px;
        height: 165px;
        border: 1px solid;
        border-radius: 10px;
        background: linear-gradient(180deg, rgba(29, 29, 29, .6) 0%, rgba(56, 61, 69, .6) 100%);
        border-image-source: linear-gradient(92.63deg, #3F3F3F 0%, rgba(63, 63, 63, 0) 36.11%, rgba(63, 63, 63, .360339) 62.98%, #3F3F3F 100%);
        margin-top: 40px;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item[data-v-ab3c366d] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 7.4667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item[data-v-ab3c366d] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 28px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item[data-v-ab3c366d] {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item[data-v-ab3c366d] {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item[data-v-ab3c366d] {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item[data-v-ab3c366d] {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-icon[data-v-ab3c366d] {
        width: 6.9333vw;
        height: 6.9333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-icon[data-v-ab3c366d] {
        width: 26px;
        height: 26px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-icon[data-v-ab3c366d] {
        width: 2.5391vw;
        height: 2.5391vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-icon[data-v-ab3c366d] {
        width: 26px;
        height: 26px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-icon[data-v-ab3c366d] {
        width: 2.0833vw;
        height: 2.0833vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-icon[data-v-ab3c366d] {
        width: 40px;
        height: 40px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-text[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 4.8vw;
        line-height: 100%;
        letter-spacing: 0%;
        margin-left: 4.2667vw;
        color: #fff;
        cursor: pointer
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-text[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 0%;
        margin-left: 16px;
        color: #fff;
        cursor: pointer
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-text[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 1.7578vw;
        line-height: 100%;
        letter-spacing: 0%;
        margin-left: 1.5625vw;
        color: #fff;
        cursor: pointer
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-text[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 0%;
        margin-left: 16px;
        color: #fff;
        cursor: pointer
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-text[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 1.0417vw;
        line-height: 100%;
        letter-spacing: 0%;
        margin-left: .7292vw;
        color: #fff;
        max-width: 10.9375vw;
        cursor: pointer
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-text[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 0%;
        margin-left: 14px;
        color: #fff;
        max-width: 210px;
        cursor: pointer
    }
}

.one-stop-part .one-stop-wrapper .group-bottom .click-item .click-text[data-v-ab3c366d]:hover {
    color: #ff6900
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-arrow[data-v-ab3c366d] {
        width: 1.6vw;
        height: 3.2vw;
        margin-left: 3.7333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-arrow[data-v-ab3c366d] {
        width: 6px;
        height: 12px;
        margin-left: 14px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-arrow[data-v-ab3c366d] {
        width: .5859vw;
        height: 1.1719vw;
        margin-left: 1.3672vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-arrow[data-v-ab3c366d] {
        width: 6px;
        height: 12px;
        margin-left: 14px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-arrow[data-v-ab3c366d] {
        width: .4167vw;
        height: .7813vw;
        margin-left: 1.0417vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom .click-item .click-arrow[data-v-ab3c366d] {
        width: 8px;
        height: 15px;
        margin-left: 20px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom .segment[data-v-ab3c366d] {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom .segment[data-v-ab3c366d] {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom .segment[data-v-ab3c366d] {
        width: 0vw;
        margin-left: 3.0273vw;
        margin-right: 3.0273vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom .segment[data-v-ab3c366d] {
        width: 0px;
        margin-left: 31px;
        margin-right: 31px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .group-bottom .segment[data-v-ab3c366d] {
        height: 4.1667vw;
        width: .1042vw;
        margin-left: 6.25vw;
        margin-right: 6.25vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .group-bottom .segment[data-v-ab3c366d] {
        height: 80px;
        width: 2px;
        margin-left: 120px;
        margin-right: 120px
    }
}

.one-stop-part .one-stop-wrapper .group-bottom :last-child.segment[data-v-ab3c366d] {
    display: none
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .part-title[data-v-ab3c366d] {
        font-weight: 600;
        font-size: 5.3333vw;
        line-height: 140%;
        letter-spacing: 0%;
        color: #fff;
        margin-bottom: 1.6vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .part-title[data-v-ab3c366d] {
        font-weight: 600;
        font-size: 20px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #fff;
        margin-bottom: 6px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .part-title[data-v-ab3c366d] {
        font-weight: 600;
        font-size: 1.9531vw;
        line-height: 140%;
        letter-spacing: 0%;
        color: #fff;
        margin-bottom: .5859vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .part-title[data-v-ab3c366d] {
        font-weight: 600;
        font-size: 20px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #fff;
        margin-bottom: 6px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .part-title[data-v-ab3c366d] {
        font-weight: 600;
        font-size: 1.6667vw;
        line-height: 120%;
        letter-spacing: 0%;
        color: #fff;
        margin-bottom: 1.0417vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .part-title[data-v-ab3c366d] {
        font-weight: 600;
        font-size: 32px;
        line-height: 120%;
        letter-spacing: 0%;
        color: #fff;
        margin-bottom: 20px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .part-desc[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 4vw;
        line-height: 140%;
        letter-spacing: 0%;
        color: #fff
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .part-desc[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #fff
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .part-desc[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 1.4648vw;
        line-height: 140%;
        letter-spacing: 0%;
        color: #fff
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .part-desc[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #fff
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .part-desc[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 1.0417vw;
        line-height: 140%;
        letter-spacing: 0%;
        color: #fff
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .part-desc[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 20px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #fff
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .part-learnMore[data-v-ab3c366d] {
        position: absolute;
        bottom: 10.6667vw;
        left: 5.3333vw;
        font-weight: 400;
        font-size: 4vw;
        line-height: 140%;
        letter-spacing: 0%;
        color: #666;
        cursor: pointer
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .part-learnMore[data-v-ab3c366d] {
        position: absolute;
        bottom: 40px;
        left: 20px;
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #666;
        cursor: pointer
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .part-learnMore[data-v-ab3c366d] {
        position: absolute;
        bottom: 2.9297vw;
        left: 2.9297vw;
        font-weight: 400;
        font-size: 1.4648vw;
        line-height: 140%;
        letter-spacing: 0%;
        color: #666;
        cursor: pointer
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .part-learnMore[data-v-ab3c366d] {
        position: absolute;
        bottom: 30px;
        left: 30px;
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #666;
        cursor: pointer
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .part-learnMore[data-v-ab3c366d] {
        position: absolute;
        bottom: 2.0833vw;
        left: 3.125vw;
        font-weight: 400;
        font-size: 1.0417vw;
        line-height: 140%;
        letter-spacing: 0%;
        color: #666;
        cursor: pointer
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .part-learnMore[data-v-ab3c366d] {
        position: absolute;
        bottom: 40px;
        left: 60px;
        font-weight: 400;
        font-size: 20px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #666;
        cursor: pointer
    }
}

.one-stop-part .one-stop-wrapper .part-learnMore[data-v-ab3c366d]:hover {
    color: #ff6900
}

.one-stop-part .one-stop-wrapper[data-v-ab3c366d] .DisclosureModal {
    position: absolute
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper[data-v-ab3c366d] .DisclosureModal {
        bottom: 4.2667vw;
        left: 5.3333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper[data-v-ab3c366d] .DisclosureModal {
        bottom: 16px;
        left: 20px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper[data-v-ab3c366d] .DisclosureModal {
        bottom: 1.1719vw;
        left: 2.9297vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper[data-v-ab3c366d] .DisclosureModal {
        bottom: 12px;
        left: 30px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper[data-v-ab3c366d] .DisclosureModal {
        bottom: .8333vw;
        left: 3.125vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper[data-v-ab3c366d] .DisclosureModal {
        bottom: 16px;
        left: 60px
    }
}

.one-stop-part .one-stop-wrapper[data-v-ab3c366d] .DisclosureModal .disclosure {
    color: #666
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper[data-v-ab3c366d] .DisclosureModal .disclosure {
        font-size: 1.1719vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper[data-v-ab3c366d] .DisclosureModal .disclosure {
        font-size: 12px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .part-url-wrapper[data-v-ab3c366d] {
        display: flex;
        margin-top: 12vw;
        max-width: 53.3333vw;
        flex-wrap: wrap
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .part-url-wrapper[data-v-ab3c366d] {
        display: flex;
        margin-top: 45px;
        max-width: 200px;
        flex-wrap: wrap
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .part-url-wrapper[data-v-ab3c366d] {
        display: flex;
        margin-top: 1.9531vw;
        max-width: 29.2969vw;
        flex-wrap: wrap
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .part-url-wrapper[data-v-ab3c366d] {
        display: flex;
        margin-top: 20px;
        max-width: 300px;
        flex-wrap: wrap
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .part-url-wrapper[data-v-ab3c366d] {
        display: flex;
        margin-top: 1.0417vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .part-url-wrapper[data-v-ab3c366d] {
        display: flex;
        margin-top: 20px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .part-url-wrapper .part-url-item[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 4vw;
        line-height: 140%;
        letter-spacing: 0%;
        color: #666;
        cursor: pointer;
        width: 30.9333vw;
        margin-bottom: .5333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .part-url-wrapper .part-url-item[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #666;
        cursor: pointer;
        width: 116px;
        margin-bottom: 2px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .part-url-wrapper .part-url-item[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 1.4648vw;
        line-height: 140%;
        letter-spacing: 0%;
        color: #666;
        cursor: pointer;
        margin-right: .9766vw;
        width: 11.3281vw;
        margin-bottom: .9766vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .part-url-wrapper .part-url-item[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #666;
        cursor: pointer;
        margin-right: 10px;
        width: 116px;
        margin-bottom: 10px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .one-stop-part .one-stop-wrapper .part-url-wrapper .part-url-item[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 1.0417vw;
        line-height: 140%;
        letter-spacing: 0%;
        color: #666;
        cursor: pointer;
        margin-right: 1.0417vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .one-stop-part .one-stop-wrapper .part-url-wrapper .part-url-item[data-v-ab3c366d] {
        font-weight: 400;
        font-size: 20px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #666;
        cursor: pointer;
        margin-right: 20px
    }
}

.one-stop-part .one-stop-wrapper .part-url-wrapper .part-url-item[data-v-ab3c366d]:hover {
    color: #ff6900
}

[data-v-95c9a712] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-95c9a712]::-webkit-credentials-auto-fill-button,
input[data-v-95c9a712]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-95c9a712],
h2[data-v-95c9a712],
h3[data-v-95c9a712],
h4[data-v-95c9a712],
h5[data-v-95c9a712],
h6[data-v-95c9a712],
p[data-v-95c9a712],
ul[data-v-95c9a712],
li[data-v-95c9a712] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-95c9a712],
    body[data-v-95c9a712] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.component-reson-container[data-v-95c9a712] {
    width: 100%
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-reson-container[data-v-95c9a712] {
        padding-bottom: 18.1333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-reson-container[data-v-95c9a712] {
        padding-bottom: 68px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-reson-container[data-v-95c9a712] {
        padding-bottom: 8.7891vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-reson-container[data-v-95c9a712] {
        padding-bottom: 90px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-reson-container[data-v-95c9a712] {
        padding-bottom: 7.8125vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-reson-container[data-v-95c9a712] {
        padding-bottom: 150px
    }
}

.component-reson-container .content-wrapper[data-v-95c9a712] {
    display: flex;
    justify-content: space-between
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper[data-v-95c9a712] {
        gap: 1.9531vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper[data-v-95c9a712] {
        gap: 20px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper[data-v-95c9a712] {
        gap: 4.1667vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper[data-v-95c9a712] {
        gap: 80px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .left-column[data-v-95c9a712] {
        width: 55.5664vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .left-column[data-v-95c9a712] {
        width: 569px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .left-column[data-v-95c9a712] {
        width: 47.9167vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .left-column[data-v-95c9a712] {
        width: 920px
    }
}

.component-reson-container .content-wrapper .left-column .title[data-v-95c9a712] {
    text-align: left
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .left-column .title[data-v-95c9a712] {
        margin-bottom: 2.9297vw;
        font-size: 2.9297vw;
        font-weight: 600
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .left-column .title[data-v-95c9a712] {
        margin-bottom: 30px;
        font-size: 30px;
        font-weight: 600
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .left-column .title[data-v-95c9a712] {
        margin-bottom: 2.6042vw;
        font-size: 2.5vw;
        font-weight: 600
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .left-column .title[data-v-95c9a712] {
        margin-bottom: 50px;
        font-size: 48px;
        font-weight: 600
    }
}

.component-reson-container .content-wrapper .left-column .tabs-container[data-v-95c9a712] {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .left-column .tabs-container[data-v-95c9a712] {
        gap: 1.9531vw;
        width: 55.5664vw;
        margin-top: 6.4453vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .left-column .tabs-container[data-v-95c9a712] {
        gap: 20px;
        width: 569px;
        margin-top: 66px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .left-column .tabs-container[data-v-95c9a712] {
        gap: 1.5625vw;
        margin-top: 6.1458vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .left-column .tabs-container[data-v-95c9a712] {
        gap: 30px;
        margin-top: 118px
    }
}

.component-reson-container .content-wrapper .left-column .tabs-container .tab[data-v-95c9a712] {
    cursor: pointer;
    border-bottom: 1px solid #dadada
}

.component-reson-container .content-wrapper .left-column .tabs-container .tab[data-v-95c9a712]:last-child {
    border-bottom: none
}

.component-reson-container .content-wrapper .left-column .tabs-container .tab .title[data-v-95c9a712] {
    color: #666
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .tab .title[data-v-95c9a712] {
        font-size: 2.4414vw;
        font-weight: 400
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .tab .title[data-v-95c9a712] {
        font-size: 25px;
        font-weight: 400
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .tab .title[data-v-95c9a712] {
        margin-bottom: 1.5625vw;
        font-size: 1.6667vw;
        font-weight: 400
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .tab .title[data-v-95c9a712] {
        margin-bottom: 30px;
        font-size: 32px;
        font-weight: 400
    }
}

.component-reson-container .content-wrapper .left-column .tabs-container .tab .description[data-v-95c9a712] {
    color: #1d1d1d;
    font-weight: 400;
    line-height: 1.2;
    margin: 0
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .tab .description[data-v-95c9a712] {
        font-size: 1.4648vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .tab .description[data-v-95c9a712] {
        font-size: 15px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .tab .description[data-v-95c9a712] {
        font-size: 1.0417vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .tab .description[data-v-95c9a712] {
        font-size: 20px
    }
}

.component-reson-container .content-wrapper .left-column .tabs-container .tab .description[data-v-95c9a712] sup {
    top: .2em
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .active[data-v-95c9a712] {
        padding-bottom: 1.9531vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .active[data-v-95c9a712] {
        padding-bottom: 20px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .active[data-v-95c9a712] {
        padding-bottom: 1.5625vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .active[data-v-95c9a712] {
        padding-bottom: 30px
    }
}

.component-reson-container .content-wrapper .left-column .tabs-container .active .tab-content[data-v-95c9a712] {
    position: relative
}

.component-reson-container .content-wrapper .left-column .tabs-container .active .tab-content[data-v-95c9a712]:before {
    content: "";
    display: block;
    height: 100%;
    background-color: #ff6900;
    position: absolute;
    top: 0
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .active .tab-content[data-v-95c9a712]:before {
        width: .4883vw;
        left: -1.9531vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .active .tab-content[data-v-95c9a712]:before {
        width: 5px;
        left: -20px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .active .tab-content[data-v-95c9a712]:before {
        width: .2604vw;
        left: -1.5625vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .active .tab-content[data-v-95c9a712]:before {
        width: 5px;
        left: -30px
    }
}

.component-reson-container .content-wrapper .left-column .tabs-container .active .tab-content .title[data-v-95c9a712] {
    color: #1d1d1d
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .active .tab-content .title[data-v-95c9a712] {
        font-size: 2.4414vw;
        font-weight: 500;
        margin-bottom: 1.5625vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .active .tab-content .title[data-v-95c9a712] {
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 16px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .active .tab-content .title[data-v-95c9a712] {
        font-weight: 600
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .left-column .tabs-container .active .tab-content .title[data-v-95c9a712] {
        font-weight: 600
    }
}

.component-reson-container .content-wrapper .right-column[data-v-95c9a712] {
    align-self: flex-start
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .right-column[data-v-95c9a712] {
        width: 26.8555vw;
        height: 41.6016vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .right-column[data-v-95c9a712] {
        width: 275px;
        height: 426px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .right-column[data-v-95c9a712] {
        width: 22.9167vw;
        height: 34.375vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .right-column[data-v-95c9a712] {
        width: 440px;
        height: 660px
    }
}

.component-reson-container .content-wrapper .right-column .image-container[data-v-95c9a712] {
    width: 100%;
    height: 100%;
    overflow: hidden
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item[data-v-95c9a712] {
        width: 26.8555vw;
        height: 41.6016vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item[data-v-95c9a712] {
        width: 275px;
        height: 426px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item[data-v-95c9a712] {
        width: 22.9167vw;
        height: 34.375vw;
        position: relative
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item[data-v-95c9a712] {
        width: 440px;
        height: 660px;
        position: relative
    }
}

.component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item .bottom-layer[data-v-95c9a712] {
    display: none
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item .bottom-layer[data-v-95c9a712] {
        display: none
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item .bottom-layer[data-v-95c9a712] {
        display: none
    }
}

.component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item img[data-v-95c9a712] {
    object-fit: contain
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item img[data-v-95c9a712] {
        width: 26.8555vw;
        height: 41.6016vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item img[data-v-95c9a712] {
        width: 275px;
        height: 426px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item img[data-v-95c9a712] {
        width: 22.9167vw;
        height: 34.375vw;
        position: absolute;
        top: 0
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item img[data-v-95c9a712] {
        width: 440px;
        height: 660px;
        position: absolute;
        top: 0
    }
}

.component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item .video-item[data-v-95c9a712] {
    object-fit: contain
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item .video-item[data-v-95c9a712] {
        width: 26.8555vw;
        height: 41.6016vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item .video-item[data-v-95c9a712] {
        width: 275px;
        height: 426px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item .video-item[data-v-95c9a712] {
        width: 22.9167vw;
        height: 34.375vw;
        position: absolute
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .right-column .image-container .swiper-wrapper .image-item .video-item[data-v-95c9a712] {
        width: 440px;
        height: 660px;
        position: absolute
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .right-column[data-v-95c9a712] .DisclosureModal {
        margin-top: 1.9531vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .right-column[data-v-95c9a712] .DisclosureModal {
        margin-top: 20px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .component-reson-container .content-wrapper .right-column[data-v-95c9a712] .DisclosureModal {
        margin-top: 3.125vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .component-reson-container .content-wrapper .right-column[data-v-95c9a712] .DisclosureModal {
        margin-top: 60px
    }
}

.component-reson-container .mobile-wrapper[data-v-95c9a712] {
    overflow: hidden
}

.component-reson-container .mobile-wrapper .mobile-container[data-v-95c9a712] {
    position: relative
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-reson-container .mobile-wrapper .mobile-container[data-v-95c9a712] {
        padding-bottom: 8vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-reson-container .mobile-wrapper .mobile-container[data-v-95c9a712] {
        padding-bottom: 30px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper[data-v-95c9a712] {
        margin-left: 6.4vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper[data-v-95c9a712] {
        margin-left: 24px
    }
}

.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item[data-v-95c9a712] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item[data-v-95c9a712] {
        width: 87.2vw;
        margin-top: 8vw;
        margin-right: 4.2667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item[data-v-95c9a712] {
        width: 327px;
        margin-top: 30px;
        margin-right: 16px
    }
}

.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .image[data-v-95c9a712] {
    object-fit: contain
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .image[data-v-95c9a712] {
        width: 87.2vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .image[data-v-95c9a712] {
        width: 327px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .image[data-v-95c9a712] {
        margin-bottom: 5.3333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .image[data-v-95c9a712] {
        margin-bottom: 20px
    }
}

.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .title[data-v-95c9a712] {
    text-align: left
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .title[data-v-95c9a712] {
        font-size: 6.6667vw;
        margin-bottom: 4.2667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .title[data-v-95c9a712] {
        font-size: 25px;
        margin-bottom: 16px
    }
}

.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .description[data-v-95c9a712] {
    text-align: left;
    margin: 0;
    line-height: 1.2
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .description[data-v-95c9a712] {
        font-size: 4vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .description[data-v-95c9a712] {
        font-size: 15px
    }
}

.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .description[data-v-95c9a712] sup {
    top: .2em
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-reson-container .mobile-wrapper .mobile-container[data-v-95c9a712] .DisclosureModal {
        margin-top: 5.3333vw;
        margin-bottom: 2.6667vw;
        width: 100%;
        display: flex
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-reson-container .mobile-wrapper .mobile-container[data-v-95c9a712] .DisclosureModal {
        margin-top: 20px;
        margin-bottom: 10px;
        width: 100%;
        display: flex
    }
}

.component-reson-container .mobile-wrapper .mobile-container[data-v-95c9a712] .DisclosureModal .disclosure {
    margin: 0 0 0 24px
}

.component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712] {
        bottom: 24vw !important;
        height: 2.6667vw;
        gap: 3.7333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712] {
        bottom: 90px !important;
        height: 10px;
        gap: 14px
    }
}

.component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712] .swiper-pagination-bullet {
    display: inline-block;
    background-color: #434855;
    opacity: .3;
    border-radius: 50%
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712] .swiper-pagination-bullet {
        width: 2.6667vw;
        height: 2.6667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712] .swiper-pagination-bullet {
        width: 10px;
        height: 10px
    }
}

.component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712] .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #ff6900;
    opacity: 1
}

@media (max-width: 767px) and (max-width: 1919px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712] {
        bottom: 0vw !important
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712] {
        bottom: 0 !important
    }
}

[data-v-e619cd05] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-e619cd05]::-webkit-credentials-auto-fill-button,
input[data-v-e619cd05]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-e619cd05],
h2[data-v-e619cd05],
h3[data-v-e619cd05],
h4[data-v-e619cd05],
h5[data-v-e619cd05],
h6[data-v-e619cd05],
p[data-v-e619cd05],
ul[data-v-e619cd05],
li[data-v-e619cd05] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-e619cd05],
    body[data-v-e619cd05] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-reson[data-v-e619cd05] {
        padding-top: 21.3333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-reson[data-v-e619cd05] {
        padding-top: 80px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .module-reson[data-v-e619cd05] {
        padding-top: 7.8125vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .module-reson[data-v-e619cd05] {
        padding-top: 80px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .module-reson[data-v-e619cd05] {
        padding-top: 6.25vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .module-reson[data-v-e619cd05] {
        padding-top: 120px
    }
}

[data-v-d2ea3cd8] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-d2ea3cd8]::-webkit-credentials-auto-fill-button,
input[data-v-d2ea3cd8]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-d2ea3cd8],
h2[data-v-d2ea3cd8],
h3[data-v-d2ea3cd8],
h4[data-v-d2ea3cd8],
h5[data-v-d2ea3cd8],
h6[data-v-d2ea3cd8],
p[data-v-d2ea3cd8],
ul[data-v-d2ea3cd8],
li[data-v-d2ea3cd8] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-d2ea3cd8],
    body[data-v-d2ea3cd8] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.Navigate[data-v-d2ea3cd8] {
    margin-top: -1px;
    position: relative;
    overflow: hidden;
    background-color: #181818
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Navigate[data-v-d2ea3cd8] {
        padding: 39.7333vw 6.4vw 13.3333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Navigate[data-v-d2ea3cd8] {
        padding: 149px 24px 50px
    }
}

.Navigate .navigate-top[data-v-d2ea3cd8] {
    background-color: #181818;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.Navigate img[data-v-d2ea3cd8] {
    position: absolute;
    z-index: 0;
    width: auto;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .Navigate img[data-v-d2ea3cd8] {
        width: 100vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .Navigate img[data-v-d2ea3cd8] {
        width: 1024px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .Navigate img[data-v-d2ea3cd8] {
        width: 100vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .Navigate img[data-v-d2ea3cd8] {
        width: 1920px
    }
}

.Navigate .pc-wrap[data-v-d2ea3cd8] {
    position: relative;
    z-index: 1
}

.Navigate .pc-wrap .title[data-v-d2ea3cd8] {
    text-align: left;
    color: #fff;
    white-space: nowrap
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Navigate .pc-wrap .title[data-v-d2ea3cd8] {
        font-size: 8vw;
        line-height: 1.2;
        font-weight: 600
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Navigate .pc-wrap .title[data-v-d2ea3cd8] {
        font-size: 30px;
        line-height: 1.2;
        font-weight: 600
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Navigate .pc-wrap .navigate-wrap[data-v-d2ea3cd8] {
        margin-top: 3.2vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Navigate .pc-wrap .navigate-wrap[data-v-d2ea3cd8] {
        margin-top: 12px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Navigate .pc-wrap .navigate-wrap .navigate-item[data-v-d2ea3cd8] {
        padding-top: 6.9333vw;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 6.6667vw;
        border-bottom-width: .2667vw;
        border-bottom-color: #2c2c2c;
        border-bottom-style: solid
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Navigate .pc-wrap .navigate-wrap .navigate-item[data-v-d2ea3cd8] {
        padding: 26px 0 25px;
        border-bottom-width: 1px;
        border-bottom-color: #2c2c2c;
        border-bottom-style: solid
    }
}

.Navigate .pc-wrap .navigate-wrap .navigate-item[data-v-d2ea3cd8]:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.Navigate .pc-wrap .navigate-wrap .navigate-item .subtitle[data-v-d2ea3cd8] {
    text-align: left;
    color: #fff
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Navigate .pc-wrap .navigate-wrap .navigate-item .subtitle[data-v-d2ea3cd8] {
        font-size: 5.3333vw;
        line-height: 1.2
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Navigate .pc-wrap .navigate-wrap .navigate-item .subtitle[data-v-d2ea3cd8] {
        font-size: 20px;
        line-height: 1.2
    }
}

.Navigate .pc-wrap .navigate-wrap .navigate-item .desc[data-v-d2ea3cd8] {
    text-align: left;
    color: #fff;
    opacity: .5
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Navigate .pc-wrap .navigate-wrap .navigate-item .desc[data-v-d2ea3cd8] {
        margin-top: 2.1333vw;
        font-size: 4vw;
        line-height: 1.2
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Navigate .pc-wrap .navigate-wrap .navigate-item .desc[data-v-d2ea3cd8] {
        margin-top: 8px;
        font-size: 15px;
        line-height: 1.2
    }
}

.Navigate .pc-wrap .navigate-wrap .navigate-item .link[data-v-d2ea3cd8] {
    text-align: left;
    color: #ff6900
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Navigate .pc-wrap .navigate-wrap .navigate-item .link[data-v-d2ea3cd8] {
        margin-top: 7.4667vw;
        font-size: 4vw;
        line-height: 1.2
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Navigate .pc-wrap .navigate-wrap .navigate-item .link[data-v-d2ea3cd8] {
        margin-top: 28px;
        font-size: 15px;
        line-height: 1.2
    }
}

.lang-0 .Navigate[data-v-d2ea3cd8],
.lang-1 .Navigate[data-v-d2ea3cd8] {
    padding: 3.7rem .48rem 1rem
}

@media screen and (min-width: 768px) {
    .Navigate[data-v-d2ea3cd8] {
        padding: 21.484375vw 7.8125vw 2.5390625vw
    }

    .Navigate .pc-wrap[data-v-d2ea3cd8] {
        width: 84.47265625vw
    }

    .Navigate .pc-wrap .title[data-v-d2ea3cd8] {
        font-size: 2.9296875vw
    }

    .Navigate .pc-wrap .navigate-wrap[data-v-d2ea3cd8] {
        margin-top: 3.515625vw;
        display: flex;
        justify-content: space-between
    }

    .Navigate .pc-wrap .navigate-wrap .navigate-item[data-v-d2ea3cd8] {
        padding: 0;
        width: 26.85546875vw;
        border-bottom: none
    }

    .Navigate .pc-wrap .navigate-wrap .navigate-item .subtitle[data-v-d2ea3cd8] {
        font-size: 1.953125vw
    }

    .Navigate .pc-wrap .navigate-wrap .navigate-item .desc[data-v-d2ea3cd8] {
        margin-top: .9765625vw;
        font-size: 1.46484375vw
    }

    .Navigate .pc-wrap .navigate-wrap .navigate-item .link[data-v-d2ea3cd8] {
        margin-top: 2.1484375vw;
        font-size: 1.46484375vw
    }

    .lang-0 .Navigate[data-v-d2ea3cd8],
    .lang-1 .Navigate[data-v-d2ea3cd8] {
        padding: 25vw 7.8125vw 2.5390625vw
    }
}

@media screen and (min-width: 1240.5px) {
    .Navigate[data-v-d2ea3cd8] {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .Navigate .pc-wrap[data-v-d2ea3cd8] {
        width: 72.91666666666666vw;
        margin: 0 auto
    }

    .Navigate .pc-wrap .title[data-v-d2ea3cd8] {
        font-size: 3.125vw
    }

    .Navigate .pc-wrap .navigate-wrap[data-v-d2ea3cd8] {
        margin-top: 3.125vw
    }

    .Navigate .pc-wrap .navigate-wrap .navigate-item[data-v-d2ea3cd8] {
        width: 19.791666666666664vw
    }

    .Navigate .pc-wrap .navigate-wrap .navigate-item .subtitle[data-v-d2ea3cd8] {
        font-size: 1.6666666666666667vw
    }

    .Navigate .pc-wrap .navigate-wrap .navigate-item .desc[data-v-d2ea3cd8] {
        margin-top: .5208333333333333vw;
        font-size: 1.0416666666666665vw
    }

    .Navigate .pc-wrap .navigate-wrap .navigate-item .link[data-v-d2ea3cd8] {
        margin-top: 1.1458333333333333vw;
        font-size: 1.0416666666666665vw
    }

    .lang-0 .Navigate[data-v-d2ea3cd8],
    .lang-1 .Navigate[data-v-d2ea3cd8] {
        padding: 22.083333333333332vw 0 5.208333333333334vw
    }
}

@media screen and (min-width: 1920.5px) {
    .Navigate[data-v-d2ea3cd8] {
        padding: 424px 260px 100px
    }

    .Navigate .pc-wrap[data-v-d2ea3cd8] {
        max-width: 1400px
    }

    .Navigate .pc-wrap .title[data-v-d2ea3cd8] {
        font-size: 60px
    }

    .Navigate .pc-wrap .navigate-wrap[data-v-d2ea3cd8] {
        margin-top: 60px
    }

    .Navigate .pc-wrap .navigate-wrap .navigate-item[data-v-d2ea3cd8] {
        width: 380px
    }

    .Navigate .pc-wrap .navigate-wrap .navigate-item .subtitle[data-v-d2ea3cd8] {
        font-size: 32px
    }

    .Navigate .pc-wrap .navigate-wrap .navigate-item .desc[data-v-d2ea3cd8] {
        margin-top: 10px;
        font-size: 20px
    }

    .Navigate .pc-wrap .navigate-wrap .navigate-item .link[data-v-d2ea3cd8] {
        margin-top: 22px;
        font-size: 20px
    }

    .lang-0 .Navigate[data-v-d2ea3cd8],
    .lang-1 .Navigate[data-v-d2ea3cd8] {
        padding: 424px 0 100px
    }
}

[data-v-dd40d149] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-dd40d149]::-webkit-credentials-auto-fill-button,
input[data-v-dd40d149]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-dd40d149],
h2[data-v-dd40d149],
h3[data-v-dd40d149],
h4[data-v-dd40d149],
h5[data-v-dd40d149],
h6[data-v-dd40d149],
p[data-v-dd40d149],
ul[data-v-dd40d149],
li[data-v-dd40d149] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-dd40d149],
    body[data-v-dd40d149] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.Protect[data-v-dd40d149] {
    background-color: #181818
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Protect[data-v-dd40d149] {
        margin-top: -.2667vw;
        padding: 13.3333vw 6.4vw 18.1333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Protect[data-v-dd40d149] {
        margin-top: -1px;
        padding: 50px 24px 68px
    }
}

.Protect .pc-wrap .title[data-v-dd40d149] {
    line-height: 1.2;
    text-align: left;
    color: #fff
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Protect .pc-wrap .title[data-v-dd40d149] {
        font-size: 8vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Protect .pc-wrap .title[data-v-dd40d149] {
        font-size: 30px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Protect .pc-wrap .protect-wrap[data-v-dd40d149] {
        margin-top: 3.2vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Protect .pc-wrap .protect-wrap[data-v-dd40d149] {
        margin-top: 12px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Protect .pc-wrap .protect-wrap .protect-item[data-v-dd40d149] {
        padding: 6.9333vw 0vw 6.6667vw;
        border-bottom-color: #2c2c2c;
        border-bottom-width: .2667vw;
        border-bottom-style: solid
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Protect .pc-wrap .protect-wrap .protect-item[data-v-dd40d149] {
        padding: 26px 0 25px;
        border-bottom-color: #2c2c2c;
        border-bottom-width: 1px;
        border-bottom-style: solid
    }
}

.Protect .pc-wrap .protect-wrap .protect-item[data-v-dd40d149]:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.Protect .pc-wrap .protect-wrap .protect-item .subtitle[data-v-dd40d149] {
    line-height: 1.2;
    text-align: left;
    color: #fff
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Protect .pc-wrap .protect-wrap .protect-item .subtitle[data-v-dd40d149] {
        font-size: 5.3333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Protect .pc-wrap .protect-wrap .protect-item .subtitle[data-v-dd40d149] {
        font-size: 20px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Protect .pc-wrap .protect-wrap .protect-item .desc-box[data-v-dd40d149] {
        margin-top: 2.1333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Protect .pc-wrap .protect-wrap .protect-item .desc-box[data-v-dd40d149] {
        margin-top: 8px
    }
}

.Protect .pc-wrap .protect-wrap .protect-item .desc-box .desc[data-v-dd40d149] {
    line-height: 1.2;
    text-align: left;
    color: #fff;
    opacity: .5
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Protect .pc-wrap .protect-wrap .protect-item .desc-box .desc[data-v-dd40d149] {
        font-size: 4vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Protect .pc-wrap .protect-wrap .protect-item .desc-box .desc[data-v-dd40d149] {
        font-size: 15px
    }
}

.Protect .pc-wrap .protect-wrap .protect-item .desc-box .desc[data-v-dd40d149] a {
    line-height: 1.2;
    text-align: left;
    color: #fff;
    text-decoration: underline
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Protect .pc-wrap .protect-wrap .protect-item .desc-box .desc[data-v-dd40d149] a {
        font-size: 4vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Protect .pc-wrap .protect-wrap .protect-item .desc-box .desc[data-v-dd40d149] a {
        font-size: 15px
    }
}

.Protect .pc-wrap .protect-wrap .protect-item .desc-box .desc[data-v-dd40d149] a:hover {
    color: #ff6900
}

.Protect .pc-wrap .protect-wrap .protect-item .desc-box[data-v-dd40d149] .disclosure {
    text-decoration: underline;
    line-height: 1.2;
    color: #9a9a9a
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Protect .pc-wrap .protect-wrap .protect-item .desc-box[data-v-dd40d149] .disclosure {
        font-size: 3.2vw;
        margin: 0;
        margin-top: 2.1333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Protect .pc-wrap .protect-wrap .protect-item .desc-box[data-v-dd40d149] .disclosure {
        font-size: 12px;
        margin: 8px 0 0
    }
}

@media screen and (min-width: 768px) {
    .Protect[data-v-dd40d149] {
        padding: 6.640625vw 7.8125vw 9.5703125vw
    }

    .Protect .pc-wrap[data-v-dd40d149] {
        width: 84.47265625vw
    }

    .Protect .pc-wrap .title[data-v-dd40d149] {
        font-size: 2.9296875vw
    }

    .Protect .pc-wrap .protect-wrap[data-v-dd40d149] {
        margin-top: 3.7109375vw
    }

    .Protect .pc-wrap .protect-wrap .protect-item[data-v-dd40d149] {
        border-top: 1px solid #494949;
        padding: 2.1484375vw 0 3.7109375vw;
        border-bottom: none;
        display: flex;
        justify-content: flex-start
    }

    .Protect .pc-wrap .protect-wrap .protect-item .subtitle[data-v-dd40d149] {
        font-size: 1.46484375vw;
        width: 26.85546875vw
    }

    .Protect .pc-wrap .protect-wrap .protect-item .desc-box[data-v-dd40d149] {
        flex: 1;
        margin-top: 0
    }

    .Protect .pc-wrap .protect-wrap .protect-item .desc-box .desc[data-v-dd40d149] {
        font-size: 1.46484375vw;
        color: #999;
        opacity: 1
    }

    .Protect .pc-wrap .protect-wrap .protect-item .desc-box .desc[data-v-dd40d149] a {
        font-size: 1.46484375vw;
        color: #999
    }

    .Protect .pc-wrap .protect-wrap .protect-item .desc-box[data-v-dd40d149] .disclosure {
        margin: 1.171875vw 0 0;
        font-size: 1.171875vw;
        color: #999
    }
}

@media screen and (min-width: 1240.5px) {
    .Protect[data-v-dd40d149] {
        padding: 3.125vw 13.541666666666666vw 8.4375vw
    }

    .Protect .pc-wrap[data-v-dd40d149] {
        width: 72.91666666666666vw;
        margin: 0 auto
    }

    .Protect .pc-wrap .title[data-v-dd40d149] {
        font-size: 3.125vw
    }

    .Protect .pc-wrap .protect-wrap[data-v-dd40d149] {
        margin-top: 2.083333333333333vw
    }

    .Protect .pc-wrap .protect-wrap .protect-item[data-v-dd40d149] {
        padding: 1.5625vw 0
    }

    .Protect .pc-wrap .protect-wrap .protect-item .subtitle[data-v-dd40d149] {
        font-size: 1.0416666666666665vw;
        width: 25vw
    }

    .Protect .pc-wrap .protect-wrap .protect-item .desc-box[data-v-dd40d149] {
        flex: none;
        width: 41.92708333333333vw
    }

    .Protect .pc-wrap .protect-wrap .protect-item .desc-box .desc[data-v-dd40d149],
    .Protect .pc-wrap .protect-wrap .protect-item .desc-box .desc[data-v-dd40d149] a {
        font-size: 1.0416666666666665vw
    }

    .Protect .pc-wrap .protect-wrap .protect-item .desc-box[data-v-dd40d149] .disclosure {
        margin: .5208333333333333vw 0 0;
        font-size: .7291666666666666vw
    }
}

@media screen and (min-width: 1920.5px) {
    .Protect[data-v-dd40d149] {
        padding: 60px 260px 162px
    }

    .Protect .pc-wrap[data-v-dd40d149] {
        max-width: 1400px
    }

    .Protect .pc-wrap .title[data-v-dd40d149] {
        font-size: 60px
    }

    .Protect .pc-wrap .protect-wrap[data-v-dd40d149] {
        margin-top: 40px
    }

    .Protect .pc-wrap .protect-wrap .protect-item[data-v-dd40d149] {
        padding: 30px 0
    }

    .Protect .pc-wrap .protect-wrap .protect-item .subtitle[data-v-dd40d149] {
        font-size: 20px;
        width: 480px
    }

    .Protect .pc-wrap .protect-wrap .protect-item .desc-box[data-v-dd40d149] {
        width: 805px
    }

    .Protect .pc-wrap .protect-wrap .protect-item .desc-box .desc[data-v-dd40d149],
    .Protect .pc-wrap .protect-wrap .protect-item .desc-box .desc[data-v-dd40d149] a {
        font-size: 20px
    }

    .Protect .pc-wrap .protect-wrap .protect-item .desc-box[data-v-dd40d149] .disclosure {
        margin: 10px 0 0;
        font-size: 14px
    }
}

[data-v-a776a318] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-a776a318]::-webkit-credentials-auto-fill-button,
input[data-v-a776a318]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-a776a318],
h2[data-v-a776a318],
h3[data-v-a776a318],
h4[data-v-a776a318],
h5[data-v-a776a318],
h6[data-v-a776a318],
p[data-v-a776a318],
ul[data-v-a776a318],
li[data-v-a776a318] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-a776a318],
    body[data-v-a776a318] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-newsroom[data-v-a776a318] {
        padding: 0vw 6.4vw 16vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-newsroom[data-v-a776a318] {
        padding: 0 24px 60px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .module-newsroom[data-v-a776a318] {
        padding: 3.9063vw 0vw 5.8594vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .module-newsroom[data-v-a776a318] {
        padding: 40px 0 60px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .module-newsroom[data-v-a776a318] {
        padding: 2.0833vw 0vw 3.125vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .module-newsroom[data-v-a776a318] {
        padding: 40px 0 60px
    }
}

.module-newsroom[data-v-a776a318] .boundary .boundary-inner .news-room-component.h5 {
    padding: 80px 0 0
}

.module-newsroom[data-v-a776a318] .boundary .boundary-inner .news-room-component.h5 .news-room-container {
    padding: 0
}

.module-newsroom[data-v-a776a318] .boundary .boundary-inner .news-room-component.h5 .news-room-container .news-room-header {
    justify-content: center
}

@media (max-width: 767px) and (max-width: 1919px) {
    .module-newsroom[data-v-a776a318] .boundary .boundary-inner .news-room-component.h5 .news-room-container .news-room-header .news-room-title {
        font-size: 8vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .module-newsroom[data-v-a776a318] .boundary .boundary-inner .news-room-component.h5 .news-room-container .news-room-header .news-room-title {
        font-size: 30px
    }
}

.module-newsroom[data-v-a776a318] .boundary .boundary-inner .news-room-component.h5 .news-room-container .__widget-swiper-container-wrap {
    margin-bottom: 0
}

[data-v-ca3fb77a] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-ca3fb77a]::-webkit-credentials-auto-fill-button,
input[data-v-ca3fb77a]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-ca3fb77a],
h2[data-v-ca3fb77a],
h3[data-v-ca3fb77a],
h4[data-v-ca3fb77a],
h5[data-v-ca3fb77a],
h6[data-v-ca3fb77a],
p[data-v-ca3fb77a],
ul[data-v-ca3fb77a],
li[data-v-ca3fb77a] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-ca3fb77a],
    body[data-v-ca3fb77a] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.disclosure[data-v-ca3fb77a] {
    margin: .6rem auto 0;
    position: relative;
    font-weight: 400;
    font-size: .28rem;
    line-height: .33rem;
    color: #434855;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: fit-content;
    opacity: 1
}

.light[data-v-ca3fb77a] {
    color: #a8aebb
}

@media screen and (min-width: 768px) and (max-width: 1240px) {
    .disclosure[data-v-ca3fb77a] {
        margin: 20px auto 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #434855;
        display: flex;
        align-items: center;
        cursor: pointer;
        width: fit-content
    }

    .light[data-v-ca3fb77a] {
        color: #a8aebb
    }
}

@media screen and (min-width: 1240.5px) {
    .disclosure[data-v-ca3fb77a] {
        margin: 20px auto 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #434855;
        display: flex;
        align-items: center;
        cursor: pointer;
        width: fit-content
    }

    .light[data-v-ca3fb77a] {
        color: #a8aebb
    }
}

[data-v-8c96214d] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-8c96214d]::-webkit-credentials-auto-fill-button,
input[data-v-8c96214d]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-8c96214d],
h2[data-v-8c96214d],
h3[data-v-8c96214d],
h4[data-v-8c96214d],
h5[data-v-8c96214d],
h6[data-v-8c96214d],
p[data-v-8c96214d],
ul[data-v-8c96214d],
li[data-v-8c96214d] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-8c96214d],
    body[data-v-8c96214d] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.Bonus[data-v-8c96214d] {
    background: linear-gradient(180deg, #181818 0%, #000000 100%);
    position: relative;
    overflow: hidden
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Bonus[data-v-8c96214d] {
        margin-top: -.2667vw;
        margin-bottom: -.2667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Bonus[data-v-8c96214d] {
        margin-top: -1px;
        margin-bottom: -1px
    }
}

.Bonus .pc-wrap[data-v-8c96214d] {
    width: 100%;
    position: relative
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Bonus .pc-wrap[data-v-8c96214d] {
        height: 138.1333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Bonus .pc-wrap[data-v-8c96214d] {
        height: 518px
    }
}

.Bonus .pc-wrap img[data-v-8c96214d] {
    width: 100%
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Bonus .pc-wrap img[data-v-8c96214d] {
        height: 138.1333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Bonus .pc-wrap img[data-v-8c96214d] {
        height: 518px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .Bonus .pc-wrap img[data-v-8c96214d] {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .Bonus .pc-wrap img[data-v-8c96214d] {
        margin-left: auto;
        margin-right: auto
    }
}

.Bonus .pc-wrap .top-link[data-v-8c96214d] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 20
}

.Bonus .pc-wrap .text-wrap[data-v-8c96214d] {
    z-index: 22;
    position: absolute;
    line-height: 1.2;
    text-align: left;
    color: #666
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Bonus .pc-wrap .text-wrap[data-v-8c96214d] {
        left: 6.4vw;
        bottom: 3.4667vw;
        font-size: 2.9333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Bonus .pc-wrap .text-wrap[data-v-8c96214d] {
        left: 24px;
        bottom: 13px;
        font-size: 11px
    }
}

.Bonus .pc-wrap .text-wrap[data-v-8c96214d] a {
    line-height: 1.2;
    text-align: left;
    color: #666;
    text-decoration: underline
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Bonus .pc-wrap .text-wrap[data-v-8c96214d] a {
        font-size: 2.9333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Bonus .pc-wrap .text-wrap[data-v-8c96214d] a {
        font-size: 11px
    }
}

.Bonus .pc-wrap .text-wrap[data-v-8c96214d] a:hover {
    color: #ff6900
}

.Bonus .pc-wrap .text-wrap[data-v-8c96214d] .disclosure {
    position: absolute;
    bottom: 0;
    z-index: 22;
    text-decoration: underline;
    line-height: 1.2;
    color: #666
}

@media (max-width: 767px) and (max-width: 1919px) {
    .Bonus .pc-wrap .text-wrap[data-v-8c96214d] .disclosure {
        padding: 0;
        padding-top: .5333vw;
        left: 73.0667vw;
        font-size: 3.2vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .Bonus .pc-wrap .text-wrap[data-v-8c96214d] .disclosure {
        padding: 2px 0 0;
        left: 274px;
        font-size: 12px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {

    .zh .pc-wrap .text-wrap[data-v-8c96214d],
    .hk .pc-wrap .text-wrap[data-v-8c96214d] {
        bottom: 1.3333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {

    .zh .pc-wrap .text-wrap[data-v-8c96214d],
    .hk .pc-wrap .text-wrap[data-v-8c96214d] {
        bottom: 5px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {

    .zh .pc-wrap .text-wrap .comment[data-v-8c96214d],
    .hk .pc-wrap .text-wrap .comment[data-v-8c96214d] {
        padding-right: 5.3333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {

    .zh .pc-wrap .text-wrap .comment[data-v-8c96214d],
    .hk .pc-wrap .text-wrap .comment[data-v-8c96214d] {
        padding-right: 20px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {

    .zh .pc-wrap .text-wrap[data-v-8c96214d] .disclosure,
    .hk .pc-wrap .text-wrap[data-v-8c96214d] .disclosure {
        left: 13.3333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {

    .zh .pc-wrap .text-wrap[data-v-8c96214d] .disclosure,
    .hk .pc-wrap .text-wrap[data-v-8c96214d] .disclosure {
        left: 50px
    }
}

@media (max-width: 767px) and (max-width: 1919px) {
    .zh .pc-wrap .text-wrap[data-v-8c96214d] .disclosure {
        left: 12.2667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .zh .pc-wrap .text-wrap[data-v-8c96214d] .disclosure {
        left: 46px
    }
}

@media screen and (min-width: 768px) {
    .Bonus .pc-wrap[data-v-8c96214d] {
        width: 100%;
        height: 30.859375vw
    }

    .Bonus .pc-wrap img[data-v-8c96214d] {
        width: 100%;
        height: 27.34375vw
    }

    .Bonus .pc-wrap .text-wrap[data-v-8c96214d] {
        width: 85.9375vw;
        left: initial;
        right: 5.859375vw;
        bottom: 2.34375vw;
        font-size: 1.5625vw;
        color: #ab7946
    }

    .Bonus .pc-wrap .text-wrap[data-v-8c96214d] a {
        font-size: 1.5625vw;
        color: #ab7946
    }

    .Bonus .pc-wrap .text-wrap[data-v-8c96214d] .disclosure {
        margin: 0;
        position: absolute;
        left: 5.859375vw;
        bottom: 0;
        z-index: 22;
        font-size: 1.5625vw;
        color: #ab7946
    }

    .zh .pc-wrap[data-v-8c96214d],
    .hk .pc-wrap[data-v-8c96214d],
    .zh .pc-wrap img[data-v-8c96214d],
    .hk .pc-wrap img[data-v-8c96214d] {
        height: 30.859375vw
    }

    .zh .pc-wrap .text-wrap[data-v-8c96214d],
    .hk .pc-wrap .text-wrap[data-v-8c96214d] {
        bottom: 0vw;
        left: initial;
        right: 4.8828125vw;
        width: 83.984375vw
    }

    .zh .pc-wrap .text-wrap .comment[data-v-8c96214d],
    .hk .pc-wrap .text-wrap .comment[data-v-8c96214d] {
        padding-right: 0
    }

    .zh .pc-wrap .text-wrap[data-v-8c96214d] .disclosure,
    .hk .pc-wrap .text-wrap[data-v-8c96214d] .disclosure {
        left: 17.08984375vw
    }
}

@media screen and (min-width: 1240.5px) {
    .Bonus .pc-wrap[data-v-8c96214d] {
        width: 100%;
        height: 23.4375vw;
        position: relative;
        z-index: 10
    }

    .Bonus .pc-wrap img[data-v-8c96214d] {
        width: 100%;
        height: 23.4375vw
    }

    .Bonus .pc-wrap .link-bg[data-v-8c96214d] {
        position: absolute;
        width: 100%;
        height: 0vw;
        background-color: #181818;
        margin-top: -.15625vw;
        left: 0;
        top: 0;
        z-index: 5
    }

    .Bonus .pc-wrap .text-wrap[data-v-8c96214d] {
        width: 25.572916666666668vw;
        left: initial;
        right: 3.125vw;
        bottom: 3.125vw;
        transform: translate(2.604166666666667vw);
        font-size: .7291666666666666vw;
        color: #ab7946
    }

    .Bonus .pc-wrap .text-wrap[data-v-8c96214d] a {
        font-size: .7291666666666666vw;
        color: #ab7946
    }

    .Bonus .pc-wrap .text-wrap[data-v-8c96214d] .disclosure {
        margin: 0;
        position: absolute;
        left: 18.229166666666664vw;
        bottom: 0;
        z-index: 22;
        font-size: .7291666666666666vw;
        color: #ab7946
    }

    .zh .pc-wrap .text-wrap[data-v-8c96214d],
    .hk .pc-wrap .text-wrap[data-v-8c96214d] {
        left: initial;
        right: 3.125vw;
        bottom: 3.6458333333333335vw;
        width: 25.520833333333332vw
    }

    .zh .pc-wrap .text-wrap .comment[data-v-8c96214d],
    .hk .pc-wrap .text-wrap .comment[data-v-8c96214d] {
        padding-right: 0
    }

    .zh .pc-wrap .text-wrap[data-v-8c96214d] .disclosure,
    .hk .pc-wrap .text-wrap[data-v-8c96214d] .disclosure {
        left: 21.354166666666664vw
    }

    .zh .pc-wrap .text-wrap[data-v-8c96214d] .disclosure {
        left: 20.572916666666664vw
    }
}

@media screen and (min-width: 1920.5px) {
    .Bonus[data-v-8c96214d] {
        padding: 0
    }

    .Bonus .pc-wrap[data-v-8c96214d] {
        width: 1920px;
        height: 500px;
        margin: 0 auto
    }

    .Bonus .pc-wrap img[data-v-8c96214d] {
        width: 1920px;
        height: 500px
    }

    .Bonus .pc-wrap .top-link[data-v-8c96214d] {
        height: 500px
    }

    .Bonus .pc-wrap .link-bg[data-v-8c96214d] {
        height: 0px;
        margin-top: -3px
    }

    .Bonus .pc-wrap .text-wrap[data-v-8c96214d] {
        left: initial;
        right: 60px;
        bottom: 70px;
        font-size: 14px;
        width: 491px
    }

    .Bonus .pc-wrap .text-wrap[data-v-8c96214d] a {
        font-size: 14px
    }

    .Bonus .pc-wrap .text-wrap[data-v-8c96214d] .disclosure {
        margin: 0;
        left: 351px;
        bottom: 0;
        z-index: 22;
        font-size: 14px
    }

    .zh .pc-wrap .text-wrap[data-v-8c96214d],
    .hk .pc-wrap .text-wrap[data-v-8c96214d] {
        left: initial;
        right: 80px;
        bottom: 70px;
        width: 490px
    }

    .zh .pc-wrap .text-wrap .comment[data-v-8c96214d],
    .hk .pc-wrap .text-wrap .comment[data-v-8c96214d] {
        padding-right: 0
    }

    .zh .pc-wrap .text-wrap[data-v-8c96214d] .disclosure,
    .hk .pc-wrap .text-wrap[data-v-8c96214d] .disclosure {
        left: 410px
    }
}

[data-v-3c62bca7] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-3c62bca7]::-webkit-credentials-auto-fill-button,
input[data-v-3c62bca7]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-3c62bca7],
h2[data-v-3c62bca7],
h3[data-v-3c62bca7],
h4[data-v-3c62bca7],
h5[data-v-3c62bca7],
h6[data-v-3c62bca7],
p[data-v-3c62bca7],
ul[data-v-3c62bca7],
li[data-v-3c62bca7] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-3c62bca7],
    body[data-v-3c62bca7] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.page[data-v-3c62bca7] {
    width: 100%;
    height: 100%
}

[data-v-0fd0e127] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-0fd0e127]::-webkit-credentials-auto-fill-button,
input[data-v-0fd0e127]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-0fd0e127],
h2[data-v-0fd0e127],
h3[data-v-0fd0e127],
h4[data-v-0fd0e127],
h5[data-v-0fd0e127],
h6[data-v-0fd0e127],
p[data-v-0fd0e127],
ul[data-v-0fd0e127],
li[data-v-0fd0e127] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-0fd0e127],
    body[data-v-0fd0e127] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.swiper-progress-container[data-v-0fd0e127] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

@media (max-width: 767px) and (max-width: 1919px) {
    .swiper-progress-container[data-v-0fd0e127] {
        max-width: 87.2vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .swiper-progress-container[data-v-0fd0e127] {
        max-width: 327px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .swiper-progress-container[data-v-0fd0e127] {
        max-width: 84.375vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .swiper-progress-container[data-v-0fd0e127] {
        max-width: 864px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .swiper-progress-container[data-v-0fd0e127] {
        max-width: 72.9167vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .swiper-progress-container[data-v-0fd0e127] {
        max-width: 1400px
    }
}

.swiper-progress-container .progress-bars[data-v-0fd0e127] {
    display: flex;
    justify-content: center;
    width: 100%;
    cursor: pointer
}

@media (max-width: 767px) and (max-width: 1919px) {
    .swiper-progress-container .progress-bars[data-v-0fd0e127] {
        gap: 3.7333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .swiper-progress-container .progress-bars[data-v-0fd0e127] {
        gap: 14px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .swiper-progress-container .progress-bars[data-v-0fd0e127] {
        gap: 3.418vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .swiper-progress-container .progress-bars[data-v-0fd0e127] {
        gap: 35px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .swiper-progress-container .progress-bars[data-v-0fd0e127] {
        gap: 2.0833vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .swiper-progress-container .progress-bars[data-v-0fd0e127] {
        gap: 40px
    }
}

.swiper-progress-container .progress-bars .progress-bar[data-v-0fd0e127] {
    position: relative;
    overflow: hidden;
    width: 100%
}

@media (max-width: 767px) and (max-width: 1919px) {
    .swiper-progress-container .progress-bars .progress-bar[data-v-0fd0e127] {
        height: 1.0667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .swiper-progress-container .progress-bars .progress-bar[data-v-0fd0e127] {
        height: 4px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .swiper-progress-container .progress-bars .progress-bar[data-v-0fd0e127] {
        height: .3906vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .swiper-progress-container .progress-bars .progress-bar[data-v-0fd0e127] {
        height: 4px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .swiper-progress-container .progress-bars .progress-bar[data-v-0fd0e127] {
        height: .2083vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .swiper-progress-container .progress-bars .progress-bar[data-v-0fd0e127] {
        height: 4px
    }
}

.swiper-progress-container .progress-bars .progress-bar .inner-bar[data-v-0fd0e127] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%
}

.swiper-progress-container .progress-bars .progress-bar .inner-bar.active[data-v-0fd0e127] {
    animation: progress-0fd0e127 linear forwards
}

.swiper-progress-container .progress-texts[data-v-0fd0e127] {
    display: flex;
    justify-content: center;
    cursor: pointer;
    width: 100%
}

@media (max-width: 767px) and (max-width: 1919px) {
    .swiper-progress-container .progress-texts[data-v-0fd0e127] {
        gap: 3.7333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .swiper-progress-container .progress-texts[data-v-0fd0e127] {
        gap: 14px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .swiper-progress-container .progress-texts[data-v-0fd0e127] {
        gap: 3.418vw;
        padding-top: .9766vw;
        display: none
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .swiper-progress-container .progress-texts[data-v-0fd0e127] {
        gap: 35px;
        padding-top: 10px;
        display: none
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .swiper-progress-container .progress-texts[data-v-0fd0e127] {
        gap: 2.0833vw;
        padding-top: .5208vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .swiper-progress-container .progress-texts[data-v-0fd0e127] {
        gap: 40px;
        padding-top: 10px
    }
}

.swiper-progress-container .progress-texts .progress-text[data-v-0fd0e127] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    transition: color .3s ease
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .swiper-progress-container .progress-texts .progress-text[data-v-0fd0e127] {
        font-weight: 400;
        font-size: 1.1719vw;
        line-height: 1.2
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .swiper-progress-container .progress-texts .progress-text[data-v-0fd0e127] {
        font-weight: 400;
        font-size: 12px;
        line-height: 1.2
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .swiper-progress-container .progress-texts .progress-text[data-v-0fd0e127] {
        font-weight: 400;
        font-size: .8333vw;
        line-height: 1.4
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .swiper-progress-container .progress-texts .progress-text[data-v-0fd0e127] {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.4
    }
}

@keyframes progress-0fd0e127 {
    0% {
        width: 0%
    }

    to {
        width: 100%
    }
}

[data-v-1db05696] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-1db05696]::-webkit-credentials-auto-fill-button,
input[data-v-1db05696]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-1db05696],
h2[data-v-1db05696],
h3[data-v-1db05696],
h4[data-v-1db05696],
h5[data-v-1db05696],
h6[data-v-1db05696],
p[data-v-1db05696],
ul[data-v-1db05696],
li[data-v-1db05696] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-1db05696],
    body[data-v-1db05696] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.wrapper[data-v-1db05696] {
    padding-top: 2px;
    position: absolute;
    left: 0;
    right: 0
}

.notice[data-v-1db05696] {
    margin: 0 auto -42px;
    position: relative;
    width: 60%;
    max-width: 960px;
    height: 40px;
    overflow: hidden;
    z-index: 99;
    display: flex
}

.notice .text01[data-v-1db05696] {
    flex: 0 0 auto;
    width: auto;
    height: 40px;
    background-color: #fff4dc;
    font-size: 14px;
    line-height: 40px;
    color: #595757;
    padding-left: 15px;
    box-sizing: border-box
}

.notice .text01 i[data-v-1db05696] {
    display: inline-block;
    background: url(/static/img/image_555.png) no-repeat;
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    margin-top: 15px;
    vertical-align: top
}

.notice .text01 span[data-v-1db05696] {
    padding: 0 10px
}

.notice .text02[data-v-1db05696] {
    flex: 0 1 auto;
    width: auto;
    min-width: 100%;
    max-width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    padding: 0 130px 0 0;
    background-color: #fff4dc;
    color: #595757;
    box-sizing: border-box
}

.notice .text02 .inner[data-v-1db05696] {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
    overflow: hidden;
    color: #595757;
    text-decoration: none
}

.notice .text02 .inner .slide[data-v-1db05696] {
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 10px 10px 20px;
    box-sizing: border-box
}

.notice .text02 .inner .slide span[data-v-1db05696] {
    padding-right: 120px
}

.notice .closeicon[data-v-1db05696] {
    position: absolute;
    right: 10px;
    top: 10px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background-image: url(/static/img/image_556.png);
    cursor: pointer
}

@media screen and (max-width: 1249px) {
    .notice[data-v-1db05696] {
        width: 100%
    }
}

[data-v-1cac7c4c] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-1cac7c4c]::-webkit-credentials-auto-fill-button,
input[data-v-1cac7c4c]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-1cac7c4c],
h2[data-v-1cac7c4c],
h3[data-v-1cac7c4c],
h4[data-v-1cac7c4c],
h5[data-v-1cac7c4c],
h6[data-v-1cac7c4c],
p[data-v-1cac7c4c],
ul[data-v-1cac7c4c],
li[data-v-1cac7c4c] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-1cac7c4c],
    body[data-v-1cac7c4c] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.dialogContainer[data-v-1cac7c4c] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 9999;
    text-align: left;
    transition: .2s all
}

.dialogContainer .dialog[data-v-1cac7c4c] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #E4E4E4;
    max-height: 90%;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box
}

@media (max-width: 767px) and (max-width: 1919px) {
    .dialogContainer .dialog[data-v-1cac7c4c] {
        border-radius: 1.6vw;
        width: 87.2vw;
        padding: 6.4vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .dialogContainer .dialog[data-v-1cac7c4c] {
        border-radius: 6px;
        width: 327px;
        padding: 24px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .dialogContainer .dialog[data-v-1cac7c4c] {
        border-radius: .5859vw;
        width: 80vw;
        padding: 2.3438vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .dialogContainer .dialog[data-v-1cac7c4c] {
        border-radius: 6px;
        width: 80vw;
        padding: 24px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .dialogContainer .dialog[data-v-1cac7c4c] {
        border-radius: .3125vw;
        width: 37.5vw;
        padding: 1.25vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .dialogContainer .dialog[data-v-1cac7c4c] {
        border-radius: 6px;
        width: 720px;
        padding: 24px
    }
}

.dialogContainer .dialog .title[data-v-1cac7c4c] {
    font-weight: 600;
    line-height: 1.33;
    color: #333;
    display: flex;
    align-items: center
}

@media (max-width: 767px) and (max-width: 1919px) {
    .dialogContainer .dialog .title[data-v-1cac7c4c] {
        font-size: 4.8vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .dialogContainer .dialog .title[data-v-1cac7c4c] {
        font-size: 18px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .dialogContainer .dialog .title[data-v-1cac7c4c] {
        font-size: 1.7578vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .dialogContainer .dialog .title[data-v-1cac7c4c] {
        font-size: 18px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .dialogContainer .dialog .title[data-v-1cac7c4c] {
        font-size: .9375vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .dialogContainer .dialog .title[data-v-1cac7c4c] {
        font-size: 18px
    }
}

.dialogContainer .dialog .desc[data-v-1cac7c4c] {
    font-weight: 400;
    line-height: 1.285;
    color: #333;
    margin-top: .32rem;
    word-break: break-word
}

@media (max-width: 767px) and (max-width: 1919px) {
    .dialogContainer .dialog .desc[data-v-1cac7c4c] {
        font-size: 3.7333vw;
        margin-top: 4.2667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .dialogContainer .dialog .desc[data-v-1cac7c4c] {
        font-size: 14px;
        margin-top: 16px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .dialogContainer .dialog .desc[data-v-1cac7c4c] {
        font-size: 1.3672vw;
        margin-top: 1.7578vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .dialogContainer .dialog .desc[data-v-1cac7c4c] {
        font-size: 14px;
        margin-top: 18px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .dialogContainer .dialog .desc[data-v-1cac7c4c] {
        font-size: .7292vw;
        margin-top: .9375vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .dialogContainer .dialog .desc[data-v-1cac7c4c] {
        font-size: 14px;
        margin-top: 18px
    }
}

.dialogContainer .dialog .desc[data-v-1cac7c4c] a {
    color: #000;
    text-decoration: underline
}

.dialogContainer .dialog .desc[data-v-1cac7c4c] a:hover {
    color: #ff6900
}

.dialogContainer .dialog .closeBox[data-v-1cac7c4c] {
    position: absolute;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) and (max-width: 1919px) {
    .dialogContainer .dialog .closeBox[data-v-1cac7c4c] {
        width: 6.4vw;
        height: 6.4vw;
        right: 6.4vw;
        top: 6.4vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .dialogContainer .dialog .closeBox[data-v-1cac7c4c] {
        width: 24px;
        height: 24px;
        right: 24px;
        top: 24px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .dialogContainer .dialog .closeBox[data-v-1cac7c4c] {
        width: 2.3438vw;
        height: 2.3438vw;
        right: 2.3438vw;
        top: 2.3438vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .dialogContainer .dialog .closeBox[data-v-1cac7c4c] {
        width: 24px;
        height: 24px;
        right: 24px;
        top: 24px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .dialogContainer .dialog .closeBox[data-v-1cac7c4c] {
        width: 1.25vw;
        height: 1.25vw;
        right: 1.25vw;
        top: 1.25vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .dialogContainer .dialog .closeBox[data-v-1cac7c4c] {
        width: 24px;
        height: 24px;
        right: 24px;
        top: 24px
    }
}

.dialogContainer .dialog .closeBox .icon[data-v-1cac7c4c] {
    background-image:
        /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/close-d16b929f.svg*/
        var(--savepage-url-35);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 767px) and (max-width: 1919px) {
    .dialogContainer .dialog .closeBox .icon[data-v-1cac7c4c] {
        width: 6.4vw;
        height: 6.4vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .dialogContainer .dialog .closeBox .icon[data-v-1cac7c4c] {
        width: 24px;
        height: 24px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .dialogContainer .dialog .closeBox .icon[data-v-1cac7c4c] {
        width: 2.3438vw;
        height: 2.3438vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .dialogContainer .dialog .closeBox .icon[data-v-1cac7c4c] {
        width: 24px;
        height: 24px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .dialogContainer .dialog .closeBox .icon[data-v-1cac7c4c] {
        width: 1.25vw;
        height: 1.25vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .dialogContainer .dialog .closeBox .icon[data-v-1cac7c4c] {
        width: 24px;
        height: 24px
    }
}

[data-v-d59a1892] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-d59a1892]::-webkit-credentials-auto-fill-button,
input[data-v-d59a1892]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-d59a1892],
h2[data-v-d59a1892],
h3[data-v-d59a1892],
h4[data-v-d59a1892],
h5[data-v-d59a1892],
h6[data-v-d59a1892],
p[data-v-d59a1892],
ul[data-v-d59a1892],
li[data-v-d59a1892] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-d59a1892],
    body[data-v-d59a1892] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.disclosure[data-v-d59a1892] {
    position: relative;
    font-weight: 400;
    line-height: 1.4;
    color: #9a9a9a;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: fit-content;
    text-decoration: underline;
    margin: 0 auto
}

@media (max-width: 767px) and (max-width: 1919px) {
    .disclosure[data-v-d59a1892] {
        font-size: 3.2vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .disclosure[data-v-d59a1892] {
        font-size: 12px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .disclosure[data-v-d59a1892] {
        font-size: 1.3672vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .disclosure[data-v-d59a1892] {
        font-size: 14px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .disclosure[data-v-d59a1892] {
        font-size: .7292vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .disclosure[data-v-d59a1892] {
        font-size: 14px
    }
}

.disclosure.light[data-v-d59a1892] {
    color: #a8aebb
}

[data-v-c4838c5b] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-c4838c5b]::-webkit-credentials-auto-fill-button,
input[data-v-c4838c5b]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-c4838c5b],
h2[data-v-c4838c5b],
h3[data-v-c4838c5b],
h4[data-v-c4838c5b],
h5[data-v-c4838c5b],
h6[data-v-c4838c5b],
p[data-v-c4838c5b],
ul[data-v-c4838c5b],
li[data-v-c4838c5b] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-c4838c5b],
    body[data-v-c4838c5b] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.dialogContainer[data-v-c4838c5b] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 9999;
    text-align: left;
    transition: .2s all
}

.dialogContainer .dialog[data-v-c4838c5b] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #E4E4E4;
    max-height: 90%;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box
}

@media (max-width: 767px) and (max-width: 1919px) {
    .dialogContainer .dialog[data-v-c4838c5b] {
        border-radius: 1.6vw;
        width: 87.2vw;
        padding: 6.4vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .dialogContainer .dialog[data-v-c4838c5b] {
        border-radius: 6px;
        width: 327px;
        padding: 24px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .dialogContainer .dialog[data-v-c4838c5b] {
        border-radius: .5859vw;
        width: 80vw;
        padding: 2.3438vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .dialogContainer .dialog[data-v-c4838c5b] {
        border-radius: 6px;
        width: 80vw;
        padding: 24px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .dialogContainer .dialog[data-v-c4838c5b] {
        border-radius: .3125vw;
        width: 37.5vw;
        padding: 1.25vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .dialogContainer .dialog[data-v-c4838c5b] {
        border-radius: 6px;
        width: 720px;
        padding: 24px
    }
}

.dialogContainer .dialog .title[data-v-c4838c5b] {
    font-weight: 600;
    line-height: 1.33;
    color: #333;
    display: flex;
    align-items: center
}

@media (max-width: 767px) and (max-width: 1919px) {
    .dialogContainer .dialog .title[data-v-c4838c5b] {
        font-size: 4.8vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .dialogContainer .dialog .title[data-v-c4838c5b] {
        font-size: 18px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .dialogContainer .dialog .title[data-v-c4838c5b] {
        font-size: 1.7578vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .dialogContainer .dialog .title[data-v-c4838c5b] {
        font-size: 18px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .dialogContainer .dialog .title[data-v-c4838c5b] {
        font-size: .9375vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .dialogContainer .dialog .title[data-v-c4838c5b] {
        font-size: 18px
    }
}

.dialogContainer .dialog .desc[data-v-c4838c5b] {
    font-weight: 400;
    line-height: 1.285;
    color: #333;
    margin-top: .32rem;
    word-break: break-word
}

@media (max-width: 767px) and (max-width: 1919px) {
    .dialogContainer .dialog .desc[data-v-c4838c5b] {
        font-size: 3.7333vw;
        margin-top: 4.2667vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .dialogContainer .dialog .desc[data-v-c4838c5b] {
        font-size: 14px;
        margin-top: 16px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .dialogContainer .dialog .desc[data-v-c4838c5b] {
        font-size: 1.3672vw;
        margin-top: 1.7578vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .dialogContainer .dialog .desc[data-v-c4838c5b] {
        font-size: 14px;
        margin-top: 18px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .dialogContainer .dialog .desc[data-v-c4838c5b] {
        font-size: .7292vw;
        margin-top: .9375vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .dialogContainer .dialog .desc[data-v-c4838c5b] {
        font-size: 14px;
        margin-top: 18px
    }
}

.dialogContainer .dialog .desc[data-v-c4838c5b] a {
    color: #000;
    text-decoration: underline
}

.dialogContainer .dialog .desc[data-v-c4838c5b] a:hover {
    color: #ff6900
}

.dialogContainer .dialog .closeBox[data-v-c4838c5b] {
    position: absolute;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) and (max-width: 1919px) {
    .dialogContainer .dialog .closeBox[data-v-c4838c5b] {
        width: 6.4vw;
        height: 6.4vw;
        right: 6.4vw;
        top: 6.4vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .dialogContainer .dialog .closeBox[data-v-c4838c5b] {
        width: 24px;
        height: 24px;
        right: 24px;
        top: 24px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .dialogContainer .dialog .closeBox[data-v-c4838c5b] {
        width: 2.3438vw;
        height: 2.3438vw;
        right: 2.3438vw;
        top: 2.3438vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .dialogContainer .dialog .closeBox[data-v-c4838c5b] {
        width: 24px;
        height: 24px;
        right: 24px;
        top: 24px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .dialogContainer .dialog .closeBox[data-v-c4838c5b] {
        width: 1.25vw;
        height: 1.25vw;
        right: 1.25vw;
        top: 1.25vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .dialogContainer .dialog .closeBox[data-v-c4838c5b] {
        width: 24px;
        height: 24px;
        right: 24px;
        top: 24px
    }
}

.dialogContainer .dialog .closeBox .icon[data-v-c4838c5b] {
    background-image:
        /*savepage-url=https://cdn.futustatic.com/official_global_website/moomoo/assets/close-d16b929f.svg*/
        var(--savepage-url-35);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 767px) and (max-width: 1919px) {
    .dialogContainer .dialog .closeBox .icon[data-v-c4838c5b] {
        width: 6.4vw;
        height: 6.4vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    .dialogContainer .dialog .closeBox .icon[data-v-c4838c5b] {
        width: 24px;
        height: 24px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    .dialogContainer .dialog .closeBox .icon[data-v-c4838c5b] {
        width: 2.3438vw;
        height: 2.3438vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    .dialogContainer .dialog .closeBox .icon[data-v-c4838c5b] {
        width: 24px;
        height: 24px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .dialogContainer .dialog .closeBox .icon[data-v-c4838c5b] {
        width: 1.25vw;
        height: 1.25vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    .dialogContainer .dialog .closeBox .icon[data-v-c4838c5b] {
        width: 24px;
        height: 24px
    }
}

@font-face {
    font-family: swiper-icons;
    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);
    font-weight: 400;
    font-style: normal
}

.app-container :root {
    --swiper-theme-color: #007aff
}

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

.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-vertical>.swiper-wrapper {
    flex-direction: column
}

.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-android .swiper-slide,
.app-container .swiper-ios .swiper-slide,
.app-container .swiper-wrapper {
    transform: translateZ(0)
}

.app-container .swiper-horizontal {
    touch-action: pan-y
}

.app-container .swiper-vertical {
    touch-action: pan-x
}

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

.app-container .swiper-slide-invisible-blank {
    visibility: hidden
}

.app-container .swiper-autoheight,
.app-container .swiper-autoheight .swiper-slide {
    height: auto
}

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

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

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

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

.app-container .swiper-3d {
    perspective: 1200px
}

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

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

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

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

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

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

.app-container .swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

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

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

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

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

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

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

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

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

.app-container .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.app-container .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.app-container .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.app-container .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.app-container .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

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

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

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

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

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

    to {
        transform: rotate(360deg)
    }
}

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

.app-container .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

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

.app-container .swiper-pagination-fraction,
.app-container .swiper-pagination-custom,
.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-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

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

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

.app-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.app-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.app-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.app-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.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, .2)
}

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

.swiper-pagination-clickable .app-container .swiper-pagination-bullet {
    cursor: pointer
}

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

.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-vertical>.swiper-pagination-bullets,
.app-container .swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

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

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

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

.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-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.app-container .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.app-container .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.app-container .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.app-container .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

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

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

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

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

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

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

.app-container .swiper-pagination-lock {
    display: none
}

.app-container :root {
    --swiper-navigation-size: 44px
}

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

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

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

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

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

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

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

.app-container .swiper-button-lock {
    display: none
}

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

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

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

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

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

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

.app-container .swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

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

[data-v-7256454a] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-7256454a]::-webkit-credentials-auto-fill-button,
input[data-v-7256454a]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-7256454a],
h2[data-v-7256454a],
h3[data-v-7256454a],
h4[data-v-7256454a],
h5[data-v-7256454a],
h6[data-v-7256454a],
p[data-v-7256454a],
ul[data-v-7256454a],
li[data-v-7256454a] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-7256454a],
    body[data-v-7256454a] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.app-container[data-v-7256454a] {
    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
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html,
    body {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

h2.title {
    font-weight: 600;
    line-height: 1.2;
    color: #1d1d1d;
    text-align: center;
    margin: 0
}

@media (max-width: 767px) and (max-width: 1919px) {
    h2.title {
        font-size: 8vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    h2.title {
        font-size: 30px
    }
}

@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
    }
}

h3.title {
    font-weight: 600;
    line-height: 1.2;
    color: #1d1d1d;
    margin: 0
}

@media (max-width: 767px) and (max-width: 1919px) {
    h3.title {
        font-size: 5.3333vw
    }
}

@media (max-width: 767px) and (min-width: 1920px) {
    h3.title {
        font-size: 20px
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (max-width: 1919px) {
    h3.title {
        font-size: 1.9531vw
    }
}

@media (min-width: 768px) and (max-width: 1239px) and (min-width: 1920px) {
    h3.title {
        font-size: 20px
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    h3.title {
        font-size: 1.6667vw
    }
}

@media (min-width: 1240px) and (min-width: 1920px) {
    h3.title {
        font-size: 32px
    }
}

[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
    }
}

.body {
    -webkit-font-smoothing: antialiased
}

: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.lang-hant {
    --official-font-regular: var(--cs-site-font-regular, "PingFangHK-Regular", "Microsoft YaHei", "HelveticaNeue", Helvetica, sans-serif, "-apple-system", system-ui);
    --official-font-semi: var(--cs-site-font-semi, "PingFangHK-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, "PingFangHK-Semibold", "Microsoft YaHei Semibold", "Microsoft YaHei Bold", "Microsoft YaHei", "HelveticaNeue-Bold", "Helvetica-Bold", sans-serif, "-apple-system", system-ui)
}

body.lang-en {
    --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 {
    font-family: var(--official-font-regular)
}

body .demi {
    font-family: var(--official-font-semi);
    font-weight: 400 !important
}

body .bold {
    font-family: var(--official-font-bold);
    font-weight: 400 !important
}

[data-v-322259c1] {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: border-box
}

input[data-v-322259c1]::-webkit-credentials-auto-fill-button,
input[data-v-322259c1]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

h1[data-v-322259c1],
h2[data-v-322259c1],
h3[data-v-322259c1],
h4[data-v-322259c1],
h5[data-v-322259c1],
h6[data-v-322259c1],
p[data-v-322259c1],
ul[data-v-322259c1],
li[data-v-322259c1] {
    margin: 0;
    padding: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    html[data-v-322259c1],
    body[data-v-322259c1] {
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important
    }
}

.cta-button-container[data-v-322259c1] {
    text-align: center
}

.cta-button-container .cta-btn-guide-box[data-v-322259c1] {
    display: inline-block;
    position: relative;
    width: 300px
}

.cta-button-container .cta-btn-guide-box .cta-btn[data-v-322259c1] {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    width: 300px;
    height: 56px;
    background: #ff6900;
    border-radius: 28px;
    font-family: var(--cs-site-font-regular);
    font-size: 20px;
    line-height: 56px;
    color: #fff;
    text-decoration: none
}

.cta-button-container .cta-btn-guide-box .cta-btn[data-v-322259c1]:hover {
    background: #ff8329
}

.cta-button-container .cta-btn-guide-box .cta-btn-loading-icon[data-v-322259c1] {
    vertical-align: middle;
    margin-right: 3px;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-322259c1 1s linear infinite
}

.cta-button-container .cta-btn-guide-box .cta-btn-hover[data-v-322259c1] {
    position: absolute;
    top: 125%;
    left: 50%;
    transform: translate(-50%);
    width: 328px;
    font-weight: 400;
    font-size: 12px;
    display: none;
    background-color: #eaeef4;
    color: #63687b;
    border-radius: 8px;
    padding: 12px;
    box-sizing: border-box;
    line-height: normal
}

.cta-button-container .cta-btn-guide-box:hover .cta-btn-hover[data-v-322259c1] {
    display: block
}

.cta-button-container.adapt .cta-btn-guide-box[data-v-322259c1] {
    min-width: 4rem;
    width: auto
}

.cta-button-container.adapt .cta-btn-guide-box .cta-btn[data-v-322259c1] {
    font-family: var(--cs-site-font-semi);
    padding: 0 1rem;
    min-width: 4rem;
    width: auto;
    height: .9rem;
    border-radius: .6rem;
    font-size: .3rem;
    line-height: .9rem
}

@media screen and (min-width: 768px) and (max-width: 1240px) {
    .adapt.cta-button-container .cta-btn-guide-box[data-v-322259c1] {
        min-width: 16.129032258064516vw
    }

    .adapt.cta-button-container .cta-btn-guide-box .cta-btn[data-v-322259c1] {
        min-width: 16.129032258064516vw;
        padding: 0 4.032258064516129vw;
        height: 3.6290322580645165vw;
        border-radius: 2.4193548387096775vw;
        font-size: 1.2096774193548387vw;
        line-height: 3.6290322580645165vw
    }
}

@media screen and (min-width: 1240.5px) {
    .adapt.cta-button-container .cta-btn-guide-box[data-v-322259c1] {
        min-width: 280px
    }

    .adapt.cta-button-container .cta-btn-guide-box .cta-btn[data-v-322259c1] {
        min-width: 280px;
        padding: 0 65px;
        height: 60px;
        border-radius: 60px;
        font-size: 22px;
        line-height: 60px
    }
}

@media screen and (min-width: 0px) and (max-width: 1240px) {
    .cta-button-container .cta-btn-guide-box:hover .cta-btn-hover[data-v-322259c1] {
        display: none
    }
}

@keyframes spin-322259c1 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

/*--------处理iframe弹框样式问题----------*/
.ui-iframe-wrap {
    position: fixed;
    z-index: 9999;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    overflow: hidden;
    font-size: 0;
}

.ui-iframe-wrap-adapt {
    z-index: 99999;
    width: 100%;
    height: 100%;
}

.ui-iframe {
    border: none;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.ui-iframe-mark {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 9998;
    height: 100%;
}

.ui-iframe-mark-adapt {
    position: static;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 9998;
    height: 100%;
}

.ui-iframe-hiddenMark {
    background-color: rgba(0, 0, 0, 0);
}

.ui-iframe-outer {
    width: 480px;
    height: 580px;
    position: relative;
    background: #fff;
    border-radius: 10px;
    -webkit-overflow-scrolling: touch !important;
    overflow: auto !important;
}

.ui-iframe-adapt {
    height: 100%;
    width: 100%;
}

.ui-iframe-close {
    margin-top: 24px;
    width: 30px;
    height: 30px;
    margin-left: 50%;
    background-image:
        /*savepage-url=https://static.futunn.com/upload/passport/iframe-close-icon-3964bf4e6db8b62cf9794e240e758679.png*/
        url();
    background-size: contain;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    cursor: pointer;
}

.ui-iframe-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1000;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-left: -60px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.7);
}

.ui-iframe-loading::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    background-image: url('data:image/svg+xml;base64,PCEtLSBCeSBTYW0gSGVyYmVydCAoQHNoZXJiKSwgZm9yIGV2ZXJ5b25lLiBNb3JlIEAgaHR0cDovL2dvby5nbC83QUp6YkwgLS0+Cjxzdmcgd2lkdGg9IjM4IiBoZWlnaHQ9IjM4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMzM3OEREIj4KICAgIDxnIGlkPSLorr7orqHop4TojINWMi4wX1dFQi9INSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjA05YWs5YWx5o6n5Lu2X+aMiemSrldFQiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyNy4wMDAwMDAsIC03MTcuMDAwMDAwKSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8ZyBpZD0i5qCH5YeG5bC65a+4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDAuMDAwMDAwLCAzMjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDgwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJCVE4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAzMDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSLliqDovb0iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI4LjAwMDAwMCwgMTQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBvcGFjaXR5PSIwLjUiIGN4PSI4IiBjeT0iOCIgcj0iOCI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCw4IEMwLDEyLjQxODI3OCAzLjU4MTcyMiwxNiA4LDE2IEw4LDE2IiBpZD0iT3ZhbC1Db3B5Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    animation: loading 1s linear infinite;
}

.stop-iframe-out-scoll {
    position: fixed;
    left: 0;
    right: 0;
    overflow: hidden;
}

@keyframes loading {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 600px) {
    .ui-iframe-wrap-h5-popup.ui-iframe-wrap {
        top: 20%;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translate(0, 0);
    }

    .ui-iframe-wrap-h5-popup .ui-iframe-outer {
        width: 100%;
        height: 100%;
        border-radius: 10px 10px 0 0;
    }

    .ui-iframe-wrap-h5-popup .ui-iframe-close {
        margin-top: 0;
        margin-left: 0;
        background-image: none;
        transform: translate(0, 0);
        position: absolute;
        top: 6px;
        right: 6px;
    }

    .ui-iframe-wrap-h5-popup .ui-iframe-close::before,
    .ui-iframe-wrap-h5-popup .ui-iframe-close::after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -1px;
        margin-left: -8px;
        width: 16px;
        height: 2px;
        background-color: #555;
        transform: rotate(45deg);
    }

    .ui-iframe-wrap-h5-popup .ui-iframe-close::after {
        transform: rotate(-45deg);
    }
}

/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face {
    font-family: swiper-icons;
    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') format('woff');
    font-weight: 400;
    font-style: normal
}

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

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

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

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

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

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

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

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

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

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

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

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

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

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

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

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

.mm-passport-hide {
    display: none
}

.mm-passport-wrap {
    background-color: #fff;
    border-radius: 19.23px;
    box-shadow: .5px #333;
    display: flex;
    font-size: 0;
    left: 50%;
    overflow: hidden;
    position: fixed;
    top: 48%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 9999
}

.mm-passport-left-box-v2,
.mm-passport-right-box-v2 {
    box-sizing: border-box;
    height: 560px;
    width: 444px
}

.mm-passport-left-box-v2 {
    background: none;
    border-radius: 19.23px 0 0 19.23px;
    margin: 0;
    width: 560px
}

.mm-passport-right-box-v2 {
    margin: 0;
    transform: translateY(0);
    transition: transform .5s ease
}

.mm-passport-right-box-v2.slide-down {
    transform: translateY(100%)
}

.mm-passport-iframe-mark,
.mm-passport-iframe-vague-mark {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9998
}

.mm-passport-iframe-vague-mark {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.mm-passport-show {
    display: block
}

.mm-passport-close-container {
    cursor: pointer;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 20px;
    width: 15px;
    z-index: 999
}

.mm-passport-close {
    background: #333;
    cursor: pointer;
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 3px;
    top: 7px;
    transform: rotate(45deg);
    width: 13px
}

.mm-passport-close:after {
    background: #333;
    content: "";
    display: block;
    height: 1px;
    transform: rotate(-90deg);
    width: 13px
}

.mm-passport-swiper-container-v2 {
    height: 560px;
    overflow: hidden;
    text-align: center;
    width: 560px
}

.mm-passport-swiper-wrapper {
    height: 282px
}

.mm-passport-left-swiper-content {
    color: #fff;
    font-family: BR Hendrix;
    font-size: 26px;
    font-weight: 500;
    line-height: 110%;
    margin-top: 30px
}

.mm-passport-left-swiper-img-v2 {
    height: 560px;
    width: 560px
}

.mm-passport-left-swiper-pagination {
    bottom: 85px !important;
    height: 10px;
    left: 50% !important;
    margin-top: 27px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    z-index: 999
}

.mm-passport-left-swiper-pagination>.swiper-pagination-bullet {
    background-color: #ffa769;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 11px !important;
    opacity: 1;
    position: relative;
    width: 10px
}

#mm-passport-right-iframe,
.mm-passport-left-swiper-pagination>.swiper-pagination-bullet-active {
    background-color: #fff
}

.mm-passport-right-iframe {
    background-color: #fff;
    height: 100%
}

.mm-passport-medialink-box {
    box-sizing: content-box;
    display: none;
    height: 86px;
    margin: 0 24px;
    transition: height .15s ease-in-out, padding-bottom 50ms ease-in-out
}

.mm-passport-medialink-box ins {
    border-radius: 8px;
    overflow: hidden;
    width: 100% !important
}

.mm-passport-medialink-box .div-content-data,
.mm-passport-medialink-box .div-content-data .container img {
    border-radius: 8px;
    height: auto;
    margin: 0 auto;
    width: 100%
}

.mm-passport-medialink-box .div-content-data .container {
    border: none
}

.mm-passport-medialink-box .div-content-data .container a {
    -webkit-tap-highlight-color: transparent
}

.mm-passport-right-iframe-top-container {
    display: none
}

.new-h5-style .mm-passport-right-iframe-title {
    background-color: #fff;
    box-sizing: border-box;
    color: #0f1112;
    display: block;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 auto;
    padding: 70px 24px 0;
    position: relative;
    width: 426px
}

.mm-passport-right-iframe-mask-container {
    position: relative
}

.mm-passport-right-iframe-mask-container.hide {
    display: none
}

.mm-passport-right-iframe-mask {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.mm-passport-right-iframe-mask.hide,
.mm-passport-right-iframe-title.hide {
    display: none
}

.new-h5-style .ui-iframe {
    border-radius: 0
}

.mm-passport-right-box-v2.show-modal,
.mm-passport-right-box-v2.show-modal .mm-passport-open-account-guide {
    overflow: initial
}

@media screen and (max-width:768px) {
    .hide {
        display: none
    }

    .mm-passport-iframe-mark,
    .mm-passport-iframe-vague-mark {
        height: 100%
    }

    .mm-passport-left-box-v2 {
        display: none
    }

    .mm-passport-wrap {
        background-color: transparent;
        border-radius: 0;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        transform: none;
        z-index: 1999
    }

    .mm-passport-right-box-v2 {
        background-color: #fff;
        border-radius: 0;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
        bottom: 0;
        height: auto;
        left: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        right: 0;
        top: 20%;
        transform: translateY(0);
        transition: transform .3s ease-out;
        width: auto;
        z-index: 999
    }

    #mm-passport-right-iframe,
    .mm-passport-right-iframe {
        background-color: #fff;
        height: 100%
    }

    .mm-passport-close-container {
        height: 18px;
        right: 8px;
        top: 8px;
        width: 18px
    }

    .mm-passport-close {
        right: 0
    }

    .mm-passport-close,
    .mm-passport-close:after {
        background-color: #555;
        height: 2px;
        width: 16px
    }

    .mm-passport-medialink-box {
        box-sizing: border-box;
        display: block;
        margin: 0 auto;
        max-width: 450px;
        overflow: hidden;
        padding: 0 24px
    }

    .mm-passport-medialink-box.hide {
        display: none
    }

    .mm-passport-right-iframe-top-container {
        align-items: center;
        height: 24px;
        justify-content: center
    }

    .mm-passport-right-iframe-top-container-bar {
        background: rgba(83, 90, 102, .3);
        border: none;
        border-radius: 4px;
        box-shadow: none;
        box-sizing: border-box;
        height: 4px;
        width: 36px
    }

    .new-h5-style .mm-passport-close-container {
        display: none
    }

    .new-h5-style .mm-passport-right-iframe-top-container {
        display: flex
    }

    .new-h5-style .mm-passport-right-box-v2 {
        top: 12%
    }

    .new-h5-style .mm-passport-right-iframe-title {
        max-width: 450px;
        padding-top: 20px;
        width: auto
    }

    .new-h5-style .mm-passport-right-iframe {
        height: 80%
    }

    .mm-passport-wrap .ui-iframe {
        background-color: #fff
    }
}

@media screen and (min-width:768.5px) and (max-width:1240.5px) {
    .mm-passport-left-box-v2 {
        display: none
    }

    .mm-passport-wrap {
        background-color: transparent;
        border-radius: 0;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        transform: none;
        z-index: 1999
    }

    .mm-passport-right-box-v2 {
        background-color: #fff;
        border-radius: 12px;
        box-sizing: border-box;
        height: 580px;
        left: 50%;
        max-height: 85vh;
        max-width: 990px;
        overflow: hidden;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 480px
    }

    #mm-passport-right-iframe,
    .mm-passport-right-iframe {
        background-color: #fff;
        height: 100%
    }

    .mm-passport-close-container {
        height: 18px;
        right: 10px;
        top: 10px;
        width: 18px
    }

    .mm-passport-close {
        right: 0
    }

    .mm-passport-close,
    .mm-passport-close:after {
        background-color: #555;
        height: 2px;
        width: 18px
    }
}

@media screen and (min-width:1240.5px) {
    .mm-passport-right-box-v2 {
        max-height: 85vh
    }
}

#debug-btn {
    background-color: #27ab27;
    border: none;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    color: #fff;
    cursor: pointer;
    left: 10px;
    padding: 4px 8px;
    position: absolute;
    top: 10px;
    z-index: 5
}

.mm-passport-right-box-v2 .hide {
    display: none
}

.mm-passport-open-account-guide {
    font-size: 18px;
    height: 100%;
    overflow-y: auto;
    position: relative
}

.mm-passport-open-account-guide .showPc {
    display: none
}

.mm-passport-open-account-guide .mm-passport-login-success-tips {
    align-items: center;
    color: #0f1112;
    display: flex;
    font-size: 24px;
    font-weight: 600;
    height: 86px;
    justify-content: center;
    left: 50%;
    line-height: 32px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.mm-passport-login-success-tips.hide {
    display: none
}

.mm-passport-open-account-guide .login-success-tips-fade-in {
    animation: fadeIn .5s ease-in-out forwards
}

.mm-passport-open-account-guide .login-success-tips-animation {
    animation: slideUp .8s cubic-bezier(.2, .8, .2, 1) forwards
}

.mm-passport-open-account-guide .login-success-tips-animation.animation-complete {
    position: relative
}

@keyframes slideUp {
    0% {
        top: 50%;
        transform: translate(-50%, -50%)
    }

    to {
        top: 0;
        transform: translate(-50%)
    }
}

.mm-passport-open-account-guide .mm-passport-login-success-tips .mm-passport-icon-success {
    background-image: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAgASURBVHgB7VxNUhtHFH6vR+xSFXyCjLlA5BNYVMU4rAzblAFxAswJkE8AnAAZu1LZYa8SAynkE0S+QBjfQFW2N0HTL69bQpru6fnTaCRRpW+DZmjN9Hx6r99vD8ASSyyxxPyAMAf4l806/6kL6PNf/JEQfED0jUFEARD0EOiLFOIWSHwOnrU7MGPMhCD/prkKodxDoi0mos4PvgoTgzqE2AZPfArW2wFUjEoJ8q+aDYTwiG/TgEowICv45fwNVIRKCPIvd5oo8Iglxc/9JYTAOC74XQJoVUHUVAkaSIw85o/1lGE9InoPArtA8jP0+0Gw+UfgvN4Fq+YPvE6h+BkkPOHJPgVMIa4CoqZCkFpjRJ+OCOhVwpAeT/wUQHaCZ+86UAL+5W9Mfq3JE3+RRBYitaXnvZ7GGlWaICanjqG8cKkEE9YBSafB83fvoQJoVQZWZRdRSppI7pf9QUoRtHa9e0AEJ7F/kJ7cYVXE2Egjih+w9e+z89cwISYmaO3v3SOS0LLPM2Gn8F20gu12D2YM/2q3xQ90ZJ8vQ9JEBDnJUVKD5UW6LPw/mz568saWpklJElAQCeR0KRTr8yZHIdhsB2ou/LEbPa+s29rV7hEURCEJcq45ipzvTM4cVCoL/uVuGxH2oucopMPg17cnea+RmyC2Vj725a1xksm53Th/AgsMJ0kgc0t7LhXT5ISs1+ZdAiU5sOAINs6bYKkbojjT8WEO5CII7/otw89R5ISLqVYuUI1/SIqEMvwseBee5flupor5180tJHYEozcsIKKLAuWBI9b+iZ7L8xyZEjSMrcYXlfD6oZGjEGz83mVLZpj5PKqWSpDyUG3VCp6ft+CBInh23rJVDf6Tr9K+k0qQTllEQCLuOT80KGc2eowCDtKkKJEgp/RUmJgqC5Vq8T82t7LGDZYHDqLHUNnOF0njEwmK+Q4LLD3Ku+e18gaFvFi72jnOGs9ZBnMtImomjXUSpPweI026wNKjvftI6MMp2JxSFPWNsKFiONdYtwTdhY3oIa9FHVhAKLWyQx8m60Oe77JFM8cJ2XSNcxJkq5eUeAoLBu3dozSdPQ59VKol1wX6oh09REFPXcMS1iCsR24aBBvtLiwQRqFP3Lvfzuvdq6jfLBSwmjmsWYwgJbYA47oVi/BnWDBw0GyneHs69NksloOOqWO/Hys2OCQoNAeRYRLnjrWrvVjVhCQn6jYnSdCTqRkh5iCI0DeOPVoY9dLJOqtyokOfiXPfnvFsQnB5yUKMIK6F/2ScqNUWgiD/48stO5Op8t+lQp8Vs1gpiR7ZQ+IShGbdnGtLc09p6EXZEzGLxbmeV1ACw2cbPR96kC1BPCxK0GKQM7BY43kNLRZMA5j+jOkShPMlSJndBHO+PtmiXBw1mCIGJWh5wCvnI7lSOylb+hUhHZNVsSVgX2dG5Og5wBTBqdkTVV4hFAfKV8mb93VBWywriGQLdjhrp9Vh5ikYfy7QgqKvJqLuel2EYWZk7YIdgOqp6Exm/nJNbphrW2xJcRBkDkqKcp33Ijo1j7FZtFinmiFitTfE9xVmMsdRA1A2QQT4xTjh5W+XU7+wnfdVKuf/tZPLHA8t1oU1oYC+4j5UgGGv5AiCRGCPcaxBlucszdRHFlTelyXAyB2hh8fK0Uv7XqrFqqq8JPp+9FBKGYs7HQRlu9+ZWBFKYsxineAKgm5+cgP74VQC0EKQomEcO8KqOEED93v0i5GgBhSE8lCpz44cGa78KoraxSBbaUJZLLvRk9ezw6rNOee9zByQI6yKETRwvyNM8q/qX71sQEFEuix60WspNYqaf1e3iLZYG2/bUCGGP1R9PDXquMIqpx8US0faopgTmiTqr1sX97U6QUUBaF5YaWWQ+Mk1zO0o1rx29FDVjmBC6IomkWWFsLF2vXNWRQCaF3bNj4Wg7RrnJGioZp3IqdVJ1Gx0PVaXmPlnH6myADQDOmtqGoRu0nqXGGoQmk6fbpIsAW3+EZKS/71ZBqCD7v8xeF4nyWNT8Phy9zba6zeNro7HVzs3MYsl5fbMOmIHze7jXieW3NuN88dJ41OD1ZgUFWg8SrxmzTPMf7mUaXHYpaKsinEqQTo4LNgNkQXtI7E6EcptLZEz7BbR/lbBfoPsBipenBGE0X73IBuoHD2WvPY0swjKzAdpItTmkwiGqubDA8EozosAc26jypUwoxVvP9bjVzIhNktgGJ7ZqiXvMFdTeS6C9LphNR5BiYTYLLF2vcfkmB0feh9JTpcid8pVqZpKeZo34oQYe8SwoFDkxNK2Ba1moU57hYQNI12qcTJ9fXbJ9DToNUfHe3aGgOO8gqFMYYL0BFwkqf1ZHnvDcyYpaf+aSuINm8oLYaKqhg4brNhquHDfTrJhZFpQyf5YVhJGktOECTCRBN0jaX9WlZts3fNI3is7WHMmd0ZLEaSgHUnitIVz/yh1SHqc32lXsyUzfdt5T7fFlAxjShOkoEtDnmzZrXuRuyiJOgFPfCi7Rql7iZrcY4vaSCBmsFe27+1PIzswFYLukbrJdowuInVl6H3QLXCcA0/qINGO6J2+ln6NBVdsVQ45MfGvc0piAbeF28hJVHQWRhvKEKuQ/xUWg23n38TJtEtElRB0D92tz2qHFb2aQqsSV13hq3hTVe2sUoLuodeoFfmC7e1WWbI0KaAS7OVfUpAHMyEoCvN1E1QfqCGuIsbViQavyAlGr7H4Vus+lE18SyyxxBLTwP+NMVQlxqGsFQAAAABJRU5ErkJggg==");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    display: inline-block;
    height: 36px;
    margin-right: 8px;
    width: 36px
}

.mm-passport-guide-content-box {
    animation: fadeIn .3s ease-in-out forwards;
    color: #0f1112;
    opacity: 0;
    padding: 0 24px 24px
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.mm-passport-guide-content-box .mm-passport-guide-content-cta {
    background: #f36f12;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center
}

.mm-passport-guide-content-box .mm-passport-guide-content-leave-btn {
    color: #0f1112;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    margin: 16px auto 24px;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 4px;
    width: fit-content
}

.mm-passport-guide-content-rich-text {
    font-size: 0
}

.mm-passport-guide-content-rich-text h2,
.mm-passport-guide-content-rich-text span.h2 {
    display: block;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

.mm-passport-guide-content-rich-text span.desc-tips,
.mm-passport-guide-content-rich-text span.h2-tips {
    color: #909499;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.mm-passport-guide-content-rich-text p {
    font-size: 18px;
    line-height: 26px;
    margin: 20px 0;
    padding-left: 14px;
    position: relative
}

.mm-passport-guide-content-rich-text p:first-child {
    margin-top: 24px
}

.mm-passport-guide-content-rich-text p:before {
    background: #ff6900;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 6px
}

.mm-passport-guide-content-wrapper {
    margin-bottom: 40px
}

.mm-passport-guide-content-wrapper .mm-passport-guide-content-disclaimer-btn {
    color: #909499;
    font-size: 12px;
    line-height: 17px;
    text-align: left;
    text-decoration: underline;
    width: fit-content
}

.mm-passport-guide-content-wrapper-3 {
    text-align: center
}

.mm-passport-guide-content-wrapper .mm-passport-guide-content-img {
    height: 160px;
    margin-bottom: 24px;
    width: 160px
}

.mm-passport-guide-content-wrapper-3 .mm-passport-guide-content-rich-text {
    margin-bottom: 16px
}

.mm-passport-guide-content-wrapper-3 .mm-passport-guide-content-rich-text span.h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    margin-bottom: 16px
}

.mm-passport-guide-content-wrapper-3 .mm-passport-guide-content-disclaimer-btn {
    margin: 0 auto
}

.mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup-mask {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transition: all .2s ease-in-out;
    width: 100%;
    z-index: 9999
}

.mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup {
    background: #e4e4e4;
    border-radius: 8px;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    left: 50%;
    line-height: 1.2;
    max-height: 80vh;
    overflow-y: auto;
    padding: 0 24px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 48px)
}

.mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup .disclaimer-header {
    align-items: flex-start;
    background: #e4e4e4;
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    position: sticky;
    top: 0
}

.mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup .disclaimer-footer {
    background-color: #e4e4e4;
    bottom: 0;
    height: 47px;
    position: sticky;
    width: 100%
}

.mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 10px;
    padding-right: 13px
}

.mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup a {
    word-wrap: break-word;
    color: #333;
    text-decoration: underline
}

.mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup .mm-passport-guide-disclaimer-popup-close-btn {
    background-image: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHASURBVHgB7ZlNaoNAGIZH87PuFXqDXCEnaYQQCFn1JF0FQQTTk/QKuUGv4FrUtm9wIEgd5+f9QhbzbEyM47yPM+jnRKlIJBKJPIKqql7Ug3DpK7U56Hw+b5qm+S7L8k0Jgz7QV1EUG5vjk7kDEH65XH79fbxdlcVisdvv959KAITvuu4yfK2TJNkeDoerqY1RAEOJq6GG8BoJiVF4Tb1er1+zLKun2hmnEBr2ff8+3o+OmNNpIrxC36bwYHYKgTzPd2maVuP9jJEwhM+Ox+Nlrr2VAJCQCA0PrAUAU4IRHjgJAIYEKzxwFgAhEszwwEsA+EiwwwNvAeAiIREeBAkAGwmp8CBYAJgksJUKDygCYEriP1jhAU0A2EgwwwOqADBJsMMDq/cBF1ar1Y/Pb75QR2DqbnMPuxSnCdiE1zAlKAKm+zy2UqU4CBaweUhJvk8ECbg8YaUkvAV8ygMJCS+BkNqGLeEswCjMmBJOAsyqkiVhLSBREjMkrAQk6/lQiVkByfCaEAmvpUWJqnJCInxpsW3bLU6k90mEBzinLj0Gbn1Tlhb1CjXWKiXC3zOMxAfCn06nq2LxrH9wRCKRSCSIX578113vy0CqAAAAAElFTkSuQmCC");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    height: 24px;
    right: 24px;
    top: 24px;
    width: 24px
}

.mm-passport-right-iframe-mask-container.hide-part>:not(.mm-passport-right-iframe-top-container, .mm-passport-close-container) {
    display: none
}

@media screen and (max-width:768px) {
    .mm-passport-open-account-guide.mm-passport-ios-style .mm-passport-login-success-tips {
        top: 0;
        transform: translate(-50%, calc(44vh - 44px - 50%));
        will-change: transform
    }

    .mm-passport-open-account-guide.mm-passport-ios-style .login-success-tips-animation {
        animation: slideUpIOS .8s cubic-bezier(.2, .8, .2, 1) forwards
    }

    .mm-passport-open-account-guide.mm-passport-ios-style .login-success-tips-animation.animation-complete {
        position: relative
    }

    @keyframes slideUpIOS {
        0% {
            transform: translate(-50%, calc(44vh - 24px - 50%))
        }

        to {
            transform: translate(-50%)
        }
    }
}

@media screen and (max-width:375px) {
    .mm-passport-open-account-guide {
        font-size: 17px
    }

    .mm-passport-open-account-guide .mm-passport-login-success-tips {
        font-size: 23px;
        height: 83px;
        line-height: 31px
    }

    .mm-passport-open-account-guide .mm-passport-login-success-tips .mm-passport-icon-success {
        background-size: 35px 35px;
        height: 35px;
        width: 35px
    }

    .mm-passport-guide-content-box {
        padding: 0 23px 23px
    }

    .mm-passport-guide-content-box .mm-passport-guide-content-cta {
        font-size: 17px;
        height: 46px;
        line-height: 46px;
        padding-left: 19px;
        padding-right: 19px
    }

    .mm-passport-guide-content-box .mm-passport-guide-content-leave-btn {
        font-size: 15px;
        height: 23px;
        line-height: 23px;
        margin: 15px auto 23px
    }

    .mm-passport-guide-content-rich-text span.h2 {
        font-size: 23px;
        line-height: 31px;
        margin-bottom: 23px
    }

    .mm-passport-guide-content-rich-text p {
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 19px;
        padding-left: 13px
    }

    .mm-passport-guide-content-wrapper {
        margin-bottom: 38px
    }

    .mm-passport-guide-content-wrapper .mm-passport-guide-content-img {
        height: 154px;
        margin-bottom: 23px;
        width: 154px
    }

    .mm-passport-guide-content-wrapper-3 .mm-passport-guide-content-rich-text {
        margin-bottom: 15px
    }

    .mm-passport-guide-content-wrapper-3 .mm-passport-guide-content-rich-text span.h2 {
        font-size: 23px;
        line-height: 28px;
        margin-bottom: 15px
    }

    .mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup {
        padding: 0 23px;
        width: calc(100% - 46px)
    }

    .mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup .disclaimer-header {
        padding-top: 23px
    }

    .mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup .disclaimer-footer {
        height: 45px
    }

    .mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup .title {
        font-size: 15px
    }

    .mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup .mm-passport-guide-disclaimer-popup-close-btn {
        background-size: 23px 23px;
        height: 23px;
        right: 23px;
        top: 23px;
        width: 23px
    }
}

.mm-passport-single-guide-popup .mm-passport-guide-content-box {
    padding-top: 40px
}

.google-one-tap-iframe-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    width: 391px;
    height: 300px;
    display: none;
}

.google-one-tap-iframe-wrapper>iframe {
    position: relative;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
    border: none;
}

.google-one-tap-iframe-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99998;
    background: rgba(0, 0, 0, 0.5);
}

@media(max-width: 768px) {
    .google-one-tap-iframe-wrapper {
        left: 0 !important;
        right: 0 !important;
        top: initial !important;
        bottom: 0 !important;
        width: 100%;
    }
}

.boundary[data-v-89c759c0],
.boundary-inner[data-v-89c759c0],
.error[data-v-07cb7d38] {
    width: 100%
}

.dark-quote-business-data-container {
    --quote_bd_unit_color: #7d7f83;
    --quote_bd_chart_label_color: #7d7f83;
    --quote_bd_chart_line_color: hsla(214, 3%, 43%, .25);
    --quote_bd_chart_legend_value_color: #e3e4e5;
    --quote_bd_chart_bar_active_color: rgba(29, 31, 33, .8);
    --quote_bd_chart_line: #fff;
    --quote_bd_chart_tooltip_bg: rgba(29, 31, 33, .95);
    --quote_bd_chart_bg: #0f1112;
    --quote_bd_tab_line: hsla(214, 3%, 43%, .25);
    --quote_bd_tab_bg: #2c2f33;
    --quote_bd_text_h1: #e3e4e5;
    --quote_bd_text_h2: #9b9b9e
}

.white-quote-business-data-container {
    --quote_bd_unit_color: #909499;
    --quote_bd_chart_label_color: #909499;
    --quote_bd_chart_line_color: #e3e4e5;
    --quote_bd_chart_legend_value_color: #0f1112;
    --quote_bd_chart_bar_active_color: rgba(242, 243, 245, .8);
    --quote_bd_chart_line-circle: #0f1112;
    --quote_bd_chart_tooltip_bg: rgba(242, 243, 245, .95);
    --quote_bd_chart_bg: #fff;
    --quote_bd_tab_line: #e3e4e5;
    --quote_bd_tab_bg: #e8eaed;
    --quote_bd_text_h1: #0f1112;
    --quote_bd_text_h2: #606266
}

.quote-business-data-container {
    --quote_bd_unit_size: 12px;
    --quote_bd_chart_label_size: 12px;
    --quote_bd_chart_legend_size: 12px;
    background-color: var(--quote_bd_chart_bg)
}

.quote-business-data-container * {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.quote-business-data-container ul {
    list-style: none
}

.quote-business-data-container .display-flex {
    display: flex
}

.quote-business-data-container .bd-tab {
    align-items: center;
    display: flex;
    margin-bottom: 16px
}

.quote-business-data-container .bd-tab.h5-tab {
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.quote-business-data-container .bd-tab.h5-tab::-webkit-scrollbar {
    display: none
}

.quote-business-data-container .bd-tab-item {
    border: 1px solid var(--quote_bd_tab_line);
    border-radius: 8px;
    color: var(--quote_bd_text_h2);
    font-size: 12px;
    line-height: 20px;
    padding: 4px 12px;
    white-space: nowrap
}

.quote-business-data-container .bd-tab-item:not(:last-child) {
    margin-right: 16px
}

.quote-business-data-container .bd-tab-item.active {
    background-color: var(--quote_bd_tab_bg);
    border: 0;
    color: var(--quote_bd_text_h2)
}

.quote-business-data-container .bd-legend {
    align-items: center;
    color: var(--quote_bd_chart_legend_value_color);
    display: flex;
    font-size: 12px;
    justify-content: center;
    line-height: 16px;
    margin: 8px auto 0
}

.quote-business-data-container .bd-legend .legend-item {
    align-items: center;
    display: flex
}

.quote-business-data-container .bd-legend .legend-item:not(:last-child) {
    margin-right: 12px
}

.quote-business-data-container .bd-legend .legend-item span {
    display: inline-block;
    height: 10px;
    margin-right: 4px;
    width: 10px
}

.quote-business-data-container .unit-currency {
    color: var(--quote_bd_unit_color);
    font-size: var(--quote_bd_unit_size);
    height: 16px;
    line-height: 16px;
    margin-bottom: 14px
}

.quote-business-data-container .bd-chart-container,
.quote-business-data-container .bd-chart-wrapper {
    position: relative;
    width: 100%
}

.quote-business-data-container.web .bd-tab-item {
    cursor: pointer;
    font-size: 14px;
    line-height: 22px
}

.quote-business-data-container.web .bd-sticky-side .item {
    font-size: 14px;
    transform: scale(1)
}

.quote-business-data-container.web .bd-quota-item .bd-period-value {
    font-size: 14px;
    line-height: 22px;
    padding-top: 16px;
    transform: scale(1)
}

.quote-business-data-container.web .bd-tooltip {
    pointer-events: none
}

.quote-business-data-container .bd-chart-container {
    flex: 1;
    flex-shrink: 0;
    min-width: 0;
    position: relative
}

.quote-business-data-container .bd-line-chart {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 2
}

.quote-business-data-container .bd-y-split-line {
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.quote-business-data-container .bd-split-line-item {
    border-bottom: 1px dashed var(--quote_bd_chart_line_color);
    height: 0;
    left: 0;
    position: absolute;
    right: 0
}

.quote-business-data-container .bd-split-line-item.bd-zero-line {
    border-bottom: 1px solid var(--quote_bd_chart_line_color)
}

.quote-business-data-container .bd-sticky-side {
    align-items: flex-start;
    background-color: var(--quote_bd_chart_bg);
    color: var(--quote_bd_chart_label_color);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: space-between;
    pointer-events: none;
    position: relative;
    top: -7px
}

.quote-business-data-container .bd-sticky-side .item {
    font-size: var(--quote_bd_chart_label_size);
    transform: scale(.8);
    transform-origin: left;
    white-space: nowrap
}

.quote-business-data-container .bd-sticky-right {
    align-items: flex-end;
    order: 3;
    text-align: right
}

.quote-business-data-container .bd-sticky-right .item {
    transform-origin: right
}

.quote-business-data-container .bd-quota-item {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 48px;
    position: relative;
    text-align: center
}

.quote-business-data-container .bd-quota-item .bd-bar-box {
    box-sizing: content-box;
    flex-shrink: 0;
    position: relative
}

.quote-business-data-container .bd-quota-item .bd-bar-box.active {
    background-color: var(--quote_bd_chart_bar_active_color)
}

.quote-business-data-container .bd-quota-item .bd-bar-box.bar-box-stack {
    align-items: center;
    display: flex;
    flex-direction: column-reverse
}

.quote-business-data-container .bd-quota-item .bd-bar-box.bar-box-stack-column {
    flex-direction: column
}

.quote-business-data-container .bd-quota-item .bar {
    margin: 0 auto;
    position: absolute
}

.quote-business-data-container .bd-quota-item .line-circle {
    border-radius: 50%;
    height: 4px;
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translate(-50%);
    width: 4px;
    z-index: 2
}

.quote-business-data-container .bd-quota-item .line-circle.show {
    background-color: var(--quote_bd_chart_line-circle);
    opacity: 1
}

.quote-business-data-container .bd-quota-item .bd-line-hover {
    border: 1px dashed var(--quote_bd_chart_label_color);
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%)
}

.quote-business-data-container .bd-quota-item .bd-line-hover.show {
    opacity: 1
}

.quote-business-data-container .bd-quota-item .bd-period-value {
    color: var(--quote_bd_chart_label_color);
    font-size: var(--quote_bd_chart_label_size);
    line-height: 16px;
    padding-top: 5px;
    transform: scale(.8);
    transform-origin: center
}

.quote-business-data-container .bd-tooltip {
    background-color: var(--quote_bd_chart_tooltip_bg);
    border-radius: 4px;
    padding: 8px;
    position: absolute;
    top: 0;
    z-index: 3
}

.quote-business-data-container .bd-tooltip.show {
    opacity: 1
}

.quote-business-data-container .bd-tooltip header {
    color: var(--quote_bd_chart_label_color);
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px
}

.quote-business-data-container .bd-tooltip .tooltip-ul {
    display: block;
    margin: 0
}

.quote-business-data-container .bd-tooltip .tooltip-ul .tooltip-li {
    align-items: center;
    color: var(--quote_bd_text_h1);
    font-size: 12px;
    justify-content: space-between;
    line-height: 16px;
    margin: 0;
    padding-left: 0
}

.quote-business-data-container .bd-tooltip .tooltip-ul .tooltip-li .label {
    align-items: center;
    margin-right: 12px;
    white-space: nowrap
}

.quote-business-data-container .bd-mobile-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    user-select: none
}

.quote-business-data-container .bd-web-scroll {
    cursor: pointer;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    top: 0
}

.quote-business-data-container .bd-web-scroll::-webkit-scrollbar {
    height: 6px;
    width: 0
}

.quote-business-data-container .bd-web-scroll::-webkit-scrollbar-thumb {
    background: var(--quote_bd_tab_bg);
    border-radius: 4px
}

.quote-business-data-container .bd-web-scroll::-webkit-scrollbar-track {
    opacity: 0
}

.quote-business-data-container .bd-web-scroll .actual-wrapper {
    width: fit-content
}

.quote-business-data-container .bd-web-scroll .actual-item {
    box-sizing: content-box
}

.quote-business-data-container .nav-wrapper {
    display: flex;
    overflow: hidden;
    position: relative
}

.quote-business-data-container .arrow {
    background-color: var(--quote_bd_chart_bg);
    background-image: url(/static/img/image_557.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
    color: var(--quote_bd_text_h2);
    cursor: pointer;
    flex-shrink: 0;
    height: 32px;
    position: sticky;
    top: 0;
    transform: rotate(-90deg);
    -webkit-user-select: none;
    user-select: none;
    width: 32px;
    z-index: 1
}

.quote-business-data-container .arrow.prev {
    background-image: url(/static/img/image_558.png);
    left: -1px
}

.quote-business-data-container .arrow.next {
    right: -1px
}

.business-data-item {
    overflow: hidden
}

.cash-flow-line-theme-0[data-v-720ec4b3] {
    --cash-flow-line-legend: #0f1112;
    --cash-flow-line-disable: #909499
}

.cash-flow-line-theme-1[data-v-720ec4b3] {
    --cash-flow-line-legend: #e3e4e5;
    --cash-flow-line-disable: #7d7f83
}

.cash-flow-line-h5 .show-item[data-v-720ec4b3] {
    -webkit-tap-highlight-color: transparent;
    -webkit-focus-ring-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cash-flow-line-chart-compoent .line-chart[data-v-720ec4b3] {
    height: 260px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.cash-flow-line-chart-compoent .empty[data-v-720ec4b3] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9
}

.cash-flow-line-chart-compoent .cash-flow-show-list[data-v-720ec4b3] {
    display: flex;
    gap: 24px;
    justify-content: center;
    margin-top: 24px
}

.cash-flow-line-chart-compoent .cash-flow-show-list .show-item[data-v-720ec4b3] {
    align-items: center;
    color: var(--cash-flow-line-legend);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    line-height: 22px;
    -webkit-user-select: none;
    user-select: none
}

.cash-flow-line-chart-compoent .cash-flow-show-list .show-item span[data-v-720ec4b3] {
    background-color: var(--cash-flow-line-disable);
    border-radius: 1px;
    height: 2px;
    margin-right: 4px;
    width: 10px
}

.cash-flow-line-chart-compoent .cash-flow-show-list .cash-flow-disable[data-v-720ec4b3] {
    color: var(--cash-flow-line-disable)
}

[data-v-bfa89f03]:root {
    --font-size-6: 6px;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-20: 20px
}

.quote-black[data-v-bfa89f03] {
    --ct_text_h1: #e3e4e5;
    --ct_text_h2: #9b9b9e;
    --ct_text_h3: #7d7f83;
    --ct_text_disable: #535457;
    --ct_text_link: #4e7fce;
    --ct_text_highlight: #ea670c;
    --ct_text_highlight_hover: rgba(234, 103, 12, .08);
    --ct_text_green: #00a357;
    --ct_text_green_15: rgba(0, 163, 87, .15);
    --ct_text_green_50: rgba(0, 163, 87, .5);
    --ct_text_red: #e02d48;
    --ct_text_red_15: rgba(224, 45, 72, .15);
    --ct_text_red_50: rgba(224, 45, 72, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #fff;
    --ct_bg_reverse: #e3e4e5;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #181a1c;
    --ct_line_selected: #7d7f83;
    --ct_line_input: hsla(214, 3%, 43%, .25);
    --ct_bg_page1: #0f1112;
    --ct_bg_card1: #1d1f21;
    --ct_bg_overlay1: #2c2f33;
    --ct_bg_card2: #1d1f21;
    --ct_bg_overlay2: #2c2f33;
    --ct_bg_prominent: #363a40;
    --ct_bg_card1_80: rgba(29, 31, 33, .8);
    --ct_bg_card1_95: rgba(29, 31, 33, .95);
    --ct_bg_card1_50: rgba(29, 31, 33, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .5);
    --ct_popover_bg: #1d1f21;
    --ct_popover_text: #fff;
    --ct_bg_card1_gradient: linear-gradient(90deg, hsla(0, 0%, 5%, .5) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, hsla(0, 0%, 5%, .8) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #0f1112, rgba(15, 17, 18, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(15, 17, 18, 0), #0f1112);
    --ct_bg_page1_gradient3: linear-gradient(0deg, rgba(15, 17, 18, .5), rgba(15, 17, 18, .5));
    --ct_mask_bg: rgba(15, 17, 18, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #111924;
    --ct-option_bg_call_odd: #131f32;
    --ct-option_bg_put_odd: #141618;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_super_green: #016040;
    --cash_flow_pie_big_green: #00a357;
    --cash_flow_pie_mid_green: #03c484;
    --cash_flow_pie_sml_green: #03e69a;
    --cash_flow_pie_super_red: #9c1c2f;
    --cash_flow_pie_big_red: #e02d48;
    --cash_flow_pie_mid_red: #f8697f;
    --cash_flow_pie_sml_red: #ff92a2;
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_green);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_red);
    --ct_tabs_bg: #2c2f33;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #333;
    --ct-line-input-selected: #7d7f83;
    --ct_data_up: var(--ct_text_green);
    --ct_data_down: var(--ct_text_red);
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #1d1f21;
    --ct_open_account_card_close: hsla(204, 6%, 85%, .15);
    --mask-toolbar-watchlist: #9b9b9e;
    --mask-toolbar-watchlist-active: #e3e4e5;
    --premium-button-text: #702e00;
    --premium-button-bg: #f2cb8c;
    --premium-middlepage-close: #d6d9db;
    --premium-analysis-download-button: #f9d59c;
    --ct_feed_text_color: #dee4ed;
    --ui-input-caret: #0a67fc;
    --indicator-logo-bg: linear-gradient(94.85deg, #f9d59c 5.9%, #f9d59c 22.35%, #ffd18a 67.02%, #ffd38e 87.71%, #ffdeab 99.94%);
    --indicator-logo-text: #5f2700;
    --indicator-logo-border-image: linear-gradient(128.01deg, hsla(0, 0%, 100%, .62) 23.26%, rgba(255, 253, 252, 0) 55.1%, rgba(255, 251, 249, .61) 95.58%);
    --arrow_button: #c1baba;
    --arrow_disabled_button: #747474
}

.quote-white[data-v-bfa89f03] {
    --ct_text_h1: #0f1112;
    --ct_text_h2: #606266;
    --ct_text_h3: #909499;
    --ct_text_disable: #bbbdc0;
    --ct_text_link: #2b78f5;
    --ct_text_highlight: #f36f12;
    --ct_text_highlight_hover: rgba(243, 111, 18, .08);
    --ct_text_green: #00a870;
    --ct_text_green_15: rgba(0, 168, 112, .15);
    --ct_text_green_50: rgba(0, 168, 112, .5);
    --ct_text_red: #f03a55;
    --ct_text_red_15: rgba(240, 58, 85, .15);
    --ct_text_red_50: rgba(240, 58, 85, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #0f1112;
    --ct_bg_reverse: #2c2f33;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #f5f6f6;
    --ct_line_selected: #696c70;
    --ct_line_input: #e3e4e5;
    --ct-line-input-selected: #7d7f83;
    --ct_bg_page1: #fff;
    --ct_bg_card1: #f2f3f5;
    --ct_bg_overlay1: #e8eaed;
    --ct_bg_card2: #fff;
    --ct_bg_overlay2: #f2f3f5;
    --ct_bg_prominent: #fff;
    --ct_bg_card1_80: rgba(242, 243, 245, .8);
    --ct_bg_card1_95: rgba(242, 243, 245, .95);
    --ct_bg_card1_50: rgba(242, 243, 245, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .12);
    --ct_popover_bg: #fff;
    --ct_popover_text: #0f1112;
    --ct_bg_card1_gradient: linear-gradient(90deg, rgba(242, 243, 245, .5) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, .8) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #fff, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, 0), #fff);
    --ct_bg_page1_gradient3: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
    --ct_mask_bg: hsla(0, 0%, 100%, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #eff5ff;
    --ct-option_bg_call_odd: #e3eeff;
    --ct-option_bg_put_odd: #f8f9fa;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_big_green: #00a870;
    --cash_flow_pie_big_red: #f03a55;
    --ct_tabs_bg: #e8eaed;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #ebeced;
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #fff;
    --ct_open_account_card_close: rgba(29, 31, 33, .15);
    --mask-toolbar-watchlist: #606266;
    --mask-toolbar-watchlist-active: #0f1112;
    --premium-button-text: #f6d7a7;
    --premium-button-bg: #2c2f33;
    --premium-middlepage-close: #0c0c0d;
    --premium-analysis-download-button: #0f1112;
    --ct_feed_text_color: #3d3c3c;
    --indicator-logo-bg: #353a40;
    --indicator-logo-text: #ffe1b2;
    --indicator-logo-border-image: #353a40;
    --arrow_button: #000;
    --arrow_disabled_button: #c1baba
}

body[class*=reverse][data-v-bfa89f03] {
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_red);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_green);
    --ct_data_up: var(--ct_text_red);
    --ct_data_down: var(--ct_text_green)
}

.tab-list-component .tab-center[data-v-bfa89f03] {
    align-items: center;
    display: flex;
    justify-content: center
}

.tab-list-component .scroll-wrapper[data-v-bfa89f03] {
    position: relative
}

.tab-list-component .tab-list-wrapper[data-v-bfa89f03] {
    box-shadow: inset 0 -1px 0 var(--ct_line_input);
    padding-top: 4px;
    position: relative;
    width: 100%
}

.tab-list-component .shadow-overlay[data-v-bfa89f03] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 2
}

@media screen and (max-width:768px) {
    .tab-list-component .shadow-overlay[data-v-bfa89f03] {
        overflow: hidden
    }
}

.tab-list-component .shadow-overlay.scroll-end[data-v-bfa89f03]:after,
.tab-list-component .shadow-overlay.scroll-start[data-v-bfa89f03]:before {
    opacity: 1
}

.tab-list-component .shadow-overlay[data-v-bfa89f03]:before {
    background: var(--ct_bg_page1_gradient1);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 36px;
    z-index: 1
}

.tab-list-component .shadow-overlay[data-v-bfa89f03]:after {
    background: var(--ct_bg_page1_gradient2);
    bottom: 0;
    content: "";
    display: block;
    height: calc(100% - 1px);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    z-index: 1
}

.tab-list-component .tab-list-wrapper[data-v-bfa89f03],
.tab-list-component .tab2-list-container[data-v-bfa89f03] {
    overflow-x: auto;
    width: 100%
}

.tab-list-component .tab-list-wrapper[data-v-bfa89f03]::-webkit-scrollbar,
.tab-list-component .tab2-list-container[data-v-bfa89f03]::-webkit-scrollbar {
    height: 0;
    width: 0
}

.tab-list-component .tab-list-wrapper[data-v-bfa89f03]::-webkit-scrollbar-thumb,
.tab-list-component .tab2-list-container[data-v-bfa89f03]::-webkit-scrollbar-thumb {
    background: transparent
}

.tab-list-component .tab-list-wrapper[data-v-bfa89f03]::-webkit-scrollbar-track,
.tab-list-component .tab2-list-container[data-v-bfa89f03]::-webkit-scrollbar-track {
    opacity: 0
}

.tab-list-component .tab-list[data-v-bfa89f03] {
    color: var(--ct_text_h1);
    display: flex;
    font-size: 20px;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 28px;
    width: fit-content
}

.tab-list-component .tab-list .tab-item[data-v-bfa89f03] {
    cursor: pointer;
    padding-bottom: 8px;
    position: relative;
    text-align: center;
    white-space: nowrap
}

.tab-list-component .tab-list .tab-item[data-v-bfa89f03]:not(:last-child) {
    margin-right: 36px
}

.tab-list-component .tab-list .tab-item.active[data-v-bfa89f03] {
    font-weight: 600
}

.tab-list-component .tab-list .tab-item.active[data-v-bfa89f03]:after {
    background-color: var(--ct_text_h1);
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.tab-list-component .tab-list .tab-item[data-v-bfa89f03]:before {
    background-color: var(--ct_bg_card1);
    border-radius: 18px;
    content: "";
    display: block;
    height: 100%;
    left: -18px;
    opacity: 0;
    position: absolute;
    top: -4px;
    width: calc(100% + 36px);
    z-index: -1
}

.tab-list-component .tab-list .tab-item[data-v-bfa89f03]:hover:before {
    opacity: 1
}

.tab-list-component .sub-tab-list[data-v-bfa89f03] {
    display: flex;
    margin-top: 16px;
    width: fit-content
}

.tab-list-component .sub-tab-list .sub-tab-item[data-v-bfa89f03] {
    border: 1px solid var(--ct_line_input);
    border-radius: 18px;
    color: var(--ct_text_h2);
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 5px 18px;
    text-align: center;
    white-space: nowrap
}

.tab-list-component .sub-tab-list .sub-tab-item[data-v-bfa89f03]:not(:last-child) {
    margin-right: 12px
}

.tab-list-component .sub-tab-list .sub-tab-item.active[data-v-bfa89f03],
.tab-list-component .sub-tab-list .sub-tab-item[data-v-bfa89f03]:hover {
    border-color: var(--ct-line-input-selected);
    color: var(--ct_text_h1)
}

.tab-list-component.h5 .tab-center[data-v-bfa89f03] {
    display: block
}

.tab-list-component.h5 .tab-list[data-v-bfa89f03] {
    font-size: 16px;
    line-height: 24px;
    position: relative
}

.tab-list-component.h5 .tab-list .tab-item[data-v-bfa89f03]:not(:last-child) {
    margin-right: 24px
}

.tab-list-component.h5 .tab-list .tab-item[data-v-bfa89f03]:before {
    display: none;
    opacity: 0
}

.tab-list-component.h5 .sub-tab-list[data-v-bfa89f03] {
    margin-top: 12px
}

.tab-list-component.h5 .sub-tab-list .sub-tab-item[data-v-bfa89f03] {
    font-size: 14px;
    line-height: 20px;
    padding: 4px 14px
}

@media screen and (max-width:768px) {
    .tab-list-component .tab-center[data-v-bfa89f03] {
        display: block
    }

    .tab-list-component .tab-list[data-v-bfa89f03] {
        font-size: 16px;
        line-height: 24px;
        position: relative
    }

    .tab-list-component .tab-list .tab-item[data-v-bfa89f03]:not(:last-child) {
        margin-right: 24px
    }

    .tab-list-component .tab-list .tab-item[data-v-bfa89f03]:before {
        display: none;
        opacity: 0
    }

    .tab-list-component .sub-tab-list[data-v-bfa89f03] {
        margin-top: 12px
    }

    .tab-list-component .sub-tab-list .sub-tab-item[data-v-bfa89f03] {
        font-size: 14px;
        line-height: 20px;
        padding: 4px 14px
    }
}

.btn[data-v-adbcf087] {
    align-items: center;
    display: flex;
    justify-content: center
}

.btn .content[data-v-adbcf087] {
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.default-size[data-v-adbcf087] {
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    line-height: 24px;
    padding: 0 20px;
    width: 160px
}

.primary[data-v-adbcf087] {
    background-color: var(--ct_text_highlight);
    color: #fff
}

.primary[data-v-adbcf087]:hover {
    cursor: pointer;
    opacity: .6
}

.primary[data-v-adbcf087]:active {
    opacity: .8
}

.transparent[data-v-adbcf087] {
    background-color: transparent;
    border: 1px solid var(--ct_text_highlight);
    color: var(--ct_text_highlight)
}

.transparent[data-v-adbcf087]:hover {
    cursor: pointer;
    opacity: .6
}

.transparent[data-v-adbcf087]:active {
    opacity: .8
}

[data-v-a3d057c2]:root {
    --font-size-6: 6px;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-20: 20px
}

.quote-black[data-v-a3d057c2] {
    --ct_text_h1: #e3e4e5;
    --ct_text_h2: #9b9b9e;
    --ct_text_h3: #7d7f83;
    --ct_text_disable: #535457;
    --ct_text_link: #4e7fce;
    --ct_text_highlight: #ea670c;
    --ct_text_highlight_hover: rgba(234, 103, 12, .08);
    --ct_text_green: #00a357;
    --ct_text_green_15: rgba(0, 163, 87, .15);
    --ct_text_green_50: rgba(0, 163, 87, .5);
    --ct_text_red: #e02d48;
    --ct_text_red_15: rgba(224, 45, 72, .15);
    --ct_text_red_50: rgba(224, 45, 72, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #fff;
    --ct_bg_reverse: #e3e4e5;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #181a1c;
    --ct_line_selected: #7d7f83;
    --ct_line_input: hsla(214, 3%, 43%, .25);
    --ct_bg_page1: #0f1112;
    --ct_bg_card1: #1d1f21;
    --ct_bg_overlay1: #2c2f33;
    --ct_bg_card2: #1d1f21;
    --ct_bg_overlay2: #2c2f33;
    --ct_bg_prominent: #363a40;
    --ct_bg_card1_80: rgba(29, 31, 33, .8);
    --ct_bg_card1_95: rgba(29, 31, 33, .95);
    --ct_bg_card1_50: rgba(29, 31, 33, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .5);
    --ct_popover_bg: #1d1f21;
    --ct_popover_text: #fff;
    --ct_bg_card1_gradient: linear-gradient(90deg, hsla(0, 0%, 5%, .5) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, hsla(0, 0%, 5%, .8) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #0f1112, rgba(15, 17, 18, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(15, 17, 18, 0), #0f1112);
    --ct_bg_page1_gradient3: linear-gradient(0deg, rgba(15, 17, 18, .5), rgba(15, 17, 18, .5));
    --ct_mask_bg: rgba(15, 17, 18, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #111924;
    --ct-option_bg_call_odd: #131f32;
    --ct-option_bg_put_odd: #141618;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_super_green: #016040;
    --cash_flow_pie_big_green: #00a357;
    --cash_flow_pie_mid_green: #03c484;
    --cash_flow_pie_sml_green: #03e69a;
    --cash_flow_pie_super_red: #9c1c2f;
    --cash_flow_pie_big_red: #e02d48;
    --cash_flow_pie_mid_red: #f8697f;
    --cash_flow_pie_sml_red: #ff92a2;
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_green);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_red);
    --ct_tabs_bg: #2c2f33;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #333;
    --ct-line-input-selected: #7d7f83;
    --ct_data_up: var(--ct_text_green);
    --ct_data_down: var(--ct_text_red);
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #1d1f21;
    --ct_open_account_card_close: hsla(204, 6%, 85%, .15);
    --mask-toolbar-watchlist: #9b9b9e;
    --mask-toolbar-watchlist-active: #e3e4e5;
    --premium-button-text: #702e00;
    --premium-button-bg: #f2cb8c;
    --premium-middlepage-close: #d6d9db;
    --premium-analysis-download-button: #f9d59c;
    --ct_feed_text_color: #dee4ed;
    --ui-input-caret: #0a67fc;
    --indicator-logo-bg: linear-gradient(94.85deg, #f9d59c 5.9%, #f9d59c 22.35%, #ffd18a 67.02%, #ffd38e 87.71%, #ffdeab 99.94%);
    --indicator-logo-text: #5f2700;
    --indicator-logo-border-image: linear-gradient(128.01deg, hsla(0, 0%, 100%, .62) 23.26%, rgba(255, 253, 252, 0) 55.1%, rgba(255, 251, 249, .61) 95.58%);
    --arrow_button: #c1baba;
    --arrow_disabled_button: #747474
}

.quote-white[data-v-a3d057c2] {
    --ct_text_h1: #0f1112;
    --ct_text_h2: #606266;
    --ct_text_h3: #909499;
    --ct_text_disable: #bbbdc0;
    --ct_text_link: #2b78f5;
    --ct_text_highlight: #f36f12;
    --ct_text_highlight_hover: rgba(243, 111, 18, .08);
    --ct_text_green: #00a870;
    --ct_text_green_15: rgba(0, 168, 112, .15);
    --ct_text_green_50: rgba(0, 168, 112, .5);
    --ct_text_red: #f03a55;
    --ct_text_red_15: rgba(240, 58, 85, .15);
    --ct_text_red_50: rgba(240, 58, 85, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #0f1112;
    --ct_bg_reverse: #2c2f33;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #f5f6f6;
    --ct_line_selected: #696c70;
    --ct_line_input: #e3e4e5;
    --ct-line-input-selected: #7d7f83;
    --ct_bg_page1: #fff;
    --ct_bg_card1: #f2f3f5;
    --ct_bg_overlay1: #e8eaed;
    --ct_bg_card2: #fff;
    --ct_bg_overlay2: #f2f3f5;
    --ct_bg_prominent: #fff;
    --ct_bg_card1_80: rgba(242, 243, 245, .8);
    --ct_bg_card1_95: rgba(242, 243, 245, .95);
    --ct_bg_card1_50: rgba(242, 243, 245, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .12);
    --ct_popover_bg: #fff;
    --ct_popover_text: #0f1112;
    --ct_bg_card1_gradient: linear-gradient(90deg, rgba(242, 243, 245, .5) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, .8) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #fff, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, 0), #fff);
    --ct_bg_page1_gradient3: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
    --ct_mask_bg: hsla(0, 0%, 100%, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #eff5ff;
    --ct-option_bg_call_odd: #e3eeff;
    --ct-option_bg_put_odd: #f8f9fa;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_big_green: #00a870;
    --cash_flow_pie_big_red: #f03a55;
    --ct_tabs_bg: #e8eaed;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #ebeced;
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #fff;
    --ct_open_account_card_close: rgba(29, 31, 33, .15);
    --mask-toolbar-watchlist: #606266;
    --mask-toolbar-watchlist-active: #0f1112;
    --premium-button-text: #f6d7a7;
    --premium-button-bg: #2c2f33;
    --premium-middlepage-close: #0c0c0d;
    --premium-analysis-download-button: #0f1112;
    --ct_feed_text_color: #3d3c3c;
    --indicator-logo-bg: #353a40;
    --indicator-logo-text: #ffe1b2;
    --indicator-logo-border-image: #353a40;
    --arrow_button: #000;
    --arrow_disabled_button: #c1baba
}

body[class*=reverse][data-v-a3d057c2] {
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_red);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_green);
    --ct_data_up: var(--ct_text_red);
    --ct_data_down: var(--ct_text_green)
}

.mask-container[data-v-a3d057c2] {
    position: absolute;
    top: 28px;
    width: 100%
}

.mask-container .item-height[data-v-a3d057c2] {
    display: block;
    height: 60px
}

.mask-container .mask-full[data-v-a3d057c2] {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.mask-component[data-v-a3d057c2] {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 10
}

.mask-component .mask[data-v-a3d057c2] {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: var(--ct_mask_bg);
    border-radius: 4px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.mask-component .icon[data-v-a3d057c2] {
    background-color: var(--ct_text_h1);
    display: block;
    font-weight: 600;
    height: 24px;
    margin-right: 2px;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Crect width='16.5' height='12' x='3.75' y='8.25' stroke='%230F1112' stroke-width='1.5' rx='4.5'/%3E%3Cpath fill='%230F1112' d='M11.22 12.177a.78.78 0 1 1 1.56 0v4.44a.78.78 0 1 1-1.56 0z'/%3E%3Cpath stroke='%230F1112' stroke-linecap='round' stroke-width='1.5' d='M7.5 7.436v-.5C7.5 4.332 9.515 2.22 12 2.22s4.5 2.11 4.5 4.715V7.5'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: 75%;
    mask-size: 75%;
    width: 24px
}

.mask-component .mask-text[data-v-a3d057c2] {
    color: var(--ct_text_h1);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 0 4px;
    text-align: center
}

.mask-component .mask-content[data-v-a3d057c2] {
    color: var(--ct_text_h1);
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0
}

.mask-component .mask-content .icon-container[data-v-a3d057c2] {
    display: flex;
    justify-content: center
}

.mask-component .btn[data-v-a3d057c2] {
    background-color: var(--ct_text_highlight);
    border-radius: 8px;
    color: var(--ct_special_text_white);
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 8px;
    padding: 6px 18px
}

.mask-component .btn[data-v-a3d057c2]:hover {
    opacity: .8
}

.row-container[data-v-05c7cd93] {
    align-items: center;
    display: flex;
    height: 60px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.row-container .mask-comp[data-v-05c7cd93] {
    left: 0;
    position: absolute;
    top: 0
}

.row-container .mask-comp[data-v-05c7cd93] .icon {
    -webkit-mask-size: 100%;
    mask-size: 100%
}

.row-container[data-v-05c7cd93]>:last-child {
    padding: 0 12px
}

.dialogContainer[data-v-932b0934] {
    background: #000000b3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    text-align: left;
    transition: all .2s;
    z-index: 9999
}

.dialogContainer .dialog[data-v-932b0934] {
    background: #fff;
    border-radius: 10px;
    left: 50%;
    max-height: 80%;
    overflow: hidden;
    overflow-y: auto;
    padding: 24px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 32px)
}

.dialogContainer .dialog .title[data-v-932b0934] {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%
}

.dialogContainer .dialog .desc[data-v-932b0934] {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin-top: 10px;
    word-break: break-word
}

.dialogContainer .dialog .desc[data-v-932b0934] a {
    color: #000;
    text-decoration: underline
}

.dialogContainer .dialog .desc[data-v-932b0934] a:hover {
    color: #ff6900
}

.dialogContainer .dialog .closeBox[data-v-932b0934] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px
}

.dialogContainer .dialog .closeBox .icon[data-v-932b0934] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23999' d='m11.999 13.38 6.735 6.735 1.379-1.38-6.735-6.734 6.735-6.735-1.379-1.38-6.735 6.736-6.735-6.735-1.38 1.379L10.62 12l-6.735 6.735 1.379 1.379z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 24px;
    width: 24px
}

@media screen and (min-width:768px) and (max-width:1240px) {
    .dialogContainer .dialog[data-v-932b0934] {
        border-radius: 6px;
        padding: 24px;
        width: 80vw
    }

    .dialogContainer .dialog .title[data-v-932b0934] {
        font-size: 18px;
        line-height: 27px
    }

    .dialogContainer .dialog .desc[data-v-932b0934] {
        color: #333;
        font-size: 14px;
        line-height: 18px;
        margin-top: 18px
    }

    .dialogContainer .dialog .closeBox[data-v-932b0934] {
        align-items: center;
        cursor: pointer;
        display: flex;
        height: 24px;
        justify-content: center;
        position: absolute;
        right: 24px;
        top: 24px;
        width: 24px
    }

    .dialogContainer .dialog .closeBox .icon[data-v-932b0934] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23999' d='m11.999 13.38 6.735 6.735 1.379-1.38-6.735-6.734 6.735-6.735-1.379-1.38-6.735 6.736-6.735-6.735-1.38 1.379L10.62 12l-6.735 6.735 1.379 1.379z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 24px;
        width: 24px
    }
}

@media screen and (min-width:1240.5px) {
    .dialogContainer .dialog[data-v-932b0934] {
        border-radius: 6px;
        padding: 24px;
        width: 720px
    }

    .dialogContainer .dialog .title[data-v-932b0934] {
        font-size: 18px;
        line-height: 24px
    }

    .dialogContainer .dialog .desc[data-v-932b0934] {
        color: #333;
        font-size: 14px;
        line-height: 21px;
        margin-top: 18px
    }

    .dialogContainer .dialog .closeBox[data-v-932b0934] {
        align-items: center;
        cursor: pointer;
        display: flex;
        height: 24px;
        justify-content: center;
        position: absolute;
        right: 24px;
        top: 24px;
        width: 24px
    }

    .dialogContainer .dialog .closeBox .icon[data-v-932b0934] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23999' d='m11.999 13.38 6.735 6.735 1.379-1.38-6.735-6.734 6.735-6.735-1.379-1.38-6.735 6.736-6.735-6.735-1.38 1.379L10.62 12l-6.735 6.735 1.379 1.379z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 24px;
        width: 24px
    }
}

.quote-config-table[data-v-62e822f8] {
    --title-font-size: 20px;
    --title-line-height: 32px;
    --description-font-size: 14px;
    --description-line-height: 20px;
    --time-font-size: 12px;
    --time-line-height: 16px
}

.quote-config-table .list-top[data-v-62e822f8] {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px
}

.quote-config-table .list-title[data-v-62e822f8] {
    align-items: center;
    color: var(--ct_text_h1);
    display: flex;
    font-size: var(--title-font-size);
    font-weight: 600;
    line-height: var(--title-line-height);
    margin: 0
}

.quote-config-table .list-title .icon[data-v-62e822f8] {
    background-color: var(--ct_text_h1);
    flex: 0 0 16px;
    height: 16px;
    margin-left: 4px;
    -webkit-mask-position: right;
    mask-position: right;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 50%;
    mask-size: 50%;
    width: 16px
}

.quote-config-table .list-title.hover-title[data-v-62e822f8]:hover {
    color: var(--ct_text_highlight);
    cursor: pointer
}

.quote-config-table .list-title.hover-title:hover .icon[data-v-62e822f8] {
    background-color: var(--ct_text_highlight)
}

.quote-config-table .list-description-container[data-v-62e822f8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px
}

.quote-config-table .list-description[data-v-62e822f8] {
    color: var(--ct_text_h2);
    font-size: var(--description-font-size);
    line-height: var(--description-line-height)
}

.quote-config-table .list-time[data-v-62e822f8] {
    color: var(--ct_text_h3);
    font-size: var(--time-font-size);
    line-height: var(--time-line-height);
    margin: 0 0 8px
}

.quote-config-table[data-v-62e822f8] .chart {
    height: 26px;
    line-height: 26px
}

.quote-config-table[data-v-62e822f8] .spark-chart {
    display: inline-block;
    height: 26px;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.quote-config-table[data-v-62e822f8] .main-content .table-item {
    padding: 0;
    width: 77px
}

.quote-config-table[data-v-62e822f8] .main-content .table-item:first-child,
.quote-config-table[data-v-62e822f8] .main-content .table-item:last-child {
    padding: 0
}

.quote-config-table[data-v-62e822f8] .table-item.table-item-sparkChart {
    text-align: left;
    width: 77px
}

.quote-config-table[data-v-62e822f8] .table-item-left.table-item-stockCode,
.quote-config-table[data-v-62e822f8] .table-item.table-item-stockCode {
    align-items: center;
    display: flex;
    width: 78px
}

.quote-config-table[data-v-62e822f8] .table-item.table-item-sequenceNumber {
    text-align: left;
    width: 30px
}

.quote-config-table[data-v-62e822f8] .value.sequenceNumber {
    text-align: left;
    width: 60px
}

.quote-config-table .column-order[data-v-62e822f8] {
    color: var(--ct_text_h2);
    font-size: 20px;
    transform: scale(.55);
    transform-origin: left center;
    width: 32px
}

.quote-config-table .column-order.active[data-v-62e822f8] {
    color: var(--ct_text_h1);
    font-style: italic;
    font-weight: 700
}

.quote-config-table .column-info[data-v-62e822f8] {
    display: flex;
    flex: 1;
    flex-direction: column-reverse;
    overflow: hidden
}

.quote-config-table .column-info .name[data-v-62e822f8] {
    color: var(--ct_text_h2);
    font-size: 12px;
    line-height: 20px;
    padding: 0;
    width: 100%
}

.quote-config-table .column-info .code[data-v-62e822f8] {
    color: var(--ct_text_h1);
    font-size: 16px;
    line-height: 24px;
    padding: 0;
    width: 100%
}

.quote-config-table .list-main[data-v-62e822f8] {
    position: relative;
    transform: translate(-8px);
    width: calc(100% + 16px)
}

.quote-config-table .list-main[data-v-62e822f8] .scroll-wrapper {
    padding: 0 8px
}

@media screen and (max-width:768px) {
    .quote-config-table .list-main[data-v-62e822f8] {
        transform: translate(0);
        width: 100%
    }

    .quote-config-table .list-main .list-item[data-v-62e822f8],
    .quote-config-table .list-main[data-v-62e822f8] .scroll-wrapper {
        padding: 0
    }
}

@media screen and (min-width:768px) {
    .quote-config-table .list-main[data-v-62e822f8] .list-item:hover {
        background-color: transparent;
        position: relative
    }

    .quote-config-table .list-main[data-v-62e822f8] .list-item:hover .fix-left,
    .quote-config-table .list-main[data-v-62e822f8] .list-item:hover .fix-right {
        background-color: var(--ct_bg_card1)
    }

    .quote-config-table .list-main[data-v-62e822f8] .list-item:hover:after {
        background-color: var(--ct_bg_card1);
        border-radius: 8px;
        content: "";
        display: block;
        height: 100%;
        left: -8px;
        position: absolute;
        width: calc(100% + 16px);
        z-index: -1
    }
}

.quote-config-table .img-contain[data-v-62e822f8] {
    aspect-ratio: 16/9;
    overflow: hidden;
    width: 100%
}

.quote-config-table .img-contain img[data-v-62e822f8] {
    border-radius: 8px;
    height: 100%;
    object-fit: cover;
    width: 100%
}

@media screen and (max-width:768px) {
    .quote-config-table[data-v-62e822f8] {
        --title-font-size: 20px;
        --title-line-height: 28px;
        --description-font-size: 12px;
        --description-line-height: 16px;
        --time-font-size: 12px;
        --time-line-height: 16px
    }
}

.quote-config-table.champion-list[data-v-62e822f8] .main-content .table-item {
    flex: 1;
    margin: 0 8px;
    padding: 0
}

.quote-config-table.champion-list[data-v-62e822f8] .table-item-left.table-item-stockCode,
.quote-config-table.champion-list[data-v-62e822f8] .table-item.table-item-stockCode {
    align-items: center;
    display: flex;
    flex: 0 1 120px
}

.quote-config-table.champion-list[data-v-62e822f8] .table-item.table-item-sequenceNumber {
    flex: 0 1 30px;
    text-align: left
}

.quote-config-table.champion-list[data-v-62e822f8] .value.sequenceNumber {
    flex: 0 1 60px;
    text-align: left
}

.number[data-v-62e822f8] {
    align-items: center;
    background-repeat: no-repeat;
    display: flex;
    height: 26px;
    justify-content: center;
    width: 30px
}

.num-1[data-v-62e822f8] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='26' fill='none' viewBox='0 0 23 26'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='url(%23b)' d='M0 4a4 4 0 0 1 4-4h15a4 4 0 0 1 4 4v14.515a4 4 0 0 1-2.452 3.688l-7.5 3.147a4 4 0 0 1-3.096 0l-7.5-3.147A4 4 0 0 1 0 18.515z'/%3E%3Cpath fill='%230F1112' d='M11.688 6.713h1.782v12.6h-2.232V10.15H8.646V8.243h.594q1.188.017 1.728-.343.54-.341.72-1.187'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='11.5' x2='11.5' y1='-2.6' y2='26' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FBD189'/%3E%3Cstop offset='1' stop-color='%23FCC66B'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h23v26H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%
}

.num-2[data-v-62e822f8] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='26' fill='none' viewBox='0 0 23 26'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='url(%23b)' d='M0 4a4 4 0 0 1 4-4h15a4 4 0 0 1 4 4v14.515a4 4 0 0 1-2.452 3.688l-7.5 3.147a4 4 0 0 1-3.096 0l-7.5-3.147A4 4 0 0 1 0 18.515z'/%3E%3Cpath fill='%230F1112' d='M12.109 14.687q-1.296.774-1.908 1.368-.63.593-.81 1.224h6.084v2.034h-8.46v-1.08q-.036-1.46.72-2.556.774-1.117 2.843-2.394 1.584-.973 2.143-1.674.54-.685.504-1.35 0-.83-.468-1.279-.487-.468-1.35-.468-.937 0-1.512.595-.558.594-.63 1.854h-2.25q.054-2.143 1.26-3.294 1.188-1.152 3.15-1.17 1.835.017 2.933 1.008 1.098.99 1.117 2.754.036 1.224-.72 2.25-.757 1.026-2.647 2.178'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='11.5' x2='11.5' y1='-2.6' y2='26' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D1E9F9'/%3E%3Cstop offset='1' stop-color='%23BFDFFB'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h23v26H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%
}

.num-3[data-v-62e822f8] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='26' fill='none' viewBox='0 0 23 26'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='url(%23b)' d='M0 4a4 4 0 0 1 4-4h15a4 4 0 0 1 4 4v14.515a4 4 0 0 1-2.452 3.688l-7.5 3.147a4 4 0 0 1-3.096 0l-7.5-3.147A4 4 0 0 1 0 18.515z'/%3E%3Cpath fill='%230F1112' d='M11.676 19.529q-1.962-.018-3.114-1.062-1.134-1.045-1.188-2.97h2.232q.072.99.63 1.494.576.522 1.512.521.99-.018 1.548-.54t.576-1.386q0-.845-.576-1.313t-1.674-.468h-1.17v-1.873h1.152q1.008-.017 1.494-.468.468-.45.468-1.223 0-.81-.486-1.278-.486-.45-1.386-.45t-1.404.486q-.522.485-.594 1.511H7.482q.072-1.89 1.224-2.933 1.17-1.063 3.042-1.08 1.836.017 2.916.99 1.098.954 1.116 2.556 0 .918-.396 1.62-.414.7-1.278 1.152v.053q.972.397 1.476 1.152.522.757.522 1.783-.018 1.62-1.206 2.663-1.188 1.026-3.222 1.063'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='11.5' x2='11.5' y1='-2.6' y2='26' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EDB58B'/%3E%3Cstop offset='1' stop-color='%23DB9976'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h23v26H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%
}

.num-other[data-v-62e822f8] {
    color: var(--ct_text_h3);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-align: center
}

.disclosure-container[data-v-62e822f8] {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.disclosure-container .disclosure-btn[data-v-62e822f8] {
    color: var(--ct_text_h3);
    text-decoration: underline
}

.disclosure-container .disclosure-btn[data-v-62e822f8]:hover {
    color: var(--ct_text_h2);
    cursor: pointer
}

.clickable[data-v-62e822f8] {
    cursor: pointer
}

.view-more-container[data-v-62e822f8] {
    display: flex;
    justify-content: center;
    margin-top: 8px
}

.mask-container[data-v-62e822f8] {
    position: absolute;
    top: 28px;
    width: 100%
}

.mask-container[data-v-62e822f8] .mask {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.mask-container[data-v-62e822f8] .mask-partial {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 46px)
}

.empty p {
    color: #bcbdbf
}

.constitute-pie {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.constitute-pie .pie-chart-wrapper {
    height: 120px;
    margin: 0 auto;
    width: 120px
}

.constitute-pie .constitute-detail {
    background: #f9f9f9;
    border-radius: 4px;
    margin-top: 24px;
    padding: 12px
}

.constitute-pie .constitute-detail li {
    display: flex
}

.constitute-pie .constitute-detail li:not(:last-child) {
    margin-bottom: 10px
}

.constitute-pie .constitute-detail li.title .item-span {
    color: #7a7a7a
}

.constitute-pie .constitute-detail li.detail-item .item-span {
    color: #262626;
    position: relative
}

.constitute-pie .constitute-detail li.detail-item .item-span:first-child .item-circle {
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px
}

.constitute-pie .constitute-detail li .item-span {
    flex: 1.5;
    font-size: 12px;
    line-height: 15px;
    text-align: right
}

.constitute-pie .constitute-detail li .item-span:first-child {
    flex: 4;
    padding-left: 10px;
    text-align: left
}

.easy-snap-shot-card {
    box-sizing: border-box;
    clear: both;
    font-size: 13px;
    padding: 10px 12px 10px 28px;
    position: relative;
    width: 100%
}

.easy-snap-shot-card.pl12 {
    padding-left: 12px
}

.easy-snap-shot-card .empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.easy-snap-shot-card .empty p {
    color: #7a7a7a;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px
}

.easy-snap-shot-card * {
    vertical-align: baseline
}

.easy-snap-shot-card i .font {
    display: inline-block
}

.mr_20 {
    margin-right: 20px
}

.mb_5 {
    margin-bottom: 5px
}

.ml_5 {
    margin-left: 5px
}

.ml_13 {
    margin-left: 13px
}

.easy-snap-shot-info {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.easy-snap-shot-info .info-title {
    color: #262626;
    flex: 1;
    position: relative;
    width: 0
}

.easy-snap-shot-info .info-title .market-symbol {
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    left: -20px;
    line-height: 13px;
    margin: 4px 3px 0 0;
    padding: 4px 2px;
    position: absolute;
    transform: scale(.5);
    transform-origin: left top
}

.easy-snap-shot-info .info-title .sname {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.easy-snap-shot-main {
    flex-shrink: 0
}

.easy-snap-shot-main .fund-price {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.easy-snap-shot-main .price-info {
    color: #9197a3
}

.easy-snap-shot-main .price-info .price-change,
.easy-snap-shot-main .price-info .sprice {
    align-items: baseline;
    display: flex
}

.easy-snap-shot-main .price-info .sprice .higher-icon,
.easy-snap-shot-main .price-info .sprice .lower-icon {
    margin: 0 0 0 2px
}

.easy-snap-shot-main .price-info .higher:before {
    content: "+"
}

.easy-snap-shot-main .price-info .tips {
    color: #939393;
    font-size: 12px
}

.easy-snap-shot-main .price-info .sratio {
    margin-left: 13px;
    text-align: right
}

.easy-snap-shot-main .price-info.price-curr-net-value {
    color: #1a2536
}

.easy-snap-shot-main .price-info.only {
    padding-top: 10px
}

.easy-snap-shot-main .price-info.down-1,
.easy-snap-shot-main .price-info.up-0 {
    color: #ff424a
}

.easy-snap-shot-main .price-info.down-0,
.easy-snap-shot-main .price-info.up-1 {
    color: #00aa3b
}

.easy-snap-shot-main .price-info.down-3,
.easy-snap-shot-main .price-info.up-2 {
    color: #f33c76
}

.easy-snap-shot-main .price-info.down-2,
.easy-snap-shot-main .price-info.up-3 {
    color: #14ac9c
}

.easy-snap-shot-main .price-info .pre-or-post-info {
    align-items: center;
    background: #f0f0f0;
    border-radius: 2px;
    color: #7a7a7a;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    margin: 3px 0 0;
    padding: 2px 6px
}

.easy-snap-shot-main .price-info .pre-or-post-info div {
    display: inline-block
}

.easy-snap-shot-main .price-info .pre-or-post-info div:not(:last-child) {
    margin: 0 4px 0 0
}

.easy-snap-shot-main .price-info .pre-or-post-info div.pre-or-post-text {
    margin-right: 10px
}

.easy-snap-shot-card-black {
    background: #292929
}

.easy-snap-shot-card-black .easy-snap-shot-info .info-title {
    color: #e5e5e5
}

.easy-snap-shot-card-black .easy-snap-shot-info .info-title .stime {
    color: #919aa3
}

.easy-snap-shot-card-black .price-info .pre-or-post-info {
    background: #363a40;
    color: #b1b2b5
}

.easy-snap-shot-card-black .price-info.price-curr-net-value {
    color: #919aa3
}

.stock-mini-logo[data-v-125a40d7] {
    display: flex
}

.stock-mini-logo .stock-img[data-v-125a40d7] {
    border-radius: 100%;
    height: 100%;
    width: 100%
}

.stock-mini-logo .img-text[data-v-125a40d7] {
    border-radius: 100%;
    color: #0f1112;
    font-size: 12px;
    height: 100%;
    line-height: 2;
    text-align: center;
    width: 100%
}

.financial-calendar-wrap {
    background-color: #f7f9fa;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 280px
}

.financial-calendar-wrap .calendar-header {
    align-content: center;
    color: #0f1112;
    display: flex;
    justify-content: space-between;
    padding: 16px
}

.financial-calendar-wrap .calendar-header .calendar-title {
    color: #0f1112;
    cursor: pointer;
    flex: 1;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-decoration: none
}

.financial-calendar-wrap .calendar-header .calendar-date {
    font-size: 14px;
    line-height: 28px
}

.financial-calendar-wrap .financial-list {
    flex: 1;
    overflow: auto;
    width: 100%
}

.financial-calendar-wrap .financial-list::-webkit-scrollbar,
.financial-calendar-wrap .financial-list::-webkit-scrollbar-corner,
.financial-calendar-wrap .financial-list::-webkit-scrollbar-thumb,
.financial-calendar-wrap .financial-list::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

.financial-calendar-wrap .financial-list .financial-item {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 12px 16px;
    text-decoration: none;
    width: 100%
}

.financial-calendar-wrap .financial-list .financial-item:hover {
    background-color: #e8eaed
}

.financial-calendar-wrap .financial-list .financial-item .item-left {
    align-items: center;
    display: flex;
    flex: 1;
    max-width: 100%
}

.financial-calendar-wrap .financial-list .financial-item .item-left .stock-logo {
    height: 40px;
    margin-right: 14px;
    width: 40px
}

.financial-calendar-wrap .financial-list .financial-item .item-left .img-text {
    font-size: 20px
}

.financial-calendar-wrap .financial-list .financial-item .item-left .stock-info {
    color: #0f1112;
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%
}

.financial-calendar-wrap .financial-list .financial-item .item-left .stock-info.maxWidth {
    max-width: calc(100% - 56px)
}

.financial-calendar-wrap .financial-list .financial-item .item-left .stock-info .info-line-1 {
    align-items: center;
    display: flex
}

.financial-calendar-wrap .financial-list .financial-item .item-left .stock-info .info-line-2 {
    line-height: 16px;
    width: 100%
}

.financial-calendar-wrap .financial-list .financial-item .item-left .stock-info .code {
    color: #0f1112;
    font-size: 14px;
    margin-right: 4px
}

.financial-calendar-wrap .financial-list .financial-item .item-left .stock-info .code .prename {
    font-weight: 600
}

.financial-calendar-wrap .financial-list .financial-item .item-left .stock-info .code .aftername {
    font-weight: 400;
    margin-left: 8px
}

.financial-calendar-wrap .financial-list .financial-item .item-left .stock-info .name,
.financial-calendar-wrap .financial-list .financial-item .item-left .stock-info .quarter {
    color: #0f1112;
    font-size: 12px;
    font-weight: 400
}

.financial-calendar-wrap .financial-list .financial-item .item-left .stock-info .quarter {
    margin-left: 8px
}

.financial-calendar-wrap .financial-list .financial-item .item-left .stock-info .pub-type {
    align-items: center;
    background-color: #535a6614;
    border-radius: 16px;
    color: #606266;
    display: flex;
    font-size: 10px;
    gap: 1px;
    justify-content: center;
    padding: 1px 5px 1px 4px
}

.financial-calendar-wrap .financial-list .financial-item .item-left .stock-info .pub-type .pub-text {
    margin-left: 2px;
    text-wrap: nowrap
}

.financial-calendar-wrap .financial-list .financial-item .item-left .stock-info .after-icon,
.financial-calendar-wrap .financial-list .financial-item .item-left .stock-info .pre-icon {
    background-repeat: no-repeat;
    background-size: 100%;
    height: 12px;
    width: 12px
}

.financial-calendar-wrap .financial-list .financial-item .item-left .stock-info .pre-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23606266' fill-rule='evenodd' d='M5.6 1.4a.4.4 0 0 1 .8 0v.738a.4.4 0 1 1-.8 0zM6 3.785a2.215 2.215 0 1 0 0 4.43 2.215 2.215 0 0 0 0-4.43M2.985 6a3.015 3.015 0 1 1 6.03 0 3.015 3.015 0 0 1-6.03 0M6 9.46a.4.4 0 0 0-.4.4v.74a.4.4 0 0 0 .8 0v-.74a.4.4 0 0 0-.4-.4m4.6-3.86a.4.4 0 0 1 0 .8H9.86a.4.4 0 0 1 0-.8zM2.538 6a.4.4 0 0 0-.4-.4H1.4a.4.4 0 1 0 0 .8h.738a.4.4 0 0 0 .4-.4m7.245-2.646a.4.4 0 0 1 .4.693l-.639.37a.4.4 0 0 1-.4-.693zM3.002 7.731a.4.4 0 0 0-.546-.146l-.64.37a.4.4 0 0 0 .4.692l.64-.37a.4.4 0 0 0 .146-.546m4.951-5.914a.4.4 0 0 1 .693.4l-.37.64a.4.4 0 1 1-.692-.4zM4.27 9a.4.4 0 0 0-.546.146l-.37.64a.4.4 0 0 0 .693.4l.37-.64A.4.4 0 0 0 4.268 9m4.377.785a.4.4 0 1 1-.693.4l-.369-.64a.4.4 0 1 1 .693-.4zM4.27 3.003a.4.4 0 0 0 .146-.547l-.369-.64a.4.4 0 1 0-.693.4l.37.64a.4.4 0 0 0 .546.147m5.915 4.951a.4.4 0 1 1-.4.693l-.64-.37a.4.4 0 1 1 .4-.692zM3.002 4.27a.4.4 0 0 0-.146-.546l-.64-.37a.4.4 0 0 0-.4.693l.64.37a.4.4 0 0 0 .546-.147' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.financial-calendar-wrap .financial-list .financial-item .item-left .stock-info .after-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23606266' fill-rule='evenodd' d='M4.254 2.46a4.007 4.007 0 1 0 5.663 5.632A4.571 4.571 0 0 1 5.26 1.837c-.356.153-.695.36-1.006.623M3.17 8.624A4.807 4.807 0 0 1 5.99.788a.4.4 0 0 1 .4.62 3.774 3.774 0 0 0 4.263 5.724.4.4 0 0 1 .478.562 4.808 4.808 0 0 1-7.961.93' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.financial-calendar-wrap .financial-list .financial-item .item-right .live-link {
    border-radius: 8px;
    display: flex;
    padding: 6px
}

.financial-calendar-wrap .financial-list .financial-item .item-right .live-link:hover {
    background-color: #fff
}

.financial-calendar-wrap .financial-list .financial-item .item-right .live-link .live-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230C0C0D' fill-rule='evenodd' d='M2.755 5.8A3.045 3.045 0 0 1 5.8 2.755h12.4A3.045 3.045 0 0 1 21.245 5.8v12.4a3.045 3.045 0 0 1-3.045 3.045H5.8A3.045 3.045 0 0 1 2.755 18.2zM5.8 4.195c-.887 0-1.605.719-1.605 1.605v12.4c0 .887.718 1.605 1.605 1.605h12.4c.886 0 1.605-.718 1.605-1.605V5.8c0-.886-.719-1.605-1.605-1.605z' clip-rule='evenodd'/%3E%3Cpath stroke='%230C0C0D' stroke-linejoin='round' stroke-width='1.44' d='m14.692 11.859.341-.606a.858.858 0 0 1 0 1.495l-4.105 2.309-.33-.587.33.587a.858.858 0 0 1-1.278-.748V9.691a.858.858 0 0 1 1.278-.747m3.764 2.915-3.764-2.915m3.764 2.915.341-.606m-.34.606.34-.606m-4.105-2.31 4.105 2.31m-4.105-2.31 4.105 2.31'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 24px;
    width: 24px
}

.financial-calendar-wrap .all-link {
    align-items: center;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 12px 16px;
    text-decoration: none
}

.financial-calendar-wrap .all-link:hover {
    background-color: #e8eaed
}

.financial-calendar-wrap .all-link .total-text {
    color: #0f1112;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.financial-calendar-wrap .all-link .arrow-icon {
    background-color: #1d1f21;
    height: 11px;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' fill='none' viewBox='0 0 8 14'%3E%3Cpath stroke='%231D1F21' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='M1 1.5 7 7l-6 5.5'/%3E%3C/svg%3E");
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 6px
}

.financial-calendar-wrap div {
    box-sizing: border-box
}

.financial-calendar-wrap .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.financial-calendar-wrap .empty-container {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.financial-calendar-wrap .empty-container .empty-img {
    background-image: url(/static/img/image_559.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    width: 80px
}

.financial-calendar-wrap .empty-container .loading-icon {
    animation: loadingMove 1s steps(8) infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M11 2.6a8.4 8.4 0 0 0 0 16.8v2.4C5.035 21.8.2 16.965.2 11S5.036.2 11 .2h.033H11z' clip-rule='evenodd'/%3E%3Cpath fill='url(%23b)' fill-rule='evenodd' d='M11 21.8c5.965 0 10.8-4.835 10.8-10.8S16.965.2 11 .2v2.4a8.4 8.4 0 1 1 0 16.8z' clip-rule='evenodd'/%3E%3Ccircle cx='11' cy='20.6' r='1.2' fill='url(%23c)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='6.218' x2='6.218' y1='21.8' y2='2' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A7A7A' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%237A7A7A' stop-opacity='.5'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='17' x2='17' y1='21.8' y2='2' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A7A7A'/%3E%3Cstop offset='1' stop-color='%237A7A7A' stop-opacity='.5'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='11' x2='12.2' y1='20.6' y2='20.6' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A7A7A'/%3E%3Cstop offset='1' stop-color='%237A7A7A' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 28px;
    margin-bottom: 6px;
    width: 28px
}

.financial-calendar-wrap .empty-container .empty-text,
.financial-calendar-wrap .empty-container .loading-text {
    color: #606266;
    font-size: 15px
}

.financial-calendar-wrap .empty-container .empty-link {
    color: #0079f0;
    font-size: 15px;
    padding: 0 16px;
    text-decoration: none
}

.financial-calendar-wrap.dark-mode {
    background-color: #1d1f21
}

.financial-calendar-wrap.dark-mode .calendar-header,
.financial-calendar-wrap.dark-mode .calendar-header .calendar-title {
    color: #e3e4e5
}

.financial-calendar-wrap.dark-mode .financial-list .financial-item:hover {
    background-color: #2c2f33
}

.financial-calendar-wrap.dark-mode .financial-list .financial-item .item-left .stock-info,
.financial-calendar-wrap.dark-mode .financial-list .financial-item .item-left .stock-info .code,
.financial-calendar-wrap.dark-mode .financial-list .financial-item .item-left .stock-info .name,
.financial-calendar-wrap.dark-mode .financial-list .financial-item .item-left .stock-info .quarter {
    color: #e3e4e5
}

.financial-calendar-wrap.dark-mode .financial-list .financial-item .item-left .stock-info .pub-type {
    background: #535a6633;
    color: #9b9b9e
}

.financial-calendar-wrap.dark-mode .financial-list .financial-item .item-left .stock-info .pre-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%239B9B9E' fill-rule='evenodd' d='M5.6 1.4a.4.4 0 0 1 .8 0v.738a.4.4 0 1 1-.8 0zM6 3.785a2.215 2.215 0 1 0 0 4.43 2.215 2.215 0 0 0 0-4.43M2.985 6a3.015 3.015 0 1 1 6.03 0 3.015 3.015 0 0 1-6.03 0M6 9.46a.4.4 0 0 0-.4.4v.74a.4.4 0 0 0 .8 0v-.74a.4.4 0 0 0-.4-.4m4.6-3.86a.4.4 0 0 1 0 .8H9.86a.4.4 0 0 1 0-.8zM2.538 6a.4.4 0 0 0-.4-.4H1.4a.4.4 0 1 0 0 .8h.738a.4.4 0 0 0 .4-.4m7.245-2.646a.4.4 0 0 1 .4.693l-.639.37a.4.4 0 0 1-.4-.693zM3.002 7.731a.4.4 0 0 0-.546-.146l-.64.37a.4.4 0 0 0 .4.692l.64-.37a.4.4 0 0 0 .146-.546m4.951-5.914a.4.4 0 0 1 .693.4l-.37.64a.4.4 0 1 1-.692-.4zM4.27 9a.4.4 0 0 0-.546.146l-.37.64a.4.4 0 0 0 .693.4l.37-.64A.4.4 0 0 0 4.268 9m4.377.785a.4.4 0 1 1-.693.4l-.369-.64a.4.4 0 1 1 .693-.4zM4.27 3.003a.4.4 0 0 0 .146-.547l-.369-.64a.4.4 0 1 0-.693.4l.37.64a.4.4 0 0 0 .546.147m5.915 4.951a.4.4 0 1 1-.4.693l-.64-.37a.4.4 0 1 1 .4-.692zM3.002 4.27a.4.4 0 0 0-.146-.546l-.64-.37a.4.4 0 0 0-.4.693l.64.37a.4.4 0 0 0 .546-.147' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.financial-calendar-wrap.dark-mode .financial-list .financial-item .item-left .stock-info .after-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23B1B2B5' fill-rule='evenodd' d='M4.254 2.46a4.007 4.007 0 1 0 5.663 5.632A4.571 4.571 0 0 1 5.26 1.837c-.356.153-.695.36-1.006.623M3.17 8.624A4.807 4.807 0 0 1 5.99.788a.4.4 0 0 1 .4.62 3.774 3.774 0 0 0 4.263 5.724.4.4 0 0 1 .478.562 4.808 4.808 0 0 1-7.961.93' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.financial-calendar-wrap.dark-mode .all-link:hover {
    background-color: #2c2f33
}

.financial-calendar-wrap.dark-mode .all-link .total-text {
    color: #e3e4e5
}

.financial-calendar-wrap.dark-mode .all-link .arrow-icon {
    background-color: #d6d9db
}

.financial-calendar-wrap.dark-mode .empty-container .empty-img {
    background-image: url(/static/img/image_560.png)
}

.financial-calendar-wrap.dark-mode .empty-container .empty-text {
    color: #9b9b9e
}

.financial-calendar-wrap.dark-mode .empty-container .empty-link {
    color: #4e7fce
}

.financial-calendar-wrap.dark-mode .empty-container .loading-text {
    color: #9b9b9e
}

.financial-calendar-wrap.mobile .calendar-header {
    padding: 12px 16px
}

.financial-calendar-wrap.mobile .calendar-header .calendar-title {
    font-size: 16px;
    line-height: 24px
}

.financial-calendar-wrap.mobile .calendar-header .calendar-date {
    line-height: 24px
}

.financial-calendar-wrap.mobile .financial-list .financial-item {
    padding: 12px 8px
}

.financial-calendar-wrap.mobile .financial-list .financial-item:hover {
    background-color: transparent
}

.financial-calendar-wrap.mobile .financial-list .financial-item .item-left .stock-info .code {
    font-size: 14px
}

.financial-calendar-wrap.mobile .all-link:hover {
    background-color: transparent
}

.quote-theme-white {
    --ct_text_h1: #0f1112;
    --ct_bg_card1: #f2f3f5;
    --ct_text_green: #00a870;
    --ct_text_red: #f03a55;
    --ct_text_stable: #627085;
    --ct_up: var(--ct_text_red);
    --ct_down: var(--ct_text_green);
    --ct_flat: var(--ct_text_stable)
}

.quote-theme-black {
    --ct_text_h1: #e3e4e5;
    --ct_bg_card1: #1d1f21;
    --ct_text_green: #00a357;
    --ct_text_red: #e02d48;
    --ct_text_stable: #627085;
    --ct_up: var(--ct_text_red);
    --ct_down: var(--ct_text_green);
    --ct_flat: var(--ct_text_stable)
}

.quote-rever {
    --ct_up: var(--ct_text_green);
    --ct_down: var(--ct_text_red)
}

.quote-index-item {
    background-color: var(--ct_bg_card1);
    border-radius: 8px;
    color: var(--ct_text_h1);
    display: flex;
    flex-direction: column;
    height: calc(100% - 24px);
    padding: 12px 8px;
    text-decoration: none;
    width: calc(100% - 16px)
}

.quote-price-card {
    width: 100%
}

.quote-chart {
    flex: 1;
    height: 0;
    padding-top: 8px
}

.quote-name {
    font-size: 12px;
    line-height: 18px
}

.quote-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.quote-price {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 8px
}

.quote-change {
    display: flex;
    flex-wrap: nowrap;
    font-size: 12px
}

.quote-change span:first-of-type {
    margin-right: 8px
}

.quote-direct-up {
    color: var(--ct_up)
}

.quote-direct-down {
    color: var(--ct_down)
}

.quote-direct-flat {
    color: var(--ct_flat)
}

.spark-chart {
    position: relative
}

.spark-chart,
.spark-chart canvas {
    height: 100%;
    width: 100%
}

.scrollbar-sticky[data-v-46ccf2f8] {
    position: sticky;
    z-index: 23
}

.fix-left[data-v-46ccf2f8] {
    position: relative;
    width: fit-content
}

.scroll-wrapper[data-v-46ccf2f8] {
    overflow: hidden;
    width: 100%
}

.table-body-wrapper[data-v-46ccf2f8],
.table-head-wrapper[data-v-46ccf2f8] {
    align-items: center;
    display: flex;
    flex-direction: row
}

.list-head[data-v-46ccf2f8] {
    align-items: center;
    background-color: var(--ct-option_bg_put_odd);
    color: var(--ct_text_h2);
    display: flex;
    flex-wrap: nowrap;
    font-size: 12px;
    height: 28px;
    justify-content: space-between;
    line-height: 1;
    width: fit-content
}

.list-head .table-item-left[data-v-46ccf2f8],
.list-head .table-item[data-v-46ccf2f8] {
    font-size: 12px;
    height: fit-content;
    line-height: 1
}

.list-item[data-v-46ccf2f8] {
    align-items: center;
    background-color: var(--ct_bg_page1);
    color: var(--ct_text_h1);
    display: flex;
    flex: 1;
    font-size: 14px;
    height: 60px;
    justify-content: space-between;
    min-width: 100%;
    width: fit-content
}

.list-item-hover[data-v-46ccf2f8] {
    background-color: var(--ct_bg_card1)
}

.table-item-left[data-v-46ccf2f8] {
    display: block;
    font-size: 14px;
    padding: 0 12px;
    text-align: left;
    width: 136px
}

.table-item-left.table-item-name[data-v-46ccf2f8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.table-item[data-v-46ccf2f8] {
    display: block;
    font-size: 14px;
    padding: 0 12px;
    text-align: right;
    width: 136px
}

.table-item.table-item-optional[data-v-46ccf2f8],
.table-item.table-item-trade[data-v-46ccf2f8] {
    text-align: center
}

.table-item-stockCode[data-v-46ccf2f8] {
    text-align: left;
    width: 160px
}

.main-content[data-v-46ccf2f8] {
    min-width: 100%;
    width: fit-content
}

.content-main[data-v-46ccf2f8] {
    width: 100%
}

.content-main[data-v-46ccf2f8]::-webkit-scrollbar {
    display: none;
    width: 0
}

.list-item-shadow[data-v-46ccf2f8]:after {
    background: var(--ct_bg_card1_gradient);
    content: "";
    display: inline-block;
    height: 100%;
    position: absolute;
    right: -16px;
    width: 16px;
    z-index: 30
}

.trade[data-v-46ccf2f8],
.watch[data-v-46ccf2f8] {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    white-space: nowrap
}

.trade a[data-v-46ccf2f8] {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.icon[data-v-46ccf2f8] {
    background-size: 100%;
    border-radius: 3px;
    display: inline-block;
    height: 24px;
    width: 24px
}

.icon[data-v-46ccf2f8]:hover {
    background-color: var(--ct_bg_overlay1)
}

.watch-loading[data-v-46ccf2f8] {
    animation: roteta-46ccf2f8 1s linear infinite;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M11 2.6a8.4 8.4 0 0 0 0 16.8v2.4C5.035 21.8.2 16.965.2 11S5.036.2 11 .2h.033H11z' clip-rule='evenodd'/%3E%3Cpath fill='url(%23b)' fill-rule='evenodd' d='M11 21.8c5.965 0 10.8-4.835 10.8-10.8S16.965.2 11 .2v2.4a8.4 8.4 0 1 1 0 16.8z' clip-rule='evenodd'/%3E%3Ccircle cx='11' cy='20.6' r='1.2' fill='url(%23c)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='6.218' x2='6.218' y1='21.8' y2='2' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A7A7A' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%237A7A7A' stop-opacity='.5'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='17' x2='17' y1='21.8' y2='2' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A7A7A'/%3E%3Cstop offset='1' stop-color='%237A7A7A' stop-opacity='.5'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='11' x2='12.2' y1='20.6' y2='20.6' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A7A7A'/%3E%3Cstop offset='1' stop-color='%237A7A7A' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 100% no-repeat
}

@keyframes roteta-46ccf2f8 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.pagination[data-v-46ccf2f8] {
    margin-top: 48px
}

.empty[data-v-46ccf2f8] {
    min-height: 40vh
}

.h5-width-100[data-v-46ccf2f8] {
    width: 100px !important
}

.h5-width-120[data-v-46ccf2f8] {
    width: 120px !important
}

.select-component[data-v-71b4460a] {
    background: var(--ct_bg_overlay1);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--ct_text_h1);
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    min-height: 16px;
    padding: 4px 12px;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: fit-content;
    z-index: 9
}

.select-component[data-v-71b4460a]:hover {
    background-color: var(--ct_bg_card1)
}

.select-component .current-label[data-v-71b4460a] {
    padding-right: 16px
}

.select-component .arrow-icon[data-v-71b4460a] {
    height: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transition: transform .2s;
    vertical-align: top;
    width: 12px
}

.select-component .trigger-icon[data-v-71b4460a] {
    transform: translateY(-50%) rotate(-90deg)
}

.select-component .lock-icon[data-v-71b4460a] {
    height: 16px;
    transform: translateY(-50%);
    width: 16px
}

.select-component.triangle-style[data-v-71b4460a] {
    align-items: center;
    background-color: transparent;
    border: 1px solid var(--ct_text_h1);
    border-radius: 8px;
    display: flex;
    font-size: 14px;
    line-height: 20px
}

.select-component.triangle-style .current-label[data-v-71b4460a] {
    font-weight: 600
}

.select-component.triangle-style .arrow-icon[data-v-71b4460a] {
    height: 10px;
    transform: rotate(0) translateY(-50%);
    width: 10px
}

.select-component.triangle-style .arrow-icon.trigger-icon[data-v-71b4460a] {
    transform: translateY(-50%) rotate(180deg)
}

.max-hgt[data-v-71b4460a] {
    max-height: 296px
}

.pouper[data-v-71b4460a] {
    background: var(--ct_bg_card2);
    border-radius: 8px;
    box-sizing: border-box;
    left: 0;
    min-width: 100%;
    padding: 8px 0;
    position: absolute;
    top: calc(100% + 8px);
    z-index: 12;
    -ms-overflow-style: none;
    box-shadow: 0 6px 24px #0000001f;
    overflow-y: scroll
}

.pouper.right[data-v-71b4460a] {
    left: auto;
    right: 0
}

.pouper[data-v-71b4460a]::-webkit-scrollbar {
    width: 0
}

.pouper[data-v-71b4460a]::-webkit-scrollbar-thumb {
    background: var(--ct_bg_overlay2);
    border-radius: 4px
}

.pouper[data-v-71b4460a]::-webkit-scrollbar-track {
    opacity: 0
}

.pouper .item[data-v-71b4460a] {
    align-items: center;
    color: var(--ct_text_h1);
    display: flex;
    justify-content: space-between;
    padding: 5px 12px;
    white-space: nowrap
}

.pouper .item[data-v-71b4460a]:hover {
    background-color: var(--ct_bg_overlay2)
}

.pouper .item .lock-img[data-v-71b4460a] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%239B9B9E' d='M10.5 5.5h-5a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h5a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3Z'/%3E%3Cpath fill='%239B9B9E' d='M7.48 8.12a.52.52 0 1 1 1.04 0v2.96a.52.52 0 1 1-1.04 0z'/%3E%3Cpath stroke='%239B9B9E' stroke-linecap='round' d='M5 4.958v-.334c0-1.736 1.343-3.143 3-3.143s3 1.407 3 3.143V5'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 14px;
    margin-left: 4px;
    min-width: 14px
}

.pouper .current[data-v-71b4460a] {
    background-color: var(--ct_bg_overlay2);
    color: var(--ct_text_reverse)
}

.disabled[data-v-71b4460a] {
    color: var(--ct_text_h3)
}

.disabled .arrow-icon[data-v-71b4460a] {
    opacity: .4
}

.arrow-icon[data-v-71b4460a] {
    margin-left: 4px
}

html[data-header-cs-theme=white] .pouper .item .lock-img[data-v-71b4460a] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23606266' d='M10.5 5.5h-5a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h5a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3Z'/%3E%3Cpath fill='%23606266' d='M7.48 8.12a.52.52 0 1 1 1.04 0v2.96a.52.52 0 1 1-1.04 0z'/%3E%3Cpath stroke='%23606266' stroke-linecap='round' d='M5 4.958v-.334c0-1.736 1.343-3.143 3-3.143s3 1.407 3 3.143V5'/%3E%3C/svg%3E")
}

.title[data-v-d1139513] {
    align-items: center;
    color: var(--ct_text_h1);
    cursor: pointer;
    display: flex;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 8px;
    width: fit-content
}

.title .icon[data-v-d1139513] {
    background-color: var(--ct_text_h1);
    height: 16px;
    margin-left: 4px;
    -webkit-mask-position: right;
    mask-position: right;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 50%;
    mask-size: 50%;
    width: 16px
}

.title[data-v-d1139513]:hover {
    color: var(--ct_text_highlight)
}

.title:hover .icon[data-v-d1139513] {
    background-color: var(--ct_text_highlight)
}

.select-options[data-v-d1139513] {
    z-index: 30
}

.heat-list[data-v-d1139513] {
    margin-top: 16px;
    transform: translate(-8px);
    width: calc(100% + 16px)
}

.heat-list[data-v-d1139513] .content-head,
.heat-list[data-v-d1139513] .content-main {
    padding: 0 8px
}

.heat-list[data-v-d1139513] .list-item:hover {
    background-color: transparent;
    position: relative
}

.heat-list[data-v-d1139513] .list-item:hover .fix-left,
.heat-list[data-v-d1139513] .list-item:hover .fix-right {
    background-color: var(--ct_bg_card1)
}

.heat-list[data-v-d1139513] .list-item:hover:after {
    background-color: var(--ct_bg_card1);
    border-radius: 8px;
    content: "";
    display: block;
    height: 100%;
    left: -8px;
    position: absolute;
    width: calc(100% + 16px);
    z-index: -1
}

.heat-list[data-v-d1139513] .order,
.heat-list[data-v-d1139513] .symbol {
    padding: 0;
    text-align: left;
    width: 78px
}

.heat-list[data-v-d1139513] .value {
    padding: 0;
    width: 77px
}

.heat-list[data-v-d1139513] .chart {
    text-align: left
}

.heat-list[data-v-d1139513] .middle {
    justify-content: space-between
}

.heat-list[data-v-d1139513] .spark-chart {
    display: inline-block;
    height: 26px;
    -webkit-user-select: none;
    user-select: none;
    width: 77px
}

.heat-list[data-v-d1139513] .changeRatio,
.heat-list[data-v-d1139513] .price {
    padding: 0;
    width: 77px
}

.heat-list .code[data-v-d1139513] {
    color: var(--ct_text_h1);
    font-size: 16px;
    line-height: 24px
}

.heat-list .name[data-v-d1139513] {
    color: var(--ct_text_h2);
    font-size: 12px;
    line-height: 20px
}

.show-more {
    color: #496ce8;
    text-decoration: none
}

.treemap {
    height: calc(100% - 33px);
    margin-top: 16px;
    position: relative;
    width: 100%
}

.treemap-svg {
    display: block;
    width: 100%
}

.show-more {
    display: block;
    font-size: 12px;
    padding: 8px 0;
    text-align: center
}

.rank[data-v-33540bf4] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.rank .rank-item[data-v-33540bf4] {
    align-items: center;
    display: flex;
    font-size: 13px;
    height: 18px;
    justify-content: space-between;
    line-height: 18px;
    margin-bottom: 8px
}

.rank .rank-item .part-1[data-v-33540bf4] {
    align-items: center;
    display: flex;
    flex: 1;
    margin-right: 5px;
    max-width: 50%;
    min-width: 0
}

.rank .rank-item .part-1 .dot[data-v-33540bf4] {
    border-radius: 50%;
    height: 6px;
    margin-right: 6px;
    min-width: 6px
}

.rank .rank-item .part-1 .dot__0[data-v-33540bf4] {
    background-color: #3d6cfa
}

.rank .rank-item .part-1 .dot__1[data-v-33540bf4] {
    background-color: #3d6cfacc
}

.rank .rank-item .part-1 .dot__2[data-v-33540bf4] {
    background-color: #3d6cfa99
}

.rank .rank-item .part-1 .dot__3[data-v-33540bf4] {
    background-color: #3d6cfa66
}

.rank .rank-item .part-1 .dot__2__1[data-v-33540bf4] {
    background-color: #3d6cfa99
}

.rank .rank-item .part-1 .dot__10__1[data-v-33540bf4] {
    background-color: #3d6cfae6
}

.rank .rank-item .part-1 .dot__9__2[data-v-33540bf4] {
    background-color: #3d6cfab3
}

.rank .rank-item .part-1 .dot__10__2[data-v-33540bf4] {
    background-color: #3d6cfacc
}

.rank .rank-item .part-1 .dot__8__3[data-v-33540bf4] {
    background-color: #3d6cfa80
}

.rank .rank-item .part-1 .dot__9__3[data-v-33540bf4] {
    background-color: #3d6cfa99
}

.rank .rank-item .part-1 .dot__10__3[data-v-33540bf4] {
    background-color: #3d6cfab3
}

.rank .rank-item .part-1 .name[data-v-33540bf4],
.rank .rank-item .value-container[data-v-33540bf4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rank .rank-item .value-container[data-v-33540bf4] {
    font-weight: 600;
    max-width: 50%
}

.rank .rank-item .value-container .unit[data-v-33540bf4] {
    margin-left: 2px
}

.horizontal-bar[data-v-e995a8c1] {
    display: flex;
    padding: 20px
}

.horizontal-bar .rank-content[data-v-e995a8c1] {
    flex: 1;
    max-width: calc(100% - 160px);
    padding-top: 12px
}

.horizontal-bar .bar-content[data-v-e995a8c1] {
    display: flex;
    margin-left: 24px;
    width: 136px
}

.horizontal-bar .bar-content .rank[data-v-e995a8c1] {
    margin-right: 8px
}

.horizontal-bar .bar-content .rank-item[data-v-e995a8c1] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 40px
}

.horizontal-bar .bar-content .rank-item .logo[data-v-e995a8c1] {
    border: 1px solid var(--img-bd-color);
    border-radius: 50%;
    height: 24px;
    width: 24px
}

.horizontal-bar .bar-content .rank-item span[data-v-e995a8c1] {
    font-size: 15px;
    font-weight: 600;
    margin-right: 8px;
    width: 12px
}

.horizontal-bar .bar-content section[data-v-e995a8c1] {
    flex: 1
}

.vertical-bar[data-v-a0448e63] {
    padding: 16px 12px 7px
}

.vertical-bar section[data-v-a0448e63] {
    height: 112px
}

.vertical-bar .rank[data-v-a0448e63] {
    display: flex;
    justify-content: space-between
}

.vertical-bar .rank-item[data-v-a0448e63] {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    justify-content: center;
    line-height: 12px;
    min-width: 0;
    padding: 8px 4px
}

.vertical-bar .rank-item .logo[data-v-a0448e63] {
    border: 1px solid var(--img-bd-color);
    border-radius: 50%;
    height: 12px;
    width: 12px
}

.vertical-bar .rank-item .logo[data-v-a0448e63] .img-text {
    font-size: 6px
}

.vertical-bar .rank-item span[data-v-a0448e63] {
    font-size: 12px;
    margin-left: 4px;
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.analyst[data-v-bd8dad7a] {
    box-sizing: border-box;
    display: flex;
    height: 160px;
    padding: 20px;
    width: 100%
}

.analyst .rank[data-v-bd8dad7a] {
    flex: 1;
    max-width: calc(100% - 160px)
}

.analyst .chart[data-v-bd8dad7a] {
    margin-left: 24px;
    width: 136px
}

.title-bar[data-v-05741ffb] {
    align-items: center;
    background-color: var(--title-bg-color);
    color: var(--title-font-color);
    display: flex;
    justify-content: space-between;
    padding: 10px 12px
}

.title-bar .title[data-v-05741ffb] {
    line-height: 20px !important;
    max-width: 180px
}

.title-bar .title .name[data-v-05741ffb] {
    font-size: 15px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.title-bar .title .profit .ratio[data-v-05741ffb] {
    margin-right: 4px;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.title-bar .title .profit .line[data-v-05741ffb],
.title-bar .title .profit .ratio[data-v-05741ffb] {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    vertical-align: top
}

.title-bar .title .profit .text[data-v-05741ffb] {
    color: var(--text-font-color);
    display: inline-block;
    font-size: 13px;
    vertical-align: top
}

.title-bar .title .profit .mr0[data-v-05741ffb] {
    margin-right: 0
}

.title-bar .title .align[data-v-05741ffb] {
    align-items: center;
    display: flex
}

.title-bar .w100[data-v-05741ffb] {
    max-width: 100%
}

.title-bar .order-btn[data-v-05741ffb] {
    border: 1px solid var(--title-border-color);
    border-radius: 16px;
    cursor: pointer;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    padding: 0 12px
}

.donut[data-v-d4eb5410] {
    display: flex;
    padding: 20px 20px 17px
}

.donut section[data-v-d4eb5410] {
    height: 130px;
    margin-left: 30px;
    width: 130px
}

.donut .rank[data-v-d4eb5410] {
    flex: 1;
    max-width: calc(100% - 160px);
    padding-top: 10px
}

.donut section image[href^="https://stock-resource.futunn.com/minilogo"],
.donut section image[href^="https://stock-resource.moomoo.com/minilogo"] {
    clip-path: circle(8px at 50% 50%)
}

.unsupport[data-v-e982ecdd] {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: 228px;
    justify-content: center
}

@keyframes spin-043cf1af {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.abnormal[data-v-043cf1af] {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    height: 228px;
    justify-content: center;
    line-height: 13px
}

.abnormal .icon[data-v-043cf1af] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    margin-bottom: 6px;
    width: 80px
}

.abnormal.abnormal__1 .icon[data-v-043cf1af] {
    animation: spin-043cf1af 1s linear infinite;
    height: 28px;
    width: 28px
}

.abnormal__theme-0.abnormal__1 .icon[data-v-043cf1af] {
    background-image: url(/static/img/image_561.png)
}

.abnormal__theme-0.abnormal__2 .icon[data-v-043cf1af] {
    background-image: url(/static/img/image_562.png)
}

.abnormal__theme-0.abnormal__3 .icon[data-v-043cf1af] {
    background-image: url(/static/img/image_563.png)
}

.abnormal__theme-1.abnormal__1 .icon[data-v-043cf1af] {
    background-image: url(/static/img/image_564.png)
}

.abnormal__theme-1.abnormal__2 .icon[data-v-043cf1af] {
    background-image: url(/static/img/image_565.png)
}

.abnormal__theme-1.abnormal__3 .icon[data-v-043cf1af] {
    background-image: url(/static/img/image_566.png)
}

.abnormal .text[data-v-043cf1af] {
    margin-bottom: 10px
}

.abnormal .refresh-btn[data-v-043cf1af] {
    color: #628df7;
    cursor: pointer;
    font-size: 13px
}

.ui-theme-dark:root {
    --ui-toast-bg: var(--ui-ck-gray700)
}

:root {
    --ui-toast-z-index: var(--ui-base-z-index-top);
    --ui-toast-bg: var(--ui-ck-gray750);
    --ui-toast-font-color: var(--ui-ct-text-white);
    --ui-toast-bg-notice: var(--ui-ct-primary)
}

.disabled {
    pointer-events: none
}

.ui-toast {
    background-color: var(--ui-toast-bg);
    border-radius: 6px;
    box-sizing: border-box;
    color: var(--ui-toast-font-color);
    font-size: 14px;
    left: 0;
    margin: 0 auto;
    max-width: calc(100% - 120px);
    min-width: 120px;
    padding: 8px 12px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 45%;
    transform: translateY(-50%);
    width: -moz-fit-content;
    width: fit-content;
    z-index: var(--ui-toast-z-index)
}

.ui-toast--top {
    top: 132px;
    transform: none
}

.ui-toast--bottom {
    bottom: 96px;
    margin-bottom: env(safe-area-inset-bottom);
    max-width: calc(100% - 24px);
    top: auto;
    transform: none;
    width: calc(100% - 24px)
}

.ui-toast--notice-type {
    background-color: var(--ui-toast-bg-notice);
    border-radius: 100px;
    min-width: 0;
    padding-bottom: 4px;
    padding-top: 4px;
    top: 132px;
    transform: none
}

.ui-toast--notice-type .ui-toast__content {
    -webkit-line-clamp: 1
}

.ui-toast--with-icon {
    font-size: 0;
    padding: 16px 12px
}

.ui-toast--with-icon .ui-toast__content {
    margin-top: 12px
}

.ui-toast--closable {
    padding-right: 32px
}

.ui-toast__content {
    display: -webkit-box;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}

.ui-toast__close-icon {
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

@keyframes toast-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes toast-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes toast-top-fade-in {
    0% {
        opacity: 0;
        top: 100px
    }

    to {
        opacity: 1;
        top: 132px
    }
}

@keyframes toast-top-fade-out {
    0% {
        opacity: 1;
        top: 132px
    }

    to {
        opacity: 0;
        top: 100px
    }
}

@keyframes toast-bottom-fade-in {
    0% {
        bottom: 80px;
        opacity: 0
    }

    to {
        bottom: 96px;
        opacity: 1
    }
}

@keyframes toast-bottom-fade-out {
    0% {
        bottom: 96px;
        opacity: 1
    }

    to {
        bottom: 80px;
        opacity: 0
    }
}

.toast-fade-top-enter-active {
    animation: toast-top-fade-in .3s cubic-bezier(.34, 1.56, .64, 1)
}

.toast-fade-top-leave-active {
    animation: toast-top-fade-out .25s cubic-bezier(.11, 0, .5, 0)
}

.toast-fade-middle-enter-active {
    animation: toast-fade-in .2s cubic-bezier(.33, 1, .68, 1)
}

.toast-fade-middle-leave-active {
    animation: toast-fade-out .2s cubic-bezier(.11, 0, .5, 0)
}

.toast-fade-bottom-enter-active {
    animation: toast-bottom-fade-in .3s cubic-bezier(.34, 1.56, .64, 1)
}

.toast-fade-bottom-leave-active {
    animation: toast-bottom-fade-out .2s cubic-bezier(.11, 0, .5, 0)
}

@keyframes toast-notice-fade-in {
    0% {
        padding-left: 0
    }

    to {
        padding-left: 12px
    }
}

.toast-notice-fade-enter-active {
    animation: toast-top-fade-in .3s cubic-bezier(.34, 1.56, .64, 1), toast-notice-fade-in .3s cubic-bezier(.25, 1, .25, 1)
}

.toast-notice-fade-leave-active {
    animation: toast-top-fade-out .25s cubic-bezier(.11, 0, .5, 0)
}

.ui-indicator-flower {
    animation: spin-rotate 1s steps(8) infinite;
    color: var(--ui-loading-color);
    display: inline-block;
    font-size: 28px;
    height: 1em;
    position: relative;
    vertical-align: middle;
    width: 1em
}

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

    to {
        transform: rotate(1turn)
    }
}

.ui-indicator-flower__circle {
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ui-indicator-flower__circle stop {
    stop-color: var(--ui-loading-color)
}

:root {
    --ui-loading-color: var(--ui-ct-text-h2);
    --ui-loading-small: 16px;
    --ui-loading-middle: 28px;
    --ui-loading-large: 48px
}

.ui-loading-wrapper {
    position: relative
}

.ui-loading-wrapper .ui-loading-indicator-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.ui-loading-wrapper .ui-loading-indicator-wrapper-hidden {
    display: none
}

.ui-loading-wrapper .ui-loading-indicator {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.ui-loading-wrapper .ui-loading-container {
    transition: opacity .3s
}

.ui-loading-wrapper .ui-loading-container--blur {
    opacity: .5
}

.ui-loading-indicator {
    color: var(--ui-loading-color);
    display: none;
    font-size: 0;
    text-align: center;
    vertical-align: middle
}

.ui-loading-indicator .ui-loading-tip {
    font-size: 12px;
    line-height: 1.25em
}

.ui-loading-indicator .ui-loading-tip--bottom {
    margin-top: 8px
}

.ui-loading-indicator .ui-loading-tip--right {
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle
}

.ui-loading-indicator--running {
    display: inline-block
}

.ui-indicator--large .ui-indicator {
    font-size: var(--ui-loading-large)
}

.ui-indicator--middle .ui-indicator {
    font-size: var(--ui-loading-middle)
}

.ui-indicator--small .ui-indicator {
    font-size: var(--ui-loading-small)
}

.theme[data-v-f0da91e0] {
    display: flex;
    padding: 14px 20px 20px
}

.theme .ring-content[data-v-f0da91e0] {
    height: 126px;
    margin-left: 30px;
    position: relative;
    width: 126px
}

.theme .ring-content .ring[data-v-f0da91e0] {
    align-items: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    overflow: auto;
    position: relative
}

.theme .ring-content .ring.ring-1[data-v-f0da91e0] {
    border: 2px solid var(--ring-bd-color3);
    height: 112px;
    left: 5px;
    position: absolute;
    top: 10px;
    width: 112px
}

.theme .ring-content .ring.ring-2[data-v-f0da91e0] {
    border: 2px solid var(--ring-bd-color2);
    height: 80px;
    width: 80px
}

.theme .ring-content .ring.ring-3[data-v-f0da91e0] {
    border: 2px solid var(--ring-bd-color1);
    height: 48px;
    width: 48px
}

.theme .ring-content .ring .name[data-v-f0da91e0] {
    color: var(--theme-name-font-color);
    font-size: 18px;
    font-weight: 600;
    left: 50%;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap
}

.theme .ring-content .logo[data-v-f0da91e0] {
    border: 1px solid var(--img-bd-color);
    border-radius: 50%;
    height: 30px;
    position: absolute;
    width: 30px
}

.theme .ring-content .logo[data-v-f0da91e0] .img-text {
    font-size: 15px
}

.theme .ring-content .logo.logo-0[data-v-f0da91e0] {
    left: 4.95px;
    top: 17.9px
}

.theme .ring-content .logo.logo-1[data-v-f0da91e0] {
    right: 0;
    top: 27.95px
}

.theme .ring-content .logo.logo-2[data-v-f0da91e0] {
    bottom: 7.19px;
    left: 13px
}

.theme .rank[data-v-f0da91e0] {
    flex: 1;
    max-width: calc(100% - 160px)
}

.theme-image[data-v-72aa876d] {
    display: flex;
    padding: 20px
}

.theme-image .ring-content[data-v-72aa876d] {
    height: 120px;
    margin-left: 24px;
    position: relative;
    width: 120px
}

.theme-image .ring-content .ring[data-v-72aa876d] {
    align-items: center;
    background-color: var(--image-bg-color);
    border: 1px solid var(--img-bd-color);
    border-radius: 50%;
    display: flex;
    height: 79.82px;
    justify-content: center;
    left: 19.09px;
    overflow: hidden;
    position: absolute;
    top: 15.45px;
    width: 79.82px;
    z-index: 2
}

.theme-image .ring-content .ring img[data-v-72aa876d] {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.theme-image .ring-content .ring .default-img[data-v-72aa876d] {
    border-radius: 0;
    height: 24px;
    width: 24px
}

.theme-image .ring-content .logo[data-v-72aa876d] {
    border: 1px solid var(--img-bd-color);
    border-radius: 50%;
    position: absolute
}

.theme-image .ring-content .logo.logo-0[data-v-72aa876d] {
    bottom: 19px;
    height: 34px;
    right: 5px;
    width: 34px;
    z-index: 3
}

.theme-image .ring-content .logo.logo-0[data-v-72aa876d] .img-text {
    font-size: 17px
}

.theme-image .ring-content .logo.logo-1[data-v-72aa876d] {
    bottom: 14px;
    height: 28px;
    left: 10px;
    width: 28px;
    z-index: 1
}

.theme-image .ring-content .logo.logo-1[data-v-72aa876d] .img-text {
    font-size: 14px
}

.theme-image .ring-content .logo.logo-2[data-v-72aa876d] {
    height: 22px;
    left: 0;
    top: 15px;
    width: 22px;
    z-index: 2
}

.theme-image .ring-content .logo.logo-2[data-v-72aa876d] .img-text {
    font-size: 11px
}

.theme-image .rank[data-v-72aa876d] {
    flex: 1;
    max-width: calc(100% - 160px);
    padding-top: 12px
}

.profit-chart[data-v-4bd8f38e] {
    display: flex;
    padding: 32px 20px 24px
}

.profit-chart .rank[data-v-4bd8f38e] {
    flex: 1;
    max-width: calc(100% - 160px);
    min-width: 154px
}

.profit-chart .chart[data-v-4bd8f38e] {
    flex: 1;
    height: 91px;
    margin-left: 24px;
    width: 136px
}

.profit-chart .chart[data-v-4bd8f38e] .spark-chart {
    display: inline-block;
    height: 100%;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.theme[data-v-6b94fa75] {
    display: flex;
    padding: 12px 20px
}

.theme .rank[data-v-6b94fa75] {
    flex: 1;
    max-width: calc(100% - 160px)
}

.theme .static-chart[data-v-6b94fa75] {
    height: 136px;
    margin-left: 24px;
    width: 136px
}

.wealth-strategy[data-v-a169d215] {
    display: flex;
    padding: 12px 20px
}

.wealth-strategy .rank[data-v-a169d215] {
    flex: 1;
    max-width: calc(100% - 160px)
}

.wealth-strategy .static-chart-container[data-v-a169d215] {
    height: 136px;
    margin-left: 24px;
    width: 136px
}

.wealth-strategy .static-chart[data-v-a169d215] {
    height: 100%;
    width: 100%
}

.theme-0[data-v-b80e76f6] {
    --bd-color: #ebeced;
    --bg-color: #fff;
    --font-color: #0f1112;
    --img-bd-color: #ebeced;
    --text-font-color: #606266;
    --logo-font-color: #0f1112;
    --ring-bd-color1: #e3e4e5;
    --ring-bd-color2: hsla(210, 4%, 89%, .7);
    --ring-bd-color3: hsla(210, 4%, 89%, .5);
    --theme-name-font-color: #000014;
    --title-bg-color: #f2f3f5;
    --title-font-color: #0f1112;
    --title-border-color: #606266;
    --image-bg-color: #fff;
    --ct_text_reverse: #0f1112
}

.theme-1[data-v-b80e76f6] {
    --bd-color: hsla(214, 3%, 43%, .15);
    --bg-color: #0f1112;
    --font-color: #e3e4e5;
    --img-bd-color: hsla(214, 3%, 43%, .15);
    --text-font-color: #9b9b9e;
    --logo-font-color: #fff;
    --ring-bd-color1: #2a2b2d;
    --ring-bd-color2: rgba(42, 43, 45, .7);
    --ring-bd-color3: rgba(42, 43, 45, .5);
    --theme-name-font-color: #e3e4e5;
    --title-bg-color: #1d1f21;
    --title-font-color: #e3e4e5;
    --title-border-color: #9b9b9e;
    --image-bg-color: #606266;
    --ct_text_reverse: #fff
}

.insight-list-wrapper[data-v-b80e76f6] {
    --color-up-0: #f03a55;
    --color-up-1: #00a870;
    --color-up-2: #f33c76;
    --color-up-3: #14ac9c;
    --color-down-0: #00a870;
    --color-down-1: #f03a55;
    --color-down-2: #14ac9c;
    --color-down-3: #f33c76;
    --color-falt: #818488;
    background-color: var(--bg-color);
    border: 1px solid var(--bd-color);
    border-radius: 4px;
    color: var(--font-color);
    max-width: 354px;
    overflow: hidden;
    width: 100%
}

.insight-list-wrapper .abnormal-wrapper[data-v-b80e76f6] {
    height: 160px
}

.cursor-p[data-v-b80e76f6],
.insight-list-wrapper canvas {
    cursor: pointer
}

.insight-list-wrapper .up-0 {
    color: var(--color-up-0)
}

.insight-list-wrapper .up-1 {
    color: var(--color-up-1)
}

.insight-list-wrapper .up-2 {
    color: var(--color-up-2)
}

.insight-list-wrapper .up-3 {
    color: var(--color-up-3)
}

.insight-list-wrapper .down-0 {
    color: var(--color-down-0)
}

.insight-list-wrapper .down-1 {
    color: var(--color-down-1)
}

.insight-list-wrapper .down-2 {
    color: var(--color-down-2)
}

.insight-list-wrapper .down-3 {
    color: var(--color-down-3)
}

.insight-list-wrapper .flat-0,
.insight-list-wrapper .flat-1,
.insight-list-wrapper .flat-2,
.insight-list-wrapper .flat-3 {
    color: var(--color-falt)
}

.quote-chart-ui-toast.ui-toast {
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 14px;
    left: 0;
    margin: 0 auto;
    max-width: calc(100% - 120px);
    min-width: 120px;
    padding: 8px 12px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 45%;
    transform: translateY(-50%);
    width: -moz-fit-content;
    width: fit-content
}

.insight-list-wrapper .stock-mini-logo {
    display: flex
}

.insight-list-wrapper .stock-mini-logo .stock-img {
    border-radius: 100%;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.insight-list-wrapper .stock-mini-logo .img-text {
    border-radius: 100%;
    color: var(--ct_text_reverse, #0f1112);
    font-size: 12px;
    height: 100%;
    line-height: 2;
    text-align: center;
    width: 100%
}

[data-v-c3582621]:root {
    --font-size-6: 6px;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-20: 20px
}

.quote-black[data-v-c3582621] {
    --ct_text_h1: #e3e4e5;
    --ct_text_h2: #9b9b9e;
    --ct_text_h3: #7d7f83;
    --ct_text_disable: #535457;
    --ct_text_link: #4e7fce;
    --ct_text_highlight: #ea670c;
    --ct_text_highlight_hover: rgba(234, 103, 12, .08);
    --ct_text_green: #00a357;
    --ct_text_green_15: rgba(0, 163, 87, .15);
    --ct_text_green_50: rgba(0, 163, 87, .5);
    --ct_text_red: #e02d48;
    --ct_text_red_15: rgba(224, 45, 72, .15);
    --ct_text_red_50: rgba(224, 45, 72, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #fff;
    --ct_bg_reverse: #e3e4e5;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #181a1c;
    --ct_line_selected: #7d7f83;
    --ct_line_input: hsla(214, 3%, 43%, .25);
    --ct_bg_page1: #0f1112;
    --ct_bg_card1: #1d1f21;
    --ct_bg_overlay1: #2c2f33;
    --ct_bg_card2: #1d1f21;
    --ct_bg_overlay2: #2c2f33;
    --ct_bg_prominent: #363a40;
    --ct_bg_card1_80: rgba(29, 31, 33, .8);
    --ct_bg_card1_95: rgba(29, 31, 33, .95);
    --ct_bg_card1_50: rgba(29, 31, 33, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .5);
    --ct_popover_bg: #1d1f21;
    --ct_popover_text: #fff;
    --ct_bg_card1_gradient: linear-gradient(90deg, hsla(0, 0%, 5%, .5) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, hsla(0, 0%, 5%, .8) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #0f1112, rgba(15, 17, 18, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(15, 17, 18, 0), #0f1112);
    --ct_bg_page1_gradient3: linear-gradient(0deg, rgba(15, 17, 18, .5), rgba(15, 17, 18, .5));
    --ct_mask_bg: rgba(15, 17, 18, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #111924;
    --ct-option_bg_call_odd: #131f32;
    --ct-option_bg_put_odd: #141618;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_super_green: #016040;
    --cash_flow_pie_big_green: #00a357;
    --cash_flow_pie_mid_green: #03c484;
    --cash_flow_pie_sml_green: #03e69a;
    --cash_flow_pie_super_red: #9c1c2f;
    --cash_flow_pie_big_red: #e02d48;
    --cash_flow_pie_mid_red: #f8697f;
    --cash_flow_pie_sml_red: #ff92a2;
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_green);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_red);
    --ct_tabs_bg: #2c2f33;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #333;
    --ct-line-input-selected: #7d7f83;
    --ct_data_up: var(--ct_text_green);
    --ct_data_down: var(--ct_text_red);
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #1d1f21;
    --ct_open_account_card_close: hsla(204, 6%, 85%, .15);
    --mask-toolbar-watchlist: #9b9b9e;
    --mask-toolbar-watchlist-active: #e3e4e5;
    --premium-button-text: #702e00;
    --premium-button-bg: #f2cb8c;
    --premium-middlepage-close: #d6d9db;
    --premium-analysis-download-button: #f9d59c;
    --ct_feed_text_color: #dee4ed;
    --ui-input-caret: #0a67fc;
    --indicator-logo-bg: linear-gradient(94.85deg, #f9d59c 5.9%, #f9d59c 22.35%, #ffd18a 67.02%, #ffd38e 87.71%, #ffdeab 99.94%);
    --indicator-logo-text: #5f2700;
    --indicator-logo-border-image: linear-gradient(128.01deg, hsla(0, 0%, 100%, .62) 23.26%, rgba(255, 253, 252, 0) 55.1%, rgba(255, 251, 249, .61) 95.58%);
    --arrow_button: #c1baba;
    --arrow_disabled_button: #747474
}

.quote-white[data-v-c3582621] {
    --ct_text_h1: #0f1112;
    --ct_text_h2: #606266;
    --ct_text_h3: #909499;
    --ct_text_disable: #bbbdc0;
    --ct_text_link: #2b78f5;
    --ct_text_highlight: #f36f12;
    --ct_text_highlight_hover: rgba(243, 111, 18, .08);
    --ct_text_green: #00a870;
    --ct_text_green_15: rgba(0, 168, 112, .15);
    --ct_text_green_50: rgba(0, 168, 112, .5);
    --ct_text_red: #f03a55;
    --ct_text_red_15: rgba(240, 58, 85, .15);
    --ct_text_red_50: rgba(240, 58, 85, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #0f1112;
    --ct_bg_reverse: #2c2f33;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #f5f6f6;
    --ct_line_selected: #696c70;
    --ct_line_input: #e3e4e5;
    --ct-line-input-selected: #7d7f83;
    --ct_bg_page1: #fff;
    --ct_bg_card1: #f2f3f5;
    --ct_bg_overlay1: #e8eaed;
    --ct_bg_card2: #fff;
    --ct_bg_overlay2: #f2f3f5;
    --ct_bg_prominent: #fff;
    --ct_bg_card1_80: rgba(242, 243, 245, .8);
    --ct_bg_card1_95: rgba(242, 243, 245, .95);
    --ct_bg_card1_50: rgba(242, 243, 245, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .12);
    --ct_popover_bg: #fff;
    --ct_popover_text: #0f1112;
    --ct_bg_card1_gradient: linear-gradient(90deg, rgba(242, 243, 245, .5) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, .8) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #fff, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, 0), #fff);
    --ct_bg_page1_gradient3: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
    --ct_mask_bg: hsla(0, 0%, 100%, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #eff5ff;
    --ct-option_bg_call_odd: #e3eeff;
    --ct-option_bg_put_odd: #f8f9fa;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_big_green: #00a870;
    --cash_flow_pie_big_red: #f03a55;
    --ct_tabs_bg: #e8eaed;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #ebeced;
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #fff;
    --ct_open_account_card_close: rgba(29, 31, 33, .15);
    --mask-toolbar-watchlist: #606266;
    --mask-toolbar-watchlist-active: #0f1112;
    --premium-button-text: #f6d7a7;
    --premium-button-bg: #2c2f33;
    --premium-middlepage-close: #0c0c0d;
    --premium-analysis-download-button: #0f1112;
    --ct_feed_text_color: #3d3c3c;
    --indicator-logo-bg: #353a40;
    --indicator-logo-text: #ffe1b2;
    --indicator-logo-border-image: #353a40;
    --arrow_button: #000;
    --arrow_disabled_button: #c1baba
}

body[class*=reverse][data-v-c3582621] {
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_red);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_green);
    --ct_data_up: var(--ct_text_red);
    --ct_data_down: var(--ct_text_green)
}

.mask-compoent[data-v-c3582621] {
    align-items: center;
    background: #fffc;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1
}

.mask-compoent[data-v-c3582621]:before {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border-radius: 8px;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -1
}

.mask-compoent .icon[data-v-c3582621] {
    background-color: var(--ct_special_text_white);
    display: inline-block;
    height: 24px;
    margin-right: 4px;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Crect width='16.5' height='12' x='3.75' y='8.25' stroke='%230F1112' stroke-width='1.5' rx='4.5'/%3E%3Cpath fill='%230F1112' d='M11.22 12.177a.78.78 0 1 1 1.56 0v4.44a.78.78 0 1 1-1.56 0z'/%3E%3Cpath stroke='%230F1112' stroke-linecap='round' stroke-width='1.5' d='M7.5 7.436v-.5C7.5 4.332 9.515 2.22 12 2.22s4.5 2.11 4.5 4.715V7.5'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 24px
}

.mask-compoent .btn[data-v-c3582621] {
    align-items: center;
    background-color: var(--ct_text_highlight);
    border-radius: 8px;
    color: var(--ct_special_text_white);
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 6px 18px
}

.mask-compoent .btn[data-v-c3582621]:hover {
    opacity: .8
}

.stock-mini-logo[data-v-18ea4155] {
    display: flex
}

.stock-mini-logo .stock-img[data-v-18ea4155] {
    border-radius: 100%;
    height: 100%;
    width: 100%
}

.stock-mini-logo .img-text[data-v-18ea4155] {
    border-radius: 100%;
    color: var(--ct_text_reverse, #0f1112);
    font-size: 12px;
    height: 100%;
    line-height: 2;
    text-align: center;
    width: 100%
}

.arrow-single-right[data-v-8380ea9c] {
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' fill='none' viewBox='0 0 7 12'%3E%3Cpath stroke='%23B1B2B5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M1 1.5 6 6l-5 4.5'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.base-pagination[data-v-8380ea9c] {
    align-items: center;
    display: flex;
    justify-content: center
}

.base-pagination .item[data-v-8380ea9c] {
    border: 1px solid var(--ct_bg_card1);
    border-radius: 32px;
    color: var(--ct_text_h2);
    cursor: pointer;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin-right: 8px;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    width: 32px
}

.base-pagination .current[data-v-8380ea9c],
.base-pagination .item[data-v-8380ea9c]:hover {
    border-color: var(--ct_text_h2);
    color: var(--ct_text_h1)
}

.base-pagination .next[data-v-8380ea9c],
.base-pagination .prev[data-v-8380ea9c] {
    align-items: center;
    display: flex;
    justify-content: center
}

.base-pagination .next-icon[data-v-8380ea9c],
.base-pagination .prev-icon[data-v-8380ea9c] {
    background-color: var(--ct_text_h2);
    height: 16px;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 50%;
    mask-size: 50%;
    width: 16px
}

.base-pagination .prev-icon[data-v-8380ea9c] {
    transform: rotate(180deg)
}

.base-pagination .disabled[data-v-8380ea9c] {
    cursor: not-allowed
}

.base-pagination .disabled .arrow-single-right[data-v-8380ea9c] {
    background-color: var(--ct_text_h3)
}

.base-pagination .more-icon[data-v-8380ea9c] {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: center;
    margin-right: 8px;
    width: 32px
}

.base-pagination .more-icon>span[data-v-8380ea9c] {
    background-color: var(--ct_text_h2);
    border-radius: 100%;
    height: 2px;
    width: 2px
}

.base-pagination .more-icon span+span[data-v-8380ea9c] {
    margin-left: 3px
}

.pageination-h5.base-pagination[data-v-8380ea9c] {
    align-items: center;
    display: flex;
    justify-content: center
}

.pageination-h5.base-pagination .item[data-v-8380ea9c] {
    -webkit-tap-highlight-color: transparent;
    -webkit-focus-ring-color: transparent;
    border: 1px solid var(--ct_bg_card1);
    border-radius: 28px;
    color: var(--ct_text_h2);
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    margin-right: 8px;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    width: 28px
}

.pageination-h5.base-pagination .current[data-v-8380ea9c],
.pageination-h5.base-pagination .item[data-v-8380ea9c]:hover {
    border-color: var(--ct_text_h2);
    color: var(--ct_text_h1)
}

.pageination-h5.base-pagination .next[data-v-8380ea9c],
.pageination-h5.base-pagination .prev[data-v-8380ea9c] {
    align-items: center;
    display: flex;
    justify-content: center
}

.pageination-h5.base-pagination .next[data-v-8380ea9c] {
    margin-right: 0
}

.pageination-h5.base-pagination .next-icon[data-v-8380ea9c],
.pageination-h5.base-pagination .prev-icon[data-v-8380ea9c] {
    background-color: var(--ct_text_h2);
    height: 14px;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 50%;
    mask-size: 50%;
    width: 14px
}

.pageination-h5.base-pagination .prev-icon[data-v-8380ea9c] {
    transform: rotate(180deg)
}

.pageination-h5.base-pagination .disabled .arrow-single-right[data-v-8380ea9c] {
    background-color: var(--ct_text_h3)
}

.pageination-h5.base-pagination .more-icon[data-v-8380ea9c] {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    margin-right: 8px;
    width: 28px
}

.pageination-h5.base-pagination .more-icon>span[data-v-8380ea9c] {
    background-color: var(--ct_text_h2);
    border-radius: 100%;
    height: 2px;
    width: 2px
}

.pageination-h5.base-pagination .more-icon span+span[data-v-8380ea9c] {
    margin-left: 3px
}

[data-v-f8d4cb7c]:root {
    --font-size-6: 6px;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-20: 20px
}

.quote-black[data-v-f8d4cb7c] {
    --ct_text_h1: #e3e4e5;
    --ct_text_h2: #9b9b9e;
    --ct_text_h3: #7d7f83;
    --ct_text_disable: #535457;
    --ct_text_link: #4e7fce;
    --ct_text_highlight: #ea670c;
    --ct_text_highlight_hover: rgba(234, 103, 12, .08);
    --ct_text_green: #00a357;
    --ct_text_green_15: rgba(0, 163, 87, .15);
    --ct_text_green_50: rgba(0, 163, 87, .5);
    --ct_text_red: #e02d48;
    --ct_text_red_15: rgba(224, 45, 72, .15);
    --ct_text_red_50: rgba(224, 45, 72, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #fff;
    --ct_bg_reverse: #e3e4e5;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #181a1c;
    --ct_line_selected: #7d7f83;
    --ct_line_input: hsla(214, 3%, 43%, .25);
    --ct_bg_page1: #0f1112;
    --ct_bg_card1: #1d1f21;
    --ct_bg_overlay1: #2c2f33;
    --ct_bg_card2: #1d1f21;
    --ct_bg_overlay2: #2c2f33;
    --ct_bg_prominent: #363a40;
    --ct_bg_card1_80: rgba(29, 31, 33, .8);
    --ct_bg_card1_95: rgba(29, 31, 33, .95);
    --ct_bg_card1_50: rgba(29, 31, 33, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .5);
    --ct_popover_bg: #1d1f21;
    --ct_popover_text: #fff;
    --ct_bg_card1_gradient: linear-gradient(90deg, hsla(0, 0%, 5%, .5) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, hsla(0, 0%, 5%, .8) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #0f1112, rgba(15, 17, 18, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(15, 17, 18, 0), #0f1112);
    --ct_bg_page1_gradient3: linear-gradient(0deg, rgba(15, 17, 18, .5), rgba(15, 17, 18, .5));
    --ct_mask_bg: rgba(15, 17, 18, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #111924;
    --ct-option_bg_call_odd: #131f32;
    --ct-option_bg_put_odd: #141618;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_super_green: #016040;
    --cash_flow_pie_big_green: #00a357;
    --cash_flow_pie_mid_green: #03c484;
    --cash_flow_pie_sml_green: #03e69a;
    --cash_flow_pie_super_red: #9c1c2f;
    --cash_flow_pie_big_red: #e02d48;
    --cash_flow_pie_mid_red: #f8697f;
    --cash_flow_pie_sml_red: #ff92a2;
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_green);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_red);
    --ct_tabs_bg: #2c2f33;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #333;
    --ct-line-input-selected: #7d7f83;
    --ct_data_up: var(--ct_text_green);
    --ct_data_down: var(--ct_text_red);
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #1d1f21;
    --ct_open_account_card_close: hsla(204, 6%, 85%, .15);
    --mask-toolbar-watchlist: #9b9b9e;
    --mask-toolbar-watchlist-active: #e3e4e5;
    --premium-button-text: #702e00;
    --premium-button-bg: #f2cb8c;
    --premium-middlepage-close: #d6d9db;
    --premium-analysis-download-button: #f9d59c;
    --ct_feed_text_color: #dee4ed;
    --ui-input-caret: #0a67fc;
    --indicator-logo-bg: linear-gradient(94.85deg, #f9d59c 5.9%, #f9d59c 22.35%, #ffd18a 67.02%, #ffd38e 87.71%, #ffdeab 99.94%);
    --indicator-logo-text: #5f2700;
    --indicator-logo-border-image: linear-gradient(128.01deg, hsla(0, 0%, 100%, .62) 23.26%, rgba(255, 253, 252, 0) 55.1%, rgba(255, 251, 249, .61) 95.58%);
    --arrow_button: #c1baba;
    --arrow_disabled_button: #747474
}

.quote-white[data-v-f8d4cb7c] {
    --ct_text_h1: #0f1112;
    --ct_text_h2: #606266;
    --ct_text_h3: #909499;
    --ct_text_disable: #bbbdc0;
    --ct_text_link: #2b78f5;
    --ct_text_highlight: #f36f12;
    --ct_text_highlight_hover: rgba(243, 111, 18, .08);
    --ct_text_green: #00a870;
    --ct_text_green_15: rgba(0, 168, 112, .15);
    --ct_text_green_50: rgba(0, 168, 112, .5);
    --ct_text_red: #f03a55;
    --ct_text_red_15: rgba(240, 58, 85, .15);
    --ct_text_red_50: rgba(240, 58, 85, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #0f1112;
    --ct_bg_reverse: #2c2f33;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #f5f6f6;
    --ct_line_selected: #696c70;
    --ct_line_input: #e3e4e5;
    --ct-line-input-selected: #7d7f83;
    --ct_bg_page1: #fff;
    --ct_bg_card1: #f2f3f5;
    --ct_bg_overlay1: #e8eaed;
    --ct_bg_card2: #fff;
    --ct_bg_overlay2: #f2f3f5;
    --ct_bg_prominent: #fff;
    --ct_bg_card1_80: rgba(242, 243, 245, .8);
    --ct_bg_card1_95: rgba(242, 243, 245, .95);
    --ct_bg_card1_50: rgba(242, 243, 245, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .12);
    --ct_popover_bg: #fff;
    --ct_popover_text: #0f1112;
    --ct_bg_card1_gradient: linear-gradient(90deg, rgba(242, 243, 245, .5) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, .8) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #fff, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, 0), #fff);
    --ct_bg_page1_gradient3: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
    --ct_mask_bg: hsla(0, 0%, 100%, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #eff5ff;
    --ct-option_bg_call_odd: #e3eeff;
    --ct-option_bg_put_odd: #f8f9fa;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_big_green: #00a870;
    --cash_flow_pie_big_red: #f03a55;
    --ct_tabs_bg: #e8eaed;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #ebeced;
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #fff;
    --ct_open_account_card_close: rgba(29, 31, 33, .15);
    --mask-toolbar-watchlist: #606266;
    --mask-toolbar-watchlist-active: #0f1112;
    --premium-button-text: #f6d7a7;
    --premium-button-bg: #2c2f33;
    --premium-middlepage-close: #0c0c0d;
    --premium-analysis-download-button: #0f1112;
    --ct_feed_text_color: #3d3c3c;
    --indicator-logo-bg: #353a40;
    --indicator-logo-text: #ffe1b2;
    --indicator-logo-border-image: #353a40;
    --arrow_button: #000;
    --arrow_disabled_button: #c1baba
}

body[class*=reverse][data-v-f8d4cb7c] {
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_red);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_green);
    --ct_data_up: var(--ct_text_red);
    --ct_data_down: var(--ct_text_green)
}

.config-plate-info-card[data-v-f8d4cb7c] {
    --title-font-size: 24px;
    --description-font-size: 14px;
    --price-font-size: 36px;
    --change-font-size: 14px;
    --change-ratio-font-size: 14px;
    --status-font-size: 12px;
    --gap: 16px;
    border: 1px solid var(--ct_line_separator);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    max-width: 572px;
    padding: 24px
}

.config-plate-info-card .plate-info-name[data-v-f8d4cb7c] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.config-plate-info-card .plate-info-name .plate-name[data-v-f8d4cb7c] {
    color: var(--ct_text_h1);
    font-size: var(--title-font-size);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.config-plate-info-card .plate-info-name .watch-btn[data-v-f8d4cb7c] {
    cursor: pointer
}

.config-plate-info-card .plate-info-name .watch-btn[data-v-f8d4cb7c]:hover {
    opacity: .8
}

.config-plate-info-card .plate-info-name .watch-btn.watched .icon[data-v-f8d4cb7c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='24' height='24' fill='%23F2306B' rx='3'/%3E%3Cpath fill='%23fff' d='M8.4 5C5.97 5 4 6.897 4 9.237c0 4.237 5.2 8.867 8 9.763 2.8-.896 8-5.526 8-9.763C20 6.897 18.03 5 15.6 5A4.45 4.45 0 0 0 12 6.8 4.45 4.45 0 0 0 8.4 5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 100%;
    width: 100%
}

.config-plate-info-card .plate-info-name .watch-btn.unwatched[data-v-f8d4cb7c] {
    align-items: center;
    background-color: var(--ct_bg_overlay1);
    border-radius: 2px;
    box-sizing: border-box;
    color: var(--ct_text_h2);
    display: flex;
    font-size: var(--description-font-size);
    gap: 4px;
    height: 24px;
    justify-content: center;
    padding: 2px 8px;
    text-align: center;
    white-space: nowrap
}

.config-plate-info-card .plate-info-name .watch-btn.unwatched .icon[data-v-f8d4cb7c] {
    background-color: var(--ct_text_h2);
    height: 11px;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' fill='none' viewBox='0 0 14 12'%3E%3Cpath fill='%23B1B2B5' d='M3.85 0C1.724 0 0 1.626 0 3.632c0 3.632 4.55 7.6 7 8.368 2.45-.768 7-4.736 7-8.368C14 1.626 12.276 0 10.15 0 8.848 0 7.697.61 7 1.543 6.303.61 5.152 0 3.85 0'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 13px
}

.config-plate-info-card .plate-info-name .watch-btn.unwatched.only-icon[data-v-f8d4cb7c] {
    background-color: transparent;
    padding: 0
}

.config-plate-info-card .plate-info-name .watch-btn.unwatched.only-icon .icon[data-v-f8d4cb7c] {
    background-color: var(--ct_text_h2);
    height: 20px;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23B1B2B5' stroke-linecap='round' stroke-linejoin='round' d='M15.6 4.5c-1.42 0-2.703.585-3.6 1.523A4.97 4.97 0 0 0 8.4 4.5c-2.688 0-4.9 2.103-4.9 4.737 0 2.306 1.401 4.64 3.082 6.472 1.684 1.837 3.754 3.283 5.266 3.767a.5.5 0 0 0 .304 0c1.512-.484 3.583-1.93 5.267-3.767 1.68-1.832 3.081-4.166 3.081-6.472 0-2.634-2.212-4.737-4.9-4.737'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 20px
}

.config-plate-info-card .plate-info-name .watch-btn .watch-icon[data-v-f8d4cb7c] {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.config-plate-info-card .plate-info-name .watch-btn .icon[data-v-f8d4cb7c] {
    background-size: 100%;
    display: inline-block
}

.config-plate-info-card .plate-description[data-v-f8d4cb7c] {
    color: var(--ct_text_h2);
    font-size: var(--description-font-size);
    line-height: 20px
}

.config-plate-info-card .plate-description p[data-v-f8d4cb7c] {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.config-plate-info-card .plate-info-price .price-main[data-v-f8d4cb7c] {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.config-plate-info-card .plate-info-price .price[data-v-f8d4cb7c] {
    font-size: var(--price-font-size);
    font-weight: 600;
    line-height: 44px;
    margin-right: 8px
}

.config-plate-info-card .plate-info-price .change[data-v-f8d4cb7c] {
    font-size: var(--change-font-size);
    margin-right: 8px
}

.config-plate-info-card .plate-info-price .change-ratio[data-v-f8d4cb7c] {
    font-size: var(--change-ratio-font-size)
}

.config-plate-info-card .plate-info-price .price-status[data-v-f8d4cb7c] {
    color: var(--ct_text_h3);
    font-size: var(--status-font-size);
    line-height: 16px
}

@media screen and (max-width:768px) {
    .config-plate-info-card[data-v-f8d4cb7c] {
        --title-font-size: 20px;
        --description-font-size: 12px;
        --price-font-size: 28px;
        --change-font-size: 12px;
        --change-ratio-font-size: 12px;
        --status-font-size: 10px;
        --gap: 8px;
        padding: 16px
    }
}

.conf-list[data-v-af31f974] {
    border-radius: 4px;
    box-sizing: border-box;
    padding: 10px 24px 10px 10px;
    position: relative;
    width: fit-content
}

.conf-list.triangle[data-v-af31f974] {
    background: #fff;
    box-shadow: 0 0 20px #b0bac4b3;
    margin-left: 2px
}

.conf-list .conf-item[data-v-af31f974] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    line-height: 1;
    padding: 10px 0;
    position: relative;
    white-space: nowrap
}

.conf-list .active[data-v-af31f974] {
    color: #ea670c
}

.conf-list .item-child[data-v-af31f974] {
    border: 6px solid transparent;
    border-top-color: #000;
    display: block;
    height: 0;
    margin-left: 30px;
    position: relative;
    transform: rotate(-90deg);
    width: 0
}

.conf-list .item-child[data-v-af31f974]:after {
    border: 6px solid transparent;
    border-top-color: #fff;
    content: "";
    left: -6px;
    position: absolute;
    top: -8px
}

.conf-box[data-v-845b3452] {
    align-items: flex-start;
    display: flex
}

.conf-box.disable[data-v-845b3452] {
    color: #666;
    cursor: not-allowed
}

.ellipsis[data-v-7a535dd0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.quote-conf[data-v-7a535dd0] {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 16px #b0bac4b3;
    box-sizing: border-box;
    max-width: 320px;
    padding: 12px
}

.quote-conf .search-box[data-v-7a535dd0] {
    position: relative
}

.quote-conf .search-stock[data-v-7a535dd0] {
    background: #f9f9f9;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    padding: 10px;
    width: 100%
}

.quote-conf .stock-list[data-v-7a535dd0] {
    background: #fff;
    box-shadow: 0 2px 16px #b0bac4b3;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 12px;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 2
}

.quote-conf .stock-item[data-v-7a535dd0] {
    align-items: center;
    cursor: default;
    display: flex;
    font-size: 12px;
    padding: 4px 0
}

.quote-conf .stock-item .code[data-v-7a535dd0] {
    flex: 1.8;
    margin-right: 8px
}

.quote-conf .stock-item .name[data-v-7a535dd0] {
    flex: 3;
    margin-right: 8px
}

.quote-conf .stock-item .market[data-v-7a535dd0] {
    flex: 1;
    text-align: right
}

.quote-conf .conf[data-v-7a535dd0] {
    margin-top: 40px
}

.quote-snap-shot-card-white[data-v-d18fb173] {
    --quote_snap_text_h1: #0f1112;
    --quote_snap_text_h2: #606266;
    --quote_snap_text_h3: #909499;
    --quote_snap_ba_crad: #f2f3f5;
    --quote_snap_bg_stable: #627085
}

.quote-snap-shot-card-black[data-v-d18fb173] {
    --quote_snap_text_h1: #e3e4e5;
    --quote_snap_text_h2: #9b9b9e;
    --quote_snap_text_h3: #7d7f83;
    --quote_snap_ba_crad: #2c2f33;
    --quote_snap_bg_stable: #627085
}

.quote-snap-shot-card[data-v-d18fb173] {
    background: var(--quote_snap_ba_crad);
    border-radius: 4px;
    box-sizing: border-box;
    clear: both;
    font-size: 12px;
    max-width: 355px;
    padding: 12px;
    position: relative;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    animation: fadeIn .5s ease-in;
    line-height: normal
}

.quote-snap-shot-card .empty[data-v-d18fb173] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.quote-snap-shot-card .empty p[data-v-d18fb173] {
    color: var(--quote_snap_text_h2);
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px
}

.quote-snap-shot-card .quote-snap-shot-icon[data-v-d18fb173] {
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 18px;
    margin-left: 10px;
    min-width: 20px;
    width: 20px
}

.quote-snap-shot-card .quote-snap-shot-icon-watched[data-v-d18fb173] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' fill='none' viewBox='0 0 20 16'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M2.042 2.106C.301 4.104.46 7.189 2.399 8.996l6.871 6.409c.207.192.47.278.726.26a.96.96 0 0 0 .732-.26L17.6 8.997c1.938-1.808 2.098-4.893.356-6.89a4.607 4.607 0 0 0-6.662-.346L10 2.97 8.704 1.76a4.607 4.607 0 0 0-6.662.345' clip-rule='evenodd'/%3E%3C/mask%3E%3Cpath fill='%23F8697F' fill-rule='evenodd' d='M2.042 2.106C.301 4.104.46 7.189 2.399 8.996l6.871 6.409c.207.192.47.278.726.26a.96.96 0 0 0 .732-.26L17.6 8.997c1.938-1.808 2.098-4.893.356-6.89a4.607 4.607 0 0 0-6.662-.346L10 2.97 8.704 1.76a4.607 4.607 0 0 0-6.662.345' clip-rule='evenodd'/%3E%3Cpath fill='%23F8697F' d='m2.399 8.996.852-.914zm-.357-6.89L1.1 1.284zM9.27 15.405l-.852.914zm.726.26.093-1.246-.089-.007-.089.006zm.732-.26-.852-.914zM17.6 8.997l.852.914zM11.294 1.76l.853.914zM10 2.97l-.853.914.853.795.852-.795zM8.704 1.76l-.852.914zM3.251 8.082c-1.445-1.348-1.565-3.665-.267-5.155L1.1 1.284c-2.184 2.507-1.985 6.36.446 8.627zm6.872 6.409L3.25 8.082 1.546 9.911l6.872 6.408zm-.212-.073a.29.29 0 0 1 .212.073l-1.705 1.828c.465.434 1.07.634 1.664.594zm-.007 2.494a2.21 2.21 0 0 0 1.677-.593l-1.705-1.828a.29.29 0 0 1 .213-.072zm1.677-.593 6.871-6.408-1.705-1.828-6.871 6.408zm6.871-6.408c2.431-2.267 2.63-6.12.447-8.626l-1.885 1.642c1.299 1.49 1.179 3.808-.267 5.156zm.447-8.626a5.857 5.857 0 0 0-8.457-.438l1.705 1.828a3.357 3.357 0 0 1 4.867.252zM10.442.847 9.147 2.055l1.705 1.828 1.295-1.208zm-2.59 1.828 1.295 1.208 1.705-1.828L9.557.847zm-4.868.252a3.36 3.36 0 0 1 4.868-.252L9.557.847a5.857 5.857 0 0 0-8.457.437z' mask='url(%23a)'/%3E%3C/svg%3E")
}

.quote-snap-shot-card .quote-snap-shot-icon-unwatched[data-v-d18fb173] {
    background-color: var(--quote_snap_text_h1);
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' fill='none' viewBox='0 0 20 18'%3E%3Cpath fill='%230F1112' fill-rule='evenodd' d='M8.161 3.322a3.803 3.803 0 0 0-5.523.286c-1.458 1.68-1.323 4.286.3 5.807l6.659 6.236a.28.28 0 0 0 .216.08l.046-.004.046.004a.28.28 0 0 0 .216-.08l1.656-1.551.919.92-1.687 1.58a1.58 1.58 0 0 1-1.15.43 1.58 1.58 0 0 1-1.15-.43L2.05 10.364c-2.134-1.999-2.31-5.4-.394-7.608a5.103 5.103 0 0 1 7.394-.383l.809.758.81-.758a5.103 5.103 0 0 1 7.392.383c1.435 1.653 1.697 3.975.843 5.876l-1.006-1.008c.42-1.352.158-2.891-.819-4.016a3.803 3.803 0 0 0-5.522-.286l-1.254 1.174-.444.416-.444-.416zm7.277 12.215v-2.944H12.5v-1.3h2.937V8.35h1.3v2.943h2.937v1.3h-2.937v2.944z' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-size: 100%;
    mask-size: 100%
}

.quote-snap-shot-card .quote-snap-shot-icon-disabled[data-v-d18fb173] {
    pointer-events: none
}

.quote-snap-shot-card [data-v-d18fb173] {
    vertical-align: baseline
}

.quote-snap-shot-card i[data-v-d18fb173] .font {
    display: inline-block
}

[data-v-d18fb173] .mr_20 {
    margin-right: 20px
}

[data-v-d18fb173] .mb_5 {
    margin-bottom: 5px
}

[data-v-d18fb173] .ml_5 {
    margin-left: 5px
}

[data-v-d18fb173] .mr_48 {
    margin-right: 48px
}

.snap-shot-quote-info[data-v-d18fb173] {
    align-items: center;
    color: var(--quote_snap_text_h1);
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 19px;
    margin-bottom: 4px;
    position: relative
}

.snap-shot-quote-info .market-symbol[data-v-d18fb173] {
    margin: 0 4px 0 0
}

.snap-shot-quote-info .sname[data-v-d18fb173] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.snap-shot-stime[data-v-d18fb173] {
    align-items: center;
    color: var(--quote_snap_text_h3);
    display: flex;
    font-size: 11px;
    line-height: 15px;
    margin-top: 6px;
    white-space: nowrap
}

.snap-shot-stime .s-state[data-v-d18fb173] {
    margin-right: 5px
}

.snap-shot-stime .s-update[data-v-d18fb173] {
    margin: 0 3px 0 0
}

.snap-shot-stime .s-datetime[data-v-d18fb173] {
    white-space: nowrap
}

.snap-shot-stime .s-zone-text[data-v-d18fb173] {
    margin-left: 5px
}

[data-v-d18fb173] .snap-shot-main {
    font-size: 0;
    width: 100%
}

[data-v-d18fb173] .snap-shot-main .fund-price {
    display: flex
}

[data-v-d18fb173] .snap-shot-main .price-info {
    color: var(--quote_snap_bg_stable)
}

[data-v-d18fb173] .snap-shot-main .price-info .price-con {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap
}

[data-v-d18fb173] .snap-shot-main .price-info .fund-sprice,
[data-v-d18fb173] .snap-shot-main .price-info .sprice {
    align-items: baseline;
    display: flex;
    font-family: BR Hendrix;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px
}

[data-v-d18fb173] .snap-shot-main .price-info .fund-sprice.sprice-color-black,
[data-v-d18fb173] .snap-shot-main .price-info .sprice.sprice-color-black {
    color: var(--quote_snap_text_h1)
}

[data-v-d18fb173] .snap-shot-main .price-info .fund-sprice .higher-icon,
[data-v-d18fb173] .snap-shot-main .price-info .fund-sprice .lower-icon,
[data-v-d18fb173] .snap-shot-main .price-info .sprice .higher-icon,
[data-v-d18fb173] .snap-shot-main .price-info .sprice .lower-icon {
    margin: 0 0 0 4px
}

[data-v-d18fb173] .snap-shot-main .price-info .fund-sprice {
    font-size: 18px;
    line-height: 24px
}

[data-v-d18fb173] .snap-shot-main .price-info .higher:before {
    content: "+"
}

[data-v-d18fb173] .snap-shot-main .price-info .tips {
    color: var(--quote_snap_text_h2);
    font-size: 9px
}

[data-v-d18fb173] .snap-shot-main .price-info .price-change,
[data-v-d18fb173] .snap-shot-main .price-info .sratio {
    font-size: 13px;
    line-height: 18px;
    margin-left: 8px;
    text-align: right
}

[data-v-d18fb173] .snap-shot-main .price-info.price-curr-net-value {
    color: var(--quote_snap_text_h1)
}

[data-v-d18fb173] .snap-shot-main .price-info.only {
    padding-top: 10px
}

[data-v-d18fb173] .snap-shot-main .price-info.down-1,
[data-v-d18fb173] .snap-shot-main .price-info.up-0 {
    color: #ff424a
}

[data-v-d18fb173] .snap-shot-main .price-info.down-0,
[data-v-d18fb173] .snap-shot-main .price-info.up-1 {
    color: #00aa3b
}

[data-v-d18fb173] .snap-shot-main .price-info.down-3,
[data-v-d18fb173] .snap-shot-main .price-info.up-2 {
    color: #f33c76
}

[data-v-d18fb173] .snap-shot-main .price-info.down-2,
[data-v-d18fb173] .snap-shot-main .price-info.up-3 {
    color: #14ac9c
}

[data-v-d18fb173] .snap-shot-main .price-canvas {
    height: 38px;
    margin: 12px 0 0;
    width: 100%
}

[data-v-d18fb173] .snap-shot-main .fund-price-canvas {
    height: 32px;
    margin: 12px 0 0;
    width: 100%
}

[data-v-d18fb173] .snap-shot-portfolio {
    flex-direction: column;
    height: 100%;
    margin: 0
}

[data-v-d18fb173] .snap-shot-portfolio .portfolio-info-wrapper {
    color: var(--quote_snap_text_h1);
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
    position: relative;
    width: 100%
}

[data-v-d18fb173] .snap-shot-portfolio .portfolio-info-wrapper .title {
    align-items: center;
    display: flex;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

[data-v-d18fb173] .snap-shot-portfolio .portfolio-info-wrapper .title .title-name {
    display: inline-block;
    margin-right: 10px
}

[data-v-d18fb173] .snap-shot-portfolio .portfolio-info-wrapper .title .title-status {
    background: #aaaaaa80;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    line-height: 17px;
    padding: 0 2px;
    text-align: center;
    transform: scale(.75)
}

[data-v-d18fb173] .snap-shot-portfolio .portfolio-info-wrapper .update-time {
    align-items: center;
    color: var(--quote_snap_text_h3);
    display: flex;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    max-width: 200px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 50%;
    transform: translateY(-50%) scale(.5);
    transform-origin: right;
    white-space: nowrap
}

[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper {
    align-items: center;
    display: flex;
    width: 100%
}

[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .ratioMixin {
    color: #8494a8;
    font-size: 21px;
    line-height: 32px
}

[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .higher-0:before,
[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .higher-1:before,
[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .higher-2:before,
[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .higher-3:before {
    content: "+"
}

[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .higher-0,
[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .lower-1 {
    color: #f13e3a
}

[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .higher-1,
[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .lower-0 {
    color: #00a843
}

[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .higher-2,
[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .lower-3 {
    color: #f33c76
}

[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .higher-3,
[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .lower-2 {
    color: #14ac9c
}

[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .close {
    color: #bbb
}

[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .summary-wrapper {
    width: 35%
}

[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .summary-wrapper .summary-wrapper-ratio {
    font-family: BR Hendrix;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px
}

[data-v-d18fb173] .snap-shot-portfolio .profile-data-wrapper .summary-wrapper-desc {
    color: var(--quote_snap_text_h2);
    font-size: 11px
}

.fullStyle[data-v-2848208f],
.quote-time-chart section[data-v-2848208f],
.quote-time-chart[data-v-2848208f] {
    height: 100%;
    width: 100%
}

.quote-time-chart section canvas[data-v-2848208f] {
    cursor: default
}

.quote-time-chart .not-support img[data-v-2848208f] {
    display: inline-block;
    width: 100%
}

.stock-list[data-v-4264ca54] {
    box-sizing: border-box;
    list-style: none;
    margin: 10px 0 0;
    max-height: 180px;
    overflow-y: auto;
    padding: 0;
    width: 268px
}

.stock-list[data-v-4264ca54]::-webkit-scrollbar {
    width: 4px
}

.stock-list[data-v-4264ca54]::-webkit-scrollbar-thumb {
    background-color: #efefef;
    border-radius: 4px
}

.stock-list[data-v-4264ca54]::-webkit-scrollbar-track {
    background: #fff
}

.stock-item[data-v-4264ca54] {
    align-items: flex-start;
    cursor: default;
    display: flex;
    font-size: 13px;
    line-height: 22px;
    padding: 4px 12px
}

.stock-item[data-v-4264ca54]:hover {
    background-color: #fffaf7
}

.stock-item .code[data-v-4264ca54] {
    flex: 1.8;
    margin-right: 8px
}

.stock-item .name[data-v-4264ca54] {
    flex: 3;
    margin-right: 8px
}

.stock-item .market[data-v-4264ca54] {
    flex: 1.2;
    text-align: right;
    white-space: nowrap
}

.quote-widget[data-v-065dd6ca] {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 16px #b0bac4b3;
    box-sizing: border-box;
    padding: 12px 0;
    position: relative;
    width: 268px
}

.quote-widget.dynamic-width[data-v-065dd6ca] {
    width: fit-content
}

.widget-list[data-v-065dd6ca] {
    margin: 20px 0 0 12px;
    padding: 0
}

.widget-list>li[data-v-065dd6ca] {
    list-style: none;
    padding: 6px 0
}

.widget-list>li[data-v-065dd6ca]:hover {
    background-color: #fffaf7
}

.widget-list .active[data-v-065dd6ca] {
    color: #ea670c
}

.ellipsis[data-v-065dd6ca] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.quote-search-stock[data-v-065dd6ca] {
    background: #f9f9f9;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    margin: 0 12px;
    outline: none;
    padding: 10px;
    width: calc(100% - 24px)
}

.delay-tips[data-v-4f51496a] {
    align-items: center;
    display: flex;
    font-size: 16px
}

.delay-tips .delay-icon[data-v-4f51496a] {
    background-color: var(--ct_text_h2);
    height: 16px;
    margin-right: 9px;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 16px
}

.delay-tips .delay-text[data-v-4f51496a] {
    color: var(--ct_text_h2)
}

.delay-tips .upgrade[data-v-4f51496a] {
    box-sizing: border-box;
    color: var(--ct_text_link);
    cursor: pointer;
    height: 24px
}

.delay-tips .upgrade[data-v-4f51496a]:hover {
    border-bottom: 1px solid var(--ct_text_link)
}

.quote-screener-table .top[data-v-eabe8145] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px
}

.quote-screener-table[data-v-eabe8145] .chart {
    height: 26px;
    line-height: 26px
}

.quote-screener-table[data-v-eabe8145] .spark-chart {
    display: inline-block;
    height: 26px;
    -webkit-user-select: none;
    user-select: none;
    width: 80px
}

.quote-screener-table[data-v-eabe8145] .table-item-left.table-item-stockCode {
    align-items: center;
    display: flex;
    width: 160px
}

.quote-screener-table[data-v-eabe8145] .main-content .table-item {
    width: 110px
}

.quote-screener-table[data-v-eabe8145] .main-content .table-item.table-item-c_120Days,
.quote-screener-table[data-v-eabe8145] .main-content .table-item.table-item-c_250Days {
    width: 120px
}

.quote-screener-table[data-v-eabe8145] .main-content .table-item.table-item-c_YearDays {
    width: 136px
}

.quote-screener-table[data-v-eabe8145] .table-item.table-item-sparkChart {
    width: 112px
}

.quote-screener-table .column-order[data-v-eabe8145] {
    color: var(--ct_text_h2);
    font-size: 20px;
    transform: scale(.55);
    transform-origin: left center;
    width: 32px
}

.quote-screener-table .column-order.active[data-v-eabe8145] {
    color: var(--ct_text_h1);
    font-style: italic;
    font-weight: 700
}

.quote-screener-table .column-info[data-v-eabe8145] {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden
}

.quote-screener-table .column-info.column-info-en[data-v-eabe8145] {
    flex-direction: column-reverse
}

.quote-screener-table .column-info.column-info-en .name[data-v-eabe8145] {
    color: var(--ct_text_h2);
    font-size: 12px
}

.quote-screener-table .column-info.column-info-en .code[data-v-eabe8145],
.quote-screener-table .column-info.column-info-other .name[data-v-eabe8145] {
    font-weight: 700
}

.quote-screener-table .column-info.column-info-other .code[data-v-eabe8145] {
    color: var(--ct_text_h2);
    font-size: 12px
}

[data-v-16164bf0]:root {
    --font-size-6: 6px;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-20: 20px
}

.quote-black[data-v-16164bf0] {
    --ct_text_h1: #e3e4e5;
    --ct_text_h2: #9b9b9e;
    --ct_text_h3: #7d7f83;
    --ct_text_disable: #535457;
    --ct_text_link: #4e7fce;
    --ct_text_highlight: #ea670c;
    --ct_text_highlight_hover: rgba(234, 103, 12, .08);
    --ct_text_green: #00a357;
    --ct_text_green_15: rgba(0, 163, 87, .15);
    --ct_text_green_50: rgba(0, 163, 87, .5);
    --ct_text_red: #e02d48;
    --ct_text_red_15: rgba(224, 45, 72, .15);
    --ct_text_red_50: rgba(224, 45, 72, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #fff;
    --ct_bg_reverse: #e3e4e5;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #181a1c;
    --ct_line_selected: #7d7f83;
    --ct_line_input: hsla(214, 3%, 43%, .25);
    --ct_bg_page1: #0f1112;
    --ct_bg_card1: #1d1f21;
    --ct_bg_overlay1: #2c2f33;
    --ct_bg_card2: #1d1f21;
    --ct_bg_overlay2: #2c2f33;
    --ct_bg_prominent: #363a40;
    --ct_bg_card1_80: rgba(29, 31, 33, .8);
    --ct_bg_card1_95: rgba(29, 31, 33, .95);
    --ct_bg_card1_50: rgba(29, 31, 33, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .5);
    --ct_popover_bg: #1d1f21;
    --ct_popover_text: #fff;
    --ct_bg_card1_gradient: linear-gradient(90deg, hsla(0, 0%, 5%, .5) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, hsla(0, 0%, 5%, .8) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #0f1112, rgba(15, 17, 18, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(15, 17, 18, 0), #0f1112);
    --ct_bg_page1_gradient3: linear-gradient(0deg, rgba(15, 17, 18, .5), rgba(15, 17, 18, .5));
    --ct_mask_bg: rgba(15, 17, 18, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #111924;
    --ct-option_bg_call_odd: #131f32;
    --ct-option_bg_put_odd: #141618;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_super_green: #016040;
    --cash_flow_pie_big_green: #00a357;
    --cash_flow_pie_mid_green: #03c484;
    --cash_flow_pie_sml_green: #03e69a;
    --cash_flow_pie_super_red: #9c1c2f;
    --cash_flow_pie_big_red: #e02d48;
    --cash_flow_pie_mid_red: #f8697f;
    --cash_flow_pie_sml_red: #ff92a2;
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_green);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_red);
    --ct_tabs_bg: #2c2f33;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #333;
    --ct-line-input-selected: #7d7f83;
    --ct_data_up: var(--ct_text_green);
    --ct_data_down: var(--ct_text_red);
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #1d1f21;
    --ct_open_account_card_close: hsla(204, 6%, 85%, .15);
    --mask-toolbar-watchlist: #9b9b9e;
    --mask-toolbar-watchlist-active: #e3e4e5;
    --premium-button-text: #702e00;
    --premium-button-bg: #f2cb8c;
    --premium-middlepage-close: #d6d9db;
    --premium-analysis-download-button: #f9d59c;
    --ct_feed_text_color: #dee4ed;
    --ui-input-caret: #0a67fc;
    --indicator-logo-bg: linear-gradient(94.85deg, #f9d59c 5.9%, #f9d59c 22.35%, #ffd18a 67.02%, #ffd38e 87.71%, #ffdeab 99.94%);
    --indicator-logo-text: #5f2700;
    --indicator-logo-border-image: linear-gradient(128.01deg, hsla(0, 0%, 100%, .62) 23.26%, rgba(255, 253, 252, 0) 55.1%, rgba(255, 251, 249, .61) 95.58%);
    --arrow_button: #c1baba;
    --arrow_disabled_button: #747474
}

.quote-white[data-v-16164bf0] {
    --ct_text_h1: #0f1112;
    --ct_text_h2: #606266;
    --ct_text_h3: #909499;
    --ct_text_disable: #bbbdc0;
    --ct_text_link: #2b78f5;
    --ct_text_highlight: #f36f12;
    --ct_text_highlight_hover: rgba(243, 111, 18, .08);
    --ct_text_green: #00a870;
    --ct_text_green_15: rgba(0, 168, 112, .15);
    --ct_text_green_50: rgba(0, 168, 112, .5);
    --ct_text_red: #f03a55;
    --ct_text_red_15: rgba(240, 58, 85, .15);
    --ct_text_red_50: rgba(240, 58, 85, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #0f1112;
    --ct_bg_reverse: #2c2f33;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #f5f6f6;
    --ct_line_selected: #696c70;
    --ct_line_input: #e3e4e5;
    --ct-line-input-selected: #7d7f83;
    --ct_bg_page1: #fff;
    --ct_bg_card1: #f2f3f5;
    --ct_bg_overlay1: #e8eaed;
    --ct_bg_card2: #fff;
    --ct_bg_overlay2: #f2f3f5;
    --ct_bg_prominent: #fff;
    --ct_bg_card1_80: rgba(242, 243, 245, .8);
    --ct_bg_card1_95: rgba(242, 243, 245, .95);
    --ct_bg_card1_50: rgba(242, 243, 245, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .12);
    --ct_popover_bg: #fff;
    --ct_popover_text: #0f1112;
    --ct_bg_card1_gradient: linear-gradient(90deg, rgba(242, 243, 245, .5) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, .8) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #fff, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, 0), #fff);
    --ct_bg_page1_gradient3: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
    --ct_mask_bg: hsla(0, 0%, 100%, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #eff5ff;
    --ct-option_bg_call_odd: #e3eeff;
    --ct-option_bg_put_odd: #f8f9fa;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_big_green: #00a870;
    --cash_flow_pie_big_red: #f03a55;
    --ct_tabs_bg: #e8eaed;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #ebeced;
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #fff;
    --ct_open_account_card_close: rgba(29, 31, 33, .15);
    --mask-toolbar-watchlist: #606266;
    --mask-toolbar-watchlist-active: #0f1112;
    --premium-button-text: #f6d7a7;
    --premium-button-bg: #2c2f33;
    --premium-middlepage-close: #0c0c0d;
    --premium-analysis-download-button: #0f1112;
    --ct_feed_text_color: #3d3c3c;
    --indicator-logo-bg: #353a40;
    --indicator-logo-text: #ffe1b2;
    --indicator-logo-border-image: #353a40;
    --arrow_button: #000;
    --arrow_disabled_button: #c1baba
}

body[class*=reverse][data-v-16164bf0] {
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_red);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_green);
    --ct_data_up: var(--ct_text_red);
    --ct_data_down: var(--ct_text_green)
}

.config-stock-card-list[data-v-16164bf0] {
    --title-font-size: 24px;
    --title-line-height: 32px;
    --description-font-size: 14px;
    --description-line-height: 20px;
    --time-font-size: 12px;
    --time-line-height: 16px;
    border-radius: 8px;
    box-sizing: border-box
}

.config-stock-card-list .list-top[data-v-16164bf0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px
}

.config-stock-card-list .list-title[data-v-16164bf0] {
    color: var(--ct_text_h1);
    font-size: var(--title-font-size);
    font-weight: 600;
    line-height: var(--title-line-height);
    margin: 0
}

.config-stock-card-list .list-description[data-v-16164bf0] {
    color: var(--ct_text_h2);
    font-size: var(--description-font-size);
    line-height: var(--description-line-height);
    margin: 0
}

.config-stock-card-list .list-time[data-v-16164bf0] {
    color: var(--ct_text_h3);
    font-size: var(--time-font-size);
    line-height: var(--time-line-height);
    margin: 0
}

.config-stock-card-list .stock-card-item[data-v-16164bf0] {
    border-top: 1px solid var(--ct_line_separator);
    padding: 20px 0;
    position: relative
}

.config-stock-card-list .mask[data-v-16164bf0] {
    height: 100%;
    left: -8px;
    position: absolute;
    top: 0;
    width: calc(100% + 16px);
    z-index: 1
}

.config-stock-card-list[data-v-16164bf0] .index {
    bottom: 0;
    height: 16px;
    position: absolute;
    right: 0;
    width: 36px
}

.config-stock-card-list[data-v-16164bf0] .index.index-1 {
    background-image: url(/static/img/image_567.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.config-stock-card-list[data-v-16164bf0] .index.index-2 {
    background-image: url(/static/img/image_568.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.config-stock-card-list[data-v-16164bf0] .index.index-3 {
    background-image: url(/static/img/image_569.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.config-stock-card-list[data-v-16164bf0] .index.index-4 {
    background-image: url(/static/img/image_570.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.config-stock-card-list[data-v-16164bf0] .index.index-5 {
    background-image: url(/static/img/image_571.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.config-stock-card-list[data-v-16164bf0] .index.index-6 {
    background-image: url(/static/img/image_572.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.config-stock-card-list[data-v-16164bf0] .index.index-7 {
    background-image: url(/static/img/image_573.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.config-stock-card-list[data-v-16164bf0] .index.index-8 {
    background-image: url(/static/img/image_574.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.config-stock-card-list[data-v-16164bf0] .index.index-9 {
    background-image: url(/static/img/image_575.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.config-stock-card-list[data-v-16164bf0] .index.index-10 {
    background-image: url(/static/img/image_576.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.config-stock-card-list[data-v-16164bf0] .index.none-logo {
    display: inline-block;
    position: relative
}

@media screen and (max-width:768px) {
    .config-stock-card-list[data-v-16164bf0] {
        --title-font-size: 20px;
        --title-line-height: 28px;
        --description-font-size: 14px;
        --description-line-height: 20px;
        --time-font-size: 10px;
        --time-line-height: 14px
    }

    .config-stock-card-list .stock-card-item[data-v-16164bf0] {
        padding: 16px 0
    }
}

.empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.empty .empty-logo,
.empty .index-empty-logo {
    background: url(/static/img/image_577.png);
    background-size: cover;
    height: 72px;
    width: 72px
}

.empty p {
    color: #606266;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px
}

.empty .loading-icon {
    animation: loadingMove 1s steps(8) infinite;
    background: url(/static/img/image_578.svg);
    background-size: cover;
    display: block;
    height: 28px;
    margin-bottom: 6px;
    width: 28px
}

@keyframes loadingMove {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.theme-white {
    --ct_text_h1: #0f1112;
    --ct_text_h2: #606266;
    --ct_bg_page1: #fff;
    --ct_bg_card1: #f2f3f5;
    --ct_bg_overlay1: #e8eaed;
    --ct_bg_card2: #fff;
    --ct_bg_overlay2: #f2f3f5;
    --ct_text_reverse: #0f1112;
    --ct_line_input: #e3e4e5
}

.theme-black {
    --ct_text_h1: #e3e4e5;
    --ct_text_h2: #9b9b9e;
    --ct_bg_page1: #0f1112;
    --ct_bg_card1: #1d1f21;
    --ct_bg_overlay1: #2c2f33;
    --ct_bg_card2: #1d1f21;
    --ct_bg_overlay2: #2c2f33;
    --ct_text_reverse: #fff;
    --ct_line_input: hsla(214, 3%, 43%, .25)
}

.stock-chart {
    height: 100%;
    width: 100%
}

.stock-chart * {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.stock-chart ul {
    list-style: none
}

.chart-box {
    height: calc(100% - 58px);
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.chart-box .chart-wrapper {
    height: 100%;
    width: 100%
}

.mm-bg-logo {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='401' height='74' fill='none' viewBox='0 0 401 74'%3E%3Cg fill='%23fff' fill-rule='evenodd' clip-rule='evenodd' opacity='.02'%3E%3Cpath d='m132.717 37.758-.067 20.314c-.002.686.566 1.25 1.27 1.252l5.873.021c.703 0 1.275-.559 1.277-1.247l.072-22.117c.01-3.154 2.623-5.703 5.833-5.695 3.213.01 5.807 2.577 5.797 5.734l-.072 22.114a1.263 1.263 0 0 0 1.27 1.255l5.873.018c.701 0 1.275-.556 1.277-1.247l.066-20.311c.024-7.545-6.182-13.681-13.862-13.704l-.658-.003c-7.68-.023-13.926 6.071-13.949 13.616'/%3E%3Cpath d='m152.759 37.824-.066 20.314c-.002.685.566 1.25 1.27 1.252l5.873.018c.701.002 1.275-.556 1.275-1.245l.074-22.116c.008-3.154 2.62-5.706 5.833-5.695 3.21.01 5.807 2.577 5.797 5.734l-.072 22.111a1.263 1.263 0 0 0 1.27 1.258l5.873.018c.701 0 1.274-.556 1.274-1.247l.069-20.312c.024-7.547-6.182-13.68-13.862-13.704l-.658-.003c-7.68-.023-13.926 6.072-13.95 13.617M204.056 53.404c-5.408-.018-9.782-4.339-9.763-9.654l.01-3.69c.019-5.315 4.419-9.61 9.827-9.594 5.41.018 9.782 4.341 9.763 9.654l-.013 3.692c-.019 5.316-4.416 9.608-9.824 9.592M185.881 41.67l-.003.418c-.032 9.61 7.875 17.428 17.66 17.459l.996.002c9.782.032 17.742-7.734 17.774-17.347v-.415c.031-9.613-7.878-17.43-17.657-17.462l-1-.002c-9.784-.031-17.739 7.737-17.77 17.347M245.141 53.535c-5.411-.018-9.779-4.338-9.763-9.654l.01-3.69c.016-5.315 4.414-9.61 9.824-9.594 5.413.019 9.787 4.342 9.769 9.655l-.014 3.691c-.018 5.316-4.416 9.608-9.826 9.592M226.966 41.8l-.003.418c-.032 9.61 7.875 17.428 17.659 17.459l1 .003c9.782.03 17.739-7.735 17.765-17.347l.003-.416c.034-9.613-7.87-17.43-17.654-17.461l-.997-.003c-9.79-.031-17.742 7.737-17.773 17.347M269.666 38.19l-.066 20.315c0 .686.563 1.25 1.269 1.252l5.873.018c.698.003 1.275-.556 1.275-1.244l.074-22.117c.005-3.154 2.623-5.705 5.833-5.695 3.208.01 5.808 2.577 5.797 5.734l-.071 22.114a1.26 1.26 0 0 0 1.269 1.255l5.873.018c.698 0 1.269-.556 1.275-1.247l.069-20.311c.018-7.545-6.181-13.681-13.865-13.705l-.661-.002c-7.674-.024-13.918 6.071-13.944 13.616'/%3E%3Cpath d='m289.713 38.254-.067 20.314a1.26 1.26 0 0 0 1.267 1.252l5.876.018a1.263 1.263 0 0 0 1.275-1.244l.074-22.117c.005-3.154 2.623-5.705 5.833-5.695 3.208.01 5.807 2.577 5.797 5.731l-.072 22.115a1.26 1.26 0 0 0 1.267 1.257l5.876.018c.698 0 1.272-.556 1.275-1.247l.068-20.311c.019-7.547-6.182-13.681-13.864-13.705l-.661-.002c-7.674-.024-13.921 6.071-13.944 13.616M341.005 53.836c-5.41-.019-9.782-4.342-9.763-9.655l.01-3.689c.016-5.315 4.414-9.61 9.824-9.594 5.414.018 9.785 4.341 9.769 9.654l-.013 3.692c-.019 5.315-4.416 9.607-9.827 9.592M322.83 42.1l-.003.419c-.031 9.61 7.875 17.427 17.66 17.458l.997.003c9.784.031 17.741-7.734 17.767-17.347l.003-.416c.034-9.612-7.872-17.43-17.654-17.461l-1-.003c-9.787-.03-17.738 7.737-17.77 17.347M382.084 53.965c-5.407-.018-9.779-4.341-9.76-9.654l.008-3.69c.016-5.315 4.416-9.61 9.824-9.594 5.413.018 9.787 4.341 9.768 9.654l-.013 3.692c-.016 5.316-4.416 9.608-9.827 9.592M363.909 42.23v.418c-.031 9.61 7.873 17.427 17.657 17.459l1 .002c9.781.031 17.738-7.734 17.768-17.347v-.415c.034-9.613-7.87-17.43-17.655-17.462l-.997-.002c-9.789-.031-17.741 7.737-17.773 17.347M1.632 73.926h5.945c.555 0 1.068-.296 1.335-.774l.397-.71c2.129-3.795 5.942-6.393 10.305-7.022l1.36-.202c.87 0 1.65-.507 1.99-1.294l20.19-46.642c.252-.58-.261-1.198-.89-1.073l-1.071.215c-11.884 2.835-19.91 10.11-25.318 20.078l-.257.537L.438 72.158c-.36.844.267 1.77 1.195 1.77M25.106 74h14.587c.277-.153.505-.273.782-.424l2.5-3.91c12.349-19.308 41.413-17.048 50.695 3.617.199.439.643.717 1.132.717l10.279-.003c.764 0 1.364-.65 1.288-1.397l-2.721-27.42c-.058-.553-.852-.62-1.003-.083l-2.395 8.496c-.172.602-.77.987-1.402.906L82.67 52.36a3.35 3.35 0 0 1-2.518-1.936L74.47 37.532c-.412-.933.381-1.951 1.404-1.8l9.597 1.254c.516.068.955.413 1.132.894l1.631 4.351c.16.421.773.395.892-.036l1.607-5.695c.207-.727-.29-1.468-1.055-1.566l-18.865-2.476c-13.47-1.77-15.88-19.911-3.321-25.014l3.596-1.463c.444-.179.867.3.624.707l-3.057 5.077c-2.499 4.156.13 9.472 4.998 10.114l21.118 2.77c4.411.581 7.68-3.932 5.681-7.837l-.65-1.27C88.804-5.933 57.266-4.936 47.696 17.184l-.595 1.377-23.186 53.67c-.362.839.262 1.769 1.19 1.769M104.941 36.939l1.963-.317c8.631-1.388 12.201-11.673 6.23-17.955l-3.393-3.38c-.391-.387-1.047.01-.867.527l1.502 4.334c.862 2.393-.183 5.043-2.46 6.24z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50% 100px;
    background-repeat: no-repeat
}

.chart-bg-logo-0,
.chart-bg-logo-1 {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='406' height='87' fill='none' viewBox='0 0 406 87'%3E%3Cg opacity='.02'%3E%3Cpath fill='%23fff' d='M175.057 14.735h-26.572a3.635 3.635 0 0 0-3.629-3.656h-8.938c-.786 0-1.409.622-1.409 1.408v2.248h-26.571c-.759 0-1.409.623-1.409 1.409V30.12c0 .785.623 1.408 1.409 1.408h5.607c.785 0 1.408-.622 1.408-1.408V18.96h53.143v12.568h1.381c3.873 0 7.015-3.169 7.015-7.069v-8.315c-.054-.786-.677-1.409-1.435-1.409'/%3E%3Cpath fill='%23fff' d='M120.774 31.475c-.786 0-1.409.622-1.409 1.408v9.886c0 .786.623 1.409 1.409 1.409h41.685c.785 0 1.408-.623 1.408-1.409v-9.886c0-.786-.623-1.409-1.408-1.409zm34.697 8.45h-27.709V35.7h27.709zM163.871 24.513c0-.786-.623-1.409-1.409-1.409h-41.956c-.758 0-1.381.623-1.381 1.409v1.408c0 .785.623 1.409 1.381 1.409h41.956c.786 0 1.409-.623 1.409-1.409zM172.239 48.32H110.7c-.759 0-1.382.623-1.382 1.408v24.784c0 .785.623 1.408 1.382 1.408h55.959c3.846 0 6.988-3.169 6.988-7.042v-19.15c0-.785-.623-1.408-1.408-1.408m-34.941 23.375h-19.583v-7.503h19.583zm0-11.728h-19.583v-7.422h19.583zm27.953 11.728h-19.583v-7.503h19.583zm0-11.728h-19.583v-7.422h19.583zM210.838 67.173l8.126-19.8h-6.257c-1.246 0-2.682.704-3.278 2.058-2.6 6.04-7.827 19.096-7.827 19.096h7.259a2.05 2.05 0 0 0 1.977-1.354M191.986 22.02h5.607c.785 0 1.381-.623 1.381-1.408v-.569c0-3.9-3.142-7.042-6.988-7.042h-5.579c-.786 0-1.409.623-1.409 1.408v.57c0 3.872 3.142 7.041 6.988 7.041'/%3E%3Cpath fill='%23fff' d='M197.022 68.04V29.903h2.275c.786 0 1.409-.623 1.409-1.408v-1.409c0-.785-.623-1.408-1.409-1.408H186.35c-.758 0-1.381.623-1.381 1.408v1.409c0 .785.623 1.408 1.408 1.408h2.275v38.11c0 1.68-1.11 3.115-2.654 3.548-.379.109-1.029.515-1.029 1.382v3.006h2.492a7.02 7.02 0 0 0 5.39-2.844v.027c1.246 1.652 3.169 2.817 5.363 2.817h52.899c1.977 0 3.575-1.625 3.575-3.602v-.623h-54.036a3.676 3.676 0 0 1-3.63-3.684'/%3E%3Cpath fill='%23fff' d='M242.176 12.865h-28.169c-1.354 0-2.763.73-3.359 2.14-2.573 6.094-9.046 22.4-9.046 22.4h7.286c1.219 0 1.76-.895 1.977-1.355.623-1.544 2.519-6.121 2.519-6.121h10.618v9.994h-20.071c-.786 0-1.409.623-1.409 1.409v1.408c0 .786.623 1.409 1.409 1.409h20.098v16.63a3.66 3.66 0 0 1-2.844 3.576c-.623.135-1.084.704-1.084 1.381v2.817h8.695a3.635 3.635 0 0 0 3.629-3.656V44.149h20.071c.758 0 1.381-.623 1.381-1.409v-1.408c0-.786-.623-1.409-1.408-1.409h-20.071V29.902h10.618s1.923 4.604 2.519 6.148c.19.46.758 1.354 1.95 1.354h7.286s-6.5-16.495-9.263-22.562c-.623-1.382-2.086-1.978-3.332-1.978M215.09 25.676c1.165-2.844 2.628-6.365 3.522-8.586h19.203c.921 2.194 2.33 5.742 3.495 8.586z'/%3E%3Cpath fill='%23fff' d='M247.429 68.527h7.259s-5.363-13.354-7.828-19.096c-.595-1.354-2.031-2.058-3.277-2.058h-6.257l8.126 19.8c.19.46.731 1.354 1.977 1.354M327.445 48.349h-27.709V29.93h24.35c.786 0 1.409-.623 1.409-1.408v-1.409c0-.785-.623-1.408-1.409-1.408h-24.35V12.541c0-.812-.65-1.462-1.463-1.462h-5.498c-.813 0-1.463.65-1.463 1.462v13.164h-16.414l3.034-10.943h-6.257a2.75 2.75 0 0 0-2.655 2.086l-7.557 27.33h6.257a2.75 2.75 0 0 0 2.655-2.086l3.358-12.135h17.606v18.419h-29.253c-.785 0-1.381.623-1.381 1.408v1.409c0 .785.623 1.408 1.381 1.408h29.253v21.913c0 .812.65 1.462 1.463 1.462h5.498c.813 0 1.463-.65 1.463-1.462V52.6h27.709c.785 0 1.408-.623 1.408-1.408v-1.409c-.027-.812-.65-1.435-1.435-1.435M401.496 48.349h-27.709V29.93h24.35c.785 0 1.408-.623 1.408-1.408v-1.409c0-.785-.623-1.408-1.408-1.408h-24.35V12.541c0-.812-.65-1.462-1.463-1.462h-5.498c-.813 0-1.463.65-1.463 1.462v13.164h-16.414l3.034-10.943h-6.257a2.75 2.75 0 0 0-2.655 2.086l-7.557 27.33h6.257a2.75 2.75 0 0 0 2.655-2.086l3.358-12.135h17.606v18.419h-29.253c-.785 0-1.381.623-1.381 1.408v1.409c0 .785.623 1.408 1.381 1.408h29.253v21.913c0 .812.65 1.462 1.463 1.462h5.498c.813 0 1.463-.65 1.463-1.462V52.6h27.709c.785 0 1.408-.623 1.408-1.408v-1.409c-.027-.812-.65-1.435-1.435-1.435'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M81.963 48.447a26.85 26.85 0 0 0-3.634-22.095l-.354-.525v.005l-.003-.006.082.648a26.86 26.86 0 0 1-2.008 14.109l-.086.195a3.92 3.92 0 0 1-3.94 2.058 3.9 3.9 0 0 1-1.48-.497l-3.614-2.087v.002l-.003-.002c1.886 3.563 1.957 7.99-.21 11.738L65.3 54.442l1.436.828c1.168.675 2.4 1.091 3.639 1.274 4.949.733 9.996-2.264 11.417-7.462zM87 43.5C87 67.526 67.523 87 43.5 87c-1.328 0-2.642-.063-3.938-.179v-6.915l-2.128-1.23.006-.012a12.2 12.2 0 0 1-4.642-4.805l5.543 3.202c4.92 2.839 11.21 1.153 14.048-3.766l12.725-22.038a10.3 10.3 0 0 0 1.225-3.36 10.29 10.29 0 0 0-4.99-10.689L42.794 26.495l-5.94-3.43-4.659-2.69-1.198-.692a3.92 3.92 0 0 1-1.89-4.14c.088-.457.26-.908.523-1.328l.066-.089A26.85 26.85 0 0 1 40.577 5.43l.9-.392h-.002l-.346-.018-.755-.039a26.855 26.855 0 0 0-20.224 7.718l-.37.366-.167.165c-4.824 4.768-3.79 12.82 2.084 16.21l3.94 2.276-5.269 9.128-4.44 7.692H.29A44 44 0 0 1 0 43.5C0 19.476 19.476 0 43.5 0 67.523 0 87 19.476 87 43.5m-50.36 8.961a6.353 6.353 0 1 1 0-12.707 6.355 6.355 0 0 1 6.354 6.354c0 1.479-.505 2.84-1.352 3.919a6.34 6.34 0 0 1-5.001 2.434' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h87v87H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50% 150px;
    background-repeat: no-repeat
}

.chart-bg-logo-2 {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='442' height='87' fill='none' viewBox='0 0 442 87'%3E%3Cg opacity='.02'%3E%3Cmask id='a' width='87' height='87' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M87 0H0v87h87z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M81.963 48.447a26.85 26.85 0 0 0-3.634-22.095l-.354-.525v.005l-.003-.006.082.648a26.86 26.86 0 0 1-2.008 14.109l-.086.195a3.92 3.92 0 0 1-3.94 2.058 3.9 3.9 0 0 1-1.48-.497l-3.614-2.087v.002l-.003-.002c1.886 3.563 1.957 7.99-.21 11.738L65.3 54.442l1.436.828c1.168.675 2.4 1.091 3.639 1.274 4.949.733 9.996-2.264 11.417-7.462zM87 43.5C87 67.526 67.523 87 43.5 87c-1.328 0-2.642-.063-3.938-.179v-6.915l-2.128-1.23.006-.012a12.2 12.2 0 0 1-4.642-4.805l5.543 3.202c4.92 2.839 11.21 1.153 14.048-3.766l12.725-22.038a10.3 10.3 0 0 0 1.225-3.36 10.29 10.29 0 0 0-4.99-10.689L42.794 26.495l-5.94-3.43-4.659-2.69-1.198-.692a3.92 3.92 0 0 1-1.89-4.14c.088-.457.26-.908.523-1.328l.066-.089A26.85 26.85 0 0 1 40.577 5.43l.9-.392-.348-.018-.755-.039a26.855 26.855 0 0 0-20.224 7.718l-.37.366-.167.165c-4.824 4.768-3.79 12.82 2.084 16.21l3.94 2.276-5.269 9.128-4.44 7.692H.29A44 44 0 0 1 0 43.5C0 19.476 19.476 0 43.5 0 67.523 0 87 19.476 87 43.5m-50.36 8.961a6.353 6.353 0 1 1 0-12.707 6.355 6.355 0 0 1 6.354 6.354c0 1.479-.505 2.84-1.352 3.919a6.34 6.34 0 0 1-5.001 2.434' clip-rule='evenodd'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M143.111 47.931c0 9.298 7.558 16.856 16.857 16.856h4.159c9.298 0 16.857-7.558 16.857-16.856V23.626c0-.789-.626-1.414-1.414-1.414h-6.471c-.788 0-1.414.652-1.414 1.414V48.91c0 5.302-4.322 9.679-9.624 9.76-5.302-.081-9.624-4.431-9.624-9.76V23.626c0-.789-.626-1.414-1.414-1.414h-6.471c-.788 0-1.413.652-1.413 1.414V47.93zM237.095 22.212h-6.47c-.789 0-1.414.652-1.414 1.414V47.93c0 9.298 7.558 16.856 16.856 16.856h4.133c9.298 0 16.856-7.558 16.856-16.856V23.626c0-.789-.625-1.414-1.414-1.414h-6.47c-.789 0-1.414.652-1.414 1.414V48.91c0 5.302-4.323 9.679-9.625 9.76-5.301-.081-9.624-4.458-9.624-9.76V23.626c0-.789-.625-1.414-1.414-1.414M101.594 34.718v30.07h3.072c3.426 0 6.226-2.8 6.226-6.226V48.04c0-.054.054-.081.081-.081h20.717c3.399 0 6.172-2.747 6.226-6.118h-26.943q-.081 0-.081-.081v-7.504c0-3.262 2.664-5.927 5.927-5.927h14.871c3.399 0 6.172-2.746 6.226-6.117H114.1c-6.878 0-12.506 5.6-12.506 12.506M186.172 23.626v3.29c0 .788.625 1.413 1.414 1.413h12.723q.082 0 .082.082v34.963c0 .788.652 1.414 1.414 1.414h6.47c.789 0 1.414-.626 1.414-1.414V28.438q0-.081.082-.081h7.911c3.399 0 6.172-2.746 6.226-6.118h-36.322c-.789-.027-1.414.598-1.414 1.387M327.769 22.21h-6.498a1.45 1.45 0 0 0-1.441 1.442v24.224c0 9.325 7.585 16.938 16.938 16.938h4.16c9.325 0 16.937-7.586 16.937-16.938V23.625a1.45 1.45 0 0 0-1.441-1.441h-6.497c-.789 0-1.414.652-1.414 1.44v25.204c0 5.328-4.35 9.733-9.679 9.787-5.329-.082-9.679-4.459-9.679-9.788V23.626c.028-.789-.598-1.414-1.386-1.414M374.095 22.212h-6.498a1.45 1.45 0 0 0-1.441 1.44v28.575c0 6.933 5.628 12.56 12.561 12.56h22.402a6.25 6.25 0 0 0-6.253-6.144h-13.43a5.95 5.95 0 0 1-5.954-5.954V23.626c.054-.789-.599-1.414-1.387-1.414M414.302 22.212h-6.498c-.788 0-1.413.652-1.413 1.44v28.575c0 6.933 5.627 12.56 12.56 12.56h22.403a6.25 6.25 0 0 0-6.253-6.144H421.67a5.95 5.95 0 0 1-5.954-5.954V23.626c.027-.789-.625-1.414-1.414-1.414M309.5 42.711a12.14 12.14 0 0 0 3.289-8.32c0-6.714-5.464-12.18-10.358-12.18h-24.904c-.761 0-1.386.626-1.386 1.388V63.4c0 .761.625 1.386 1.386 1.386h24.904c6.715 0 12.18-5.437 12.18-12.18.027-4.078-2.012-7.693-5.111-9.896M285.493 28.33h11.908a6.07 6.07 0 0 1 6.063 6.063 6.07 6.07 0 0 1-6.063 6.063h-11.908zm19.793 24.279a6.07 6.07 0 0 1-6.063 6.062h-13.73V46.572h13.73c3.344 0 6.063 2.691 6.063 6.035'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50% 150px;
    background-repeat: no-repeat
}

.kline-tab {
    align-items: center;
    display: flex;
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 24px
}

.kline-tab .minute-list {
    background: var(--ct_bg_page1);
    border: 1px solid var(--ct_text_h1);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--ct_text_h1);
    cursor: pointer;
    margin-right: 16px;
    min-height: 16px;
    padding: 4px 12px;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: fit-content;
    z-index: 9
}

.kline-tab .minute-list.not-minute {
    border-color: var(--ct_line_input);
    color: var(--ct_text_h2)
}

.kline-tab .minute-list:hover {
    background-color: var(--ct_bg_card1);
    border-color: var(--ct_line_input)
}

.kline-tab .minute-list .curr-minute {
    margin-right: 8px
}

.kline-tab .minute-list .triangle {
    height: 10px;
    transition: transform .2s;
    width: 10px
}

.kline-tab .minute-list .triangle .fill {
    fill: var(--ct_text_h2);
    stroke: var(--ct_text_h2);
    stroke-width: 20px
}

.kline-tab .minute-list .triangle.triangle-rotate {
    transform: rotate(-180deg);
    transform-origin: center
}

.kline-tab .minute-list .minute-ul {
    background: var(--ct_bg_card2);
    border-radius: 8px;
    box-shadow: 0 6px 24px #0000001f;
    left: 0;
    min-width: 100%;
    padding: 8px 0;
    position: absolute;
    top: calc(100% + 8px)
}

.kline-tab .minute-list .minute-item {
    align-items: center;
    color: var(--ct_text_h1);
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
    white-space: nowrap
}

.kline-tab .minute-list .active,
.kline-tab .minute-list .minute-item:hover {
    background-color: var(--ct_bg_overlay2)
}

.kline-tab .minute-list .active {
    color: var(--ct_text_reverse)
}

.kline-tab .kline-ul {
    display: flex
}

.kline-tab .kline-li {
    background: var(--ct_bg_page1);
    border: 1px solid var(--ct_line_input);
    border-radius: 8px;
    color: var(--ct_text_h2);
    cursor: pointer;
    margin: 0 16px 0 0;
    padding: 4px 16px
}

.kline-tab .kline-li:hover {
    background: var(--ct_bg_card1);
    color: var(--ct_text_h1)
}

.kline-tab .kline-li:active {
    background: var(--ct_bg_overlay1);
    color: var(--ct_text_h1)
}

.kline-tab .kline-li:last-child {
    margin-right: 0 !important
}

.kline-tab .kline-li.current {
    background: var(--ct_bg_overlay1);
    color: var(--ct_text_reverse)
}

.chart-tooltip {
    font-size: 14px;
    line-height: 22px
}

.chart-tooltip .tooltip-item {
    align-content: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2px;
    padding: 2px
}

.chart-tooltip .tooltip-item:last-child {
    margin-bottom: 0
}

.chart-tooltip .tooltip-item .label {
    display: inline-block;
    margin-right: 32px
}

.stock-chart-mobile {
    display: flex;
    flex-direction: column-reverse
}

.stock-chart-mobile .kline-tab {
    font-size: 12px;
    line-height: 16px;
    padding: 16px 0 0
}

.stock-chart-mobile .kline-tab .minute-list {
    background-color: var(--ct_bg_overlay1);
    border: none;
    margin-right: 4px;
    padding: 4px 6px
}

.stock-chart-mobile .kline-tab .minute-list.not-minute {
    background-color: transparent
}

.stock-chart-mobile .kline-tab .minute-list .curr-minute {
    margin-right: 4px
}

.stock-chart-mobile .kline-tab .kline-li {
    border: none;
    margin: 0 4px 0 0;
    padding: 4px 8px
}

.stock-chart-mobile .chart-tooltip {
    font-size: 12px;
    line-height: 16px
}

.theme-white[data-v-9b4b0ad3] {
    --bg-color: #f2f3f5;
    --color-text-main: #333;
    --color-text-sub: #606266;
    --ct_text_green: #00a870;
    --ct_text_red: #f03a55;
    --ct_text_stable: #627085;
    --ct_text_link: #2b78f5;
    --ct_up: var(--ct_text_red);
    --ct_down: var(--ct_text_green);
    --ct_flat: var(--ct_text_stable)
}

.theme-black[data-v-9b4b0ad3] {
    --bg-color: #1d1f21;
    --color-text-main: #ebeced;
    --color-text-sub: #9b9b9e;
    --ct_text_green: #00a357;
    --ct_text_red: #e02d48;
    --ct_text_stable: #627085;
    --ct_text_link: #4e7fce;
    --ct_up: var(--ct_text_red);
    --ct_down: var(--ct_text_green);
    --ct_flat: var(--ct_text_stable)
}

.underlying-stock-bar[data-v-9b4b0ad3] {
    margin-top: 8px
}

.underlying-stock-bar .wrapper[data-v-9b4b0ad3] {
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    margin-left: -8px;
    padding: 2px 8px
}

.underlying-stock-bar .wrapper[data-v-9b4b0ad3]:hover {
    background-color: var(--bg-color)
}

.underlying-stock-bar .wrapper span[data-v-9b4b0ad3] {
    display: inline-block;
    height: 22px;
    line-height: 22px
}

.underlying-stock-bar .wrapper span+span[data-v-9b4b0ad3] {
    margin-left: 8px
}

.icon-direct-status[data-v-9b4b0ad3],
.icon[data-v-9b4b0ad3],
.stock-area[data-v-9b4b0ad3] {
    background-size: 100%;
    display: inline-block;
    height: 24px;
    width: 24px
}

.line-height[data-v-9b4b0ad3],
.price-current .change[data-v-9b4b0ad3],
.status[data-v-9b4b0ad3] {
    box-sizing: content-box;
    height: 22px;
    line-height: 22px
}

.refresh[data-v-9b4b0ad3] {
    cursor: pointer;
    height: 20px;
    margin-right: 4px;
    transform: rotate(1turn);
    transition: all 1s;
    -webkit-user-select: none;
    user-select: none;
    width: 20px
}

.refresh[data-v-9b4b0ad3]:active {
    transform: rotate(0);
    transition: 0s
}

.stock-info-component[data-v-9b4b0ad3] {
    background-color: var(--bg-color);
    color: var(--color-text-main);
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 36px;
    padding: 28px 32px
}

.detail-top[data-v-9b4b0ad3] {
    align-items: center;
    display: flex;
    font-size: 18px;
    justify-content: space-between;
    line-height: 40px;
    margin-bottom: 7px
}

.stock-area[data-v-9b4b0ad3] {
    height: 28px;
    margin-left: 8px;
    width: 28px
}

.detail-main[data-v-9b4b0ad3] {
    justify-content: space-between
}

.detail-main[data-v-9b4b0ad3],
.price-current[data-v-9b4b0ad3],
.price-wrapper[data-v-9b4b0ad3] {
    align-items: flex-end;
    display: flex
}

.price-current[data-v-9b4b0ad3] {
    flex-wrap: wrap;
    margin-bottom: 6px;
    margin-right: 32px
}

.price-current .price[data-v-9b4b0ad3] {
    align-items: center;
    display: flex;
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    margin-right: 8px
}

.price-current .change .change-price[data-v-9b4b0ad3] {
    margin-right: 8px
}

.status[data-v-9b4b0ad3] {
    color: var(--color-text-sub)
}

.icon-direct-status[data-v-9b4b0ad3] {
    margin-left: 4px;
    margin-top: 2px
}

.icon-direct-status.icon-direct-flat[data-v-9b4b0ad3] {
    display: none
}

.disc-status[data-v-9b4b0ad3] {
    color: var(--color-text-sub)
}

.disc-status .mb6[data-v-9b4b0ad3] {
    margin-bottom: 6px
}

.disc-status .disc-price[data-v-9b4b0ad3] {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px
}

.disc-status span[data-v-9b4b0ad3] {
    display: inline-block;
    margin-right: 8px
}

.no-hidden[data-v-9b4b0ad3] {
    display: flex;
    position: relative
}

.card-item[data-v-9b4b0ad3] {
    align-items: flex-end;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    width: 96px
}

.card-item[data-v-9b4b0ad3]:not(:first-child) {
    padding-left: 16px
}

.card-item span[data-v-9b4b0ad3] {
    line-height: 24px;
    white-space: nowrap
}

.card-item span[data-v-9b4b0ad3]:last-of-type {
    color: var(--color-text-sub);
    margin-top: 4px
}

.direct-up[data-v-9b4b0ad3] {
    color: var(--ct_text_green)
}

.direct-down[data-v-9b4b0ad3] {
    color: var(--ct_text_red)
}

.direct-flat[data-v-9b4b0ad3] {
    color: var(--ct_text_stable)
}

.reverse .direct-up[data-v-9b4b0ad3] {
    color: var(--ct_text_red)
}

.reverse .direct-down[data-v-9b4b0ad3] {
    color: var(--ct_text_green)
}

.reverse .icon-direct-up[data-v-9b4b0ad3] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23F03A55' fill-rule='evenodd' d='M10.7.6c.7-.8 1.9-.8 2.6 0l7.4 8.9c.7.9.4 1.6-.7 1.6h-4v11c0 .6-.5 1-1 1H9c-.6 0-1-.5-1-1v-11H4c-1.1 0-1.4-.7-.7-1.5z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.reverse .icon-direct-down[data-v-9b4b0ad3] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2300A870' fill-rule='evenodd' d='M10.7 22.5c.7.8 1.9.8 2.6 0l7.4-8.9c.7-.9.4-1.6-.7-1.6h-4V1c0-.6-.5-1-1-1H9c-.6 0-1 .5-1 1v11H4c-1.1 0-1.4.7-.7 1.5z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.area-hk[data-v-9b4b0ad3] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Crect width='30' height='30' x='1' y='1' fill='%23E33E27' rx='4'/%3E%3Cpath fill='%23FAF8F5' fill-rule='evenodd' d='M12.247 9.09c.602-1.858 2.359-2.912 4.768-2.912h.552c-.15.2-.3.452-.351.702-.2.603-.05 1.255.301 1.808.351.502.402 1.154.251 1.807-.2.702-.652 1.255-1.305 1.556-.904.401-1.657 1.405-1.807 2.41-.05.35-.05.752.1 1.204-.953-.502-1.556-1.305-1.907-1.958-.803-1.456-1.054-3.313-.603-4.618m-6.024 2.558c.502.753 1.456 1.105 2.46.854 1.154-.301 2.81.502 3.011 2.008.15 1.305 1.456 2.71 3.012 2.66-.903.803-2.208 1.255-3.765 1.255-1.355 0-2.66-.352-3.564-1.004-1.756-1.255-2.208-3.363-1.154-5.773m7.881 12.8c1.205-.853 2.158-2.51 2.36-4.216.05-.703.05-1.656-.453-2.61-.05.351-.25.653-.451.904-.553.702-1.556 1.154-2.56 1.154-.201 0-.352 0-.502-.05-1.506-.301-2.861 1.004-2.912 2.108s-.753 1.807-1.556 2.008c2.058 1.657 4.367 1.907 6.074.703m6.425 1.407c0-.25 0-.502-.1-.753a2.07 2.07 0 0 0-1.356-1.305c-.602-.2-1.104-.753-1.305-1.405-.25-.653-.2-1.356.1-1.908.452-.853.503-2.058.05-2.911a2.5 2.5 0 0 0-.853-.954h.452c2.51 0 4.97 2.108 5.622 3.966.653 1.907-.301 3.865-2.61 5.27m1.556-9.387c.753 0 1.456-.3 1.857-.803.653-.753 1.657-1.004 2.51-.652-.653-2.56-2.259-4.016-4.468-4.016-1.556 0-3.363.853-4.567 2.159a4.46 4.46 0 0 0-1.205 2.208 2.63 2.63 0 0 1 1.656-.552c.904 0 1.858.351 2.41.954.452.452 1.104.702 1.807.702' clip-rule='evenodd'/%3E%3Cpath fill='%23E33E27' fill-rule='evenodd' d='m14.155 9.7.439-.443-.117-.613.557.28.547-.299-.095.616.454.427-.615.1-.266.564-.286-.554z' clip-rule='evenodd'/%3E%3Cpath fill='%23E33E27' d='M14.355 10.003c-1.118 1.581-1.075 4.075.364 5.683l.116-.105c-1.388-1.55-1.43-3.964-.353-5.488a.078.078 0 1 0-.127-.09'/%3E%3Cpath fill='%23E33E27' fill-rule='evenodd' d='m21.752 13.591-.116-.612.557.28.547-.3-.095.616.454.428-.615.1-.266.564-.286-.554-.618-.08z' clip-rule='evenodd'/%3E%3Cpath fill='%23E33E27' d='M21.41 13.263c-1.85-.575-4.21.237-5.293 2.102l.135.079c1.046-1.8 3.329-2.586 5.11-2.032a.078.078 0 1 0 .047-.15'/%3E%3Cpath fill='%23E33E27' fill-rule='evenodd' d='m20.445 21.37.547-.3-.095.616.454.427-.615.1-.266.565-.286-.554-.618-.08.439-.442-.116-.613z' clip-rule='evenodd'/%3E%3Cpath fill='%23E33E27' d='M20.652 20.942c-.025-1.936-1.526-3.929-3.635-4.383l-.033.153c2.035.438 3.487 2.366 3.511 4.232a.078.078 0 0 0 .157-.002'/%3E%3Cpath fill='%23E33E27' fill-rule='evenodd' d='m9.145 15.377-.266.563-.286-.554-.618-.079.439-.442-.116-.613.556.28.547-.299-.095.616.454.427z' clip-rule='evenodd'/%3E%3Cpath fill='%23E33E27' d='M9.23 15.844c1.158 1.552 3.543 2.282 5.517 1.41l-.063-.144c-1.905.842-4.213.136-5.33-1.36a.078.078 0 0 0-.125.094'/%3E%3Cpath fill='%23E33E27' fill-rule='evenodd' d='m12.558 22.291.454.428-.616.1-.266.564-.285-.554-.619-.08.439-.442-.116-.612.557.28.546-.3z' clip-rule='evenodd'/%3E%3Cpath fill='%23E33E27' d='M13.028 22.356c1.834-.623 3.265-2.666 3.046-4.812l-.156.016c.212 2.071-1.173 4.048-2.94 4.648a.078.078 0 0 0 .05.148'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.area-us[data-v-9b4b0ad3] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Crect width='30' height='30' x='1' y='1' fill='%23E33E27' rx='4'/%3E%3Cpath fill='%23F2F2F2' d='M1 3.5h30v3H1zM1 14.5h30v3H1zM1 20h30v3H1zM1 25.5h30v3H1zM1 9h30v3H1z'/%3E%3Cpath fill='%2300308F' d='M1 5a4 4 0 0 1 4-4h16v17H1z'/%3E%3Cpath fill='%23F2F2F2' d='m4.5 7.5.647 1.11 1.255.272-.856.958.13 1.278L4.5 10.6l-1.176.518.13-1.278-.856-.958 1.255-.272zM8 3l.647 1.11 1.255.272-.856.958.13 1.278L8 6.1l-1.176.518.13-1.278-.856-.958 1.255-.272zM8 12l.647 1.11 1.255.272-.856.958.13 1.278L8 15.1l-1.176.518.13-1.278-.856-.958 1.255-.272zM11 7.5l.647 1.11 1.255.272-.856.958.13 1.278L11 10.6l-1.176.518.13-1.278-.856-.958 1.255-.272zM14 3l.647 1.11 1.255.272-.856.958.13 1.278L14 6.1l-1.176.518.13-1.278-.856-.958 1.255-.272zM14 12l.647 1.11 1.255.272-.856.958.13 1.278L14 15.1l-1.176.518.13-1.278-.856-.958 1.255-.272zM17.5 7.5l.647 1.11 1.255.272-.856.958.13 1.278L17.5 10.6l-1.176.518.13-1.278-.856-.958 1.255-.272z'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.area-sg[data-v-9b4b0ad3] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' fill='none' viewBox='0 0 33 32'%3E%3Cmask id='a' width='30' height='30' x='1' y='1' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%2310338C' d='M1 7.4c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748C4.04 1 5.16 1 7.4 1h17.2c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C31 4.04 31 5.16 31 7.4v17.2c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748C27.96 31 26.84 31 24.6 31H7.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C1 27.96 1 26.84 1 24.6z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23F2F2F2' d='M1 31h30V20H1z'/%3E%3Cpath fill='%23E33E27' d='M1 1h30.004v19.003H1z'/%3E%3Cpath fill='%23F2F2F2' fill-rule='evenodd' d='M16.885 6.205a4.5 4.5 0 0 0-1.593-.288c-2.516 0-4.557 2.052-4.557 4.583s2.04 4.583 4.558 4.583c.56 0 1.096-.101 1.592-.287A5.43 5.43 0 0 1 13.47 16C10.45 16 8 13.538 8 10.5S10.449 5 13.47 5c1.292 0 2.48.451 3.415 1.205' clip-rule='evenodd'/%3E%3Cpath fill='%23F2F2F2' d='m18.367 6.693.323.613.683.118-.483.496.098.686-.621-.306-.622.306.099-.686-.483-.496.682-.118zM15.405 8.812l.323.613.683.118-.483.497.098.685-.621-.305-.622.305.099-.685-.483-.497.683-.118zM16.674 11.769l.324.613.682.118-.483.496.099.686-.622-.306-.621.306.098-.686-.482-.496.682-.118zM20.059 11.769l.323.613.682.118-.482.496.098.686-.621-.306-.622.306.099-.686-.483-.496.682-.118zM21.329 8.812l.323.613.682.118-.482.497.098.685-.621-.305-.622.305.099-.685-.483-.497.682-.118z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.area-au[data-v-9b4b0ad3] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cmask id='a' width='30' height='30' x='1' y='1' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%2310338C' d='M1 7.4c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748C4.04 1 5.16 1 7.4 1h17.2c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C31 4.04 31 5.16 31 7.4v17.2c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748C27.96 31 26.84 31 24.6 31H7.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C1 27.96 1 26.84 1 24.6z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%2300308F' d='M1 7.4c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748C4.04 1 5.16 1 7.4 1h17.2c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C31 4.04 31 5.16 31 7.4v17.2c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748C27.96 31 26.84 31 24.6 31H7.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C1 27.96 1 26.84 1 24.6z'/%3E%3Cpath fill='%23F2F2F2' d='m23.577 21.365.324.68.736-.168-.33.68.592.468-.736.162v.76l-.587-.473-.592.474.006-.761-.736-.162.593-.468-.33-.68.735.168zm-2.032-9.236.324.68.736-.168-.33.68.592.468-.736.168v.755l-.586-.474-.593.474.007-.755-.743-.168.593-.468-.33-.68.735.168zM24.576 8l.325.68.736-.168-.33.68.592.467-.736.169v.755l-.587-.475-.592.474.006-.754-.736-.169.593-.468-.33-.68.735.169zm2.652 3.1.324.68.736-.168-.33.68.592.467-.736.163v.76l-.586-.473-.593.474v-.761l-.736-.163.593-.467-.331-.68.736.168zm-1.897 3.612.256.792h.83l-.674.487.262.792-.674-.493-.673.493.255-.792-.667-.487h.83zM8.114 19.32 7.497 18l-.611 1.32-1.392-.33.623 1.314-1.117.91 1.392.323L6.386 23l1.111-.916L8.614 23l-.006-1.463L10 21.214l-1.117-.91.618-1.313zM17.996 1v2.51l-3.7 2.058h3.7v4.864h-4.847l4.847 2.69V15h-2.19l-6.028-3.354V15h-4.56v-3.986L-1.95 15H-3v-2.51l3.707-2.058H-3V5.568h4.847L-3 2.87V1h2.19l6.028 3.346V1h4.56v3.986L16.954 1z'/%3E%3Cpath fill='%23E33E27' d='M8.81 1H6.186v5.684H-3v2.624h9.186V15H8.81V9.308h9.186V6.684H8.81z'/%3E%3Cpath fill='%2300308F' d='M9.778 10.432 17.996 15v-1.296l-5.889-3.272z'/%3E%3Cpath fill='%23F2F2F2' d='M9.778 10.432 17.996 15v-1.296l-5.889-3.272z'/%3E%3Cpath fill='%23E33E27' d='M9.778 10.432 17.996 15v-1.296l-5.889-3.272zm-6.881 0L-3 13.704V15l8.218-4.568z'/%3E%3Cpath fill='%2300308F' d='M5.218 5.568-3 1v1.288l5.897 3.28z'/%3E%3Cpath fill='%23F2F2F2' d='M5.218 5.568-3 1v1.288l5.897 3.28z'/%3E%3Cpath fill='%23E33E27' d='M5.218 5.568-3 1v1.288l5.897 3.28zm6.89 0 5.888-3.28V1L9.778 5.568z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.area-ca[data-v-9b4b0ad3] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cmask id='a' width='30' height='30' x='1' y='1' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Crect width='30' height='30' x='1' y='1' fill='%23fff' rx='4'/%3E%3C/mask%3E%3Cg fill-rule='evenodd' clip-rule='evenodd' mask='url(%23a)'%3E%3Cpath fill='%23E33E27' d='M10 31H1V1h9zM31 1h-9v30h9z'/%3E%3Cpath fill='%23F2F2F2' d='M9.077 31h13.846V1H9.077z'/%3E%3Cpath fill='%23E33E27' d='m17.49 15.372 1.347-1.332a.116.116 0 0 1 .162 0l.674.666 1.51-.746-.755 1.492.674.666c.044.044.042.118-.005.165l-2.179 2.153h-2.264l-.378 2.237h-.754l-.378-2.237H12.88L10.7 16.283c-.046-.046-.05-.12-.005-.165l.674-.666-.754-1.492 1.51.746.673-.666a.116.116 0 0 1 .162 0l1.347 1.332c.044.043.071.028.058-.036l-.731-3.614 1.51.746.754-2.238.755 2.238 1.51-.746-.732 3.614c-.013.063.013.08.058.036'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.area-my[data-v-9b4b0ad3] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Crect width='30' height='30' x='1' y='1' fill='%23CC0001' rx='4'/%3E%3Cmask id='a' width='30' height='30' x='1' y='1' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Crect width='30' height='30' x='1' y='1' fill='%23E33E27' rx='4'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23F2F2F2' d='M1 3.5h30v3H1zM1 14.5h30v3H1zM1 20h30v3H1zM1 25.5h30v3H1zM1 9h30v3H1z'/%3E%3Cpath fill='%23010066' d='M1 5a4 4 0 0 1 4-4h19v16.5H1z'/%3E%3Cpath fill='%23FC0' d='M10.799 3.8c-2.821 0-5.111 2.31-5.111 5.157s2.29 5.156 5.111 5.156c1.02 0 1.969-.302 2.767-.821a4.5 4.5 0 0 1-1.482.251c-2.502 0-4.533-2.048-4.533-4.572s2.03-4.572 4.533-4.572c.553 0 1.082.1 1.572.283a5.06 5.06 0 0 0-2.857-.881'/%3E%3Cpath fill='%23FC0' d='m18.534 11.3-1.902-.993.562 2.031-1.272-1.699-.397 2.068-.39-2.069-1.277 1.695.568-2.029-1.905.987 1.416-1.588-2.156.083 1.981-.832-1.978-.837 2.155.09-1.41-1.593 1.901.993-.562-2.031 1.272 1.699.397-2.068.39 2.069 1.278-1.695-.569 2.029 1.905-.987-1.415 1.588 2.155-.083-1.981.832 1.979.837-2.155-.09z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.area-cn[data-v-9b4b0ad3],
.area-sh[data-v-9b4b0ad3],
.area-sz[data-v-9b4b0ad3] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Crect width='30' height='30' x='1' y='1' fill='%23E33E27' rx='4'/%3E%3Cpath fill='%23FED82E' d='m7.538 5.863 1.384 2.711 3.006.478-2.15 2.154.473 3.007-2.713-1.38-2.712 1.38.474-3.007-2.151-2.154 3.006-.478zM16.288 3.788l-.059 1.14.887.719-1.102.296-.41 1.065-.622-.956-1.14-.06.718-.888L14.265 4l1.066.408zM17.672 7.466l.764.848 1.135-.119-.57.99.464 1.042-1.117-.236-.848.763-.12-1.135-.989-.572 1.043-.465zM17.735 12.023l.519 1.016 1.127.18-.806.807.178 1.127-1.018-.517-1.017.518.178-1.128-.807-.808 1.127-.179zM15.191 15.576l-.059 1.14.887.72-1.102.295-.41 1.066-.623-.957-1.14-.06.719-.888-.295-1.103 1.066.408z'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.area-cc[data-v-9b4b0ad3] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Crect width='30' height='30' x='1' y='1' fill='%230080FF' rx='4'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12.16 6.4a1.44 1.44 0 0 0-1.44 1.44v.48h-.32a1.44 1.44 0 1 0 0 2.88h.32v9.6h-.32a1.44 1.44 0 1 0 0 2.88h.32v.48a1.44 1.44 0 1 0 2.88 0v-.48H16v.48a1.44 1.44 0 1 0 2.88 0v-.48h.4a4.56 4.56 0 0 0 2.875-8.1 4.56 4.56 0 0 0-3.275-7.243V7.84a1.44 1.44 0 1 0-2.88 0v.48h-2.4v-.48a1.44 1.44 0 0 0-1.44-1.44m5.28 4.8H13.6v3.36h4.88a1.68 1.68 0 1 0 0-3.36h-1.04m-3.84 6.24v3.36h5.68a1.68 1.68 0 0 0 0-3.36z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.area-jp[data-v-9b4b0ad3] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Crect width='30' height='30' x='1' y='1' fill='%23F2F2F2' rx='4'/%3E%3Ccircle cx='16' cy='16' r='6.923' fill='%23E33E27'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.area-fx[data-v-9b4b0ad3] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%236678ED' d='M3 0h18a3 3 0 0 1 3 3v18a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3'/%3E%3Cpath fill='url(%23b)' d='M12.187 3.375c2.689 0 4.5 4.005 4.5 8.813 0 4.807-1.812 8.812-4.5 8.812q-.094 0-.187-.006v-1.892a.8.8 0 0 0 .187.023c1.247 0 2.625-3.047 2.625-6.937S13.434 5.25 12.187 5.25a.8.8 0 0 0-.187.023V3.382q.093-.007.187-.007'/%3E%3Cpath fill='url(%23c)' d='M20.813 11.063H3.563v2.25h17.25z'/%3E%3Cpath fill='url(%23d)' fill-rule='evenodd' d='M12.188 21a8.813 8.813 0 1 0 0-17.625 8.813 8.813 0 0 0 0 17.625m0-1.875a6.937 6.937 0 1 1 0-13.875 6.937 6.937 0 0 1 0 13.875' clip-rule='evenodd'/%3E%3Cpath fill='url(%23e)' d='M12.375 3.375q.095 0 .188.007v1.89a.8.8 0 0 0-.188-.022c-1.247 0-2.625 3.047-2.625 6.938s1.378 6.937 2.625 6.937a.8.8 0 0 0 .188-.023v1.891a3 3 0 0 1-.188.007c-2.688 0-4.5-4.004-4.5-8.812s1.812-8.813 4.5-8.813'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='240.735' x2='320.322' y1='1614.63' y2='141.99' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23B9C2FF'/%3E%3Cstop offset='.324' stop-color='%23FBFBFF'/%3E%3Cstop offset='1' stop-color='%23F7F8FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='1584.75' x2='88.781' y1='123.563' y2='123.563' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EFF2FF'/%3E%3Cstop offset='.357' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23D9DEFF'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='446.93' x2='1489.72' y1='1628.47' y2='299.237' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CFD6FF'/%3E%3Cstop offset='1' stop-color='%23F9F9FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='257.953' x2='223.638' y1='1657.06' y2='173.503' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D5DBFF'/%3E%3Cstop offset='.452' stop-color='%23F8F9FF'/%3E%3Cstop offset='1' stop-color='%23F4F6FF'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.icon-direct-up[data-v-9b4b0ad3] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2300A870' fill-rule='evenodd' d='M10.7.6c.7-.8 1.9-.8 2.6 0l7.4 8.9c.7.9.4 1.6-.7 1.6h-4v11c0 .6-.5 1-1 1H9c-.6 0-1-.5-1-1v-11H4c-1.1 0-1.4-.7-.7-1.5z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.icon-direct-down[data-v-9b4b0ad3] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23F03A55' fill-rule='evenodd' d='M10.7 22.5c.7.8 1.9.8 2.6 0l7.4-8.9c.7-.9.4-1.6-.7-1.6h-4V1c0-.6-.5-1-1-1H9c-.6 0-1 .5-1 1v11H4c-1.1 0-1.4.7-.7 1.5z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.h5-disc[data-v-9b4b0ad3],
.h5-status[data-v-9b4b0ad3] {
    display: none
}

.mobile-style[data-v-9b4b0ad3] {
    font-size: 12px;
    padding: 16px
}

.mobile-style .stock-area[data-v-9b4b0ad3] {
    display: none
}

.mobile-style .h5-status[data-v-9b4b0ad3] {
    align-items: center;
    display: flex;
    font-size: 12px;
    justify-content: space-between
}

.mobile-style .h5-status .stock-area[data-v-9b4b0ad3] {
    display: block;
    height: 16px;
    width: 16px
}

.mobile-style .detail-top[data-v-9b4b0ad3] {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 8px
}

.mobile-style .detail-main[data-v-9b4b0ad3] {
    align-items: center
}

.mobile-style .price-normal .status[data-v-9b4b0ad3] {
    display: none
}

.mobile-style .price-current[data-v-9b4b0ad3] {
    display: block;
    margin-right: 16px
}

.mobile-style .price-current .price[data-v-9b4b0ad3] {
    font-size: 32px
}

.mobile-style .disc-status[data-v-9b4b0ad3] {
    display: none
}

.mobile-style .h5-disc[data-v-9b4b0ad3] {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.mobile-style .h5-disc .disc-direct[data-v-9b4b0ad3] {
    align-items: center;
    display: flex
}

.mobile-style .h5-disc .disc-text[data-v-9b4b0ad3] {
    color: var(--color-text-sub)
}

.mobile-style .h5-disc .disc-price[data-v-9b4b0ad3] {
    font-size: 12px;
    font-weight: 400;
    line-height: normal
}

.mobile-style .no-hidden[data-v-9b4b0ad3] {
    display: block
}

.mobile-style .card-item[data-v-9b4b0ad3] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-left: 0 !important;
    width: 108px
}

.mobile-style .card-item span[data-v-9b4b0ad3] {
    line-height: 16px
}

.mobile-style .card-item span[data-v-9b4b0ad3]:last-child {
    display: inline-block;
    margin: 0;
    text-align: right
}

@media screen and (max-width:1240px) {
    .stock-info-component[data-v-9b4b0ad3] {
        font-size: 12px;
        padding: 16px
    }

    .stock-info-component .stock-area[data-v-9b4b0ad3] {
        display: none
    }

    .stock-info-component .h5-status[data-v-9b4b0ad3] {
        align-items: center;
        display: flex;
        font-size: 12px;
        justify-content: space-between
    }

    .stock-info-component .h5-status .stock-area[data-v-9b4b0ad3] {
        display: block;
        height: 16px;
        width: 16px
    }

    .stock-info-component .detail-top[data-v-9b4b0ad3] {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 8px
    }

    .stock-info-component .detail-main[data-v-9b4b0ad3] {
        align-items: center
    }

    .stock-info-component .price-normal .status[data-v-9b4b0ad3] {
        display: none
    }

    .stock-info-component .price-current[data-v-9b4b0ad3] {
        display: block;
        margin-right: 16px
    }

    .stock-info-component .price-current .price[data-v-9b4b0ad3] {
        font-size: 32px
    }

    .stock-info-component .disc-status[data-v-9b4b0ad3] {
        display: none
    }

    .stock-info-component .h5-disc[data-v-9b4b0ad3] {
        align-items: flex-end;
        display: flex;
        justify-content: space-between;
        margin-top: 10px
    }

    .stock-info-component .h5-disc .disc-direct[data-v-9b4b0ad3] {
        align-items: center;
        display: flex
    }

    .stock-info-component .h5-disc .disc-text[data-v-9b4b0ad3] {
        color: var(--color-text-sub)
    }

    .stock-info-component .h5-disc .disc-price[data-v-9b4b0ad3] {
        font-size: 12px;
        font-weight: 400;
        line-height: normal
    }

    .stock-info-component .no-hidden[data-v-9b4b0ad3] {
        display: block
    }

    .stock-info-component .card-item[data-v-9b4b0ad3] {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        padding-left: 0 !important;
        width: 108px
    }

    .stock-info-component .card-item span[data-v-9b4b0ad3] {
        line-height: 16px
    }

    .stock-info-component .card-item span[data-v-9b4b0ad3]:last-child {
        display: inline-block;
        margin: 0;
        text-align: right
    }
}

.plate-desc[data-v-9b4b0ad3] {
    margin-bottom: 15px
}

.plate-desc.no-content[data-v-9b4b0ad3] {
    margin-top: 0
}

.plate-desc[data-v-9b4b0ad3] .toggle-content-text {
    color: var(--color-text-main);
    font-size: 16px
}

[data-v-43303e14]:root {
    --font-size-6: 6px;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-20: 20px
}

.quote-black[data-v-43303e14] {
    --ct_text_h1: #e3e4e5;
    --ct_text_h2: #9b9b9e;
    --ct_text_h3: #7d7f83;
    --ct_text_disable: #535457;
    --ct_text_link: #4e7fce;
    --ct_text_highlight: #ea670c;
    --ct_text_highlight_hover: rgba(234, 103, 12, .08);
    --ct_text_green: #00a357;
    --ct_text_green_15: rgba(0, 163, 87, .15);
    --ct_text_green_50: rgba(0, 163, 87, .5);
    --ct_text_red: #e02d48;
    --ct_text_red_15: rgba(224, 45, 72, .15);
    --ct_text_red_50: rgba(224, 45, 72, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #fff;
    --ct_bg_reverse: #e3e4e5;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #181a1c;
    --ct_line_selected: #7d7f83;
    --ct_line_input: hsla(214, 3%, 43%, .25);
    --ct_bg_page1: #0f1112;
    --ct_bg_card1: #1d1f21;
    --ct_bg_overlay1: #2c2f33;
    --ct_bg_card2: #1d1f21;
    --ct_bg_overlay2: #2c2f33;
    --ct_bg_prominent: #363a40;
    --ct_bg_card1_80: rgba(29, 31, 33, .8);
    --ct_bg_card1_95: rgba(29, 31, 33, .95);
    --ct_bg_card1_50: rgba(29, 31, 33, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .5);
    --ct_popover_bg: #1d1f21;
    --ct_popover_text: #fff;
    --ct_bg_card1_gradient: linear-gradient(90deg, hsla(0, 0%, 5%, .5) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, hsla(0, 0%, 5%, .8) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #0f1112, rgba(15, 17, 18, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(15, 17, 18, 0), #0f1112);
    --ct_bg_page1_gradient3: linear-gradient(0deg, rgba(15, 17, 18, .5), rgba(15, 17, 18, .5));
    --ct_mask_bg: rgba(15, 17, 18, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #111924;
    --ct-option_bg_call_odd: #131f32;
    --ct-option_bg_put_odd: #141618;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_super_green: #016040;
    --cash_flow_pie_big_green: #00a357;
    --cash_flow_pie_mid_green: #03c484;
    --cash_flow_pie_sml_green: #03e69a;
    --cash_flow_pie_super_red: #9c1c2f;
    --cash_flow_pie_big_red: #e02d48;
    --cash_flow_pie_mid_red: #f8697f;
    --cash_flow_pie_sml_red: #ff92a2;
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_green);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_red);
    --ct_tabs_bg: #2c2f33;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #333;
    --ct-line-input-selected: #7d7f83;
    --ct_data_up: var(--ct_text_green);
    --ct_data_down: var(--ct_text_red);
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #1d1f21;
    --ct_open_account_card_close: hsla(204, 6%, 85%, .15);
    --mask-toolbar-watchlist: #9b9b9e;
    --mask-toolbar-watchlist-active: #e3e4e5;
    --premium-button-text: #702e00;
    --premium-button-bg: #f2cb8c;
    --premium-middlepage-close: #d6d9db;
    --premium-analysis-download-button: #f9d59c;
    --ct_feed_text_color: #dee4ed;
    --ui-input-caret: #0a67fc;
    --indicator-logo-bg: linear-gradient(94.85deg, #f9d59c 5.9%, #f9d59c 22.35%, #ffd18a 67.02%, #ffd38e 87.71%, #ffdeab 99.94%);
    --indicator-logo-text: #5f2700;
    --indicator-logo-border-image: linear-gradient(128.01deg, hsla(0, 0%, 100%, .62) 23.26%, rgba(255, 253, 252, 0) 55.1%, rgba(255, 251, 249, .61) 95.58%);
    --arrow_button: #c1baba;
    --arrow_disabled_button: #747474
}

.quote-white[data-v-43303e14] {
    --ct_text_h1: #0f1112;
    --ct_text_h2: #606266;
    --ct_text_h3: #909499;
    --ct_text_disable: #bbbdc0;
    --ct_text_link: #2b78f5;
    --ct_text_highlight: #f36f12;
    --ct_text_highlight_hover: rgba(243, 111, 18, .08);
    --ct_text_green: #00a870;
    --ct_text_green_15: rgba(0, 168, 112, .15);
    --ct_text_green_50: rgba(0, 168, 112, .5);
    --ct_text_red: #f03a55;
    --ct_text_red_15: rgba(240, 58, 85, .15);
    --ct_text_red_50: rgba(240, 58, 85, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #0f1112;
    --ct_bg_reverse: #2c2f33;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #f5f6f6;
    --ct_line_selected: #696c70;
    --ct_line_input: #e3e4e5;
    --ct-line-input-selected: #7d7f83;
    --ct_bg_page1: #fff;
    --ct_bg_card1: #f2f3f5;
    --ct_bg_overlay1: #e8eaed;
    --ct_bg_card2: #fff;
    --ct_bg_overlay2: #f2f3f5;
    --ct_bg_prominent: #fff;
    --ct_bg_card1_80: rgba(242, 243, 245, .8);
    --ct_bg_card1_95: rgba(242, 243, 245, .95);
    --ct_bg_card1_50: rgba(242, 243, 245, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .12);
    --ct_popover_bg: #fff;
    --ct_popover_text: #0f1112;
    --ct_bg_card1_gradient: linear-gradient(90deg, rgba(242, 243, 245, .5) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, .8) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #fff, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, 0), #fff);
    --ct_bg_page1_gradient3: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
    --ct_mask_bg: hsla(0, 0%, 100%, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #eff5ff;
    --ct-option_bg_call_odd: #e3eeff;
    --ct-option_bg_put_odd: #f8f9fa;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_big_green: #00a870;
    --cash_flow_pie_big_red: #f03a55;
    --ct_tabs_bg: #e8eaed;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #ebeced;
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #fff;
    --ct_open_account_card_close: rgba(29, 31, 33, .15);
    --mask-toolbar-watchlist: #606266;
    --mask-toolbar-watchlist-active: #0f1112;
    --premium-button-text: #f6d7a7;
    --premium-button-bg: #2c2f33;
    --premium-middlepage-close: #0c0c0d;
    --premium-analysis-download-button: #0f1112;
    --ct_feed_text_color: #3d3c3c;
    --indicator-logo-bg: #353a40;
    --indicator-logo-text: #ffe1b2;
    --indicator-logo-border-image: #353a40;
    --arrow_button: #000;
    --arrow_disabled_button: #c1baba
}

body[class*=reverse][data-v-43303e14] {
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_red);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_green);
    --ct_data_up: var(--ct_text_red);
    --ct_data_down: var(--ct_text_green)
}

.config-stock-info-card[data-v-43303e14] {
    --name-font-size: 18px;
    --name-line-height: 26px;
    --description-font-size: 14px;
    --description-line-height: 20px;
    --price-font-size: 16px;
    --price-line-height: 24px;
    --change-font-size: 14px;
    --change-ratio-font-size: 14px;
    --status-font-size: 12px;
    --status-line-height: 16px;
    --gap: 8px;
    --price-max-width: 260px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    position: relative
}

.config-stock-info-card[data-v-43303e14]:hover:after {
    background-color: var(--ct_bg_card1);
    border-radius: 8px;
    content: "";
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    position: absolute;
    z-index: -1
}

.config-stock-info-card .stock-top[data-v-43303e14] {
    align-items: center;
    display: flex;
    gap: var(--gap)
}

.config-stock-info-card .top-left[data-v-43303e14] {
    flex: 0 1 36px;
    position: relative
}

.config-stock-info-card .top-right[data-v-43303e14] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--gap);
    width: 0
}

.config-stock-info-card .top-right .price-main[data-v-43303e14] {
    display: none
}

.config-stock-info-card .stock-index[data-v-43303e14] {
    bottom: 0;
    position: absolute;
    right: 0
}

.config-stock-info-card .stock-logo[data-v-43303e14] {
    flex: 0 0 36px;
    height: 36px;
    width: 36px
}

.config-stock-info-card .stock-logo[data-v-43303e14] .img-text {
    font-size: 18px
}

.config-stock-info-card .stock-info-name[data-v-43303e14] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.config-stock-info-card .stock-info-name .left-info[data-v-43303e14] {
    flex: 1;
    min-width: 0
}

.config-stock-info-card .stock-info-name .code-name[data-v-43303e14] {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    min-width: 0
}

.config-stock-info-card .stock-info-name .stock-code[data-v-43303e14] {
    color: var(--ct_text_h1);
    font-size: var(--name-font-size);
    font-weight: 600;
    line-height: var(--name-line-height);
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.config-stock-info-card .stock-info-name .stock-name[data-v-43303e14] {
    color: var(--ct_text_h2);
    font-size: var(--description-font-size);
    line-height: var(--description-line-height);
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.config-stock-info-card .stock-info-name .stock-code[data-v-43303e14] {
    margin-right: 8px
}

.config-stock-info-card .stock-info-name .stock-name[data-v-43303e14] {
    flex: 1
}

.config-stock-info-card .stock-info-name .watch-btn[data-v-43303e14] {
    cursor: pointer
}

.config-stock-info-card .stock-info-name .watch-btn[data-v-43303e14]:hover {
    opacity: .8
}

.config-stock-info-card .stock-info-name .watch-btn.watched[data-v-43303e14] {
    align-items: center;
    background-color: var(--ct_bg_overlay1);
    border-radius: 4px;
    color: var(--ct_text_h3);
    display: flex;
    font-size: 14px;
    gap: 4px;
    justify-content: center;
    line-height: 20px;
    padding: 3px 8px;
    text-align: center;
    white-space: nowrap
}

.config-stock-info-card .stock-info-name .watch-btn.watched .icon[data-v-43303e14] {
    background-color: var(--ct_text_h3);
    height: 16px;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23909499' d='M13.8 3.867c-.267-.267-.7-.267-.933 0L6.4 10.4 3.133 7.2c-.266-.267-.7-.267-.933 0-.267.266-.267.7 0 .933L5.933 11.8c.134.133.3.2.467.2a.66.66 0 0 0 .467-.2l6.933-7a.644.644 0 0 0 0-.933'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 16px
}

.config-stock-info-card .stock-info-name .watch-btn.unwatched[data-v-43303e14] {
    align-items: center;
    background-color: var(--ct_text_highlight);
    border-radius: 4px;
    color: var(--ct_special_text_white);
    display: flex;
    font-size: 14px;
    gap: 4px;
    justify-content: center;
    line-height: 20px;
    padding: 3px 8px;
    text-align: center;
    white-space: nowrap
}

.config-stock-info-card .stock-info-name .watch-btn.unwatched .icon[data-v-43303e14] {
    background-color: var(--ct_special_text_white);
    height: 16px;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' d='M8 3v10M3 8h10'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 16px
}

.config-stock-info-card .stock-info-name .watch-btn.only-icon[data-v-43303e14] {
    background-color: transparent;
    padding: 0
}

.config-stock-info-card .stock-info-name .watch-btn.only-icon.watched .icon[data-v-43303e14] {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='24' height='24' fill='%23F2306B' rx='3'/%3E%3Cpath fill='%23fff' d='M8.4 5C5.97 5 4 6.897 4 9.237c0 4.237 5.2 8.867 8 9.763 2.8-.896 8-5.526 8-9.763C20 6.897 18.03 5 15.6 5A4.45 4.45 0 0 0 12 6.8 4.45 4.45 0 0 0 8.4 5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 100%;
    mask: none;
    width: 100%
}

.config-stock-info-card .stock-info-name .watch-btn.only-icon.unwatched .icon[data-v-43303e14] {
    background-color: var(--ct_text_h3);
    height: 100%;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23B1B2B5' stroke-linecap='round' stroke-linejoin='round' d='M15.6 4.5c-1.42 0-2.703.585-3.6 1.523A4.97 4.97 0 0 0 8.4 4.5c-2.688 0-4.9 2.103-4.9 4.737 0 2.306 1.401 4.64 3.082 6.472 1.684 1.837 3.754 3.283 5.266 3.767a.5.5 0 0 0 .304 0c1.512-.484 3.583-1.93 5.267-3.767 1.68-1.832 3.081-4.166 3.081-6.472 0-2.634-2.212-4.737-4.9-4.737'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 100%
}

.config-stock-info-card .stock-info-name .watch-btn .watch-icon[data-v-43303e14] {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.config-stock-info-card .stock-info-name .watch-btn .icon[data-v-43303e14] {
    background-size: 100%;
    display: inline-block
}

.config-stock-info-card .stock-description[data-v-43303e14] {
    color: var(--ct_text_h2);
    font-size: var(--description-font-size);
    line-height: var(--description-line-height);
    margin-top: 8px
}

.config-stock-info-card .stock-description p[data-v-43303e14] {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.config-stock-info-card .stock-info-price .price-list[data-v-43303e14] {
    align-items: center;
    column-gap: 24px;
    display: grid;
    grid-template-columns: [start] minmax(260px, 1fr) [line1] repeat(auto-fit, minmax(50px, 1fr)) [end];
    justify-content: space-between;
    row-gap: 4px
}

.config-stock-info-card .stock-info-price .fixed-column[data-v-43303e14] {
    grid-column: start/line1
}

.config-stock-info-card .stock-info-price .price-main[data-v-43303e14] {
    align-items: center;
    display: flex;
    width: var(--price-max-width)
}

.config-stock-info-card .stock-info-price .price-title[data-v-43303e14] {
    color: var(--ct_text_h2);
    font-size: var(--status-font-size);
    line-height: var(--status-line-height);
    white-space: nowrap
}

.config-stock-info-card .stock-info-price .price-status[data-v-43303e14] {
    color: var(--ct_text_h3);
    font-size: var(--status-font-size);
    line-height: var(--status-line-height)
}

.config-stock-info-card .stock-info-price .spark-chart[data-v-43303e14] {
    flex: 1;
    height: 40px
}

.config-stock-info-card .price[data-v-43303e14] {
    color: var(--ct_text_h1);
    font-size: var(--price-font-size);
    font-weight: 600;
    line-height: var(--price-line-height);
    margin-right: 8px
}

.config-stock-info-card .price[data-v-43303e14] .icon-direct-status {
    height: 12px;
    width: 12px
}

.config-stock-info-card .price-change[data-v-43303e14] {
    white-space: nowrap
}

.config-stock-info-card .change[data-v-43303e14] {
    font-size: var(--change-font-size);
    line-height: var(--price-line-height);
    margin-right: 8px
}

.config-stock-info-card .change-ratio[data-v-43303e14] {
    font-size: var(--change-ratio-font-size);
    line-height: var(--price-line-height)
}

.config-stock-info-card.small-stock-info-card .top-right .left-info .price-main[data-v-43303e14] {
    display: flex
}

.config-stock-info-card.small-stock-info-card .stock-main .price-list[data-v-43303e14] {
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr))
}

.config-stock-info-card.small-stock-info-card .stock-main .price-list .price-normal[data-v-43303e14] {
    display: none
}

@media screen and (max-width:768px) {
    .config-stock-info-card .top-right .left-info .price-main[data-v-43303e14] {
        display: flex
    }

    .config-stock-info-card .stock-main .price-list[data-v-43303e14] {
        grid-template-columns: repeat(auto-fit, minmax(50px, 1fr))
    }

    .config-stock-info-card .stock-main .price-list .price-normal[data-v-43303e14] {
        display: none
    }
}

@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)
}

.swiper-container-wrap[data-v-93b1475d] {
    padding: 0 82px
}

.swiper-container-wrap.h5-swiper[data-v-93b1475d] {
    padding: 0
}

.swiper-container-wrap.h5-swiper .swiper-button-next[data-v-93b1475d],
.swiper-container-wrap.h5-swiper .swiper-button-prev[data-v-93b1475d] {
    display: none !important
}

@media screen and (max-width:768px) {
    .swiper-container-wrap[data-v-93b1475d] {
        padding: 0
    }

    .swiper-container-wrap .swiper-button-next[data-v-93b1475d],
    .swiper-container-wrap .swiper-button-prev[data-v-93b1475d] {
        display: none !important
    }
}

.swiper-container-wrap .swiper-pagination[data-v-93b1475d] {
    bottom: -35px
}

.swiper-container-wrap .swiper-pagination[data-v-93b1475d] .swiper-pagination-bullet {
    background-color: #d8d8d8;
    height: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 10px
}

.swiper-container-wrap .swiper-pagination[data-v-93b1475d] .swiper-pagination-bullet-active {
    background: #ff6900
}

.swiper-container-wrap .swiper-button-prev[data-v-93b1475d] {
    border: 1px solid var(--arrow_button);
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 56px;
    justify-content: center;
    width: 56px
}

.swiper-container-wrap .swiper-button-prev[data-v-93b1475d]:after {
    content: none
}

.swiper-container-wrap .swiper-button-prev .mask[data-v-93b1475d] {
    background-color: var(--arrow_button);
    height: 20px;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='24' fill='none' viewBox='0 0 13 24'%3E%3Cpath stroke='%23C1BABA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.73 22.242 1.81 12.155 11.73 1.763'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='24' fill='none' viewBox='0 0 13 24'%3E%3Cpath stroke='%23C1BABA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.73 22.242 1.81 12.155 11.73 1.763'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    transform: rotate(180deg);
    width: 10px
}

.swiper-container-wrap .swiper-button-prev[data-v-93b1475d]:not(.disabled):hover {
    background-color: #ff6900;
    border-color: #ff6900
}

.swiper-container-wrap .swiper-button-prev:not(.disabled):hover .mask[data-v-93b1475d] {
    background-color: #fff
}

.swiper-container-wrap .swiper-button-prev.disabled[data-v-93b1475d] {
    border-color: var(--arrow_disabled_button)
}

.swiper-container-wrap .swiper-button-prev.disabled .mask[data-v-93b1475d] {
    background-color: var(--arrow_disabled_button)
}

.swiper-container-wrap .swiper-button-prev .mask[data-v-93b1475d] {
    transform: rotate(0)
}

.swiper-container-wrap .swiper-button-next[data-v-93b1475d] {
    border: 1px solid var(--arrow_button);
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 56px;
    justify-content: center;
    width: 56px
}

.swiper-container-wrap .swiper-button-next[data-v-93b1475d]:after {
    content: none
}

.swiper-container-wrap .swiper-button-next .mask[data-v-93b1475d] {
    background-color: var(--arrow_button);
    height: 20px;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='24' fill='none' viewBox='0 0 13 24'%3E%3Cpath stroke='%23C1BABA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.73 22.242 1.81 12.155 11.73 1.763'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='24' fill='none' viewBox='0 0 13 24'%3E%3Cpath stroke='%23C1BABA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.73 22.242 1.81 12.155 11.73 1.763'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    transform: rotate(180deg);
    width: 10px
}

.swiper-container-wrap .swiper-button-next[data-v-93b1475d]:not(.disabled):hover {
    background-color: #ff6900;
    border-color: #ff6900
}

.swiper-container-wrap .swiper-button-next:not(.disabled):hover .mask[data-v-93b1475d] {
    background-color: #fff
}

.swiper-container-wrap .swiper-button-next.disabled[data-v-93b1475d] {
    border-color: var(--arrow_disabled_button)
}

.swiper-container-wrap .swiper-button-next.disabled .mask[data-v-93b1475d] {
    background-color: var(--arrow_disabled_button)
}

[data-v-67ed2d6b]:root {
    --font-size-6: 6px;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-20: 20px
}

.quote-black[data-v-67ed2d6b] {
    --ct_text_h1: #e3e4e5;
    --ct_text_h2: #9b9b9e;
    --ct_text_h3: #7d7f83;
    --ct_text_disable: #535457;
    --ct_text_link: #4e7fce;
    --ct_text_highlight: #ea670c;
    --ct_text_highlight_hover: rgba(234, 103, 12, .08);
    --ct_text_green: #00a357;
    --ct_text_green_15: rgba(0, 163, 87, .15);
    --ct_text_green_50: rgba(0, 163, 87, .5);
    --ct_text_red: #e02d48;
    --ct_text_red_15: rgba(224, 45, 72, .15);
    --ct_text_red_50: rgba(224, 45, 72, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #fff;
    --ct_bg_reverse: #e3e4e5;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #181a1c;
    --ct_line_selected: #7d7f83;
    --ct_line_input: hsla(214, 3%, 43%, .25);
    --ct_bg_page1: #0f1112;
    --ct_bg_card1: #1d1f21;
    --ct_bg_overlay1: #2c2f33;
    --ct_bg_card2: #1d1f21;
    --ct_bg_overlay2: #2c2f33;
    --ct_bg_prominent: #363a40;
    --ct_bg_card1_80: rgba(29, 31, 33, .8);
    --ct_bg_card1_95: rgba(29, 31, 33, .95);
    --ct_bg_card1_50: rgba(29, 31, 33, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .5);
    --ct_popover_bg: #1d1f21;
    --ct_popover_text: #fff;
    --ct_bg_card1_gradient: linear-gradient(90deg, hsla(0, 0%, 5%, .5) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, hsla(0, 0%, 5%, .8) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #0f1112, rgba(15, 17, 18, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(15, 17, 18, 0), #0f1112);
    --ct_bg_page1_gradient3: linear-gradient(0deg, rgba(15, 17, 18, .5), rgba(15, 17, 18, .5));
    --ct_mask_bg: rgba(15, 17, 18, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #111924;
    --ct-option_bg_call_odd: #131f32;
    --ct-option_bg_put_odd: #141618;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_super_green: #016040;
    --cash_flow_pie_big_green: #00a357;
    --cash_flow_pie_mid_green: #03c484;
    --cash_flow_pie_sml_green: #03e69a;
    --cash_flow_pie_super_red: #9c1c2f;
    --cash_flow_pie_big_red: #e02d48;
    --cash_flow_pie_mid_red: #f8697f;
    --cash_flow_pie_sml_red: #ff92a2;
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_green);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_red);
    --ct_tabs_bg: #2c2f33;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #333;
    --ct-line-input-selected: #7d7f83;
    --ct_data_up: var(--ct_text_green);
    --ct_data_down: var(--ct_text_red);
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #1d1f21;
    --ct_open_account_card_close: hsla(204, 6%, 85%, .15);
    --mask-toolbar-watchlist: #9b9b9e;
    --mask-toolbar-watchlist-active: #e3e4e5;
    --premium-button-text: #702e00;
    --premium-button-bg: #f2cb8c;
    --premium-middlepage-close: #d6d9db;
    --premium-analysis-download-button: #f9d59c;
    --ct_feed_text_color: #dee4ed;
    --ui-input-caret: #0a67fc;
    --indicator-logo-bg: linear-gradient(94.85deg, #f9d59c 5.9%, #f9d59c 22.35%, #ffd18a 67.02%, #ffd38e 87.71%, #ffdeab 99.94%);
    --indicator-logo-text: #5f2700;
    --indicator-logo-border-image: linear-gradient(128.01deg, hsla(0, 0%, 100%, .62) 23.26%, rgba(255, 253, 252, 0) 55.1%, rgba(255, 251, 249, .61) 95.58%);
    --arrow_button: #c1baba;
    --arrow_disabled_button: #747474
}

.quote-white[data-v-67ed2d6b] {
    --ct_text_h1: #0f1112;
    --ct_text_h2: #606266;
    --ct_text_h3: #909499;
    --ct_text_disable: #bbbdc0;
    --ct_text_link: #2b78f5;
    --ct_text_highlight: #f36f12;
    --ct_text_highlight_hover: rgba(243, 111, 18, .08);
    --ct_text_green: #00a870;
    --ct_text_green_15: rgba(0, 168, 112, .15);
    --ct_text_green_50: rgba(0, 168, 112, .5);
    --ct_text_red: #f03a55;
    --ct_text_red_15: rgba(240, 58, 85, .15);
    --ct_text_red_50: rgba(240, 58, 85, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #0f1112;
    --ct_bg_reverse: #2c2f33;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #f5f6f6;
    --ct_line_selected: #696c70;
    --ct_line_input: #e3e4e5;
    --ct-line-input-selected: #7d7f83;
    --ct_bg_page1: #fff;
    --ct_bg_card1: #f2f3f5;
    --ct_bg_overlay1: #e8eaed;
    --ct_bg_card2: #fff;
    --ct_bg_overlay2: #f2f3f5;
    --ct_bg_prominent: #fff;
    --ct_bg_card1_80: rgba(242, 243, 245, .8);
    --ct_bg_card1_95: rgba(242, 243, 245, .95);
    --ct_bg_card1_50: rgba(242, 243, 245, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .12);
    --ct_popover_bg: #fff;
    --ct_popover_text: #0f1112;
    --ct_bg_card1_gradient: linear-gradient(90deg, rgba(242, 243, 245, .5) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, .8) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #fff, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, 0), #fff);
    --ct_bg_page1_gradient3: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
    --ct_mask_bg: hsla(0, 0%, 100%, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #eff5ff;
    --ct-option_bg_call_odd: #e3eeff;
    --ct-option_bg_put_odd: #f8f9fa;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_big_green: #00a870;
    --cash_flow_pie_big_red: #f03a55;
    --ct_tabs_bg: #e8eaed;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #ebeced;
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #fff;
    --ct_open_account_card_close: rgba(29, 31, 33, .15);
    --mask-toolbar-watchlist: #606266;
    --mask-toolbar-watchlist-active: #0f1112;
    --premium-button-text: #f6d7a7;
    --premium-button-bg: #2c2f33;
    --premium-middlepage-close: #0c0c0d;
    --premium-analysis-download-button: #0f1112;
    --ct_feed_text_color: #3d3c3c;
    --indicator-logo-bg: #353a40;
    --indicator-logo-text: #ffe1b2;
    --indicator-logo-border-image: #353a40;
    --arrow_button: #000;
    --arrow_disabled_button: #c1baba
}

body[class*=reverse][data-v-67ed2d6b] {
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_red);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_green);
    --ct_data_up: var(--ct_text_red);
    --ct_data_down: var(--ct_text_green)
}

.swiper-stock-list[data-v-67ed2d6b] {
    position: relative
}

.swiper-stock-list .stock-item[data-v-67ed2d6b] {
    border: 1px solid var(--ct_line_separator);
    border-radius: 8px;
    padding: 16px;
    position: relative;
    transform: translateZ(0);
    will-change: transform
}

.swiper-stock-list .stock-item .mask-card[data-v-67ed2d6b] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9
}

.scroll-slide[data-v-cf3dcd3d] {
    background-color: var(--ct_bg_page1);
    height: 6px;
    padding-bottom: 8px;
    pointer-events: auto;
    position: sticky;
    width: 100%;
    z-index: 3
}

.scroll-slide:hover .scroll-x-bar[data-v-cf3dcd3d] {
    background-color: var(--ct_text_disable)
}

.scroll-slide .scroll-x-bar[data-v-cf3dcd3d] {
    background-color: var(--ct_bg_overlay1);
    border-radius: 4px;
    cursor: pointer;
    height: 6px;
    position: relative;
    top: 0;
    -webkit-user-select: none;
    user-select: none
}

.scroll-slide .scroll-x-bar.enter[data-v-cf3dcd3d] {
    background-color: var(--ct_text_disable)
}

.scroll-slide .scroll-x-bar.drag[data-v-cf3dcd3d],
.scroll-slide .scroll-x-bar[data-v-cf3dcd3d]:hover {
    background-color: var(--ct_text_h3)
}

[data-v-e9a458fb]:root {
    --font-size-6: 6px;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-20: 20px
}

.quote-black[data-v-e9a458fb] {
    --ct_text_h1: #e3e4e5;
    --ct_text_h2: #9b9b9e;
    --ct_text_h3: #7d7f83;
    --ct_text_disable: #535457;
    --ct_text_link: #4e7fce;
    --ct_text_highlight: #ea670c;
    --ct_text_highlight_hover: rgba(234, 103, 12, .08);
    --ct_text_green: #00a357;
    --ct_text_green_15: rgba(0, 163, 87, .15);
    --ct_text_green_50: rgba(0, 163, 87, .5);
    --ct_text_red: #e02d48;
    --ct_text_red_15: rgba(224, 45, 72, .15);
    --ct_text_red_50: rgba(224, 45, 72, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #fff;
    --ct_bg_reverse: #e3e4e5;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #181a1c;
    --ct_line_selected: #7d7f83;
    --ct_line_input: hsla(214, 3%, 43%, .25);
    --ct_bg_page1: #0f1112;
    --ct_bg_card1: #1d1f21;
    --ct_bg_overlay1: #2c2f33;
    --ct_bg_card2: #1d1f21;
    --ct_bg_overlay2: #2c2f33;
    --ct_bg_prominent: #363a40;
    --ct_bg_card1_80: rgba(29, 31, 33, .8);
    --ct_bg_card1_95: rgba(29, 31, 33, .95);
    --ct_bg_card1_50: rgba(29, 31, 33, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .5);
    --ct_popover_bg: #1d1f21;
    --ct_popover_text: #fff;
    --ct_bg_card1_gradient: linear-gradient(90deg, hsla(0, 0%, 5%, .5) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, hsla(0, 0%, 5%, .8) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #0f1112, rgba(15, 17, 18, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(15, 17, 18, 0), #0f1112);
    --ct_bg_page1_gradient3: linear-gradient(0deg, rgba(15, 17, 18, .5), rgba(15, 17, 18, .5));
    --ct_mask_bg: rgba(15, 17, 18, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #111924;
    --ct-option_bg_call_odd: #131f32;
    --ct-option_bg_put_odd: #141618;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_super_green: #016040;
    --cash_flow_pie_big_green: #00a357;
    --cash_flow_pie_mid_green: #03c484;
    --cash_flow_pie_sml_green: #03e69a;
    --cash_flow_pie_super_red: #9c1c2f;
    --cash_flow_pie_big_red: #e02d48;
    --cash_flow_pie_mid_red: #f8697f;
    --cash_flow_pie_sml_red: #ff92a2;
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_green);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_red);
    --ct_tabs_bg: #2c2f33;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #333;
    --ct-line-input-selected: #7d7f83;
    --ct_data_up: var(--ct_text_green);
    --ct_data_down: var(--ct_text_red);
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #1d1f21;
    --ct_open_account_card_close: hsla(204, 6%, 85%, .15);
    --mask-toolbar-watchlist: #9b9b9e;
    --mask-toolbar-watchlist-active: #e3e4e5;
    --premium-button-text: #702e00;
    --premium-button-bg: #f2cb8c;
    --premium-middlepage-close: #d6d9db;
    --premium-analysis-download-button: #f9d59c;
    --ct_feed_text_color: #dee4ed;
    --ui-input-caret: #0a67fc;
    --indicator-logo-bg: linear-gradient(94.85deg, #f9d59c 5.9%, #f9d59c 22.35%, #ffd18a 67.02%, #ffd38e 87.71%, #ffdeab 99.94%);
    --indicator-logo-text: #5f2700;
    --indicator-logo-border-image: linear-gradient(128.01deg, hsla(0, 0%, 100%, .62) 23.26%, rgba(255, 253, 252, 0) 55.1%, rgba(255, 251, 249, .61) 95.58%);
    --arrow_button: #c1baba;
    --arrow_disabled_button: #747474
}

.quote-white[data-v-e9a458fb] {
    --ct_text_h1: #0f1112;
    --ct_text_h2: #606266;
    --ct_text_h3: #909499;
    --ct_text_disable: #bbbdc0;
    --ct_text_link: #2b78f5;
    --ct_text_highlight: #f36f12;
    --ct_text_highlight_hover: rgba(243, 111, 18, .08);
    --ct_text_green: #00a870;
    --ct_text_green_15: rgba(0, 168, 112, .15);
    --ct_text_green_50: rgba(0, 168, 112, .5);
    --ct_text_red: #f03a55;
    --ct_text_red_15: rgba(240, 58, 85, .15);
    --ct_text_red_50: rgba(240, 58, 85, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #0f1112;
    --ct_bg_reverse: #2c2f33;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #f5f6f6;
    --ct_line_selected: #696c70;
    --ct_line_input: #e3e4e5;
    --ct-line-input-selected: #7d7f83;
    --ct_bg_page1: #fff;
    --ct_bg_card1: #f2f3f5;
    --ct_bg_overlay1: #e8eaed;
    --ct_bg_card2: #fff;
    --ct_bg_overlay2: #f2f3f5;
    --ct_bg_prominent: #fff;
    --ct_bg_card1_80: rgba(242, 243, 245, .8);
    --ct_bg_card1_95: rgba(242, 243, 245, .95);
    --ct_bg_card1_50: rgba(242, 243, 245, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .12);
    --ct_popover_bg: #fff;
    --ct_popover_text: #0f1112;
    --ct_bg_card1_gradient: linear-gradient(90deg, rgba(242, 243, 245, .5) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, .8) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #fff, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, 0), #fff);
    --ct_bg_page1_gradient3: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
    --ct_mask_bg: hsla(0, 0%, 100%, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #eff5ff;
    --ct-option_bg_call_odd: #e3eeff;
    --ct-option_bg_put_odd: #f8f9fa;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_big_green: #00a870;
    --cash_flow_pie_big_red: #f03a55;
    --ct_tabs_bg: #e8eaed;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #ebeced;
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #fff;
    --ct_open_account_card_close: rgba(29, 31, 33, .15);
    --mask-toolbar-watchlist: #606266;
    --mask-toolbar-watchlist-active: #0f1112;
    --premium-button-text: #f6d7a7;
    --premium-button-bg: #2c2f33;
    --premium-middlepage-close: #0c0c0d;
    --premium-analysis-download-button: #0f1112;
    --ct_feed_text_color: #3d3c3c;
    --indicator-logo-bg: #353a40;
    --indicator-logo-text: #ffe1b2;
    --indicator-logo-border-image: #353a40;
    --arrow_button: #000;
    --arrow_disabled_button: #c1baba
}

body[class*=reverse][data-v-e9a458fb] {
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_red);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_green);
    --ct_data_up: var(--ct_text_red);
    --ct_data_down: var(--ct_text_green)
}

.quote [data-v-e9a458fb] {
    box-sizing: border-box;
    font-weight: inherit
}

.quote a[data-v-e9a458fb] {
    color: var(--ct_text_h1);
    text-decoration: none
}

.quote .direct-up[data-v-e9a458fb] {
    color: var(--ct_text_green)
}

.quote .direct-bg-up[data-v-e9a458fb] {
    background-color: var(--ct_text_green)
}

.quote .direct-down[data-v-e9a458fb] {
    color: var(--ct_text_red)
}

.quote .direct-bg-down[data-v-e9a458fb] {
    background-color: var(--ct_text_red)
}

.quote .direct-flat[data-v-e9a458fb] {
    color: var(--ct_text_stable)
}

.quote .direct-bg-flat[data-v-e9a458fb] {
    background-color: var(--ct_text_stable)
}

.quote .reverse .direct-up[data-v-e9a458fb] {
    color: var(--ct_text_red)
}

.quote .reverse .direct-bg-up[data-v-e9a458fb] {
    background-color: var(--ct_text_red)
}

.quote .reverse .direct-down[data-v-e9a458fb] {
    color: var(--ct_text_green)
}

.quote .reverse .direct-bg-down[data-v-e9a458fb] {
    background-color: var(--ct_text_green)
}

.quote .pink .direct-up[data-v-e9a458fb] {
    color: var(--ct_text_color_blindness_pink)
}

.quote .pink .direct-bg-up[data-v-e9a458fb] {
    background-color: var(--ct_text_color_blindness_pink)
}

.quote .pink .direct-down[data-v-e9a458fb] {
    color: var(--ct_text_color_blindness_green)
}

.quote .pink .direct-bg-down[data-v-e9a458fb] {
    background-color: var(--ct_text_color_blindness_green)
}

.quote .reverse-pink .direct-up[data-v-e9a458fb] {
    color: var(--ct_text_color_blindness_green)
}

.quote .reverse-pink .direct-bg-up[data-v-e9a458fb] {
    background-color: var(--ct_text_color_blindness_green)
}

.quote .reverse-pink .direct-down[data-v-e9a458fb] {
    color: var(--ct_text_color_blindness_pink)
}

.quote .reverse-pink .direct-bg-down[data-v-e9a458fb] {
    background-color: var(--ct_text_color_blindness_pink)
}

.quote .unwatched[data-v-e9a458fb] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23B1B2B5' stroke-linecap='round' stroke-linejoin='round' d='M15.6 4.5c-1.42 0-2.703.585-3.6 1.523A4.97 4.97 0 0 0 8.4 4.5c-2.688 0-4.9 2.103-4.9 4.737 0 2.306 1.401 4.64 3.082 6.472 1.684 1.837 3.754 3.283 5.266 3.767a.5.5 0 0 0 .304 0c1.512-.484 3.583-1.93 5.267-3.767 1.68-1.832 3.081-4.166 3.081-6.472 0-2.634-2.212-4.737-4.9-4.737'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.quote .watched[data-v-e9a458fb] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='24' height='24' fill='%23F2306B' rx='3'/%3E%3Cpath fill='%23fff' d='M8.4 5C5.97 5 4 6.897 4 9.237c0 4.237 5.2 8.867 8 9.763 2.8-.896 8-5.526 8-9.763C20 6.897 18.03 5 15.6 5A4.45 4.45 0 0 0 12 6.8 4.45 4.45 0 0 0 8.4 5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.quote .arrow-single-right[data-v-e9a458fb] {
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' fill='none' viewBox='0 0 7 12'%3E%3Cpath stroke='%23B1B2B5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M1 1.5 6 6l-5 4.5'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.quote .paper-trade-icon[data-v-e9a458fb] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23B1B2B5' stroke-linecap='round' stroke-linejoin='round' d='M18.07 4C19.688 4 21 5.355 21 7.027v10.995C21 19.114 20.142 20 19.085 20c-1.133 0-2.128-.778-2.436-1.904L16 16H8l-.648 2.096C7.043 19.222 6.048 20 4.915 20 3.858 20 3 19.114 3 18.021V7.027C3 5.355 4.312 4 5.93 4z' clip-rule='evenodd'/%3E%3Cpath stroke='%23B1B2B5' stroke-linecap='round' stroke-linejoin='round' d='M16 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4M6 10h4M8 8v4'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.quote .time-delay-icon[data-v-e9a458fb] {
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg stroke='%23B1B2B5' stroke-linejoin='round' stroke-width='1.333' clip-path='url(%23a)'%3E%3Cpath d='M8 14.4A6.4 6.4 0 1 0 8 1.6a6.4 6.4 0 0 0 0 12.8Z'/%3E%3Cpath stroke-linecap='round' d='M8 4v4l3.2 2.4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.quote .ellipsis[data-v-e9a458fb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.quote .ellipsis-2[data-v-e9a458fb] {
    -webkit-line-clamp: 2
}

.quote .ellipsis-2[data-v-e9a458fb],
.quote .ellipsis-3[data-v-e9a458fb] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.quote .ellipsis-3[data-v-e9a458fb] {
    -webkit-line-clamp: 3
}

.quote .scroll-x-bar--default[data-v-e9a458fb] {
    overflow-x: auto;
    scrollbar-color: var(--ct_bg_overlay1) var(--ct_bg_page1);
    scrollbar-width: 8px
}

.quote .scroll-x-bar--default[data-v-e9a458fb]::-webkit-scrollbar {
    height: 8px
}

.quote .scroll-x-bar--default[data-v-e9a458fb]::-webkit-scrollbar-button {
    display: none
}

.quote .scroll-x-bar--default[data-v-e9a458fb]::-webkit-scrollbar-thumb {
    background-color: var(--ct_bg_overlay1);
    border-radius: 4px
}

.quote .scroll-x-bar--default[data-v-e9a458fb]::-webkit-scrollbar-track {
    background: var(--ct_bg_page1)
}

.quote .scroll-y-bar--default[data-v-e9a458fb] {
    overflow-y: auto;
    scrollbar-color: var(--ct_bg_overlay1) var(--ct_bg_page1);
    scrollbar-width: 8px;
    scrollbar-width: 15px
}

.quote .scroll-y-bar--default[data-v-e9a458fb]::-webkit-scrollbar {
    height: 8px
}

.quote .scroll-y-bar--default[data-v-e9a458fb]::-webkit-scrollbar-button {
    display: none
}

.quote .scroll-y-bar--default[data-v-e9a458fb]::-webkit-scrollbar-thumb {
    background-color: var(--ct_bg_overlay1);
    border-radius: 4px
}

.quote .scroll-y-bar--default[data-v-e9a458fb]::-webkit-scrollbar-track {
    background: var(--ct_bg_page1)
}

.quote .scroll-y-bar--default[data-v-e9a458fb]::-webkit-scrollbar {
    width: 8px
}

.quote .cursor-pointer[data-v-e9a458fb] {
    cursor: pointer
}

.quote .display-flex[data-v-e9a458fb] {
    display: flex
}

.quote .broswer-scroll-bar-hide[data-v-e9a458fb]::-webkit-scrollbar {
    height: 0;
    width: 0
}

.quote .broswer-scroll-bar-hide[data-v-e9a458fb]::-webkit-scrollbar-thumb {
    background: transparent
}

.quote .broswer-scroll-bar-hide[data-v-e9a458fb]::-webkit-scrollbar-track {
    opacity: 0
}

.quote .stop-scroll[data-v-e9a458fb] {
    overflow: hidden
}

.quote.quote-white .unwatched[data-v-e9a458fb] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23606266' stroke-linecap='round' stroke-linejoin='round' d='M15.6 4.5c-1.42 0-2.703.585-3.6 1.523A4.97 4.97 0 0 0 8.4 4.5c-2.688 0-4.9 2.103-4.9 4.737 0 2.306 1.401 4.64 3.082 6.472 1.684 1.837 3.754 3.283 5.266 3.767a.5.5 0 0 0 .304 0c1.512-.484 3.583-1.93 5.267-3.767 1.68-1.832 3.081-4.166 3.081-6.472 0-2.634-2.212-4.737-4.9-4.737'/%3E%3C/svg%3E")
}

.quote.quote-white .paper-trade-icon[data-v-e9a458fb] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg stroke='%23606266' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M20.5 11.795v6.227q0 0 0 0c0 .832-.649 1.478-1.415 1.478-.898 0-1.703-.617-1.954-1.536l-.004-.016-.65-2.096A.5.5 0 0 0 16 15.5H8a.5.5 0 0 0-.478.352l-.648 2.096-.005.016c-.251.918-1.056 1.536-1.954 1.536-.766 0-1.415-.647-1.415-1.479V7.027C3.5 5.616 4.603 4.5 5.93 4.5h12.14c1.327 0 2.43 1.116 2.43 2.527v4.768'/%3E%3Cpath d='M16 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4M6 10h4M8 8v4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.quote .premium-button[data-v-e9a458fb] {
    align-items: center;
    background: var(--premium-button-bg);
    border-radius: 8px;
    color: var(--premium-button-text);
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 36px;
    justify-content: center;
    width: 160px
}

.quote .premium-button[data-v-e9a458fb]:hover {
    opacity: .8
}

.quote .premium-button.dark[data-v-e9a458fb] {
    background: #f2cb8c;
    color: #702e00
}

.quote .premium-button.mobile[data-v-e9a458fb] {
    font-size: 12px;
    font-weight: 600;
    height: 24px;
    width: 91px
}

.quote .premium-button.mobile[data-v-e9a458fb]:hover {
    opacity: .8
}

.quote .premium-logo-dark.mobile[data-v-e9a458fb],
.quote .premium-logo-white.mobile[data-v-e9a458fb],
.quote .premium-logo.mobile[data-v-e9a458fb] {
    background-size: contain;
    border-radius: 1.5px;
    height: 9px;
    width: 30px
}

.quote .quote-product-page[data-v-e9a458fb] {
    padding: 36px 36px 72px
}

.quote .quote-product-page h1[data-v-e9a458fb] {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    margin-bottom: 36px
}

.quote .quote-primary-button[data-v-e9a458fb] {
    background-color: var(--ct_bg_reverse);
    border-radius: 8px;
    color: var(--ct_bg_page1);
    cursor: pointer;
    display: inline-block;
    padding: 5px 16px;
    text-align: center;
    white-space: nowrap
}

.quote .quote-primary-button[data-v-e9a458fb]:hover {
    opacity: .6
}

.quote .quote-primary-button[data-v-e9a458fb]:active {
    opacity: .8
}

.quote .quote-primary-button.disabled[data-v-e9a458fb] {
    cursor: not-allowed;
    opacity: .3
}

.quote .quote-ghost-button[data-v-e9a458fb] {
    border: 1px solid var(--ct-line-input-selected);
    border-radius: 8px;
    color: var(--ct_bg_page1);
    color: var(--ct_text_h1);
    cursor: pointer;
    display: inline-block;
    padding: 5px 16px;
    text-align: center;
    white-space: nowrap
}

.quote .quote-ghost-button[data-v-e9a458fb]:hover {
    opacity: .6
}

.quote .quote-ghost-button[data-v-e9a458fb]:active {
    opacity: .8
}

.quote .quote-ghost-button.disabled[data-v-e9a458fb] {
    cursor: not-allowed;
    opacity: .3
}

.quote .quote-cta-button[data-v-e9a458fb] {
    background-color: var(--ct_text_highlight);
    border-radius: 8px;
    color: var(--ct_bg_page1);
    color: var(--ct_special_text_white);
    cursor: pointer;
    display: inline-block;
    padding: 5px 16px;
    text-align: center;
    white-space: nowrap
}

.quote .quote-cta-button[data-v-e9a458fb]:hover {
    opacity: .6
}

.quote .quote-cta-button[data-v-e9a458fb]:active {
    opacity: .8
}

.quote .quote-cta-button.disabled[data-v-e9a458fb] {
    cursor: not-allowed;
    opacity: .3
}

.quote .quote-input-box[data-v-e9a458fb] {
    height: 30px;
    min-width: 20px;
    position: relative
}

.quote .quote-input-box .ui-input[data-v-e9a458fb] {
    background-color: transparent;
    border-color: var(--ct_text_disable);
    border-radius: 8px;
    font-size: var(--font-size-14);
    left: 0;
    position: absolute;
    top: 0
}

.quote .quote-input-box .ui-input[data-v-e9a458fb]:hover {
    border-color: var(--ct-line-input-selected);
    opacity: .6
}

.quote .quote-input-box .ui-input.ui-hairline--surround.ui-focus[data-v-e9a458fb] {
    border-color: var(--ct_text_h1);
    opacity: 1
}

.quote .quote-input-box input[data-v-e9a458fb] {
    background-color: transparent;
    caret-color: var(--ui-input-caret);
    font-family: var(--mm-font-regular);
    font-size: var(--font-size-14)
}

.quote .quote-input-box input[data-v-e9a458fb]::placeholder {
    color: var(--ct_text_h3)
}

.quote .quote-input-box .ui-input-text[data-v-e9a458fb] {
    height: 30px;
    padding: 5px 8px 5px 12px
}

.quote .quote-input-box .ui-input-suffix[data-v-e9a458fb] {
    padding-top: 2px
}

.quote a.quote-link[data-v-e9a458fb] {
    color: var(--ct_text_link)
}

.quote a.quote-link[data-v-e9a458fb]:hover {
    color: var(--ct_text_link);
    text-decoration: underline
}

.quote .quote-nav-tab-30[data-v-e9a458fb] {
    border: 1px solid var(--ct_line_input);
    border-radius: 8px;
    color: var(--ct_text_h2);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 20px;
    padding: 5px 12px;
    text-align: center;
    white-space: nowrap
}

.quote .quote-nav-tab-30.active[data-v-e9a458fb],
.quote .quote-nav-tab-30[data-v-e9a458fb]:hover {
    border-color: var(--ct_line_input_selected);
    color: var(--ct_text_h1)
}

.quote .quote-nav-tab-30.disable[data-v-e9a458fb] {
    cursor: not-allowed;
    opacity: .35
}

.quote .quote-nav-tab-36[data-v-e9a458fb] {
    border: 1px solid var(--ct_line_input);
    border-radius: 8px;
    color: var(--ct_text_h2);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 24px;
    padding: 6px 12px;
    text-align: center;
    white-space: nowrap
}

.quote .quote-nav-tab-36.active[data-v-e9a458fb],
.quote .quote-nav-tab-36[data-v-e9a458fb]:hover {
    border-color: var(--ct_line_input_selected);
    color: var(--ct_text_h1)
}

.quote .quote-nav-tab-36.disable[data-v-e9a458fb] {
    cursor: not-allowed;
    opacity: .35
}

.quote .quote-nav-tab-26[data-v-e9a458fb] {
    border: 1px solid var(--ct_line_input);
    border-radius: 8px;
    color: var(--ct_text_h2);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 16px;
    padding: 5px 12px;
    text-align: center;
    white-space: nowrap
}

.quote .quote-nav-tab-26.active[data-v-e9a458fb],
.quote .quote-nav-tab-26[data-v-e9a458fb]:hover {
    border-color: var(--ct_line_input_selected);
    color: var(--ct_text_h1)
}

.quote .quote-nav-tab-26.disable[data-v-e9a458fb] {
    cursor: not-allowed;
    opacity: .35
}

.content-head[data-v-e9a458fb],
.scrollbar-sticky[data-v-e9a458fb] {
    position: sticky;
    z-index: 23
}

.content-head[data-v-e9a458fb] {
    overflow: auto;
    width: 100%
}

.middle[data-v-e9a458fb] {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: space-around
}

.list-head[data-v-e9a458fb],
.list-item[data-v-e9a458fb] {
    align-items: center;
    background-color: var(--ct-option_bg_put_odd);
    color: var(--ct_text_h2);
    cursor: default;
    display: flex;
    flex-wrap: nowrap;
    font-size: 12px;
    height: 28px;
    min-width: 100%;
    width: fit-content
}

.list-item[data-v-e9a458fb] {
    color: var(--ct_text_h1);
    cursor: pointer;
    font-size: 16px;
    height: 60px
}

.list-item .fix-left[data-v-e9a458fb],
.list-item .fix-right[data-v-e9a458fb],
.list-item[data-v-e9a458fb] {
    background-color: var(--ct_bg_page1)
}

.list-item:hover .fix-left[data-v-e9a458fb],
.list-item:hover .fix-right[data-v-e9a458fb],
.list-item[data-v-e9a458fb]:hover {
    background-color: var(--ct_bg_card1)
}

.fix-left[data-v-e9a458fb],
.fix-right[data-v-e9a458fb] {
    align-items: center;
    background-color: var(--ct-option_bg_put_odd);
    display: flex;
    height: 100%;
    position: sticky;
    z-index: 9
}

.fix-left[data-v-e9a458fb] {
    left: 0
}

.fix-right[data-v-e9a458fb] {
    cursor: default;
    right: 0
}

.order[data-v-e9a458fb] {
    padding: 0 16px;
    width: 78px
}

.code[data-v-e9a458fb] {
    width: 138px
}

.name[data-v-e9a458fb] {
    width: 192px
}

.value[data-v-e9a458fb] {
    text-align: right;
    white-space: nowrap;
    width: 170px
}

.trade[data-v-e9a458fb],
.watch[data-v-e9a458fb] {
    align-items: center;
    cursor: default;
    display: flex;
    justify-content: center;
    padding: 0 16px;
    text-align: center;
    white-space: nowrap;
    width: 99px
}

.trade[data-v-e9a458fb] {
    height: 100%;
    width: 113px
}

.trade a[data-v-e9a458fb] {
    align-items: center;
    cursor: default;
    display: flex;
    justify-content: center;
    width: 100%
}

.icon[data-v-e9a458fb] {
    background-size: 100%;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    width: 24px
}

.icon[data-v-e9a458fb]:hover {
    background-color: var(--ct_bg_overlay1)
}

.watch-loading[data-v-e9a458fb] {
    animation: roteta-e9a458fb 1s linear infinite;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M11 2.6a8.4 8.4 0 0 0 0 16.8v2.4C5.035 21.8.2 16.965.2 11S5.036.2 11 .2h.033H11z' clip-rule='evenodd'/%3E%3Cpath fill='url(%23b)' fill-rule='evenodd' d='M11 21.8c5.965 0 10.8-4.835 10.8-10.8S16.965.2 11 .2v2.4a8.4 8.4 0 1 1 0 16.8z' clip-rule='evenodd'/%3E%3Ccircle cx='11' cy='20.6' r='1.2' fill='url(%23c)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='6.218' x2='6.218' y1='21.8' y2='2' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A7A7A' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%237A7A7A' stop-opacity='.5'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='17' x2='17' y1='21.8' y2='2' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A7A7A'/%3E%3Cstop offset='1' stop-color='%237A7A7A' stop-opacity='.5'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='11' x2='12.2' y1='20.6' y2='20.6' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237A7A7A'/%3E%3Cstop offset='1' stop-color='%237A7A7A' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 100% no-repeat
}

@keyframes roteta-e9a458fb {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.content-main[data-v-e9a458fb] {
    overflow: auto;
    width: 100%
}

.content-main[data-v-e9a458fb]::-webkit-scrollbar {
    display: none;
    width: 0
}

.content-main .code[data-v-e9a458fb] {
    font-size: 16px
}

.no-start .fix-left[data-v-e9a458fb]:after {
    right: -16px
}

.no-end .fix-right[data-v-e9a458fb]:after,
.no-start .fix-left[data-v-e9a458fb]:after {
    background: var(--ct_bg_card1_gradient);
    content: "";
    display: inline-block;
    height: 100%;
    position: absolute;
    width: 16px
}

.no-end .fix-right[data-v-e9a458fb]:after {
    left: -16px;
    transform: scaleX(-1)
}

.sort-head[data-v-e9a458fb] {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: right
}

.sort-head .title[data-v-e9a458fb] {
    flex: 1
}

.sort-head .icon-wrap[data-v-e9a458fb] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 12px;
    justify-content: space-between;
    margin-left: 4px;
    width: 12px
}

.sort-head .icon-wrap .sort-icon[data-v-e9a458fb] {
    background-color: var(--ct_text_disable);
    height: 5px;
    width: 6px
}

.sort-head .icon-wrap .sort-icon.desc[data-v-e9a458fb] {
    transform: rotate(180deg)
}

.sort-head .icon-wrap .sort-icon.active[data-v-e9a458fb] {
    background-color: var(--ct_text_h2)
}

.value[data-v-e9a458fb] {
    padding: 0 16px;
    width: 124px
}

.code[data-v-e9a458fb] {
    padding: 0 16px;
    text-align: left;
    width: 132px
}

.name[data-v-e9a458fb] {
    padding: 0 16px;
    text-align: left;
    width: 202px
}

.name a[data-v-e9a458fb] {
    display: inline-block;
    width: 100%
}

.name:hover a[data-v-e9a458fb] {
    text-decoration: underline
}

.column-url[data-v-e9a458fb] {
    align-items: center;
    display: flex
}

.empty[data-v-e9a458fb] {
    min-height: 40vh
}

.pagination[data-v-e9a458fb] {
    margin-top: 48px
}

.width-170[data-v-e9a458fb] {
    width: 170px
}

.width-200[data-v-e9a458fb] {
    width: 200px
}

.quote-target-price-chart {
    height: 100%;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-focus-ring-color: transparent
}

.quote-target-price-chart canvas {
    cursor: default
}

.quote-target-price-chart .chart-tooltip .time {
    color: #7d7f83;
    font-size: 12px;
    line-height: 24px
}

.quote-target-price-chart .chart-tooltip .value,
.quote-target-price-chart .chart-tooltip .value-label {
    color: #ebeced;
    display: inline-block;
    font-size: 14px;
    line-height: 24px
}

.quote-target-price-chart .chart-tooltip .value-label {
    width: 80px
}

.quote-target-price-chart .chart-tooltip .value {
    text-align: right;
    width: 80px
}

.quote-target-price-chart-white .chart-tooltip .time {
    color: #909499
}

.quote-target-price-chart-white .chart-tooltip .value,
.quote-target-price-chart-white .chart-tooltip .value-label {
    color: #0f1112
}

:root {
    --ui-popover-bg: var(--ui-ct-bg-card);
    --ui-popover-color: var(--ui-ct-text-h1);
    --ui-popover-shadow: var(--ui-ct-bg-shadow);
    --ui-popover-z-index: var(--ui-base-z-index-tip)
}

.ui-popover {
    background-color: var(--ui-popover-bg);
    border-radius: 6px;
    box-shadow: 0 2px 10px var(--ui-popover-shadow);
    color: var(--ui-popover-color);
    line-height: 20px;
    padding: 8px 12px;
    position: absolute;
    z-index: var(--ui-popover-z-index)
}

.ui-popover__title {
    font-weight: 500;
    padding-bottom: 8px
}

.ui-popover__content {
    align-items: center;
    display: flex;
    max-width: 240px
}

.ui-popover__text {
    word-break: break-all
}

.ui-popover__text-clip {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.ui-popover__arrow {
    border: 6px solid transparent;
    color: var(--ui-popover-bg);
    height: 0;
    position: absolute;
    width: 0
}

.ui-popover[data-popper-placement^=top]>.ui-popover__arrow {
    border-top: 5px solid;
    bottom: -11px
}

.ui-popover[data-popper-placement^=bottom]>.ui-popover__arrow {
    border-bottom: 5px solid;
    top: -11px
}

.ui-popover[data-popper-placement=bottom-start]>.ui-popover__arrow,
.ui-popover[data-popper-placement=top-start]>.ui-popover__arrow {
    left: 24px
}

.ui-popover[data-popper-placement=bottom-end]>.ui-popover__arrow,
.ui-popover[data-popper-placement=top-end]>.ui-popover__arrow {
    right: 24px
}

.ui-popover[data-popper-placement=bottom]>.ui-popover__arrow,
.ui-popover[data-popper-placement=top]>.ui-popover__arrow {
    left: 50%;
    transform: translate(-50%)
}

.ui-popover[data-popper-placement^=left]>.ui-popover__arrow {
    border-left: 5px solid;
    right: -11px
}

.ui-popover[data-popper-placement^=right]>.ui-popover__arrow {
    border-right: 5px solid;
    left: -11px
}

.ui-popover[data-popper-placement=left]>.ui-popover__arrow,
.ui-popover[data-popper-placement=right]>.ui-popover__arrow {
    top: 50%;
    transform: translateY(-50%)
}

.ui-popover[data-popper-placement=left-start]>.ui-popover__arrow,
.ui-popover[data-popper-placement=right-start]>.ui-popover__arrow {
    top: 8px
}

.ui-popover[data-popper-placement=left-end]>.ui-popover__arrow,
.ui-popover[data-popper-placement=right-end]>.ui-popover__arrow {
    bottom: 8px;
    top: unset
}

.ui-popover__icon-wrap {
    display: flex;
    margin-right: 4px
}

.popover-fade-enter-active,
.popover-fade-leave-active {
    transition: opacity .3s ease
}

.popover-fade-enter,
.popover-fade-enter-from,
.popover-fade-leave-to {
    opacity: 0
}

[data-v-5a2ed6f4]:root {
    --font-size-6: 6px;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-20: 20px
}

.quote-black[data-v-5a2ed6f4] {
    --ct_text_h1: #e3e4e5;
    --ct_text_h2: #9b9b9e;
    --ct_text_h3: #7d7f83;
    --ct_text_disable: #535457;
    --ct_text_link: #4e7fce;
    --ct_text_highlight: #ea670c;
    --ct_text_highlight_hover: rgba(234, 103, 12, .08);
    --ct_text_green: #00a357;
    --ct_text_green_15: rgba(0, 163, 87, .15);
    --ct_text_green_50: rgba(0, 163, 87, .5);
    --ct_text_red: #e02d48;
    --ct_text_red_15: rgba(224, 45, 72, .15);
    --ct_text_red_50: rgba(224, 45, 72, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #fff;
    --ct_bg_reverse: #e3e4e5;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #181a1c;
    --ct_line_selected: #7d7f83;
    --ct_line_input: hsla(214, 3%, 43%, .25);
    --ct_bg_page1: #0f1112;
    --ct_bg_card1: #1d1f21;
    --ct_bg_overlay1: #2c2f33;
    --ct_bg_card2: #1d1f21;
    --ct_bg_overlay2: #2c2f33;
    --ct_bg_prominent: #363a40;
    --ct_bg_card1_80: rgba(29, 31, 33, .8);
    --ct_bg_card1_95: rgba(29, 31, 33, .95);
    --ct_bg_card1_50: rgba(29, 31, 33, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .5);
    --ct_popover_bg: #1d1f21;
    --ct_popover_text: #fff;
    --ct_bg_card1_gradient: linear-gradient(90deg, hsla(0, 0%, 5%, .5) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, hsla(0, 0%, 5%, .8) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #0f1112, rgba(15, 17, 18, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(15, 17, 18, 0), #0f1112);
    --ct_bg_page1_gradient3: linear-gradient(0deg, rgba(15, 17, 18, .5), rgba(15, 17, 18, .5));
    --ct_mask_bg: rgba(15, 17, 18, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #111924;
    --ct-option_bg_call_odd: #131f32;
    --ct-option_bg_put_odd: #141618;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_super_green: #016040;
    --cash_flow_pie_big_green: #00a357;
    --cash_flow_pie_mid_green: #03c484;
    --cash_flow_pie_sml_green: #03e69a;
    --cash_flow_pie_super_red: #9c1c2f;
    --cash_flow_pie_big_red: #e02d48;
    --cash_flow_pie_mid_red: #f8697f;
    --cash_flow_pie_sml_red: #ff92a2;
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_green);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_red);
    --ct_tabs_bg: #2c2f33;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #333;
    --ct-line-input-selected: #7d7f83;
    --ct_data_up: var(--ct_text_green);
    --ct_data_down: var(--ct_text_red);
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #1d1f21;
    --ct_open_account_card_close: hsla(204, 6%, 85%, .15);
    --mask-toolbar-watchlist: #9b9b9e;
    --mask-toolbar-watchlist-active: #e3e4e5;
    --premium-button-text: #702e00;
    --premium-button-bg: #f2cb8c;
    --premium-middlepage-close: #d6d9db;
    --premium-analysis-download-button: #f9d59c;
    --ct_feed_text_color: #dee4ed;
    --ui-input-caret: #0a67fc;
    --indicator-logo-bg: linear-gradient(94.85deg, #f9d59c 5.9%, #f9d59c 22.35%, #ffd18a 67.02%, #ffd38e 87.71%, #ffdeab 99.94%);
    --indicator-logo-text: #5f2700;
    --indicator-logo-border-image: linear-gradient(128.01deg, hsla(0, 0%, 100%, .62) 23.26%, rgba(255, 253, 252, 0) 55.1%, rgba(255, 251, 249, .61) 95.58%);
    --arrow_button: #c1baba;
    --arrow_disabled_button: #747474
}

.quote-white[data-v-5a2ed6f4] {
    --ct_text_h1: #0f1112;
    --ct_text_h2: #606266;
    --ct_text_h3: #909499;
    --ct_text_disable: #bbbdc0;
    --ct_text_link: #2b78f5;
    --ct_text_highlight: #f36f12;
    --ct_text_highlight_hover: rgba(243, 111, 18, .08);
    --ct_text_green: #00a870;
    --ct_text_green_15: rgba(0, 168, 112, .15);
    --ct_text_green_50: rgba(0, 168, 112, .5);
    --ct_text_red: #f03a55;
    --ct_text_red_15: rgba(240, 58, 85, .15);
    --ct_text_red_50: rgba(240, 58, 85, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #0f1112;
    --ct_bg_reverse: #2c2f33;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #f5f6f6;
    --ct_line_selected: #696c70;
    --ct_line_input: #e3e4e5;
    --ct-line-input-selected: #7d7f83;
    --ct_bg_page1: #fff;
    --ct_bg_card1: #f2f3f5;
    --ct_bg_overlay1: #e8eaed;
    --ct_bg_card2: #fff;
    --ct_bg_overlay2: #f2f3f5;
    --ct_bg_prominent: #fff;
    --ct_bg_card1_80: rgba(242, 243, 245, .8);
    --ct_bg_card1_95: rgba(242, 243, 245, .95);
    --ct_bg_card1_50: rgba(242, 243, 245, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .12);
    --ct_popover_bg: #fff;
    --ct_popover_text: #0f1112;
    --ct_bg_card1_gradient: linear-gradient(90deg, rgba(242, 243, 245, .5) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, .8) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #fff, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, 0), #fff);
    --ct_bg_page1_gradient3: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
    --ct_mask_bg: hsla(0, 0%, 100%, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #eff5ff;
    --ct-option_bg_call_odd: #e3eeff;
    --ct-option_bg_put_odd: #f8f9fa;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_big_green: #00a870;
    --cash_flow_pie_big_red: #f03a55;
    --ct_tabs_bg: #e8eaed;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #ebeced;
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #fff;
    --ct_open_account_card_close: rgba(29, 31, 33, .15);
    --mask-toolbar-watchlist: #606266;
    --mask-toolbar-watchlist-active: #0f1112;
    --premium-button-text: #f6d7a7;
    --premium-button-bg: #2c2f33;
    --premium-middlepage-close: #0c0c0d;
    --premium-analysis-download-button: #0f1112;
    --ct_feed_text_color: #3d3c3c;
    --indicator-logo-bg: #353a40;
    --indicator-logo-text: #ffe1b2;
    --indicator-logo-border-image: #353a40;
    --arrow_button: #000;
    --arrow_disabled_button: #c1baba
}

body[class*=reverse][data-v-5a2ed6f4] {
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_red);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_green);
    --ct_data_up: var(--ct_text_red);
    --ct_data_down: var(--ct_text_green)
}

.text-overflow-popup[data-v-5a2ed6f4] {
    position: relative
}

.text-overflow-popup .ellipsis-2[data-v-5a2ed6f4] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.text-overflow-popup .ellipsis-3[data-v-5a2ed6f4] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.text-overflow-popup .all-text[data-v-5a2ed6f4] {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: -1
}

.text-overflow-popup[data-v-5a2ed6f4] .multi-popover .ui-popover__content {
    max-width: 400px
}

.text-overflow-popup[data-v-5a2ed6f4] .multi-popover .ui-popover__text {
    color: var(--ct_text_reverse);
    font-size: 16px;
    line-height: 24px;
    word-break: normal
}

@media screen and (max-width:768px) {
    .text-overflow-popup[data-v-5a2ed6f4] .multi-popover .ui-popover__text {
        font-size: 14px
    }
}

.ui-loading {
    animation: ui-loading 1s linear infinite;
    background: url(/static/img/image_579.svg) 0 0 no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 26px;
    width: 26px
}

.quote-black {
    --ct_text_h1: #e3e4e5;
    --ct_text_h2: #9b9b9e;
    --ct_text_h3: #7d7f83;
    --ct_text_disable: #535457;
    --ct_text_link: #4e7fce;
    --ct_text_highlight: #ea670c;
    --ct_text_highlight_hover: rgba(234, 103, 12, .08);
    --ct_text_green: #00a357;
    --ct_text_green_15: rgba(0, 163, 87, .15);
    --ct_text_green_50: rgba(0, 163, 87, .5);
    --ct_text_red: #e02d48;
    --ct_text_red_15: rgba(224, 45, 72, .15);
    --ct_text_red_50: rgba(224, 45, 72, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #fff;
    --ct_bg_reverse: #e3e4e5;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #181a1c;
    --ct_line_selected: #7d7f83;
    --ct_line_input: hsla(214, 3%, 43%, .25);
    --ct_bg_page1: #0f1112;
    --ct_bg_card1: #1d1f21;
    --ct_bg_overlay1: #2c2f33;
    --ct_bg_card2: #1d1f21;
    --ct_bg_overlay2: #2c2f33;
    --ct_bg_prominent: #363a40;
    --ct_bg_card1_80: rgba(29, 31, 33, .8);
    --ct_bg_card1_95: rgba(29, 31, 33, .95);
    --ct_bg_card1_50: rgba(29, 31, 33, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .5);
    --ct_popover_bg: #1d1f21;
    --ct_popover_text: #fff;
    --ct_bg_card1_gradient: linear-gradient(90deg, hsla(0, 0%, 5%, .5) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, hsla(0, 0%, 5%, .8) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #0f1112, rgba(15, 17, 18, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(15, 17, 18, 0), #0f1112);
    --ct_bg_page1_gradient3: linear-gradient(0deg, rgba(15, 17, 18, .5), rgba(15, 17, 18, .5));
    --ct_mask_bg: rgba(15, 17, 18, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #111924;
    --ct-option_bg_call_odd: #131f32;
    --ct-option_bg_put_odd: #141618;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_super_green: #016040;
    --cash_flow_pie_big_green: #00a357;
    --cash_flow_pie_mid_green: #03c484;
    --cash_flow_pie_sml_green: #03e69a;
    --cash_flow_pie_super_red: #9c1c2f;
    --cash_flow_pie_big_red: #e02d48;
    --cash_flow_pie_mid_red: #f8697f;
    --cash_flow_pie_sml_red: #ff92a2;
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_green);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_red);
    --ct_tabs_bg: #2c2f33;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #333;
    --ct-line-input-selected: #7d7f83;
    --ct_data_up: var(--ct_text_green);
    --ct_data_down: var(--ct_text_red);
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #1d1f21;
    --ct_open_account_card_close: hsla(204, 6%, 85%, .15);
    --mask-toolbar-watchlist: #9b9b9e;
    --mask-toolbar-watchlist-active: #e3e4e5;
    --premium-button-text: #702e00;
    --premium-button-bg: #f2cb8c;
    --premium-middlepage-close: #d6d9db;
    --premium-analysis-download-button: #f9d59c;
    --ct_feed_text_color: #dee4ed;
    --ui-input-caret: #0a67fc;
    --indicator-logo-bg: linear-gradient(94.85deg, #f9d59c 5.9%, #f9d59c 22.35%, #ffd18a 67.02%, #ffd38e 87.71%, #ffdeab 99.94%);
    --indicator-logo-text: #5f2700;
    --indicator-logo-border-image: linear-gradient(128.01deg, hsla(0, 0%, 100%, .62) 23.26%, rgba(255, 253, 252, 0) 55.1%, rgba(255, 251, 249, .61) 95.58%);
    --arrow_button: #c1baba;
    --arrow_disabled_button: #747474
}

.quote-white {
    --ct_text_h1: #0f1112;
    --ct_text_h2: #606266;
    --ct_text_h3: #909499;
    --ct_text_disable: #bbbdc0;
    --ct_text_link: #2b78f5;
    --ct_text_highlight: #f36f12;
    --ct_text_highlight_hover: rgba(243, 111, 18, .08);
    --ct_text_green: #00a870;
    --ct_text_green_15: rgba(0, 168, 112, .15);
    --ct_text_green_50: rgba(0, 168, 112, .5);
    --ct_text_red: #f03a55;
    --ct_text_red_15: rgba(240, 58, 85, .15);
    --ct_text_red_50: rgba(240, 58, 85, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #0f1112;
    --ct_bg_reverse: #2c2f33;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #f5f6f6;
    --ct_line_selected: #696c70;
    --ct_line_input: #e3e4e5;
    --ct-line-input-selected: #7d7f83;
    --ct_bg_page1: #fff;
    --ct_bg_card1: #f2f3f5;
    --ct_bg_overlay1: #e8eaed;
    --ct_bg_card2: #fff;
    --ct_bg_overlay2: #f2f3f5;
    --ct_bg_prominent: #fff;
    --ct_bg_card1_80: rgba(242, 243, 245, .8);
    --ct_bg_card1_95: rgba(242, 243, 245, .95);
    --ct_bg_card1_50: rgba(242, 243, 245, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .12);
    --ct_popover_bg: #fff;
    --ct_popover_text: #0f1112;
    --ct_bg_card1_gradient: linear-gradient(90deg, rgba(242, 243, 245, .5) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, .8) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #fff, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, 0), #fff);
    --ct_bg_page1_gradient3: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
    --ct_mask_bg: hsla(0, 0%, 100%, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #eff5ff;
    --ct-option_bg_call_odd: #e3eeff;
    --ct-option_bg_put_odd: #f8f9fa;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_big_green: #00a870;
    --cash_flow_pie_big_red: #f03a55;
    --ct_tabs_bg: #e8eaed;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #ebeced;
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #fff;
    --ct_open_account_card_close: rgba(29, 31, 33, .15);
    --mask-toolbar-watchlist: #606266;
    --mask-toolbar-watchlist-active: #0f1112;
    --premium-button-text: #f6d7a7;
    --premium-button-bg: #2c2f33;
    --premium-middlepage-close: #0c0c0d;
    --premium-analysis-download-button: #0f1112;
    --ct_feed_text_color: #3d3c3c;
    --indicator-logo-bg: #353a40;
    --indicator-logo-text: #ffe1b2;
    --indicator-logo-border-image: #353a40;
    --arrow_button: #000;
    --arrow_disabled_button: #c1baba
}

.quote * {
    box-sizing: border-box;
    font-weight: inherit
}

.quote a {
    color: var(--ct_text_h1);
    text-decoration: none
}

.quote .direct-up {
    color: var(--ct_text_green)
}

.quote .direct-bg-up {
    background-color: var(--ct_text_green)
}

.quote .direct-down {
    color: var(--ct_text_red)
}

.quote .direct-bg-down {
    background-color: var(--ct_text_red)
}

.quote .direct-flat {
    color: var(--ct_text_stable)
}

.quote .direct-bg-flat {
    background-color: var(--ct_text_stable)
}

.quote .reverse .direct-up {
    color: var(--ct_text_red)
}

.quote .reverse .direct-bg-up {
    background-color: var(--ct_text_red)
}

.quote .reverse .direct-down {
    color: var(--ct_text_green)
}

.quote .reverse .direct-bg-down {
    background-color: var(--ct_text_green)
}

.quote .pink .direct-up {
    color: var(--ct_text_color_blindness_pink)
}

.quote .pink .direct-bg-up {
    background-color: var(--ct_text_color_blindness_pink)
}

.quote .pink .direct-down {
    color: var(--ct_text_color_blindness_green)
}

.quote .pink .direct-bg-down {
    background-color: var(--ct_text_color_blindness_green)
}

.quote .reverse-pink .direct-up {
    color: var(--ct_text_color_blindness_green)
}

.quote .reverse-pink .direct-bg-up {
    background-color: var(--ct_text_color_blindness_green)
}

.quote .reverse-pink .direct-down {
    color: var(--ct_text_color_blindness_pink)
}

.quote .reverse-pink .direct-bg-down {
    background-color: var(--ct_text_color_blindness_pink)
}

.quote .unwatched {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23B1B2B5' stroke-linecap='round' stroke-linejoin='round' d='M15.6 4.5c-1.42 0-2.703.585-3.6 1.523A4.97 4.97 0 0 0 8.4 4.5c-2.688 0-4.9 2.103-4.9 4.737 0 2.306 1.401 4.64 3.082 6.472 1.684 1.837 3.754 3.283 5.266 3.767a.5.5 0 0 0 .304 0c1.512-.484 3.583-1.93 5.267-3.767 1.68-1.832 3.081-4.166 3.081-6.472 0-2.634-2.212-4.737-4.9-4.737'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.quote .watched {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='24' height='24' fill='%23F2306B' rx='3'/%3E%3Cpath fill='%23fff' d='M8.4 5C5.97 5 4 6.897 4 9.237c0 4.237 5.2 8.867 8 9.763 2.8-.896 8-5.526 8-9.763C20 6.897 18.03 5 15.6 5A4.45 4.45 0 0 0 12 6.8 4.45 4.45 0 0 0 8.4 5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.quote .arrow-single-right {
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' fill='none' viewBox='0 0 7 12'%3E%3Cpath stroke='%23B1B2B5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M1 1.5 6 6l-5 4.5'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.quote .paper-trade-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23B1B2B5' stroke-linecap='round' stroke-linejoin='round' d='M18.07 4C19.688 4 21 5.355 21 7.027v10.995C21 19.114 20.142 20 19.085 20c-1.133 0-2.128-.778-2.436-1.904L16 16H8l-.648 2.096C7.043 19.222 6.048 20 4.915 20 3.858 20 3 19.114 3 18.021V7.027C3 5.355 4.312 4 5.93 4z' clip-rule='evenodd'/%3E%3Cpath stroke='%23B1B2B5' stroke-linecap='round' stroke-linejoin='round' d='M16 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4M6 10h4M8 8v4'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.quote .time-delay-icon {
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg stroke='%23B1B2B5' stroke-linejoin='round' stroke-width='1.333' clip-path='url(%23a)'%3E%3Cpath d='M8 14.4A6.4 6.4 0 1 0 8 1.6a6.4 6.4 0 0 0 0 12.8Z'/%3E%3Cpath stroke-linecap='round' d='M8 4v4l3.2 2.4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.quote .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.quote .ellipsis-2 {
    -webkit-line-clamp: 2
}

.quote .ellipsis-2,
.quote .ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.quote .ellipsis-3 {
    -webkit-line-clamp: 3
}

.quote .scroll-x-bar--default {
    overflow-x: auto;
    scrollbar-color: var(--ct_bg_overlay1) var(--ct_bg_page1);
    scrollbar-width: 8px
}

.quote .scroll-x-bar--default::-webkit-scrollbar {
    height: 8px
}

.quote .scroll-x-bar--default::-webkit-scrollbar-button {
    display: none
}

.quote .scroll-x-bar--default::-webkit-scrollbar-thumb {
    background-color: var(--ct_bg_overlay1);
    border-radius: 4px
}

.quote .scroll-x-bar--default::-webkit-scrollbar-track {
    background: var(--ct_bg_page1)
}

.quote .scroll-y-bar--default {
    overflow-y: auto;
    scrollbar-color: var(--ct_bg_overlay1) var(--ct_bg_page1);
    scrollbar-width: 8px;
    scrollbar-width: 15px
}

.quote .scroll-y-bar--default::-webkit-scrollbar {
    height: 8px
}

.quote .scroll-y-bar--default::-webkit-scrollbar-button {
    display: none
}

.quote .scroll-y-bar--default::-webkit-scrollbar-thumb {
    background-color: var(--ct_bg_overlay1);
    border-radius: 4px
}

.quote .scroll-y-bar--default::-webkit-scrollbar-track {
    background: var(--ct_bg_page1)
}

.quote .scroll-y-bar--default::-webkit-scrollbar {
    width: 8px
}

.quote .cursor-pointer {
    cursor: pointer
}

.quote .display-flex {
    display: flex
}

.quote .broswer-scroll-bar-hide::-webkit-scrollbar {
    height: 0;
    width: 0
}

.quote .broswer-scroll-bar-hide::-webkit-scrollbar-thumb {
    background: transparent
}

.quote .broswer-scroll-bar-hide::-webkit-scrollbar-track {
    opacity: 0
}

.quote .stop-scroll {
    overflow: hidden
}

.quote.quote-white .unwatched {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23606266' stroke-linecap='round' stroke-linejoin='round' d='M15.6 4.5c-1.42 0-2.703.585-3.6 1.523A4.97 4.97 0 0 0 8.4 4.5c-2.688 0-4.9 2.103-4.9 4.737 0 2.306 1.401 4.64 3.082 6.472 1.684 1.837 3.754 3.283 5.266 3.767a.5.5 0 0 0 .304 0c1.512-.484 3.583-1.93 5.267-3.767 1.68-1.832 3.081-4.166 3.081-6.472 0-2.634-2.212-4.737-4.9-4.737'/%3E%3C/svg%3E")
}

.quote.quote-white .paper-trade-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg stroke='%23606266' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M20.5 11.795v6.227q0 0 0 0c0 .832-.649 1.478-1.415 1.478-.898 0-1.703-.617-1.954-1.536l-.004-.016-.65-2.096A.5.5 0 0 0 16 15.5H8a.5.5 0 0 0-.478.352l-.648 2.096-.005.016c-.251.918-1.056 1.536-1.954 1.536-.766 0-1.415-.647-1.415-1.479V7.027C3.5 5.616 4.603 4.5 5.93 4.5h12.14c1.327 0 2.43 1.116 2.43 2.527v4.768'/%3E%3Cpath d='M16 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4M6 10h4M8 8v4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.quote .premium-button {
    align-items: center;
    background: var(--premium-button-bg);
    border-radius: 8px;
    color: var(--premium-button-text);
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 36px;
    justify-content: center;
    width: 160px
}

.quote .premium-button:hover {
    opacity: .8
}

.quote .premium-button.dark {
    background: #f2cb8c;
    color: #702e00
}

.quote .premium-button.mobile {
    font-size: 12px;
    font-weight: 600;
    height: 24px;
    width: 91px
}

.quote .premium-button.mobile:hover {
    opacity: .8
}

.quote .premium-logo-dark.mobile,
.quote .premium-logo-white.mobile,
.quote .premium-logo.mobile {
    background-size: contain;
    border-radius: 1.5px;
    height: 9px;
    width: 30px
}

.quote .quote-product-page {
    padding: 36px 36px 72px
}

.quote .quote-product-page h1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    margin-bottom: 36px
}

.quote .quote-primary-button {
    background-color: var(--ct_bg_reverse);
    border-radius: 8px;
    color: var(--ct_bg_page1);
    cursor: pointer;
    display: inline-block;
    padding: 5px 16px;
    text-align: center;
    white-space: nowrap
}

.quote .quote-primary-button:hover {
    opacity: .6
}

.quote .quote-primary-button:active {
    opacity: .8
}

.quote .quote-primary-button.disabled {
    cursor: not-allowed;
    opacity: .3
}

.quote .quote-ghost-button {
    border: 1px solid var(--ct-line-input-selected);
    border-radius: 8px;
    color: var(--ct_bg_page1);
    color: var(--ct_text_h1);
    cursor: pointer;
    display: inline-block;
    padding: 5px 16px;
    text-align: center;
    white-space: nowrap
}

.quote .quote-ghost-button:hover {
    opacity: .6
}

.quote .quote-ghost-button:active {
    opacity: .8
}

.quote .quote-ghost-button.disabled {
    cursor: not-allowed;
    opacity: .3
}

.quote .quote-cta-button {
    background-color: var(--ct_text_highlight);
    border-radius: 8px;
    color: var(--ct_bg_page1);
    color: var(--ct_special_text_white);
    cursor: pointer;
    display: inline-block;
    padding: 5px 16px;
    text-align: center;
    white-space: nowrap
}

.quote .quote-cta-button:hover {
    opacity: .6
}

.quote .quote-cta-button:active {
    opacity: .8
}

.quote .quote-cta-button.disabled {
    cursor: not-allowed;
    opacity: .3
}

.quote .quote-input-box {
    height: 30px;
    min-width: 20px;
    position: relative
}

.quote .quote-input-box .ui-input {
    background-color: transparent;
    border-color: var(--ct_text_disable);
    border-radius: 8px;
    font-size: var(--font-size-14);
    left: 0;
    position: absolute;
    top: 0
}

.quote .quote-input-box .ui-input:hover {
    border-color: var(--ct-line-input-selected);
    opacity: .6
}

.quote .quote-input-box .ui-input.ui-hairline--surround.ui-focus {
    border-color: var(--ct_text_h1);
    opacity: 1
}

.quote .quote-input-box input {
    background-color: transparent;
    caret-color: var(--ui-input-caret);
    font-family: var(--mm-font-regular);
    font-size: var(--font-size-14)
}

.quote .quote-input-box input::placeholder {
    color: var(--ct_text_h3)
}

.quote .quote-input-box .ui-input-text {
    height: 30px;
    padding: 5px 8px 5px 12px
}

.quote .quote-input-box .ui-input-suffix {
    padding-top: 2px
}

.quote a.quote-link {
    color: var(--ct_text_link)
}

.quote a.quote-link:hover {
    color: var(--ct_text_link);
    text-decoration: underline
}

.quote .quote-nav-tab-30 {
    border: 1px solid var(--ct_line_input);
    border-radius: 8px;
    color: var(--ct_text_h2);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 20px;
    padding: 5px 12px;
    text-align: center;
    white-space: nowrap
}

.quote .quote-nav-tab-30.active,
.quote .quote-nav-tab-30:hover {
    border-color: var(--ct_line_input_selected);
    color: var(--ct_text_h1)
}

.quote .quote-nav-tab-30.disable {
    cursor: not-allowed;
    opacity: .35
}

.quote .quote-nav-tab-36 {
    border: 1px solid var(--ct_line_input);
    border-radius: 8px;
    color: var(--ct_text_h2);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 24px;
    padding: 6px 12px;
    text-align: center;
    white-space: nowrap
}

.quote .quote-nav-tab-36.active,
.quote .quote-nav-tab-36:hover {
    border-color: var(--ct_line_input_selected);
    color: var(--ct_text_h1)
}

.quote .quote-nav-tab-36.disable {
    cursor: not-allowed;
    opacity: .35
}

.quote .quote-nav-tab-26 {
    border: 1px solid var(--ct_line_input);
    border-radius: 8px;
    color: var(--ct_text_h2);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 16px;
    padding: 5px 12px;
    text-align: center;
    white-space: nowrap
}

.quote .quote-nav-tab-26.active,
.quote .quote-nav-tab-26:hover {
    border-color: var(--ct_line_input_selected);
    color: var(--ct_text_h1)
}

.quote .quote-nav-tab-26.disable {
    cursor: not-allowed;
    opacity: .35
}

[data-v-b51a80b5]:root {
    --font-size-6: 6px;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-20: 20px
}

.quote-black[data-v-b51a80b5] {
    --ct_text_h1: #e3e4e5;
    --ct_text_h2: #9b9b9e;
    --ct_text_h3: #7d7f83;
    --ct_text_disable: #535457;
    --ct_text_link: #4e7fce;
    --ct_text_highlight: #ea670c;
    --ct_text_highlight_hover: rgba(234, 103, 12, .08);
    --ct_text_green: #00a357;
    --ct_text_green_15: rgba(0, 163, 87, .15);
    --ct_text_green_50: rgba(0, 163, 87, .5);
    --ct_text_red: #e02d48;
    --ct_text_red_15: rgba(224, 45, 72, .15);
    --ct_text_red_50: rgba(224, 45, 72, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #fff;
    --ct_bg_reverse: #e3e4e5;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #181a1c;
    --ct_line_selected: #7d7f83;
    --ct_line_input: hsla(214, 3%, 43%, .25);
    --ct_bg_page1: #0f1112;
    --ct_bg_card1: #1d1f21;
    --ct_bg_overlay1: #2c2f33;
    --ct_bg_card2: #1d1f21;
    --ct_bg_overlay2: #2c2f33;
    --ct_bg_prominent: #363a40;
    --ct_bg_card1_80: rgba(29, 31, 33, .8);
    --ct_bg_card1_95: rgba(29, 31, 33, .95);
    --ct_bg_card1_50: rgba(29, 31, 33, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .5);
    --ct_popover_bg: #1d1f21;
    --ct_popover_text: #fff;
    --ct_bg_card1_gradient: linear-gradient(90deg, hsla(0, 0%, 5%, .5) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, hsla(0, 0%, 5%, .8) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #0f1112, rgba(15, 17, 18, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(15, 17, 18, 0), #0f1112);
    --ct_bg_page1_gradient3: linear-gradient(0deg, rgba(15, 17, 18, .5), rgba(15, 17, 18, .5));
    --ct_mask_bg: rgba(15, 17, 18, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #111924;
    --ct-option_bg_call_odd: #131f32;
    --ct-option_bg_put_odd: #141618;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_super_green: #016040;
    --cash_flow_pie_big_green: #00a357;
    --cash_flow_pie_mid_green: #03c484;
    --cash_flow_pie_sml_green: #03e69a;
    --cash_flow_pie_super_red: #9c1c2f;
    --cash_flow_pie_big_red: #e02d48;
    --cash_flow_pie_mid_red: #f8697f;
    --cash_flow_pie_sml_red: #ff92a2;
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_green);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_red);
    --ct_tabs_bg: #2c2f33;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #333;
    --ct-line-input-selected: #7d7f83;
    --ct_data_up: var(--ct_text_green);
    --ct_data_down: var(--ct_text_red);
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #1d1f21;
    --ct_open_account_card_close: hsla(204, 6%, 85%, .15);
    --mask-toolbar-watchlist: #9b9b9e;
    --mask-toolbar-watchlist-active: #e3e4e5;
    --premium-button-text: #702e00;
    --premium-button-bg: #f2cb8c;
    --premium-middlepage-close: #d6d9db;
    --premium-analysis-download-button: #f9d59c;
    --ct_feed_text_color: #dee4ed;
    --ui-input-caret: #0a67fc;
    --indicator-logo-bg: linear-gradient(94.85deg, #f9d59c 5.9%, #f9d59c 22.35%, #ffd18a 67.02%, #ffd38e 87.71%, #ffdeab 99.94%);
    --indicator-logo-text: #5f2700;
    --indicator-logo-border-image: linear-gradient(128.01deg, hsla(0, 0%, 100%, .62) 23.26%, rgba(255, 253, 252, 0) 55.1%, rgba(255, 251, 249, .61) 95.58%);
    --arrow_button: #c1baba;
    --arrow_disabled_button: #747474
}

.quote-white[data-v-b51a80b5] {
    --ct_text_h1: #0f1112;
    --ct_text_h2: #606266;
    --ct_text_h3: #909499;
    --ct_text_disable: #bbbdc0;
    --ct_text_link: #2b78f5;
    --ct_text_highlight: #f36f12;
    --ct_text_highlight_hover: rgba(243, 111, 18, .08);
    --ct_text_green: #00a870;
    --ct_text_green_15: rgba(0, 168, 112, .15);
    --ct_text_green_50: rgba(0, 168, 112, .5);
    --ct_text_red: #f03a55;
    --ct_text_red_15: rgba(240, 58, 85, .15);
    --ct_text_red_50: rgba(240, 58, 85, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #0f1112;
    --ct_bg_reverse: #2c2f33;
    --ct_text_color_blindness_pink: #f33c76;
    --ct_text_color_blindness_green: #14ac9c;
    --ct_line_gutter: #f5f6f6;
    --ct_line_selected: #696c70;
    --ct_line_input: #e3e4e5;
    --ct-line-input-selected: #7d7f83;
    --ct_bg_page1: #fff;
    --ct_bg_card1: #f2f3f5;
    --ct_bg_overlay1: #e8eaed;
    --ct_bg_card2: #fff;
    --ct_bg_overlay2: #f2f3f5;
    --ct_bg_prominent: #fff;
    --ct_bg_card1_80: rgba(242, 243, 245, .8);
    --ct_bg_card1_95: rgba(242, 243, 245, .95);
    --ct_bg_card1_50: rgba(242, 243, 245, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .12);
    --ct_popover_bg: #fff;
    --ct_popover_text: #0f1112;
    --ct_bg_card1_gradient: linear-gradient(90deg, rgba(242, 243, 245, .5) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, .8) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #fff, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, 0), #fff);
    --ct_bg_page1_gradient3: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
    --ct_mask_bg: hsla(0, 0%, 100%, .5);
    --indicatorChart_bar: #4672f6;
    --indicatorChart_line: #fa7a20;
    --ct-option_bg_call_even: #eff5ff;
    --ct-option_bg_call_odd: #e3eeff;
    --ct-option_bg_put_odd: #f8f9fa;
    --analyst_rating_green: #1dba96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: #00a357;
    --analyst_rating_buy_bg: #1dba96;
    --analyst_rating_hold_bg: #627085;
    --analyst_rating_under_bg: #f8697a;
    --analyst_rating_sell_bg: #e02d48;
    --cash_flow_pie_big_green: #00a870;
    --cash_flow_pie_big_red: #f03a55;
    --ct_tabs_bg: #e8eaed;
    --ct_special_text_white: #fff;
    --block-colorful-orange: #fa7a20;
    --chart-colorful-blue: #4672f6;
    --ct_line_separator: #ebeced;
    --ct_earnings_call_book: #5e9bfd;
    --ct_open_account_card_bg: #fff;
    --ct_open_account_card_close: rgba(29, 31, 33, .15);
    --mask-toolbar-watchlist: #606266;
    --mask-toolbar-watchlist-active: #0f1112;
    --premium-button-text: #f6d7a7;
    --premium-button-bg: #2c2f33;
    --premium-middlepage-close: #0c0c0d;
    --premium-analysis-download-button: #0f1112;
    --ct_feed_text_color: #3d3c3c;
    --indicator-logo-bg: #353a40;
    --indicator-logo-text: #ffe1b2;
    --indicator-logo-border-image: #353a40;
    --arrow_button: #000;
    --arrow_disabled_button: #c1baba
}

body[class*=reverse][data-v-b51a80b5] {
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_red);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_green);
    --ct_data_up: var(--ct_text_red);
    --ct_data_down: var(--ct_text_green)
}

.color-text[data-v-b51a80b5] {
    align-items: center;
    display: inline-flex
}

.color-text .up[data-v-b51a80b5] {
    color: var(--ct_text_green)
}

.color-text .down[data-v-b51a80b5] {
    color: var(--ct_text_red)
}

.color-text .flat[data-v-b51a80b5] {
    color: var(--ct_text_stable)
}

.color-text .icon-direct-status[data-v-b51a80b5] {
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    min-width: 10px;
    vertical-align: middle;
    width: 16px
}

.color-text .icon-direct-status.icon-direct-flat[data-v-b51a80b5] {
    display: none
}

.color-text .icon-direct-up[data-v-b51a80b5] {
    background-color: var(--ct_text_green);
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2301914C' fill-rule='evenodd' d='M10.7.6c.7-.8 1.9-.8 2.6 0l7.4 8.9c.7.9.4 1.6-.7 1.6h-4v11c0 .6-.5 1-1 1H9c-.6 0-1-.5-1-1v-11H4c-1.1 0-1.4-.7-.7-1.5z' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.color-text .icon-direct-down[data-v-b51a80b5] {
    background-color: var(--ct_text_red);
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2301914C' fill-rule='evenodd' d='M10.7 22.5c.7.8 1.9.8 2.6 0l7.4-8.9c.7-.9.4-1.6-.7-1.6h-4V1c0-.6-.5-1-1-1H9c-.6 0-1 .5-1 1v11H4c-1.1 0-1.4.7-.7 1.5z' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.color-text.reverse .up[data-v-b51a80b5] {
    color: var(--ct_text_red)
}

.color-text.reverse .down[data-v-b51a80b5] {
    color: var(--ct_text_green)
}

.color-text.reverse .icon-direct-up[data-v-b51a80b5] {
    background-color: var(--ct_text_red)
}

.color-text.reverse .icon-direct-down[data-v-b51a80b5] {
    background-color: var(--ct_text_green)
}

.quote-icon[data-v-9a45949a] {
    align-items: center;
    background-color: var(--ct_bg_overlay1);
    border-radius: 4px;
    display: flex;
    max-width: 100%;
    padding: 4px 6px
}

.quote-icon .stock-name[data-v-9a45949a] {
    color: var(--ct_text_h2);
    flex-shrink: 1;
    font-size: 12px;
    line-height: 16px;
    margin-right: 5px;
    min-width: 20px
}

.quote-icon .stock-ratio[data-v-9a45949a] {
    flex-shrink: 0;
    font-size: 12px;
    line-height: 16px
}

.quote-icon i[data-v-9a45949a] {
    background-image: url(/static/img/image_580.png);
    background-repeat: no-repeat;
    background-size: 140px 11px;
    display: inline-block;
    flex-shrink: 0;
    height: 11px;
    margin-right: 5px;
    vertical-align: -1px;
    width: 14px
}

.quote-icon i.HK[data-v-9a45949a] {
    background-position: 0 0
}

.quote-icon i.SH[data-v-9a45949a] {
    background-position: -14px 0
}

.quote-icon i.SZ[data-v-9a45949a] {
    background-position: -28px 0
}

.quote-icon i.US[data-v-9a45949a] {
    background-position: -42px 0
}

.quote-icon i.SG[data-v-9a45949a] {
    background-position: -56px 0
}

.quote-icon i.AU[data-v-9a45949a] {
    background-position: -70px 0
}

.quote-icon i.CA[data-v-9a45949a] {
    background-position: -84px 0
}

.quote-icon i.JP[data-v-9a45949a] {
    background-position: -98px 0
}

.quote-icon i.BMS[data-v-9a45949a] {
    background-position: -112px 0
}

.quote-icon i.BJ[data-v-9a45949a] {
    background-position: -126px 0
}

.quote-icon i.none[data-v-9a45949a] {
    display: none
}

.quote-theme-0[data-v-9a45949a],
.quote-theme-1[data-v-9a45949a] {
    background-color: var(--ct_bg_card1)
}

@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-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-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

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

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

.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-left {
    background-image: linear-gradient(270deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, #00000080, #0000)
}

.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: .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%;
    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-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-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 10px)
}

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

.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(.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, .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-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 .2s, top .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-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .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, .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-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-container-wrap[data-v-02ca2c1e] {
    position: relative
}

.swiper-container-wrap.pagination[data-v-02ca2c1e] {
    margin-bottom: 35px
}

.swiper-container-wrap[data-v-02ca2c1e] .swiper-slide {
    height: 1px
}

.swiper-container-wrap[data-v-02ca2c1e] .swiper-slide-active {
    height: auto
}

.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal[data-v-02ca2c1e] {
    bottom: -35px
}

.swiper-pagination[data-v-02ca2c1e] .swiper-pagination-bullet {
    background-color: #d8d8d8;
    height: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 10px
}

.swiper-pagination[data-v-02ca2c1e] .swiper-pagination-bullet-active {
    background: #ff6900
}

.swiper-button-prev[data-v-02ca2c1e] {
    border: 1px solid var(--arrow_button);
    border-radius: 58px;
    cursor: pointer;
    height: 57px;
    left: -81px;
    width: 57px
}

.swiper-button-prev[data-v-02ca2c1e]:after {
    content: none
}

.swiper-button-prev .mask[data-v-02ca2c1e] {
    background-color: var(--arrow_button);
    height: 100%;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='24' fill='none' viewBox='0 0 13 24'%3E%3Cpath stroke='%23C1BABA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.73 22.242 1.81 12.155 11.73 1.763'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='24' fill='none' viewBox='0 0 13 24'%3E%3Cpath stroke='%23C1BABA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.73 22.242 1.81 12.155 11.73 1.763'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: auto;
    mask-size: auto;
    width: 100%
}

.swiper-button-prev[data-v-02ca2c1e]:not(.disabled):hover {
    background-color: #ff6900;
    border-color: #ff6900
}

.swiper-button-prev:not(.disabled):hover .mask[data-v-02ca2c1e] {
    background-color: #fff
}

.swiper-button-prev.disabled[data-v-02ca2c1e] {
    border-color: var(--arrow_disabled_button)
}

.swiper-button-prev.disabled .mask[data-v-02ca2c1e] {
    background-color: var(--arrow_disabled_button)
}

.swiper-button-next[data-v-02ca2c1e] {
    border: 1px solid var(--arrow_button);
    border-radius: 58px;
    cursor: pointer;
    height: 57px;
    right: -81px;
    width: 57px
}

.swiper-button-next[data-v-02ca2c1e]:after {
    content: none
}

.swiper-button-next .mask[data-v-02ca2c1e] {
    background-color: var(--arrow_button);
    height: 100%;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='24' fill='none' viewBox='0 0 13 24'%3E%3Cpath stroke='%23C1BABA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.73 22.242 1.81 12.155 11.73 1.763'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='24' fill='none' viewBox='0 0 13 24'%3E%3Cpath stroke='%23C1BABA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.73 22.242 1.81 12.155 11.73 1.763'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: auto;
    mask-size: auto;
    transform: rotate(180deg);
    width: 100%
}

.swiper-button-next[data-v-02ca2c1e]:not(.disabled):hover {
    background-color: #ff6900;
    border-color: #ff6900
}

.swiper-button-next:not(.disabled):hover .mask[data-v-02ca2c1e] {
    background-color: #fff
}

.swiper-button-next.disabled[data-v-02ca2c1e] {
    border-color: var(--arrow_disabled_button)
}

.swiper-button-next.disabled .mask[data-v-02ca2c1e] {
    background-color: var(--arrow_disabled_button)
}

.swiper-container-wrap.swiper-mobile.pagination[data-v-02ca2c1e] {
    margin-bottom: 30px
}

.swiper-container-wrap.swiper-mobile .swiper-pagination[data-v-02ca2c1e] {
    bottom: -30px
}

.swiper-container-wrap.swiper-mobile .swiper-pagination[data-v-02ca2c1e] .swiper-pagination-bullet {
    height: 8px;
    margin-left: 8px;
    margin-right: 8px;
    width: 8px
}

.community-topic .title[data-v-2514a35e] {
    align-items: center;
    color: var(--ct_text_h0);
    cursor: pointer;
    display: flex;
    font-size: 48px;
    font-weight: 600;
    justify-content: space-between;
    margin-bottom: 16px
}

.community-topic .title .title-content[data-v-2514a35e] {
    font-size: 48px;
    font-weight: 600;
    margin: 0;
    padding: 0
}

.community-topic .title .arrow[data-v-2514a35e] {
    background-color: var(--ct_text_h1);
    flex-shrink: 0;
    height: 16px;
    margin-left: 4px;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%231D1F21' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='M8 2.5 14 8l-6 5.5'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%231D1F21' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='M8 2.5 14 8l-6 5.5'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 16px
}

.community-topic .title[data-v-2514a35e]:hover {
    color: var(--ct_text_highlight)
}

.community-topic .title:hover .arrow[data-v-2514a35e] {
    background-color: var(--ct_text_highlight)
}

.community-topic .title>span[data-v-2514a35e] {
    font-weight: 600
}

.community-topic .tab-list[data-v-2514a35e] {
    display: flex;
    margin-bottom: 48px
}

.community-topic .tab-list .tab[data-v-2514a35e] {
    border: 1px solid var(--ct_line_input);
    border-radius: 8px;
    color: var(--ct_text_h2);
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-right: 12px;
    text-align: center;
    width: 67px
}

.community-topic .tab-list .tab.active[data-v-2514a35e],
.community-topic .tab-list .tab[data-v-2514a35e]:hover {
    border-color: var(--ct_line_selected);
    color: var(--ct_text_h1)
}

.community-topic .one-item .carousel-item[data-v-2514a35e] {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

.community-topic .two-item .carousel-item[data-v-2514a35e] {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr
}

.community-topic .carousel-box .carousel-item[data-v-2514a35e] {
    display: grid;
    flex-grow: 0;
    flex-shrink: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 24px
}

.community-topic .carousel-box .feed-box[data-v-2514a35e] {
    border: 1px solid var(--ct_line_separator);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px
}

.community-topic .carousel-box .feed-box .user-info[data-v-2514a35e] {
    display: flex
}

.community-topic .carousel-box .feed-box .user-info .info-avator[data-v-2514a35e] {
    border-radius: 40px;
    flex-shrink: 0;
    height: 40px;
    overflow: hidden;
    width: 40px
}

.community-topic .carousel-box .feed-box .user-info .info-avator img[data-v-2514a35e] {
    height: 100%;
    width: 100%
}

.community-topic .carousel-box .feed-box .user-info .info-intro[data-v-2514a35e] {
    flex: 1;
    overflow: hidden;
    padding-left: 16px
}

.community-topic .carousel-box .feed-box .user-info .info-intro-name[data-v-2514a35e] {
    color: var(--ct_text_h1);
    font-size: 18px;
    line-height: 22px
}

.community-topic .carousel-box .feed-box .user-info .info-intro-time[data-v-2514a35e] {
    color: var(--ct_text_h3);
    font-size: 12px;
    line-height: 20px
}

.community-topic .carousel-box .feed-box .feed-detail[data-v-2514a35e] {
    padding-left: 56px
}

.community-topic .carousel-box .feed-box .feed-detail .feed-title[data-v-2514a35e] {
    color: var(--ct_text_h1);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px
}

.community-topic .carousel-box .feed-box .feed-detail .rice-text[data-v-2514a35e] .rich-text-wrapper {
    display: -webkit-box;
    font-size: 14px;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.community-topic .carousel-box .feed-box .func-section-wrap[data-v-2514a35e] {
    padding-left: 56px
}

.community-topic .carousel-box[data-v-2514a35e] .swiper-slide {
    height: auto
}

.community-topic .footer[data-v-2514a35e] {
    padding-top: 30px
}

.community-topic .footer .btn[data-v-2514a35e] {
    background-color: #ff6900;
    border-radius: 60px;
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    font-weight: 6000;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    text-align: center;
    width: 280px
}

.community-topic.community-mobile .title[data-v-2514a35e] {
    cursor: pointer;
    font-size: 20px;
    justify-content: flex-start;
    line-height: 28px;
    margin-bottom: 8px
}

.community-topic.community-mobile .title .title-content[data-v-2514a35e] {
    font-size: 20px;
    line-height: 28px
}

.community-topic.community-mobile .tab-list[data-v-2514a35e] {
    margin-bottom: 16px
}

.community-topic.community-mobile .tab-list .tab[data-v-2514a35e] {
    font-size: 14px;
    height: fit-content;
    line-height: 20px;
    margin-right: 8px;
    padding: 4px 14px;
    width: fit-content
}

.community-topic.community-mobile .carousel-item[data-v-2514a35e] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.community-topic.community-mobile .carousel-item .feed-box[data-v-2514a35e] {
    width: 100%
}

.community-topic.community-mobile .carousel-item .feed-box[data-v-2514a35e]:hover {
    background-color: var(--ct_bg_card1);
    border-color: var(--ct_bg_card1)
}

.community-topic.community-mobile .carousel-item .feed-box .user-info[data-v-2514a35e] {
    margin-bottom: 12px
}

.community-topic.community-mobile .carousel-item .feed-box .info-avator[data-v-2514a35e] {
    height: 36px;
    margin-right: 8px;
    width: 36px
}

.community-topic.community-mobile .carousel-item .feed-box .info-intro[data-v-2514a35e] {
    padding-left: 0
}

.community-topic.community-mobile .carousel-item .feed-box .info-intro .info-intro-name[data-v-2514a35e] {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.community-topic.community-mobile .carousel-item .feed-box .info-intro .info-intro-time[data-v-2514a35e] {
    font-size: 12px;
    line-height: 16px
}

.community-topic.community-mobile .carousel-item .feed-box .feed-detail[data-v-2514a35e] {
    padding-left: 0
}

.community-topic.community-mobile .carousel-item .feed-box .feed-title[data-v-2514a35e] {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px
}

.community-topic.community-mobile .carousel-item .feed-box[data-v-2514a35e] .rich-text-wrapper>div {
    display: -webkit-box;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.community-topic.community-mobile .carousel-item .feed-box .func-section-wrap[data-v-2514a35e] {
    margin-top: 12px;
    padding-left: 0
}

.community-topic.community-mobile .carousel-item .feed-box .nnq-func-section[data-v-2514a35e] {
    padding: 0
}

.community-topic.community-mobile .carousel-item .feed-box .nnq-func-section[data-v-2514a35e] .nnq-func-section-left {
    height: 32px
}

.community-topic.community-mobile .carousel-item .feed-box .nnq-func-section[data-v-2514a35e] .nnq-func-section-left .func-item .stack {
    align-items: center;
    display: flex
}

.community-topic.community-mobile .carousel-item .feed-box .nnq-func-section[data-v-2514a35e] .nnq-func-section-left .func-item .func-text,
.community-topic.community-mobile .carousel-item .feed-box .nnq-func-section[data-v-2514a35e] .nnq-func-section-left .func-item .num {
    color: var(--ct_text_h2);
    font-size: 12px;
    line-height: 13px
}

.community-topic.community-mobile .carousel-item .feed-box .nnq-func-section[data-v-2514a35e] .nnq-func-section-left .func-item:hover .func-text,
.community-topic.community-mobile .carousel-item .feed-box .nnq-func-section[data-v-2514a35e] .nnq-func-section-left .func-item:hover .num {
    color: var(--ct_text_h1)
}

.community-topic.community-mobile .footer .btn[data-v-2514a35e] {
    border-radius: 40px;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    width: 229px
}

.community-topic.community-mobile[data-v-2514a35e] .news-item {
    padding: 20px
}

.community-topic.community-mobile .footer[data-v-2514a35e] {
    padding-top: 20px
}

.course-list .title[data-v-62315f6a] {
    color: var(--ct_text_h0);
    display: block;
    font-size: 48px;
    font-weight: 600;
    line-height: 57px;
    margin-bottom: 48px
}

.course-list .title .title-text[data-v-62315f6a] {
    font-size: 48px;
    font-weight: 600;
    line-height: 57px;
    margin: 0;
    padding: 0
}

.course-list .content .course-item[data-v-62315f6a] {
    border: 1px solid var(--ct_border_color_course);
    border-radius: 8px;
    cursor: pointer;
    display: block;
    margin-bottom: 24px;
    padding: 16px
}

.course-list .content .course-item .course-title[data-v-62315f6a] {
    color: var(--ct_text_h1);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 4px
}

.course-list .content .course-item .section-desc[data-v-62315f6a] {
    color: var(--ct_text_h2);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.course-list .content .course-item[data-v-62315f6a]:hover {
    background-color: var(--ct_bg_overlay2)
}

.course-list-mobile .title[data-v-62315f6a],
.course-list-side .title[data-v-62315f6a] {
    align-items: center;
    color: var(--ct_text_h0);
    cursor: pointer;
    display: flex;
    margin-bottom: 16px;
    padding-left: 0
}

.course-list-mobile .title .title-text[data-v-62315f6a],
.course-list-side .title .title-text[data-v-62315f6a] {
    font-size: 30px;
    font-weight: 600;
    line-height: 33px
}

.course-list-mobile .title .more-icon[data-v-62315f6a],
.course-list-side .title .more-icon[data-v-62315f6a] {
    background-image: var(--ct_arrow_right_icon);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    width: 16px
}

.course-list-mobile .content .course-item[data-v-62315f6a],
.course-list-side .content .course-item[data-v-62315f6a] {
    border: none;
    border-radius: none;
    cursor: pointer;
    margin-bottom: 16px;
    padding: 0
}

.course-list-mobile .content .course-item .course-title[data-v-62315f6a],
.course-list-side .content .course-item .course-title[data-v-62315f6a] {
    color: var(--ct_text_h1);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.course-list-mobile .content .course-item .section-desc[data-v-62315f6a],
.course-list-side .content .course-item .section-desc[data-v-62315f6a] {
    color: var(--ct_text_h2);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.course-list-side .title:hover .title-text[data-v-62315f6a] {
    color: #f36f12
}

.course-list-side .title:hover .more-icon[data-v-62315f6a] {
    background-image: url(/static/img/image_581.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    width: 16px
}

.course-list-side .title .title-text[data-v-62315f6a] {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.course-list-side .course-item[data-v-62315f6a] {
    position: relative
}

.course-list-side .course-item[data-v-62315f6a]:hover {
    background-color: var(--ct_bg_overlay2)
}

.course-list-side .course-item[data-v-62315f6a]:hover:before {
    background: var(--ct_bg_overlay2);
    border-radius: 8px;
    content: "";
    height: calc(100% + 16px);
    left: -8px;
    position: absolute;
    top: -8px;
    width: calc(100% + 16px);
    z-index: 1
}

.course-list-side .course-item:hover .course-sections[data-v-62315f6a],
.course-list-side .course-item:hover .course-title[data-v-62315f6a] {
    position: relative;
    z-index: 5
}

.course-list-mobile .title:hover .title-text[data-v-62315f6a] {
    color: var(--ct_text_h0)
}

.course-list-mobile .title:hover .more-icon[data-v-62315f6a] {
    background-image: var(--ct_arrow_right_icon);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    width: 16px
}

.course-list-mobile .content .course-item[data-v-62315f6a] {
    position: relative
}

.course-list-mobile .content .course-item[data-v-62315f6a]:hover {
    background-color: inherit
}

.course-list-mobile .content .course-item[data-v-62315f6a]:hover:before {
    display: none
}

.single-course-web .title[data-v-bfdf7322] {
    color: var(--ct_text_h0);
    display: block;
    font-size: 48px;
    font-weight: 600;
    line-height: 57px;
    margin-bottom: 48px
}

.single-course-web .title .title-text[data-v-bfdf7322] {
    font-size: 48px;
    font-weight: 600;
    line-height: 57px;
    margin: 0;
    padding: 0
}

.single-course-web .content[data-v-bfdf7322] {
    display: flex
}

.single-course-web .content .cover[data-v-bfdf7322] {
    cursor: pointer;
    display: block;
    flex-shrink: 0;
    height: 242px;
    margin-right: 16px;
    width: 384px
}

.single-course-web .content .cover img[data-v-bfdf7322] {
    border-radius: 8px;
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.single-course-web .content .detail[data-v-bfdf7322] {
    max-width: 734px;
    width: calc(100% - 400px)
}

.single-course-web .content .detail .course-title[data-v-bfdf7322] {
    color: var(--ct_text_h1);
    cursor: pointer;
    display: block;
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 16px;
    padding-left: 8px
}

.single-course-web .content .detail .course-sections[data-v-bfdf7322] {
    list-style-type: none;
    margin: 0;
    padding-left: 0
}

.single-course-web .content .detail .course-sections .section-item[data-v-bfdf7322] {
    cursor: pointer;
    display: flex;
    padding: 8px
}

.single-course-web .content .detail .course-sections .section-item .section-info[data-v-bfdf7322] {
    width: calc(100% - 15px)
}

.single-course-web .content .detail .course-sections .section-item .section-info .section-title[data-v-bfdf7322] {
    color: var(--ct_text_h1);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 4px
}

.single-course-web .content .detail .course-sections .section-item .section-info .section-desc[data-v-bfdf7322] {
    color: var(--ct_text_h2);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.single-course-web .content .detail .course-sections .section-item[data-v-bfdf7322]:before {
    color: var(--ct_text_h1);
    content: "•";
    display: inline-block;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 26px;
    margin-right: 8px;
    width: 7px;
    word-break: keep-all
}

.single-course-web .content .detail .course-sections .section-item[data-v-bfdf7322]:hover {
    background-color: var(--ct_bg_card1);
    border-radius: 8px
}

@media (min-width:767px) and (max-width:1024px) {
    .single-course-web .content .cover[data-v-bfdf7322] {
        height: 216px;
        width: 340px
    }

    .single-course-web .content .detail[data-v-bfdf7322] {
        width: calc(100% - 343px)
    }

    .single-course-web .content .detail .course-title[data-v-bfdf7322] {
        line-height: 28px;
        margin-bottom: 12px
    }
}

.single-course-mobile .title[data-v-bfdf7322],
.single-course-side .title[data-v-bfdf7322] {
    align-items: center;
    color: var(--ct_text_h0);
    cursor: pointer;
    display: flex;
    font-size: 30px;
    font-weight: 600;
    line-height: 33px;
    margin-bottom: 16px
}

.single-course-mobile .title .title-text[data-v-bfdf7322],
.single-course-side .title .title-text[data-v-bfdf7322] {
    font-size: 30px;
    font-weight: 600;
    line-height: 33px
}

.single-course-mobile .title .more-icon[data-v-bfdf7322],
.single-course-side .title .more-icon[data-v-bfdf7322] {
    background-image: var(--ct_arrow_right_icon);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    width: 16px
}

.single-course-mobile .content[data-v-bfdf7322],
.single-course-side .content[data-v-bfdf7322] {
    display: flex;
    flex-direction: column
}

.single-course-mobile .content .content-head[data-v-bfdf7322],
.single-course-side .content .content-head[data-v-bfdf7322] {
    cursor: pointer;
    display: block
}

.single-course-mobile .content .cover[data-v-bfdf7322],
.single-course-side .content .cover[data-v-bfdf7322] {
    height: auto;
    margin-bottom: 8px;
    margin-right: 0;
    padding-top: 62%;
    position: relative;
    width: 100%
}

.single-course-mobile .content .cover img[data-v-bfdf7322],
.single-course-side .content .cover img[data-v-bfdf7322] {
    border-radius: 8px;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.single-course-mobile .content .course-title[data-v-bfdf7322],
.single-course-side .content .course-title[data-v-bfdf7322] {
    color: var(--ct_text_h1);
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.single-course-mobile .content .detail[data-v-bfdf7322],
.single-course-side .content .detail[data-v-bfdf7322] {
    width: auto !important
}

.single-course-mobile .content .detail .course-sections .section-item[data-v-bfdf7322],
.single-course-side .content .detail .course-sections .section-item[data-v-bfdf7322] {
    margin-top: 16px;
    padding: 0
}

.single-course-mobile .content .detail .course-sections .section-item .section-info .section-title[data-v-bfdf7322],
.single-course-side .content .detail .course-sections .section-item .section-info .section-title[data-v-bfdf7322] {
    color: var(--ct_text_h1);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.single-course-mobile .content .detail .course-sections .section-item .section-info .section-desc[data-v-bfdf7322],
.single-course-side .content .detail .course-sections .section-item .section-info .section-desc[data-v-bfdf7322] {
    color: var(--ct_text_h2);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.single-course-side .title .title-text[data-v-bfdf7322] {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.single-course-side .title:hover .title-text[data-v-bfdf7322] {
    color: #f36f12
}

.single-course-side .title:hover .more-icon[data-v-bfdf7322] {
    background-image: url(/static/img/image_582.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    width: 16px
}

.single-course-side .content-head[data-v-bfdf7322] {
    cursor: pointer;
    position: relative
}

.single-course-side .content-head[data-v-bfdf7322]:hover {
    background-color: var(--ct_bg_overlay2)
}

.single-course-side .content-head[data-v-bfdf7322]:hover:before {
    background: var(--ct_bg_overlay2);
    border-radius: 8px;
    content: "";
    height: calc(100% + 16px);
    left: -8px;
    position: absolute;
    top: -8px;
    width: calc(100% + 16px);
    z-index: 1
}

.single-course-side .content-head:hover .course-title[data-v-bfdf7322],
.single-course-side .content-head:hover .cover[data-v-bfdf7322] {
    position: relative;
    z-index: 5
}

.single-course-side .content-head .course-title[data-v-bfdf7322] {
    color: var(--ct_text_h1);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.single-course-side .section-item[data-v-bfdf7322] {
    position: relative
}

.single-course-side .section-item[data-v-bfdf7322]:hover {
    background-color: var(--ct_bg_overlay2)
}

.single-course-side .section-item[data-v-bfdf7322]:hover:after {
    background: var(--ct_bg_overlay2);
    border-radius: 8px;
    content: "";
    height: calc(100% + 16px);
    left: -8px;
    position: absolute;
    top: -8px;
    width: calc(100% + 16px);
    z-index: 1
}

.single-course-side .section-item:hover .section-info[data-v-bfdf7322],
.single-course-side .section-item[data-v-bfdf7322]:before {
    position: relative;
    z-index: 5
}

.single-course-mobile .title .title-text[data-v-bfdf7322]:hover,
.single-course-mobile .title:hover .title-text[data-v-bfdf7322] {
    color: var(--ct_text_h0)
}

.single-course-mobile .title:hover .more-icon[data-v-bfdf7322] {
    background-image: var(--ct_arrow_right_icon);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    width: 16px
}

.single-course-mobile .content-head[data-v-bfdf7322] {
    cursor: pointer;
    position: relative
}

.single-course-mobile .content-head[data-v-bfdf7322]:hover {
    background-color: inherit
}

.single-course-mobile .content-head[data-v-bfdf7322]:hover:before {
    display: none
}

.single-course-mobile[data-v-bfdf7322] .section-item {
    position: relative
}

.single-course-mobile[data-v-bfdf7322] .section-item:hover {
    background-color: inherit !important
}

.single-course-mobile[data-v-bfdf7322] .section-item:hover:after {
    display: none;
    position: absolute
}

.content-course[data-v-a78be569] {
    background-color: transparent
}

.content-course .footer[data-v-a78be569] {
    margin-top: 48px;
    text-align: center;
    width: 100%
}

.content-course .footer .btn[data-v-a78be569] {
    background-color: #ff6900;
    border-radius: 60px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 280px
}

.content-course .footer .btn[data-v-a78be569]:hover {
    background-color: #ff8329
}

.content-course-mobile .footer[data-v-a78be569] {
    margin-top: 24px;
    text-align: center;
    width: 100%
}

.content-course-mobile .footer .btn[data-v-a78be569] {
    background-color: #ff6900;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 200px
}

.content-course-mobile .footer .btn[data-v-a78be569]:hover {
    background-color: #ff6900
}

.official-content * {
    box-sizing: border-box
}

.official-content a {
    color: var(--ct_text_h1);
    text-decoration: none
}

.official-content p {
    margin: 0;
    padding: 0
}

.official-content .direct-up {
    color: var(--ct_text_green)
}

.official-content .direct-bg-up {
    background-color: var(--ct_text_green)
}

.official-content .direct-down {
    color: var(--ct_text_red)
}

.official-content .direct-bg-down {
    background-color: var(--ct_text_red)
}

.official-content .direct-flat {
    color: var(--ct_text_stable)
}

.official-content .direct-bg-flat {
    background-color: var(--ct_text_stable)
}

.official-content .reverse .direct-up {
    color: var(--ct_text_red)
}

.official-content .reverse .direct-bg-up {
    background-color: var(--ct_text_red)
}

.official-content .reverse .direct-down {
    color: var(--ct_text_green)
}

.official-content .reverse .direct-bg-down {
    background-color: var(--ct_text_green)
}

.official-content .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.official-content .ellipsis-2 {
    -webkit-line-clamp: 2
}

.official-content .ellipsis-2,
.official-content .ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.official-content .ellipsis-3 {
    -webkit-line-clamp: 3
}

.official-content .scroll-x-bar--default {
    overflow-x: auto;
    scrollbar-color: var(--ct_bg_overlay1) var(--ct_bg_page1);
    scrollbar-width: 8px
}

.official-content .scroll-x-bar--default::-webkit-scrollbar {
    height: 8px
}

.official-content .scroll-x-bar--default::-webkit-scrollbar-button {
    display: none
}

.official-content .scroll-x-bar--default::-webkit-scrollbar-thumb {
    background-color: var(--ct_bg_overlay1);
    border-radius: 4px
}

.official-content .scroll-x-bar--default::-webkit-scrollbar-track {
    background: var(--ct_bg_page1)
}

.official-content .scroll-y-bar--default {
    overflow-y: auto;
    scrollbar-color: var(--ct_bg_overlay1) var(--ct_bg_page1);
    scrollbar-width: 8px;
    scrollbar-width: 15px
}

.official-content .scroll-y-bar--default::-webkit-scrollbar {
    height: 8px
}

.official-content .scroll-y-bar--default::-webkit-scrollbar-button {
    display: none
}

.official-content .scroll-y-bar--default::-webkit-scrollbar-thumb {
    background-color: var(--ct_bg_overlay1);
    border-radius: 4px
}

.official-content .scroll-y-bar--default::-webkit-scrollbar-track {
    background: var(--ct_bg_page1)
}

.official-content .scroll-y-bar--default::-webkit-scrollbar {
    width: 8px
}

.official-content .cursor-pointer {
    cursor: pointer
}

.official-content .display-flex {
    display: flex
}

.official-content .broswer-scroll-bar-hide::-webkit-scrollbar {
    height: 0;
    width: 0
}

.official-content .broswer-scroll-bar-hide::-webkit-scrollbar-thumb {
    background: transparent
}

.official-content .broswer-scroll-bar-hide::-webkit-scrollbar-track {
    opacity: 0
}

.official-content .stop-scroll {
    overflow: hidden
}

:root {
    --font-size-6: 6px;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-20: 20px
}

.official-content-black {
    --ct_text_h0: #fff;
    --ct_text_h1: #e3e4e5;
    --ct_text_h2: #9b9b9e;
    --ct_text_h3: #7d7f83;
    --ct_text_disable: #535457;
    --ct_text_link: #4e7fce;
    --ct_text_highlight: #ea670c;
    --ct_text_highlight_hover: rgba(234, 103, 12, .08);
    --ct_text_green: #00a357;
    --ct_text_green_15: rgba(0, 163, 87, .15);
    --ct_text_green_50: rgba(0, 163, 87, .5);
    --ct_text_red: #e02d48;
    --ct_text_red_15: rgba(224, 45, 72, .15);
    --ct_text_red_50: rgba(224, 45, 72, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #fff;
    --ct_bg_reverse: #e3e4e5;
    --ct_line_gutter: #181a1c;
    --ct_line_selected: #7d7f83;
    --ct_line_input: hsla(214, 3%, 43%, .25);
    --ct-line-input-selected: #7d7f83;
    --ct_bg_page1: #0f1112;
    --ct_bg_card1: #1d1f21;
    --ct_bg_overlay1: #2c2f33;
    --ct_bg_card2: #1d1f21;
    --ct_bg_overlay2: #2c2f33;
    --ct_bg_prominent: #363a40;
    --ct_bg_card1_80: rgba(29, 31, 33, .8);
    --ct_bg_card1_95: rgba(29, 31, 33, .95);
    --ct_bg_card1_50: rgba(29, 31, 33, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .5);
    --ct_popover_bg: #1d1f21;
    --ct_popover_text: #fff;
    --ct_line_separator: hsla(214, 3%, 43%, .15);
    --ct_bg_card1_gradient: linear-gradient(90deg, hsla(0, 0%, 5%, .5) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, hsla(0, 0%, 5%, .8) 9.09%, hsla(0, 0%, 5%, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #0f1112, rgba(15, 17, 18, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(15, 17, 18, 0), #0f1112);
    --ct_bg_page1_gradient3: linear-gradient(0deg, rgba(15, 17, 18, .5), rgba(15, 17, 18, .5));
    --ct_tabs_bg: #2c2f33;
    --ct_special_text_white: #fff;
    --ct_data_up: var(--ct_text_green);
    --ct_data_down: var(--ct_text_red);
    --ct_open_account_card_bg: #1d1f21;
    --ct_open_account_card_close: hsla(204, 6%, 85%, .15);
    --mask-toolbar-watchlist: #9b9b9e;
    --mask-toolbar-watchlist-active: #e3e4e5;
    --ct_feed_text_color: #dee4ed;
    --ui-input-caret: #0a67fc;
    --arrow_button: #c1baba;
    --arrow_disabled_button: #747474;
    --ct_border_color_course: #696c7026;
    --ct_arrow_right_icon: url(/static/img/image_583.png)
}

.official-content-white {
    --ct_text_h0: #1d1d1d;
    --ct_text_h1: #0f1112;
    --ct_text_h2: #606266;
    --ct_text_h3: #909499;
    --ct_text_disable: #bbbdc0;
    --ct_text_link: #2b78f5;
    --ct_text_highlight: #f36f12;
    --ct_text_highlight_hover: rgba(243, 111, 18, .08);
    --ct_text_green: #00a870;
    --ct_text_green_15: rgba(0, 168, 112, .15);
    --ct_text_green_50: rgba(0, 168, 112, .5);
    --ct_text_red: #f03a55;
    --ct_text_red_15: rgba(240, 58, 85, .15);
    --ct_text_red_50: rgba(240, 58, 85, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #0f1112;
    --ct_bg_reverse: #2c2f33;
    --ct_line_gutter: #f5f6f6;
    --ct_line_selected: #696c70;
    --ct_line_input: #e3e4e5;
    --ct-line-input-selected: #7d7f83;
    --ct_bg_page1: #fff;
    --ct_bg_card1: #f2f3f5;
    --ct_bg_overlay1: #e8eaed;
    --ct_bg_card2: #fff;
    --ct_bg_overlay2: #f2f3f5;
    --ct_bg_prominent: #fff;
    --ct_bg_card1_80: rgba(242, 243, 245, .8);
    --ct_bg_card1_95: rgba(242, 243, 245, .95);
    --ct_bg_card1_50: rgba(242, 243, 245, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .12);
    --ct_popover_bg: #fff;
    --ct_popover_text: #0f1112;
    --ct_line_separator: #ebeced;
    --ct_bg_card1_gradient: linear-gradient(90deg, rgba(242, 243, 245, .5) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_card1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, .8) 9.09%, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient1: linear-gradient(90deg, #fff, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, 0), #fff);
    --ct_bg_page1_gradient3: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
    --ct_tabs_bg: #e8eaed;
    --ct_special_text_white: #fff;
    --ct_open_account_card_bg: #fff;
    --ct_open_account_card_close: rgba(29, 31, 33, .15);
    --mask-toolbar-watchlist: #606266;
    --mask-toolbar-watchlist-active: #0f1112;
    --ct_feed_text_color: #3d3c3c;
    --arrow_button: #747474;
    --arrow_disabled_button: #c1baba;
    --ct_border_color_course: #ebeced;
    --ct_arrow_right_icon: url(/static/img/image_584.png)
}

body[class*=reverse] {
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_red);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_green);
    --ct_data_up: var(--ct_text_red);
    --ct_data_down: var(--ct_text_green)
}

.news-flash-box .title[data-v-9773cc6d] {
    align-items: center;
    display: flex;
    margin: 0;
    padding: 0
}

.news-flash-box .title span[data-v-9773cc6d] {
    font-weight: 600
}

.news-flash-box .title-side[data-v-9773cc6d]:hover {
    color: var(--ct_text_highlight, #f36f12) !important
}

.news-flash-box .title-side:hover .arrow[data-v-9773cc6d] {
    background-image: url(/static/img/image_585.png)
}

.news-flash-box .news-flash-item[data-v-9773cc6d] {
    display: block;
    position: relative
}

.news-flash-box .news-flash-item[data-v-9773cc6d]:hover {
    background: var(--ct_bg_card1, #f2f3f5)
}

.news-flash-box .news-flash-item[data-v-9773cc6d]:hover:before {
    background: var(--ct_bg_card1, #f2f3f5);
    border-radius: 8px;
    content: "";
    height: calc(100% + 16px);
    left: -8px;
    position: absolute;
    top: -8px;
    width: calc(100% + 16px);
    z-index: 1
}

.news-flash-box .news-flash-item:hover .flash-item_box[data-v-9773cc6d] {
    position: relative;
    z-index: 5
}

.news-flash-box .news-flash-item[data-v-9773cc6d]:hover .quote-icon:hover {
    background-color: var(--ct_bg_overlay1, #e8eaed) !important
}

.news-flash-box .news-flash-item .flash-item_time[data-v-9773cc6d] {
    position: relative
}

.news-flash-box .news-flash-item .flash-item_time[data-v-9773cc6d]:before {
    border-radius: 50%;
    content: "";
    position: absolute
}

.news-flash-box .news-flash-item .flash-item_stock[data-v-9773cc6d] {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    overflow: hidden
}

.news-flash-box .news-flash-item .flash-item_stock>[data-v-9773cc6d]:not(:last-child) {
    margin-right: 8px
}

.news-flash-box .footer[data-v-9773cc6d] {
    display: flex;
    justify-content: center
}

.news-flash-box .footer .btn[data-v-9773cc6d] {
    background: #ff6900;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    text-align: center
}

.news-flash-box .footer .btn[data-v-9773cc6d]:hover {
    background: #ff8329
}

.news-flash-box .arrow[data-v-9773cc6d] {
    background-image: var(--ct_arrow_right_icon);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-left: 4px;
    width: 16px
}

.news-flash-box .flash_web.flash_content .title[data-v-9773cc6d] {
    color: var(--ct_text_h1, #0f1112);
    font-size: 48px;
    line-height: 58px;
    margin-bottom: 48px
}

.news-flash-box .flash_web.flash_content .news-flash-item[data-v-9773cc6d] {
    margin-bottom: 16px;
    padding-left: 12px;
    position: relative
}

.news-flash-box .flash_web.flash_content .news-flash-item .flash-item_time[data-v-9773cc6d] {
    color: var(--ct_text_h2, #606266);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 4px
}

.news-flash-box .flash_web.flash_content .news-flash-item .flash-item_time[data-v-9773cc6d]:before {
    background-color: var(--ct_text_h2, #606266);
    height: 4px;
    left: -12px;
    top: 10px;
    width: 4px
}

.news-flash-box .flash_web.flash_content .news-flash-item .flash-item_content[data-v-9773cc6d] {
    color: var(--ct_text_h1, #0f1112);
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 4px;
    margin-left: -12px
}

.news-flash-box .flash_web.flash_content .footer[data-v-9773cc6d] {
    margin-top: 48px
}

.news-flash-box .flash_web.flash_content .footer .btn[data-v-9773cc6d] {
    border-radius: 60px;
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    width: 280px
}

.news-flash-box .flash_web.flash_side .title[data-v-9773cc6d] {
    color: var(--ct_text_h1, #0f1112);
    cursor: pointer;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px
}

.news-flash-box .flash_web.flash_side .news-flash-item[data-v-9773cc6d] {
    margin-bottom: 16px;
    padding-left: 12px
}

.news-flash-box .flash_web.flash_side .news-flash-item .flash-item_time[data-v-9773cc6d] {
    color: var(--ct_text_h2, #606266);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 4px
}

.news-flash-box .flash_web.flash_side .news-flash-item .flash-item_time[data-v-9773cc6d]:before {
    background: var(--ct_text_h2, #606266);
    height: 4px;
    left: -12px;
    top: 10px;
    width: 4px
}

.news-flash-box .flash_web.flash_side .news-flash-item .flash-item_content[data-v-9773cc6d] {
    color: var(--ct_text_h1, #0f1112);
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
    margin-left: -12px
}

.news-flash-box .flash_h5.flash_content .title[data-v-9773cc6d] {
    color: var(--ct_text_h1);
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 24px
}

.news-flash-box .flash_h5.flash_content .news-flash-item[data-v-9773cc6d] {
    margin-bottom: 16px;
    padding-left: 12px
}

.news-flash-box .flash_h5.flash_content .news-flash-item .flash-item_time[data-v-9773cc6d] {
    color: var(--ct_text_h2, #606266);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 4px
}

.news-flash-box .flash_h5.flash_content .news-flash-item .flash-item_time[data-v-9773cc6d]:before {
    background: var(--ct_text_h2, #606266);
    height: 4px;
    left: -12px;
    top: 10px;
    width: 4px
}

.news-flash-box .flash_h5.flash_content .news-flash-item .flash-item_content[data-v-9773cc6d] {
    color: var(--ct_text_h1);
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
    margin-left: -12px
}

.news-flash-box .flash_h5.flash_content .footer[data-v-9773cc6d] {
    margin-top: 24px
}

.news-flash-box .flash_h5.flash_content .footer .btn[data-v-9773cc6d] {
    border-radius: 60px;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    width: 200px
}

.news-flash-box .flash_h5.flash_side .title[data-v-9773cc6d] {
    color: var(--ct_text_h1);
    cursor: pointer;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px
}

.news-flash-box .flash_h5.flash_side .news-flash-item[data-v-9773cc6d] {
    margin-bottom: 16px;
    padding-left: 12px
}

.news-flash-box .flash_h5.flash_side .news-flash-item .flash-item_time[data-v-9773cc6d] {
    color: var(--ct_text_h2, #606266);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 4px
}

.news-flash-box .flash_h5.flash_side .news-flash-item .flash-item_time[data-v-9773cc6d]:before {
    background: var(--ct_text_h2, #606266);
    height: 4px;
    left: -12px;
    top: 10px;
    width: 4px
}

.news-flash-box .flash_h5.flash_side .news-flash-item .flash-item_content[data-v-9773cc6d] {
    color: var(--ct_text_h1);
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
    margin-left: -12px
}

.official-content-black .title[data-v-9773cc6d] {
    color: var(--ct_text_h1, #e3e4e5) !important
}

.official-content-black .title-side[data-v-9773cc6d]:hover {
    color: var(--ct_text_highlight, #ea670c) !important
}

.official-content-black .title-side:hover .arrow[data-v-9773cc6d] {
    background-image: url(/static/img/image_586.png)
}

.official-content-black .news-flash-item[data-v-9773cc6d]:hover,
.official-content-black .news-flash-item[data-v-9773cc6d]:hover:before {
    background: var(--ct_bg_card1, #1d1f21)
}

.official-content-black .news-flash-item[data-v-9773cc6d]:hover .quote-icon:hover {
    background: var(--ct_bg_overlay1, #2c2f33)
}

.official-content-black .news-flash-item .flash-item_time[data-v-9773cc6d] {
    color: var(--ct_text_h2, #9b9b9e) !important
}

.official-content-black .news-flash-item .flash-item_time[data-v-9773cc6d]:before {
    background-color: var(--ct_text_h2, #9b9b9e) !important
}

.official-content-black .news-flash-item .flash-item_content[data-v-9773cc6d] {
    color: var(--ct_text_h1, #e3e4e5) !important
}

.official-content[data-v-14756569] {
    position: relative
}

.clickable[data-v-14756569] {
    cursor: pointer
}

.news-list .title[data-v-14756569] {
    align-items: center;
    color: var(--ct_text_h0);
    display: flex;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
    padding: 0
}

.news-list .title .arrow[data-v-14756569] {
    background-color: var(--ct_text_h1);
    flex-shrink: 0;
    height: 16px;
    margin-left: 4px;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%231D1F21' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='M8 2.5 14 8l-6 5.5'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%231D1F21' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='M8 2.5 14 8l-6 5.5'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 16px
}

.news-list .title span[data-v-14756569] {
    font-size: 20px !important;
    font-weight: 600 !important
}

.news-list .click-title[data-v-14756569]:hover {
    color: var(--ct_text_highlight)
}

.news-list .click-title:hover .arrow[data-v-14756569] {
    background-color: var(--ct_text_highlight)
}

.news-list .abstract[data-v-14756569] {
    color: var(--ct_text_h2, #606266);
    font-size: 14px;
    line-height: 24px;
    margin-top: 8px
}

.news-list .abstract[data-v-14756569]:empty {
    margin-top: 0
}

.news-list .box[data-v-14756569] {
    cursor: pointer;
    display: block;
    margin-bottom: 16px;
    position: relative;
    width: 100%
}

.news-list .box[data-v-14756569]:hover {
    position: relative
}

.news-list .box[data-v-14756569]:hover:after {
    background: var(--ct_bg_card1, #f2f3f5);
    border-radius: 8px;
    content: "";
    height: calc(100% + 16px);
    left: -8px;
    position: absolute;
    top: -8px;
    width: calc(100% + 16px);
    z-index: -1
}

.news-list .box .top[data-v-14756569] {
    display: flex;
    justify-content: space-between;
    z-index: 5
}

.news-list .box .top-title[data-v-14756569] {
    color: var(--ct_text_h1);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.news-list .box .top-pic[data-v-14756569] {
    background-position: 50%;
    background-size: cover;
    border-radius: 4px;
    flex-shrink: 0;
    height: 48px;
    width: 64px
}

.news-list .box .time[data-v-14756569] {
    color: var(--ct_text_h3);
    font-size: 12px;
    line-height: 16px;
    z-index: 5
}

.news-list .contain[data-v-14756569] {
    overflow: hidden;
    transform: translate(-8px);
    width: calc(100% + 16px)
}

.news-list .footer .btn[data-v-14756569] {
    background-color: #ff6900;
    border-radius: 45px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    margin: 24px auto 0;
    text-align: center;
    width: 200px
}

.news-list .footer .btn[data-v-14756569]:hover {
    background-color: #ff8329
}

.news-list[data-v-14756569] .swiper-slide {
    height: auto !important;
    padding: 16px 8px 0
}

.news-list[data-v-14756569] .swiper-slide .box:last-child {
    margin-bottom: 0
}

.news-list[data-v-14756569] .swiper-pagination {
    position: relative
}

.news-list[data-v-14756569] .swiper-container-wrap.pagination {
    margin-bottom: 0
}

.news-list[data-v-14756569] .swiper-pagination {
    bottom: 0
}

.news-list[data-v-14756569] .swiper-pagination .swiper-pagination-bullet {
    height: 6px;
    margin: 0 3px;
    width: 6px
}

.news-item[data-v-27abf292] {
    background-color: var(--ct_bg_card1);
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    padding: 16px
}

.news-item .item-content[data-v-27abf292] {
    margin-bottom: 12px
}

.news-item .item-title[data-v-27abf292] {
    color: var(--ct_text_h1);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px
}

.news-item .item-abstract[data-v-27abf292] {
    color: var(--ct_text_h2);
    font-size: 14px;
    line-height: 20px
}

.news-item .item-desc[data-v-27abf292] {
    display: flex;
    justify-content: space-between
}

.news-item .item-desc .detail[data-v-27abf292] {
    color: var(--ct_text_h3);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.news-item .item-desc .detail .source.interval[data-v-27abf292] {
    padding-right: 12px;
    position: relative
}

.news-item .item-desc .detail .source.interval[data-v-27abf292]:before {
    content: "•";
    font-size: 12px;
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%) scale(.5)
}

.news-item .item-desc .quote-list[data-v-27abf292] {
    display: flex;
    flex-shrink: 0
}

.news-item .item-desc .quote-list[data-v-27abf292] .quote-icon {
    margin-left: 8px
}

.news-topic .title[data-v-3899a999] {
    color: var(--ct_text_h0);
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 16px
}

.news-topic .abstract[data-v-3899a999] {
    color: var(--ct_text_h0);
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 48px
}

.news-topic .carousel-item[data-v-3899a999] {
    display: grid;
    flex-grow: 0;
    flex-shrink: 0;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 24px
}

.news-topic .one-item .carousel-item[data-v-3899a999] {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

.news-topic .two-item .carousel-item[data-v-3899a999] {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr
}

.news-topic .footer[data-v-3899a999] {
    padding-top: 30px
}

.news-topic .footer .btn[data-v-3899a999] {
    background-color: #ff6900;
    border-radius: 60px;
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    font-weight: 6000;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    text-align: center;
    width: 280px
}

.news-topic.news-mobile .title[data-v-3899a999] {
    font-size: 28px;
    line-height: 33px
}

.news-topic.news-mobile .abstract[data-v-3899a999] {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 24px
}

.news-topic.news-mobile .carousel-item[data-v-3899a999] {
    grid-template-columns: 1fr;
    grid-gap: 16px
}

.news-topic.news-mobile .footer .btn[data-v-3899a999] {
    border-radius: 40px;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    width: 229px
}

.news-topic.news-mobile[data-v-3899a999] .news-item {
    padding: 20px
}

.news-topic.news-mobile .footer[data-v-3899a999] {
    padding-top: 20px
}

.news-item[data-v-fc031bc5] {
    background-color: var(--ct_bg_card1);
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    padding: 16px
}

.news-item .item-content[data-v-fc031bc5] {
    margin-bottom: 12px
}

.news-item .item-title[data-v-fc031bc5] {
    color: var(--ct_text_h1);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px
}

.news-item .item-abstract[data-v-fc031bc5] {
    color: var(--ct_text_h2);
    font-size: 14px;
    line-height: 20px
}

.news-item .item-desc[data-v-fc031bc5] {
    display: flex;
    justify-content: space-between
}

.news-item .item-desc .detail[data-v-fc031bc5] {
    color: var(--ct_text_h3);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.news-item .item-desc .detail .source.interval[data-v-fc031bc5] {
    padding-right: 12px;
    position: relative
}

.news-item .item-desc .detail .source.interval[data-v-fc031bc5]:before {
    content: "•";
    font-size: 12px;
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%) scale(.5)
}

.news-item .item-desc .quote-list[data-v-fc031bc5] {
    display: flex;
    flex-shrink: 0
}

.news-item .item-desc .quote-list[data-v-fc031bc5] .quote-icon {
    margin-left: 8px
}

.news-topic .title[data-v-6f20e7d3] {
    color: var(--ct_text_h0);
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 16px
}

.news-topic .abstract[data-v-6f20e7d3] {
    color: var(--ct_text_h0);
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 48px
}

.news-topic .carousel-item[data-v-6f20e7d3] {
    display: grid;
    flex-grow: 0;
    flex-shrink: 0;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 24px
}

.news-topic .one-item .carousel-item[data-v-6f20e7d3] {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

.news-topic .two-item .carousel-item[data-v-6f20e7d3] {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr
}

.news-topic .footer[data-v-6f20e7d3] {
    padding-top: 30px
}

.news-topic .footer .btn[data-v-6f20e7d3] {
    background-color: #ff6900;
    border-radius: 60px;
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    font-weight: 6000;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    text-align: center;
    width: 280px
}

.news-topic.news-mobile .title[data-v-6f20e7d3] {
    font-size: 28px;
    line-height: 33px
}

.news-topic.news-mobile .abstract[data-v-6f20e7d3] {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 24px
}

.news-topic.news-mobile .carousel-item[data-v-6f20e7d3] {
    grid-template-columns: 1fr;
    grid-gap: 16px
}

.news-topic.news-mobile .footer .btn[data-v-6f20e7d3] {
    border-radius: 40px;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    width: 229px
}

.news-topic.news-mobile[data-v-6f20e7d3] .news-item {
    padding: 20px
}

.news-topic.news-mobile .footer[data-v-6f20e7d3] {
    padding-top: 20px
}

.skin-white[data-v-54359bfb],
[data-v-54359bfb]:root {
    --module-color: #f9f9f9;
    --overlay-module-color: #f7f7f7;
    --border-color: #f2f2f2;
    --border-color-new: #e5e5e5;
    --h1-color: #3d3c3c;
    --h1-color-new: #262626;
    --h2-color: #939393;
    --h2-color-new: #7a7a7a;
    --h3-color: #c3c3c3;
    --h3-color-new: #aaa;
    --bar-color: #e8e8e8;
    --placeholder-color: #f2f2f2;
    --link-color: #0e55c9cc;
    --link-color-hover: #0e55c9;
    --nnq-feed-title-text-h1: #24262b;
    --nfm-h1-color: #0f1112;
    --nfm-h3-color: #909499;
    --nfm-text-disable-color: #bbbdc0;
    --nfm-text-link-color: #0358e1;
    --nfm-module-color: #f6f7f9;
    --nfm-module-hover-color: #d6d9db;
    --nfm-line-color: #e3e4e5
}

.skin-black[data-v-54359bfb],
.skin-type-3[data-v-54359bfb] {
    --module-color: #262a2f;
    --overlay-module-color: #373d47;
    --border-color: #101112;
    --border-color-new: #575b63;
    --h1-color: #dee4eb;
    --h1-color-new: #dee4eb;
    --h2-color: #aeb4bf;
    --h2-color-new: #939393;
    --h3-color: #828994;
    --h3-color: #6e6e6e;
    --bar-color: #373d47;
    --placeholder-color: #373d47;
    --link-color: #9cc2ffcc;
    --link-color-hover: #9cc2ff;
    --nnq-feed-title-text-h1: #ebeced;
    --nfm-h1-color: #ebeced;
    --nfm-h3-color: #7d7f83;
    --nfm-text-disable-color: #535457;
    --nfm-text-link-color: #5e9bfd;
    --nfm-module-color: #1d1f21;
    --nfm-module-hover-color: #363a40;
    --nfm-line-color: #2a2c30
}

.skin-white .finance-report-biz[data-v-54359bfb],
:root .finance-report-biz[data-v-54359bfb] {
    --module-color: #f6f7f9
}

.skin-black .finance-report-biz[data-v-54359bfb],
.skin-type-3 .finance-report-biz[data-v-54359bfb] {
    --module-color: #2c2f33
}

.isDesktopNN .feed__wrapper[data-v-54359bfb] {
    --link-color: #327fff;
    --link-color-hover: #327fff
}

.newLinkStyle.skin-white .isDesktopNN[data-v-54359bfb] {
    --link-color: #0d6af0cc;
    --link-color-hover: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN .feed__wrapper[data-v-54359bfb],
.newLinkStyle.skin-type-3 .isDesktopNN .feed__wrapper[data-v-54359bfb] {
    --link-color: #81b1ffcc;
    --link-color-hover: #81b1ff
}

img.lazyImageItem[data-v-54359bfb]:not([src]),
img.lazyImageItem[lazy=loading][data-v-54359bfb],
img.lazyImageItem[src=""][data-v-54359bfb] {
    opacity: 0
}

.feed__wrapper a[data-v-54359bfb] {
    color: var(--link-color)
}

.feed__wrapper a[data-v-54359bfb]:active,
.feed__wrapper a[data-v-54359bfb]:hover {
    color: var(--link-color-hover)
}

.nnq_feed_module_alert.skin-black .ui-dialog[data-v-54359bfb] {
    background-color: #1d1f21;
    color: #ebeced
}

.nnq_feed_module_alert.skin-black .ui-dialog .ui-dialog-header[data-v-54359bfb] {
    border-bottom-color: #2a2c30
}

.nnq_feed_module_alert.skin-black .ui-dialog .ui-dialog-header-title[data-v-54359bfb] {
    color: #ebeced
}

.nnq_feed_module_alert.skin-black .ui-dialog .ui-dialog-footer[data-v-54359bfb] {
    color: #0f1112
}

.nnq_feed_module_alert.skin-black .ui-dialog .ui-dialog-footer .ui-btn-strokeGray[data-v-54359bfb] {
    background-color: #1d1f21;
    border-color: transparent;
    color: #ebeced
}

.nnq_feed_module_alert.skin-black .ui-dialog .ui-dialog-footer .js-btn-02[data-v-54359bfb] {
    background: #fff;
    border-color: #fff;
    color: #0f1112
}

.feed__wrapper .quote-snap-shot-card[data-v-54359bfb] {
    box-sizing: border-box
}

.ui-dialog-box .ui-btn[data-v-54359bfb],
.ui-dialog-box .ui-btn[data-v-54359bfb]:hover {
    background-color: #0f1112;
    border-color: #0f1112
}

.ui-dialog-box .ui-btn.ui-btn-strokeGray[data-v-54359bfb] {
    background-color: #fff;
    border-color: #e5e5e5;
    color: #262626
}

.body-no-scroll[data-v-54359bfb] {
    overflow-y: scroll
}

.feed__wrapper[data-v-54359bfb] {
    color: var(--h1-color);
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    line-height: 28px;
    word-break: break-word;
    word-wrap: break-word;
    position: relative
}

.rich-text-wrapper[data-v-8cbe9294] {
    white-space: pre-wrap
}

.nbsp[data-v-68c80775] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-68c80775] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-68c80775]:active,
.feed__wrapper a[data-v-68c80775]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-68c80775],
.skin-type-3 .feed__wrapper a[data-v-68c80775] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-68c80775]:active,
.skin-black .feed__wrapper a[data-v-68c80775]:hover,
.skin-type-3 .feed__wrapper a[data-v-68c80775]:active,
.skin-type-3 .feed__wrapper a[data-v-68c80775]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-68c80775],
.isDesktopNN a[data-v-68c80775]:active,
.isDesktopNN a[data-v-68c80775]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-68c80775] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-68c80775]:active,
.newLinkStyle a[data-v-68c80775]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-68c80775],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-68c80775] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-68c80775]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-68c80775]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-68c80775]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-68c80775]:hover {
    color: #81b1ff
}

.feed-rich-text-type__a[data-v-68c80775] {
    word-break: break-word
}

.nbsp[data-v-3c1e209c] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-3c1e209c] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-3c1e209c]:active,
.feed__wrapper a[data-v-3c1e209c]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-3c1e209c],
.skin-type-3 .feed__wrapper a[data-v-3c1e209c] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-3c1e209c]:active,
.skin-black .feed__wrapper a[data-v-3c1e209c]:hover,
.skin-type-3 .feed__wrapper a[data-v-3c1e209c]:active,
.skin-type-3 .feed__wrapper a[data-v-3c1e209c]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-3c1e209c],
.isDesktopNN a[data-v-3c1e209c]:active,
.isDesktopNN a[data-v-3c1e209c]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-3c1e209c] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-3c1e209c]:active,
.newLinkStyle a[data-v-3c1e209c]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-3c1e209c],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-3c1e209c] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-3c1e209c]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-3c1e209c]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-3c1e209c]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-3c1e209c]:hover {
    color: #81b1ff
}

.feed-rich-text-type__blockbold[data-v-3c1e209c] {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px
}

.feed-rich-text-type__blockbold div[data-v-3c1e209c],
.feed-rich-text-type__blockbold[data-v-3c1e209c] span {
    font-weight: 700
}

.feed-rich-text-type__blockbold.is-client[data-v-3c1e209c] {
    color: var(--h1-color)
}

.nbsp[data-v-7465d980] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-7465d980] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-7465d980]:active,
.feed__wrapper a[data-v-7465d980]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-7465d980],
.skin-type-3 .feed__wrapper a[data-v-7465d980] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-7465d980]:active,
.skin-black .feed__wrapper a[data-v-7465d980]:hover,
.skin-type-3 .feed__wrapper a[data-v-7465d980]:active,
.skin-type-3 .feed__wrapper a[data-v-7465d980]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-7465d980],
.isDesktopNN a[data-v-7465d980]:active,
.isDesktopNN a[data-v-7465d980]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-7465d980] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-7465d980]:active,
.newLinkStyle a[data-v-7465d980]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-7465d980],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-7465d980] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-7465d980]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-7465d980]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-7465d980]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-7465d980]:hover {
    color: #81b1ff
}

.data-feed-rich-text__blockquote[data-v-7465d980] {
    background: transparent;
    border-left: 3px solid var(--border-color);
    color: var(--h1-color-new);
    font-size: 16px;
    line-height: 28px;
    padding: 0 0 0 14px
}

.nbsp[data-v-4538c34a] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-4538c34a] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-4538c34a]:active,
.feed__wrapper a[data-v-4538c34a]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-4538c34a],
.skin-type-3 .feed__wrapper a[data-v-4538c34a] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-4538c34a]:active,
.skin-black .feed__wrapper a[data-v-4538c34a]:hover,
.skin-type-3 .feed__wrapper a[data-v-4538c34a]:active,
.skin-type-3 .feed__wrapper a[data-v-4538c34a]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-4538c34a],
.isDesktopNN a[data-v-4538c34a]:active,
.isDesktopNN a[data-v-4538c34a]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-4538c34a] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-4538c34a]:active,
.newLinkStyle a[data-v-4538c34a]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-4538c34a],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-4538c34a] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-4538c34a]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-4538c34a]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-4538c34a]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-4538c34a]:hover {
    color: #81b1ff
}

.nbsp[data-v-2704f21a] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-2704f21a] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-2704f21a]:active,
.feed__wrapper a[data-v-2704f21a]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-2704f21a],
.skin-type-3 .feed__wrapper a[data-v-2704f21a] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-2704f21a]:active,
.skin-black .feed__wrapper a[data-v-2704f21a]:hover,
.skin-type-3 .feed__wrapper a[data-v-2704f21a]:active,
.skin-type-3 .feed__wrapper a[data-v-2704f21a]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-2704f21a],
.isDesktopNN a[data-v-2704f21a]:active,
.isDesktopNN a[data-v-2704f21a]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-2704f21a] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-2704f21a]:active,
.newLinkStyle a[data-v-2704f21a]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-2704f21a],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-2704f21a] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-2704f21a]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-2704f21a]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-2704f21a]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-2704f21a]:hover {
    color: #81b1ff
}

.nnat[data-v-2704f21a]:after {
    content: " ";
    font-size: 14px;
    line-height: 0
}

.nbsp[data-v-3b23741e] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-3b23741e] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-3b23741e]:active,
.feed__wrapper a[data-v-3b23741e]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-3b23741e],
.skin-type-3 .feed__wrapper a[data-v-3b23741e] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-3b23741e]:active,
.skin-black .feed__wrapper a[data-v-3b23741e]:hover,
.skin-type-3 .feed__wrapper a[data-v-3b23741e]:active,
.skin-type-3 .feed__wrapper a[data-v-3b23741e]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-3b23741e],
.isDesktopNN a[data-v-3b23741e]:active,
.isDesktopNN a[data-v-3b23741e]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-3b23741e] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-3b23741e]:active,
.newLinkStyle a[data-v-3b23741e]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-3b23741e],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-3b23741e] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-3b23741e]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-3b23741e]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-3b23741e]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-3b23741e]:hover {
    color: #81b1ff
}

.feed__rich-text__img-nn[data-v-3b23741e] {
    height: 22px;
    vertical-align: middle;
    width: 22px
}

.nbsp[data-v-66e47e3d] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-66e47e3d] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-66e47e3d]:active,
.feed__wrapper a[data-v-66e47e3d]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-66e47e3d],
.skin-type-3 .feed__wrapper a[data-v-66e47e3d] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-66e47e3d]:active,
.skin-black .feed__wrapper a[data-v-66e47e3d]:hover,
.skin-type-3 .feed__wrapper a[data-v-66e47e3d]:active,
.skin-type-3 .feed__wrapper a[data-v-66e47e3d]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-66e47e3d],
.isDesktopNN a[data-v-66e47e3d]:active,
.isDesktopNN a[data-v-66e47e3d]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-66e47e3d] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-66e47e3d]:active,
.newLinkStyle a[data-v-66e47e3d]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-66e47e3d],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-66e47e3d] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-66e47e3d]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-66e47e3d]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-66e47e3d]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-66e47e3d]:hover {
    color: #81b1ff
}

.nnportfolio[data-v-66e47e3d]:after {
    content: " ";
    font-size: 14px;
    line-height: 0
}

.nbsp[data-v-bb21d014] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-bb21d014] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-bb21d014]:active,
.feed__wrapper a[data-v-bb21d014]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-bb21d014],
.skin-type-3 .feed__wrapper a[data-v-bb21d014] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-bb21d014]:active,
.skin-black .feed__wrapper a[data-v-bb21d014]:hover,
.skin-type-3 .feed__wrapper a[data-v-bb21d014]:active,
.skin-type-3 .feed__wrapper a[data-v-bb21d014]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-bb21d014],
.isDesktopNN a[data-v-bb21d014]:active,
.isDesktopNN a[data-v-bb21d014]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-bb21d014] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-bb21d014]:active,
.newLinkStyle a[data-v-bb21d014]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-bb21d014],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-bb21d014] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-bb21d014]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-bb21d014]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-bb21d014]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-bb21d014]:hover {
    color: #81b1ff
}

.nnstock[data-v-bb21d014]:after {
    content: " ";
    font-size: 14px;
    line-height: 0
}

.nbsp[data-v-75bd3f22] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-75bd3f22] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-75bd3f22]:active,
.feed__wrapper a[data-v-75bd3f22]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-75bd3f22],
.skin-type-3 .feed__wrapper a[data-v-75bd3f22] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-75bd3f22]:active,
.skin-black .feed__wrapper a[data-v-75bd3f22]:hover,
.skin-type-3 .feed__wrapper a[data-v-75bd3f22]:active,
.skin-type-3 .feed__wrapper a[data-v-75bd3f22]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-75bd3f22],
.isDesktopNN a[data-v-75bd3f22]:active,
.isDesktopNN a[data-v-75bd3f22]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-75bd3f22] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-75bd3f22]:active,
.newLinkStyle a[data-v-75bd3f22]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-75bd3f22],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-75bd3f22] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-75bd3f22]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-75bd3f22]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-75bd3f22]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-75bd3f22]:hover {
    color: #81b1ff
}

.nbsp[data-v-e3cfa847] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-e3cfa847] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-e3cfa847]:active,
.feed__wrapper a[data-v-e3cfa847]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-e3cfa847],
.skin-type-3 .feed__wrapper a[data-v-e3cfa847] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-e3cfa847]:active,
.skin-black .feed__wrapper a[data-v-e3cfa847]:hover,
.skin-type-3 .feed__wrapper a[data-v-e3cfa847]:active,
.skin-type-3 .feed__wrapper a[data-v-e3cfa847]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-e3cfa847],
.isDesktopNN a[data-v-e3cfa847]:active,
.isDesktopNN a[data-v-e3cfa847]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-e3cfa847] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-e3cfa847]:active,
.newLinkStyle a[data-v-e3cfa847]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-e3cfa847],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-e3cfa847] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-e3cfa847]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-e3cfa847]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-e3cfa847]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-e3cfa847]:hover {
    color: #81b1ff
}

.nbsp[data-v-34ac55b4] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-34ac55b4] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-34ac55b4]:active,
.feed__wrapper a[data-v-34ac55b4]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-34ac55b4],
.skin-type-3 .feed__wrapper a[data-v-34ac55b4] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-34ac55b4]:active,
.skin-black .feed__wrapper a[data-v-34ac55b4]:hover,
.skin-type-3 .feed__wrapper a[data-v-34ac55b4]:active,
.skin-type-3 .feed__wrapper a[data-v-34ac55b4]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-34ac55b4],
.isDesktopNN a[data-v-34ac55b4]:active,
.isDesktopNN a[data-v-34ac55b4]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-34ac55b4] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-34ac55b4]:active,
.newLinkStyle a[data-v-34ac55b4]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-34ac55b4],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-34ac55b4] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-34ac55b4]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-34ac55b4]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-34ac55b4]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-34ac55b4]:hover {
    color: #81b1ff
}

.nbsp[data-v-f3830916] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-f3830916] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-f3830916]:active,
.feed__wrapper a[data-v-f3830916]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-f3830916],
.skin-type-3 .feed__wrapper a[data-v-f3830916] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-f3830916]:active,
.skin-black .feed__wrapper a[data-v-f3830916]:hover,
.skin-type-3 .feed__wrapper a[data-v-f3830916]:active,
.skin-type-3 .feed__wrapper a[data-v-f3830916]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-f3830916],
.isDesktopNN a[data-v-f3830916]:active,
.isDesktopNN a[data-v-f3830916]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-f3830916] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-f3830916]:active,
.newLinkStyle a[data-v-f3830916]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-f3830916],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-f3830916] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-f3830916]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-f3830916]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-f3830916]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-f3830916]:hover {
    color: #81b1ff
}

.feed__rich-text__old-feed-six[data-v-f3830916] {
    height: 22px;
    width: 22px
}

.emoji-wrapper__img[data-v-c848b139] {
    max-width: 1em;
    vertical-align: -.1em
}

.emoji-wrapper__desc[data-v-c848b139] {
    font-size: medium
}

.nbsp[data-v-052e3a42] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-052e3a42] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-052e3a42]:active,
.feed__wrapper a[data-v-052e3a42]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-052e3a42],
.skin-type-3 .feed__wrapper a[data-v-052e3a42] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-052e3a42]:active,
.skin-black .feed__wrapper a[data-v-052e3a42]:hover,
.skin-type-3 .feed__wrapper a[data-v-052e3a42]:active,
.skin-type-3 .feed__wrapper a[data-v-052e3a42]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-052e3a42],
.isDesktopNN a[data-v-052e3a42]:active,
.isDesktopNN a[data-v-052e3a42]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-052e3a42] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-052e3a42]:active,
.newLinkStyle a[data-v-052e3a42]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-052e3a42],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-052e3a42] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-052e3a42]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-052e3a42]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-052e3a42]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-052e3a42]:hover {
    color: #81b1ff
}

.feed-rich-text-type__a[data-v-052e3a42] {
    word-break: break-all
}

.nbsp[data-v-60d7a866] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-60d7a866] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-60d7a866]:active,
.feed__wrapper a[data-v-60d7a866]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-60d7a866],
.skin-type-3 .feed__wrapper a[data-v-60d7a866] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-60d7a866]:active,
.skin-black .feed__wrapper a[data-v-60d7a866]:hover,
.skin-type-3 .feed__wrapper a[data-v-60d7a866]:active,
.skin-type-3 .feed__wrapper a[data-v-60d7a866]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-60d7a866],
.isDesktopNN a[data-v-60d7a866]:active,
.isDesktopNN a[data-v-60d7a866]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-60d7a866] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-60d7a866]:active,
.newLinkStyle a[data-v-60d7a866]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-60d7a866],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-60d7a866] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-60d7a866]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-60d7a866]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-60d7a866]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-60d7a866]:hover {
    color: #81b1ff
}

.feed-rich-text-type__blockbold[data-v-60d7a866] {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px
}

.feed-rich-text-type__blockbold.is-client[data-v-60d7a866] {
    color: var(--h2-color)
}

.nbsp[data-v-d951a2ce] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-d951a2ce] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-d951a2ce]:active,
.feed__wrapper a[data-v-d951a2ce]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-d951a2ce],
.skin-type-3 .feed__wrapper a[data-v-d951a2ce] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-d951a2ce]:active,
.skin-black .feed__wrapper a[data-v-d951a2ce]:hover,
.skin-type-3 .feed__wrapper a[data-v-d951a2ce]:active,
.skin-type-3 .feed__wrapper a[data-v-d951a2ce]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-d951a2ce],
.isDesktopNN a[data-v-d951a2ce]:active,
.isDesktopNN a[data-v-d951a2ce]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-d951a2ce] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-d951a2ce]:active,
.newLinkStyle a[data-v-d951a2ce]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-d951a2ce],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-d951a2ce] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-d951a2ce]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-d951a2ce]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-d951a2ce]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-d951a2ce]:hover {
    color: #81b1ff
}

.nbsp[data-v-b23dd527] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-b23dd527] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-b23dd527]:active,
.feed__wrapper a[data-v-b23dd527]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-b23dd527],
.skin-type-3 .feed__wrapper a[data-v-b23dd527] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-b23dd527]:active,
.skin-black .feed__wrapper a[data-v-b23dd527]:hover,
.skin-type-3 .feed__wrapper a[data-v-b23dd527]:active,
.skin-type-3 .feed__wrapper a[data-v-b23dd527]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-b23dd527],
.isDesktopNN a[data-v-b23dd527]:active,
.isDesktopNN a[data-v-b23dd527]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-b23dd527] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-b23dd527]:active,
.newLinkStyle a[data-v-b23dd527]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-b23dd527],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-b23dd527] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-b23dd527]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-b23dd527]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-b23dd527]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-b23dd527]:hover {
    color: #81b1ff
}

.nbsp[data-v-90884d9a] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-90884d9a] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-90884d9a]:active,
.feed__wrapper a[data-v-90884d9a]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-90884d9a],
.skin-type-3 .feed__wrapper a[data-v-90884d9a] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-90884d9a]:active,
.skin-black .feed__wrapper a[data-v-90884d9a]:hover,
.skin-type-3 .feed__wrapper a[data-v-90884d9a]:active,
.skin-type-3 .feed__wrapper a[data-v-90884d9a]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-90884d9a],
.isDesktopNN a[data-v-90884d9a]:active,
.isDesktopNN a[data-v-90884d9a]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-90884d9a] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-90884d9a]:active,
.newLinkStyle a[data-v-90884d9a]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-90884d9a],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-90884d9a] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-90884d9a]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-90884d9a]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-90884d9a]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-90884d9a]:hover {
    color: #81b1ff
}

.feed__rich-text__img-nn-wrapper[data-v-90884d9a] {
    display: inline
}

.feed__rich-text__img-nn-wrapper__img-nn[data-v-90884d9a] {
    height: 22px;
    width: 22px
}

.nbsp[data-v-a31730b2] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-a31730b2] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-a31730b2]:active,
.feed__wrapper a[data-v-a31730b2]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-a31730b2],
.skin-type-3 .feed__wrapper a[data-v-a31730b2] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-a31730b2]:active,
.skin-black .feed__wrapper a[data-v-a31730b2]:hover,
.skin-type-3 .feed__wrapper a[data-v-a31730b2]:active,
.skin-type-3 .feed__wrapper a[data-v-a31730b2]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-a31730b2],
.isDesktopNN a[data-v-a31730b2]:active,
.isDesktopNN a[data-v-a31730b2]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-a31730b2] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-a31730b2]:active,
.newLinkStyle a[data-v-a31730b2]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-a31730b2],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-a31730b2] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-a31730b2]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-a31730b2]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-a31730b2]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-a31730b2]:hover {
    color: #81b1ff
}

.nbsp[data-v-6841cdef] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-6841cdef] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-6841cdef]:active,
.feed__wrapper a[data-v-6841cdef]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-6841cdef],
.skin-type-3 .feed__wrapper a[data-v-6841cdef] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-6841cdef]:active,
.skin-black .feed__wrapper a[data-v-6841cdef]:hover,
.skin-type-3 .feed__wrapper a[data-v-6841cdef]:active,
.skin-type-3 .feed__wrapper a[data-v-6841cdef]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-6841cdef],
.isDesktopNN a[data-v-6841cdef]:active,
.isDesktopNN a[data-v-6841cdef]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-6841cdef] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-6841cdef]:active,
.newLinkStyle a[data-v-6841cdef]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-6841cdef],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-6841cdef] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-6841cdef]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-6841cdef]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-6841cdef]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-6841cdef]:hover {
    color: #81b1ff
}

.nbsp[data-v-9fd8691b] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-9fd8691b] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-9fd8691b]:active,
.feed__wrapper a[data-v-9fd8691b]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-9fd8691b],
.skin-type-3 .feed__wrapper a[data-v-9fd8691b] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-9fd8691b]:active,
.skin-black .feed__wrapper a[data-v-9fd8691b]:hover,
.skin-type-3 .feed__wrapper a[data-v-9fd8691b]:active,
.skin-type-3 .feed__wrapper a[data-v-9fd8691b]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-9fd8691b],
.isDesktopNN a[data-v-9fd8691b]:active,
.isDesktopNN a[data-v-9fd8691b]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-9fd8691b] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-9fd8691b]:active,
.newLinkStyle a[data-v-9fd8691b]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-9fd8691b],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-9fd8691b] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-9fd8691b]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-9fd8691b]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-9fd8691b]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-9fd8691b]:hover {
    color: #81b1ff
}

.nbsp[data-v-f3253f52] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-f3253f52] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-f3253f52]:active,
.feed__wrapper a[data-v-f3253f52]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-f3253f52],
.skin-type-3 .feed__wrapper a[data-v-f3253f52] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-f3253f52]:active,
.skin-black .feed__wrapper a[data-v-f3253f52]:hover,
.skin-type-3 .feed__wrapper a[data-v-f3253f52]:active,
.skin-type-3 .feed__wrapper a[data-v-f3253f52]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-f3253f52],
.isDesktopNN a[data-v-f3253f52]:active,
.isDesktopNN a[data-v-f3253f52]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-f3253f52] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-f3253f52]:active,
.newLinkStyle a[data-v-f3253f52]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-f3253f52],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-f3253f52] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-f3253f52]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-f3253f52]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-f3253f52]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-f3253f52]:hover {
    color: #81b1ff
}

.nbsp[data-v-3013211b] {
    display: inline-block;
    font-size: 0;
    height: 0;
    width: 0
}

.feed__wrapper a[data-v-3013211b] {
    color: #0e55c9cc
}

.feed__wrapper a[data-v-3013211b]:active,
.feed__wrapper a[data-v-3013211b]:hover {
    color: #0e55c9
}

.skin-black .feed__wrapper a[data-v-3013211b],
.skin-type-3 .feed__wrapper a[data-v-3013211b] {
    color: #9cc2ffcc
}

.skin-black .feed__wrapper a[data-v-3013211b]:active,
.skin-black .feed__wrapper a[data-v-3013211b]:hover,
.skin-type-3 .feed__wrapper a[data-v-3013211b]:active,
.skin-type-3 .feed__wrapper a[data-v-3013211b]:hover {
    color: #9cc2ff
}

.isDesktopNN a[data-v-3013211b],
.isDesktopNN a[data-v-3013211b]:active,
.isDesktopNN a[data-v-3013211b]:hover {
    color: #327fff
}

.newLinkStyle a[data-v-3013211b] {
    color: #0d6af0cc
}

.newLinkStyle a[data-v-3013211b]:active,
.newLinkStyle a[data-v-3013211b]:hover {
    color: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-3013211b],
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-3013211b] {
    color: #81b1ffcc
}

.newLinkStyle.skin-black .isDesktopNN a[data-v-3013211b]:active,
.newLinkStyle.skin-black .isDesktopNN a[data-v-3013211b]:hover,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-3013211b]:active,
.newLinkStyle.skin-type-3 .isDesktopNN a[data-v-3013211b]:hover {
    color: #81b1ff
}

.path1 {
    stroke: #7a7a7a
}

.path2 {
    fill: #7a7a7a
}

.stack[data-v-0afae37b] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-size: 0;
    min-height: 24px;
    min-width: 24px;
    position: relative;
    top: 1px
}

.stack .like[data-v-0afae37b] {
    height: 20px;
    width: 20px
}

.stack .top1[data-v-0afae37b] {
    top: -1px
}

.stack .big[data-v-0afae37b] {
    height: 24px;
    top: 2px;
    width: 24px
}

.stack .emot[data-v-0afae37b] {
    display: inline-block;
    height: 24px;
    margin-left: -9px;
    width: 24px
}

.stack .emot img[data-v-0afae37b] {
    height: 100%;
    width: 100%
}

.stack .emot[data-v-0afae37b]:first-child {
    margin-left: -2px
}

.stack .small-num-emot.small-num-emot[data-v-0afae37b] {
    margin-left: 0;
    position: relative;
    top: 2px
}

.stack .nomal-num[data-v-0afae37b] {
    height: 20px;
    top: 0 !important;
    width: 20px
}

.stack .idx1[data-v-0afae37b] {
    position: relative;
    z-index: 1
}

.stack .idx2[data-v-0afae37b] {
    position: relative;
    z-index: 2
}

.stack .idx3[data-v-0afae37b] {
    position: relative;
    z-index: 3
}

.stack .idx4[data-v-0afae37b] {
    position: relative;
    z-index: 4
}

.stack .like[data-v-0afae37b] .path0 {
    fill: var(--stack-like-bg)
}

.stack .like[data-v-0afae37b] .path1 {
    stroke: var(--stack-like)
}

.stack .like[data-v-0afae37b] .path2 {
    fill: var(--stack-like)
}

.stack .num[data-v-0afae37b] {
    color: var(--stack-like);
    font-size: 14px;
    line-height: 1;
    margin-left: 8px;
    position: relative
}

.stack:hover .like[data-v-0afae37b] .path1 {
    stroke: var(--stack-like-hover)
}

.stack:hover .like[data-v-0afae37b] .path2 {
    fill: var(--stack-like-hover)
}

.stack:hover .num[data-v-0afae37b] {
    color: var(--stack-like-hover)
}

.stack .small[data-v-0afae37b] {
    color: var(--stack-small-num-color) !important;
    font-size: 10px;
    left: 12px;
    min-width: 15px;
    position: absolute;
    text-align: center;
    top: -1px;
    transform: scale(.8);
    white-space: nowrap
}

.actived .like[data-v-0afae37b] .path1 {
    stroke: var(--stack-like-hover)
}

.actived .like[data-v-0afae37b] .path2 {
    fill: var(--stack-like-hover)
}

.actived .num[data-v-0afae37b] {
    color: var(--stack-like-hover)
}

.white.stack {
    --panel-background: #fff;
    --box-shadow: #e4eaf0;
    --emotion-hover: #e9ecf0;
    --emotion-selected: #e9ecf0;
    --stack-like: #7d7f83;
    --stack-like-hover: #262626;
    --stack-like-bg: #fff;
    --stack-small-num-color: #3d3c3c;
    --panel-button-color: #0c0c0d
}

.black.stack {
    --panel-background: #292929;
    --box-shadow: #3d3d3d;
    --emotion-hover: #373e47;
    --emotion-selected: #373e47;
    --stack-like: #7d7f83;
    --stack-like-hover: #ebeced;
    --stack-like-bg: #191919;
    --stack-small-num-color: #aeb4bf;
    --panel-button-color: #e4e3e5
}

.nnq-func-section[data-v-45ab0154] {
    line-height: 1;
    padding: 6px 0;
    position: relative
}

.nnq-func-section .nnq-func-section-left[data-v-45ab0154] {
    display: flex;
    line-height: 1;
    max-width: 446px
}

.nnq-func-section .nnq-func-section-left .func-item[data-v-45ab0154] {
    display: flex;
    flex: 1 1 0%
}

.nnq-func-section .func[data-v-45ab0154] {
    align-items: center;
    color: var(--nnq-feed-list-text-h2-light);
    cursor: pointer;
    display: flex
}

.nnq-func-section .func-wrapper[data-v-45ab0154] {
    align-items: center;
    display: flex
}

.nnq-func-section .func-icon[data-v-45ab0154] {
    font-size: 20px;
    vertical-align: middle
}

.nnq-func-section .func-icon.func-icon-pic[data-v-45ab0154] {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: inline-block;
    filter: blur(0);
    height: 20px;
    position: relative;
    vertical-align: baseline;
    width: 20px
}

.nnq-func-section .func-icon.func-icon-comment[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M4 3a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h2.889l1.99 2.239a1.5 1.5 0 0 0 2.242 0L13.111 16H16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cpath fill='%23909499' d='m6.889 16 .897-.797a1.2 1.2 0 0 0-.897-.403zm1.99 2.239.897-.797zm2.242 0-.897-.797zM13.111 16v-1.2a1.2 1.2 0 0 0-.897.403zM3.2 5a.8.8 0 0 1 .8-.8V1.8A3.2 3.2 0 0 0 .8 5zm0 9V5H.8v9zm.8.8a.8.8 0 0 1-.8-.8H.8A3.2 3.2 0 0 0 4 17.2zm2.889 0H4v2.4h2.889zm2.887 2.642-1.99-2.24-1.794 1.595 1.99 2.239zm.448 0a.3.3 0 0 1-.448 0l-1.794 1.594a2.7 2.7 0 0 0 4.036 0zm1.99-2.24-1.99 2.24 1.794 1.594 1.99-2.239zM16 14.8h-2.889v2.4H16zm.8-.8a.8.8 0 0 1-.8.8v2.4a3.2 3.2 0 0 0 3.2-3.2zm0-9v9h2.4V5zm-.8-.8a.8.8 0 0 1 .8.8h2.4A3.2 3.2 0 0 0 16 1.8zm-12 0h12V1.8H4z' mask='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section .func-icon.func-icon-share[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg stroke='%23909499' stroke-linecap='round' stroke-width='1.2' clip-path='url(%23a)'%3E%3Cpath d='M17 9.604v6.148a1.24 1.24 0 0 1-1.238 1.235L4.238 17A1.24 1.24 0 0 1 3 15.765V4.235C3 3.555 3.557 3 4.238 3h4.907'/%3E%3Cpath stroke-linejoin='round' d='m13.398 2 4.532 4.508h-5.621C10.303 6.508 8.55 7.93 8 9.784'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section .func-icon.func-icon-more[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23909499' fill-rule='evenodd' d='M5 10a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m6.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section .func-icon[data-v-45ab0154]:hover {
    color: var(--nnq-feed-list-text-h2-hover)
}

.nnq-func-section .func-icon[data-v-45ab0154]:active {
    color: var(--nnq-feed-list-text-h2-light)
}

.nnq-func-section .func-icon.activing[data-v-45ab0154] {
    color: var(--nnq-feed-list-text-h2-hover)
}

.nnq-func-section .func-text[data-v-45ab0154] {
    color: var(--nnq-feed-list-text-h2-light);
    font-size: 14px;
    margin-left: 8px;
    vertical-align: middle
}

.nnq-func-section .func-text--orange[data-v-45ab0154] {
    color: #ff6900
}

.nnq-func-section .func:hover .func-icon.like-pic--like[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M4.6 20C1.443 20 .677 17.22.677 16.075V9.206c0-2.747 2.29-3.434 3.434-3.434h1.472s.629-.512.996-1.334c.3-.67.319-1.561.552-2.407C7.728.237 10.028-.668 12.083.574c2.33 1.518 2.167 3.726 2.33 5.198h1.472c2.748 0 3.343 2.315 3.435 3.925s-1.15 6.378-1.15 6.378-.414 3.22-3.757 3.925z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' stroke='%230C0C0D' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12.068 7.421h3.885c.87 0 1.547.906 1.547 2.072 0 1.305-1.04 6.273-1.584 7.246A2.42 2.42 0 0 1 13.798 18H4.112c-.87 0-1.581-.752-1.581-1.671L2.5 9.092c0-.919.712-1.67 1.582-1.67h1.953s2.65-1.272 2.79-4.2c.205-1.842 2.248-1.293 2.897-.362 1.384 1.984.346 4.561.346 4.561' clip-rule='evenodd'/%3E%3Cpath fill='%230C0C0D' fill-rule='evenodd' d='M5.552 18.239h1.2v-11h-1.2z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section .func:hover .func-icon.func-icon-comment[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M4 3a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h2.889l1.99 2.239a1.5 1.5 0 0 0 2.242 0L13.111 16H16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cpath fill='%230C0C0D' d='m6.889 16 .897-.797a1.2 1.2 0 0 0-.897-.403zm1.99 2.239.897-.797zm2.242 0-.897-.797zM13.111 16v-1.2a1.2 1.2 0 0 0-.897.403zM3.2 5a.8.8 0 0 1 .8-.8V1.8A3.2 3.2 0 0 0 .8 5zm0 9V5H.8v9zm.8.8a.8.8 0 0 1-.8-.8H.8A3.2 3.2 0 0 0 4 17.2zm2.889 0H4v2.4h2.889zm2.887 2.642-1.99-2.24-1.794 1.595 1.99 2.239zm.448 0a.3.3 0 0 1-.448 0l-1.794 1.594a2.7 2.7 0 0 0 4.036 0zm1.99-2.24-1.99 2.24 1.794 1.594 1.99-2.239zM16 14.8h-2.889v2.4H16zm.8-.8a.8.8 0 0 1-.8.8v2.4a3.2 3.2 0 0 0 3.2-3.2zm0-9v9h2.4V5zm-.8-.8a.8.8 0 0 1 .8.8h2.4A3.2 3.2 0 0 0 16 1.8zm-12 0h12V1.8H4z' mask='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section .func:hover .func-icon.func-icon-share[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg stroke='%230C0C0D' stroke-linecap='round' stroke-width='1.2' clip-path='url(%23a)'%3E%3Cpath d='M17 9.604v6.148a1.24 1.24 0 0 1-1.238 1.235L4.238 17A1.24 1.24 0 0 1 3 15.765V4.235C3 3.555 3.557 3 4.238 3h4.907'/%3E%3Cpath stroke-linejoin='round' d='m13.398 2 4.532 4.508h-5.621C10.303 6.508 8.55 7.93 8 9.784'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section .func:hover .func-icon.func-icon-more[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%230C0C0D' fill-rule='evenodd' d='M5 10a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m6.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section .func:hover .func-text[data-v-45ab0154] {
    color: var(--nnq-feed-list-text-h2-hover)
}

.nnq-func-section .func:active .func-icon.like-pic--like[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M4.6 20C1.443 20 .677 17.22.677 16.075V9.206c0-2.747 2.29-3.434 3.434-3.434h1.472s.629-.512.996-1.334c.3-.67.319-1.561.552-2.407C7.728.237 10.028-.668 12.083.574c2.33 1.518 2.167 3.726 2.33 5.198h1.472c2.748 0 3.343 2.315 3.435 3.925s-1.15 6.378-1.15 6.378-.414 3.22-3.757 3.925z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' stroke='%23909499' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12.068 7.421h3.885c.87 0 1.547.906 1.547 2.072 0 1.305-1.04 6.273-1.584 7.246A2.42 2.42 0 0 1 13.798 18H4.112c-.87 0-1.581-.752-1.581-1.671L2.5 9.092c0-.919.712-1.67 1.582-1.67h1.953s2.65-1.272 2.79-4.2c.205-1.842 2.248-1.293 2.897-.362 1.384 1.984.346 4.561.346 4.561' clip-rule='evenodd'/%3E%3Cpath fill='%23909499' fill-rule='evenodd' d='M5.552 18.239h1.2v-11h-1.2z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section .func:active .func-icon.func-icon-comment[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M4 3a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h2.889l1.99 2.239a1.5 1.5 0 0 0 2.242 0L13.111 16H16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cpath fill='%23909499' d='m6.889 16 .897-.797a1.2 1.2 0 0 0-.897-.403zm1.99 2.239.897-.797zm2.242 0-.897-.797zM13.111 16v-1.2a1.2 1.2 0 0 0-.897.403zM3.2 5a.8.8 0 0 1 .8-.8V1.8A3.2 3.2 0 0 0 .8 5zm0 9V5H.8v9zm.8.8a.8.8 0 0 1-.8-.8H.8A3.2 3.2 0 0 0 4 17.2zm2.889 0H4v2.4h2.889zm2.887 2.642-1.99-2.24-1.794 1.595 1.99 2.239zm.448 0a.3.3 0 0 1-.448 0l-1.794 1.594a2.7 2.7 0 0 0 4.036 0zm1.99-2.24-1.99 2.24 1.794 1.594 1.99-2.239zM16 14.8h-2.889v2.4H16zm.8-.8a.8.8 0 0 1-.8.8v2.4a3.2 3.2 0 0 0 3.2-3.2zm0-9v9h2.4V5zm-.8-.8a.8.8 0 0 1 .8.8h2.4A3.2 3.2 0 0 0 16 1.8zm-12 0h12V1.8H4z' mask='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section .func:active .func-icon.func-icon-share[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg stroke='%23909499' stroke-linecap='round' stroke-width='1.2' clip-path='url(%23a)'%3E%3Cpath d='M17 9.604v6.148a1.24 1.24 0 0 1-1.238 1.235L4.238 17A1.24 1.24 0 0 1 3 15.765V4.235C3 3.555 3.557 3 4.238 3h4.907'/%3E%3Cpath stroke-linejoin='round' d='m13.398 2 4.532 4.508h-5.621C10.303 6.508 8.55 7.93 8 9.784'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section .func:active .func-icon.func-icon-more[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23909499' fill-rule='evenodd' d='M5 10a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m6.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section .func:active .func-text[data-v-45ab0154] {
    color: var(--nnq-feed-list-text-h2-light)
}

.nnq-func-section .func.activing .func-icon.func-icon-share[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg stroke='%230C0C0D' stroke-linecap='round' stroke-width='1.2' clip-path='url(%23a)'%3E%3Cpath d='M17 9.604v6.148a1.24 1.24 0 0 1-1.238 1.235L4.238 17A1.24 1.24 0 0 1 3 15.765V4.235C3 3.555 3.557 3 4.238 3h4.907'/%3E%3Cpath stroke-linejoin='round' d='m13.398 2 4.532 4.508h-5.621C10.303 6.508 8.55 7.93 8 9.784'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section .func.activing .func-icon.func-icon-more[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%230C0C0D' fill-rule='evenodd' d='M5 10a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m6.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section .func.activing .func-text[data-v-45ab0154] {
    color: var(--nnq-feed-list-text-h2-hover)
}

.nnq-func-section .func-view-count[data-v-45ab0154] {
    color: var(--nnq-feed-list-text-h2-light);
    margin: 6px 0;
    position: absolute;
    right: 20px;
    top: 0
}

.nnq-func-section .func-like-wrapper[data-v-45ab0154] {
    display: flex
}

.nnq-func-section .func-like-wrapper .func-text[data-v-45ab0154] {
    margin-left: 16px
}

.nnq-func-section .func-like-wrapper .func-like[data-v-45ab0154] {
    line-height: 0
}

.nnq-func-section .func-like-wrapper .func-like[data-v-45ab0154] .stack {
    top: 0
}

.nnq-func-section .func-like-wrapper .func-like[data-v-45ab0154] .stack .num {
    margin-left: 6px
}

.nnq-func-section .func-like-wrapper .func-like[data-v-45ab0154] .stack.black,
.nnq-func-section .func-like-wrapper .func-like[data-v-45ab0154] .stack.white {
    --stack-like: var(--nnq-feed-list-func-btn-color)
}

.nnq-func-section .func-like-wrapper .func-like[data-v-45ab0154] .stack:hover.white {
    --stack-like-hover: var(--nnq-feed-list-text-h2-hover)
}

.nnq-func-section .func-like-wrapper .func-like[data-v-45ab0154] .stack:hover.white .num {
    color: var(--stack-like-hover)
}

.nnq-func-section .func-like-wrapper .func-like[data-v-45ab0154] .stack:hover.black {
    --stack-like-hover: var(--nnq-feed-list-text-h2-hover)
}

.nnq-func-section .func-like-wrapper .func-like[data-v-45ab0154] .stack:hover.black .num {
    color: var(--stack-like-hover)
}

.nnq-func-section .func-like-wrapper .func-like[data-v-45ab0154] .stack:active.white {
    --stack-like: var(--nnq-feed-list-text-h2-light);
    --stack-like-hover: var(--nnq-feed-list-text-h2-light)
}

.nnq-func-section .func-like-wrapper .func-like[data-v-45ab0154] .stack:active.white .num {
    color: var(--stack-like)
}

.nnq-func-section .func-like-wrapper .func-like[data-v-45ab0154] .stack:active.black {
    --stack-like: var(--nnq-feed-list-text-h2-light);
    --stack-like-hover: var(--nnq-feed-list-text-h2-light)
}

.nnq-func-section .func-like-wrapper .func-like[data-v-45ab0154] .stack:active.black .num {
    color: var(--stack-like-hover)
}

.nnq-func-section .share-pop-wrapper[data-v-45ab0154] {
    margin-top: 2px
}

.nnq-func-section.skin-black .func[data-v-45ab0154]:active {
    color: #7d7f83
}

.nnq-func-section.skin-black .func .func-text--orange[data-v-45ab0154],
.nnq-func-section.skin-black .func.activing[data-v-45ab0154] {
    color: #fff
}

.nnq-func-section.skin-black .func-icon.func-icon-comment[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M4 3a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h2.889l1.99 2.239a1.5 1.5 0 0 0 2.242 0L13.111 16H16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cpath fill='%237D7F83' d='m6.889 16 .897-.797a1.2 1.2 0 0 0-.897-.403zm1.99 2.239.897-.797zm2.242 0-.897-.797zM13.111 16v-1.2a1.2 1.2 0 0 0-.897.403zM3.2 5a.8.8 0 0 1 .8-.8V1.8A3.2 3.2 0 0 0 .8 5zm0 9V5H.8v9zm.8.8a.8.8 0 0 1-.8-.8H.8A3.2 3.2 0 0 0 4 17.2zm2.889 0H4v2.4h2.889zm2.887 2.642-1.99-2.24-1.794 1.595 1.99 2.239zm.448 0a.3.3 0 0 1-.448 0l-1.794 1.594a2.7 2.7 0 0 0 4.036 0zm1.99-2.24-1.99 2.24 1.794 1.594 1.99-2.239zM16 14.8h-2.889v2.4H16zm.8-.8a.8.8 0 0 1-.8.8v2.4a3.2 3.2 0 0 0 3.2-3.2zm0-9v9h2.4V5zm-.8-.8a.8.8 0 0 1 .8.8h2.4A3.2 3.2 0 0 0 16 1.8zm-12 0h12V1.8H4z' mask='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section.skin-black .func-icon.func-icon-share[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg stroke='%237D7F83' stroke-linecap='round' stroke-width='1.2' clip-path='url(%23a)'%3E%3Cpath d='M17 9.604v6.148a1.24 1.24 0 0 1-1.238 1.235L4.238 17A1.24 1.24 0 0 1 3 15.765V4.235C3 3.555 3.557 3 4.238 3h4.907'/%3E%3Cpath stroke-linejoin='round' d='m13.398 2 4.532 4.508h-5.621C10.303 6.508 8.55 7.93 8 9.784'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section.skin-black .func-icon.func-icon-more[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%237D7F83' fill-rule='evenodd' d='M5 10a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m6.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section.skin-black .func:hover .func-icon.func-icon-comment[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M4 3a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h2.889l1.99 2.239a1.5 1.5 0 0 0 2.242 0L13.111 16H16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cpath fill='%23EBECED' d='m6.889 16 .897-.797a1.2 1.2 0 0 0-.897-.403zm1.99 2.239.897-.797zm2.242 0-.897-.797zM13.111 16v-1.2a1.2 1.2 0 0 0-.897.403zM3.2 5a.8.8 0 0 1 .8-.8V1.8A3.2 3.2 0 0 0 .8 5zm0 9V5H.8v9zm.8.8a.8.8 0 0 1-.8-.8H.8A3.2 3.2 0 0 0 4 17.2zm2.889 0H4v2.4h2.889zm2.887 2.642-1.99-2.24-1.794 1.595 1.99 2.239zm.448 0a.3.3 0 0 1-.448 0l-1.794 1.594a2.7 2.7 0 0 0 4.036 0zm1.99-2.24-1.99 2.24 1.794 1.594 1.99-2.239zM16 14.8h-2.889v2.4H16zm.8-.8a.8.8 0 0 1-.8.8v2.4a3.2 3.2 0 0 0 3.2-3.2zm0-9v9h2.4V5zm-.8-.8a.8.8 0 0 1 .8.8h2.4A3.2 3.2 0 0 0 16 1.8zm-12 0h12V1.8H4z' mask='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section.skin-black .func:hover .func-icon.func-icon-share[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg stroke='%23EBECED' stroke-linecap='round' stroke-width='1.2' clip-path='url(%23a)'%3E%3Cpath d='M17 9.604v6.148a1.24 1.24 0 0 1-1.238 1.235L4.238 17A1.24 1.24 0 0 1 3 15.765V4.235C3 3.555 3.557 3 4.238 3h4.907'/%3E%3Cpath stroke-linejoin='round' d='m13.398 2 4.532 4.508h-5.621C10.303 6.508 8.55 7.93 8 9.784'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section.skin-black .func:hover .func-icon.func-icon-more[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23EBECED' fill-rule='evenodd' d='M5 10a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m6.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section.skin-black .func:hover .func-text[data-v-45ab0154] {
    color: var(--nnq-feed-list-text-h2-hover)
}

.nnq-func-section.skin-black .func:active .func-icon.func-icon-comment[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M4 3a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h2.889l1.99 2.239a1.5 1.5 0 0 0 2.242 0L13.111 16H16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cpath fill='%237D7F83' d='m6.889 16 .897-.797a1.2 1.2 0 0 0-.897-.403zm1.99 2.239.897-.797zm2.242 0-.897-.797zM13.111 16v-1.2a1.2 1.2 0 0 0-.897.403zM3.2 5a.8.8 0 0 1 .8-.8V1.8A3.2 3.2 0 0 0 .8 5zm0 9V5H.8v9zm.8.8a.8.8 0 0 1-.8-.8H.8A3.2 3.2 0 0 0 4 17.2zm2.889 0H4v2.4h2.889zm2.887 2.642-1.99-2.24-1.794 1.595 1.99 2.239zm.448 0a.3.3 0 0 1-.448 0l-1.794 1.594a2.7 2.7 0 0 0 4.036 0zm1.99-2.24-1.99 2.24 1.794 1.594 1.99-2.239zM16 14.8h-2.889v2.4H16zm.8-.8a.8.8 0 0 1-.8.8v2.4a3.2 3.2 0 0 0 3.2-3.2zm0-9v9h2.4V5zm-.8-.8a.8.8 0 0 1 .8.8h2.4A3.2 3.2 0 0 0 16 1.8zm-12 0h12V1.8H4z' mask='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section.skin-black .func:active .func-icon.func-icon-share[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg stroke='%237D7F83' stroke-linecap='round' stroke-width='1.2' clip-path='url(%23a)'%3E%3Cpath d='M17 9.604v6.148a1.24 1.24 0 0 1-1.238 1.235L4.238 17A1.24 1.24 0 0 1 3 15.765V4.235C3 3.555 3.557 3 4.238 3h4.907'/%3E%3Cpath stroke-linejoin='round' d='m13.398 2 4.532 4.508h-5.621C10.303 6.508 8.55 7.93 8 9.784'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section.skin-black .func:active .func-icon.func-icon-more[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%237D7F83' fill-rule='evenodd' d='M5 10a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m6.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section.skin-black .func:active .func-text[data-v-45ab0154] {
    color: var(--nnq-feed-list-text-h2-light)
}

.nnq-func-section.skin-black .func.activing .func-icon.func-icon-share[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg stroke='%23EBECED' stroke-linecap='round' stroke-width='1.2' clip-path='url(%23a)'%3E%3Cpath d='M17 9.604v6.148a1.24 1.24 0 0 1-1.238 1.235L4.238 17A1.24 1.24 0 0 1 3 15.765V4.235C3 3.555 3.557 3 4.238 3h4.907'/%3E%3Cpath stroke-linejoin='round' d='m13.398 2 4.532 4.508h-5.621C10.303 6.508 8.55 7.93 8 9.784'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section.skin-black .func.activing .func-icon.func-icon-more[data-v-45ab0154] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23EBECED' fill-rule='evenodd' d='M5 10a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m6.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.nnq-func-section.skin-black .func.activing .func-text[data-v-45ab0154] {
    color: var(--nnq-feed-list-text-h2-hover)
}

:root {
    --nnq-feed-list-bg-color: #fff;
    --nnq-feed-list-text-h1: #24262b;
    --nnq-feed-list-text-h2: #7a7a7a;
    --nnq-feed-list-text-h2-light: #909499;
    --nnq-feed-list-text-h2-hover: #0f1112;
    --nnq-feed-list-text-h3: #3d3c3c;
    --nnq-feed-list-text-h3-light: #3d3c3c;
    --nnq-feed-list-text-h3-v2: #909499;
    --nnq-feed-list-text-placeholder: #aaa;
    --nnq-feed-list-text-link: #0e55c9cc;
    --nnq-feed-list-text-divide-color: #f2f2f2;
    --nnq-feed-list-border-color-alert: #fff;
    --nnq-feed-list-bg-color-light: #f6f7f9;
    --nnq-feed-list-bg-color-light-2: #fff;
    --nnq-feed-list-bg-color-bolder: #fff;
    --nnq-feed-list-bg-color-alert: #fff;
    --nnq-feed-list-bg-color-active: #ff69001a;
    --nnq-feed-list-bg-color-hover: #fff0e5;
    --nnq-feed-list-bg-page1: #fff;
    --nnq-feed-list-bg-card1: #f2f4f7;
    --nnq-feed-list-emotion-border-color: #f9f9f9;
    --nnq-feed-list-alert-thumb-color: #e5e5e5;
    --nnq-feed-list-card-hover-color: #fcfcfc;
    --nnq-feed-list-icon-h1: #0c0c0d;
    --nnq-feed-list-base-zindex: 999;
    --nnq-feed-list-author-card-zindex: calc(var(--nnq-feed-list-base-zindex) - 810);
    --nnq-feed-list-publish-box-zindex: calc(var(--nnq-feed-list-base-zindex) - 815);
    --nnq-feed-list-dropwdown-menu-zindex: calc(var(--nnq-feed-list-base-zindex) - 810);
    --nnq-feed-list-like-pop-zindex: calc(var(--nnq-feed-list-base-zindex) - 820);
    --nnq-feed-list-func-btn-color: #909499
}

.skin-black,
.skin-type-3 {
    --nnq-feed-list-bg-color: #0f1112;
    --nnq-feed-list-text-h1: #ebeced;
    --nnq-feed-list-text-h2: #b1b2b5;
    --nnq-feed-list-text-h2-light: #b1b2b5;
    --nnq-feed-list-text-h2-hover: #ebeced;
    --nnq-feed-list-text-h3: #7d7f83;
    --nnq-feed-list-text-h3-light: #ebeced;
    --nnq-feed-list-text-h3-v2: #7d7f83;
    --nnq-feed-list-text-placeholder: #7d7f83;
    --nnq-feed-list-text-link: #9cc2ffcc;
    --nnq-feed-list-text-divide-color: #2a2c30;
    --nnq-feed-list-border-color-alert: #2c2f33;
    --nnq-feed-list-bg-color-light: #1d1f21;
    --nnq-feed-list-bg-color-light-2: #1d1f21;
    --nnq-feed-list-bg-color-bolder: #0f1112;
    --nnq-feed-list-bg-color-alert: #2c2f33;
    --nnq-feed-list-bg-color-active: #363a40;
    --nnq-feed-list-bg-color-hover: #1d1f21;
    --nnq-feed-list-bg-page1: #0f1112;
    --nnq-feed-list-bg-card1: #1d1f21;
    --nnq-feed-list-emotion-border-color: #363a40;
    --nnq-feed-list-alert-thumb-color: #363a40;
    --nnq-feed-list-card-hover-color: #181a1c;
    --nnq-feed-list-icon-h1: #ebeced;
    --nnq-feed-list-func-btn-color: #7d7f83
}

.el-popover.minW {
    min-width: auto !important
}

.overflow[data-v-656fec29] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pk-wrapper[data-v-656fec29] {
    margin-top: 4px
}

.pk-wrapper .not-vote-yet[data-v-656fec29] {
    width: 100%
}

.pk-wrapper .vote-option-wrapper[data-v-656fec29] {
    cursor: pointer;
    display: flex;
    height: 40px;
    margin-top: 8px
}

.pk-wrapper .vote-sub-area[data-v-656fec29] {
    background: url(/static/img/image_587.png) no-repeat;
    background-size: 100% 100%;
    transform: scaleX(1.15);
    width: 8%
}

.pk-wrapper .vote-option[data-v-656fec29] {
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    line-height: 20px;
    text-align: center;
    width: 46%
}

.pk-wrapper .vote-option .vote-option-title[data-v-656fec29] {
    max-width: 100%
}

.pk-wrapper .vote-left-option[data-v-656fec29] {
    background: #327fff;
    border-radius: 20px 0 0 20px;
    box-shadow: 0 5px 10px #327fff33, 12px 0 10px #327fff33;
    padding-left: 4%;
    padding-right: 3px
}

.pk-wrapper .vote-right-option[data-v-656fec29] {
    background: #ff6900;
    border-radius: 0 20px 20px 0;
    box-shadow: 0 5px 10px #ff690029, -12px 0 10px #ff690029;
    padding-left: 3px;
    padding-right: 4%
}

.pk-wrapper .vote-progress-wrapper[data-v-656fec29] {
    align-items: center;
    display: flex;
    font-size: 9px;
    justify-content: center;
    width: 100%
}

.pk-wrapper .vote-progress-wrapper .left-rate[data-v-656fec29] {
    color: #327fff
}

.pk-wrapper .vote-progress-wrapper .right-rate[data-v-656fec29] {
    color: #ff6900
}

.pk-wrapper .vote-progress-wrapper .vote-progress-now[data-v-656fec29] {
    background-image: linear-gradient(135deg, #327fff 49%, transparent 50%, transparent 0, #ff6900 51%, #ff6900);
    border-radius: 2px;
    flex: 1;
    height: 4px;
    margin: 0 5px
}

.pk-wrapper .vote-option-rate[data-v-656fec29] {
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    margin: 0 8px
}

.pk-wrapper .voted-result[data-v-656fec29] {
    animation: fadeIn-656fec29 .5s ease-in;
    cursor: pointer;
    padding-top: 8px
}

.pk-wrapper .voted-result-option-desc[data-v-656fec29] {
    display: flex
}

.pk-wrapper .voted-result-option-desc .voted-result-option[data-v-656fec29] {
    flex-basis: 50%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.pk-wrapper .voted-result-option-desc .voted-result-option.selected[data-v-656fec29] {
    flex: 1 0 auto;
    max-width: 70%;
    min-width: 50%
}

.pk-wrapper .voted-result-option-desc .voted-result-option.selected.right .voted-option-desc[data-v-656fec29] {
    justify-content: flex-end
}

.pk-wrapper .voted-result-option-desc .voted-result-option.selected .voted-option-desc[data-v-656fec29] {
    display: flex
}

.pk-wrapper .voted-result-option-desc .voted-result-option.selected .voted-option-desc-title[data-v-656fec29] {
    max-width: calc(100% - 18px)
}

.pk-wrapper .voted-result-option-desc .voted-result-option.unselect[data-v-656fec29] {
    min-width: 0
}

.pk-wrapper .voted-result-option-desc .voted-result-option span[data-v-656fec29] {
    position: relative
}

.pk-wrapper .voted-result-option-desc .voted-result-option.left[data-v-656fec29] {
    color: #327fff
}

.pk-wrapper .voted-result-option-desc .voted-result-option.left.selected .voted-option-desc[data-v-656fec29]:before {
    background: url(/static/img/image_588.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 2px;
    position: relative;
    top: 3px;
    width: 16px
}

.pk-wrapper .voted-result-option-desc .voted-result-option.right[data-v-656fec29] {
    color: #ff6900;
    text-align: right
}

.pk-wrapper .voted-result-option-desc .voted-result-option.right.selected .voted-option-desc[data-v-656fec29]:before {
    background: url(/static/img/image_589.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 2px;
    position: relative;
    top: 3px;
    width: 16px
}

.pk-wrapper .voted-result-box[data-v-656fec29] {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.pk-wrapper .voted-result-bar[data-v-656fec29] {
    align-items: center;
    background-image: linear-gradient(135deg, #327fff 49%, transparent 0, transparent 50%, #ff6900 0, #ff6900);
    border-radius: 7px;
    flex: 1;
    height: 14px
}

.pk-wrapper .voted-result-rate[data-v-656fec29] {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px
}

.pk-wrapper .voted-result-rate.left[data-v-656fec29] {
    color: #327fff;
    padding-right: 12px;
    text-align: left
}

.pk-wrapper .voted-result-rate.right[data-v-656fec29] {
    color: #ff6900;
    padding-left: 12px;
    text-align: right
}

.pk-wrapper .voted-result-d .voted-result-bar[data-v-656fec29] {
    align-items: center;
    background-image: linear-gradient(135deg, #327fff 49%, transparent 0, transparent 50%, #ff6900 0, #ff6900);
    border-radius: 7px;
    height: 14px;
    width: 100%
}

.pk-wrapper .voted-result-d .voted-result-option[data-v-656fec29] {
    display: flex
}

.pk-wrapper .voted-result-d .voted-result-option .voted-option-desc[data-v-656fec29] {
    display: flex;
    width: 100%
}

.pk-wrapper .voted-result-d .voted-result-option .left-rate[data-v-656fec29] {
    padding-right: 4px
}

.pk-wrapper .voted-result-d .voted-result-option .right-rate[data-v-656fec29] {
    padding-left: 4px
}

.pk-wrapper .voted-result-d .voted-result-option.right .voted-option-desc[data-v-656fec29] {
    justify-content: flex-end
}

.pk-wrapper .voted-result-d .voted-result-option.selected[data-v-656fec29] {
    max-width: 70%;
    min-width: 50%
}

.pk-wrapper .voted-result-d .voted-result-option.selected .voted-option-desc-title[data-v-656fec29] {
    max-width: 70%
}

.pk-wrapper .voted-result-d .voted-result-option.unselect[data-v-656fec29] {
    flex: 1;
    min-width: 0
}

.pk-wrapper .voted-result-d .voted-result-bar[data-v-656fec29] {
    border-radius: 2px;
    height: 4px
}

.pk-wrapper.offline[data-v-656fec29] {
    margin-top: 0
}

.pk-wrapper.offline .voted-result[data-v-656fec29] {
    border-top: none;
    padding-top: 0
}

.pk-wrapper.isPcList[data-v-656fec29] {
    max-width: 517px
}

.pk-wrapper.newUIStyle .vote-progress-now[data-v-656fec29] {
    background-image: linear-gradient(135deg, #327fff 50%, transparent 0, transparent 51%, #ff6900 0, #ff6900)
}

.pk-wrapper.newUIStyle .vote-option[data-v-656fec29] {
    font-size: 16px;
    font-weight: 700
}

@keyframes fadeIn-656fec29 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.overflow[data-v-41f69876] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list-option-wrapper[data-v-41f69876] {
    cursor: pointer;
    font-style: normal;
    font-weight: 400;
    margin-top: 12px
}

.list-option-wrapper .options[data-v-41f69876] {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 36px;
    line-height: 40px;
    margin-top: 10px;
    overflow: hidden;
    padding: 0 14px;
    position: relative;
    width: 100%
}

.list-option-wrapper .options[data-v-41f69876]:first-child {
    margin-top: 0
}

.list-option-wrapper .options-title[data-v-41f69876] {
    align-items: center;
    color: #262626;
    display: flex;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    transform: translateZ(1px);
    transition: all .2s ease-in;
    z-index: 1
}

.list-option-wrapper .options-title .overflow[data-v-41f69876] {
    flex: 1
}

.list-option-wrapper .options-info[data-v-41f69876] {
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    text-align: right;
    width: 20%;
    z-index: 1
}

.list-option-wrapper .options-bar[data-v-41f69876] {
    background: #e8e8e8;
    border-radius: 8px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .25s cubic-bezier(.33, 1, .68, 1);
    width: 0
}

.list-option-wrapper .options.selected .options-title[data-v-41f69876] {
    overflow: hidden
}

.list-option-wrapper .options.selected .options-bar[data-v-41f69876] {
    background: #ff771cb3;
    transition: all .25s cubic-bezier(.11, 0, .5, 0)
}

.list-option-wrapper.black .options[data-v-41f69876] {
    background: #333;
    color: #6e6e6e
}

.list-option-wrapper.black .options-title[data-v-41f69876] {
    color: #e5e5e5
}

.list-option-wrapper.black .options-info[data-v-41f69876] {
    color: #fff
}

.list-option-wrapper.black .options-bar[data-v-41f69876] {
    background: #505050
}

.list-option-wrapper.black .options.selected .options-bar[data-v-41f69876] {
    background: #ff771ccc
}

.list-option-wrapper.newUIStyle .options-title[data-v-41f69876] {
    color: var(--nfm-h1-color);
    font-size: 14px;
    font-weight: 400
}

.list-option-wrapper.newUIStyle .options-info[data-v-41f69876] {
    font-weight: 600
}

.ui-notice {
    font-size: 14px;
    position: relative
}

.ui-notice .ui-notice-icon {
    color: #7a7a7a;
    cursor: pointer;
    vertical-align: middle
}

.ui-notice .ui-notice-icon:active,
.ui-notice .ui-notice-icon:focus {
    color: #7a7a7a
}

.ui-notice .ui-notice-plusWrapper,
.ui-notice .ui-notice-wrapper {
    background-color: #fff;
    border-collapse: separate;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 16px 0 rgba(176, 186, 196, .16);
    box-shadow: 0 2px 16px #b0bac429;
    display: none;
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 32px;
    z-index: 999
}

.ui-notice .ui-notice-wrapper {
    width: 300px
}

.ui-notice .ui-notice-plusWrapper {
    width: 460px
}

.ui-notice .ui-notice-content {
    padding: 22px 24px;
    position: relative
}

.ui-notice .ui-notice-text {
    font-size: 14px;
    line-height: 1.5;
    max-height: 88px;
    overflow-x: hidden;
    overflow-y: auto
}

.ui-notice .ui-notice-close {
    color: #aaa;
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px
}

.ui-notice .ui-notice-mask {
    display: inline-block
}

.ui-toast {
    background-color: #000000b3;
    border-radius: 22px;
    color: #fff;
    max-width: 248px;
    min-width: 156px;
    padding: 11.5px 12px;
    position: relative;
    text-align: center;
    z-index: 999
}

.ui-toast .iconLoading {
    -webkit-animation: toast-loading 1s linear infinite;
    animation: toast-loading 1s linear infinite;
    background: url(/static/img/image_590.svg) 0 0 no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 26px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 26px
}

.ui-toast .ui-toast-wrapper {
    vertical-align: middle
}

.ui-toast .ui-toast-icon {
    display: block;
    font-size: 45px
}

.ui-toast.ui-toast-status {
    line-height: inherit
}

.ui-toast-status {
    border-radius: 6px;
    min-height: 100px;
    min-width: 100px;
    padding: 10px
}

.ui-toast-loading {
    line-height: 130px
}

@-webkit-keyframes toast-loading {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }

    50% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@keyframes toast-loading {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }

    50% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.ui-toast-box._u-modal-box {
    display: none;
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%);
    z-index: 9999
}

.ui-toast-box._u-modal-box.ui-show {
    display: block
}

.ui-toast-box._u-modal-box~.ui-dialog-mask {
    display: none
}

.ui-toast-box._u-modal-box.ui-show~.ui-dialog-mask {
    display: block
}

.ui-toast-box.ui-toast-animation .ui-toast {
    opacity: 0;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.ui-toast-box.ui-show.ui-toast-animation .ui-toast {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.ui-dialog-mask-noevent {
    pointer-events: none
}

@media screen and (max-width:1024px) {
    .ui-notice {
        position: inherit
    }

    .ui-notice .ui-notice-text {
        max-height: 400px
    }

    .ui-notice .ui-notice-plusWrapper {
        width: 300px
    }

    .ui-notice .ui-notice-plusWrapper,
    .ui-notice .ui-notice-wrapper {
        left: 50%;
        position: fixed;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .ui-notice-mask {
        background-color: #000;
        height: 100%;
        left: 0;
        opacity: .25;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9
    }
}

.taost-container[data-v-b4869210] {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 99998
}

.nnqweb-toast[data-v-b4869210] {
    align-items: center;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 14px #3d3c3c1f;
    box-sizing: border-box;
    display: flex;
    font-size: 16px;
    justify-content: center;
    margin-top: 54px;
    max-width: 90%;
    min-height: 44px;
    opacity: 0;
    padding: 12px 14px;
    transform: scale(.7);
    transition: all .3s ease-out;
    z-index: 99999
}

.nnqweb-toast__icon[data-v-b4869210] {
    flex-shrink: 0;
    height: 20px;
    margin-right: 10px;
    width: 20px
}

.nnqweb-toast.nnqweb-toast-enter[data-v-b4869210] {
    opacity: 1;
    transform: scale(1)
}

.mt-58[data-v-b4869210] {
    margin-top: 58px
}

.skin-black .nnq_feed_module_toast,
.skin-black.nnq_feed_module_toast[data-v-b4869210],
.skin-type-3 .nnq_feed_module_toast,
.skin-type-3.nnq_feed_module_toast[data-v-b4869210] {
    background: #292929;
    box-shadow: 0 0 16px #0009;
    color: #dee4eb
}

[data-v-206a1f55]:root {
    --feed-module-width: 680px
}

.overflow2[data-v-206a1f55] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.vote-content-wrapper[data-v-206a1f55] {
    animation: fadeIn-206a1f55 .5s ease-in;
    background: #f9f9f9;
    border-radius: 8px;
    box-sizing: border-box;
    margin: 0;
    max-width: var(--feed-module-width);
    min-width: 280px;
    padding: 16px 14px;
    width: 100%
}

.vote-content-wrapper.desktopNN[data-v-206a1f55] {
    max-width: 550px
}

.vote-content-wrapper .vote-title[data-v-206a1f55] {
    color: #3d3c3c;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    width: 100%;
    word-break: break-word
}

.vote-content-wrapper .vote-sub-msg[data-v-206a1f55] {
    line-height: 17px;
    margin-top: 12px;
    width: 100%
}

.vote-content-wrapper .vote-sub-msg>div[data-v-206a1f55] {
    color: #7a7a7a;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
}

.vote-content-wrapper .vote-sub-msg.justify[data-v-206a1f55] {
    color: #aaa;
    margin-top: 16px
}

.vote-content-wrapper.vote_black[data-v-206a1f55] {
    background: #262626
}

.vote-content-wrapper.vote_black .vote-title[data-v-206a1f55] {
    color: #e5e5e5
}

.vote-content-wrapper.vote_black .vote-sub-msg.justify[data-v-206a1f55] {
    color: #939393
}

.vote-content-wrapper.discussM[data-v-206a1f55] {
    margin: 0;
    max-width: 450px;
    position: relative
}

.vote-content-wrapper.isPcList[data-v-206a1f55] {
    max-width: 480px
}

.vote-content-wrapper.isPcList.justify .vote-sub-msg[data-v-206a1f55],
.vote-content-wrapper.isPcList.justify .vote-title[data-v-206a1f55] {
    max-width: 517px
}

.vote-content-wrapper.newUIStyle[data-v-206a1f55] {
    background-color: var(--nfm-module-color);
    padding: 16px 28px
}

.vote-content-wrapper.newUIStyle .vote-title[data-v-206a1f55] {
    color: var(--nfm-h1-color);
    font-size: 16px
}

.vote-content-wrapper.newUIStyle .vote-sub-msg[data-v-206a1f55] {
    margin-top: 10px
}

@keyframes fadeIn-206a1f55 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.skin-white[data-v-8d8e8137],
[data-v-8d8e8137]:root {
    --module-color: #f9f9f9;
    --overlay-module-color: #f7f7f7;
    --border-color: #f2f2f2;
    --border-color-new: #e5e5e5;
    --h1-color: #3d3c3c;
    --h1-color-new: #262626;
    --h2-color: #939393;
    --h2-color-new: #7a7a7a;
    --h3-color: #c3c3c3;
    --h3-color-new: #aaa;
    --bar-color: #e8e8e8;
    --placeholder-color: #f2f2f2;
    --link-color: #0e55c9cc;
    --link-color-hover: #0e55c9;
    --nnq-feed-title-text-h1: #24262b;
    --nfm-h1-color: #0f1112;
    --nfm-h3-color: #909499;
    --nfm-text-disable-color: #bbbdc0;
    --nfm-text-link-color: #0358e1;
    --nfm-module-color: #f6f7f9;
    --nfm-module-hover-color: #d6d9db;
    --nfm-line-color: #e3e4e5
}

.skin-black[data-v-8d8e8137],
.skin-type-3[data-v-8d8e8137] {
    --module-color: #262a2f;
    --overlay-module-color: #373d47;
    --border-color: #101112;
    --border-color-new: #575b63;
    --h1-color: #dee4eb;
    --h1-color-new: #dee4eb;
    --h2-color: #aeb4bf;
    --h2-color-new: #939393;
    --h3-color: #828994;
    --h3-color: #6e6e6e;
    --bar-color: #373d47;
    --placeholder-color: #373d47;
    --link-color: #9cc2ffcc;
    --link-color-hover: #9cc2ff;
    --nnq-feed-title-text-h1: #ebeced;
    --nfm-h1-color: #ebeced;
    --nfm-h3-color: #7d7f83;
    --nfm-text-disable-color: #535457;
    --nfm-text-link-color: #5e9bfd;
    --nfm-module-color: #1d1f21;
    --nfm-module-hover-color: #363a40;
    --nfm-line-color: #2a2c30
}

.skin-white .finance-report-biz[data-v-8d8e8137],
:root .finance-report-biz[data-v-8d8e8137] {
    --module-color: #f6f7f9
}

.skin-black .finance-report-biz[data-v-8d8e8137],
.skin-type-3 .finance-report-biz[data-v-8d8e8137] {
    --module-color: #2c2f33
}

.isDesktopNN .feed__wrapper[data-v-8d8e8137] {
    --link-color: #327fff;
    --link-color-hover: #327fff
}

.newLinkStyle.skin-white .isDesktopNN[data-v-8d8e8137] {
    --link-color: #0d6af0cc;
    --link-color-hover: #0d6af0
}

.newLinkStyle.skin-black .isDesktopNN .feed__wrapper[data-v-8d8e8137],
.newLinkStyle.skin-type-3 .isDesktopNN .feed__wrapper[data-v-8d8e8137] {
    --link-color: #81b1ffcc;
    --link-color-hover: #81b1ff
}

img.lazyImageItem[data-v-8d8e8137]:not([src]),
img.lazyImageItem[lazy=loading][data-v-8d8e8137],
img.lazyImageItem[src=""][data-v-8d8e8137] {
    opacity: 0
}

.feed__wrapper a[data-v-8d8e8137] {
    color: var(--link-color)
}

.feed__wrapper a[data-v-8d8e8137]:active,
.feed__wrapper a[data-v-8d8e8137]:hover {
    color: var(--link-color-hover)
}

.nnq_feed_module_alert.skin-black .ui-dialog[data-v-8d8e8137] {
    background-color: #1d1f21;
    color: #ebeced
}

.nnq_feed_module_alert.skin-black .ui-dialog .ui-dialog-header[data-v-8d8e8137] {
    border-bottom-color: #2a2c30
}

.nnq_feed_module_alert.skin-black .ui-dialog .ui-dialog-header-title[data-v-8d8e8137] {
    color: #ebeced
}

.nnq_feed_module_alert.skin-black .ui-dialog .ui-dialog-footer[data-v-8d8e8137] {
    color: #0f1112
}

.nnq_feed_module_alert.skin-black .ui-dialog .ui-dialog-footer .ui-btn-strokeGray[data-v-8d8e8137] {
    background-color: #1d1f21;
    border-color: transparent;
    color: #ebeced
}

.nnq_feed_module_alert.skin-black .ui-dialog .ui-dialog-footer .js-btn-02[data-v-8d8e8137] {
    background: #fff;
    border-color: #fff;
    color: #0f1112
}

.feed__wrapper .quote-snap-shot-card[data-v-8d8e8137] {
    box-sizing: border-box
}

.ui-dialog-box .ui-btn[data-v-8d8e8137],
.ui-dialog-box .ui-btn[data-v-8d8e8137]:hover {
    background-color: #0f1112;
    border-color: #0f1112
}

.ui-dialog-box .ui-btn.ui-btn-strokeGray[data-v-8d8e8137] {
    background-color: #fff;
    border-color: #e5e5e5;
    color: #262626
}

.body-no-scroll[data-v-8d8e8137] {
    overflow-y: scroll
}

.feed__wrapper[data-v-8d8e8137] {
    color: var(--h1-color);
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    line-height: 28px;
    word-break: break-word;
    word-wrap: break-word;
    position: relative
}

blockquote,
div,
figure,
p {
    margin: 0;
    padding: 0
}

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

.topic-wrap .headTitle[data-v-0a09001f] {
    align-items: center;
    color: var(--ct_text_h1);
    cursor: pointer;
    display: flex;
    margin: 0 0 16px;
    padding: 0
}

.topic-wrap .headTitle .head-title-span[data-v-0a09001f],
.topic-wrap .headTitle[data-v-0a09001f] {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.topic-wrap .headTitle .arrow[data-v-0a09001f] {
    background-color: var(--ct_text_h1);
    flex-shrink: 0;
    height: 32px;
    margin-left: 5px;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%231D1F21' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='M8 2.5 14 8l-6 5.5'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%231D1F21' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='M8 2.5 14 8l-6 5.5'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 18px
}

.topic-wrap .headTitle[data-v-0a09001f]:hover {
    color: #f36f12
}

.topic-wrap .headTitle:hover .arrow[data-v-0a09001f] {
    background-color: #f36f12
}

.topic-wrap .title[data-v-0a09001f] {
    color: var(--ct_text_h0);
    font-size: 48px;
    font-weight: 600;
    line-height: 58px;
    margin-bottom: 8px
}

.topic-wrap .abstract[data-v-0a09001f] {
    color: var(--ct_text_h2);
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 48px;
    white-space: pre-wrap;
    word-break: break-word
}

.topic-wrap .abstract .expander[data-v-0a09001f] {
    color: var(--ct_text_h3);
    cursor: pointer;
    white-space: nowrap
}

.topic-wrap .abstract .expander .arrow-icon[data-v-0a09001f] {
    background-color: var(--ct_text_h3);
    display: inline-block;
    height: 15px;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='24' fill='none' viewBox='0 0 13 24'%3E%3Cpath stroke='%23C1BABA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.73 22.242 1.81 12.155 11.73 1.763'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    transform: rotate(-90deg);
    width: 12px
}

.topic-wrap .abstract .expander .arrow-icon.Less[data-v-0a09001f] {
    margin-bottom: -4px;
    transform: rotate(90deg)
}

.topic-wrap .abstract .discuss-description[data-v-0a09001f] {
    position: relative;
    word-break: break-word
}

.topic-wrap .abstract .discuss-description[data-v-0a09001f] .desc-link,
.topic-wrap .abstract .discuss-description[data-v-0a09001f] .quote {
    color: #0e55c9cc
}

.topic-wrap .abstract .discuss-description[data-v-0a09001f] strong span {
    font-weight: 700
}

.topic-wrap .vote-card[data-v-0a09001f] {
    margin-bottom: 24px;
    text-align: center
}

.topic-wrap .vote-card[data-v-0a09001f] .vote-content-wrapper {
    background: none;
    border: 1px solid var(--ct_line_separator)
}

.topic-wrap .vote-card[data-v-0a09001f] .pk-wrapper {
    margin: 0 auto;
    width: 50%
}

.topic-wrap .vote-card[data-v-0a09001f]:hover {
    background-color: var(--ct_bg_card1);
    border-color: var(--ct_bg_card1)
}

.topic-wrap .content.one-item .carousel-item[data-v-0a09001f] {
    grid-template-columns: 1fr
}

.topic-wrap .content .carousel-item[data-v-0a09001f] {
    display: grid;
    flex-grow: 0;
    flex-shrink: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 24px
}

.topic-wrap .content .feed-box[data-v-0a09001f] {
    border: 1px solid var(--ct_line_separator);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px
}

.topic-wrap .content .feed-box[data-v-0a09001f]:hover {
    background-color: var(--ct_bg_card1);
    border-color: var(--ct_bg_card1)
}

.topic-wrap .content .feed-box .user-info[data-v-0a09001f] {
    display: flex;
    margin-bottom: 8px
}

.topic-wrap .content .feed-box .user-info .info-avator[data-v-0a09001f] {
    border-radius: 40px;
    flex-shrink: 0;
    height: 40px;
    overflow: hidden;
    width: 40px
}

.topic-wrap .content .feed-box .user-info .info-avator img[data-v-0a09001f] {
    height: 100%;
    width: 100%
}

.topic-wrap .content .feed-box .user-info .info-intro[data-v-0a09001f] {
    flex: 1;
    overflow: hidden;
    padding-left: 16px
}

.topic-wrap .content .feed-box .user-info .info-intro-name[data-v-0a09001f] {
    color: var(--ct_text_h1);
    font-size: 18px;
    line-height: 22px
}

.topic-wrap .content .feed-box .user-info .info-intro-time[data-v-0a09001f] {
    color: var(--ct_text_h3);
    font-size: 12px;
    line-height: 20px
}

.topic-wrap .content .feed-box .feed-detail[data-v-0a09001f] {
    padding-left: 56px
}

.topic-wrap .content .feed-box .feed-detail .feed-title[data-v-0a09001f] {
    color: var(--ct_text_h1);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 4px
}

.topic-wrap .content .feed-box .feed-detail .rice-text[data-v-0a09001f] .rich-text-wrapper {
    display: -webkit-box;
    font-size: 14px;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.topic-wrap .content .feed-box .func-section-wrap[data-v-0a09001f] {
    padding-left: 56px;
    padding-top: 8px
}

.topic-wrap .footer[data-v-0a09001f] {
    padding-top: 30px
}

.topic-wrap .footer .btn[data-v-0a09001f] {
    border: 1px solid var(--ct_text_h0);
    border-radius: 60px;
    color: var(--ct_text_h0);
    cursor: pointer;
    font-size: 22px;
    font-weight: 600;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    text-align: center;
    width: 280px
}

.topic-wrap .footer .btn[data-v-0a09001f]:hover {
    background-color: #ff6900;
    border-color: #ff6900;
    color: #fff
}

.topic-wrap.topic-mobile.platform .title[data-v-0a09001f] {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 8px
}

.topic-wrap.topic-mobile.platform .title.larger-title[data-v-0a09001f] {
    font-size: 20px;
    line-height: 28px
}

.topic-wrap.topic-mobile.platform .abstract[data-v-0a09001f] {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px
}

.topic-wrap.topic-mobile .title[data-v-0a09001f] {
    font-size: 30px;
    line-height: 36px
}

.topic-wrap.topic-mobile .abstract[data-v-0a09001f] {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 24px
}

.topic-wrap.topic-mobile .carousel-item[data-v-0a09001f] {
    grid-template-columns: 1fr
}

.topic-wrap.topic-mobile .vote-card[data-v-0a09001f] {
    margin-bottom: 16px
}

.topic-wrap.topic-mobile .vote-card[data-v-0a09001f] .pk-wrapper {
    width: 100%
}

.topic-wrap.topic-mobile .content[data-v-0a09001f] .feed-box {
    border-radius: 10px
}

.topic-wrap.topic-mobile .content[data-v-0a09001f] .user-info {
    margin-bottom: 12px
}

.topic-wrap.topic-mobile .content[data-v-0a09001f] .user-info .info-avator {
    height: 36px;
    width: 36px
}

.topic-wrap.topic-mobile .content[data-v-0a09001f] .user-info .info-intro-name {
    font-size: 14px;
    line-height: 20px
}

.topic-wrap.topic-mobile .content[data-v-0a09001f] .user-info .info-intro-time {
    font-size: 12px;
    line-height: 16px
}

.topic-wrap.topic-mobile .content[data-v-0a09001f] .feed-detail {
    padding-left: 0
}

.topic-wrap.topic-mobile .content[data-v-0a09001f] .feed-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px
}

.topic-wrap.topic-mobile .content[data-v-0a09001f] .func-section-wrap {
    padding-left: 0;
    padding-top: 12px
}

.topic-wrap.topic-mobile .footer .btn[data-v-0a09001f] {
    border-radius: 40px;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    width: 229px
}

.topic-wrap.topic-mobile .footer[data-v-0a09001f] {
    padding-top: 20px
}

:root {
    --font-size-6: 6px;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-20: 20px
}

.widget-black {
    --ct_text_h1: #E3E4E5;
    --ct_text_h2: #9B9B9E;
    --ct_text_h3: #7D7F83;
    --ct_text_disable: #535457;
    --ct_text_link: #4E7FCE;
    --ct_text_highlight: #EA670C;
    --ct_text_highlight_hover: rgba(234, 103, 12, .08);
    --ct_text_green: #00A357;
    --ct_text_green_15: rgba(0, 163, 87, .15);
    --ct_text_green_50: rgba(0, 163, 87, .5);
    --ct_text_red: #E02D48;
    --ct_text_red_15: rgba(224, 45, 72, .15);
    --ct_text_red_50: rgba(224, 45, 72, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #FFF;
    --ct_bg_reverse: #E3E4E5;
    --ct_text_color_blindness_pink: #F33C76;
    --ct_text_color_blindness_green: #14AC9C;
    --ct_line_gutter: #181A1C;
    --ct_line_selected: #7D7F83;
    --ct_line_input: rgba(105, 108, 112, .25);
    --ct_bg_page1: #0F1112;
    --ct_bg_card1: #1D1F21;
    --ct_bg_overlay1: #2C2F33;
    --ct_bg_card2: #1D1F21;
    --ct_bg_overlay2: #2C2F33;
    --ct_bg_prominent: #363A40;
    --ct_bg_card1_80: rgba(29, 31, 33, .8);
    --ct_bg_card1_95: rgba(29, 31, 33, .95);
    --ct_bg_card1_50: rgba(29, 31, 33, .5);
    --ct_bg_card2_50: rgba(29, 31, 33, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .5);
    --ct_popover_bg: #1D1F21;
    --ct_popover_text: #FFFFFF;
    --ct_bg_card1_gradient: linear-gradient(90deg, rgba(13, 13, 13, .5) 9.09%, rgba(13, 13, 13, 0) 100%);
    --ct_bg_card1_gradient2: linear-gradient(90deg, rgba(13, 13, 13, .8) 9.09%, rgba(13, 13, 13, 0) 100%);
    --ct_bg_page1_gradient1: linear-gradient(90deg, #0f1112, rgba(15, 17, 18, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(15, 17, 18, 0), #0f1112);
    --ct_bg_page1_gradient3: linear-gradient(0deg, rgba(15, 17, 18, .5) 0%, rgba(15, 17, 18, .5) 100%);
    --ct_mask_bg: rgba(15, 17, 18, .5);
    --indicatorChart_bar: #4672F6;
    --indicatorChart_line: #FA7A20;
    --ct-option_bg_call_even: #111924;
    --ct-option_bg_call_odd: #131F32;
    --ct-option_bg_put_odd: #141618;
    --analyst_rating_green: #1DBA96;
    --analyst-rating_red: #F8697F;
    --analyst_rating_strong_buy_bg: rgba(0, 163, 87);
    --analyst_rating_buy_bg: rgba(29, 186, 150);
    --analyst_rating_hold_bg: rgba(98, 112, 133);
    --analyst_rating_under_bg: rgba(248, 105, 122);
    --analyst_rating_sell_bg: rgba(224, 45, 72);
    --cash_flow_pie_super_green: #016040;
    --cash_flow_pie_big_green: #00A357;
    --cash_flow_pie_mid_green: #03C484;
    --cash_flow_pie_sml_green: #03E69A;
    --cash_flow_pie_super_red: #9C1C2F;
    --cash_flow_pie_big_red: #E02D48;
    --cash_flow_pie_mid_red: #F8697F;
    --cash_flow_pie_sml_red: #FF92A2;
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_green);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_red);
    --ct_tabs_bg: #2C2F33;
    --ct_special_text_white: #FFF;
    --block-colorful-orange: #FA7A20;
    --chart-colorful-blue: #4672F6;
    --ct_line_separator: #333;
    --ct-line-input-selected: #7D7F83;
    --ct_data_up: var(--ct_text_green);
    --ct_data_down: var(--ct_text_red);
    --ct_earnings_call_book: #5E9BFD;
    --ct_open_account_card_bg: #1D1F21;
    --ct_open_account_card_close: rgba(214, 217, 219, .15);
    --mask-toolbar-watchlist: #9B9B9E;
    --mask-toolbar-watchlist-active: #E3E4E5;
    --premium-button-text: #702E00;
    --premium-button-bg: #F2CB8C;
    --premium-middlepage-close: #D6D9DB;
    --premium-analysis-download-button: #F9D59C;
    --ct_feed_text_color: #dee4ed;
    --ui-input-caret: #0A67FC;
    --indicator-logo-bg: linear-gradient(94.85deg, #F9D59C 5.9%, #F9D59C 22.35%, #FFD18A 67.02%, #FFD38E 87.71%, #FFDEAB 99.94%);
    --indicator-logo-text: #5F2700;
    --indicator-logo-border-image: linear-gradient(128.01deg, rgba(255, 255, 255, 0image.png62) 23.26%, rgba(255, 253, 252, 0) 55.1%, rgba(255, 251, 249, .61) 95.58%);
    --arrow_button: #C1BABA;
    --arrow_disabled_button: #747474;
    --popup_bottom_mask: linear-gradient(360deg, #1D1F21 0%, rgba(15, 17, 18, 0) 100%)
}

.widget-white {
    --ct_text_h1: #0F1112;
    --ct_text_h2: #606266;
    --ct_text_h3: #909499;
    --ct_text_disable: #BBBDC0;
    --ct_text_link: #2B78F5;
    --ct_text_highlight: #F36F12;
    --ct_text_highlight_hover: rgba(243, 111, 18, .08);
    --ct_text_green: #00A870;
    --ct_text_green_15: rgba(0, 168, 112, .15);
    --ct_text_green_50: rgba(0, 168, 112, .5);
    --ct_text_red: #F03A55;
    --ct_text_red_15: rgba(240, 58, 85, .15);
    --ct_text_red_50: rgba(240, 58, 85, .5);
    --ct_text_stable: #627085;
    --ct_text_reverse: #0F1112;
    --ct_bg_reverse: #2C2F33;
    --ct_text_color_blindness_pink: #F33C76;
    --ct_text_color_blindness_green: #14AC9C;
    --ct_line_gutter: #F5F6F6;
    --ct_line_selected: #696C70;
    --ct_line_input: #E3E4E5;
    --ct-line-input-selected: #7D7F83;
    --ct_bg_page1: #FFFFFF;
    --ct_bg_card1: #F2F3F5;
    --ct_bg_overlay1: #E8EAED;
    --ct_bg_card2: #FFF;
    --ct_bg_overlay2: #F2F3F5;
    --ct_bg_prominent: #FFFFFF;
    --ct_bg_card1_80: rgba(242, 243, 245, .8);
    --ct_bg_card1_95: rgba(242, 243, 245, .95);
    --ct_bg_card1_50: rgba(242, 243, 245, .5);
    --ct_bg_mask: rgba(0, 0, 0, .5);
    --ct_box_shadow: rgba(0, 0, 0, .12);
    --ct_popover_bg: #FFFFFF;
    --ct_popover_text: #0F1112;
    --ct_bg_card1_gradient: linear-gradient(90deg, rgba(242, 243, 245, .5) 9.09%, rgba(242, 243, 245, 0) 100%);
    --ct_bg_card1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, .8) 9.09%, rgba(242, 243, 245, 0) 100%);
    --ct_bg_page1_gradient1: linear-gradient(90deg, #ffffff, rgba(242, 243, 245, 0));
    --ct_bg_page1_gradient2: linear-gradient(90deg, rgba(242, 243, 245, 0), #ffffff);
    --ct_bg_page1_gradient3: linear-gradient(0deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .5) 100%);
    --ct_mask_bg: rgba(255, 255, 255, .5);
    --indicatorChart_bar: #4672F6;
    --indicatorChart_line: #FA7A20;
    --ct-option_bg_call_even: #EFF5FF;
    --ct-option_bg_call_odd: #E3EEFF;
    --ct-option_bg_put_odd: #F8F9FA;
    --analyst_rating_green: #1DBA96;
    --analyst-rating_red: #f8697f;
    --analyst_rating_strong_buy_bg: rgba(0, 163, 87);
    --analyst_rating_buy_bg: rgba(29, 186, 150);
    --analyst_rating_hold_bg: rgba(98, 112, 133);
    --analyst_rating_under_bg: rgba(248, 105, 122);
    --analyst_rating_sell_bg: rgba(224, 45, 72);
    --cash_flow_pie_big_green: #00A870;
    --cash_flow_pie_big_red: #F03A55;
    --ct_tabs_bg: #E8EAED;
    --ct_special_text_white: #FFF;
    --block-colorful-orange: #FA7A20;
    --chart-colorful-blue: #4672F6;
    --ct_line_separator: #EBECED;
    --ct_earnings_call_book: #5E9BFD;
    --ct_open_account_card_bg: #FFFFFF;
    --ct_open_account_card_close: rgba(29, 31, 33, .15);
    --mask-toolbar-watchlist: #606266;
    --mask-toolbar-watchlist-active: #0F1112;
    --premium-button-text: #F6D7A7;
    --premium-button-bg: #2C2F33;
    --premium-middlepage-close: #0C0C0D;
    --premium-analysis-download-button: #0F1112;
    --ct_feed_text_color: #3d3c3c;
    --indicator-logo-bg: #353A40;
    --indicator-logo-text: #FFE1B2;
    --indicator-logo-border-image: #353A40;
    --arrow_button: #000;
    --arrow_disabled_button: #C1BABA;
    --popup_bottom_mask: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)
}

body[class*=reverse] {
    --cash_flow_pie_super_in: var(--cash_flow_pie_super_red);
    --cash_flow_pie_big_in: var(--cash_flow_pie_big_red);
    --cash_flow_pie_mid_in: var(--cash_flow_pie_mid_red);
    --cash_flow_pie_sml_in: var(--cash_flow_pie_sml_red);
    --cash_flow_pie_super_out: var(--cash_flow_pie_super_green);
    --cash_flow_pie_big_out: var(--cash_flow_pie_big_green);
    --cash_flow_pie_mid_out: var(--cash_flow_pie_mid_green);
    --cash_flow_pie_sml_out: var(--cash_flow_pie_sml_green);
    --ct_data_up: var(--ct_text_red);
    --ct_data_down: var(--ct_text_green)
}

.config-widget-entry[data-v-c6a7bfbd] {
    width: 100%
}

.config-widget-entry[data-v-c6a7bfbd] * {
    -webkit-touch-callout: none
}

.clearBox[data-v-23a2caec] {
    zoom: 1
}

.clearBox[data-v-23a2caec]:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.font10[data-v-23a2caec] {
    transform: scale(.83);
    transform-origin: 0
}

.medialink-wrapper[data-v-23a2caec] {
    align-items: center;
    display: flex;
    height: 0;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.medialink-wrapper .medialink-stretch-wrapper[data-v-23a2caec] {
    width: 100%
}

.medialink-wrapper .medialink-stretch-wrapper .medialink[data-v-23a2caec] {
    height: 0;
    pointer-events: all;
    width: 100%
}

.medialink-wrapper .medialink-stretch-wrapper .medialink ins[data-v-23a2caec] {
    max-width: 100vw
}

.medialink-wrapper .medialink-stretch-wrapper .medialink ins img[data-v-23a2caec] {
    max-width: none
}

.medialink-wrapper .close[data-v-23a2caec] {
    background: url(/static/img/image_591.svg) no-repeat 50%/100% 100%;
    cursor: pointer;
    display: block;
    position: absolute;
    z-index: 99
}

.media-link-container[data-v-02d424d9] {
    width: 100%;
    margin-bottom: 0 !important
}

.media-link-title[data-v-02d424d9] {
    font-size: 20px;
    line-height: 28px;
    height: 28px;
    font-weight: 600;
    color: var(--ct_text_h1);
    margin-bottom: 16px;
    overflow: hidden
}

.fade-enter-active[data-v-02d424d9],
.fade-leave-active[data-v-02d424d9] {
    transition: all .4s ease-in-out
}

.fade-enter[data-v-02d424d9],
.fade-enter-from[data-v-02d424d9],
.fade-leave-to[data-v-02d424d9] {
    height: 0;
    margin-bottom: 0
}

.h5-side[data-v-7c4a314e] {
    box-sizing: border-box;
    padding: 0 16px
}

.config-widget-side[data-v-7c4a314e] {
    width: 100%;
    height: 100%
}

.side-item[data-v-7c4a314e] .boundary-inner>*:first-child {
    margin-bottom: 36px
}

.side-item[data-v-7c4a314e] .boundary-inner>*:first-child.medialink-wrapper {
    margin-bottom: 0
}

.loading[data-v-367e31b3] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.loading-icon[data-v-367e31b3] {
    display: block;
    width: 28px;
    height: 28px;
    margin-bottom: 6px;
    background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11%202.59995C6.3609%202.60006%202.6002%206.36083%202.6002%2011C2.6002%2015.6391%206.3609%2019.3998%2011%2019.4V21.8C5.03541%2021.7998%200.200195%2016.9646%200.200195%2011C0.200195%205.03528%205.03552%200.199951%2011.0002%200.199951C11.0111%200.199951%2011.0221%200.199967%2011.033%200.2H11V2.59995Z'%20fill='url(%23paint0_linear_1258_7912)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11%2021.8C16.9647%2021.8%2021.8%2016.9647%2021.8%2011C21.8%205.03533%2016.9647%200.2%2011%200.2V2.6C15.6392%202.6%2019.4%206.36081%2019.4%2011C19.4%2015.6392%2015.6392%2019.4%2011%2019.4V21.8Z'%20fill='url(%23paint1_linear_1258_7912)'/%3e%3ccircle%20cx='10.9998'%20cy='20.5999'%20r='1.2'%20fill='url(%23paint2_linear_1258_7912)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_1258_7912'%20x1='6.21844'%20y1='21.8'%20x2='6.21844'%20y2='1.99995'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%237A7A7A'%20stop-opacity='0'/%3e%3cstop%20offset='1'%20stop-color='%237A7A7A'%20stop-opacity='0.5'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_1258_7912'%20x1='17'%20y1='21.8'%20x2='17'%20y2='1.99995'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%237A7A7A'/%3e%3cstop%20offset='1'%20stop-color='%237A7A7A'%20stop-opacity='0.5'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_1258_7912'%20x1='10.9998'%20y1='20.5999'%20x2='12.1998'%20y2='20.5999'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%237A7A7A'/%3e%3cstop%20offset='1'%20stop-color='%237A7A7A'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 100%;
    animation: loadingMove 1s steps(8, end) infinite
}

.siderbar-footer[data-v-ff7ee4c2] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.siderbar-footer .error-icon[data-v-ff7ee4c2] {
    display: block;
    width: 72px;
    height: 72px;
    background-repeat: no-repeat;
    background-size: 100%
}

.siderbar-footer .sidebar-footer-content[data-v-ff7ee4c2] {
    margin-top: 10px;
    font-size: 14px;
    color: var(--ct_text_h2)
}

.siderbar-footer .retry[data-v-ff7ee4c2] {
    padding-top: 12px;
    font-size: 12px;
    color: #ff6900
}

.siderbar-footer.black .error-icon[data-v-ff7ee4c2] {
    background-image: url(/static/img/image_592.png)
}

.siderbar-footer.white .error-icon[data-v-ff7ee4c2] {
    background-image: url(/static/img/image_593.png)
}

.h5-side[data-v-810b619a] {
    box-sizing: border-box;
    padding: 0 16px
}

.h5-side .config-widget-side-title[data-v-810b619a] {
    margin-bottom: 16px
}

.config-widget-side[data-v-810b619a] {
    width: 100%;
    height: 100%
}

.config-widget-side-title[data-v-810b619a] {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: var(--ct_text_h1);
    margin-bottom: 36px
}

.side-item[data-v-810b619a] .boundary-inner>*:first-child {
    margin-bottom: 36px
}

.side-item[data-v-810b619a] .boundary-inner>*:first-child.medialink-wrapper {
    margin-bottom: 0
}

.h5-side .side-item[data-v-810b619a] .boundary-inner>*:first-child {
    margin-bottom: 48px
}

.h5-side .side-item[data-v-810b619a] .boundary-inner>*:first-child.medialink-wrapper {
    margin-bottom: 0
}

.heat-list-container[data-v-4feeaba7] .symbol .code,
.heat-list-container[data-v-4feeaba7] .symbol .name,
.config-table[data-v-34848043] .column-info .code,
.config-table[data-v-34848043] .column-info .name {
    width: 100%;
    padding: 0
}

.config-table[data-v-94333f76] {
    margin-top: 24px
}

@media screen and (max-width: 768px) {
    .config-table[data-v-94333f76] {
        margin-top: 16px
    }
}

.loading-component[data-v-94333f76] {
    width: 100%;
    height: 400px
}

.btn[data-v-f25f1132] {
    display: flex;
    justify-content: center;
    align-items: center
}

.btn .content[data-v-f25f1132] {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.default-size[data-v-f25f1132] {
    width: 160px;
    height: 40px;
    padding: 0 20px;
    border-radius: 8px;
    line-height: 24px;
    font-weight: 600;
    font-size: 16px
}

.primary[data-v-f25f1132] {
    color: #fff;
    background-color: var(--ct_text_highlight)
}

.primary[data-v-f25f1132]:active {
    opacity: .8
}

.pc-btn.primary[data-v-f25f1132]:hover {
    cursor: pointer;
    opacity: .6
}

.transparent[data-v-f25f1132] {
    color: var(--ct_text_highlight);
    border: 1px solid var(--ct_text_highlight);
    background-color: transparent
}

.transparent[data-v-f25f1132]:active {
    opacity: .8
}

.pc-btn.transparent[data-v-f25f1132]:hover {
    cursor: pointer;
    opacity: .6
}

.operation-card-item-container[data-v-f5473862] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 202px;
    border-radius: 8px;
    padding: 16px;
    box-sizing: border-box;
    overflow: hidden;
    background: #000;
    box-shadow: 0 4px 16px #0006
}

.operation-card-item-title[data-v-f5473862] {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.operation-card-item-description-container[data-v-f5473862] {
    flex: 1;
    margin-top: 8px
}

.operation-card-item-description[data-v-f5473862] {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.operation-card-item-bg[data-v-f5473862] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.operation-card-item-img[data-v-f5473862] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1
}

.operation-card-item-img[data-v-f5473862]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000004d;
    z-index: 2
}

.operation-card-item-img-loading[data-v-f5473862] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation-name: light-f5473862;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    z-index: 0
}

.operation-card-item-mask[data-v-f5473862]:before {
    content: "";
    height: 72px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #000, #0000);
    z-index: 3
}

.operation-card-item-mask[data-v-f5473862]:after {
    content: "";
    height: 72px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, #000, #0000);
    z-index: 3
}

.operation-card-item-actions[data-v-f5473862] {
    height: 40px;
    margin-top: 26px;
    display: flex;
    justify-content: center
}

.operation-card-item-actions[data-v-f5473862]>:first-child {
    width: 104px;
    box-sizing: border-box;
    margin-right: 16px
}

.operation-card-item-actions[data-v-f5473862]>:last-child {
    width: 206px;
    box-sizing: border-box
}

@keyframes light-f5473862 {
    0% {
        background: #000
    }

    to {
        background: #333
    }
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0
}

article,
aside,
details,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block
}

embed,
img,
object {
    max-width: 100%
}

ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

a {
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent
}

del {
    text-decoration: line-through
}

th {
    font-weight: 700
}

td {
    font-weight: 400
}

hr {
    border: 0;
    border-top: 1px solid var(--ui-ct-line-seperator);
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

input[disabled],
textarea[disabled] {
    cursor: not-allowed
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    outline: 0
}

input::-ms-clear {
    display: none
}

textarea {
    resize: none
}

table {
    font-size: inherit
}

small {
    font-size: 85%
}

strong {
    font-weight: 700
}

td img {
    vertical-align: top
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

code,
kbd,
pre,
samp {
    font-family: monospace, sans-serif
}

button,
input[type=button],
input[type=file],
input[type=submit] {
    cursor: pointer
}

button,
input,
select,
textarea {
    margin: 0
}

button,
input[type=button] {
    overflow: visible;
    width: auto
}

iframe {
    background-color: var(--ui-ct-bg-page);
    vertical-align: middle
}

input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
    -webkit-appearance: none
}

[class*=ui-hairline] {
    border-color: var(--ui-ct-line-seperator);
    position: relative
}

[class*=ui-hairline]:after {
    border: 0 solid;
    border-color: inherit;
    border-radius: inherit;
    box-sizing: border-box;
    content: " ";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute
}

.ui-hairline,
.ui-hairline--bottom,
.ui-hairline--left,
.ui-hairline--right,
.ui-hairline--surround,
.ui-hairline--top,
.ui-hairline--top-bottom {
    position: relative
}

@media screen and (max-device-width:1240px) {

    .ui-hairline--bottom:after,
    .ui-hairline--left:after,
    .ui-hairline--right:after,
    .ui-hairline--surround:after,
    .ui-hairline--top-bottom:after,
    .ui-hairline--top:after,
    .ui-hairline:after {
        top: -50%;
        right: -50%;
        bottom: -50%;
        left: -50%;
        transform: scale(.5)
    }
}

.ui-hairline--top:after {
    border-top-width: 1px
}

.ui-hairline--left:after {
    border-left-width: 1px
}

.ui-hairline--right:after {
    border-right-width: 1px
}

.ui-hairline--bottom:after {
    border-bottom-width: 1px
}

.ui-hairline--top-bottom:after,
.ui-hairline-unset--top-bottom:after {
    border-width: 1px 0
}

.ui-hairline--surround:after {
    border-width: 1px
}

[class*=small-screen] .ui-hairline--bottom:after,
[class*=small-screen] .ui-hairline--left:after,
[class*=small-screen] .ui-hairline--right:after,
[class*=small-screen] .ui-hairline--surround:after,
[class*=small-screen] .ui-hairline--top-bottom:after,
[class*=small-screen] .ui-hairline--top:after,
[class*=small-screen] .ui-hairline:after,
[class*=small-screen].ui-hairline--bottom:after,
[class*=small-screen].ui-hairline--left:after,
[class*=small-screen].ui-hairline--right:after,
[class*=small-screen].ui-hairline--surround:after,
[class*=small-screen].ui-hairline--top-bottom:after,
[class*=small-screen].ui-hairline--top:after,
[class*=small-screen].ui-hairline:after {
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    transform: scale(.5)
}

.ui-font-40 {
    font-size: 40px;
    line-height: 48px
}

.ui-font-36 {
    font-size: 36px;
    line-height: 46px
}

.ui-font-32 {
    font-size: 32px;
    line-height: 44px
}

.ui-font-28 {
    font-size: 28px;
    line-height: 40px
}

.ui-font-24 {
    font-size: 24px;
    line-height: 32px
}

.ui-font-20 {
    font-size: 20px;
    line-height: 28px
}

.ui-font-16 {
    font-size: 16px;
    line-height: 24px
}

.ui-font-14 {
    font-size: 14px;
    line-height: 20px
}

.ui-font-12 {
    font-size: 12px;
    line-height: 18px
}

.ui-color-dark {
    color: #04203c
}

.ui-color-common {
    color: var(--ui-ct-text-h1)
}

.ui-color-gray {
    color: #8094a8
}

.ui-color-lightgray {
    color: #b0bac4
}

.ui-color-link {
    color: var(--ui-ct-primary)
}

body,
button,
input,
select,
textarea {
    font-size: 14px;
    line-height: 1.5
}

@keyframes fan-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fan-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fan-fade-enter-active {
    animation: fan-fade-in .3s ease-out both
}

.fan-fade-leave-active {
    animation: fan-fade-out .3s ease-in both
}

body {
    color: var(--ui-ct-text-h1);
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

button,
input,
select,
textarea {
    font-size: 14px;
    line-height: 1.5
}

input,
select,
textarea {
    color: var(--ui-ct-text-h1)
}

a {
    color: var(--ui-ct-primary);
    text-decoration: none
}

a:hover {
    color: var(--ui-ct-primary-hover)
}

a:active {
    color: var(--ui-ct-primary-pressed)
}

a.ui-disabled {
    color: var(--ui-ct-primary-disable)
}

.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden
}

.clearBox {
    zoom: 1
}

.clearBox:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.ui-disabled {
    cursor: not-allowed
}

.ui-alignLeft {
    text-align: left !important
}

.ui-alignCenter {
    text-align: center !important
}

.ui-alignRight {
    text-align: right !important
}

.ui-icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.ui-open {
    display: block !important
}

.ui-hide {
    display: none !important
}

.ui-text-caption {
    font-size: 18px;
    line-height: 3;
    text-align: center
}

.ui-text-primary {
    color: var(--ui-ct-primary)
}

.ui-text-up {
    color: var(--ui-ct-bg-warn)
}

.ui-text-down {
    color: var(--ui-ct-bg-green)
}

.ui-text-warning {
    color: var(--ui-ck-yellow200)
}

.ui-text-danger {
    color: var(--ui-ct-bg-warn)
}

.cashColor {
    color: var(--ui-ck-orange500)
}

.safe-area-inset-bottom {
    padding-bottom: env(safe-area-inset-bottom)
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

.cursor-pointer {
    cursor: pointer
}

.ui-loading {
    animation: ui-loading 1s linear infinite;
    background: url(/static/img/image_594.svg) 0 0 no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 26px;
    width: 26px
}

@keyframes ui-loading {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.common-overlay-wrapper {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--ui-base-z-index-background)
}

.common-overlay {
    background-color: var(--ui-ct-bg-mask1);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.common-overlay-content {
    height: 100%
}

.lock-scroll {
    overflow: hidden !important
}

body {
    font-family: var(--ui-font-family)
}

:root {
    --ui-dialog-bg: var(--ui-ct-bg-card);
    --ui-dialog-text-color: var(--ui-ct-text-h1);
    --ui-dialog-transparent-text-color: var(--ui-ck-white);
    --ui-dialog-title-color: var(--ui-ct-text-h1);
    --ui-dialog-z-index: var(--ui-base-z-index-background);
    --ui-dialog-body-z-index: var(--ui-dialog-z-index);
    --ui-dialog-close-icon-color: var(--ui-ck-gray600);
    --ui-pc-dialog-close-icon-color: var(--ui-ct-text-h2);
    --ui-pc-dialog-close-icon-color-hover: var(--ui-ck-gray300);
    --ui-dialog-bottom-close-icon-color: var(--ui-ck-white);
    --ui-dialog-bottom-link-color: var(--ui-ct-text-link1)
}

.ui-dialog__box {
    display: none;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 46%;
    transform: translate(-50%, -50%);
    z-index: var(--ui-dialog-body-z-index)
}

.ui-dialog__box--visible {
    display: block
}

.ui-dialog__box.transparent {
    background: transparent
}

.ui-dialog__box.transparent .ui-dialog {
    background: transparent;
    box-shadow: none
}

.ui-dialog__box.transparent .ui-dialog__footer {
    padding-top: 36px
}

.ui-dialog__box.transparent .ui-dialog__header-title {
    color: var(--ui-dialog-transparent-text-color);
    font-size: 18px;
    line-height: 22px
}

.ui-dialog__box.transparent .ui-dialog__body {
    padding: 0
}

.ui-dialog__box.transparent .ui-dialog__body img {
    margin-top: 20px
}

.ui-dialog__box.transparent .ui-dialog__body p {
    color: var(--ui-dialog-transparent-text-color);
    font-size: 16px;
    line-height: 28px;
    margin-top: 20px
}

.ui-dialog__box.transparent .ui-dialog__body h2 {
    color: var(--ui-dialog-transparent-text-color);
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 8px
}

.ui-dialog__box.transparent .ui-dialog:not(.ui-dialog__box.transparent .ui-dialog--custom-width) {
    width: 280px
}

.ui-dialog__box.full {
    background: transparent
}

.ui-dialog__box.full .ui-dialog {
    background: transparent;
    box-shadow: none
}

.ui-dialog__box.full .ui-dialog__body {
    padding: 0
}

.ui-dialog__box.full .ui-dialog__body img {
    border-radius: 8px
}

.ui-dialog__box.full .ui-dialog .ui-dialog__footer {
    display: none
}

.ui-dialog__box.full .ui-dialog:not(.ui-dialog__box.full .ui-dialog--custom-width) {
    width: 280px
}

.ui-dialog__box.with-img .ui-dialog__body img+p {
    margin-bottom: 2px;
    margin-top: 9px
}

.ui-dialog__box.with-img .ui-dialog__body p+img {
    margin-bottom: 5px;
    margin-top: 16px
}

.ui-dialog__box.with-img .ui-dialog__body span {
    font-size: 12px;
    line-height: 20px
}

.ui-dialog__box * {
    -webkit-tap-highlight-color: transparent
}

.body-no-scroll {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed
}

.ui-dialog {
    background-color: var(--ui-dialog-bg);
    border-collapse: separate;
    border-radius: 8px;
    color: var(--ui-dialog-text-color);
    font-size: 14px;
    font-weight: 400;
    padding: 14px 0 16px;
    position: relative;
    z-index: var(--ui-dialog-z-index)
}

.ui-dialog:not(.ui-dialog--custom-width) {
    width: 280px
}

.ui-dialog__icon {
    text-align: center
}

.ui-dialog__header {
    position: relative
}

.ui-dialog__header-title {
    color: var(--ui-dialog-title-color);
    font-size: 16px;
    font-weight: 600;
    height: 20px;
    line-height: 20px
}

.ui-dialog__float-header {
    position: absolute;
    top: -30px;
    width: 100%;
    z-index: calc(var(--ui-dialog-body-z-index) + 1)
}

.ui-dialog__float-header+.ui-dialog {
    padding-top: 80px
}

.ui-dialog__content {
    max-width: 100%;
    text-align: left
}

.ui-dialog.ui-dialog__no-title .ui-dialog__content p {
    font-size: 14px;
    font-weight: 400
}

.ui-dialog__bottom-link a {
    color: var(--ui-dialog-bottom-link-color)
}

.ui-dialog__icon-close {
    color: var(--ui-dialog-close-icon-color);
    cursor: pointer;
    position: absolute
}

.ui-dialog__icon-close--top-right {
    right: 20px;
    top: 22px
}

.ui-dialog__icon-close--top-left {
    left: 20px;
    top: 22px
}

.ui-dialog__icon-close--bottom {
    bottom: -58px;
    left: calc(50% - 12px);
    top: auto
}

.ui-dialog__icon-close--bottom,
.ui-dialog__icon-close--bottom:hover {
    color: var(--ui-dialog-bottom-close-icon-color)
}

.ui-dialog__with-icon .ui-dialog__body {
    padding-bottom: 12px;
    padding-top: 8px
}

.ui-dialog--large-screen .ui-dialog {
    padding-top: 16px
}

.ui-dialog--large-screen .ui-dialog__header {
    padding: 6px 24px
}

.ui-dialog--large-screen .ui-dialog__header-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px
}

.ui-dialog--large-screen .ui-dialog__body {
    min-height: 44px;
    padding: 16px 24px
}

.ui-dialog--large-screen .ui-dialog__body p {
    line-height: 22px
}

.ui-dialog--large-screen .ui-dialog__body--has-extend {
    padding-bottom: 0
}

.ui-dialog--large-screen .ui-dialog__body--has-icon {
    display: flex
}

.ui-dialog--large-screen .ui-dialog__body--has-icon .ui-dialog__icon {
    font-size: 0;
    margin-right: 8px;
    padding: 2px
}

.ui-dialog--large-screen .ui-dialog__body--has-icon .ui-dialog__content {
    align-items: center;
    display: flex;
    flex: 1
}

.ui-dialog--large-screen .ui-dialog__extend {
    padding: 9px 24px
}

.ui-dialog--large-screen .ui-dialog__footer {
    display: flex;
    padding: 8px 24px
}

.ui-dialog--large-screen .ui-dialog__footer .ui-button {
    min-width: 72px;
    padding-left: 22px;
    padding-right: 22px
}

.ui-dialog--large-screen .ui-dialog__footer .ui-button:first-child {
    margin-left: auto
}

.ui-dialog--large-screen .ui-dialog__footer--show-cancel .ui-button+.ui-button {
    margin-left: 8px
}

.ui-dialog--large-screen .ui-dialog__icon-close {
    color: var(--ui-pc-dialog-close-icon-color);
    font-size: 18px;
    line-height: 22px
}

.ui-dialog--large-screen .ui-dialog__icon-close:hover {
    color: var(--ui-pc-dialog-close-icon-color-hover)
}

.ui-dialog--large-screen .ui-dialog__icon-close--top-right {
    right: 24px;
    top: 20px
}

.ui-dialog--large-screen .ui-dialog--small:not(.ui-dialog--large-screen .ui-dialog--custom-width) {
    width: 390px
}

.ui-dialog--large-screen .ui-dialog--middle:not(.ui-dialog--large-screen .ui-dialog--custom-width) {
    width: 455px
}

.ui-dialog--large-screen .ui-dialog--large:not(.ui-dialog--large-screen .ui-dialog--custom-width) {
    width: 585px
}

.ui-dialog--small-screen .ui-dialog__header {
    padding: 6px 20px;
    text-align: center
}

.ui-dialog--small-screen .ui-dialog__body {
    display: flex;
    justify-content: center;
    line-height: 24px;
    max-height: 70vh;
    overflow-y: auto;
    padding: 20px;
    text-align: center
}

.ui-dialog--small-screen .ui-dialog__body p {
    line-height: 20px
}

.ui-dialog--small-screen .ui-dialog__body--has-extend {
    display: block;
    padding-bottom: 0;
    padding-top: 14px;
    text-align: left
}

.ui-dialog--small-screen .ui-dialog__body--has-extend p {
    line-height: 18px
}

.ui-dialog--small-screen .ui-dialog__extend {
    padding: 6px 20px 8px
}

.ui-dialog--small-screen .ui-dialog__no-title .ui-dialog--small-screen .ui-dialog__body {
    padding-bottom: 18px;
    padding-top: 18px
}

.ui-dialog--small-screen .ui-dialog__icon {
    padding-bottom: 5px;
    padding-top: 10px
}

.ui-dialog--small-screen .ui-dialog__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 8px 22px
}

.ui-dialog--small-screen .ui-dialog__footer .ui-button {
    flex-grow: 1;
    min-width: calc(50% - 6px)
}

.ui-dialog--small-screen .ui-dialog__footer .ui-dialog__bottom-link {
    line-height: 22px;
    margin-bottom: -8px;
    margin-top: 14px;
    text-align: center
}

.ui-dialog--small-screen .ui-dialog__footer--show-cancel .ui-button+.ui-button {
    margin-left: 12px
}

.ui-dialog--small-screen .ui-dialog__footer--btn-layout-column {
    flex-direction: column
}

.ui-dialog--small-screen .ui-dialog__footer--btn-layout-column,
.ui-dialog--small-screen .ui-dialog__footer--no-cancel {
    padding-left: 40px;
    padding-right: 40px
}

.ui-dialog--small-screen .ui-dialog__footer--btn-layout-column.ui-dialog__footer--show-cancel {
    flex-direction: column-reverse
}

.ui-dialog--small-screen .ui-dialog__footer--btn-layout-column.ui-dialog__footer--show-cancel .ui-button {
    margin-left: 0
}

.ui-dialog--small-screen .ui-dialog__footer--btn-layout-column.ui-dialog__footer--show-cancel .ui-button:last-of-type {
    margin-bottom: 12px
}

.ui-dialog--small-screen .ui-dialog__footer--has-bottom-link {
    flex-direction: column;
    margin-bottom: 0;
    padding-bottom: 10px
}

.ui-dialog--small-screen .ui-dialog__footer--has-bottom-link .ui-button {
    margin: 0
}

:root {
    --ui-activity-view-title: var(--ui-ct-text-h1);
    --ui-activity-view-text: var(--ui-ct-text-link2);
    --ui-activity-view-confirm: var(--ui-ct-primary)
}

.popup-panel,
.popup-panel .ui-popup-content {
    display: flex;
    flex-direction: column
}

.popup-panel .ui-popup-content .ui-popup-panel {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    overflow: auto;
    width: 100%
}

.popup-panel .ui-popup-content .ui-popup-panel .ui-popup-panel-header-short-bar {
    height: 6px
}

.popup-panel .ui-popup-content .ui-popup-panel .ui-popup-panel-header {
    box-sizing: border-box;
    height: 48px;
    padding: 0 14px 0 19px;
    position: relative;
    width: 100%
}

.popup-panel .ui-popup-content .ui-popup-panel .ui-popup-panel-header .close {
    height: 16px;
    left: 0;
    position: relative;
    top: 0;
    width: 16px
}

.popup-panel .ui-popup-content .ui-popup-panel .ui-popup-panel-header .close i {
    left: 0;
    top: 0;
    width: 100%
}

.popup-panel .ui-popup-content .ui-popup-panel .ui-popup-panel-header .ui-popup-panel-header-title {
    color: var(--ui-activity-view-title);
    flex-grow: 1;
    font-size: 18px;
    font-weight: 500;
    left: 50%;
    max-width: calc(100% - 160px);
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap
}

.popup-panel .ui-popup-content .ui-popup-panel .ui-popup-panel-header .ui-popup-panel-header-small {
    font-size: 16px
}

.popup-panel .ui-popup-content .ui-popup-panel .ui-popup-panel-header .ui-popup-panel-header-text {
    color: var(--ui-activity-view-text);
    font-size: 16px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.popup-panel .ui-popup-content .ui-popup-panel .ui-popup-panel-header .ui-popup-panel-header-cancel,
.popup-panel .ui-popup-content .ui-popup-panel .ui-popup-panel-header .ui-popup-panel-header-close {
    left: 19px;
    right: auto
}

.popup-panel .ui-popup-content .ui-popup-panel .ui-popup-panel-header .ui-popup-panel-header-confirm {
    color: var(--ui-activity-view-confirm)
}

.popup-panel .ui-popup-content .ui-popup-panel .ui-popup-panel-body {
    height: calc(100% - 54px);
    overflow-y: auto
}

/*! 文件用于一些按需加载插件，按需加载插件会自动引样式文件 */
:root {
    --ui-ck-white: #fff;
    --ui-ck-gray50: #f9f9f9;
    --ui-ck-gray80: #f4f4f4;
    --ui-ck-gray100: #f2f2f2;
    --ui-ck-gray150: #e8e8e8;
    --ui-ck-gray200: #e5e5e5;
    --ui-ck-gray250: #ddd;
    --ui-ck-gray300: #d3d3d3;
    --ui-ck-gray350: #c3c3c3;
    --ui-ck-gray400: #aaa;
    --ui-ck-gray450: #939393;
    --ui-ck-gray500: #858585;
    --ui-ck-gray550: #7a7a7a;
    --ui-ck-gray600: #6e6e6e;
    --ui-ck-gray650: #5f5f5f;
    --ui-ck-gray700: #505050;
    --ui-ck-gray750: #3d3d3d;
    --ui-ck-gray800: #333;
    --ui-ck-gray850: #262626;
    --ui-ck-gray900: #191919;
    --ui-ck-gray950: #0a0a0a;
    --ui-ck-black: #000;
    --ui-ck-grayblue50: #f6f8fa;
    --ui-ck-grayblue100: #f2f4f6;
    --ui-ck-grayblue150: #edf0f4;
    --ui-ck-grayblue200: #e8eef5;
    --ui-ck-grayblue250: #dee5ed;
    --ui-ck-grayblue300: #c7d0db;
    --ui-ck-grayblue400: #a8b5c6;
    --ui-ck-grayblue450: #92a3b9;
    --ui-ck-grayblue500: #788aa0;
    --ui-ck-grayblue600: #697d95;
    --ui-ck-grayblue700: #506176;
    --ui-ck-grayblue750: #435367;
    --ui-ck-grayblue800: #293d56;
    --ui-ck-grayblue850: #202a37;
    --ui-ck-grayblue900: #00051f;
    --ui-ck-orange50: #fff2e8;
    --ui-ck-orange80: #ffe9d1;
    --ui-ck-orange150: #ffdec7;
    --ui-ck-orange200: #ffc59b;
    --ui-ck-orange250: #ffa667;
    --ui-ck-orange300: #ff8a34;
    --ui-ck-orange400: #ff771c;
    --ui-ck-orange500: #ff6900;
    --ui-ck-orange550: #ed6201;
    --ui-ck-orange600: #da5c02;
    --ui-ck-orange650: #be5002;
    --ui-ck-orange700: #a34300;
    --ui-ck-orange750: #883800;
    --ui-ck-orange800: #702e00;
    --ui-ck-orange850: #592500;
    --ui-ck-orange900: #411b00;
    --ui-ck-blue50: #f0f6ff;
    --ui-ck-blue100: #e0ecff;
    --ui-ck-blue150: #d4e4ff;
    --ui-ck-blue250: #b2cfff;
    --ui-ck-blue300: #9cc2ff;
    --ui-ck-blue400: #6da5ff;
    --ui-ck-blue450: #478eff;
    --ui-ck-blue500: #327fff;
    --ui-ck-blue550: #1b73ff;
    --ui-ck-blue600: #0b69ff;
    --ui-ck-blue650: #1365ec;
    --ui-ck-blue700: #0052d9;
    --ui-ck-blue750: #0048bf;
    --ui-ck-blue800: #06377b;
    --ui-ck-blue900: #0a295c;
    --ui-ck-red50: #ffe8e8;
    --ui-ck-red100: #ffc7c6;
    --ui-ck-red200: #ffb3b7;
    --ui-ck-red300: #ff8b89;
    --ui-ck-red350: #fb5e5e;
    --ui-ck-red400: #ff4a46;
    --ui-ck-red500: #f13e3a;
    --ui-ck-red600: #e43834;
    --ui-ck-red650: #d82a26;
    --ui-ck-red700: #c01d19;
    --ui-ck-red800: #9e1d1b;
    --ui-ck-red850: #791919;
    --ui-ck-red900: #611717;
    --ui-ck-green50: #d6f3e2;
    --ui-ck-green100: #a9eac4;
    --ui-ck-green200: #5cd48c;
    --ui-ck-green300: #21bb5e;
    --ui-ck-green400: #00a843;
    --ui-ck-green500: #04933d;
    --ui-ck-green600: #0a7c37;
    --ui-ck-green700: #136b36;
    --ui-ck-green800: #175530;
    --ui-ck-green900: #1b422b;
    --ui-ck-yellow50: #fff6d8;
    --ui-ck-yellow100: #ffe28c;
    --ui-ck-yellow200: #fec710;
    --ui-ck-yellow300: #f6b900;
    --ui-ck-yellow400: #edae00;
    --ui-ck-yellow500: #d49b15;
    --ui-ck-yellow600: #af8218;
    --ui-ck-yellow700: #8a6612;
    --ui-ck-yellow800: #654e20;
    --ui-ck-yellow900: #40351f;
    --ui-ck-purple50: #f7f0ff;
    --ui-ck-purple100: #ebd7ff;
    --ui-ck-purple200: #debeff;
    --ui-ck-purple300: #cfa2ff;
    --ui-ck-purple400: #c084ff;
    --ui-ck-purple500: #af64ff;
    --ui-ck-purple600: #9b4bf0;
    --ui-ck-purple700: #8834e1;
    --ui-ck-purple800: #7b2ccf;
    --ui-ck-purple900: #5c33ac;
    --ui-ck-indigo50: #f0f0ff;
    --ui-ck-indigo100: #e1e2ff;
    --ui-ck-indigo200: #d6d7ff;
    --ui-ck-indigo300: #b0b3ff;
    --ui-ck-indigo400: #7f83ff;
    --ui-ck-indigo500: #5a5ffe;
    --ui-ck-indigo600: #4f55f7;
    --ui-ck-indigo700: #383ef2;
    --ui-ck-indigo800: #2328c7;
    --ui-ck-indigo900: #232671;
    --ui-ck-pink50: #fff0fa;
    --ui-ck-pink100: #ffdaf2;
    --ui-ck-pink200: #ffb8e7;
    --ui-ck-pink300: #fa85d2;
    --ui-ck-pink400: #f760c2;
    --ui-ck-pink500: #ec51b6;
    --ui-ck-pink600: #db4ba9;
    --ui-ck-pink700: #cb3697;
    --ui-ck-pink800: #a32576;
    --ui-ck-pink900: #74004b;
    --ui-ck-gold50: #fbf3e5;
    --ui-ck-gold100: #f9ecd7;
    --ui-ck-gold200: #fae8c8;
    --ui-ck-gold300: #ebd3a9;
    --ui-ck-gold400: #debd85;
    --ui-ck-gold500: #d1aa6b;
    --ui-ck-gold600: #c69f60;
    --ui-ck-gold700: #b69058;
    --ui-ck-gold800: #907043;
    --ui-ck-gold900: #745e3e;
    --ui-ck-cyan50: #f0fdff;
    --ui-ck-cyan100: #e2fdff;
    --ui-ck-cyan200: #cbfbff;
    --ui-ck-cyan300: #a5f6ff;
    --ui-ck-cyan400: #76e9f9;
    --ui-ck-cyan500: #41d8ef;
    --ui-ck-cyan600: #0db9d6;
    --ui-ck-cyan700: #0a7f95;
    --ui-ck-cyan800: #135b67;
    --ui-ck-cyan900: #0e3f47;
    --ui-ct-text-h1: var(--ui-ck-gray850);
    --ui-ct-text-h2: var(--ui-ck-gray550);
    --ui-ct-text-h3: var(--ui-ck-gray400);
    --ui-ct-text-white: var(--ui-ck-white);
    --ui-ct-text-black: var(--ui-ck-black);
    --ui-ct-text-link1: var(--ui-ck-blue500);
    --ui-ct-text-link2: var(--ui-ck-gray850);
    --ui-ct-text-green: var(--ui-ck-green400);
    --ui-ct-text-red: var(--ui-ck-red500);
    --ui-ct-text-stable: var(--ui-ck-grayblue600);
    --ui-ct-text-success: var(--ui-ck-green400);
    --ui-ct-text-warn: var(--ui-ck-red500);
    --ui-ct-bg-page: var(--ui-ck-gray80);
    --ui-ct-bg-card: var(--ui-ck-white);
    --ui-ct-bg-overlay: var(--ui-ck-gray50);
    --ui-ct-bg-white: var(--ui-ck-white);
    --ui-ct-bg-black: var(--ui-ck-black);
    --ui-ct-bg-mask1: rgba(0, 0, 0, .25);
    --ui-ct-bg-mask2: rgba(0, 0, 0, .6);
    --ui-ct-bg-link1: var(--ui-ck-blue500);
    --ui-ct-bg-link2: var(--ui-ck-gray850);
    --ui-ct-bg-green: var(--ui-ck-green400);
    --ui-ct-bg-red: var(--ui-ck-red500);
    --ui-ct-bg-stable: var(--ui-ck-grayblue600);
    --ui-ct-bg-success: var(--ui-ck-green400);
    --ui-ct-bg-warn: var(--ui-ck-red500);
    --ui-ct-bg-shadow: rgba(0, 0, 0, .12);
    --ui-ct-line-seperator: var(--ui-ck-gray150);
    --ui-ct-line-overlay: var(--ui-ck-gray150);
    --ui-ct-line-input: var(--ui-ck-gray150);
    --ui-ct-line-input-hover: var(--ui-ck-gray750);
    --ui-ct-line-input-selected: var(--ui-ck-gray750);
    --ui-ct-line-white: var(--ui-ck-white);
    --ui-ct-line-black: var(--ui-ck-black);
    --ui-ct-chart-main: var(--ui-ck-blue550);
    --ui-ct-chart-second: var(--ui-ck-orange500);
    --ui-ct-chart-assist: var(--ui-ck-gray450);
    --ui-ct-icon-h1: var(--ui-ck-gray750);
    --ui-ct-icon-h2: var(--ui-ck-gray550);
    --ui-ct-icon-h3: var(--ui-ck-gray400);
    --ui-ct-icon-h4: var(--ui-ck-gray250);
    --ui-ct-icon-white: var(--ui-ck-white);
    --ui-ct-icon-black: var(--ui-ck-black);
    --ui-ct-icon-link1: var(--ui-ck-blue500);
    --ui-ct-icon-link2: var(--ui-ck-gray850);
    --ui-ct-icon-green: var(--ui-ck-green400);
    --ui-ct-icon-red: var(--ui-ck-red500);
    --ui-ct-icon-stable: var(--ui-ck-grayblue600);
    --ui-ct-icon-success: var(--ui-ck-green400);
    --ui-ct-icon-warn: var(--ui-ck-red500);
    --ui-ct-icon-orange: var(--ui-ck-orange400);
    --ui-ct-icon-yellow: var(--ui-ck-yellow300);
    --ui-ct-icon-cyan: var(--ui-ck-cyan600);
    --ui-ct-icon-blue: var(--ui-ck-blue500);
    --ui-ct-icon-indigo: var(--ui-ck-indigo600);
    --ui-ct-icon-purple: var(--ui-ck-purple600);
    --ui-ct-icon-pink: var(--ui-ck-pink500);
    --ui-ct-primary-rgb: 255, 105, 0;
    --ui-ct-primary: var(--ui-ck-orange500);
    --ui-ct-primary-hover: rgba(var(--ui-ct-primary-rgb), .8);
    --ui-ct-primary-pressed: rgba(var(--ui-ct-primary-rgb), .6);
    --ui-ct-primary-disable: rgba(var(--ui-ct-primary-rgb), .3);
    --ui-ct-primary-weak-pressed: rgba(var(--ui-ct-primary-rgb), .03);
    --ui-ct-primary-weak-hover: rgba(var(--ui-ct-primary-rgb), .06);
    --ui-base-z-index: 1000;
    --ui-base-z-index-background: var(--ui-base-z-index);
    --ui-base-z-index-fixed: calc(var(--ui-base-z-index) + 10);
    --ui-base-z-index-absolute: calc(var(--ui-base-z-index) + 50);
    --ui-base-z-index-tip: calc(var(--ui-base-z-index) + 60);
    --ui-base-z-index-top: calc(var(--ui-base-z-index) + 1000);
    --ui-font-family: "BR Hendrix", "-apple-system", BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft Yahei", "Source Han Sans SC", Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif
}

.ui-theme-dark:root {
    --ui-ct-text-h1: var(--ui-ck-gray150);
    --ui-ct-text-h2: var(--ui-ck-gray450);
    --ui-ct-text-h3: var(--ui-ck-gray600);
    --ui-ct-text-white: var(--ui-ck-white);
    --ui-ct-text-black: var(--ui-ck-black);
    --ui-ct-text-link1: var(--ui-ck-blue500);
    --ui-ct-text-link2: var(--ui-ck-gray150);
    --ui-ct-text-green: var(--ui-ck-green400);
    --ui-ct-text-red: var(--ui-ck-red500);
    --ui-ct-text-stable: var(--ui-ck-grayblue600);
    --ui-ct-text-success: var(--ui-ck-green400);
    --ui-ct-text-warn: var(--ui-ck-red500);
    --ui-ct-bg-page: var(--ui-ck-gray950);
    --ui-ct-bg-card: var(--ui-ck-gray900);
    --ui-ct-bg-overlay: var(--ui-ck-gray800);
    --ui-ct-bg-white: var(--ui-ck-white);
    --ui-ct-bg-black: var(--ui-ck-black);
    --ui-ct-bg-mask1: rgba(0, 0, 0, .5);
    --ui-ct-bg-mask2: rgba(0, 0, 0, .8);
    --ui-ct-bg-link1: var(--ui-ck-blue500);
    --ui-ct-bg-link2: var(--ui-ck-gray150);
    --ui-ct-bg-green: var(--ui-ck-green400);
    --ui-ct-bg-red: var(--ui-ck-red500);
    --ui-ct-bg-stable: var(--ui-ck-grayblue600);
    --ui-ct-bg-success: var(--ui-ck-green400);
    --ui-ct-bg-warn: var(--ui-ck-red500);
    --ui-ct-bg-shadow: rgba(0, 0, 0, .5);
    --ui-ct-line-seperator: var(--ui-ck-gray800);
    --ui-ct-line-overlay: var(--ui-ck-gray750);
    --ui-ct-line-input: var(--ui-ck-gray800);
    --ui-ct-line-input-hover: var(--ui-ck-gray250);
    --ui-ct-line-input-selected: var(--ui-ck-gray250);
    --ui-ct-line-white: var(--ui-ck-white);
    --ui-ct-line-black: var(--ui-ck-black);
    --ui-ct-chart-main: var(--ui-ck-blue600);
    --ui-ct-chart-second: var(--ui-ck-orange550);
    --ui-ct-chart-assist: var(--ui-ck-gray600);
    --ui-ct-icon-h1: var(--ui-ck-gray150);
    --ui-ct-icon-h2: var(--ui-ck-gray450);
    --ui-ct-icon-h3: var(--ui-ck-gray600);
    --ui-ct-icon-h4: var(--ui-ck-gray750);
    --ui-ct-icon-white: var(--ui-ck-white);
    --ui-ct-icon-black: var(--ui-ck-black);
    --ui-ct-icon-link1: var(--ui-ck-blue500);
    --ui-ct-icon-link2: var(--ui-ck-gray150);
    --ui-ct-icon-green: var(--ui-ck-green400);
    --ui-ct-icon-red: var(--ui-ck-red500);
    --ui-ct-icon-stable: var(--ui-ck-grayblue600);
    --ui-ct-icon-success: var(--ui-ck-green400);
    --ui-ct-icon-warn: var(--ui-ck-red500);
    --ui-ct-icon-orange: var(--ui-ck-orange400);
    --ui-ct-icon-yellow: var(--ui-ck-yellow300);
    --ui-ct-icon-cyan: var(--ui-ck-cyan600);
    --ui-ct-icon-blue: var(--ui-ck-blue500);
    --ui-ct-icon-indigo: var(--ui-ck-indigo600);
    --ui-ct-icon-purple: var(--ui-ck-purple600);
    --ui-ct-icon-pink: var(--ui-ck-pink500);
    --ui-ct-primary-rgb: 237, 98, 1;
    --ui-ct-primary: var(--ui-ck-orange550);
    --ui-ct-primary-hover: rgba(var(--ui-ct-primary-rgb), .8);
    --ui-ct-primary-pressed: rgba(var(--ui-ct-primary-rgb), .6);
    --ui-ct-primary-disable: rgba(var(--ui-ct-primary-rgb), .3);
    --ui-ct-primary-weak-pressed: rgba(var(--ui-ct-primary-rgb), .03);
    --ui-ct-primary-weak-hover: rgba(var(--ui-ct-primary-rgb), .06)
}

:root {
    --ui-popup-z-index: var(--ui-base-z-index-background);
    --ui-popup-bg: var(--ui-ct-bg-card);
    --ui-popup-line-seperator: var(--ui-ct-line-seperator);
    --ui-popup-title: var(--ui-ct-text-h1);
    --ui-popup-close: var(--ui-ct-text-h1)
}

.ui-popup {
    background-color: var(--ui-popup-bg);
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: var(--ui-popup-z-index)
}

.ui-popup.small {
    height: 36vh
}

.ui-popup.middle {
    height: 56vh
}

.ui-popup.large {
    height: 76vh
}

.ui-popup.auto {
    max-height: 76vh
}

.ui-popup-title {
    box-shadow: 0 .5px .5px var(--ui-popup-line-seperator);
    color: var(--ui-popup-title);
    font-size: 18px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    position: relative;
    text-align: center
}

.ui-popup-confirmBtn {
    font-size: 16px;
    font-weight: 400;
    margin-right: 16px;
    position: absolute;
    right: 0
}

.ui-popup-top {
    height: 300px;
    left: 0;
    top: 0;
    width: 100%
}

.ui-popup-top.ui-popup-round {
    border-radius: 0 0 6px 6px
}

.ui-popup-bottom {
    bottom: 0;
    left: 0;
    padding-bottom: env(safe-area-inset-bottom);
    width: 100%
}

.ui-popup-bottom.ui-popup-round {
    border-radius: 6px 6px 0 0
}

.ui-popup-left,
.ui-popup-right {
    width: 300px
}

.ui-popup-left {
    height: 100%;
    left: 0;
    top: 0
}

.ui-popup-left.ui-popup-round {
    border-radius: 0 6px 6px 0
}

.ui-popup-right {
    height: 100%;
    right: 0;
    top: 0
}

.ui-popup-right.ui-popup-round {
    border-radius: 6px 0 0 6px
}

.ui-popup-content {
    flex-grow: 1;
    overflow: auto
}

.ui-popup-content.has_footer {
    height: calc(100% - 44px)
}

.ui-popup-content.has_title {
    height: calc(100% - 48px)
}

.ui-popup-footer {
    box-shadow: 0 -.5px .5px var(--ui-popup-line-seperator);
    height: 44px;
    line-height: 44px
}

.ui-popup .icon-close {
    color: var(--ui-popup-close);
    cursor: pointer;
    font-size: 17px;
    height: 17px;
    left: 16px;
    line-height: 17px;
    position: absolute;
    top: 15px;
    width: 17px
}

.slide-enter-active,
.slide-leave-active {
    animation-duration: .2s;
    animation-fill-mode: both
}

.delay-leave-active {
    animation-delay: .2s
}

.ui-popup-right.slide-enter-active {
    animation-name: slideInRleft
}

.ui-popup-right.slide-leave-active {
    animation-name: slideOutRright
}

.ui-popup-left.slide-enter-active {
    animation-name: slideInLleft
}

.ui-popup-left.slide-leave-active {
    animation-name: slideOutLright
}

.ui-popup-bottom.slide-enter-active {
    animation-name: slideInBup
}

.ui-popup-bottom.slide-leave-active {
    animation-name: slideOutBdown
}

.ui-popup-top.slide-enter-active {
    animation-name: slideInTup
}

.ui-popup-top.slide-leave-active {
    animation-name: slideOutTdown
}

@keyframes slideInRleft {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideOutRright {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(100%, 0, 0);
        visibility: hidden
    }
}

@keyframes slideInLleft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideOutLright {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-100%, 0, 0);
        visibility: hidden
    }
}

@keyframes slideInTup {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideOutTdown {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
}

@keyframes slideInBup {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideOutBdown {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
}

[data-v-f21a8130] .__widget-popup.slide-leave-active {
    animation-name: move-f21a8130
}

[data-v-f21a8130] .__widget-popup {
    border-radius: 16px 16px 0 0;
    background: var(--ct_bg_card2)
}

@keyframes move-f21a8130 {
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.widget-popup-horizontal-bar-container[data-v-f21a8130] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 100%;
    border-radius: 16px 16px 0 0
}

.widget-popup-horizontal-bar-container_icon[data-v-f21a8130] {
    width: 36px;
    border: 2px solid rgba(83, 90, 102, .3);
    border-radius: 10px
}

.widget-popup-content[data-v-f21a8130] {
    height: calc(100% - 24px)
}

.operation-card-container[data-v-e7689f09] {
    position: relative;
    width: 100%
}

.operation-card-container .operation-card-content[data-v-e7689f09] {
    position: relative;
    height: 230px
}

.operation-card-container .operation-card-title[data-v-e7689f09] {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: var(--ct_text_h1);
    margin-bottom: 16px
}

.operation-card-container .operation-card-1[data-v-e7689f09] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    overflow: hidden
}

.operation-card-container .operation-card-1[data-v-e7689f09]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px
}

.operation-card-container .operation-card-1[data-v-e7689f09]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 4px
}

.operation-card-container .operation-card-1.show-progress[data-v-e7689f09]:before {
    width: 0;
    transition: width 5s linear;
    background: var(--ct_text_highlight)
}

.operation-card-container .operation-card-1.show-progress[data-v-e7689f09]:after {
    width: 100%;
    transition: width 5s linear;
    background: gray
}

.operation-card-container .operation-card-2[data-v-e7689f09] {
    position: absolute;
    width: calc(100% - 16px);
    top: 16px;
    left: 50%;
    transform: translate(-50%);
    z-index: 2
}

.operation-card-container .operation-card-3[data-v-e7689f09] {
    position: absolute;
    width: calc(100% - 32px);
    top: 28px;
    left: 50%;
    transform: translate(-50%);
    z-index: 1
}

.slide-up-enter-active[data-v-e7689f09],
.slide-up-leave-active[data-v-e7689f09] {
    transition: all .35s ease-out
}

.slide-up-enter[data-v-e7689f09],
.slide-up-enter-from[data-v-e7689f09] {
    opacity: 0;
    transform: translateY(50px)
}

.slide-up-leave-to[data-v-e7689f09] {
    opacity: 0;
    transform: translateY(-50px)
}

.fade-enter-active[data-v-e7689f09],
.fade-leave-active[data-v-e7689f09] {
    transition: opacity .5s linear
}

.fade-leave-active[data-v-e7689f09] {
    height: 0
}

.fade-enter[data-v-e7689f09],
.fade-enter-from[data-v-e7689f09],
.fade-leave-to[data-v-e7689f09] {
    opacity: 0
}

.operation-popup-container[data-v-e7689f09] {
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

.operation-popup-container[data-v-e7689f09] {
    padding: 24px
}

.operation-popup-title[data-v-e7689f09] {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: var(--ct_text_h1);
    margin-bottom: 16px
}

.operation-popup-actions[data-v-e7689f09] {
    position: relative;
    display: flex;
    justify-content: center
}

.operation-popup-actions[data-v-e7689f09]>:first-child {
    flex: 1;
    box-sizing: border-box;
    margin-right: 16px
}

.operation-popup-actions[data-v-e7689f09]>:last-child {
    flex: 2;
    box-sizing: border-box
}

.operation-popup-actions[data-v-e7689f09]:before {
    content: "";
    position: absolute;
    height: 60px;
    width: 100%;
    top: -60px;
    left: 0;
    background: var(--popup_bottom_mask);
    z-index: 2
}

.operation-popup-content[data-v-e7689f09] {
    position: relative;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 36px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.operation-popup-content[data-v-e7689f09]::-webkit-scrollbar {
    display: none
}

[data-v-e7689f09] .__widget-popup .widget-black .list-head,
[data-v-e7689f09] .__widget-popup .widget-black .list-item {
    background: var(--ct_bg_card2)
}

[data-v-e7689f09] .__widget-popup .widget-black .mask-component .mask {
    background: var(--ct_bg_card2_50)
}

[data-v-e7689f09] .__widget-popup .widget-black .official-content-black.content-course {
    background: var(--ct_bg_card2)
}

[data-v-e7689f09] .__widget-popup .config-table .scrollbar-sticky {
    top: 0
}

.article-card[data-v-f79ef679] {
    cursor: pointer;
    display: flex;
    gap: 10px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f3f4f5;
    height: 100%
}

.article-card:hover img[data-v-f79ef679] {
    transform: scale(1.05)
}

.article-card .article-card-image[data-v-f79ef679] {
    flex: 0 0 320px;
    height: 180px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 16 / 9
}

.article-card .article-card-image img[data-v-f79ef679] {
    transition: all .4s;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.article-card .article-card-image.moomoo[data-v-f79ef679] {
    flex: 0 0 252px;
    aspect-ratio: 4 / 2.85
}

.article-card .article-card-content[data-v-f79ef679] {
    flex: 1;
    min-width: 290px;
    padding: 30px;
    display: flex;
    flex-direction: column
}

.article-card .article-card-content .article-title[data-v-f79ef679] {
    font-weight: 400;
    font-size: 16px;
    color: #333;
    margin: 0 0 auto;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.article-card .article-card-content .article-date[data-v-f79ef679] {
    font-weight: 400;
    font-size: 14px;
    color: #999;
    margin-top: 10px
}

.h5[data-v-f79ef679] {
    flex-direction: column;
    gap: 0
}

.h5 .article-card-image[data-v-f79ef679] {
    flex: auto;
    width: 100%;
    height: auto
}

.h5 .article-card-image.moomoo[data-v-f79ef679] {
    flex: auto
}

.h5 .article-card-content[data-v-f79ef679] {
    padding: 20px 20px 30px
}

.h5 .article-card-content .article-title[data-v-f79ef679] {
    height: 84px;
    font-size: 20px;
    margin-bottom: 30px
}

.h5 .article-card-content .article-date[data-v-f79ef679] {
    font-size: 15px;
    margin-top: 0
}

@media screen and (max-width: 1399px) and (min-width: 768px) {
    .article-card .article-card-content .article-title[data-v-f79ef679] {
        font-size: 20px
    }

    .article-card .article-card-content .article-date[data-v-f79ef679] {
        font-size: 15px
    }
}

@media screen and (max-width: 767px) {
    .article-card-image[data-v-f79ef679] {
        flex: auto;
        width: 100%;
        height: auto
    }

    .article-card-image.moomoo[data-v-f79ef679] {
        flex: auto
    }

    .article-card-content[data-v-f79ef679] {
        padding: 20px 20px 30px
    }

    .article-card-content .article-title[data-v-f79ef679] {
        height: 84px;
        font-size: 20px;
        margin-bottom: 30px
    }

    .article-card-content .article-date[data-v-f79ef679] {
        font-size: 15px;
        margin-top: 0
    }
}

@font-face {
    font-family: swiper-icons;
    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);
    font-weight: 400;
    font-style: normal
}

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

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

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

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

.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
}

.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 {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.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 {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

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

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

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    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 {
    scroll-snap-type: x mandatory
}

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    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 {
    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 {
    margin-block-start: var(--swiper-centered-offset-before)
}

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

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

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

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

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

.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(360deg)
    }
}

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

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

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

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

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

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

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next 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-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

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

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

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

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

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

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

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

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

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

.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(.66)
}

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

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

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

.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, .2)
}

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

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

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

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

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

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

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

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

.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: .2s transform, .2s left
}

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

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

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

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

.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-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

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

.swiper-pagination-lock {
    display: none
}

.__widget-swiper-container-wrap[data-v-154a9dc7] {
    position: relative;
    width: 100%
}

.__widget-swiper-container-wrap.pagination[data-v-154a9dc7] {
    margin-bottom: 35px
}

.__widget-swiper-container-wrap[data-v-154a9dc7] .swiper-slide {
    height: 1px
}

.__widget-swiper-container-wrap[data-v-154a9dc7] .swiper-slide-active {
    height: auto
}

.__widget-swiper-pagination[data-v-154a9dc7] {
    bottom: -35px
}

.__widget-swiper-pagination[data-v-154a9dc7] .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #d8d8d8
}

.__widget-swiper-pagination[data-v-154a9dc7] .swiper-pagination-bullet-active {
    background: #ff6900
}

.__widget-swiper-button-prev[data-v-154a9dc7] {
    width: 57px;
    height: 57px;
    border-radius: 58px;
    border: 1px solid var(--arrow_button);
    left: -81px;
    cursor: pointer
}

.__widget-swiper-button-prev[data-v-154a9dc7]:after {
    content: none
}

.__widget-swiper-button-prev .mask[data-v-154a9dc7] {
    width: 100%;
    height: 100%;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='13'%20height='24'%20viewBox='0%200%2013%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.7305%2022.2422L1.80863%2012.1548L11.7305%201.76251'%20stroke='%23C1BABA'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='13'%20height='24'%20viewBox='0%200%2013%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.7305%2022.2422L1.80863%2012.1548L11.7305%201.76251'%20stroke='%23C1BABA'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: auto;
    mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--arrow_button)
}

.__widget-swiper-button-prev[data-v-154a9dc7]:not(.disabled):hover {
    background-color: #ff6900;
    border-color: #ff6900
}

.__widget-swiper-button-prev:not(.disabled):hover .mask[data-v-154a9dc7] {
    background-color: #fff
}

.__widget-swiper-button-prev.disabled[data-v-154a9dc7] {
    border-color: var(--arrow_disabled_button)
}

.__widget-swiper-button-prev.disabled .mask[data-v-154a9dc7] {
    background-color: var(--arrow_disabled_button)
}

.__widget-swiper-button-next[data-v-154a9dc7] {
    width: 57px;
    height: 57px;
    border-radius: 58px;
    border: 1px solid var(--arrow_button);
    right: -81px;
    cursor: pointer
}

.__widget-swiper-button-next[data-v-154a9dc7]:after {
    content: none
}

.__widget-swiper-button-next .mask[data-v-154a9dc7] {
    width: 100%;
    height: 100%;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='13'%20height='24'%20viewBox='0%200%2013%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.7305%2022.2422L1.80863%2012.1548L11.7305%201.76251'%20stroke='%23C1BABA'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='13'%20height='24'%20viewBox='0%200%2013%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.7305%2022.2422L1.80863%2012.1548L11.7305%201.76251'%20stroke='%23C1BABA'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: auto;
    mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--arrow_button);
    transform: rotate(180deg)
}

.__widget-swiper-button-next[data-v-154a9dc7]:not(.disabled):hover {
    background-color: #ff6900;
    border-color: #ff6900
}

.__widget-swiper-button-next:not(.disabled):hover .mask[data-v-154a9dc7] {
    background-color: #fff
}

.__widget-swiper-button-next.disabled[data-v-154a9dc7] {
    border-color: var(--arrow_disabled_button)
}

.__widget-swiper-button-next.disabled .mask[data-v-154a9dc7] {
    background-color: var(--arrow_disabled_button)
}

.__widget-swiper-container-wrap.swiper-mobile.pagination[data-v-154a9dc7] {
    margin-bottom: 30px
}

.__widget-swiper-container-wrap.swiper-mobile .__widget-swiper-pagination[data-v-154a9dc7] {
    bottom: -30px;
    text-align: center
}

.__widget-swiper-container-wrap.swiper-mobile .__widget-swiper-pagination[data-v-154a9dc7] .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin-left: 8px;
    margin-right: 8px
}

.__widget-swiper[data-v-154a9dc7] {
    position: relative;
    overflow: hidden
}

.__widget-swiper[data-v-154a9dc7] .swiper {
    width: 100%
}

.__widget-swiper[data-v-154a9dc7] .swiper-wrapper {
    display: flex;
    width: 100%
}

.__widget-swiper[data-v-154a9dc7] .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: auto
}

.news-room-component[data-v-e273d554] {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 40px 0
}

.news-room-component .news-room-container[data-v-e273d554] {
    width: 100%;
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.news-room-component .news-room-container .news-room-title[data-v-e273d554] {
    font-weight: 600;
    margin-bottom: 30px;
    color: #1d1f21;
    text-align: center
}

.news-room-component .news-room-container[data-v-e273d554] .__widget-swiper-pagination .swiper-pagination-bullet {
    background-color: #444
}

.news-room-component .news-room-container .article-cards-grid[data-v-e273d554] {
    overflow: hidden;
    margin-bottom: 60px
}

.news-room-component .news-room-container .article-cards-grid.web-grid[data-v-e273d554] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 30px 40px
}

.news-room-component .news-room-container .article-cards-grid.tablet-card-grid[data-v-e273d554] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-bottom: 30px
}

.news-room-component .news-room-container .article-cards-grid.tablet-card-grid[data-v-e273d554] .article-card-image {
    flex: 0 0 422px;
    height: 238px
}

.news-room-component .news-room-container .article-cards-grid.tablet-card-grid[data-v-e273d554] .article-card-image.moomoo {
    flex: 0 0 333px
}

.news-room-component .news-room-container .article-cards-grid.tablet-card-grid[data-v-e273d554] .article-card-content {
    padding: 40px 36px 40px 26px
}

.news-room-component .news-room-container .article-cards-grid.tablet-card-grid[data-v-e273d554] .article-card-content .article-title {
    font-size: 20px;
    line-height: 1.4
}

.news-room-component .news-room-container .slider-indicators[data-v-e273d554] {
    display: flex;
    gap: 10px;
    margin-bottom: 30px
}

.news-room-component .news-room-container .slider-indicators .indicator[data-v-e273d554] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #d0d0d0;
    cursor: pointer
}

.news-room-component .news-room-container .slider-indicators .indicator.active[data-v-e273d554] {
    background-color: #444
}

.news-room-component .news-room-container .more-btn-container[data-v-e273d554] {
    display: flex;
    justify-content: center
}

.news-room-component .news-room-container .more-btn-container .more-btn[data-v-e273d554] {
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center;
    background-color: #fff;
    border: 1px solid #1d1d1d;
    border-radius: 10px;
    font-weight: 600;
    color: #1d1d1d;
    cursor: pointer;
    transition: all .3s ease
}

.news-room-component .news-room-container .more-btn-container .more-btn[data-v-e273d554]:hover {
    background-color: #f5f5f5
}

.news-room-component .news-room-container .more-btn-container .mobile-more-link[data-v-e273d554] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 15px;
    color: #1d1d1d;
    cursor: pointer
}

.news-room-component .news-room-container .more-btn-container .mobile-more-link .arrow[data-v-e273d554] {
    font-weight: 700
}

.news-room-component .news-room-container .more-btn-container.moomoo .more-btn[data-v-e273d554] {
    border-radius: 60px
}

.h5 .news-room-container .news-room-header[data-v-e273d554] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 20px
}

.h5 .news-room-container .news-room-title[data-v-e273d554] {
    font-size: 30px;
    text-align: left;
    line-height: 1.4;
    margin-bottom: 0
}

.h5 .news-room-container .more-link[data-v-e273d554] {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    color: #1d1d1d;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    padding-right: 2px
}

.h5 .news-room-container .more-link span[data-v-e273d554] {
    mask: url("data:image/svg+xml,%3csvg%20width='13'%20height='24'%20viewBox='0%200%2013%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.7305%2022.2422L1.80863%2012.1548L11.7305%201.76251'%20stroke='%23C1BABA'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-color: #1d1d1d;
    transform: rotate(180deg)
}

.h5 .news-room-container .article-cards-grid.web-grid[data-v-e273d554] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-bottom: 0
}

.h5 .news-room-container[data-v-e273d554] .__widget-swiper-pagination {
    margin-top: 20px
}

@media screen and (min-width: 1400px) {
    .news-room-component .news-room-title[data-v-e273d554] {
        font-size: 48px
    }

    .news-room-component .more-btn[data-v-e273d554] {
        width: 280px;
        font-size: 22px;
        height: 60px;
        line-height: 60px
    }
}

@media screen and (max-width: 1399px) and (min-width: 768px) {
    .news-room-component .news-room-container[data-v-e273d554] {
        max-width: 864px
    }

    .news-room-component .news-room-title[data-v-e273d554] {
        font-size: 30px;
        color: #1d1d1d
    }

    .news-room-component .more-btn[data-v-e273d554] {
        width: 220px;
        height: 45px;
        font-size: 15px;
        font-weight: 600;
        line-height: 45px
    }

    .news-room-component .slider-indicators .indicator[data-v-e273d554] {
        width: 10px;
        height: 10px
    }

    .news-room-component .tablet-more-btn-container[data-v-e273d554] {
        margin-top: 10px
    }
}

@media screen and (max-width: 767px) {
    .news-room-container .news-room-header[data-v-e273d554] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 20px
    }

    .news-room-container .news-room-title[data-v-e273d554] {
        font-size: 30px;
        text-align: left;
        line-height: 1.4;
        margin-bottom: 0
    }

    .news-room-container .more-link[data-v-e273d554] {
        font-size: 15px;
        line-height: 1.4;
        font-weight: 600;
        color: #1d1d1d;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 5px;
        padding-right: 2px
    }

    .news-room-container .more-link span[data-v-e273d554] {
        mask: url("data:image/svg+xml,%3csvg%20width='13'%20height='24'%20viewBox='0%200%2013%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.7305%2022.2422L1.80863%2012.1548L11.7305%201.76251'%20stroke='%23C1BABA'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;
        width: 12px;
        height: 12px;
        display: inline-block;
        background-color: #1d1d1d;
        transform: rotate(180deg)
    }

    .news-room-container .article-cards-grid.web-grid[data-v-e273d554] {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        margin-bottom: 0
    }

    .news-room-container[data-v-e273d554] .__widget-swiper-pagination {
        margin-top: 20px
    }
}

.mm-cs-gold-flow-h5[data-v-52264b12] .gold-flow-h5 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mm-cs-gold-flow-h5[data-v-52264b12] .gold-flow-h5 .cta-title {
    white-space: nowrap
}

.mm-cs-gold-flow-h5.lang-7[data-v-52264b12] .gold-flow-h5 .cta-title {
    font-size: 14px
}

#mm-cs-tw-download-dialog[data-v-36fde36f] .mask {
    z-index: 100
}

#mm-cs-tw-download-dialog[data-v-36fde36f] .h5-dialog-box {
    z-index: 101
}

#mm-cs-tw-download-dialog[data-v-36fde36f] .pc-dialog-box {
    z-index: 101
}

.medialinkBox[data-v-2ef7f2d6] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;
    z-index: 1000
}

.medialinkBox[data-v-2ef7f2d6] .medialink {
    position: absolute;
    pointer-events: all
}

.medialinkBox[data-v-2ef7f2d6] .medialink ins {
    max-width: 100vw
}

.medialinkBox[data-v-2ef7f2d6] .medialink ins img {
    max-width: none
}

.medialinkBox[data-v-2ef7f2d6] .medialink .close {
    position: absolute;
    z-index: 1;
    display: block;
    background: url(/static/img/image_595.svg) no-repeat center/100% 100%;
    cursor: pointer
}

.medialinkBox[data-v-2ef7f2d6] .medialink.banner {
    left: 50%;
    bottom: 10px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.medialinkBox[data-v-2ef7f2d6] .medialink.banner .close {
    bottom: 120px;
    right: -20px;
    -webkit-transform: translate(100%, 100%);
    -ms-transform: translate(100%, 100%);
    transform: translate(100%, 100%);
    width: 40px;
    height: 40px
}

.medialinkBox[data-v-2ef7f2d6] .medialink.buoy {
    right: 20px;
    bottom: 40%
}

.medialinkBox[data-v-2ef7f2d6] .medialink.buoy .close {
    right: -10px;
    top: -20px;
    width: 25px;
    height: 25px
}

@media screen and (max-width: 1024px) {
    .medialinkBox[data-v-2ef7f2d6] .medialink.banner .close {
        bottom: 140px;
        right: 0px;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%)
    }
}

@media screen and (max-width: 768px) {
    .medialinkBox[data-v-2ef7f2d6] .medialink.banner .close {
        width: 5vw;
        height: 5vw;
        bottom: 17.5vw
    }

    .medialinkBox[data-v-2ef7f2d6] .medialink.buoy .close {
        right: -10px;
        top: -20px;
        width: 25px;
        height: 25px
    }
}

#mm-cs-openappbtn[data-v-038702ec] {
    position: relative;
    z-index: 800
}

#mm-cs-gold-flow-box[data-v-16437266] .official-gold-flow {
    position: fixed;
    bottom: 187px;
    right: 16px
}

#mm-cs-gold-flow-box.btn-4[data-v-16437266] .official-gold-flow {
    bottom: 295px
}

#mm-cs-gold-flow-box.btn-3[data-v-16437266] .official-gold-flow {
    bottom: 241px
}

#mm-cs-gold-flow-box.btn-2[data-v-16437266] .official-gold-flow {
    bottom: 187px
}

#mm-cs-gold-flow-box.btn-1[data-v-16437266] .official-gold-flow {
    bottom: 126px
}

#mm-cs-gold-flow-box.btn-0[data-v-16437266] .official-gold-flow {
    bottom: 60px
}

@media screen and (max-width: 768px) {
    #mm-cs-gold-flow-box[data-v-16437266] .offcial-flating-ball {
        display: none
    }
}

#mm-cs-app[data-v-361218c4] {
    position: relative
}

#mm-cs-app .hideBanner[data-v-361218c4] {
    display: none
}

#mm-cs-app #mm-cs-banner[data-v-361218c4] {
    position: relative;
    z-index: 900
}

#mm-cs-app #mm-cs-openAccountAndActBuoy[data-v-361218c4] {
    position: relative;
    z-index: 900
}

#mm-cs-app #mm-cs-openAccountAndActBuoy[data-v-361218c4] .act-buoy-template-wrapper {
    top: -webkit-calc(20% + 112px);
    top: calc(20% + 112px);
    top: -webkit-calc(20% + 112px + var(--official-ip-jump-bar-height, 0px));
    top: calc(20% + 112px + var(--official-ip-jump-bar-height, 0px))
}

#mm-cs-app #mm-cs-openAccountAndActBuoy[data-v-361218c4] a {
    color: #ff6900
}

#mm-cs-app #mm-cs-openAccountAndActBuoy[data-v-361218c4] a:hover {
    color: rgba(255, 105, 0, .8)
}

#mm-cs-app #mm-cs-actBuoy[data-v-361218c4] {
    position: relative;
    z-index: 900
}

#mm-cs-app #mm-cs-actBuoy[data-v-361218c4] .act-buoy-template-wrapper {
    top: -webkit-calc(20% + 112px);
    top: calc(20% + 112px);
    top: -webkit-calc(20% + 112px + var(--official-ip-jump-bar-height, 0px));
    top: calc(20% + 112px + var(--official-ip-jump-bar-height, 0px))
}

#mm-cs-app #mm-cs-twDownloadDialog[data-v-361218c4] {
    position: relative;
    z-index: 900
}

#mm-cs-app #mm-cs-mediaLink[data-v-361218c4] {
    position: relative;
    z-index: 900
}

#mm-cs-app #mm-cs-openAppBtn[data-v-361218c4] {
    position: relative;
    z-index: 800
}

@media screen and (min-width: 768.5px) {
    #mm-cs-app #mm-cs-actBuoy[data-v-361218c4] .act-buoy-template-wrapper {
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    #mm-cs-app #mm-cs-openAccountAndActBuoy[data-v-361218c4] .act-buoy-template-wrapper {
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

.mm-cs-search-panel {
    margin-top: 2px;
    background-color: #fff;
    color: #000;
    border: solid 1px #eee;
    border-bottom: 0;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    border-radius: 4px 4px 0 0
}

.mm-cs-search-panel-item {
    border-bottom: 1px solid #eee
}

.mm-cs-search-panel-title {
    padding: 8px 16px;
    font-size: 14px;
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: solid 1px #eee;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.mm-cs-search-history-list .mm-cs-search-panel-title {
    border: 0
}

.mm-cs-search-panel-ul {
    padding: 5px 16px
}

.mm-cs-search-item-link.mm-cs-search-selected,
.mm-cs-search-panel-to-all {
    color: #0091ff;
    cursor: pointer
}

.mm-cs-search-history-list-clear {
    width: 16px;
    height: 16px;
    cursor: pointer;
    padding: 3px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.mm-cs-search-history-ul {
    padding-top: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mm-cs-search-history-li {
    cursor: pointer;
    margin-bottom: 12px;
    margin-right: 10px;
    background-color: #f9f9f9;
    padding: 6px 12px;
    border-radius: 18px;
    line-height: 18px;
    display: inline-block
}

.mm-cs-search-history-li:hover {
    color: #218dfc
}

.mm-cs-search-item-link {
    font-size: 14px
}

.mm-cs-search-stock-list .mm-cs-search-item-link {
    height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mm-cs-search-item-link em {
    font-style: normal;
    color: #ff6900
}

.mm-cs-search-news-list .mm-cs-search-news-item {
    padding-top: 10px
}

.mm-cs-search-stock-item-symbol {
    width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mm-cs-search-stock-item-market {
    width: 130px;
    text-align: right;
    white-space: nowrap
}

.mm-cs-search-stock-item-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mm-cs-search-news-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mm-cs-search-news-extra {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px
}

.mm-cs-search-news-time {
    font-size: 13px;
    line-height: 14px;
    color: #8395a8
}

.mm-cs-search-news-tag {
    font-size: 9px;
    line-height: 14px;
    text-align: center;
    border: .4px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 1px;
    padding: 0 3px;
    margin-left: 7px;
    color: #218dfc;
    border-color: #218dfc
}

.mm-cs-search-status {
    height: 125px;
    text-align: center;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mm-cs-search-refresh {
    color: #218dfc;
    line-height: 20px;
    display: inline-block;
    margin-left: 4px;
    cursor: pointer
}

.mm-cs-search-loading-img {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    position: relative;
    -webkit-animation: loading 1.5s linear infinite;
    animation: loading 1.5s linear infinite;
    z-index: 1
}

.mm-cs-search-container.mm-cs-searchShow {
    visibility: visible;
    pointer-events: auto;
    -webkit-animation: searchShow .16s both;
    animation: searchShow .16s both;
    -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
    animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1)
}

.mm-cs-search-container.mm-cs-searchHide {
    -webkit-animation: searchHide .2s both;
    animation: searchHide .2s both;
    -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
    animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1)
}

.tab-fade-out {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .2s cubic-bezier(0.65, 0, 0.35, 1);
    transition: opacity .2s cubic-bezier(0.65, 0, 0.35, 1)
}

.tab-fade-in {
    opacity: 1;
    -webkit-transition: opacity .2s cubic-bezier(0.65, 0, 0.35, 1);
    transition: opacity .2s cubic-bezier(0.65, 0, 0.35, 1)
}

.mm-cs-search-rtl {
    position: relative
}

.mm-cs-search-rtl-animate {
    -webkit-animation: rtl .25s;
    animation: rtl .25s;
    -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
    animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.mm-cs-search-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000
}

@-webkit-keyframes rtl {
    100% {
        left: 0
    }
}

@keyframes rtl {
    100% {
        left: 0
    }
}

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

    100% {
        opacity: 1
    }
}

@keyframes searchShow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes searchHide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes searchHide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

:root {
    --search-default-color: #000000;
    --search-reverse-color: #fff;
    --search-background-color: #FFFFFF;
    --search-blue: #2B78F5;
    --search-sec-color: rgba(96, 98, 102, 1);
    --search-placeholder-color: #909499;
    --search-border: 1px solid rgba(227, 228, 229, 1);
    --search-border-active: 1px solid #696C70;
    --search-content-border: 1px solid rgba(235, 236, 237, 1);
    --search-panel-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .12);
    --search-hover-background-color: #F2F3F5;
    --search-stock-us-color: #00A4FF;
    --search-stock-hk-color: #A876FB;
    --search-stock-sg-color: #F1568F;
    --search-stock-au-color: #10845D;
    --search-stock-jp-color: #7074F5;
    --search-stock-cn-color: #FF5A82;
    --search-stock-my-color: #6DA5FF;
    --search-stock-fx-color: #7679FB;
    --search-stock-cc-color: #FA8F48;
    --search-content-btn-background: #F2F3F5;
    --search-content-btn-hover-background: #FFFFFF
}

.web_search-container[data-search-theme=dark] {
    --search-default-color: rgba(227, 228, 229, 1);
    --search-reverse-color: #000;
    --search-background-color: #1D1F21;
    --search-blue: #4E7FCE;
    --search-placeholder-color: #7D7F83;
    --search-sec-color: rgba(155, 155, 158, 1);
    --search-border: 1px solid rgba(105, 108, 112, .25);
    --search-border-active: 1px solid #7D7F83;
    --search-content-border: 1px solid rgba(105, 108, 112, .15);
    --search-panel-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, .5);
    --search-hover-background-color: #2C2F33;
    --search-stock-us-color: #327FFF;
    --search-stock-hk-color: #8F53CF;
    --search-stock-sg-color: #AC4688;
    --search-stock-au-color: #10845D;
    --search-stock-jp-color: #4F55F7;
    --search-stock-cn-color: #CC465F;
    --search-stock-my-color: #4E7DC7;
    --search-stock-fx-color: #5373D3;
    --search-stock-cc-color: #CA7030;
    --search-content-btn-background: #2C2F33;
    --search-content-btn-hover-background: #1D1F21
}

.web_search-outside * {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    margin: 0;
    padding: 0;
    box-sizing: content-box
}

.web_search-outside a {
    color: currentColor;
    cursor: pointer;
    vertical-align: baseline;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    line-height: 1.4
}

.web_search-outside a:hover {
    color: currentColor
}

.web_search-outside ul {
    list-style: none
}

.web_search-outside p {
    margin: 0
}

.web_search-outside {
    pointer-events: none;
    justify-content: center;
    position: fixed;
    top: 38px;
    left: 0;
    right: 0;
    display: flex;
    z-index: 1001
}

.web_search-container {
    color: #000;
    color: var(--search-default-color);
    z-index: 1001;
    transition-property: background-color, border, border-top, border-bottom, color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.39, 0, .02, .99);
    opacity: 0;
    width: 47vw;
    max-width: 672px;
    line-height: 1.4
}

.web_search-container path {
    transition-property: fill;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.39, 0, .02, .99)
}

.web_search-search-icon {
    position: relative
}

.web_search-search-icon circle {
    stroke: #606266;
    stroke: var(--search-sec-color)
}

.web_search-search-icon path {
    fill: #606266;
    fill: var(--search-sec-color)
}

.web_search-input-border {
    border: 1px solid #E5E5E5;
    border: 1px solid var(--search-default-color);
    border-radius: 8px;
    height: 36px;
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--search-reverse-color);
    transition-property: background-color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.39, 0, .02, .99);
    overflow: hidden
}

.web_search-input-container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 0 14px;
    box-sizing: border-box
}

.web_search-input {
    margin: 0 6px;
    background-color: transparent;
    color: inherit;
    border: 0;
    font-size: 16px;
    flex: 1 1;
    outline: none
}

.web_search-input::placeholder {
    color: #909499;
    color: var(--search-placeholder-color)
}

.web_search-input-clear {
    display: none;
    font-size: 16px;
    color: #606266;
    color: var(--search-sec-color);
    padding-right: 8px;
    border-right: 1px solid rgba(227, 228, 229, 1);
    border-right: var(--search-border);
    cursor: pointer;
    transition-property: border;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.39, 0, .02, .99);
    white-space: nowrap
}

.web_search-input:not(:placeholder-shown)+.web_search-input-clear {
    display: block
}

.web_search-close {
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 10px
}

.web_search-hightlight {
    color: #ff6900
}

.web_search-panel {
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.web_search-res-panel {
    overflow-y: auto;
    overflow-x: hidden
}

.web_search-panel-container {
    margin-top: 22px;
    background-color: #fff;
    background-color: var(--search-background-color);
    color: #000;
    color: var(--search-default-color);
    box-shadow: 0 0 10px #0000001f;
    box-shadow: var(--search-panel-box-shadow);
    border-radius: 8px;
    padding: 8px 0 0;
    transition-property: background-color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.39, 0, .02, .99);
    overflow: hidden
}

.web_search-panel-container-fixed-height {
    height: min(720px, calc(100vh - 120px))
}

.web_search-panel-item-bt {
    border-top: 1px solid rgba(235, 236, 237, 1);
    border-top: var(--search-content-border);
    transition-property: border-color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.39, 0, .02, .99)
}

.web_search-panel-title {
    padding: 8px 16px;
    font-size: 16px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: content-box;
    font-weight: 700
}

.web_search-history-list .web_search-panel-title {
    border: 0
}

.web_search-panel-ul {
    padding: 0 16px
}

.web_search-panel-to-all,
.web_search-sec-panel-to-all {
    color: #4e7fce;
    color: var(--search-blue);
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 400
}

.web_search-panel-to-all path,
.web_search-sec-panel-to-all path {
    stroke: #4e7fce;
    stroke: var(--search-blue)
}

.web_search-item-link.web_search-selected {
    background: #F2F3F5;
    background: var(--search-hover-background-color);
    margin: 0 -16px;
    padding: 0 16px;
    cursor: pointer
}

.web_search-learn-section:hover {
    background: #F2F3F5;
    background: var(--search-hover-background-color);
    cursor: pointer
}

.web_search-mobile .web_search-selected,
.web_search-mobile .web_search-learn-section:hover,
.web_search-filter-background {
    background: none !important
}

.web_search-history-list-clear {
    width: 16px;
    height: 16px;
    cursor: pointer;
    padding: 3px;
    box-sizing: content-box
}

.web_search-history-list-clear path {
    stroke: #606266;
    stroke: var(--search-sec-color)
}

.web_search-history-ul {
    padding-top: 8px;
    user-select: none
}

.web_search-history-li {
    cursor: pointer;
    margin-bottom: 16px;
    margin-right: 4px;
    background-color: #f9f9f9;
    background-color: var(--search-content-btn-background);
    padding: 6px 12px;
    border-radius: 8px;
    line-height: 18px;
    display: inline-block;
    transition-property: background-color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.39, 0, .02, .99)
}

.web_search-history-li:hover {
    color: #218dfc
}

.web_search-tab {
    padding: 16px 0;
    margin-top: -8px;
    background: #fff;
    background: var(--search-background-color);
    transition-property: background-color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.39, 0, .02, .99);
    z-index: 10
}

.web_search-main-tab {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    border-bottom: 1px solid rgba(235, 236, 237, 1);
    border-bottom: var(--search-content-border);
    padding: 0 16px;
    transition-property: border;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.39, 0, .02, .99)
}

.web_search-tab-li {
    font-size: 16px;
    padding-bottom: 10px;
    cursor: pointer;
    white-space: nowrap
}

.web_search-tab-li:hover {
    font-weight: 600
}

.web_search-tab-li:after {
    display: block;
    content: attr(title);
    font-weight: 700;
    visibility: hidden;
    height: 1px;
    color: transparent;
    margin-top: -1px
}

.web_search-tab-active.web_search-tab-li {
    font-weight: 600;
    border-bottom: 2px solid currentColor;
    transition-property: border-color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.39, 0, .02, .99)
}

.web_search-tab-li+.web_search-tab-li {
    margin-left: 36px
}

[data-active-tab=quote] [data-sec-tab=quote],
[data-active-tab=news] [data-sec-tab=news] {
    display: flex
}

.web_search-sec-tab {
    padding: 16px 16px 0;
    display: none
}

.web_search-sec-tab-li {
    white-space: nowrap;
    padding: 5px 12px;
    border: var(--search-border);
    border-radius: 8px;
    cursor: pointer;
    color: #606266;
    color: var(--search-sec-color);
    font-size: 12px;
    line-height: 16px;
    transition-property: border;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.39, 0, .02, .99);
    transition: none
}

.web_search-sec-tab-li+.web_search-sec-tab-li {
    margin-left: 8px
}

.web_search-sec-tab-li:hover,
.web_search-sec-tab-li.web_search-sec-tab-active {
    color: #000;
    color: var(--search-default-color);
    border: 1px solid #696C70;
    border: var(--search-border-active)
}

.web_search-item-link {
    font-size: 14px
}

.web_search-stock-item .web_search-stock-item-content {
    height: 36px;
    display: flex;
    align-items: center
}

.web_search-market_us path {
    fill: #00a4ff;
    fill: var(--search-stock-us-color)
}

.web_search-market_fx path {
    fill: #7679fb;
    fill: var(--search-stock-fx-color)
}

.web_search-market_cc path {
    fill: #fa8f48;
    fill: var(--search-stock-cc-color)
}

.web_search-market_hk path {
    fill: #a876fb;
    fill: var(--search-stock-hk-color)
}

.web_search-market_sg path {
    fill: #f1568f;
    fill: var(--search-stock-sg-color)
}

.web_search-market_au path {
    fill: #10845d;
    fill: var(--search-stock-sg-color)
}

.web_search-market_jp path {
    fill: #7074f5;
    fill: var(--search-stock-sg-color)
}

.web_search-market_cn path {
    fill: #ff5a82;
    fill: var(--search-stock-cn-color)
}

.web_search-market_cn path+path {
    fill: #fff;
    fill: var(--search-reverse-color)
}

.web_search-result em {
    font-style: normal;
    color: #ff6900
}

.web_search-news-item.web_search-news-item,
.web_search-learn-item.web_search-learn-item {
    padding-top: 12px;
    padding-bottom: 12px
}

.web_search-news-views {
    margin-left: 2px
}

.web_search-news-item-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.web_search-stock-item-symbol {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 16px;
    font-size: 14px;
    width: 96px
}

.web_search-stock-item-market {
    white-space: nowrap;
    width: 14px
}

.web_search-stock-item-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 16px
}

.web_search-stock-item-optional {
    margin-left: 16px
}

.web_search-result-sub-text {
    font-size: 12px;
    line-height: 14px;
    color: #909499;
    color: var(--search-placeholder-color)
}

.web_search-news-extra {
    display: flex;
    align-items: center;
    margin-top: 4px
}

.web_search-news-tag {
    text-align: center;
    margin-right: 8px
}

.web_search-learn-content {
    display: flex
}

.web_search-learn-img {
    width: 116px
}

.web_search-learn-content-detail {
    margin-left: 8px;
    display: flex;
    flex-direction: column;
    font-size: 14px
}

.web_search-learn-content-detail .web_search-result-sub-text {
    margin-top: 4px
}

.web_search-learn-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 8px;
    border: 1px solid rgba(235, 236, 237, 1);
    border: var(--search-content-border);
    border-radius: 8px;
    transition-property: border;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.39, 0, .02, .99);
    margin-top: 8px
}

.web_search-status-whole {
    text-align: center;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 0 !important
}

.web_search-offline {
    flex-wrap: wrap
}

.web_search-refresh {
    color: #218dfc;
    line-height: 20px;
    display: inline-block;
    margin-left: 4px;
    cursor: pointer
}

.web_search-loading-img {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    position: relative;
    animation: searchLoading 1.5s linear infinite;
    z-index: 1
}

.web_search-container.web_search-searchShow,
.web_search-mask.web_search-searchShow {
    visibility: visible;
    pointer-events: auto;
    animation: searchShow .16s both;
    animation-timing-function: cubic-bezier(.65, 0, .35, 1)
}

.web_search-container.web_search-searchHide,
.web_search-mask.web_search-searchHide {
    animation: searchHide .2s both;
    animation-timing-function: cubic-bezier(.65, 0, .35, 1)
}

.web_search-tab-fade-out {
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s cubic-bezier(.65, 0, .35, 1)
}

.web_search-tab-fade-in {
    opacity: 1;
    transition: opacity .2s cubic-bezier(.65, 0, .35, 1)
}

.web_search-rtl {
    position: relative
}

.web_search-rtl-animate {
    animation: rtl .25s;
    animation-timing-function: cubic-bezier(.65, 0, .35, 1);
    animation-fill-mode: forwards;
    animation-delay: .1s
}

.web_search-mask {
    position: fixed;
    inset: 0;
    z-index: 998;
    background: rgba(0, 0, 0, .5);
    transition-property: background-color, border, border-top, border-bottom, color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.39, 0, .02, .99);
    opacity: 0;
    visibility: hidden
}

.web_search-transition-immdiate {
    transition: none !important
}

.web_search-help-item.web_search-help-item {
    padding-top: 12px;
    padding-bottom: 12px
}

.web_search-help-li-title {
    font-size: 14px;
    line-height: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.web_search-help-li-answer {
    margin-top: 4px;
    font-size: 12px;
    line-height: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.web_search-hot-news-list .web_search-panel-title {
    border-bottom: 0
}

.web_search-hot-news-list .web_search-hot-news-list-item {
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    height: 36px;
    display: flex;
    align-items: center
}

.web_search-hot-news-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.web_search-hot-news-ul {
    padding: 0 18px
}

.web_search-hot-news-ul .web_search-hot-news-list-item:hover {
    color: #218dfc
}

.web_search-sort_icon {
    display: inline-block;
    width: 9px;
    height: 18px;
    margin-right: 8px;
    vertical-align: top;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/static/img/image_596.png);
    flex: none
}

.web_search-sort_icon_2 {
    background-image: url(/static/img/image_597.png);
    position: relative;
    top: -1px
}

.web_search-sort_icon_3 {
    background-image: url(/static/img/image_598.png)
}

.web_search-scorll_view_status {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #606266;
    color: var(--search-sec-color);
    margin-top: 6px
}

.web_search-scorll_view_status .web_search-loading-img {
    width: 15px;
    height: 15px
}

.web_search-empty {
    display: block
}

.web_search-empty-img {
    width: 80px;
    height: 80px
}

.web_search-container[data-search-theme=white] .web_search-cancel-sun-icon {
    display: block
}

.web_search-container[data-search-theme=white] .web_search-cancel-moon-icon,
.web_search-container[data-search-theme=white] .web_search-img-black,
.web_search-container[data-search-theme=dark] .web_search-cancel-sun-icon {
    display: none
}

.web_search-container[data-search-theme=dark] .web_search-cancel-moon-icon {
    display: block
}

.web_search-container[data-search-theme=dark] .web_search-img-white {
    display: none
}

.web_search-container[data-search-theme=dark] .web_search-right path {
    stroke: #9b9b9e
}

.web_search-panel-item {
    padding-bottom: 16px
}

.web_search-history-list {
    padding-bottom: 0
}

.web_search-stock-item-option {
    padding: 4px 10px;
    border-radius: 20px;
    background-color: #f2f3f5;
    background-color: var(--search-content-btn-background);
    cursor: pointer;
    font-size: 12px;
    margin-left: 16px;
    transition-property: background-color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.39, 0, .02, .99)
}

.web_search-stock-item-option:hover {
    color: #ff6900
}

.web_search-selected .web_search-stock-item-option {
    background-color: var(--search-content-btn-hover-background)
}

.dn {
    display: none
}

@media screen and (max-width: 1240px) {
    .web_search-body-no-scroll {
        overflow: hidden !important;
        position: relative;
        height: 100% !important
    }

    .web_search-container[data-search-theme=dark] {
        --search-background-color: #0F1112
    }

    .web_search-mask {
        display: none !important
    }

    .web_search-outside {
        top: 0
    }

    .web_search-input-border {
        margin: 0 16px
    }

    .web_search-container {
        width: 100%;
        padding-top: 16px;
        background-color: #fff;
        background-color: var(--search-background-color);
        max-width: none
    }

    .web_search-panel-container.web_search-panel-container.web_search-panel-container {
        box-shadow: none;
        padding: 0;
        border-radius: 0;
        margin-top: 16px;
        height: calc(100vh - 68px);
        max-height: none;
        display: block !important
    }

    .web_search-panel.web_search-panel.web_search-panel {
        overflow-y: scroll;
        height: calc(100vh - 68px) !important
    }

    .web_search-tab {
        padding: 0 0 16px;
        margin-top: 0;
        top: 0
    }

    .web_search-stock-item-symbol,
    .web_search-stock-item-optional,
    .web_search-stock-item-option {
        margin-left: 8px
    }

    .web_search-sec-tab {
        overflow: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .web_search-sec-tab::-webkit-scrollbar {
        display: none
    }

    .web_search-main-tab {
        overflow-x: scroll;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none
    }
}

@keyframes rtl {
    to {
        left: 0
    }
}

@keyframes searchShow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes searchHide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes searchLoading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.mm-passport-right-box-v2 .hide {
    display: none
}

.mm-passport-open-account-guide {
    font-size: 18px;
    height: 100%;
    overflow-y: auto;
    position: relative
}

.mm-passport-open-account-guide .showPc {
    display: none
}

.mm-passport-open-account-guide .mm-passport-login-success-tips {
    align-items: center;
    color: #0f1112;
    display: flex;
    font-size: 24px;
    font-weight: 600;
    height: 86px;
    justify-content: center;
    left: 50%;
    line-height: 32px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.mm-passport-login-success-tips.hide {
    display: none
}

.mm-passport-open-account-guide .login-success-tips-fade-in {
    animation: fadeIn .5s ease-in-out forwards
}

.mm-passport-open-account-guide .login-success-tips-animation {
    animation: slideUp .8s cubic-bezier(.2, .8, .2, 1) forwards
}

.mm-passport-open-account-guide .login-success-tips-animation.animation-complete {
    position: relative
}

@keyframes slideUp {
    0% {
        top: 50%;
        transform: translate(-50%, -50%)
    }

    to {
        top: 0;
        transform: translate(-50%)
    }
}

.mm-passport-open-account-guide .mm-passport-login-success-tips .mm-passport-icon-success {
    background-image: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAgASURBVHgB7VxNUhtHFH6vR+xSFXyCjLlA5BNYVMU4rAzblAFxAswJkE8AnAAZu1LZYa8SAynkE0S+QBjfQFW2N0HTL69bQpru6fnTaCRRpW+DZmjN9Hx6r99vD8ASSyyxxPyAMAf4l806/6kL6PNf/JEQfED0jUFEARD0EOiLFOIWSHwOnrU7MGPMhCD/prkKodxDoi0mos4PvgoTgzqE2AZPfArW2wFUjEoJ8q+aDYTwiG/TgEowICv45fwNVIRKCPIvd5oo8Iglxc/9JYTAOC74XQJoVUHUVAkaSIw85o/1lGE9InoPArtA8jP0+0Gw+UfgvN4Fq+YPvE6h+BkkPOHJPgVMIa4CoqZCkFpjRJ+OCOhVwpAeT/wUQHaCZ+86UAL+5W9Mfq3JE3+RRBYitaXnvZ7GGlWaICanjqG8cKkEE9YBSafB83fvoQJoVQZWZRdRSppI7pf9QUoRtHa9e0AEJ7F/kJ7cYVXE2Egjih+w9e+z89cwISYmaO3v3SOS0LLPM2Gn8F20gu12D2YM/2q3xQ90ZJ8vQ9JEBDnJUVKD5UW6LPw/mz568saWpklJElAQCeR0KRTr8yZHIdhsB2ou/LEbPa+s29rV7hEURCEJcq45ipzvTM4cVCoL/uVuGxH2oucopMPg17cnea+RmyC2Vj725a1xksm53Th/AgsMJ0kgc0t7LhXT5ISs1+ZdAiU5sOAINs6bYKkbojjT8WEO5CII7/otw89R5ISLqVYuUI1/SIqEMvwseBee5flupor5180tJHYEozcsIKKLAuWBI9b+iZ7L8xyZEjSMrcYXlfD6oZGjEGz83mVLZpj5PKqWSpDyUG3VCp6ft+CBInh23rJVDf6Tr9K+k0qQTllEQCLuOT80KGc2eowCDtKkKJEgp/RUmJgqC5Vq8T82t7LGDZYHDqLHUNnOF0njEwmK+Q4LLD3Ku+e18gaFvFi72jnOGs9ZBnMtImomjXUSpPweI026wNKjvftI6MMp2JxSFPWNsKFiONdYtwTdhY3oIa9FHVhAKLWyQx8m60Oe77JFM8cJ2XSNcxJkq5eUeAoLBu3dozSdPQ59VKol1wX6oh09REFPXcMS1iCsR24aBBvtLiwQRqFP3Lvfzuvdq6jfLBSwmjmsWYwgJbYA47oVi/BnWDBw0GyneHs69NksloOOqWO/Hys2OCQoNAeRYRLnjrWrvVjVhCQn6jYnSdCTqRkh5iCI0DeOPVoY9dLJOqtyokOfiXPfnvFsQnB5yUKMIK6F/2ScqNUWgiD/48stO5Op8t+lQp8Vs1gpiR7ZQ+IShGbdnGtLc09p6EXZEzGLxbmeV1ACw2cbPR96kC1BPCxK0GKQM7BY43kNLRZMA5j+jOkShPMlSJndBHO+PtmiXBw1mCIGJWh5wCvnI7lSOylb+hUhHZNVsSVgX2dG5Og5wBTBqdkTVV4hFAfKV8mb93VBWywriGQLdjhrp9Vh5ikYfy7QgqKvJqLuel2EYWZk7YIdgOqp6Exm/nJNbphrW2xJcRBkDkqKcp33Ijo1j7FZtFinmiFitTfE9xVmMsdRA1A2QQT4xTjh5W+XU7+wnfdVKuf/tZPLHA8t1oU1oYC+4j5UgGGv5AiCRGCPcaxBlucszdRHFlTelyXAyB2hh8fK0Uv7XqrFqqq8JPp+9FBKGYs7HQRlu9+ZWBFKYsxineAKgm5+cgP74VQC0EKQomEcO8KqOEED93v0i5GgBhSE8lCpz44cGa78KoraxSBbaUJZLLvRk9ezw6rNOee9zByQI6yKETRwvyNM8q/qX71sQEFEuix60WspNYqaf1e3iLZYG2/bUCGGP1R9PDXquMIqpx8US0faopgTmiTqr1sX97U6QUUBaF5YaWWQ+Mk1zO0o1rx29FDVjmBC6IomkWWFsLF2vXNWRQCaF3bNj4Wg7RrnJGioZp3IqdVJ1Gx0PVaXmPlnH6myADQDOmtqGoRu0nqXGGoQmk6fbpIsAW3+EZKS/71ZBqCD7v8xeF4nyWNT8Phy9zba6zeNro7HVzs3MYsl5fbMOmIHze7jXieW3NuN88dJ41OD1ZgUFWg8SrxmzTPMf7mUaXHYpaKsinEqQTo4LNgNkQXtI7E6EcptLZEz7BbR/lbBfoPsBipenBGE0X73IBuoHD2WvPY0swjKzAdpItTmkwiGqubDA8EozosAc26jypUwoxVvP9bjVzIhNktgGJ7ZqiXvMFdTeS6C9LphNR5BiYTYLLF2vcfkmB0feh9JTpcid8pVqZpKeZo34oQYe8SwoFDkxNK2Ba1moU57hYQNI12qcTJ9fXbJ9DToNUfHe3aGgOO8gqFMYYL0BFwkqf1ZHnvDcyYpaf+aSuINm8oLYaKqhg4brNhquHDfTrJhZFpQyf5YVhJGktOECTCRBN0jaX9WlZts3fNI3is7WHMmd0ZLEaSgHUnitIVz/yh1SHqc32lXsyUzfdt5T7fFlAxjShOkoEtDnmzZrXuRuyiJOgFPfCi7Rql7iZrcY4vaSCBmsFe27+1PIzswFYLukbrJdowuInVl6H3QLXCcA0/qINGO6J2+ln6NBVdsVQ45MfGvc0piAbeF28hJVHQWRhvKEKuQ/xUWg23n38TJtEtElRB0D92tz2qHFb2aQqsSV13hq3hTVe2sUoLuodeoFfmC7e1WWbI0KaAS7OVfUpAHMyEoCvN1E1QfqCGuIsbViQavyAlGr7H4Vus+lE18SyyxxBLTwP+NMVQlxqGsFQAAAABJRU5ErkJggg==");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    display: inline-block;
    height: 36px;
    margin-right: 8px;
    width: 36px
}

.mm-passport-guide-content-box {
    animation: fadeIn .3s ease-in-out forwards;
    color: #0f1112;
    opacity: 0;
    padding: 0 24px 24px
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.mm-passport-guide-content-box .mm-passport-guide-content-cta {
    background: #f36f12;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center
}

.mm-passport-guide-content-box .mm-passport-guide-content-leave-btn {
    color: #0f1112;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    margin: 16px auto 24px;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 4px;
    width: fit-content
}

.mm-passport-guide-content-rich-text {
    font-size: 0
}

.mm-passport-guide-content-rich-text h2,
.mm-passport-guide-content-rich-text span.h2 {
    display: block;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

.mm-passport-guide-content-rich-text span.desc-tips,
.mm-passport-guide-content-rich-text span.h2-tips {
    color: #909499;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.mm-passport-guide-content-rich-text p {
    font-size: 18px;
    line-height: 26px;
    margin: 20px 0;
    padding-left: 14px;
    position: relative
}

.mm-passport-guide-content-rich-text p:first-child {
    margin-top: 24px
}

.mm-passport-guide-content-rich-text p:before {
    background: #ff6900;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 6px
}

.mm-passport-guide-content-wrapper {
    margin-bottom: 40px
}

.mm-passport-guide-content-wrapper .mm-passport-guide-content-disclaimer-btn {
    color: #909499;
    font-size: 12px;
    line-height: 17px;
    text-align: left;
    text-decoration: underline;
    width: fit-content
}

.mm-passport-guide-content-wrapper-3 {
    text-align: center
}

.mm-passport-guide-content-wrapper .mm-passport-guide-content-img {
    height: 160px;
    margin-bottom: 24px;
    width: 160px
}

.mm-passport-guide-content-wrapper-3 .mm-passport-guide-content-rich-text {
    margin-bottom: 16px
}

.mm-passport-guide-content-wrapper-3 .mm-passport-guide-content-rich-text span.h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    margin-bottom: 16px
}

.mm-passport-guide-content-wrapper-3 .mm-passport-guide-content-disclaimer-btn {
    margin: 0 auto
}

.mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup-mask {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transition: all .2s ease-in-out;
    width: 100%;
    z-index: 9999
}

.mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup {
    background: #e4e4e4;
    border-radius: 8px;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    left: 50%;
    line-height: 1.2;
    max-height: 80vh;
    overflow-y: auto;
    padding: 0 24px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 48px)
}

.mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup .disclaimer-header {
    align-items: flex-start;
    background: #e4e4e4;
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    position: sticky;
    top: 0
}

.mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup .disclaimer-footer {
    background-color: #e4e4e4;
    bottom: 0;
    height: 47px;
    position: sticky;
    width: 100%
}

.mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 10px;
    padding-right: 13px
}

.mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup a {
    word-wrap: break-word;
    color: #333;
    text-decoration: underline
}

.mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup .mm-passport-guide-disclaimer-popup-close-btn {
    background-image: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHASURBVHgB7ZlNaoNAGIZH87PuFXqDXCEnaYQQCFn1JF0FQQTTk/QKuUGv4FrUtm9wIEgd5+f9QhbzbEyM47yPM+jnRKlIJBKJPIKqql7Ug3DpK7U56Hw+b5qm+S7L8k0Jgz7QV1EUG5vjk7kDEH65XH79fbxdlcVisdvv959KAITvuu4yfK2TJNkeDoerqY1RAEOJq6GG8BoJiVF4Tb1er1+zLKun2hmnEBr2ff8+3o+OmNNpIrxC36bwYHYKgTzPd2maVuP9jJEwhM+Ox+Nlrr2VAJCQCA0PrAUAU4IRHjgJAIYEKzxwFgAhEszwwEsA+EiwwwNvAeAiIREeBAkAGwmp8CBYAJgksJUKDygCYEriP1jhAU0A2EgwwwOqADBJsMMDq/cBF1ar1Y/Pb75QR2DqbnMPuxSnCdiE1zAlKAKm+zy2UqU4CBaweUhJvk8ECbg8YaUkvAV8ygMJCS+BkNqGLeEswCjMmBJOAsyqkiVhLSBREjMkrAQk6/lQiVkByfCaEAmvpUWJqnJCInxpsW3bLU6k90mEBzinLj0Gbn1Tlhb1CjXWKiXC3zOMxAfCn06nq2LxrH9wRCKRSCSIX578113vy0CqAAAAAElFTkSuQmCC");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    height: 24px;
    right: 24px;
    top: 24px;
    width: 24px
}

.mm-passport-right-iframe-mask-container.hide-part>:not(.mm-passport-right-iframe-top-container, .mm-passport-close-container) {
    display: none
}

@media screen and (max-width:768px) {
    .mm-passport-open-account-guide.mm-passport-ios-style .mm-passport-login-success-tips {
        top: 0;
        transform: translate(-50%, calc(44vh - 44px - 50%));
        will-change: transform
    }

    .mm-passport-open-account-guide.mm-passport-ios-style .login-success-tips-animation {
        animation: slideUpIOS .8s cubic-bezier(.2, .8, .2, 1) forwards
    }

    .mm-passport-open-account-guide.mm-passport-ios-style .login-success-tips-animation.animation-complete {
        position: relative
    }

    @keyframes slideUpIOS {
        0% {
            transform: translate(-50%, calc(44vh - 24px - 50%))
        }

        to {
            transform: translate(-50%)
        }
    }
}

@media screen and (max-width:375px) {
    .mm-passport-open-account-guide {
        font-size: 17px
    }

    .mm-passport-open-account-guide .mm-passport-login-success-tips {
        font-size: 23px;
        height: 83px;
        line-height: 31px
    }

    .mm-passport-open-account-guide .mm-passport-login-success-tips .mm-passport-icon-success {
        background-size: 35px 35px;
        height: 35px;
        width: 35px
    }

    .mm-passport-guide-content-box {
        padding: 0 23px 23px
    }

    .mm-passport-guide-content-box .mm-passport-guide-content-cta {
        font-size: 17px;
        height: 46px;
        line-height: 46px;
        padding-left: 19px;
        padding-right: 19px
    }

    .mm-passport-guide-content-box .mm-passport-guide-content-leave-btn {
        font-size: 15px;
        height: 23px;
        line-height: 23px;
        margin: 15px auto 23px
    }

    .mm-passport-guide-content-rich-text span.h2 {
        font-size: 23px;
        line-height: 31px;
        margin-bottom: 23px
    }

    .mm-passport-guide-content-rich-text p {
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 19px;
        padding-left: 13px
    }

    .mm-passport-guide-content-wrapper {
        margin-bottom: 38px
    }

    .mm-passport-guide-content-wrapper .mm-passport-guide-content-img {
        height: 154px;
        margin-bottom: 23px;
        width: 154px
    }

    .mm-passport-guide-content-wrapper-3 .mm-passport-guide-content-rich-text {
        margin-bottom: 15px
    }

    .mm-passport-guide-content-wrapper-3 .mm-passport-guide-content-rich-text span.h2 {
        font-size: 23px;
        line-height: 28px;
        margin-bottom: 15px
    }

    .mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup {
        padding: 0 23px;
        width: calc(100% - 46px)
    }

    .mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup .disclaimer-header {
        padding-top: 23px
    }

    .mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup .disclaimer-footer {
        height: 45px
    }

    .mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup .title {
        font-size: 15px
    }

    .mm-passport-guide-content-box .mm-passport-guide-disclaimer-popup .mm-passport-guide-disclaimer-popup-close-btn {
        background-size: 23px 23px;
        height: 23px;
        right: 23px;
        top: 23px;
        width: 23px
    }
}

.mm-passport-single-guide-popup .mm-passport-guide-content-box {
    padding-top: 40px
}

.clearBox[data-v-7c3aaab4] {
    zoom: 1
}

.clearBox[data-v-7c3aaab4]:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.font10[data-v-7c3aaab4] {
    transform: scale(0.83);
    transform-origin: 0
}

.gold-act-buoy .content-wrapper-type-1[data-v-7c3aaab4] {
    border-radius: 8px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2);
    position: relative;
    width: 120px
}

.gold-act-buoy .content-wrapper-type-1 .content-wrapper-arrow[data-v-7c3aaab4] {
    background-image: url(/static/img/image_599.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 4px;
    left: 50%;
    margin-left: -9px;
    position: absolute;
    top: -4px;
    width: 18px
}

.gold-act-buoy .content-wrapper-type-1 .content-wrapper-img[data-v-7c3aaab4] {
    border-radius: 8px 8px 0 0;
    height: 90px;
    overflow: hidden;
    width: 120px
}

.gold-act-buoy .content-wrapper-type-1 .content-wrapper-img img[data-v-7c3aaab4] {
    height: 100%;
    width: 100%
}

.gold-act-buoy .content-wrapper-type-1 .text-content[data-v-7c3aaab4] {
    background: linear-gradient(90deg, #332e2c, #050404);
    border-radius: 0 0 8px 8px;
    color: #fff;
    width: 120px
}

.gold-act-buoy .content-wrapper-type-1 .text-content .text[data-v-7c3aaab4] {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    padding: 8px 4px;
    text-align: center
}

.gold-act-buoy .content-wrapper-type-2[data-v-7c3aaab4] {
    align-items: center;
    background: #fff;
    border: 1px solid #fe6900;
    border-radius: 8px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin-top: 12px;
    padding: 8px 4px;
    position: relative;
    width: 150px
}

.gold-act-buoy .content-wrapper-type-2 .content-wrapper-arrow[data-v-7c3aaab4] {
    border: 6px solid rgba(0, 0, 0, 0);
    border-bottom-color: #fe6900;
    display: block;
    height: 0;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    top: -13px;
    width: 0
}

.gold-act-buoy .content-wrapper-type-2 .content-wrapper-arrow[data-v-7c3aaab4]:after {
    border: 6px solid rgba(0, 0, 0, 0);
    border-bottom-color: #fff;
    content: " ";
    display: block;
    height: 0;
    margin-left: -6px;
    position: absolute;
    top: -5px;
    width: 0
}

.gold-act-buoy .content-wrapper-type-2 .text-content[data-v-7c3aaab4] {
    position: relative
}

.gold-act-buoy .content-wrapper-type-2 .text-content .text[data-v-7c3aaab4] {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    text-align: center
}

.clearBox[data-v-1c5572ea] {
    zoom: 1
}

.clearBox[data-v-1c5572ea]:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.font10[data-v-1c5572ea] {
    transform: scale(0.83);
    transform-origin: 0
}

.gold-flow-h5[data-v-1c5572ea] {
    background: #ff6900;
    border-radius: 100px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    max-width: 161px;
    padding: 0 10px;
    position: relative;
    text-align: left;
    transform: translateZ(0);
    z-index: 1
}

.gold-flow-h5.platform-nn[data-v-1c5572ea] {
    background: #1d1d1d;
    border-radius: 4px;
    color: #000
}

.gold-flow-h5.platform-nn .cta-title[data-v-1c5572ea] {
    color: #fff;
    font-size: 14px
}

.gold-flow-h5 .cta-user-icon[data-v-1c5572ea] {
    backface-visibility: hidden;
    background-image: url(/static/img/image_600.svg);
    background-size: 100% 100%;
    display: inline-block;
    height: 24px;
    left: 10px;
    margin: 4px 8px 4px 0;
    position: absolute;
    top: 0;
    transform: translateZ(0);
    transform-style: preserve-3d;
    width: 24px;
    will-change: transform, opacity;
    z-index: 1
}

.gold-flow-h5 .cta-user-icon.fade-in[data-v-1c5572ea] {
    animation: fadeInRotate-1c5572ea var(--toggle-time) cubic-bezier(0.4, 0, 0.2, 1) forwards
}

.gold-flow-h5 .cta-user-icon.fade-out[data-v-1c5572ea] {
    animation: fadeOutRotate-1c5572ea var(--toggle-time) cubic-bezier(0.4, 0, 0.2, 1) forwards
}

.gold-flow-h5 .cta-user-avatar[data-v-1c5572ea] {
    display: inline-block;
    height: 24px;
    left: 10px;
    margin: 4px 8px 4px 0;
    position: absolute;
    top: 0;
    width: 24px
}

.gold-flow-h5 .cta-user-avatar img[data-v-1c5572ea] {
    border-radius: 50%;
    height: 24px;
    width: 24px
}

.gold-flow-h5 .cta-gift-icon[data-v-1c5572ea] {
    backface-visibility: hidden;
    background-image:
        /*savepage-url=https://cdn.futustatic.com/upload/official_website_cmn_components/static/gitf_icon-0a53f559b6403db7a0d7db177d7825e9.png?_=1745820635766*/
        url();
    background-size: 100% 100%;
    display: inline-block;
    height: 36px;
    left: 4px;
    position: absolute;
    top: -2px;
    transform: translateZ(0);
    transform-style: preserve-3d;
    width: 36px;
    will-change: transform, opacity;
    z-index: 1
}

.gold-flow-h5 .cta-gift-icon.bounce-up[data-v-1c5572ea] {
    animation: giftBounce-1c5572ea 6s cubic-bezier(0.4, 0, 0.2, 1) infinite
}

.gold-flow-h5 .cta-gift-icon.fade-out[data-v-1c5572ea] {
    animation: fadeOutRotate-1c5572ea var(--toggle-time) cubic-bezier(0.4, 0, 0.2, 1) forwards
}

.gold-flow-h5 .cta-gift-icon.fade-in[data-v-1c5572ea] {
    animation: fadeInRotate-1c5572ea var(--toggle-time) cubic-bezier(0.4, 0, 0.2, 1) forwards
}

@keyframes giftBounce-1c5572ea {
    0% {
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transform: translateY(0)
    }

    5.5% {
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transform: translateY(2px)
    }

    22.17% {
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transform: translateY(-4px)
    }

    38.83% {
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transform: translateY(2px)
    }

    55.5% {
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transform: translateY(-4px)
    }

    72.17% {
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transform: translateY(2px)
    }

    88.83% {
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transform: translateY(-4px)
    }

    to {
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transform: translateY(0)
    }
}

@keyframes fadeOutRotate-1c5572ea {
    0% {
        opacity: 1;
        transform: rotateY(0deg)
    }

    to {
        opacity: 0;
        transform: rotateY(90deg)
    }
}

@keyframes fadeInRotate-1c5572ea {
    0% {
        opacity: 0;
        transform: rotateY(-90deg)
    }

    to {
        opacity: 1;
        transform: rotateY(0deg)
    }
}

.gold-flow-h5 .cta-title[data-v-1c5572ea] {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding-left: 32px;
    vertical-align: top
}

.gold-flow-h5 .cta-act-buoy[data-v-1c5572ea] {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 40px;
    transform: translateX(-50%);
    z-index: 1000
}

.gold-flow-h5 .cta-act-buoy.noImg[data-v-1c5572ea] {
    top: 30px
}

.gold-flow-h5 .fade-enter-active[data-v-1c5572ea],
.gold-flow-h5 .fade-leave-active[data-v-1c5572ea] {
    transition: opacity .3s ease
}

.gold-flow-h5 .fade-enter[data-v-1c5572ea],
.gold-flow-h5 .fade-leave-to[data-v-1c5572ea] {
    opacity: 0
}

.clearBox {
    zoom: 1
}

.clearBox:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.font10 {
    transform: scale(0.83);
    transform-origin: 0
}

.hk-cs-header[data-theme=dark] .gold-flow-h5.platform-nn {
    background: #e3e4e5;
    color: #0f1112
}

.hk-cs-header[data-theme=dark] .gold-flow-h5.platform-nn .cta-user-icon {
    background-image: url(/static/img/image_601.svg)
}

.hk-cs-header[data-theme=dark] .gold-flow-h5.platform-nn .cta-title {
    color: #0f1112
}

.clearBox[data-v-5424df84] {
    zoom: 1
}

.clearBox[data-v-5424df84]:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.font10[data-v-5424df84] {
    transform: scale(0.83);
    transform-origin: 0
}

.fade-enter-active[data-v-5424df84],
.fade-leave-active[data-v-5424df84] {
    transition: all .3s ease-in-out
}

.fade-enter[data-v-5424df84],
.fade-leave-to[data-v-5424df84] {
    opacity: 0;
    transform: translateY(100px)
}

.integrated-banner-wrapper[data-v-5424df84] {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1998
}

.integrated-banner-wrapper.integrated-banner-wrapper-click[data-v-5424df84] {
    pointer-events: none;
    z-index: 998
}

.market-banner-container[data-v-5424df84] {
    background: rgba(0, 0, 0, .8);
    height: 100%
}

.market-banner-container .pc-wrap[data-v-5424df84] {
    max-width: none;
    width: 100%
}

.market-banner-container .content-wrapper[data-v-5424df84] {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    top: calc(50% + var(--official-ip-jump-bar-height, 0px));
    transform: translateY(-50%)
}

.market-banner-container .content-wrapper .background[data-v-5424df84],
.market-banner-container .content-wrapper .gradient[data-v-5424df84] {
    display: none
}

.market-banner-container .content-wrapper .img-wrapper[data-v-5424df84] {
    margin: 0 auto;
    position: relative;
    text-align: center
}

.market-banner-container .content-wrapper .img-wrapper .img[data-v-5424df84] {
    border-radius: 10px;
    display: block;
    height: 335px;
    margin: 0 auto;
    overflow: hidden;
    width: 245px
}

.market-banner-container .content-wrapper .img-wrapper .img img[data-v-5424df84] {
    width: 100%
}

.market-banner-container .content-wrapper .img-wrapper .img .h5[data-v-5424df84] {
    display: block
}

.market-banner-container .content-wrapper .btn-area[data-v-5424df84],
.market-banner-container .content-wrapper .img-wrapper .img .pc[data-v-5424df84] {
    display: none
}

.market-banner-container .content-wrapper .close[data-v-5424df84] {
    background: url(/static/img/image_602.png) no-repeat 50%/100% 100%;
    cursor: pointer;
    display: block;
    height: 38px;
    margin: 40px auto 0;
    width: 38px
}

.light-banner-container[data-v-5424df84] {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: rgba(29, 31, 37, .95);
    bottom: 0;
    left: 0;
    padding: 12px 24px;
    pointer-events: all;
    position: absolute;
    right: 0
}

.light-banner-container .content-wrapper[data-v-5424df84] {
    cursor: pointer
}

.light-banner-container .content-wrapper .content[data-v-5424df84] {
    color: #fff;
    font-size: 16px;
    line-height: 120%;
    margin: 0;
    text-align: center
}

.light-banner-container .content-wrapper .content[data-v-5424df84] p {
    margin: 0
}

.light-banner-container .content-wrapper .integrated-btn[data-v-5424df84] {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    margin-top: 10px;
    text-align: center
}

.light-banner-container .close[data-v-5424df84] {
    background: url(/static/img/image_603.png) no-repeat 50%/100% 100%;
    cursor: pointer;
    display: block;
    height: 16px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 16px
}

@media screen and (min-width: 768px)and (max-width: 1240px) {
    .market-banner-container .content-wrapper .img-wrapper .img[data-v-5424df84] {
        height: 502px;
        transform: scale(0.9);
        width: 366px
    }

    .market-banner-container .content-wrapper .close[data-v-5424df84] {
        height: 38px;
        margin: 20px auto 0;
        transform: scale(0.9);
        width: 38px
    }

    .light-banner-container[data-v-5424df84] {
        padding: 12px 78px
    }
}

@media screen and (min-width: 1240.5px) {
    .integrated-banner-wrapper[data-v-5424df84] {
        pointer-events: none
    }

    .market-banner-container[data-v-5424df84] {
        background: rgba(0, 0, 0, 0);
        pointer-events: none
    }

    .market-banner-container .content-wrapper[data-v-5424df84] {
        bottom: 0;
        display: flex;
        justify-content: center;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: auto;
        transform: unset
    }

    .market-banner-container .content-wrapper .gradient[data-v-5424df84] {
        background: linear-gradient(0deg, #000, transparent);
        bottom: 105px;
        display: block;
        height: 380px;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: -1
    }

    .market-banner-container .content-wrapper .background[data-v-5424df84] {
        bottom: 0;
        display: block;
        height: 105px;
        left: 0;
        pointer-events: all;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: -1
    }

    .market-banner-container .content-wrapper .img-wrapper[data-v-5424df84] {
        margin: auto 0 0
    }

    .market-banner-container .content-wrapper .img-wrapper .img[data-v-5424df84] {
        height: 210px;
        width: 944px
    }

    .market-banner-container .content-wrapper .img-wrapper .img .h5[data-v-5424df84] {
        display: none
    }

    .market-banner-container .content-wrapper .img-wrapper .img .pc[data-v-5424df84] {
        display: block
    }

    .market-banner-container .content-wrapper .btn-area[data-v-5424df84] {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin: 0 0 0 20px;
        position: relative;
        width: 180px
    }

    .market-banner-container .content-wrapper .btn-area .btn-wrapper[data-v-5424df84] {
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 30px;
        cursor: pointer;
        height: 38px;
        margin: 0 0 30px;
        max-width: 180px;
        padding: 0 40px;
        pointer-events: all;
        position: relative;
        width: -moz-fit-content;
        width: fit-content
    }

    .market-banner-container .content-wrapper .btn-area .btn-wrapper .integrated-btn[data-v-5424df84] {
        font-size: 16px;
        line-height: 38px;
        margin: 0 auto
    }

    .market-banner-container .content-wrapper .close[data-v-5424df84] {
        background: url(/static/img/image_604.png) no-repeat 50%/100% 100%;
        bottom: 33.5px;
        cursor: pointer;
        display: block;
        height: 38px;
        pointer-events: all;
        position: absolute;
        right: 34px;
        width: 38px
    }

    .light-banner-container[data-v-5424df84] {
        padding: 12px 78px
    }

    .light-banner-container .content-wrapper[data-v-5424df84] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 976px
    }

    .light-banner-container .content-wrapper .content[data-v-5424df84] {
        text-align: left
    }

    .light-banner-container .content-wrapper .integrated-btn[data-v-5424df84] {
        margin-top: 0
    }

    .light-banner-container .close[data-v-5424df84] {
        height: 20px;
        width: 20px
    }
}

.clearBox[data-v-f8df0d28] {
    zoom: 1
}

.clearBox[data-v-f8df0d28]:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.font10[data-v-f8df0d28] {
    transform: scale(0.83);
    transform-origin: 0
}

.official__ip-jump-popup[data-v-f8df0d28] {
    align-items: center;
    bottom: 0;
    display: flex;
    font-family: var(--cs-site-font-regular);
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10001
}

.official__ip-jump-popup-wrap[data-v-f8df0d28] {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .0784313725);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: auto;
    line-height: 1.3;
    padding: 36px 16px;
    position: relative;
    text-align: center;
    width: 315px;
    z-index: 1
}

.official__ip-jump-popup-icon[data-v-f8df0d28] {
    background: url(/static/img/image_605.svg) no-repeat 50%;
    display: block;
    height: 40px;
    margin: 0 auto;
    width: 40px
}

.official__ip-jump-popup-title[data-v-f8df0d28] {
    color: #0f1112;
    font-size: 24px;
    font-weight: 600;
    margin-top: 8px
}

.official__ip-jump-popup-content[data-v-f8df0d28] {
    color: #606266;
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
    padding: 0 18px
}

.official__ip-jump-popup-btn-box[data-v-f8df0d28] {
    margin-top: 36px
}

.official__ip-jump-popup-site-btn[data-v-f8df0d28] {
    align-items: center;
    background-color: #2c2f33;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    line-height: 20px;
    padding: 8px 16px;
    width: auto
}

.official__ip-jump-popup-cancel-btn[data-v-f8df0d28] {
    color: #0f1112;
    cursor: pointer;
    font-size: 14px;
    margin-top: 16px;
    text-decoration: underline
}

.official__ip-jump-popup-mask[data-v-f8df0d28] {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 0
}

.lang-5.official__ip-jump-popup .official__ip-jump-popup-content[data-v-f8df0d28] {
    padding: 0
}

.lang-5.official__ip-jump-popup .official__ip-jump-popup-title[data-v-f8df0d28] {
    font-size: 20px
}

.lang-0.official__ip-jump-popup .official__ip-jump-popup-title[data-v-f8df0d28],
.lang-1.official__ip-jump-popup .official__ip-jump-popup-title[data-v-f8df0d28] {
    font-size: 22px
}

.clearBox[data-v-26c60637] {
    zoom: 1
}

.clearBox[data-v-26c60637]:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.font10[data-v-26c60637] {
    transform: scale(0.83);
    transform-origin: 0
}

.official__ip-jump-bar[data-v-26c60637] {
    align-items: center;
    background-color: #1d1f21;
    box-sizing: border-box;
    color: #e3e4e5;
    display: flex;
    font-family: var(--cs-site-font-regular);
    font-size: 14px;
    height: auto;
    justify-content: space-between;
    left: 0;
    line-height: 22px;
    max-height: auto;
    min-height: 46px;
    overflow: hidden;
    padding: 12px 0 12px 14px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.official__ip-jump-bar .link[data-v-26c60637] {
    color: #2b78f5;
    display: inline;
    font-size: 14px;
    line-height: 1.5;
    padding-left: 0
}

.official__ip-jump-bar .link[data-v-26c60637]:hover {
    text-decoration: underline
}

.official__ip-jump-bar .close[data-v-26c60637] {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 16px;
    justify-content: right;
    position: absolute;
    right: 16px;
    width: 16px
}

.official__ip-jump-bar .close img[data-v-26c60637] {
    cursor: pointer;
    float: right;
    height: 16px;
    width: 16px
}

.official__ip-jump-bar .content[data-v-26c60637] {
    padding-right: 48px
}

@media screen and (min-width: 1024px)and (max-width: 1240px) {
    .official__ip-jump-bar[data-v-26c60637] {
        font-size: 14px;
        height: 46px;
        overflow: hidden;
        padding-left: 36px
    }

    .official__ip-jump-bar .link[data-v-26c60637] {
        display: inline-block;
        padding-left: 8px
    }

    .official__ip-jump-bar .close[data-v-26c60637] {
        right: 36px
    }

    .official__ip-jump-bar .content[data-v-26c60637] {
        -webkit-line-clamp: 1
    }
}

@media screen and (min-width: 1240.5px) {
    .official__ip-jump-bar[data-v-26c60637] {
        font-size: 14px;
        height: 46px;
        overflow: hidden;
        padding-left: 36px
    }

    .official__ip-jump-bar .link[data-v-26c60637] {
        display: inline-block;
        padding-left: 8px
    }

    .official__ip-jump-bar .close[data-v-26c60637] {
        right: 36px
    }

    .official__ip-jump-bar .content[data-v-26c60637] {
        -webkit-line-clamp: 1
    }
}

.clearBox[data-v-792e10fb] {
    zoom: 1
}

.clearBox[data-v-792e10fb]:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.font10[data-v-792e10fb] {
    transform: scale(0.83);
    transform-origin: 0
}

.offcial-flating-ball[data-v-792e10fb] {
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content
}

.offcial-flating-ball .offcial-flating-ball__content[data-v-792e10fb] {
    border-radius: 8px;
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden;
    position: relative;
    width: 144px
}

.offcial-flating-ball .offcial-flating-ball__content .offcial-flating-ball__content__img[data-v-792e10fb] {
    align-items: center;
    background: rgba(0, 0, 0, 0);
    display: flex;
    height: 108px;
    width: 100%
}

.offcial-flating-ball .offcial-flating-ball__content .offcial-flating-ball__content__img img[data-v-792e10fb] {
    height: 100%;
    width: 100%
}

.offcial-flating-ball .offcial-flating-ball__content .offcial-flating-ball__content__desc[data-v-792e10fb] {
    align-items: center;
    background: linear-gradient(90deg, #332e2c, #050404);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    padding: 8px 5px;
    width: 100%
}

.offcial-flating-ball .offcial-flating-ball__content .offcial-flating-ball__content__desc p[data-v-792e10fb] {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: -moz-fit-content;
    height: fit-content;
    margin: 0 0 8px;
    max-height: 100px;
    overflow: hidden;
    text-align: center;
    transition: all .6s
}

.offcial-flating-ball .offcial-flating-ball__content .offcial-flating-ball__content__desc .height-0[data-v-792e10fb] {
    margin-bottom: 0;
    max-height: 0;
    overflow: hidden;
    transition: all .6s
}

.offcial-flating-ball .offcial-flating-ball__content .offcial-flating-ball__content__desc .fade-enter-active[data-v-792e10fb],
.offcial-flating-ball .offcial-flating-ball__content .offcial-flating-ball__content__desc .fade-leave-active[data-v-792e10fb] {
    transition: opacity .2s
}

.offcial-flating-ball .offcial-flating-ball__content .offcial-flating-ball__content__desc .fade-enter-from[data-v-792e10fb],
.offcial-flating-ball .offcial-flating-ball__content .offcial-flating-ball__content__desc .fade-leave-to[data-v-792e10fb] {
    opacity: 0
}

.offcial-flating-ball .offcial-flating-ball__content .offcial-flating-ball__content__desc .offcial-flating-ball__content__btn[data-v-792e10fb] {
    background: #f36f12;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    width: 120px
}

.ui-iframe-wrap {
    font-size: 0;
    left: 50%;
    overflow: hidden;
    position: fixed;
    top: 48%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 9999
}

.ui-iframe-wrap-adapt {
    height: 100%;
    width: 100%;
    z-index: 99999
}

.ui-iframe {
    border: none;
    border-radius: 10px;
    height: 100%;
    width: 100%
}

.ui-iframe-mark {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.ui-iframe-mark,
.ui-iframe-mark-adapt {
    background-color: rgba(0, 0, 0, .55);
    height: 100%;
    z-index: 9998
}

.ui-iframe-mark-adapt {
    position: static
}

.ui-iframe-hiddenMark {
    background-color: rgba(0, 0, 0, 0)
}

.ui-iframe-outer {
    -webkit-overflow-scrolling: touch !important;
    background: #fff;
    border-radius: 10px;
    height: 580px;
    overflow: auto !important;
    position: relative;
    width: 480px
}

.ui-iframe-adapt {
    height: 100%;
    width: 100%
}

.ui-iframe-close {
    background-image:
        /*savepage-url=https://static.futunn.com/upload/passport/iframe-close-icon-3964bf4e6db8b62cf9794e240e758679.png*/
        url();
    background-size: contain;
    cursor: pointer;
    height: 30px;
    margin-left: 50%;
    margin-top: 24px;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    width: 30px
}

.ui-iframe-loading {
    background: rgba(0, 0, 0, .7);
    border-radius: 6px;
    height: 120px;
    left: 50%;
    margin-left: -60px;
    margin-top: -60px;
    position: absolute;
    top: 50%;
    width: 120px;
    z-index: 1000
}

.ui-iframe-loading:before {
    animation: loading 1s linear infinite;
    background-image: url(/static/img/image_606.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 30px;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    width: 30px
}

@keyframes loading {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@media(max-width: 600px) {
    .ui-iframe-wrap-h5-popup.ui-iframe-wrap {
        bottom: 0;
        left: 0;
        right: 0;
        top: 20%;
        transform: translate(0)
    }

    .ui-iframe-wrap-h5-popup .ui-iframe-outer {
        border-radius: 10px 10px 0 0;
        height: 100%;
        width: 100%
    }

    .ui-iframe-wrap-h5-popup .ui-iframe-close {
        background-image: none;
        margin-left: 0;
        margin-top: 0;
        position: absolute;
        right: 6px;
        top: 6px;
        transform: translate(0)
    }

    .ui-iframe-wrap-h5-popup .ui-iframe-close:after,
    .ui-iframe-wrap-h5-popup .ui-iframe-close:before {
        background-color: #555;
        content: "";
        display: block;
        height: 2px;
        left: 50%;
        margin-left: -8px;
        margin-top: -1px;
        position: absolute;
        top: 50%;
        transform: rotate(45deg);
        width: 16px
    }

    .ui-iframe-wrap-h5-popup .ui-iframe-close:after {
        transform: rotate(-45deg)
    }
}

.clearBox[data-v-c9618234] {
    zoom: 1
}

.clearBox[data-v-c9618234]:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.font10[data-v-c9618234] {
    transform: scale(0.83);
    transform-origin: 0
}

.gold-flow-passport[data-v-c9618234] {
    height: 100%;
    overflow: hidden;
    position: relative
}

.gold-flow-passport .gold-flow-passport-title[data-v-c9618234] {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    padding: 72px 33px 0
}

.gold-flow-passport .gold-flow-passport-ins[data-v-c9618234] {
    height: 100%
}

.gold-flow-passport .gold-flow-passport-ins.has-title[data-v-c9618234] {
    height: calc(100% - 104px)
}

.gold-flow-passport .gold-flow-passport-ins[data-v-c9618234] .ui-iframe {
    border-radius: 0
}

.gold-flow-passport .gold-flow-passport-loading[data-v-c9618234] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.gold-flow-passport .gold-flow-passport-loading .gold-flow-passport-loading-icon[data-v-c9618234] {
    animation: loadingRotate-c9618234 1s linear infinite;
    background-image: url(/static/img/image_607.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 48px;
    width: 48px
}

@keyframes loadingRotate-c9618234 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.clearBox[data-v-bbeed2a2] {
    zoom: 1
}

.clearBox[data-v-bbeed2a2]:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.font10[data-v-bbeed2a2] {
    transform: scale(0.83);
    transform-origin: 0
}

.dialogContainer[data-v-bbeed2a2] {
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    text-align: left;
    top: 0;
    transition: all .2s;
    z-index: 9999
}

.dialogContainer .growflow-dialog[data-v-bbeed2a2] {
    background: #fff;
    border-radius: .12rem;
    box-sizing: border-box;
    left: 50%;
    max-height: 90%;
    padding: .48rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6.54rem
}

.dialogContainer .growflow-dialog .title[data-v-bbeed2a2] {
    align-items: center;
    color: #333;
    display: flex;
    font-size: .36rem;
    font-weight: 600;
    line-height: .48rem
}

.dialogContainer .growflow-dialog .desc[data-v-bbeed2a2] {
    color: #333;
    font-size: .28rem;
    font-weight: 400;
    line-height: normal;
    margin-top: .2rem;
    max-height: 8rem;
    overflow-y: auto;
    word-break: break-word
}

.dialogContainer .growflow-dialog .desc[data-v-bbeed2a2]::-webkit-scrollbar {
    background-color: #fff;
    border-radius: 3px;
    width: 6px
}

.dialogContainer .growflow-dialog .desc[data-v-bbeed2a2]::-webkit-scrollbar-thumb {
    background-color: #e8eaed;
    border-radius: 3px
}

.dialogContainer .growflow-dialog .desc[data-v-bbeed2a2]::-webkit-scrollbar-thumb:hover {
    background-color: #c0c4cc
}

.dialogContainer .growflow-dialog .desc[data-v-bbeed2a2] a {
    color: #000;
    text-decoration: underline
}

.dialogContainer .growflow-dialog .desc[data-v-bbeed2a2] a:hover {
    color: #ff6900
}

.dialogContainer .growflow-dialog .desc[data-v-bbeed2a2] h2 {
    align-items: center;
    color: #333;
    display: flex;
    font-size: .36rem;
    font-weight: 600;
    line-height: .48rem
}

.dialogContainer .growflow-dialog .closeBox[data-v-bbeed2a2] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: .48rem;
    justify-content: center;
    position: absolute;
    right: .48rem;
    top: .48rem;
    width: .48rem
}

.dialogContainer .growflow-dialog .closeBox .icon[data-v-bbeed2a2] {
    background-image: url(/static/img/image_608.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: .48rem;
    width: .48rem
}

@media screen and (min-width: 768px)and (max-width: 1240px) {
    .dialogContainer .growflow-dialog[data-v-bbeed2a2] {
        border-radius: 6px;
        max-height: 262px;
        padding: 24px;
        width: 720px
    }

    .dialogContainer .growflow-dialog .title[data-v-bbeed2a2] {
        font-size: 18px;
        line-height: 27px
    }

    .dialogContainer .growflow-dialog .desc[data-v-bbeed2a2] {
        color: #333;
        font-size: 14px;
        line-height: 18px;
        margin-top: 10px;
        max-height: 180px
    }

    .dialogContainer .growflow-dialog .desc[data-v-bbeed2a2] h2 {
        font-size: 18px;
        line-height: 27px
    }

    .dialogContainer .growflow-dialog .closeBox[data-v-bbeed2a2] {
        align-items: center;
        cursor: pointer;
        display: flex;
        height: 24px;
        justify-content: center;
        position: absolute;
        right: 24px;
        top: 24px;
        width: 24px
    }

    .dialogContainer .growflow-dialog .closeBox .icon[data-v-bbeed2a2] {
        background-image: url(/static/img/image_609.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 24px;
        width: 24px
    }
}

@media screen and (min-width: 1240.5px) {
    .dialogContainer .growflow-dialog[data-v-bbeed2a2] {
        border-radius: 6px;
        max-height: 262px;
        padding: 24px;
        width: 720px
    }

    .dialogContainer .growflow-dialog .title[data-v-bbeed2a2] {
        font-size: 18px;
        line-height: 24px
    }

    .dialogContainer .growflow-dialog .desc[data-v-bbeed2a2] {
        color: #333;
        font-size: 14px;
        line-height: 21px;
        margin-top: 10px;
        max-height: 180px
    }

    .dialogContainer .growflow-dialog .desc[data-v-bbeed2a2] h2 {
        font-size: 18px;
        line-height: 24px
    }

    .dialogContainer .growflow-dialog .closeBox[data-v-bbeed2a2] {
        align-items: center;
        cursor: pointer;
        display: flex;
        height: 24px;
        justify-content: center;
        position: absolute;
        right: 24px;
        top: 24px;
        width: 24px
    }

    .dialogContainer .growflow-dialog .closeBox .icon[data-v-bbeed2a2] {
        background-image: url(/static/img/image_610.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 24px;
        width: 24px
    }
}

.clearBox[data-v-bac359ae] {
    zoom: 1
}

.clearBox[data-v-bac359ae]:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.font10[data-v-bac359ae] {
    transform: scale(0.83);
    transform-origin: 0
}

.gold-flow-guide-model[data-v-bac359ae] {
    box-sizing: border-box;
    height: 560px;
    padding-top: 64px;
    position: relative
}

.gold-flow-guide-model .progress .progress-name[data-v-bac359ae] {
    color: #606266;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: 33%
}

.gold-flow-guide-model .progress .progress-name.active[data-v-bac359ae] {
    color: #0f1112;
    font-weight: 600
}

.gold-flow-guide-model .progress .progress-bar[data-v-bac359ae] {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 10px
}

.gold-flow-guide-model .progress .progress-bar .progress-item[data-v-bac359ae] {
    align-items: center;
    display: flex;
    width: 100%
}

.gold-flow-guide-model .progress .progress-bar .line[data-v-bac359ae] {
    border-bottom: 2px dashed #d6d9db;
    transform: translateY(-50%);
    width: 50%
}

.gold-flow-guide-model .progress .progress-bar .line.active[data-v-bac359ae] {
    border-bottom: 2px solid #0f1112
}

.gold-flow-guide-model .progress .progress-bar .circle[data-v-bac359ae] {
    background-color: #d6d9db;
    border-radius: 50%;
    height: 10px;
    width: 10px
}

.gold-flow-guide-model .progress .progress-bar .circle.active[data-v-bac359ae] {
    background-color: #0f1112
}

.gold-flow-guide-model .container .content-wrap[data-v-bac359ae] {
    line-height: 1.5;
    min-width: auto;
    padding: 0 48px
}

.gold-flow-guide-model .container .content-wrap[data-v-bac359ae] .h2,
.gold-flow-guide-model .container .content-wrap[data-v-bac359ae] div,
.gold-flow-guide-model .container .content-wrap[data-v-bac359ae] h2 {
    color: #0f1112;
    font-size: 24px;
    font-weight: 600;
    margin-top: 36px
}

.gold-flow-guide-model .container .content-wrap[data-v-bac359ae] .h2 {
    display: block;
    line-height: 32px
}

.gold-flow-guide-model .container .content-wrap[data-v-bac359ae] .h2-tips {
    color: #909499;
    display: block;
    font-size: 12px;
    line-height: 16px
}

.gold-flow-guide-model .container .content-wrap[data-v-bac359ae] p {
    color: #0f1112;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 14px;
    position: relative
}

.gold-flow-guide-model .container .content-wrap[data-v-bac359ae] p:before {
    background-color: #ff6900;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 6px
}

.gold-flow-guide-model .container .content-wrap[data-v-bac359ae] p .desc-tips {
    color: #909499;
    display: block;
    font-size: 12px;
    line-height: 16px
}

.gold-flow-guide-model .container .content-wrap img[data-v-bac359ae] {
    height: 160px;
    margin: 48px auto 0;
    width: 160px
}

.gold-flow-guide-model .container .content-wrap.tmp-1[data-v-bac359ae] {
    padding: 0 44px 58px 48px
}

.gold-flow-guide-model .container .content-wrap.tmp-2[data-v-bac359ae] {
    padding: 0 44px 42px 48px
}

.gold-flow-guide-model .container .content-wrap.tmp-3[data-v-bac359ae] {
    padding: 0 48px 56px;
    text-align: center
}

.gold-flow-guide-model .container .content-wrap.tmp-3[data-v-bac359ae] .h2,
.gold-flow-guide-model .container .content-wrap.tmp-3[data-v-bac359ae] div,
.gold-flow-guide-model .container .content-wrap.tmp-3[data-v-bac359ae] h2 {
    margin-top: 24px
}

.gold-flow-guide-model .container .content-wrap.tmp-3[data-v-bac359ae] .h2,
.gold-flow-guide-model .container .content-wrap.tmp-3[data-v-bac359ae] h2 {
    font-size: 24px;
    line-height: 29px
}

.gold-flow-guide-model .cta[data-v-bac359ae] {
    background-color: #f36f12;
    border-radius: 8px;
    bottom: 50px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    height: 48px;
    left: 0;
    line-height: 48px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 348px
}

.gold-flow-guide-model .cta[data-v-bac359ae]:hover {
    opacity: .8
}

.gold-flow-guide-model .disclosure[data-v-bac359ae] {
    bottom: 16px;
    color: #909499;
    cursor: pointer;
    font-size: 12px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: underline
}

.clearBox[data-v-6d4cd708] {
    zoom: 1
}

.clearBox[data-v-6d4cd708]:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.font10[data-v-6d4cd708] {
    transform: scale(0.83);
    transform-origin: 0
}

.gold-flow-open-account .openAccountIframe[data-v-6d4cd708],
.gold-flow-open-account[data-v-6d4cd708] {
    height: 100%;
    width: 100%
}

.clearBox[data-v-83cc66f2] {
    zoom: 1
}

.clearBox[data-v-83cc66f2]:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.font10[data-v-83cc66f2] {
    transform: scale(0.83);
    transform-origin: 0
}

.gold-flow-wrapper-popup[data-v-83cc66f2] {
    height: 100%;
    width: 100%
}

.gold-flow-wrapper-popup .gold-flow-content[data-v-83cc66f2] {
    background: rgba(0, 0, 0, 0);
    border-radius: 20px;
    display: flex;
    height: 560px;
    left: 50%;
    max-height: 85vh;
    overflow: hidden;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .3s ease-in-out;
    width: 936px
}

.gold-flow-wrapper-popup .gold-flow-content .gold-flow-content-left[data-v-83cc66f2] {
    height: 100%;
    width: 492px
}

.gold-flow-wrapper-popup .gold-flow-content .gold-flow-content-left img[data-v-83cc66f2] {
    height: 100%;
    width: 100%
}

.gold-flow-wrapper-popup .gold-flow-content .gold-flow-content-right[data-v-83cc66f2] {
    background-color: #fff;
    height: 100%;
    overflow-y: auto;
    position: relative;
    width: 444px
}

.gold-flow-wrapper-popup .gold-flow-content .gold-flow-content-right .gold-flow-content-close[data-v-83cc66f2] {
    background: url(/static/img/image_611.svg) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 16px;
    z-index: 2
}

.gold-flow-wrapper-popup .gold-flow-content.hide-left[data-v-83cc66f2] {
    width: 444px
}

.gold-flow-wrapper-popup .gold-flow-content.hide-left .gold-flow-content-left[data-v-83cc66f2] {
    display: none
}

.gold-flow-wrapper-popup.open-account-popup .gold-flow-content[data-v-83cc66f2] {
    height: 850px;
    min-height: 850px;
    width: 1466px
}

.gold-flow-wrapper-popup.open-account-popup .gold-flow-content .gold-flow-content-left[data-v-83cc66f2] {
    width: 719px
}

.gold-flow-wrapper-popup.open-account-popup .gold-flow-content .gold-flow-content-right[data-v-83cc66f2] {
    overflow-y: hidden;
    width: 747px
}

.gold-flow-wrapper-popup.open-account-popup.open-account-popup-hide-left .gold-flow-content .gold-flow-content-left[data-v-83cc66f2] {
    display: none
}

.gold-flow-wrapper-popup.open-account-popup.open-account-popup-hide-left .gold-flow-content .gold-flow-content-right[data-v-83cc66f2] {
    overflow-y: hidden;
    width: 1466px
}

@media screen and (max-width: 1240.5px) {
    .gold-flow-wrapper-popup .gold-flow-content[data-v-83cc66f2] {
        width: 444px
    }

    .gold-flow-wrapper-popup .gold-flow-content .gold-flow-content-left[data-v-83cc66f2] {
        display: none
    }
}

@media screen and (max-width: 1535.5px) {

    .gold-flow-wrapper-popup.open-account-popup .gold-flow-content[data-v-83cc66f2],
    .gold-flow-wrapper-popup.open-account-popup.open-account-popup-hide-left .gold-flow-content[data-v-83cc66f2] {
        width: 747px
    }

    .gold-flow-wrapper-popup.open-account-popup .gold-flow-content .gold-flow-content-left[data-v-83cc66f2],
    .gold-flow-wrapper-popup.open-account-popup.open-account-popup-hide-left .gold-flow-content .gold-flow-content-left[data-v-83cc66f2] {
        display: none
    }
}

.clearBox {
    zoom: 1
}

.clearBox:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.font10 {
    transform: scale(0.83);
    transform-origin: 0
}

.stop-iframe-out-scoll {
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0
}

.clearBox[data-v-1c23623a] {
    zoom: 1
}

.clearBox[data-v-1c23623a]:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.font10[data-v-1c23623a] {
    transform: scale(0.83);
    transform-origin: 0
}

.official-gold-flow[data-v-1c23623a] {
    width: -moz-fit-content;
    width: fit-content;
    z-index: 999
}

.official-gold-flow.show-modal[data-v-1c23623a] {
    z-index: 1001
}

.official-gold-flow .gold-flow-popup[data-v-1c23623a] {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000
}

.official-gold-flow .gold-flow-popup .gold-flow-mask[data-v-1c23623a] {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

.official-gold-flow .hidden-modal[data-v-1c23623a] {
    visibility: hidden;
    z-index: -1
}

.mm-cs-sidebar-btn {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    margin-top: 5px;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .08);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .08);
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    background-color: var(--cs-sidebar-background-color)
}

.mm-cs-sidebar-btn g,
.mm-cs-sidebar-btn path {
    stroke: #333;
    stroke: var(--cs-sidebar-icon-color)
}

.mm-cs-sidebar-btn:hover {
    background-color: #ff6900;
    background-color: var(--cs-sidebar-background-hover-color)
}

.mm-cs-sidebar-btn:hover g,
.mm-cs-sidebar-btn:hover path {
    stroke: #fff;
    stroke: var(--cs-sidebar-background-color)
}

.mm-cs-sidebar-tooltip {
    display: none;
    position: absolute;
    top: 50%;
    left: -12px;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    padding: 9px 15px;
    font-size: 12px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, .08);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, .08);
    border-radius: 6px;
    text-align: center
}

.mm-cs-sidebar-tooltip::before {
    content: "";
    position: absolute;
    top: 0;
    right: -24px;
    width: 24px;
    height: 100%;
    background: rgba(0, 0, 0, 0)
}

.mm-cs-sidebar-tooltip::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    right: -5px;
    width: 0px;
    height: 0px;
    border: 5px solid #fff;
    border-bottom-right-radius: 1px;
    -webkit-box-shadow: 5px 5px 8px -2px rgba(0, 0, 0, .085);
    box-shadow: 5px 5px 8px -2px rgba(0, 0, 0, .085)
}

.mm-cs-sidebar-download-btn:hover .mm-cs-sidebar-download-tooltip {
    display: block
}

.mm-cs-sidebar-download-tooltip {
    top: 0;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    padding: 9px 9px 5px
}

.mm-cs-sidebar-download-tooltip::after {
    top: 25px
}

.mm-cs-sidebar-download-qrcode {
    width: 112px;
    height: 112px;
    margin: 0 auto 4px
}

.mm-cs-js-sidebar-concat-btn:hover .mm-cs-sidebar-concat-tooltip {
    display: block
}

.mm-cs-sidebar-concat-tooltip,
.mm-cs-sidebar-to-top-tooltip {
    height: 50px;
    line-height: 50px;
    padding: 0 12px;
    white-space: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mm-cs-sidebar-to-top-btn {
    margin-top: 10px;
    background-color: #d6d6d6;
    background-color: var(--cs-sidebar-totop-background-color);
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, .08);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .08)
}

.mm-cs-sidebar-to-top-btn:hover {
    background-color: #000;
    background-color: var(--cs-sidebar-totop-background-hover-color)
}

.mm-cs-sidebar-to-top-btn:hover .mm-cs-sidebar-to-top-tooltip {
    display: block
}

.mm-cs-sidebar-fade-in.mm-cs-sidebar-fade-in {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

:root {
    --savepage-url-20: url(/static/img/image_612.svg);
    --savepage-url-35: url(/static/img/image_613.svg);
    --savepage-url-49: url(/static/img/image_614.svg);
    --savepage-url-56: url(/static/img/image_615.jpeg);
    --savepage-url-58: url(/static/img/image_616.svg);
    --savepage-url-59: url(/static/img/image_617.svg);
    --savepage-url-60: url(/static/img/image_618.svg);
    --savepage-url-61: url(/static/img/image_619.svg);
    --savepage-url-87: url(/static/img/image_620.svg);
    --savepage-url-88: url(/static/img/image_621.svg);
    --savepage-url-89: url(/static/img/image_622.svg);
}

:root {
    --cs-default-color: #000000;
    --cs-reverse-color: #ffffff;
    --cs-h5Header-sub-color: rgba(102, 102, 102, 1);
    --cs-header-tab-hover-color: #F4F4F4;
    --cs-header-sub-tab-color: #999999;
    --cs-header-sub-tab-line-color: #D0D0D0;
    --cs-header-child-tab-hover-color: #F4F4F4;
    --cs-header-margin-background-color: rgba(255, 255, 255);
    --cs-header-sub-tab-bg-color: #FFFFFF;
    --cs-backdrop-theme-opacity: 0.95;
    --cs-backdrop-background-color: rgba(255, 255, 255, 0.95);
    --cs-backdrop-transparent-opacity: 0;
    --cs-backdrop-theme-full-opacity: 1;
    --cs-window-background-color: #ffffff;
    --cs-window-split-line-color: #E5E5E5;
    --cs-window-tab-sub-color: #7A7A7A;
    --cs-window-tab-tips-color: #A4AAB7;
    --cs-footer-sub-color: #999999;
    --cs-article-color: #888888;
    --cs-active-link-color: rgb(255, 105, 0);
    --cs-header-border-bottom: 1px solid #D4D4D4;
    --cs-header-background-color: #ffffff;
    --cs-footer-background-color: #000000;
    --cs-footer-h5-background-color: #2d2d2d;
    --cs-h5Sectab-background-color: #F5F5F5;
    --cs-avatar-hover-border-color: #EEEEEE;
    --cs-footer-splitLine-color: #333333;
    --cs-footer-hr-color: #858585;
    --cs-logo-img:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/img/logo-3bd67..svg*/
        url();
    --cs-logo-img-jp:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/img/logo_jp-2ac22..svg*/
        url();
    --cs-logo-copyright-color: #000;
    --cs-sidebar-icon-color: #333;
    --cs-sidebar-background-color: #fff;
    --cs-sidebar-icon-hover-color: #fff;
    --cs-sidebar-background-hover-color: rgb(255, 105, 0);
    --cs-sidebar-totop-background-color: #d6d6d6;
    --cs-sidebar-totop-background-hover-color: #FF6900;
    --cs-search-placeholder-color: #909499;
    --cs-open-account-btn-color: #ff6900;
    --cs-icon-earth-color: #666666;
    --cs-icon-common-color: #1D1D1D;
    --cs-icon-select-lang-color: #63687B;
    --cs-icon-select-lang-active-color: #26272B;
    --cs-sign-btn-active-color: #EAEEF4;
    --cs-deposit-btn-default-color: #FF6900;
    --cs-deposit-btn-active-color: #FF8329;
    --cs-hover-bg-color: #EAEEF4;
    --cs-act-banner-bg-color: rgba(243, 243, 243, 0.5);
    --cs-act-banner-text-color: #0F1112;
    --cs-header-jump-text-bg-color: #F3F3F5;
    /* footer white */
    --cs-footer-background-color: #F2F3F5;
    --cs-entrance-title-color: #0F1112;
    --cs-entrance-content-color: #606266;
    --cs-entrance-hightlight-color: #0F1112;
    --cs-disclose-content-color: #909499;
    --cs-footer-border-color: #D2D2D2;
    --cs-mti-entrance-color: #0F1112;
    --cs-mti-disclose-color: #909499;

    --cs-jp-media-title-color: #606266;
    --cs-jp-disclose-color: #909499;
    --cs-jp-entrance-bg-color: #EAEBEC;
    --cs-jp-border-color: #D2D2D2;

    --cs-footer-consult-icon: url(/static/img/image_623.png);

    --cs-footer-tw-icon: url(/static/img/image_624.svg);
    --cs-footer-fb-icon: url(/static/img/image_625.svg);
    --cs-footer-line-icon:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/img/LinkedIn-3a974..svg*/
        url();
    --cs-footer-lin-icon:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/img/line-34b62..svg*/
        url();
    --cs-footer-ins-icon:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/img/Instagram-103a0..svg*/
        url();
    --cs-footer-yt-icon: url(/static/img/image_626.svg);
    --cs-footer-tiktok: url(/static/img/image_627.svg);
    --cs-footer-telegram:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/img/Telegram-3b92f..svg*/
        url();
    --cs-footer-privacy-icon: url(/static/img/image_628.png);
    --cs-footer-tv-icon: url(/static/img/image_629.svg);
    --cs-footer-reddit-icon:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/img/reddit-99d37..svg*/
        url();
    --cs-footer-link-hover-color: #0F1112;
    --cs-footer-bg-linear-gradient: linear-gradient(180deg, rgba(7, 7, 7, 0) 30%, #F2F3F5 100%);

    /* 副导航栏 */
    --cs-header-subnavbar-tab-bg-color: #F3F3F5;
    --cs-header-subnavbar-tab-border-color: #D4D4D4;

    /* JP 新导航栏 */
    --cs-header-jp-sec-tab-container-border-color: #D0D0D0;
    --cs-header-jp-child-tab-hover-color: #F4F4F4;
}

.mm-cs-header[data-theme="dark"],
.mm-cs-header-backdrop[data-theme="dark"],
.mm-cs-sidebar[data-theme="dark"],
.mm-cs-header-margin[data-theme="dark"],
.mm-cs-search-container[data-theme="dark"],
.mm-cs-footer[data-theme="dark"],
.mm-cs-header-subnavbar-margin[data-theme="dark"] {
    --cs-default-color: #ffffff;
    --cs-reverse-color: #24262B;
    --cs-h5Header-sub-color: #c3c3c3;
    --cs-header-tab-hover-color: #1D1F21;
    --cs-header-sub-tab-color: #666666;
    --cs-header-sub-tab-line-color: #444444;
    --cs-header-child-tab-hover-color: #363A40;
    --cs-header-margin-background-color: rgba(15 17 18);
    --cs-header-sub-tab-bg-color: #111213;
    --cs-backdrop-theme-opacity: 0.95;
    --cs-backdrop-background-color: rgba(15, 17, 19, 0.95);
    --cs-backdrop-transparent-opacity: 0;
    --cs-backdrop-theme-full-opacity: 1;
    --cs-window-background-color: #1D1F21;
    --cs-window-split-line-color: #2A2C30;
    --cs-window-tab-sub-color: #7D7F83;
    --cs-window-tab-tips-color: #535457;
    --cs-footer-sub-color: #999999;
    --cs-article-color: #888888;
    --cs-active-link-color: rgb(255, 105, 0);
    --cs-header-border-bottom: 1px solid transparent;
    --cs-header-background-color: #191919;
    --cs-footer-background-color: #000000;
    --cs-footer-h5-background-color: #2d2d2d;
    /* --cs-footer-background-color: #ffffff; */
    --cs-h5Sectab-background-color: #000;
    --cs-avatar-hover-border-color: transparent;
    --cs-footer-splitLine-color: #333333;
    --cs-footer-hr-color: #858585;
    --cs-logo-img:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/img/logo_dark-0beb0..svg*/
        var(--savepage-url-20);
    --cs-logo-img-jp:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/img/logo_jp_dark-f7c41..svg*/
        url();
    --cs-logo-copyright-color: #fff;
    --cs-sidebar-icon-color: #fff;
    --cs-sidebar-background-color: #333333;
    --cs-sidebar-background-hover-color: #fff;
    --cs-sidebar-totop-background-color: #333333;
    --cs-sidebar-totop-background-hover-color: #fff;
    --cs-search-placeholder-color: #7D7F83;
    --cs-open-account-btn-color: #fff;
    --cs-icon-earth-color: #C4C4C4;
    --cs-icon-common-color: #ffffff;
    --cs-icon-select-lang-color: #63687B;
    --cs-icon-select-lang-active-color: #fff;
    --cs-sign-btn-active-color: #262930;
    --cs-deposit-btn-default-color: #FF6900;
    --cs-deposit-btn-active-color: #FF8329;
    --cs-hover-bg-color: #191B20;
    --cs-act-banner-bg-color: rgba(29, 29, 29, 0.5);
    --cs-act-banner-text-color: #E3E4E5;
    --cs-header-jump-text-bg-color: #1D1D1D;
    /* footer */
    --cs-footer-background-color: #070707;
    --cs-entrance-title-color: #FFF;
    --cs-entrance-content-color: #999;
    --cs-entrance-hightlight-color: #fff;
    --cs-disclose-content-color: #888;
    --cs-mti-entrance-color: #fff;
    --cs-mti-disclose-color: #939393;
    --cs-footer-border-color: #333;

    --cs-jp-media-title-color: #818593;
    --cs-jp-disclose-color: #818593;
    --cs-jp-entrance-bg-color: #1E2025;
    --cs-jp-border-color: #363940;

    --cs-footer-consult-icon: url(/static/img/image_630.png);
    --cs-footer-tw-icon: url(/static/img/image_631.svg);
    --cs-footer-fb-icon: url(/static/img/image_632.svg);
    --cs-footer-line-icon:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/img/LinkedIn-d3898..svg*/
        var(--savepage-url-88);
    --cs-footer-lin-icon:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/img/line-c4fd9..svg*/
        url();
    --cs-footer-ins-icon:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/img/Instagram-a199d..svg*/
        var(--savepage-url-87);
    --cs-footer-yt-icon: url(/static/img/image_633.svg);
    --cs-footer-tiktok: url(/static/img/image_634.svg);
    --cs-footer-telegram:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/img/Telegram-df1b9..svg*/
        url();
    --cs-footer-privacy-icon: url(/static/img/image_635.png);
    --cs-footer-tv-icon: url(/static/img/image_636.svg);
    --cs-footer-reddit-icon:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/img/reddit-b1491..svg*/
        var(--savepage-url-89);
    --cs-footer-link-hover-color: #FFF;
    --cs-footer-bg-linear-gradient: linear-gradient(180deg, rgba(7, 7, 7, 0) 30%, #070707 100%);

    --cs-header-subnavbar-tab-bg-color: #1D1D1D;
    --cs-header-subnavbar-tab-border-color: #444444;

    --cs-header-jp-sec-tab-container-border-color: #444444;
    --cs-header-jp-child-tab-hover-color: #222222;
}

.mm-cs-header[data-theme="transparent"],
.mm-cs-header-backdrop[data-theme="transparent"],
.mm-cs-sidebar[data-theme="transparent"],
.mm-cs-header-margin[data-theme="transparent"],
.mm-cs-search-container[data-theme="transparent"],
.mm-cs-header-subnavbar-margin[data-theme="transparent"] {
    --cs-default-color: #ffffff;
    --cs-reverse-color: #24262B;
    --cs-h5Header-sub-color: #c3c3c3;
    --cs-header-tab-hover-color: #202228;
    --cs-header-sub-tab-color: #666666;
    --cs-header-sub-tab-line-color: #444444;
    --cs-header-child-tab-hover-color: #202228;
    --cs-header-margin-background-color: transparent;
    --cs-backdrop-background-color: transparent;
    --cs-header-sub-tab-bg-color: #111213;
    --cs-backdrop-transparent-opacity: 1;
    --cs-backdrop-theme-opacity: 0;
    --cs-backdrop-theme-full-opacity: 0;
    --cs-window-background-color: #191B20;
    --cs-window-split-line-color: #2B2E36;
    --cs-window-tab-sub-color: #63687B;
    --cs-window-tab-tips-color: #535457;
    --cs-footer-sub-color: #999999;
    --cs-article-color: #888888;
    --cs-active-link-color: rgb(255, 105, 0);
    --cs-header-border-bottom: 1px solid transparent;
    --cs-header-background-color: transparent;
    --cs-act-banner-bg-color: rgba(29, 29, 29, 0.5);
    --cs-act-banner-text-color: #E3E4E5;
    --cs-header-jump-text-bg-color: #1D1D1D;

    --cs-footer-background-color: #000000;
    --cs-footer-h5-background-color: #2d2d2d;
    /* --cs-footer-background-color: #ffffff; */
    --cs-h5Sectab-background-color: #000;
    --cs-avatar-hover-border-color: transparent;
    --cs-footer-splitLine-color: #333333;
    --cs-footer-hr-color: #858585;
    --cs-logo-img:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/img/logo_dark-0beb0..svg*/
        var(--savepage-url-20);
    --cs-logo-img-jp:
        /*savepage-url=https://cdn.futustatic.com/moomoo_common/dist/img/logo_jp_dark-f7c41..svg*/
        url();
    --cs-logo-copyright-color: #fff;
    --cs-sidebar-icon-color: #333;
    --cs-sidebar-background-color: #fff;
    --cs-sidebar-background-hover-color: rgb(255, 105, 0);
    --cs-sidebar-totop-background-color: #d6d6d6;
    --cs-sidebar-totop-background-hover-color: #000;
    --cs-search-placeholder-color: #7D7F83;
    --cs-open-account-btn-color: #fff;
    --cs-icon-earth-color: #C4C4C4;
    --cs-icon-common-color: #ffffff;
    --cs-icon-select-lang-color: #63687B;
    --cs-icon-select-lang-active-color: #fff;
    --cs-sign-btn-active-color: #262930;
    --cs-deposit-btn-default-color: #FF6900;
    --cs-deposit-btn-active-color: #FF8329;
    --cs-hover-bg-color: #191B20;

    --cs-header-subnavbar-tab-bg-color: #1D1D1D;
    --cs-header-subnavbar-tab-border-color: #444444;

    --cs-header-jp-sec-tab-container-border-color: #444444;
    --cs-header-jp-child-tab-hover-color: #F4F4F4;
}

[flex] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

[flex-vc] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[flex-end] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

body {
    margin: 0;
    padding: 0
}

.mm-cs-overflow-h {
    overflow: hidden
}

[mm-cs] * {
    word-wrap: break-word;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.mm-cs {
    font-family: var(--cs-site-font-regular, "BRHendrix-Regular", "HelveticaNeue", Helvetica, sans-serif, "-apple-system", system-ui);
    font-size: 14px;
    line-height: 1.5;
    color: #262626;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mm-cs .mm-cs-semi {
    font-family: var(--cs-site-font-semi, "BRHendrix-Semibold", "HelveticaNeue-Bold", "Helvetica-Bold", sans-serif, "-apple-system", system-ui);
    font-weight: 400 !important
}

.mm-cs.mm-cs-lang-0 {
    font-family: var(--cs-site-font-regular, "PingFangSC-Regular", "Microsoft YaHei", "HelveticaNeue", Helvetica, sans-serif, "-apple-system", system-ui)
}

.mm-cs.mm-cs-lang-0 .mm-cs-semi {
    font-family: 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)
}

.mm-cs.mm-cs-lang-1 {
    font-family: var(--cs-site-font-regular, "PingFangHK-Regular", "Microsoft YaHei", "HelveticaNeue", Helvetica, sans-serif, "-apple-system", system-ui)
}

.mm-cs.mm-cs-lang-1 .mm-cs-semi {
    font-family: var(--cs-site-font-semi, "PingFangHK-Semibold", "Microsoft YaHei Semibold", "Microsoft YaHei Bold", "Microsoft YaHei", "HelveticaNeue-Bold", "Helvetica-Bold", sans-serif, "-apple-system", system-ui)
}

.mm-cs.mm-cs-lang-2 {
    font-family: var(--cs-site-font-regular, "BRHendrix-Regular", "HelveticaNeue", Helvetica, sans-serif, "-apple-system", system-ui)
}

.mm-cs.mm-cs-lang-2 .mm-cs-semi {
    font-family: var(--cs-site-font-semi, "BRHendrix-Semibold", "HelveticaNeue-Bold", "Helvetica-Bold", sans-serif, "-apple-system", system-ui)
}

.mm-cs.mm-cs-lang-5 {
    font-family: var(--cs-site-font-regular, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "HelveticaNeue", sans-serif, Arial, "Meiryo")
}

.mm-cs.mm-cs-lang-5 .mm-cs-semi {
    font-family: var(--cs-site-font-semi, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "HelveticaNeue", sans-serif, Arial, "Meiryo");
    font-weight: 700 !important
}

.mm-cs a {
    color: currentColor;
    cursor: pointer;
    vertical-align: baseline;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none
}

.mm-cs ul {
    list-style: none
}

.mm-cs p {
    margin: 0
}

.mm-cs .dn {
    display: none !important
}

.mm-cs .show {
    display: block !important
}

.mm-cs .mm-clearfix::after {
    display: table;
    content: "";
    clear: both
}

.mm-cs-lang-5 {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue", sans-serif, Arial, Meiryo
}

.mm-cs-pc {
    display: block
}

[flex].mm-cs-pc,
[flex-c].mm-cs-pc,
[flex-hc].mm-cs-pc,
[flex-vc].mm-cs-pc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.mm-cs-h5 {
    display: none
}

.mm-cs-logo-bg-black {
    background: url("data:image/svg+xml,%3Csvg width=%27169%27 height=%2732%27 viewBox=%270 0 169 32%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M55.852 16.328l-.028 8.784a.54.54 0 0 0 .536.542l2.478.009a.54.54 0 0 0 .539-.54l.03-9.564a2.463 2.463 0 0 1 2.461-2.462 2.462 2.462 0 0 1 2.446 2.479l-.03 9.563a.54.54 0 0 0 .535.543l2.478.007a.54.54 0 0 0 .539-.539l.028-8.783c.01-3.263-2.609-5.916-5.849-5.926l-.278-.002c-3.24-.01-5.875 2.626-5.885 5.889z%27 fill=%27%23000%27/%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M64.311 16.355l-.028 8.785a.54.54 0 0 0 .536.541l2.478.008a.538.538 0 0 0 .538-.538l.03-9.564a2.461 2.461 0 0 1 2.462-2.463 2.463 2.463 0 0 1 2.445 2.48l-.03 9.562a.54.54 0 0 0 .536.543l2.478.008c.296 0 .538-.24.538-.539l.029-8.783c.01-3.264-2.609-5.916-5.849-5.926l-.278-.002c-3.24-.01-5.875 2.626-5.885 5.888zm21.639 6.738c-2.281-.008-4.126-1.876-4.119-4.174l.005-1.596c.008-2.299 1.864-4.156 4.146-4.149 2.283.008 4.127 1.878 4.119 4.175l-.006 1.596c-.007 2.299-1.863 4.155-4.144 4.148zm-7.668-5.074v.18c-.014 4.156 3.322 7.537 7.45 7.55l.42.001c4.127.014 7.486-3.344 7.5-7.501v-.18c.013-4.157-3.325-7.537-7.45-7.55l-.422-.002c-4.128-.013-7.484 3.346-7.498 7.502zm25.003 5.131c-2.283-.008-4.126-1.877-4.12-4.175l.005-1.596c.007-2.298 1.863-4.155 4.145-4.149 2.284.008 4.129 1.878 4.122 4.175l-.006 1.597c-.008 2.298-1.863 4.154-4.146 4.147zm-7.668-5.075l-.001.18c-.014 4.156 3.322 7.537 7.45 7.55l.422.001c4.127.014 7.484-3.344 7.495-7.501l.002-.18c.014-4.157-3.321-7.537-7.449-7.55l-.42-.002c-4.13-.013-7.486 3.346-7.5 7.502zm18.015-1.56l-.028 8.784c0 .297.238.54.536.541l2.478.008a.538.538 0 0 0 .538-.538l.031-9.564a2.461 2.461 0 0 1 2.461-2.463 2.464 2.464 0 0 1 2.446 2.48l-.03 9.563a.538.538 0 0 0 .535.543l2.478.008a.54.54 0 0 0 .538-.54l.029-8.783c.008-3.263-2.607-5.916-5.85-5.926l-.279-.002c-3.237-.01-5.871 2.626-5.883 5.889z%27 fill=%27%23000%27/%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M122.092 16.542l-.028 8.784a.538.538 0 0 0 .534.542l2.479.008a.539.539 0 0 0 .538-.538l.031-9.565a2.462 2.462 0 0 1 2.462-2.462 2.463 2.463 0 0 1 2.445 2.478l-.03 9.563a.54.54 0 0 0 .535.544l2.479.008a.54.54 0 0 0 .537-.54l.029-8.783c.008-3.263-2.608-5.916-5.849-5.926l-.279-.001c-3.238-.01-5.873 2.625-5.883 5.888zm21.639 6.738c-2.283-.008-4.127-1.877-4.119-4.175l.004-1.595c.007-2.299 1.862-4.156 4.145-4.149 2.284.008 4.128 1.877 4.121 4.175l-.005 1.596c-.008 2.299-1.863 4.155-4.146 4.148zm-7.668-5.074l-.001.18c-.014 4.156 3.322 7.537 7.45 7.55l.421.001c4.128.014 7.485-3.344 7.496-7.501l.001-.18c.015-4.157-3.321-7.537-7.448-7.55l-.422-.002c-4.129-.013-7.484 3.346-7.497 7.502zm25.002 5.13c-2.282-.008-4.126-1.877-4.118-4.175l.003-1.595c.007-2.299 1.863-4.156 4.145-4.15 2.284.009 4.129 1.878 4.121 4.176l-.005 1.596c-.007 2.299-1.864 4.155-4.146 4.148zm-7.668-5.075v.181c-.014 4.156 3.321 7.536 7.449 7.55l.422.001c4.127.013 7.484-3.345 7.496-7.502v-.18c.015-4.156-3.32-7.537-7.448-7.55l-.421-.001c-4.13-.014-7.485 3.345-7.498 7.501z%27 fill=%27%23000%27/%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M.548 31.968h2.508c.234 0 .45-.128.563-.334l.168-.307a5.95 5.95 0 0 1 4.347-3.037l.574-.087a.91.91 0 0 0 .84-.56l8.518-20.17a.338.338 0 0 0-.376-.464l-.451.094c-5.014 1.225-8.4 4.371-10.682 8.682l-.108.232L.043 31.203a.55.55 0 0 0 .505.765zM10.45 32h6.155l.33-.183 1.054-1.69c5.21-8.35 17.473-7.373 21.39 1.563a.52.52 0 0 0 .477.31l4.337-.001a.549.549 0 0 0 .543-.604l-1.148-11.858c-.025-.239-.36-.268-.423-.036l-1.01 3.674a.541.541 0 0 1-.592.392l-6.826-.925a1.419 1.419 0 0 1-1.062-.837l-2.398-5.575a.56.56 0 0 1 .593-.779l4.048.543c.218.03.403.179.478.386l.688 1.882c.067.182.326.171.376-.015l.679-2.463a.538.538 0 0 0-.446-.678l-7.959-1.07c-5.683-.765-6.7-8.61-1.401-10.817l1.517-.632c.188-.078.366.129.263.305l-1.29 2.195c-1.054 1.798.055 4.097 2.11 4.374l8.91 1.198c1.86.251 3.24-1.7 2.396-3.389l-.275-.55c-4.639-9.286-17.944-8.854-21.982.71l-.251.596-9.783 23.209a.55.55 0 0 0 .502.765zm33.686-16.026l.828-.138c3.641-.6 5.147-5.047 2.628-7.764l-1.431-1.461c-.165-.168-.442.004-.366.228l.633 1.874a2.227 2.227 0 0 1-1.037 2.698l-1.255 4.563z%27 fill=%27%23FF6900%27/%3E%3C/svg%3E") no-repeat no-repeat;
    background-size: cover
}

.mm-cs-logo-bg-var {
    background: var(--cs-logo-img) no-repeat no-repeat;
    background-size: 100% 100%
}

.mm-cs-site-jp .mm-cs-logo-bg-var,
.mm-cs-site-jp .mm-cs-logo-bg-black {
    background: var(--cs-logo-img-jp) no-repeat no-repeat;
    background-size: contain
}

.mm-cs-visible {
    display: block !important
}

.mm-cs-flex-visible {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.mm-cs-transition-immdiate {
    -webkit-transition: none !important;
    transition: none !important
}

.mm-cs-arrow path {
    stroke: currentColor
}

.mm-cs-border-1px {
    border: 1px solid currentColor;
    border-radius: 30px
}

@media screen and (min-width: 1240px) {
    .mm-cs-content-hide-pc {
        visibility: hidden !important
    }

    .mm-cs-pc-hidden {
        display: none !important
    }
}

@media screen and (max-width: 1240px) {
    .mm-cs-h5-hidden {
        display: none !important
    }
}

.mm-cs-footer {
    -webkit-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    background-color: var(--cs-footer-background-color);
    color: var(--cs-entrance-hightlight-color);
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    content-visibility: auto;
    contain-intrinsic-size: 2700px;
    contain-intrinsic-size: auto 2700px
}

.mm-cs-footer .mm-cs-logo-bg {
    position: relative;
    background: var(--cs-logo-img) no-repeat no-repeat;
    width: 153px
}

.mm-cs-footer.mm-jp .mm-cs-logo-bg {
    background: var(--cs-logo-img-jp) no-repeat no-repeat;
    background-size: contain;
    width: 187.5px;
    height: 28px
}

.mm-cs-footer .mm-cs-logo-copyright {
    color: #fff;
    color: var(--cs-logo-copyright-color);
    position: absolute;
    left: 53px;
    top: 27px;
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09)
}

.mm-cs-footer .mm-cs-js-lang-selections {
    display: none;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 6px 17px;
    min-width: 120px;
    position: absolute;
    top: 100%;
    margin-top: 6px;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    background-color: #000
}

.mm-cs-footer .mm-cs-js-switch-lang-btn {
    font-size: 18px
}

.mm-cs-footer .mm-cs-footer-entrance-type.copyright {
    display: none
}

.mm-jp .mm-cs-footer-linkout {
    padding: 20px 0
}

.mm-jp .mm-cs-footer-entrance-title {
    padding-bottom: 20px
}

.mm-jp .mm-cs-footer-entrance-li a {
    line-height: 26px
}

.mm-jp .mm-cs-footer-content {
    padding-bottom: 137px
}

.mm-jp.mm-cs.mm-cs-footer {
    padding: 80px 0px 124px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content {
    max-width: 1136px;
    padding: 0;
    position: relative
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box {
    width: 388px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-title {
    margin-top: 45px;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: var(--cs-entrance-title-color)
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-phone {
    padding-bottom: 20px;
    -webkit-transition: border-bottom .5s ease-out;
    transition: border-bottom .5s ease-out;
    border-bottom: 1px solid var(--cs-jp-border-color)
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-phone .mm-cs-phone-title {
    margin-top: 20px;
    color: var(--cs-jp-media-title-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-phone .mm-cs-phone-num {
    display: block;
    color: var(--cs-entrance-title-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-phone .mm-cs-phone-time {
    color: var(--cs-jp-media-title-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 140%
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-consult {
    padding: 20px 0px;
    -webkit-transition: border-bottom .5s ease-out;
    transition: border-bottom .5s ease-out;
    border-bottom: 1px solid var(--cs-jp-border-color)
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-consult .mm-cs-js-contact-consult-icon {
    display: inline-block;
    padding: 8px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    border: 1px solid var(--cs-entrance-title-color);
    color: var(--cs-entrance-title-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 120%
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-consult .mm-cs-js-contact-consult-icon::before {
    display: inline-block;
    content: "";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-image: var(--cs-footer-consult-icon);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-right: 5px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-consult .mm-cs-consult-time {
    color: var(--cs-jp-media-title-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 140%
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-email {
    padding: 20px 0px;
    border-bottom: 1px solid var(--cs-jp-border-color)
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-email .mm-cs-email-title {
    color: var(--cs-jp-media-title-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-email .mm-cs-email-num {
    color: var(--cs-entrance-title-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    margin-top: 5px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media {
    padding: 20px 0px;
    -webkit-transition: border-bottom .5s ease-out;
    transition: border-bottom .5s ease-out
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media .mm-cs-contact-media-title {
    color: var(--cs-jp-media-title-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media .mm-cs-contact-media-icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media .mm-cs-contact-media-icon-wrapper .mm-cs-contact-media-icon {
    display: inline-block;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid var(--cs-entrance-title-color);
    color: var(--cs-entrance-title-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 120%
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media .mm-cs-contact-media-icon-wrapper .mm-cs-contact-media-icon-twitter::before {
    display: inline-block;
    content: "";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: 0px 0px/100% 100% var(--cs-footer-tw-icon) no-repeat no-repeat;
    vertical-align: top
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media .mm-cs-contact-media-icon-wrapper .mm-cs-contact-media-icon-youtube {
    margin-left: 20px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media .mm-cs-contact-media-icon-wrapper .mm-cs-contact-media-icon-youtube::before {
    display: inline-block;
    content: "";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: 0px 0px/100% 100% var(--cs-footer-yt-icon) no-repeat no-repeat;
    vertical-align: top
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media .mm-cs-contact-media-icon-wrapper .mm-cs-contact-media-icon-instagram {
    margin-left: 20px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media .mm-cs-contact-media-icon-wrapper .mm-cs-contact-media-icon-instagram::before {
    display: inline-block;
    content: "";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: 0px 0px/100% 100% var(--cs-footer-ins-icon) no-repeat no-repeat;
    vertical-align: top
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media .mm-cs-contact-media-icon-wrapper .mm-cs-contact-media-icon-linkedin {
    margin-left: 20px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media .mm-cs-contact-media-icon-wrapper .mm-cs-contact-media-icon-linkedin::before {
    display: inline-block;
    content: "";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: 0px 0px/100% 100% var(--cs-footer-line-icon) no-repeat no-repeat;
    vertical-align: top
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media .mm-cs-contact-media-icon-wrapper .mm-cs-contact-media-icon-line {
    margin-left: 20px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media .mm-cs-contact-media-icon-wrapper .mm-cs-contact-media-icon-line::before {
    display: inline-block;
    content: "";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: 0px 0px/100% 100% var(--cs-footer-lin-icon) no-repeat no-repeat;
    vertical-align: top
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media .mm-cs-consult-time {
    color: var(--cs-jp-media-title-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 140%
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-tips {
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #818593
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box {
    position: absolute;
    right: 0;
    top: 0;
    width: 665px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box .mm-cs-footer-entrance-card {
    width: 320px;
    -webkit-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    background-color: var(--cs-jp-entrance-bg-color);
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    display: inline-block;
    min-height: 242px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box .mm-cs-footer-entrance-card:nth-child(2n) {
    margin-left: 20px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box .mm-cs-footer-entrance-card:nth-child(n+3) {
    margin-top: 20px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box .mm-cs-footer-entrance-card .mm-cs-footer-entrance-card-title {
    font-weight: 700;
    font-size: 17px;
    line-height: 120%;
    color: var(--cs-jp-media-title-color);
    padding-bottom: 0px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box .mm-cs-footer-entrance-card .mm-cs-footer-entrance-link {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: var(--cs-entrance-title-color);
    margin-top: 20px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box .mm-cs-footer-entrance-card .mm-cs-footer-entrance-link a {
    font-size: 14px;
    line-height: 140%;
    color: var(--cs-entrance-title-color)
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box .mm-cs-footer-entrance-card .mm-cs-footer-entrance-link a:hover {
    opacity: .5
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-params-brief {
    border-top: 0px;
    width: 400px;
    margin: 80px 0 0 0px;
    padding-top: 0px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-params-brief .mm-cs-footer-params-brief {
    margin-top: 20px;
    padding-top: 0px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-params-brief .mm-cs-footer-params-brief .mm-cs-footer-brief-p {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: var(--cs-jp-disclose-color)
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-params-brief .mm-cs-footer-params-brief .mm-cs-footer-brief-blank {
    margin-top: 18px
}

.mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-params-brief .mm-cs-footer-params-brief .mm-cs-footer-brief-right {
    margin-top: 18px;
    font-size: 13px
}

.mm-my .mm-cs-media-consult-item .mm-cs-media-consult-dec {
    margin-top: 0;
    margin-bottom: 10px
}

.mm-my .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-media-contact,
.mm-my .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-js-media-contact {
    display: inline-block;
    padding: 8px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    border: 1px solid var(--cs-entrance-hightlight-color);
    color: var(--cs-entrance-hightlight-color);
    font-size: 18px;
    line-height: 120%
}

.mm-my .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-media-contact::before,
.mm-my .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-js-media-contact::before {
    display: inline-block;
    content: "";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-image: var(--cs-footer-consult-icon);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-right: 5px
}

.mm-my .mm-cs-media-email {
    margin-bottom: 20px
}

.mm-cs-media-whatsapp {
    margin-bottom: -10px;
    font-size: 16px;
    line-height: 150%;
    color: var(--cs-entrance-content-color)
}

.mm-cs-media-whatsapp .mm-cs-media-whatsapp-disclaimer {
    font-weight: 600
}

.mm-cs-mti .mm-cs-media-whatsapp {
    clear: both
}

.mm-cs-media-whatsapp-my {
    margin-top: 28px
}

.mm-cs-media-whatsapp-my .mm-cs-media-whatsapp-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: var(--cs-entrance-title-color);
    margin-bottom: 10px
}

.mm-cs-media-whatsapp-my .mm-cs-media-whatsapp-phone {
    font-weight: 600;
    font-size: 22px;
    line-height: 1.5;
    color: var(--cs-entrance-title-color)
}

.mm-ca.mm-cs-mfi .mm-cs-media-phone-item,
.mm-au.mm-cs-mfi .mm-cs-media-phone-item,
.mm-us.mm-cs-mfi .mm-cs-media-phone-item,
.mm-sg.mm-cs-mfi .mm-cs-media-phone-item {
    margin-bottom: 0px
}

.mm-ca.mm-cs-mfi .mm-cs-media-consult-item,
.mm-au.mm-cs-mfi .mm-cs-media-consult-item,
.mm-us.mm-cs-mfi .mm-cs-media-consult-item,
.mm-sg.mm-cs-mfi .mm-cs-media-consult-item {
    margin: 20px 0px
}

.mm-ca.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec,
.mm-au.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec,
.mm-us.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec,
.mm-sg.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec {
    margin-top: 0;
    margin-bottom: 10px
}

.mm-ca.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-media-contact,
.mm-ca.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-js-media-contact,
.mm-au.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-media-contact,
.mm-au.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-js-media-contact,
.mm-us.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-media-contact,
.mm-us.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-js-media-contact,
.mm-sg.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-media-contact,
.mm-sg.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-js-media-contact {
    display: inline-block;
    padding: 8px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    border: 1px solid var(--cs-entrance-hightlight-color);
    color: var(--cs-entrance-hightlight-color);
    font-size: 18px;
    line-height: 120%
}

.mm-ca.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-media-contact::before,
.mm-ca.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-js-media-contact::before,
.mm-au.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-media-contact::before,
.mm-au.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-js-media-contact::before,
.mm-us.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-media-contact::before,
.mm-us.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-js-media-contact::before,
.mm-sg.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-media-contact::before,
.mm-sg.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec .mm-cs-js-media-contact::before {
    display: inline-block;
    content: "";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-image: var(--cs-footer-consult-icon);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-right: 5px
}

.mm-ca.mm-cs-mfi .mm-cs-media-email,
.mm-au.mm-cs-mfi .mm-cs-media-email,
.mm-us.mm-cs-mfi .mm-cs-media-email,
.mm-sg.mm-cs-mfi .mm-cs-media-email {
    margin-bottom: 20px
}

.mm-cs-mti.mm-cs-footer {
    background-color: var(--cs-footer-background-color)
}

.mm-cs-footer-content {
    max-width: 1136px;
    margin: 0 auto;
    padding: 110px 0 31px;
    height: auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mm-cs-footer-lang {
    float: right
}

.mm-cs-nasdaq {
    width: 195px;
    height: 41px;
    background-size: 100% 100%
}

.mm-cs-icon-earth {
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mm-cs-lang-select-li {
    color: #fff
}

.mm-cs-lang-select-li:hover {
    color: #ff6900
}

.mm-cs-lang-select-li+.mm-cs-lang-select-li {
    margin-top: 6px
}

.mm-cs-footer-title-content {
    -webkit-transition: border-bottom .5s ease-out;
    transition: border-bottom .5s ease-out;
    border-bottom: 1px solid var(--cs-footer-border-color);
    height: 48px
}

.mm-cs-footer-lang-btn {
    position: relative;
    border: 1px solid #fff;
    border-radius: 40px;
    padding: 2px 12px 2px 17px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-left: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    line-height: 1.5
}

.mm-cs-footer-lang-arrow {
    margin-left: 27px
}

.mm-cs-footer-linkout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 30px;
    padding-bottom: 80px
}

.mm-cs-media-phone-item,
.mm-cs-media-time {
    margin-bottom: 8px;
    color: var(--cs-entrance-content-color)
}

.mm-cs-media-time {
    margin-top: 30px
}

.mm-us .mm-cs-media-time,
.mm-ca .mm-cs-media-time {
    margin-top: 0px
}

.mm-cs-media-consult-item {
    margin-bottom: 8px;
    color: var(--cs-entrance-content-color)
}

.mm-cs-media-consult-item .mm-cs-media-consult-dec {
    margin-top: 8px
}

.mm-cs-media-email {
    margin-bottom: 8px
}

.mm-cs .mm-cs-js-media-contact,
.mm-cs .mm-cs-media-contact {
    font-size: 22px;
    color: var(--cs-entrance-hightlight-color)
}

.mm-cs .mm-cs-footer-link {
    color: #888;
    text-decoration: underline;
    text-underline-position: under
}

.mm-cs .mm-cs-footer-link:hover {
    opacity: .9;
    color: var(--cs-footer-link-hover-color)
}

.mm-cs-footer-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: 0px 0px/100% 100%
}

.mm-cs-footer-media-icon-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 54px;
    width: 200px;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.mm-cs-footer-icon:not(:last-child) {
    margin-right: 16px
}

.mm-cs-footer-icon-linkedin {
    background: 0px 0px/100% 100% var(--cs-footer-line-icon) no-repeat no-repeat
}

.mm-cs-footer-icon-twitter {
    background: 0px 0px/100% 100% var(--cs-footer-tw-icon) no-repeat no-repeat
}

.mm-cs-footer-icon-facebook {
    background: 0px 0px/100% 100% var(--cs-footer-fb-icon) no-repeat no-repeat
}

.mm-cs-footer-icon-ins {
    background: 0px 0px/100% 100% var(--cs-footer-ins-icon) no-repeat no-repeat
}

.mm-cs-footer-icon-youtube {
    background: 0px 0px/100% 100% var(--cs-footer-yt-icon) no-repeat no-repeat
}

.mm-cs-footer-icon-telegram {
    background: 0px 0px/100% 100% var(--cs-footer-telegram) no-repeat no-repeat
}

.mm-cs-footer-icon-tiktok {
    background: 0px 0px/100% 100% var(--cs-footer-tiktok) no-repeat no-repeat
}

.mm-cs-footer-icon-TV {
    background: 0px 0px/100% 100% var(--cs-footer-tv-icon) no-repeat no-repeat
}

.mm-cs-footer-icon-reddit {
    background: 0px 0px/100% 100% var(--cs-footer-reddit-icon) no-repeat no-repeat
}

.mm-cs-footer-logo {
    width: 122px;
    height: 26px;
    margin-left: 16px;
    margin-bottom: 10px
}

.mm-cs-footer-bar {
    padding-top: 40px;
    padding-bottom: 80px;
    font-size: 16px;
    font-weight: 400;
    color: #888;
    line-height: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mm-cs-footer-entrance {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    line-height: 1.5;
    font-size: 16px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mm-cs-footer-entrance-title {
    padding-bottom: 16px;
    font-size: 16px;
    color: var(--cs-entrance-title-color)
}

a.mm-cs-careers-email {
    display: inline-block;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--cs-entrance-content-color)
}

a.mm-cs-apply-now {
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--cs-entrance-content-color)
}

.mm-cs-footer-entrance-li+.mm-cs-footer-entrance-li {
    margin-top: 8px
}

.mm-cs-footer-entrance-li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1.5;
    color: var(--cs-entrance-content-color)
}

.mm-cs-footer-entrance-li a:hover {
    color: currentColor
}

.mm-cs-footer-entrance-li .mm-cs-footer-entrance-li-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1.5;
    color: var(--cs-entrance-content-color)
}

.mm-cs-footer-tab-icon {
    width: 32px;
    height: 16px;
    margin-left: 10px;
    background-image: var(--cs-footer-privacy-icon);
    background-size: 100%;
    background-repeat: no-repeat
}

.mm-cs-footer-disclose {
    padding-top: 40px;
    -webkit-transition: border-top .5s ease-out;
    transition: border-top .5s ease-out;
    border-top: 1px solid var(--cs-footer-border-color);
    color: #888;
    font-size: 16px;
    line-height: 1.5;
    position: relative
}

.mm-cs-footer-disclose-h5 {
    height: 14em;
    overflow: hidden
}

.mm-cs-footer-params {
    text-align: justify
}

.mm-cs-footer-params>p {
    margin-bottom: 20px
}

.mm-cs-disclose-mantle {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--cs-footer-bg-linear-gradient);
    cursor: pointer
}

.mm-cs-disclose-expand-btn {
    margin: 0 auto;
    width: 100px;
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #888
}

.expand.mm-cs-footer-disclose {
    height: auto
}

.expand+.mm-cs-disclose-expand-btn,
.expand .mm-cs-disclose-mantle {
    display: none
}

.mm-cs-footer-brokerage-list>p:first-child {
    margin-top: 38px;
    font-size: 22px;
    font-weight: 600;
    color: var(--cs-entrance-title-color);
    line-height: 30px
}

.mm-cs-footer-brokerage-list>p:nth-of-type(2n) {
    font-size: 20px;
    color: var(--cs-entrance-title-color);
    line-height: 28px;
    margin-top: 32px;
    margin-bottom: 12px
}

.mm-cs-copyright {
    font-size: 16px;
    margin-bottom: 0 !important
}

.mm-cs-privacy {
    font-size: 16px;
    margin-top: 38px;
    color: #888
}

.mm-cs-privacy a {
    color: currentColor;
    border-bottom: 1px solid #888
}

.mm-cs-privacy a:hover {
    color: var(--cs-footer-link-hover-color);
    opacity: .9
}

.mm-cs-privacy .mm-cs-privacy-link::after {
    content: "";
    background-image: var(--cs-footer-privacy-icon);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 16px;
    vertical-align: middle;
    padding-left: 5px;
    padding-bottom: 3px
}

.mm-cs-privacy .mm-cs-split-line {
    color: currentColor;
    margin: 0 10px
}

.mm-cs-statement {
    padding-bottom: 46px;
    text-align: center;
    color: #939393;
    text-align: center;
    font-size: 12px
}

.mm-cs-footer-params-brief {
    color: #b3b3b3;
    font-size: 16px;
    line-height: 26px;
    margin: 0 auto;
    border-top: 1px solid #333;
    padding-top: 40px
}

.mm-cs-footer-params-brief a {
    color: #b3b3b3
}

.mm-cs-footer-disclaimer-content {
    text-align: center
}

.mm-cs-footer-disclaimer-li+.mm-cs-footer-disclaimer-li {
    margin-left: 50px
}

.mm-cs-footer-params-brief-publish {
    margin-top: 40px;
    text-align: center
}

@media screen and (min-width: 1241px) {
    .mm-cs-footer-entrance-type {
        min-width: 245px;
        margin-top: 20px
    }
}

@media screen and (max-width: 1240px) {
    .mm-cs-footer {
        padding: 0 60px 130px
    }

    .mm-cs-footer .mm-cs-h5 {
        display: block
    }

    .mm-cs-footer .mm-cs-pc {
        display: none !important
    }

    .mm-jp.mm-cs-footer {
        padding: 0 60px
    }

    .mm-jp .mm-cs-h5 {
        display: none
    }

    .mm-jp .mm-cs-pc {
        display: block !important
    }

    .mm-jp .mm-cs-footer-content {
        padding-top: 76px;
        max-width: 704px
    }

    .mm-jp .mm-cs-footer-params-brief {
        font-size: 14px;
        line-height: 24px
    }

    .mm-jp .mm-cs-footer-entrance-li {
        padding-top: 7px
    }

    .mm-jp .mm-cs-footer-entrance-li+.mm-cs-footer-entrance-li {
        margin-top: 10px
    }

    .mm-jp .mm-cs-footer-disclaimer-li+.mm-cs-footer-disclaimer-li {
        margin-left: 60px
    }

    .mm-jp .mm-cs-footer-entrance {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .mm-jp .mm-cs-footer-entrance-type {
        margin-top: 0
    }

    .mm-jp.mm-cs.mm-cs-footer {
        padding: 80px 0px 170px
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content {
        max-width: 992px;
        width: 80%
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box {
        position: relative;
        width: 100%
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-phone {
        width: 388px
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-consult {
        width: 388px;
        border-bottom: 0px
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-email {
        width: 388px;
        display: block;
        position: absolute;
        top: 60px;
        left: 530px
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-careers-email {
        top: 150px
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media {
        width: 388px;
        display: block;
        position: absolute;
        top: 275px;
        left: 530px
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box {
        position: relative;
        width: 100%;
        margin-top: 60px
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box .mm-cs-footer-entrance-card {
        width: 32.2%;
        min-height: 242px;
        margin-left: 1.56%
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box .mm-cs-footer-entrance-card:nth-child(2n) {
        margin-left: 1.5%
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box .mm-cs-footer-entrance-card:nth-child(3n+1) {
        margin-left: 0%
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box .mm-cs-footer-entrance-card:nth-child(n+3) {
        margin-top: 0px
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box .mm-cs-footer-entrance-card:nth-child(n+4) {
        margin-top: 20px
    }

    .mm-my .mm-cs-media-consult-item .mm-cs-media-consult-dec {
        margin-top: 0;
        margin-bottom: 15px
    }

    .mm-my .mm-cs-media-email {
        width: 100%;
        height: auto;
        margin-bottom: 15px
    }

    .mm-ca.mm-cs-mfi .mm-cs-footer-entrance-type:first-child,
    .mm-au.mm-cs-mfi .mm-cs-footer-entrance-type:first-child,
    .mm-us.mm-cs-mfi .mm-cs-footer-entrance-type:first-child,
    .mm-sg.mm-cs-mfi .mm-cs-footer-entrance-type:first-child {
        position: relative
    }

    .mm-ca.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec,
    .mm-au.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec,
    .mm-us.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec,
    .mm-sg.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec {
        margin-top: 0;
        margin-bottom: 8px
    }

    .mm-ca.mm-cs-mfi .mm-cs-media-email,
    .mm-au.mm-cs-mfi .mm-cs-media-email,
    .mm-us.mm-cs-mfi .mm-cs-media-email,
    .mm-sg.mm-cs-mfi .mm-cs-media-email {
        display: block;
        position: absolute;
        top: 40px;
        left: 335px
    }

    .mm-ca.mm-cs-mfi .mm-cs-media-phone-item,
    .mm-au.mm-cs-mfi .mm-cs-media-phone-item,
    .mm-us.mm-cs-mfi .mm-cs-media-phone-item,
    .mm-sg.mm-cs-mfi .mm-cs-media-phone-item {
        float: none
    }

    .mm-cs-footer-content {
        padding: 0
    }

    .mm-cs-footer-disclose {
        padding-top: 44px
    }

    .mm-cs-footer-params p {
        font-size: 14px;
        line-height: 24px
    }

    .mm-cs-footer-brokerage-list>p:first-child {
        margin-top: 22.5px;
        font-size: 18px;
        line-height: 25px
    }

    .mm-cs-footer-brokerage-list>p:nth-of-type(2n) {
        font-size: 14px;
        line-height: 21px;
        margin-top: 15px;
        margin-bottom: 8px
    }

    .mm-cs-copyright {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0px;
        padding: 10px 0 40px;
        color: #888
    }

    .mm-cs-footer-linkout {
        padding-bottom: 58px;
        padding-top: 0
    }

    .mm-cs-footer-entrance {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .mm-cs-media-phone-item {
        float: left;
        width: 300px;
        margin-right: 50px;
        margin-bottom: 20px
    }

    .mm-cs-media-email {
        float: left;
        width: 280px;
        height: 60px;
        margin-right: 50px;
        margin-bottom: 20px;
        white-space: nowrap
    }

    .mm-cs-media-from-crs {
        float: left
    }

    .mm-cs-footer-entrance-type {
        width: 280px;
        margin-top: 60px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    a.mm-cs-careers-email {
        margin-bottom: 60px
    }

    .mm-cs-footer-entrance-type:not(:first-child) {
        margin-right: 50px
    }

    .mm-cs-footer-entrance-type:first-child {
        width: 100%
    }

    .mm-cs-footer-bar {
        padding-bottom: 0
    }

    .mm-cs-privacy {
        font-size: 14px
    }
}

@media screen and (max-width: 779px) {
    .mm-cs-media-email {
        margin-right: 0
    }
}

@media screen and (max-width: 768px) {
    .mm-cs-footer {
        contain-intrinsic-size: 3000px;
        contain-intrinsic-size: auto 3000px
    }

    .mm-jp.mm-cs-footer {
        padding: 0 16px 110px
    }

    .mm-jp .mm-cs-h5 {
        display: block
    }

    .mm-jp .mm-cs-footer-content {
        max-width: 648px
    }

    .mm-jp .mm-cs-footer-entrance {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mm-jp .mm-cs-footer-linkout {
        padding-top: 10px
    }

    .mm-jp .mm-cs-footer-entrance-title {
        padding-bottom: 10px
    }

    .mm-jp .mm-cs-footer-entrance-li {
        float: left;
        padding-top: 0
    }

    .mm-jp .mm-cs-footer-entrance-li+.mm-cs-footer-entrance-li {
        margin-left: 60px;
        margin-top: 0
    }

    .mm-jp .mm-cs-footer-entrance-type+.mm-cs-footer-entrance-type {
        margin-top: 50px
    }

    .mm-jp .mm-cs-footer-disclaimer-content {
        text-align: left
    }

    .mm-jp .mm-cs-footer-params-brief-publish {
        text-align: left
    }

    .mm-jp.mm-cs.mm-cs-footer {
        padding: 80px 0px 150px
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content {
        max-width: 654px;
        width: 87.2%
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box {
        position: relative;
        width: 100%
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-phone {
        width: 100%
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-consult {
        width: 100%;
        border-bottom: 0px
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-email {
        width: 100%;
        display: block;
        position: relative;
        top: auto;
        left: auto
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media {
        width: 100%;
        display: block;
        position: relative;
        top: auto;
        left: auto
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box .mm-cs-footer-entrance-card {
        width: 100%;
        min-height: 242px;
        margin-top: 20px;
        margin-left: 0px
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box .mm-cs-footer-entrance-card:nth-child(2n) {
        margin-left: 0
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box .mm-cs-footer-entrance-card:nth-child(n+3) {
        margin-top: 20px
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-entrance-box .mm-cs-footer-entrance-card:first-child {
        margin-top: 0px
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-params-brief {
        width: 100%;
        margin: 80px 0 0 0px;
        text-align: left
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-params-brief .mm-cs-footer-params-brief {
        padding-top: 0px;
        width: 100%;
        margin: 20px 0 0
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-params-brief .mm-cs-footer-params-brief .mm-cs-footer-brief-p {
        display: block;
        line-height: 140%
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-params-brief .mm-cs-footer-params-brief .mm-cs-footer-brief-right {
        display: block;
        font-size: 14px;
        width: 75%
    }

    .mm-ca.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec,
    .mm-au.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec,
    .mm-us.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec,
    .mm-sg.mm-cs-mfi .mm-cs-media-consult-item .mm-cs-media-consult-dec {
        margin-bottom: 8px
    }

    .mm-ca.mm-cs-mfi .mm-cs-media-email,
    .mm-au.mm-cs-mfi .mm-cs-media-email,
    .mm-us.mm-cs-mfi .mm-cs-media-email,
    .mm-sg.mm-cs-mfi .mm-cs-media-email {
        display: block;
        position: relative;
        top: auto;
        left: auto
    }

    .mm-cs-media-email {
        width: auto;
        margin-right: 0
    }

    .mm-cs-media-from-crs {
        width: 280px
    }

    .mm-cs-media-whatsapp {
        white-space: nowrap;
        clear: both;
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 150%;
        color: var(--cs-entrance-content-color)
    }

    .mm-cs-mti .mm-cs-media-whatsapp {
        margin-top: 0
    }
}

@media screen and (max-width: 679px) {
    .mm-cs-media-phone-item {
        margin-bottom: 0
    }

    .mm-cs-media-phone-item-last {
        margin-bottom: 30px
    }

    .mm-cs-media-email {
        width: 280px;
        height: auto;
        margin-bottom: 30px
    }

    .mm-ca.mm-cs-mfi .mm-cs-media-email {
        margin-bottom: 0px
    }

    .mm-cs-media-whatsapp {
        margin-top: 80px
    }

    .mm-cs-media-whatsapp-my {
        margin-top: 80px
    }
}

@media screen and (max-width: 620px) {
    .mm-jp .mm-cs-footer-disclaimer-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mm-jp .mm-cs-footer-disclaimer-li+.mm-cs-footer-disclaimer-li {
        margin-left: 0;
        margin-top: 30px
    }

    .mm-jp .mm-cs-footer-params-brief-publish {
        word-break: keep-all
    }

    .mm-jp .mm-cs-footer-brief-publish-p:first-child {
        width: 60%
    }

    .mm-jp .mm-cs-footer-entrance-type.mm-cs-footer-entrance-type {
        width: 100%
    }

    .mm-cs-footer {
        padding: 0 16px 110px
    }

    .mm-cs-footer-entrance-type:first-child {
        width: 280px
    }
}

@media screen and (min-width: 1241px) {
    .mm-cs.mm-cs-footer {
        padding: 0 88px 44px
    }

    .mm-my .mm-cs-footer-linkout {
        padding-bottom: 10px
    }

    .mm-my .mm-cs-footer-entrance .mm-cs-footer-entrance-type {
        min-width: 200px;
        position: relative
    }

    .mm-my .mm-cs-footer-entrance .mm-cs-footer-entrance-type .mm-cs-media-time {
        margin-bottom: 130px
    }

    .mm-my .mm-cs-footer-entrance .mm-cs-footer-entrance-type .mm-cs-media-time .mm-cs-media-detail:last-child {
        position: absolute;
        bottom: 8px;
        left: 0;
        width: 700px
    }

    .mm-my .mm-cs-media-info-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 60px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info {
        margin-right: 62px;
        width: 350px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info .mm-cs-media-contact-info-title {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: var(--cs-entrance-title-color);
        margin-bottom: 16px;
        margin-top: 20px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info .mm-cs-media-contact-info-detail {
        color: var(--cs-entrance-content-color)
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info .mm-cs-media-contact-info-tip {
        color: #888;
        font-weight: 200
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-store-info {
        margin-right: 24px;
        width: 367px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-store-info .mm-cs-media-contact-info-title {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: var(--cs-entrance-title-color);
        margin-top: 20px;
        margin-bottom: 16px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-store-info .mm-cs-media-contact-info-detail {
        color: var(--cs-entrance-content-color);
        margin-bottom: 16px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-store-img {
        width: 300px;
        height: 150px;
        background-size: 100% 100%;
        margin-top: 60px
    }

    .mm-ca.mm-cs-mfi .mm-cs-footer-entrance .mm-cs-footer-entrance-type {
        min-width: 200px
    }
}

@media screen and (max-width: 1240px) {
    .mm-cs-footer-entrance-type:last-child {
        margin-right: 0
    }

    .mm-my .mm-cs-media-info-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 60px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info {
        margin-right: 62px;
        width: 350px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info .mm-cs-media-contact-info-title {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: var(--cs-entrance-title-color);
        margin-bottom: 16px;
        margin-top: 20px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info .mm-cs-media-contact-info-detail {
        color: var(--cs-entrance-content-color)
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info .mm-cs-media-contact-info-tip {
        color: #888;
        font-weight: 300
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-store-info {
        margin-right: 24px;
        width: 367px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-store-info .mm-cs-media-contact-info-title {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: var(--cs-entrance-title-color);
        margin-top: 20px;
        margin-bottom: 16px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-store-info .mm-cs-media-contact-info-detail {
        color: var(--cs-entrance-content-color);
        margin-bottom: 16px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-store-img {
        width: 300px;
        height: 150px;
        background-size: 100% 100%;
        margin-top: 60px
    }
}

@media screen and (max-width: 1074px) {
    .mm-cs-footer-entrance-type:nth-child(3) {
        margin-right: 0
    }

    .mm-cs-footer-entrance-type:nth-child(4) {
        margin-right: 100px
    }
}

@media screen and (max-width: 990px) {
    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-consult {
        border-bottom: 1px solid var(--cs-jp-border-color)
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-email {
        display: block;
        position: relative;
        top: auto;
        left: auto
    }

    .mm-jp.mm-cs.mm-cs-footer .mm-cs-footer-content .mm-cs-footer-contact-box .mm-cs-contact-media {
        display: block;
        position: relative;
        top: auto;
        left: auto
    }

    .mm-my .mm-cs-media-info-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 60px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info {
        margin-right: 62px;
        width: 100%
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info .mm-cs-media-contact-info-title {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: var(--cs-entrance-title-color);
        margin-bottom: 16px;
        margin-top: 20px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info .mm-cs-media-contact-info-detail {
        color: var(--cs-entrance-content-color)
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info .mm-cs-media-contact-info-tip {
        color: #888;
        font-weight: 300
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-store-info {
        margin-right: 24px;
        width: 100%
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-store-info .mm-cs-media-contact-info-title {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: var(--cs-entrance-title-color);
        margin-top: 20px;
        margin-bottom: 16px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-store-info .mm-cs-media-contact-info-detail {
        color: var(--cs-entrance-content-color);
        margin-bottom: 16px
    }
}

@media screen and (min-width: 621px)and (max-width: 1240px) {
    .mm-cs-media-time {
        width: 275px
    }

    .mm-my .mm-cs-media-time {
        width: 500px
    }

    .mm-ca.mm-cs-mfi .mm-cs-media-email,
    .mm-au.mm-cs-mfi .mm-cs-media-email,
    .mm-us.mm-cs-mfi .mm-cs-media-email,
    .mm-sg.mm-cs-mfi .mm-cs-media-email {
        margin-bottom: 0px
    }
}

@media screen and (max-width: 679px) {
    .mm-my .mm-cs-media-email {
        margin-bottom: 15px
    }

    .mm-my .mm-cs-footer-linkout {
        padding-bottom: 0px
    }

    .mm-my .mm-cs-media-info-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 60px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info {
        margin-right: 0px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info .mm-cs-media-contact-info-title:first-child {
        margin-top: 0px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info .mm-cs-media-contact-info-title {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: var(--cs-entrance-title-color);
        margin-bottom: 16px;
        margin-top: 30px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info .mm-cs-media-contact-info-detail {
        font-size: 16px;
        color: var(--cs-entrance-content-color)
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-contact-info .mm-cs-media-contact-info-tip {
        color: #888;
        font-weight: 300
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-store-info {
        margin-right: 0px;
        margin-top: 30px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-store-info .mm-cs-media-contact-info-title {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: var(--cs-entrance-title-color);
        margin-bottom: 16px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-store-info .mm-cs-media-contact-info-detail {
        font-size: 16px;
        color: var(--cs-entrance-content-color);
        margin-bottom: 16px
    }

    .mm-my .mm-cs-media-info-wrapper .mm-cs-media-store-img {
        width: 100%;
        height: auto;
        background-size: 100% 100%;
        margin-top: 30px
    }
}

.stop-iframe-out-scoll {
    position: fixed;
    left: 0;
    right: 0;
    overflow: hidden
}

.mm-cs-login-container {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1999;
    background-color: rgba(0, 0, 0, .55)
}

.mm-cs-login-container.mm-cs-login-container-hide {
    display: none
}

.mm-cs-login-container .mm-cs-login-box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 20%;
    padding-top: 20px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    overflow: hidden;
    background-color: #fff;
    z-index: 999
}

.mm-cs-login-container .mm-cs-login-box .mm-cs-close-login {
    display: inline-block;
    background-image: url(/static/img/image_637.png);
    background-size: 100%;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999;
    width: 14px;
    height: 14px
}

.mm-cs-login-container .mm-cs-login-box .mm-cs-login-iframe {
    height: 100%
}

@media screen and (min-width: 768.5px) {
    .mm-cs-login-container {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 1999;
        background-color: rgba(0, 0, 0, .55)
    }

    .mm-cs-login-container .mm-cs-login-box {
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 990px;
        height: 580px;
        width: 480px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 12px;
        overflow: hidden;
        padding-top: 20px;
        background-color: #fff
    }

    .mm-cs-login-container .mm-cs-login-box .mm-cs-close-login {
        display: inline-block;
        background-image: url(/static/img/image_638.png);
        background-size: 100%;
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 999;
        width: 14px;
        height: 14px;
        cursor: pointer
    }

    .mm-cs-login-container .mm-cs-login-box .mm-cs-login-iframe {
        height: 100%
    }
}

.mm-cs-header-margin {
    height: 64px;
    background-color: #fff;
    background-color: var(--cs-header-margin-background-color)
}

.mm-cs-header-backdrop {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 120px;
    pointer-events: none;
    -webkit-transition-property: opacity, background-color;
    transition-property: opacity, background-color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0, 0.02, 0.99);
    transition-timing-function: cubic-bezier(0.39, 0, 0.02, 0.99)
}

.mm-cs-header-backdrop-transparent {
    opacity: 0;
    opacity: var(--cs-backdrop-transparent-opacity);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 7, 21, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 7, 21, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 7, 21, 0) 100%)
}

.mm-cs-header-backdrop-theme {
    opacity: 1;
    height: 64px;
    background: hsla(0, 0%, 100%, .95);
    background: var(--cs-backdrop-background-color);
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px)
}

.mm-cs-header {
    height: 64px;
    color: #000;
    color: var(--cs-default-color);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    -webkit-transition-property: background-color, border, border-top, border-bottom, color;
    transition-property: background-color, border, border-top, border-bottom, color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0, 0.02, 0.99);
    transition-timing-function: cubic-bezier(0.39, 0, 0.02, 0.99)
}

.mm-cs-header a {
    color: currentColor
}

.mm-cs-header-nav {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.mm-cs-logo {
    display: inline-block;
    margin-left: 36px;
    margin-right: 28px;
    min-width: 140px;
    height: 32px;
    background-size: contain;
    cursor: pointer;
    position: relative
}

.mm-cs-logo-copyright {
    position: absolute;
    left: 46px;
    top: 25px
}

.mm-cs-logo-no-copyright {
    -webkit-transform: translateY(12%);
    -ms-transform: translateY(12%);
    transform: translateY(12%)
}

.mm-cs-logo svg {
    overflow: visible
}

.mm-cs-logo path:not([except]) {
    fill: currentColor
}

.mm-cs-header-left {
    height: 100%
}

.mm-cs-header-right {
    height: 100%;
    margin-right: 36px;
    position: relative
}

.mm-cs-btn {
    color: inherit;
    border-radius: 30px;
    padding: 7px 20px;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid currentColor
}

.mm-cs-invest-btn,
.mm-cs-header-logged,
.mm-cs-log-in-btn {
    margin-left: 20px;
    display: block
}

.mm-cs-btn:hover {
    color: #fff;
    background: #ff6900;
    border-color: #ff6900;
    background: var(--cs-active-link-color);
    border-color: var(--cs-active-link-color)
}

.mm-cs-download-qrcode {
    margin: 11px auto 0;
    display: inline-block;
    position: relative
}

.mm-cs-download-qrcode-img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 108px;
    height: 108px;
    border: .5px solid #c9c9c9;
    border-radius: 6px;
    display: block
}

.qrcode-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 22px;
    height: 22px;
    background-color: #fff;
    padding: 3px;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.qrcode-logo img {
    width: 20px;
    height: 20px
}

.mm-cs-header-menu {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mm-cs-tab-pc {
    width: 100%
}

.mm-cs-menu-item {
    margin-right: 8px;
    line-height: 21px;
    font-size: 14px;
    word-break: keep-all;
    position: relative
}

.mm-cs-menu-item:hover .mm-cs-first-tab {
    background-color: #eaeff4;
    background-color: var(--cs-header-tab-hover-color);
    border-radius: 30px
}

.mm-cs-menu-item .mm-cs-arrow {
    vertical-align: middle
}

.mm-cs .mm-cs-first-tab {
    cursor: pointer;
    line-height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: currentColor;
    padding: 8px 20px;
    white-space: nowrap
}

.mm-cs .mm-cs-tab-without-link {
    cursor: default
}

.mm-cs-first-tab .mm-cs-arrow {
    margin-left: 7px;
    margin-right: 5.5px
}

.mm-cs-first-tab .mm-cs-arrow path {
    stroke: currentColor
}

.mm-cs-menu-item:hover .mm-cs-sec-tab-pos {
    display: block
}

.mm-cs-sec-tab-pos {
    display: none;
    position: absolute;
    top: 100%;
    padding-top: 14px
}

.mm-cs-sec-tab-container {
    min-width: 112px;
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, .14);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, .14);
    border-radius: 8px;
    line-height: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    background-color: var(--cs-window-background-color);
    position: relative
}

.mm-cs-sec-tab,
.mm-cs-tab-occupy {
    padding: 10px 0
}

.mm-cs-sec-tab-arrow {
    min-width: 9px;
    margin-left: 10px
}

.mm-cs-sec-tab-arrow path {
    fill: #7a7a7a;
    fill: var(--cs-window-tab-sub-color)
}

.mm-cs-tab-li-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 400px;
    padding: 18px 18px 18px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.mm-cs-sec-tab-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mm-cs-sec-tab-li {
    width: 400px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mm-cs-tab-li-container:hover {
    background-color: #eaeef4;
    background-color: var(--cs-header-child-tab-hover-color)
}

.mm-cs-sec-tab-has-child:hover>.mm-cs-tab-li-container {
    background-color: #eaeef4;
    background-color: var(--cs-header-child-tab-hover-color)
}

.mm-cs-sec-tab-has-child:hover {
    width: 640px
}

.mm-cs-sec-tab-li-des {
    line-height: 1.2;
    color: #63687b;
    color: var(--cs-window-tab-sub-color);
    margin-top: 5px
}

.mm-cs-third-tab-container {
    position: absolute;
    left: 400px;
    top: 0;
    bottom: 0;
    border-left: 1px solid #e3e8ee;
    border-left: 1px solid var(--cs-window-split-line-color);
    display: none;
    width: 240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0
}

.mm-cs-sec-tab-has-child:hover .mm-cs-third-tab-container {
    display: block
}

.mm-cs-thrid-tab-li {
    width: 100%;
    padding: 0
}

.mm-cs-thrid-tab-a {
    width: 100%;
    padding: 18px 18px 18px 20px
}

.mm-cs-sec-tab-tips {
    padding: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #a4aab7;
    color: var(--cs-window-tab-tips-color);
    cursor: default
}

.mm-cs-sec-tab-tips:hover {
    background: rgba(0, 0, 0, 0)
}

.mm-cs-header-avatar {
    width: 40px;
    height: 40px
}

.mm-cs-header-avatar-h5 {
    width: 28px;
    height: 28px
}

.mm-cs-header-logged {
    position: relative
}

.mm-cs-header-logged:hover {
    position: relative;
    cursor: pointer
}

.mm-cs-header-logged:hover .mm-cs-avatar-expand-pos {
    display: block
}

.mm-cs-header-download-icon {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mm-cs-header-download {
    position: relative
}

.mm-cs-header-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color;
    transition: background-color;
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    cursor: pointer;
    margin-left: 14px
}

.mm-cs-header-icon.mm-cs-header-search-icon {
    margin-left: 0
}

.mm-cs-header-icon:hover {
    background-color: #eaeef4;
    background-color: var(--cs-header-tab-hover-color)
}

.mm-cs-header-download:hover .mm-cs-header-download-window-pos {
    display: block
}

.mm-cs-header-download-window-pos {
    display: none;
    position: absolute;
    padding-top: 14px;
    top: 100%;
    right: -webkit-calc(100% - 36px);
    right: calc(100% - 36px);
    -webkit-transition: all .05s;
    transition: all .05s
}

.mm-cs-header-download-window {
    background: #fff;
    background: var(--cs-window-background-color);
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, .14);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, .14);
    border-radius: 8px;
    padding: 24px 29px;
    width: 362px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mm-cs-header-download-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: center
}

.mm-cs-header-download-title {
    font-size: 14px;
    line-height: 20px;
    color: currentColor
}

.mm-cs-mobile-download,
.mm-cs-pc-download {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mm-cs-mobile-download {
    padding-right: 36px
}

.mm-cs-pc-download {
    padding-left: 29px;
    border-left: 1px solid #e3e8ee;
    border-left: 1px solid var(--cs-window-split-line-color)
}

.mm-cs-header-download-des {
    margin-top: 4px;
    color: #63687b;
    color: var(--cs-window-tab-sub-color);
    font-size: 12px;
    line-height: 1.2
}

.mm-cs-header-download-logo {
    margin: 11px 0 14px
}

.mm-cs-header-download-now-btn {
    padding: 8.5px 14px;
    cursor: pointer;
    font-size: 14px;
    min-width: 121px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.mm-cs-header-download-to-more.mm-cs-header-download-to-more {
    margin-top: 24px;
    color: #63687b;
    color: var(--cs-window-tab-sub-color);
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mm-cs-header-download-arrow {
    margin-left: 7px
}

.mm-cs-pc-next-download .mm-cs-header-download-logo {
    line-height: 1;
    margin: 10px 0
}

.mm-cs-site-jp .mm-cs-header-download-title {
    font-size: 13px
}

.mm-cs-avatar-expand-pos {
    position: absolute;
    right: 0;
    top: 100%;
    padding-top: 12px;
    display: none
}

.mm-cs-avatar-expand-container {
    padding: 6px;
    text-align: center;
    border-radius: 8px;
    font-size: 14px;
    line-height: 18px;
    border-color: #eee;
    border-color: var(--cs-avatar-hover-border-color);
    background-color: #fff;
    background-color: var(--cs-window-background-color);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, .05);
    box-shadow: 0px 2px 7px rgba(0, 0, 0, .05);
    cursor: pointer
}

.mm-cs-avatar-expand-btn {
    white-space: nowrap;
    padding: 11px 18px
}

.mm-cs-avatar-expand-btn:hover {
    background-color: #f4f4f4;
    background-color: var(--cs-header-child-tab-hover-color);
    border-radius: 6px
}

.mm-cs-sidebar {
    position: fixed;
    right: 16px;
    bottom: 60px;
    z-index: 1001;
    -webkit-transform: translateX(1000px);
    -ms-transform: translateX(1000px);
    transform: translateX(1000px);
    -webkit-transition: -webkit-transform ease .8s;
    transition: -webkit-transform ease .8s;
    transition: transform ease .8s;
    transition: transform ease .8s, -webkit-transform ease .8s
}

.mm-cs-sidebar-download-tooltip {
    display: none
}

.mm-cs-search-outside {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.mm-cs-searchShow.mm-cs-search-outside {
    z-index: 1001
}

.mm-cs-search-container {
    color: #000;
    color: var(--cs-default-color);
    z-index: 1001;
    -webkit-transition-property: background-color, border, border-top, border-bottom, color;
    transition-property: background-color, border, border-top, border-bottom, color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0, 0.02, 0.99);
    transition-timing-function: cubic-bezier(0.39, 0, 0.02, 0.99);
    visibility: hidden;
    width: 47vw;
    max-width: 672px;
    overflow: hidden
}

.mm-cs-search-input-border {
    width: 100%;
    border: 1px solid #e5e5e5;
    border: 1px solid var(--cs-default-color);
    border-radius: 8px;
    height: 42px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mm-cs-search-input-container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mm-cs-search-input {
    margin: 0 6px;
    background-color: rgba(0, 0, 0, 0);
    color: inherit;
    border: 0;
    font-size: 18px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    outline: none
}

.mm-cs-search-input::-webkit-input-placeholder {
    color: #909499;
    color: var(--cs-search-placeholder-color)
}

.mm-cs-search-input::-moz-placeholder {
    color: #909499;
    color: var(--cs-search-placeholder-color)
}

.mm-cs-search-input:-ms-input-placeholder {
    color: #909499;
    color: var(--cs-search-placeholder-color)
}

.mm-cs-search-input::-ms-input-placeholder {
    color: #909499;
    color: var(--cs-search-placeholder-color)
}

.mm-cs-search-input::placeholder {
    color: #909499;
    color: var(--cs-search-placeholder-color)
}

.mm-cs-search-close {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #eaeef4;
    background-color: var(--cs-header-tab-hover-color);
    border-radius: 50%;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0, 0.02, 0.99);
    transition-timing-function: cubic-bezier(0.39, 0, 0.02, 0.99);
    cursor: pointer
}

.mm-cs-hightlight {
    color: #ff6900
}

@media screen and (max-width: 1240px) {
    :root {
        --cs-backdrop-theme-opacity: 1
    }

    .mm-cs-header-nav {
        border-width: 0;
        position: relative;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .mm-cs-header-nav:after {
        content: "";
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        top: 100%;
        left: 0;
        width: 200%;
        height: 2px;
        border-bottom: 1px solid #d4d4d4;
        border-bottom: var(--cs-header-border-bottom);
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-transition-property: border-bottom;
        transition-property: border-bottom;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-timing-function: cubic-bezier(0.39, 0, 0.02, 0.99);
        transition-timing-function: cubic-bezier(0.39, 0, 0.02, 0.99)
    }

    .mm-cs-transition-immdiate .mm-cs-header-nav:after {
        -webkit-transition: none;
        transition: none
    }

    .mm-cs-header-margin {
        height: 60px
    }

    .mm-cs-header .mm-cs-h5 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .mm-cs-menubar-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 6px
    }

    .mm-cs-menubar-text {
        font-size: 12px;
        color: currentColor;
        margin-top: 4px
    }

    .mm-cs-header .mm-cs-pc {
        display: none !important
    }

    .mm-cs-sidebar {
        display: none !important
    }

    .mm-cs-padding {
        padding-left: 16px
    }

    .mm-cs-header-left {
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .mm-cs-header {
        height: 60px
    }

    .mm-cs-header .mm-cs-logo {
        min-width: 137px;
        height: 34px;
        margin-left: 0px;
        margin-right: 0px;
        background-size: contain
    }

    .mm-cs-logo-copyright {
        top: 26px;
        left: 45px
    }

    .mm-cs-header-btn {
        padding: 6px 12px;
        font-size: 16px;
        line-height: 16px;
        white-space: nowrap;
        border-radius: 30px;
        border-width: 1.6px;
        cursor: pointer
    }

    .mm-cs-header-btn a {
        color: inherit
    }

    .mm-cs-menubar {
        display: block;
        width: 25px;
        height: 20px;
        border-top: 1.6px solid currentColor;
        border-bottom: 1.6px solid currentColor;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        margin-right: 16px
    }

    .mm-cs-menubar::before {
        content: "";
        position: absolute;
        width: 100%;
        border-top: 1.6px solid currentColor;
        left: 0;
        top: 50%;
        margin-top: -1px
    }

    .mm-cs-menuclose {
        width: 28px;
        height: 28px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid #000
    }

    .mm-cs-close-icon {
        display: block;
        width: 16px;
        height: 16px;
        position: relative;
        cursor: pointer
    }

    .mm-cs-close-icon::before,
    .mm-cs-close-icon::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        top: 50%;
        margin-top: -1px;
        background: currentColor
    }

    .mm-cs-close-icon::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .mm-cs-close-icon::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .mm-cs-tab-h5-container {
        width: 100%;
        overflow: auto;
        background: #fff;
        -webkit-box-shadow: 0px 12px 14px rgba(0, 0, 0, .1);
        box-shadow: 0px 12px 14px rgba(0, 0, 0, .1)
    }

    .mm-cs-tab-h5-container-inner {
        display: none;
        overflow: auto;
        padding-bottom: 20px
    }

    .mm-cs-tab-h5 {
        padding-bottom: 22px;
        padding-top: 31px;
        height: -webkit-calc(100% - 50px);
        height: calc(100% - 50px);
        overflow: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 1.2
    }

    .mm-cs-tab-h5-li {
        font-size: 20px;
        line-height: 20px;
        padding: 0 16px
    }

    .mm-cs-tab-h5-li:last-child {
        margin-bottom: 40px
    }

    .expand .mm-cs-arrow {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    .mm-cs-tab-h5-li+.mm-cs-tab-h5-li {
        margin-top: 20px
    }

    .mm-cs-h5-first-tab {
        padding-bottom: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mm-cs-h5-sec-tab {
        max-height: 0;
        overflow: hidden;
        margin: 0 -16px;
        font-weight: normal;
        -webkit-transition: max-height .5s;
        transition: max-height .5s;
        background-color: #f4f7f9
    }

    .expand .mm-cs-h5-sec-tab[data-child-num] {
        max-height: 1300px
    }

    .expand .mm-cs-h5-sec-tab[data-child-num="1"] {
        max-height: 110px
    }

    .expand .mm-cs-h5-sec-tab[data-child-num="2"] {
        max-height: 220px
    }

    .expand .mm-cs-h5-sec-tab[data-child-num="3"] {
        max-height: 330px
    }

    .expand .mm-cs-h5-sec-tab[data-child-num="4"] {
        max-height: 440px
    }

    .expand .mm-cs-h5-sec-tab[data-child-num="5"] {
        max-height: 660px
    }

    .expand .mm-cs-h5-sec-tab[data-child-num="6"] {
        max-height: 660px
    }

    .expand .mm-cs-h5-sec-tab[data-child-num="7"] {
        max-height: 770px
    }

    .expand .mm-cs-h5-sec-tab[data-child-num="8"] {
        max-height: 880px
    }

    .expand .mm-cs-h5-sec-tab[data-child-num="9"] {
        max-height: 990px
    }

    .expand .mm-cs-h5-sec-tab[data-child-num="10"] {
        max-height: 1100px
    }

    .expand .mm-cs-sec-tab-only[data-child-num] {
        max-height: 900px
    }

    .expand .mm-cs-sec-tab-only[data-child-num="1"] {
        max-height: 140px
    }

    .expand .mm-cs-sec-tab-only[data-child-num="2"] {
        max-height: 240px
    }

    .expand .mm-cs-sec-tab-only[data-child-num="3"] {
        max-height: 340px
    }

    .expand .mm-cs-sec-tab-only[data-child-num="4"] {
        max-height: 440px
    }

    .expand .mm-cs-sec-tab-only[data-child-num="5"] {
        max-height: 540px
    }

    .expand .mm-cs-sec-tab-only[data-child-num="6"] {
        max-height: 640px
    }

    .mm-cs-h5-sec-tab-ul {
        margin: 20px 0
    }

    .mm-cs-h5-sec-tab-ul.mm-cs-sec-tab-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mm-cs-h5-sec-tab-li {
        margin: 0 16px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mm-cs-h5-menu-li+.mm-cs-h5-menu-li {
        margin-top: 20px;
        padding-top: 20px
    }

    .mm-cs-h5-sec-tab-li+.mm-cs-h5-sec-tab-li.mm-cs-h5-menu-li {
        border-top: 1px solid #fff
    }

    .mm-cs-h5-third-tab-ul .mm-cs-h5-menu-li {
        margin-top: 20px
    }

    .mm-cs-h5-third-tab-title {
        font-size: 12px;
        color: #999
    }

    .mm-cs-sec-tab-tips.mm-cs-sec-tab-tips {
        color: #a4aab7;
        padding: 16px 0 0
    }

    .mm-cs-h5-userinfo {
        position: fixed;
        width: 100%;
        top: 58px !important;
        right: 0;
        background: rgba(0, 0, 0, 0);
        z-index: 1000;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .mm-cs-lang-5 .mm-cs-h5-userinfo {
        top: 58px !important
    }

    .mm-cs-userinfo-container {
        display: none;
        position: static;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0 16px 2px;
        font-size: 16px;
        border-radius: 0;
        background-color: #fff
    }

    .mm-cs-avatar-expand-container {
        display: none;
        border: .5px solid #eee;
        border-color: #eee;
        border-color: var(--cs-avatar-hover-border-color);
        margin-top: 9px;
        position: absolute;
        right: 57px
    }

    .mm-cs-visible.mm-cs-avatar-expand-container {
        display: inline-block !important
    }

    .mm-cs-userinfo-section {
        padding: 30px 0
    }

    .mm-cs-userinfo-base-avatar {
        min-width: 80px;
        width: 80px;
        height: 80px
    }

    .mm-cs-userinfo-name {
        font-size: 24px;
        line-height: 24px
    }

    .mm-cs-userinfo-id {
        font-size: 18px;
        line-height: 14px;
        margin-top: 10px
    }

    .mm-cs-userinfo-container .mm-cs-account {
        width: 100%;
        font-size: 18px;
        line-height: 34px
    }

    .mm-cs-active .mm-cs-broker-child-ul {
        margin: 10px -16px 0
    }

    .mm-cs-broker-child-li {
        padding-left: 34px
    }

    .mm-cs-broker-child-li.mm-cs-broker-child-li a {
        font-size: 16px
    }

    .mm-cs-broker-to-open {
        font-size: 18px;
        line-height: 18px;
        padding: 7px 12px
    }

    .mm-cs-broker-au-tip {
        font-size: 12px;
        margin-top: 30px
    }

    .mm-cs-userinfo-logout-content {
        font-size: 18px;
        line-height: 34px;
        color: #666;
        padding: 40px 0 26px
    }

    .slide-in.mm-cs-h5-menu {
        left: 0;
        display: block
    }

    .mm-cs-h5-menu {
        display: none;
        position: fixed;
        top: 0;
        left: 100%;
        bottom: 0;
        width: 100%;
        background: #fff;
        z-index: 1000;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #000;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-transition-property: left, visibility;
        transition-property: left, visibility;
        -webkit-transition-duration: .26s;
        transition-duration: .26s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .mm-cs-h5-menu a {
        color: #000
    }

    .mm-cs-h5-menu-header {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 60px;
        padding: 0 16px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #c6c6c6;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -moz-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .mm-cs-h5-menu-header .mm-cs-h5-menu-header-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .mm-cs-h5-menu-header .mm-cs-h5-menu-header-container>div {
        margin-left: 30px
    }

    .mm-cs-h5-menu-header .mm-cs-h5-menu-header-container>div:first-child {
        margin-left: 0px
    }

    .mm-cs-h5-lang,
    .mm-cs-h5-skin {
        color: #494949;
        font-size: 16px;
        line-height: 20px;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mm-cs-h5-lang .mm-cs-earth,
    .mm-cs-h5-skin .mm-cs-earth {
        padding-right: 5px
    }

    .mm-cs-h5-lang .mm-cs-skin-icon,
    .mm-cs-h5-skin .mm-cs-skin-icon {
        margin-top: 2px;
        padding-right: 3px;
        vertical-align: top
    }

    .mm-cs-h5-lang .mm-cs-skin-text,
    .mm-cs-h5-skin .mm-cs-skin-text {
        color: #494949;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px
    }

    .mm-cs-h5-lang-back {
        color: #494949;
        padding-left: 15px;
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
        position: relative
    }

    .mm-cs-h5-lang-arrow {
        margin-left: 11px;
        vertical-align: middle
    }

    .mm-cs-h5-lang-selections,
    .mm-cs-h5-skin-selections {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        color: #000;
        width: 100%;
        padding: 20px 0 0 16px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 1;
        background-color: #fff;
        font-size: 18px;
        line-height: 30px;
        position: absolute;
        top: 60px;
        left: 100%;
        height: -webkit-calc(100% - 60px - 99px);
        height: calc(100% - 60px - 99px);
        -webkit-transition-property: left, visibility;
        transition-property: left, visibility;
        -webkit-transition-duration: .26s;
        transition-duration: .26s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        visibility: hidden
    }

    .slide-in.mm-cs-h5-lang-selections,
    .slide-in.mm-cs-h5-skin-selections {
        left: 0;
        visibility: visible
    }

    .mm-cs-h5-lang-li {
        white-space: nowrap;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .mm-cs-h5-lang-li.active {
        color: #ff6900;
        width: 120px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mm-cs-h5-lang-li+.mm-cs-h5-lang-li {
        margin-top: 20px
    }

    .mm-cs-body-overflow-h {
        overflow: hidden
    }

    .mm-cs-h5-menu-li .mm-cs-h5-tab-a {
        font-size: 18px
    }

    .mm-cs-tab-h5-download {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -moz-box-flex: 0;
        -ms-flex: none;
        flex: none;
        height: 98px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid #c6c6c6
    }

    .mm-cs-tab-h5-download .mm-cs-tab-h5-download-btn {
        font-size: 16px;
        width: 200px;
        height: 38px;
        background: #ff6900;
        border: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff
    }

    .mm-cs-h5-menu-header-back-container {
        display: none;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mm-cs-header-backdrop-theme {
        height: 60px
    }
}

@media screen and (max-width: 768px) {
    .mm-cs-avatar-expand-container {
        -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, .1);
        box-shadow: 0px 4px 10px rgba(0, 0, 0, .1);
        margin: 9px 16px 0;
        left: 0;
        right: 0;
        text-align: left
    }

    .mm-cs-avatar-expand-btn {
        padding: 9px 8px
    }
}

.mm-cs-userinfo-pos {
    display: none;
    position: absolute;
    right: -80px;
    top: 100%;
    padding-top: 10px
}

.mm-cs-userinfo-pos-mti {
    right: -30px
}

.mm-cs-userinfo-container {
    min-width: 374px;
    padding: 0 16px;
    font-size: 12px;
    color: var(--cs-default-color);
    line-height: 18px;
    white-space: nowrap;
    -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, .1);
    background-color: var(--cs-window-background-color);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: auto;
    border-radius: 8px
}

.mm-cs-header-logged:hover .mm-cs-userinfo-pos {
    display: block
}

.mm-cs-userinfo-section {
    position: relative;
    padding: 18px 6px 20px 0
}

.mm-cs-userinfo-section+.mm-cs-userinfo-section {
    border-top: 1px solid var(--cs-window-split-line-color)
}

.mm-cs-userinfo-base-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 0 17px
}

.mm-cs-userinfo-base-avatar {
    width: 60px;
    height: 60px
}

.mm-cs-userinfo-broker-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0
}

.mm-cs-broker-child {
    margin-left: 32px
}

.mm-cs-broker-child-ul {
    display: none
}

.mm-cs-active .mm-cs-broker-child-ul {
    display: block;
    margin: 10px -21px 0 -15px
}

.mm-cs-broker-child-li {
    padding-left: 15px;
    margin-top: 20px
}

.mm-cs-broker-child-li.mm-cs-broker-child-li a {
    color: #000
}

.mm-cs-broker-child-li a:hover {
    color: #ff6900
}

.mm-cs-userinfo-name {
    font-size: 18px;
    line-height: 21px;
    font-size: 24px;
    line-height: 34px;
    color: var(--cs-default-color)
}

.mm-cs-userinfo-id {
    font-size: 14px;
    line-height: 19px;
    color: var(--cs-h5Header-sub-color)
}

.mm-cs-userinfo-container .mm-cs-account {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: currentColor;
    font-size: 18px;
    line-height: 24px
}

.mm-cs-account-opened {
    cursor: pointer;
    position: relative
}

.mm-cs-account-opened .mm-cs-arrow {
    margin-right: 8px
}

.mm-cs-client-portal::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #656565;
    border-left: 2px solid #656565;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-right: 30px
}

.mm-cs-active.mm-cs-broker-item {
    color: #ff6900
}

.mm-cs-active.mm-cs-broker-item path {
    stroke: #ff6900
}

.mm-cs-broker-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mm-cs-broker-item+.mm-cs-broker-item {
    margin-top: 20px
}

.mm-cs-broker-to-open {
    padding: 9px 20px;
    border: 1px solid var(--cs-open-account-btn-color);
    border-radius: 30px;
    color: var(--cs-open-account-btn-color);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 20px
}

.mm-cs-userinfo-logout-content {
    padding: 20px 0 18px
}

.mm-cs-userinfo-logout {
    font-size: 18px;
    line-height: 24px;
    color: var(--cs-h5Header-sub-color);
    cursor: pointer
}

.mm-cs-broker-au-tip {
    width: 100%;
    color: #999;
    font-size: 10px;
    white-space: initial;
    line-height: 120%;
    margin-top: 20px
}

.mm-cs-broker {
    margin-right: 5px;
    color: var(--cs-default-color)
}

.mm-cs-header-margin-v2.mm-cs-header-margin {
    height: 88.1px
}

.mm-cs-header-backdrop-v2.mm-cs-header-backdrop-theme {
    height: 88.1px
}

.mm-cs-open-account-btn,
.mm-cs-open-account-btn-tw {
    position: relative
}

.mm-cs-loading-icon {
    vertical-align: top;
    margin-right: 3px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-top-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.mm-cs-header[data-theme=white] .mm-cs-header-skin-sun-icon {
    display: none
}

.mm-cs-header[data-theme=white] .mm-cs-header-skin-dark-icon {
    display: none
}

.mm-cs-header[data-theme=white] .mm-cs-h5-skin-selections .mm-cs-h5-skin-li-white {
    color: #ff6900
}

.mm-cs-header[data-theme=white] .mm-cs-h5-skin .mm-cs-header-skin-moon-icon {
    display: none
}

.mm-cs-header[data-theme=white] .mm-cs-h5-skin .mm-cs-header-skin-sun-icon {
    display: block
}

.mm-cs-header[data-theme=dark] .mm-cs-header-skin-moon-icon {
    display: none
}

.mm-cs-header[data-theme=dark] .mm-cs-header-skin-white-icon {
    display: none
}

.mm-cs-header[data-theme=dark] .mm-cs-h5-skin-selections .mm-cs-h5-skin-li-dark {
    color: #ff6900
}

.mm-cs-header[data-theme=dark] .mm-cs-h5-skin .mm-cs-header-skin-moon-icon {
    display: block
}

.mm-cs-header[data-theme=dark] .mm-cs-h5-skin .mm-cs-header-skin-sun-icon {
    display: none
}

.mm-cs-search-container[data-theme=white] .mm-cs-search-cancel-sun-icon {
    display: block
}

.mm-cs-search-container[data-theme=white] .mm-cs-search-cancel-moon-icon {
    display: none
}

.mm-cs-search-container[data-theme=dark] .mm-cs-search-cancel-sun-icon {
    display: none
}

.mm-cs-search-container[data-theme=dark] .mm-cs-search-cancel-moon-icon {
    display: block
}

.mm-cs-h5-skin-selections .mm-cs-h5-skin-li {
    margin-bottom: 20px
}

.mm-cs-h5-skin-selections .mm-cs-h5-skin-btn {
    margin-right: 40px
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.mm-cs-header-v2.mm-cs-header {
    height: 88.1px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-nav {
    display: block;
    padding: 7px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mm-cs-header-v2.mm-cs-header .mm-cs-logo {
    min-width: 110px;
    height: 21px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-logo .mm-cs-logo-copyright {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    left: 36px;
    top: 20px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 37.05px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-header-menu {
    margin-left: 36px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-menu-item {
    font-size: 15px;
    margin-right: 30px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-menu-item .mm-cs-first-tab {
    padding: 8px 0;
    cursor: pointer
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-menu-item:hover .mm-cs-first-tab {
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
    color: #ff6900;
    color: var(--cs-active-link-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-header-right {
    margin-top: -6px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-header-right>div:last-child {
    margin-right: 0
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border {
    width: 250px;
    border: 1px solid currentColor;
    border-radius: 4px;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    cursor: text;
    margin: 0px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border .mm-cs-mti-search-input {
    height: 28px;
    line-height: 28px;
    margin: 0 8px;
    background-color: rgba(0, 0, 0, 0);
    color: #000;
    color: var(--cs-default-color);
    border: 0;
    font-size: 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    outline: none;
    cursor: inherit
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border .mm-cs-mti-search-input::-webkit-input-placeholder {
    color: #000;
    color: var(--cs-default-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border .mm-cs-mti-search-input::-moz-placeholder {
    color: #000;
    color: var(--cs-default-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border .mm-cs-mti-search-input:-ms-input-placeholder {
    color: #000;
    color: var(--cs-default-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border .mm-cs-mti-search-input::-ms-input-placeholder {
    color: #000;
    color: var(--cs-default-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border .mm-cs-mti-search-input::placeholder {
    color: #000;
    color: var(--cs-default-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border:hover {
    background-color: #eaeef4;
    background-color: var(--cs-sign-btn-active-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-header-logged {
    margin-left: 10px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-sec-tab-pos {
    padding-top: 0px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-right>div {
    margin-right: 20px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-right>div:last-child {
    margin-right: 0
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-download-icon {
    width: auto;
    height: auto;
    color: #666;
    color: var(--cs-icon-earth-color);
    margin-left: 0px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-download-icon:hover {
    color: #ff6900;
    color: var(--cs-active-link-color);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-search-icon {
    width: auto;
    height: auto;
    margin-right: 20px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-search-icon svg {
    height: 21px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-search-icon span {
    color: #666;
    color: var(--cs-icon-earth-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-search-icon:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #ff6900;
    color: var(--cs-active-link-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-search-icon:hover span {
    color: #ff6900;
    color: var(--cs-active-link-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-about {
    color: #666;
    color: var(--cs-icon-earth-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-about:hover {
    color: #ff6900;
    color: var(--cs-active-link-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-blog,
.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-newsroom {
    color: #666;
    color: var(--cs-icon-earth-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-blog:hover,
.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-newsroom:hover {
    color: #ff6900;
    color: var(--cs-active-link-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-download .mm-cs-header-download-window-pos {
    top: 75%;
    right: -50%
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-download:hover .mm-cs-header-download-window-pos {
    z-index: 5
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-lang .mm-cs-header-lang-select-icon {
    color: #666;
    color: var(--cs-icon-earth-color);
    cursor: pointer
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-lang .mm-cs-header-lang-select-icon:hover {
    color: #ff6900;
    color: var(--cs-active-link-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-lang .mm-cs-icon-earth {
    position: relative;
    width: 16px;
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-lang .mm-cs-icon-earth:hover .mm-cs-js-lang-selections-pos {
    display: block
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-lang .mm-cs-js-lang-selections-pos {
    min-width: 110px;
    padding-top: 10px;
    display: none;
    position: absolute;
    top: 80%;
    right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-lang .mm-cs-js-lang-selections {
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, .14);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, .14);
    padding: 6px;
    border-radius: 10px;
    background-color: #fff;
    background-color: var(--cs-window-background-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-lang .mm-cs-js-lang-selections .mm-cs-lang-select-li {
    padding: 4px 14px;
    border-radius: 4px;
    color: #63687b;
    color: var(--cs-icon-select-lang-color);
    cursor: pointer
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-lang .mm-cs-js-lang-selections .mm-cs-lang-select-li:hover,
.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-lang .mm-cs-js-lang-selections .mm-cs-lang-select-li.mm-cs-lang-select-active-li {
    color: #26272b;
    color: var(--cs-icon-select-lang-active-color);
    background-color: #eaeef4;
    background-color: var(--cs-header-child-tab-hover-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-skin-icon {
    margin-left: 0;
    width: auto;
    height: auto;
    color: #666;
    color: var(--cs-icon-earth-color);
    cursor: pointer
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-first-layer .mm-cs-header-skin-icon:hover {
    color: #ff6900;
    color: var(--cs-active-link-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-header-search-icon.mm-cs-h5 {
    display: none
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-log-in-btn {
    display: inline-block;
    min-width: 120px;
    height: 30px;
    color: inherit;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 4px;
    padding: 6px 14px;
    font-size: 15px;
    line-height: 16px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid currentColor
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-log-in-btn:hover {
    background-color: #eaeef4;
    background-color: var(--cs-sign-btn-active-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-log-in-btn.highlight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 7px 14px 6px;
    color: #fff;
    border: 0px solid currentColor;
    background-color: #ff6900;
    background-color: var(--cs-deposit-btn-default-color);
    margin-right: 0px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-log-in-btn.highlight:hover {
    background-color: #ff8329;
    background-color: var(--cs-deposit-btn-active-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-log-in-btn.mm-cs-log-in-btn-default {
    color: #fff;
    border: 0px solid currentColor;
    background-color: #ff6900;
    background-color: var(--cs-deposit-btn-default-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-log-in-btn.mm-cs-log-in-btn-default:hover {
    background-color: #ff8329;
    background-color: var(--cs-deposit-btn-active-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-guide-box {
    margin-left: 10px;
    position: relative
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-guide-box .mm-cs-deposit-hover,
.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-guide-box .mm-cs-open-account-hover {
    position: absolute;
    right: 0;
    top: 125%;
    width: 328px;
    font-weight: 400;
    font-size: 12px;
    display: none;
    background-color: #eaeef4;
    background-color: var(--cs-hover-bg-color);
    color: #63687b;
    border-radius: 8px;
    padding: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-guide-box:hover .mm-cs-deposit-hover,
.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-guide-box:hover .mm-cs-open-account-hover {
    display: block
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-open-account-btn,
.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-open-account-btn-tw,
.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-deposit-btn,
.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-loading-btn {
    min-width: 120px;
    display: inline-block;
    height: 30px;
    color: #fff;
    border-radius: 4px;
    padding: 7px 14px;
    font-size: 15px;
    line-height: 16px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 0px solid currentColor;
    background-color: #ff6900;
    background-color: var(--cs-deposit-btn-default-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-open-account-btn.mm-cs-h5,
.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-open-account-btn-tw.mm-cs-h5,
.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-deposit-btn.mm-cs-h5,
.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-loading-btn.mm-cs-h5 {
    min-width: unset;
    display: none
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-open-account-btn:hover,
.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-open-account-btn-tw:hover,
.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-deposit-btn:hover,
.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-loading-btn:hover {
    background-color: #ff8329;
    background-color: var(--cs-deposit-btn-active-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-loading-btn {
    background-color: #ff8329;
    background-color: var(--cs-deposit-btn-active-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-header-download.mm-cs-header-download-type-default {
    display: inline-block;
    min-width: 120px;
    height: 30px;
    color: inherit;
    border-radius: 4px;
    font-size: 15px;
    line-height: 16px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid currentColor;
    margin-left: 10px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-header-download.mm-cs-header-download-type-default:hover {
    background-color: #eaeef4;
    background-color: var(--cs-header-tab-hover-color)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-header-download.mm-cs-header-download-type-default .mm-cs-header-icon {
    padding: 7px 20px;
    width: auto;
    height: auto;
    border-radius: unset;
    margin: 0;
    border-radius: 4px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-header-download.mm-cs-header-download-type-default .mm-cs-header-icon:hover {
    background-color: unset;
    background-color: unset
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-header-download.mm-cs-header-download-type-default .mm-cs-header-download-window-pos {
    left: 50%;
    right: unset;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mm-cs-header-v2.mm-cs-header .mm-cs-header-avatar {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.mm-cs-header-v2.mm-cs-header .mm-cs-first-tab-a-insights {
    font-weight: bold
}

.mm-cs-header-v2.mm-cs-header .mm-cs-pc .mm-cs-sec-tab-li-des {
    font-size: 14px
}

.mm-cs-guide-dialog {
    display: none;
    background: rgba(0, 0, 0, .7);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999
}

.mm-cs-guide-dialog .mm-cs-guide-dialog-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 700px;
    padding: 34px 24px;
    background: #e4e4e4;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mm-cs-guide-dialog .mm-cs-guide-dialog-content .mm-cs-deposit-text,
.mm-cs-guide-dialog .mm-cs-guide-dialog-content .mm-cs-open-account-text {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%
}

.mm-cs-guide-dialog .mm-cs-guide-dialog-content .mm-cs-deposit-btn,
.mm-cs-guide-dialog .mm-cs-guide-dialog-content .mm-cs-open-account-btn,
.mm-cs-guide-dialog .mm-cs-guide-dialog-content .mm-cs-open-account-btn-tw {
    display: block;
    width: 128px;
    margin: 30px auto 0px;
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 0px solid currentColor;
    background-color: #ff6900;
    background-color: var(--cs-deposit-btn-default-color)
}

.mm-cs-guide-dialog .mm-cs-guide-dialog-content .mm-cs-deposit-btn:hover,
.mm-cs-guide-dialog .mm-cs-guide-dialog-content .mm-cs-open-account-btn:hover,
.mm-cs-guide-dialog .mm-cs-guide-dialog-content .mm-cs-open-account-btn-tw:hover {
    background-color: #ff8329;
    background-color: var(--cs-deposit-btn-active-color)
}

@media screen and (max-width: 1440px) {
    .mm-cs-header-v2.mm-cs-header .mm-cs-header-nav .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border {
        width: 180px
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-header-nav .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border input {
        width: 110px
    }
}

@media screen and (max-width: 1240px) {
    .mm-cs-header-margin-v2.mm-cs-header-margin {
        height: 60px
    }

    .mm-cs-header-backdrop-v2.mm-cs-header-backdrop-theme {
        height: 60px
    }

    .mm-cs-header-v2.mm-cs-header {
        height: 60px
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-header-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-logo {
        min-width: 110px;
        height: 21px;
        margin-left: 16px;
        margin-top: -10px
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-logo .mm-cs-logo-copyright {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        left: 36px;
        top: 20px
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-header-btn {
        display: inline-block;
        height: 30px;
        color: #fff;
        border-radius: 4px;
        padding: 7px 14px;
        font-size: 15px;
        line-height: 16px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        border: 0px solid currentColor;
        background-color: #ff6900;
        background-color: var(--cs-deposit-btn-default-color);
        margin-right: 16px
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-header-btn:hover {
        background-color: #ff8329;
        background-color: var(--cs-deposit-btn-active-color)
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-tab-h5 {
        padding-top: 24px
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-tab-h5-user {
        margin: 9px 16px;
        background: #f4f7f9;
        border-radius: 8px;
        height: 72px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding: 15px 12px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-tab-h5-user .mm-cs-header-user-avatar {
        width: 40px;
        height: 40px
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-tab-h5-user .mm-cs-tab-h5-user-left .mm-cs-tab-h5-user-btn {
        color: #262626;
        margin-left: 12px;
        cursor: pointer
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-tab-h5-user .mm-cs-tab-h5-user-left .mm-cs-tab-h5-user-btn:hover {
        color: #ff6900
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-tab-h5-user .mm-cs-tab-h5-user-right .mm-cs-logout {
        text-align: right;
        color: #7a7a7a;
        cursor: pointer
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-tab-h5-download .mm-cs-tab-h5-download-btn {
        font-size: 18px;
        width: 220px;
        height: 48px;
        background: #ff6900;
        border: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        border-radius: 8px
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-guide-box {
        margin-right: 16px
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-open-account-btn.mm-cs-h5,
    .mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-open-account-btn-tw.mm-cs-h5,
    .mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-deposit-btn.mm-cs-h5 {
        display: inline-block
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-header-layer.mm-cs-header-second-layer .mm-cs-header-search-icon.mm-cs-h5 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .mm-cs-header-v2.mm-cs-header .mm-cs-header-layer .mm-cs-header-menu {
        margin-left: 10px
    }
}

.mm-cs-header-margin-v2.mm-cs-header-margin {
    height: 88.1px
}

.mm-cs-header-backdrop-v2.mm-cs-header-backdrop-theme {
    height: 88.1px
}

.mm-cs-open-account-btn,
.mm-cs-open-account-btn-tw {
    position: relative
}

.mm-cs-loading-icon {
    vertical-align: middle;
    margin-right: 3px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-top-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.mm-cs-header[data-theme=white] .mm-cs-header-skin-sun-icon {
    display: none
}

.mm-cs-header[data-theme=white] .mm-cs-header-skin-dark-icon {
    display: none
}

.mm-cs-header[data-theme=white] .mm-cs-h5-skin-selections .mm-cs-h5-skin-li-white {
    color: #ff6900
}

.mm-cs-header[data-theme=white] .mm-cs-h5-skin .mm-cs-header-skin-moon-icon {
    display: none
}

.mm-cs-header[data-theme=white] .mm-cs-h5-skin .mm-cs-header-skin-sun-icon {
    display: block
}

.mm-cs-header[data-theme=dark] .mm-cs-header-skin-moon-icon {
    display: none
}

.mm-cs-header[data-theme=dark] .mm-cs-header-skin-white-icon {
    display: none
}

.mm-cs-header[data-theme=dark] .mm-cs-h5-skin-selections .mm-cs-h5-skin-li-dark {
    color: #ff6900
}

.mm-cs-header[data-theme=dark] .mm-cs-h5-skin .mm-cs-header-skin-moon-icon {
    display: block
}

.mm-cs-header[data-theme=dark] .mm-cs-h5-skin .mm-cs-header-skin-sun-icon {
    display: none
}

.mm-cs-search-container[data-theme=white] .mm-cs-search-cancel-sun-icon {
    display: block
}

.mm-cs-search-container[data-theme=white] .mm-cs-search-cancel-moon-icon {
    display: none
}

.mm-cs-search-container[data-theme=dark] .mm-cs-search-cancel-sun-icon {
    display: none
}

.mm-cs-search-container[data-theme=dark] .mm-cs-search-cancel-moon-icon {
    display: block
}

.mm-cs-h5-skin-selections .mm-cs-h5-skin-li {
    margin-bottom: 20px
}

.mm-cs-h5-skin-selections .mm-cs-h5-skin-btn {
    margin-right: 40px
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.mm-cs-header-v3.mm-cs-header {
    height: 88.1px
}

.mm-cs-header-v3.mm-cs-header:hover {
    background-color: #fff;
    background-color: var(--cs-header-sub-tab-bg-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-tab-pc.mm-cs-tab-pc-has-more .mm-cs-menu-item-more {
    display: none
}

.mm-cs-header-v3.mm-cs-header .mm-cs-tab-pc.mm-cs-tab-pc-has-more .mm-cs-menu-item-more .mm-cs-first-tab:after {
    display: inline-block;
    content: "";
    position: relative;
    top: 4px;
    width: 0;
    height: 0;
    border: 5px solid rgba(0, 0, 0, 0);
    border-top-color: #1d1d1d;
    border-top-color: var(--cs-icon-common-color);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    margin-left: 4px;
    color: #1d1d1d
}

.mm-cs-header-v3.mm-cs-header .mm-cs-tab-pc.mm-cs-tab-pc-has-more .mm-cs-menu-item-more:hover .mm-cs-first-tab:after {
    border-top-color: #ff6900;
    border-top-color: var(--cs-active-link-color);
    -webkit-transform: rotate(180deg) translateY(4px);
    -ms-transform: rotate(180deg) translateY(4px);
    transform: rotate(180deg) translateY(4px)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-nav {
    display: block;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mm-cs-header-v3.mm-cs-header .mm-cs-logo {
    min-width: 110px;
    height: 21px;
    margin-right: 24px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-logo .mm-cs-logo-copyright {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    left: 36px;
    top: 20px
}

.mm-cs-header-v3.mm-cs-header.mm-cs-site-jp .mm-cs-logo {
    min-width: 140px;
    height: 21px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 88.1px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-menu {
    margin-left: 0px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-menu-item {
    font-size: 16px;
    padding: 0px 24px;
    margin-right: 0px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-menu-item .mm-cs-first-tab {
    padding: 33px 0;
    cursor: pointer
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-menu-item:hover .mm-cs-first-tab {
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
    color: #ff6900;
    color: var(--cs-active-link-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-right>div:last-child {
    margin-right: 0
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border {
    width: 250px;
    border: 1px solid currentColor;
    border-radius: 4px;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    cursor: text;
    margin: 0px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border .mm-cs-mti-search-input {
    height: 28px;
    line-height: 28px;
    margin: 0 8px;
    background-color: rgba(0, 0, 0, 0);
    color: #000;
    color: var(--cs-default-color);
    border: 0;
    font-size: 16px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    outline: none;
    cursor: inherit
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border .mm-cs-mti-search-input::-webkit-input-placeholder {
    color: #000;
    color: var(--cs-default-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border .mm-cs-mti-search-input::-moz-placeholder {
    color: #000;
    color: var(--cs-default-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border .mm-cs-mti-search-input:-ms-input-placeholder {
    color: #000;
    color: var(--cs-default-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border .mm-cs-mti-search-input::-ms-input-placeholder {
    color: #000;
    color: var(--cs-default-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border .mm-cs-mti-search-input::placeholder {
    color: #000;
    color: var(--cs-default-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-mti-search-input-border:hover {
    background-color: #eaeef4;
    background-color: var(--cs-sign-btn-active-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-right .mm-cs-header-logged {
    margin-left: 0px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-download-icon {
    width: auto;
    height: auto;
    color: currentColor;
    margin-left: 0px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-download-icon:hover {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-search-icon {
    width: auto;
    height: auto;
    margin-right: 20px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-search-icon svg {
    height: 16px;
    width: 16px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-search-icon span {
    color: #1d1d1d;
    color: var(--cs-icon-common-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-search-icon:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #ff6900;
    color: var(--cs-active-link-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-search-icon:hover span {
    color: #ff6900;
    color: var(--cs-active-link-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-download .mm-cs-header-download-window-pos {
    top: 75%;
    right: -50%
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-download:hover .mm-cs-header-download-window-pos {
    z-index: 5
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-lang {
    margin-right: 20px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-lang .mm-cs-header-lang-select-icon {
    color: #1d1d1d;
    color: var(--cs-icon-common-color);
    cursor: pointer
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-lang .mm-cs-header-lang-select-icon:hover {
    color: #ff6900;
    color: var(--cs-active-link-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-lang .mm-cs-icon-earth {
    position: relative;
    width: 16px;
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-lang .mm-cs-icon-earth:hover .mm-cs-js-lang-selections-pos {
    display: block
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-lang .mm-cs-js-lang-selections-pos {
    min-width: 110px;
    padding-top: 10px;
    display: none;
    position: absolute;
    top: 80%;
    right: -50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-lang .mm-cs-js-lang-selections {
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, .14);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, .14);
    padding: 6px;
    border-radius: 10px;
    background-color: #fff;
    background-color: var(--cs-window-background-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-lang .mm-cs-js-lang-selections .mm-cs-lang-select-li {
    padding: 4px 14px;
    border-radius: 4px;
    color: #666;
    color: var(--cs-icon-earth-color);
    cursor: pointer
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-lang .mm-cs-js-lang-selections .mm-cs-lang-select-li:hover,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-lang .mm-cs-js-lang-selections .mm-cs-lang-select-li.mm-cs-lang-select-active-li {
    color: #1d1d1d;
    color: var(--cs-icon-common-color);
    background-color: #eaeef4;
    background-color: var(--cs-header-child-tab-hover-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-skin-icon {
    margin-left: 0;
    width: auto;
    height: auto;
    margin-right: 20px;
    color: #1d1d1d;
    color: var(--cs-icon-common-color);
    cursor: pointer
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-skin-icon:hover {
    color: #ff6900;
    color: var(--cs-active-link-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-search-icon {
    color: #1d1d1d;
    color: var(--cs-icon-common-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-search-icon:hover {
    color: #ff6900;
    color: var(--cs-active-link-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-search-icon.mm-cs-h5 {
    display: none
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-log-in-btn {
    display: inline-block;
    min-width: 120px;
    height: 38px;
    line-height: 38px;
    color: inherit;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 60px;
    padding: 0px 20px;
    font-size: 16px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid currentColor
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-log-in-btn:hover {
    background-color: #eaeef4;
    background-color: var(--cs-sign-btn-active-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-log-in-btn.highlight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 7px 14px 6px;
    color: #fff;
    border: 0px solid currentColor;
    background-color: #ff6900;
    background-color: var(--cs-deposit-btn-default-color);
    margin-right: 0px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-log-in-btn.highlight:hover {
    background-color: #ff8329;
    background-color: var(--cs-deposit-btn-active-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-log-in-btn.mm-cs-log-in-btn-default {
    color: #fff;
    border: 0px solid currentColor;
    background-color: #ff6900;
    background-color: var(--cs-deposit-btn-default-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-log-in-btn.mm-cs-log-in-btn-default:hover {
    background-color: #ff8329;
    background-color: var(--cs-deposit-btn-active-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-guide-box {
    margin-left: 10px;
    margin-right: 16px;
    position: relative
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-guide-box .mm-cs-deposit-hover,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-guide-box .mm-cs-open-account-hover {
    position: absolute;
    right: 0;
    top: 125%;
    width: 328px;
    font-weight: 400;
    font-size: 12px;
    display: none;
    background-color: #eaeef4;
    background-color: var(--cs-hover-bg-color);
    color: #63687b;
    border-radius: 8px;
    padding: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-guide-box:hover .mm-cs-deposit-hover,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-guide-box:hover .mm-cs-open-account-hover {
    display: block
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-open-account-btn,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-open-account-btn-tw,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-deposit-btn,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-loading-btn {
    min-width: 120px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    color: #fff;
    border-radius: 60px;
    padding: 0px 14px;
    font-size: 16px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 0px solid currentColor;
    background-color: #ff6900;
    background-color: var(--cs-deposit-btn-default-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-open-account-btn.mm-cs-h5,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-open-account-btn-tw.mm-cs-h5,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-deposit-btn.mm-cs-h5,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-loading-btn.mm-cs-h5 {
    min-width: unset;
    display: none
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-open-account-btn:hover,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-open-account-btn-tw:hover,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-deposit-btn:hover,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-loading-btn:hover {
    background-color: #ff8329;
    background-color: var(--cs-deposit-btn-active-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-loading-btn {
    background-color: #ff8329;
    background-color: var(--cs-deposit-btn-active-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-download.mm-cs-header-download-type-default {
    display: inline-block;
    min-width: 120px;
    height: 38px;
    line-height: 38px;
    color: inherit;
    border-radius: 60px;
    font-size: 16px;
    padding: 0px 20px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid currentColor
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-download.mm-cs-header-download-type-default:hover {
    background-color: #eaeef4;
    background-color: var(--cs-header-tab-hover-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-download.mm-cs-header-download-type-default .mm-cs-header-icon {
    width: auto;
    height: auto;
    border-radius: unset;
    margin: 0;
    border-radius: 4px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-download.mm-cs-header-download-type-default .mm-cs-header-icon:hover {
    background-color: unset;
    background-color: unset
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-download.mm-cs-header-download-type-default .mm-cs-header-download-window-pos {
    left: 50%;
    right: unset;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-avatar {
    width: 30px;
    height: 30px;
    margin-right: 16px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-first-tab-a-insights {
    font-weight: bold
}

.mm-cs-header-v3.mm-cs-header .mm-cs-pc .mm-cs-sec-tab-li-des {
    font-size: 14px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item:hover .mm-cs-sec-tab-pos-mask-container,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item:hover .mm-cs-sec-tab-pos {
    visibility: visible;
    height: auto;
    overflow: visible;
    opacity: 1
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-mask-container {
    padding-top: 0px;
    position: fixed;
    top: 88.1px;
    right: 0;
    left: 0;
    bottom: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    pointer-events: none;
    background-color: rgba(0, 0, 0, .5)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-mask-container .mm-cs-sec-tab-pos-mask {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-height: 250px;
    background-color: #fff;
    background-color: var(--cs-header-sub-tab-bg-color);
    padding: 0px 224px 50px;
    pointer-events: all;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos {
    visibility: hidden;
    display: block;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos .mm-cs-sec-tab-container {
    background-color: #fff;
    background-color: var(--cs-header-sub-tab-bg-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen {
    padding-top: 0px;
    position: fixed;
    top: 88.1px;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    pointer-events: none
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen .mm-cs-sec-tab-container {
    min-width: auto;
    min-height: 250px;
    background-color: #fff;
    background-color: var(--cs-header-sub-tab-bg-color);
    pointer-events: all;
    padding: 0px 50px 50px 224px;
    max-height: -webkit-calc(92vh - 88.1px);
    max-height: calc(92vh - 88.1px);
    overflow: hidden;
    overflow-y: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen .mm-cs-sec-tab-container .mm-cs-sec-tab {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen .mm-cs-tab-li-container {
    width: 170px;
    word-break: keep-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    -webkit-box-align: start
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen .mm-cs-tab-li-container .mm-cs-third-full-tab-a {
    display: block;
    width: 100%
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen .mm-cs-third-tab-container {
    position: relative
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen .mm-cs-sec-tab-li {
    min-width: 150px;
    width: auto;
    margin-right: 50px;
    margin-bottom: 30px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen .mm-cs-sec-tab-li .mm-cs-sec-tab-li-container {
    margin: 20px 0px;
    color: #999;
    color: var(--cs-header-sub-tab-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen .mm-cs-sec-tab-li .mm-cs-tab-without-link:hover {
    color: #999;
    color: var(--cs-header-sub-tab-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen .mm-cs-sec-tab-li .mm-cs-sec-tab-li-title {
    font-size: 14px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen .mm-cs-third-full-tab-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 14px;
    border-top: .5px solid #d0d0d0;
    border-top: .5px solid var(--cs-header-sub-tab-line-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen .mm-cs-sec-tab-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen-left .mm-cs-sec-tab-li {
    min-width: auto;
    width: auto;
    margin: 30px 50px 0 0
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen-left .mm-cs-sec-tab-li .mm-cs-sec-tab-li-container {
    margin: 0;
    color: currentColor
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen-left .mm-cs-sec-tab-li:first-child {
    margin-top: 18px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen-left .mm-cs-sec-tab-li .mm-cs-tab-without-link:hover {
    color: currentColor
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen-left .mm-cs-sec-tab-li .mm-cs-sec-tab-li-title {
    font-size: 16px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen-left .mm-cs-sec-tab-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-with-bg,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-full-screen {
    padding-top: 0px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-with-bg .mm-cs-sec-tab-container,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-full-screen .mm-cs-sec-tab-container {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-with-bg .mm-cs-sec-tab-container .mm-cs-sec-tab,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-full-screen .mm-cs-sec-tab-container .mm-cs-sec-tab {
    padding: 0px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-with-bg .mm-cs-sec-tab-container .mm-cs-tab-li-container,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-full-screen .mm-cs-sec-tab-container .mm-cs-tab-li-container {
    margin: 14px 0px 28px;
    padding: 0
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-with-bg .mm-cs-sec-tab-container .mm-cs-tab-li-container:hover,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-full-screen .mm-cs-sec-tab-container .mm-cs-tab-li-container:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #ff6900;
    color: var(--cs-active-link-color)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-with-bg {
    padding-top: 4px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-with-bg .mm-cs-sec-tab-container {
    background-color: rgba(0, 0, 0, 0)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-with-bg .mm-cs-sec-tab-container .mm-cs-tab-li-container {
    margin: 14px 0px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-with-bg.mm-cs-sec-tab-pos-without-third-child .mm-cs-sec-tab-container,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-with-bg.mm-cs-sec-tab-pos-without-third-child .mm-cs-sec-tab-li,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-with-bg.mm-cs-sec-tab-pos-without-third-child .mm-cs-tab-li-container {
    min-width: 130px;
    width: auto
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-with-bg.mm-cs-sec-tab-pos-without-third-child .mm-cs-tab-li-container {
    white-space: nowrap
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-without-bg {
    padding-top: 1.5px;
    left: -300px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-without-bg:not(.mm-cs-sec-tab-pos-without-third-child) .mm-cs-tab-li-container {
    padding: 26px 18px 26px 20px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-without-bg:not(.mm-cs-sec-tab-pos-without-third-child) .mm-cs-thrid-tab-li {
    padding: 0
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-without-bg:not(.mm-cs-sec-tab-pos-without-third-child) .mm-cs-third-tab-container {
    padding: 10px 0
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-without-bg.mm-cs-sec-tab-pos-without-third-child {
    left: -37px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-without-bg.mm-cs-sec-tab-pos-without-third-child .mm-cs-sec-tab-container,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-without-bg.mm-cs-sec-tab-pos-without-third-child .mm-cs-sec-tab-li,
.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-without-bg.mm-cs-sec-tab-pos-without-third-child .mm-cs-tab-li-container {
    min-width: 130px;
    width: auto
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-without-bg.mm-cs-sec-tab-pos-without-third-child .mm-cs-tab-li-container {
    padding: 14px 27px 14px 37px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos-without-bg.mm-cs-sec-tab-pos-without-third-child .mm-cs-tab-li-container {
    white-space: nowrap
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-ad-container {
    display: block;
    max-width: 340px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-ad-container .mm-cs-ad-container-banner {
    position: relative
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-ad-container .mm-cs-ad-container-banner img {
    border-radius: 10px;
    vertical-align: bottom
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-ad-container .mm-cs-ad-container-banner .mm-cs-ad-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    font-size: 16px;
    color: #0f1112;
    color: var(--cs-act-banner-text-color);
    text-align: center;
    padding: 13px 15px;
    background-color: rgba(243, 243, 243, .5);
    background-color: var(--cs-act-banner-bg-color);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-ad-container .mm-cs-ad-container-banner-placeholder {
    height: 25px;
    width: 100%
}

.mm-cs-header-v3.mm-cs-header .mm-cs-sec-tab-li-icon {
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    vertical-align: middle
}

.mm-cs-header-v3.mm-cs-header .mm-cs-sec-tab-li-icon.cs-tab-icon-new {
    width: 35px;
    background-image: url(/static/img/image_639.svg)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-sec-tab-li-icon.cs-tab-icon-hot {
    width: 30px;
    background-image: url(/static/img/image_640.svg)
}

.mm-cs-header-v3.mm-cs-header .mm-cs-sec-tab-li,
.mm-cs-header-v3.mm-cs-header .mm-cs-thrid-tab-li {
    position: relative
}

.mm-cs-header-v3.mm-cs-header .mm-cs-sec-tab-li .mm-cs-tab-li-jump-tip,
.mm-cs-header-v3.mm-cs-header .mm-cs-thrid-tab-li .mm-cs-tab-li-jump-tip {
    display: none;
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: 1;
    -webkit-transform: translate(0px, 100%);
    -ms-transform: translate(0px, 100%);
    transform: translate(0px, 100%);
    background-color: #f3f3f5;
    background-color: var(--cs-header-jump-text-bg-color);
    padding: 10px;
    border-radius: 4px;
    font-size: 15px;
    line-height: 1.25;
    color: #999;
    color: var(--cs-header-sub-tab-color);
    white-space: nowrap;
    pointer-events: none
}

.mm-cs-header-v3.mm-cs-header .mm-cs-sec-tab-pos-without-bg .mm-cs-sec-tab-li .mm-cs-tab-li-jump-tip,
.mm-cs-header-v3.mm-cs-header .mm-cs-sec-tab-pos-without-bg .mm-cs-thrid-tab-li .mm-cs-tab-li-jump-tip {
    bottom: -10px
}

.mm-cs-header-v3.mm-cs-header .mm-cs-sec-tab-li:hover .mm-cs-sec-tab-li-jump-tip {
    display: block
}

.mm-cs-header-v3.mm-cs-header .mm-cs-thrid-tab-li:hover .mm-cs-third-tab-li-jump-tip {
    display: block
}

.mm-cs-header-v3.mm-cs-header .mm-cs-sec-tab-li.mm-cs-sec-tab-has-child {
    position: static
}

.mm-cs-header-v3.mm-cs-header .mm-cs-sec-tab-li.mm-cs-sec-tab-has-child:hover .mm-cs-sec-tab-li-jump-tip {
    display: none
}

.mm-cs-header-v3.mm-cs-header .mm-cs-h5-menu-li .mm-cs-tab-li-jump-tip {
    color: #999;
    font-size: 12px;
    white-space: nowrap;
    pointer-events: none
}

.mm-cs-guide-dialog {
    display: none;
    background: rgba(0, 0, 0, .7);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999
}

.mm-cs-guide-dialog .mm-cs-guide-dialog-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 700px;
    padding: 34px 24px;
    background: #e4e4e4;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mm-cs-guide-dialog .mm-cs-guide-dialog-content .mm-cs-deposit-text,
.mm-cs-guide-dialog .mm-cs-guide-dialog-content .mm-cs-open-account-text {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%
}

.mm-cs-guide-dialog .mm-cs-guide-dialog-content .mm-cs-deposit-btn,
.mm-cs-guide-dialog .mm-cs-guide-dialog-content .mm-cs-open-account-btn,
.mm-cs-guide-dialog .mm-cs-guide-dialog-content .mm-cs-open-account-btn-tw {
    display: block;
    width: 128px;
    margin: 30px auto 0px;
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 0px solid currentColor;
    background-color: #ff6900;
    background-color: var(--cs-deposit-btn-default-color)
}

.mm-cs-guide-dialog .mm-cs-guide-dialog-content .mm-cs-deposit-btn:hover,
.mm-cs-guide-dialog .mm-cs-guide-dialog-content .mm-cs-open-account-btn:hover,
.mm-cs-guide-dialog .mm-cs-guide-dialog-content .mm-cs-open-account-btn-tw:hover {
    background-color: #ff8329;
    background-color: var(--cs-deposit-btn-active-color)
}

@media screen and (min-width: 1240px)and (max-width: 1480px) {
    .mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-ad-container.mm-cs-min-ad-container {
        display: none
    }
}

@media screen and (min-width: 1240px) {
    .mm-cs-header-v3.mm-cs-header .mm-cs-logo {
        min-width: 140px;
        height: 27px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-logo .mm-cs-logo-copyright {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        left: 44px;
        top: 25px
    }

    .mm-cs-header-v3.mm-cs-header.mm-cs-site-jp .mm-cs-logo {
        min-width: 160px;
        height: 24px
    }

    .mm-cs-search-outside .web_search-outside {
        top: 0;
        -webkit-transform: translateY(25px);
        -ms-transform: translateY(25px);
        transform: translateY(25px)
    }
}

@media screen and (max-width: 1680px) {
    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-menu .mm-cs-sec-tab-pos-mask {
        padding: 0px 36px 50px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen .mm-cs-sec-tab-container {
        padding: 0px 36px 50px
    }
}

@media screen and (min-width: 1920.5px) {
    .mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen .mm-cs-tab-li-container {
        width: 220px
    }
}

@media screen and (max-width: 1440px) {
    .mm-cs-header-v3.mm-cs-header .mm-cs-logo {
        margin-right: 12px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-menu {
        margin-left: 0px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-menu .mm-cs-sec-tab-pos-mask {
        padding: 0px 36px 50px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-menu .mm-cs-sec-tab-pos.mm-cs-sec-tab-pos-full-screen .mm-cs-sec-tab-container {
        padding: 0px 36px 50px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-menu-item {
        padding: 0 12px;
        margin-right: 0px
    }

    .mm-cs-header-v3.mm-cs-header.mm-cs-site-sg.mm-cs-mfi-1 .mm-cs-logo,
    .mm-cs-header-v3.mm-cs-header.mm-cs-site-sg.mm-cs-mti-1 .mm-cs-logo {
        margin-right: 24px
    }
}

@media screen and (max-width: 1360px) {
    .mm-cs-header-v3.mm-cs-header .mm-cs-tab-pc.mm-cs-tab-pc-has-more .mm-cs-menu-item:nth-child(n+7) {
        display: none
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-tab-pc.mm-cs-tab-pc-has-more .mm-cs-menu-item.mm-cs-menu-item-more {
        display: block
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-thrid-tab-li .mm-cs-third-tab-li-jump-tip {
        white-space: normal;
        width: 24.5vw
    }

    .mm-cs-header-v3.mm-cs-lang-7.mm-cs-header .mm-cs-tab-pc.mm-cs-tab-pc-has-more .mm-cs-menu-item:nth-child(n+6) {
        display: none
    }

    .mm-cs-header-v3.mm-cs-lang-7.mm-cs-header .mm-cs-tab-pc.mm-cs-tab-pc-has-more .mm-cs-menu-item.mm-cs-menu-item-more {
        display: block
    }
}

@media screen and (min-width: 1440.5px)and (max-width: 1600px) {
    .mm-cs-header-v3.mm-cs-lang-2.mm-cs-header .mm-cs-tab-pc.mm-cs-tab-pc-has-more .mm-cs-menu-item:nth-child(n+7) {
        display: none
    }

    .mm-cs-header-v3.mm-cs-lang-2.mm-cs-header .mm-cs-tab-pc.mm-cs-tab-pc-has-more .mm-cs-menu-item.mm-cs-menu-item-more {
        display: block
    }

    .mm-cs-header-v3.mm-cs-lang-7.mm-cs-header .mm-cs-tab-pc.mm-cs-tab-pc-has-more .mm-cs-menu-item:nth-child(n+6) {
        display: none
    }

    .mm-cs-header-v3.mm-cs-lang-7.mm-cs-header .mm-cs-tab-pc.mm-cs-tab-pc-has-more .mm-cs-menu-item.mm-cs-menu-item-more {
        display: block
    }
}

@media screen and (min-width: 1440.5px)and (max-width: 1500px) {
    .mm-cs-header-v3.mm-cs-lang-2.mm-cs-header .mm-cs-thrid-tab-li .mm-cs-third-tab-li-jump-tip {
        white-space: normal;
        width: 24.5vw
    }
}

@media screen and (max-width: 1240px) {
    .mm-cs-header-margin-v2.mm-cs-header-margin {
        height: 60px
    }

    .mm-cs-header-backdrop-v2.mm-cs-header-backdrop-theme {
        height: 60px
    }

    .mm-cs-header-v3.mm-cs-header {
        height: 60px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-logo {
        min-width: 110px;
        height: 21px;
        margin-left: 16px;
        margin-top: -10px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-logo .mm-cs-logo-copyright {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        left: 36px;
        top: 20px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-btn {
        display: inline-block;
        height: 34px;
        line-height: 34px;
        border-radius: 35px;
        color: #fff;
        min-width: 80px;
        padding: 0px 10px;
        font-size: 14px;
        margin-left: 10px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        border: 0px solid currentColor;
        background-color: #ff6900;
        background-color: var(--cs-deposit-btn-default-color);
        margin-right: 5px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-btn:hover {
        background-color: #ff8329;
        background-color: var(--cs-deposit-btn-active-color)
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-tab-h5 {
        padding-top: 24px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-tab-h5-user {
        margin: 9px 16px;
        background: #f4f7f9;
        border-radius: 8px;
        height: 72px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding: 15px 12px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-tab-h5-user .mm-cs-header-user-avatar {
        width: 40px;
        height: 40px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-tab-h5-user .mm-cs-tab-h5-user-left .mm-cs-tab-h5-user-btn {
        color: #262626;
        margin-left: 12px;
        cursor: pointer
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-tab-h5-user .mm-cs-tab-h5-user-left .mm-cs-tab-h5-user-btn:hover {
        color: #ff6900
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-tab-h5-user .mm-cs-tab-h5-user-right .mm-cs-logout {
        text-align: right;
        color: #7a7a7a;
        cursor: pointer
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-tab-h5-download .mm-cs-tab-h5-download-btn {
        font-size: 18px;
        width: 220px;
        height: 48px;
        background: #ff6900;
        border: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        border-radius: 8px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer {
        width: 100%;
        height: 60px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-open-account-btn,
    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-open-account-btn-tw,
    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-deposit-btn {
        display: inline-block;
        height: 34px;
        line-height: 34px;
        border-radius: 35px;
        padding: 0px 10px;
        font-size: 14px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-open-account-btn.mm-cs-h5,
    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-open-account-btn-tw.mm-cs-h5,
    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-deposit-btn.mm-cs-h5 {
        min-width: 80px;
        display: inline-block
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-search-icon {
        margin-right: 10px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-search-icon.mm-cs-h5 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-guide-box {
        margin: 0
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-menubar.mm-cs-h5 {
        margin-left: 16px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-menu {
        margin-left: 10px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-header-search-icon svg {
        width: 20px;
        height: 20px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-first-tab {
        font-size: 18px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-menu-li .mm-cs-h5-tab-a {
        font-size: 16px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-sec-tab {
        background-color: #f3f3f5
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-sec-tab-li+.mm-cs-h5-sec-tab-li.mm-cs-h5-menu-li {
        border-top: .5px solid #d0d0d0
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-sec-tab-only .mm-cs-h5-sec-tab-li+.mm-cs-h5-sec-tab-li.mm-cs-h5-menu-li {
        border-top: .5px solid rgba(0, 0, 0, 0)
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-sec-tab-only .mm-cs-h5-menu-li+.mm-cs-h5-menu-li {
        padding-top: 0px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-third-tab-ul .mm-cs-h5-menu-li {
        padding-top: 0px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-menu-logged .mm-cs-tab-h5 {
        height: -webkit-calc(100% - 225px);
        height: calc(100% - 225px)
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-tab-h5 {
        height: -webkit-calc(100% - 140px);
        height: calc(100% - 140px)
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-tab-h5 .mm-cs-ad-container {
        display: block;
        width: 100%;
        padding: 22px 16px 26px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-tab-h5 .mm-cs-ad-container .mm-cs-ad-container-banner {
        position: relative
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-tab-h5 .mm-cs-ad-container .mm-cs-ad-container-banner img {
        border-radius: 10px;
        vertical-align: bottom;
        max-width: 680px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-tab-h5 .mm-cs-ad-container .mm-cs-ad-container-banner .mm-cs-ad-text {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        font-size: 16px;
        color: #0f1112;
        text-align: center;
        padding: 14px 15px;
        line-height: 1.25;
        background-color: rgba(243, 243, 243, .5);
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px);
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-tab-h5 .mm-cs-ad-container .mm-cs-ad-container-banner-placeholder {
        height: 25px;
        width: 100%
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-deposit-hover,
    .mm-cs-header-v3.mm-cs-header .mm-cs-open-account-hover {
        display: none
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-bottom-actions {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 25px 16px;
        border-top: .5px solid #d0d0d0;
        background-color: #fff;
        overflow: hidden
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-bottom-actions .mm-cs-btn,
    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-bottom-actions .mm-cs-header-btn,
    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-bottom-actions .mm-cs-loading-btn {
        height: 48px;
        line-height: 48px;
        min-width: 168px;
        font-size: 18px;
        padding: 0px 10px;
        margin-left: 0;
        margin-right: 0
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-bottom-actions .mm-cs-tab-h5-download-btn {
        margin-left: 0px;
        margin-right: 16px
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-bottom-actions .mm-cs-loading-btn,
    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-bottom-actions .mm-cs-deposit-btn,
    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-bottom-actions .mm-cs-open-account-btn,
    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-bottom-actions .mm-cs-open-account-btn-tw {
        color: #fff;
        display: inline-block;
        background-color: #ff8329
    }

    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-bottom-actions .mm-cs-loading-btn:hover,
    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-bottom-actions .mm-cs-deposit-btn:hover,
    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-bottom-actions .mm-cs-open-account-btn:hover,
    .mm-cs-header-v3.mm-cs-header .mm-cs-h5-bottom-actions .mm-cs-open-account-btn-tw:hover {
        background-color: #ff8329
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num] {
        max-height: 2300px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="1"] {
        max-height: 190px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="2"] {
        max-height: 230px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="3"] {
        max-height: 390px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="4"] {
        max-height: 430px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="5"] {
        max-height: 470px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="6"] {
        max-height: 510px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="7"] {
        max-height: 550px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="8"] {
        max-height: 590px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="9"] {
        max-height: 630px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="10"] {
        max-height: 670px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="11"] {
        max-height: 710px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="12"] {
        max-height: 750px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="13"] {
        max-height: 790px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="14"] {
        max-height: 830px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="15"] {
        max-height: 870px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="16"] {
        max-height: 1020px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="17"] {
        max-height: 1065px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="18"] {
        max-height: 1110px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="19"] {
        max-height: 1155px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="20"] {
        max-height: 1200px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="21"] {
        max-height: 1245px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="22"] {
        max-height: 1290px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="23"] {
        max-height: 1335px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="24"] {
        max-height: 1380px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="25"] {
        max-height: 1425px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="26"] {
        max-height: 1470px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="27"] {
        max-height: 1515px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="28"] {
        max-height: 1560px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="29"] {
        max-height: 1605px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="30"] {
        max-height: 1650px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="31"] {
        max-height: 1695px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="32"] {
        max-height: 1740px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="33"] {
        max-height: 1785px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="34"] {
        max-height: 1830px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="35"] {
        max-height: 1875px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="36"] {
        max-height: 1920px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="37"] {
        max-height: 1965px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="38"] {
        max-height: 2010px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="39"] {
        max-height: 2055px
    }

    .mm-cs-header-v3 .expand .mm-cs-h5-sec-tab[data-child-num][data-child-num="40"] {
        max-height: 2100px
    }

    .mm-cs-header-v3 .expand .mm-cs-sec-tab-only[data-child-num] {
        max-height: 600px
    }

    .mm-cs-header-v3 .expand .mm-cs-sec-tab-only[data-child-num][data-child-num="1"] {
        max-height: 80px
    }

    .mm-cs-header-v3 .expand .mm-cs-sec-tab-only[data-child-num][data-child-num="2"] {
        max-height: 120px
    }

    .mm-cs-header-v3 .expand .mm-cs-sec-tab-only[data-child-num][data-child-num="3"] {
        max-height: 160px
    }

    .mm-cs-header-v3 .expand .mm-cs-sec-tab-only[data-child-num][data-child-num="4"] {
        max-height: 200px
    }

    .mm-cs-header-v3 .expand .mm-cs-sec-tab-only[data-child-num][data-child-num="5"] {
        max-height: 240px
    }

    .mm-cs-header-v3 .expand .mm-cs-sec-tab-only[data-child-num][data-child-num="6"] {
        max-height: 280px
    }

    .mm-cs-header-v3 .expand .mm-cs-sec-tab-only[data-child-num][data-child-num="7"] {
        max-height: 320px
    }

    .mm-cs-header-v3 .expand .mm-cs-sec-tab-only[data-child-num][data-child-num="8"] {
        max-height: 360px
    }

    .mm-cs-header-v3 .expand .mm-cs-sec-tab-only[data-child-num][data-child-num="9"] {
        max-height: 400px
    }

    .mm-cs-header-v3 .expand .mm-cs-sec-tab-only[data-child-num][data-child-num="10"] {
        max-height: 440px
    }
}

.mm-cs-header-subnavbar-margin {
    height: 46px;
    background-color: #fff;
    background-color: var(--cs-header-margin-background-color)
}

.mm-cs-header-subnavbar-backdrop-theme {
    height: 46px;
    position: fixed;
    top: 88.1px;
    left: 0;
    right: 0;
    background: hsla(0, 0%, 100%, .95);
    background: var(--cs-backdrop-background-color);
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px)
}

.mm-cs-header-subnavbar-backdrop-transparent {
    opacity: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 7, 21, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 7, 21, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 7, 21, 0) 100%)
}

.mm-cs-header-subnavbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 -0.5px 0 var(--cs-header-subnavbar-tab-border-color);
    box-shadow: 0 -0.5px 0 var(--cs-header-subnavbar-tab-border-color);
    height: 46px
}

.mm-cs-header-subnavbar-tab-wrap-pc {
    max-width: 1180px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 20px;
    visibility: hidden
}

.mm-cs-header-subnavbar-tab-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1;
    padding: 4px 12px;
    margin: 0 10px;
    cursor: pointer;
    background: var(--cs-header-subnavbar-tab-bg-color);
    border-radius: 18px;
    color: currentColor
}

.mm-cs-header-subnavbar-tab-item:hover {
    color: #ff6900;
    color: var(--cs-active-link-color)
}

.mm-cs-header-subnavbar-tab-item:hover span {
    color: #ff6900;
    color: var(--cs-active-link-color)
}

@media screen and (max-width: 1240px) {
    .mm-cs-header-subnavbar-margin {
        display: none
    }

    .mm-cs-header-subnavbar-backdrop-theme {
        display: none
    }

    .mm-cs-header-subnavbar-backdrop-transparent {
        display: none
    }

    .mm-cs-header-subnavbar {
        display: none
    }
}

@media screen and (max-width: 1240px) {
    .mm-cs-header-subnavbar-margin {
        display: none
    }

    .mm-cs-header-subnavbar-backdrop-theme {
        display: none
    }

    .mm-cs-header-subnavbar-backdrop-transparent {
        display: none
    }

    .mm-cs-header-subnavbar {
        display: none
    }
}

.mm-cs-site-jp.mm-cs-header-v3 .mm-cs-sec-tab-has-child:hover>.mm-cs-tab-li-container {
    background-color: rgba(0, 0, 0, 0)
}

.mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item .mm-cs-sec-tab-pos {
    padding-top: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
}

.mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item .mm-cs-sec-tab-pos .mm-cs-sec-tab-container {
    border: none;
    -webkit-box-shadow: 0 0 0 .5px var(--cs-header-jp-sec-tab-container-border-color);
    box-shadow: 0 0 0 .5px var(--cs-header-jp-sec-tab-container-border-color)
}

.mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item .mm-cs-sec-tab-pos .mm-cs-sec-tab-container .mm-cs-sec-tab-ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0
}

.mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item .mm-cs-sec-tab-pos .mm-cs-sec-tab-container .mm-cs-sec-tab-ul .mm-cs-sec-tab-li {
    width: 200px;
    padding: 14px 0;
    overflow: hidden;
    position: relative
}

.mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item .mm-cs-sec-tab-pos .mm-cs-sec-tab-container .mm-cs-sec-tab-ul .mm-cs-sec-tab-li::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: .5px;
    background-color: var(--cs-header-jp-sec-tab-container-border-color);
    z-index: 2;
    opacity: .5
}

.mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item .mm-cs-sec-tab-pos .mm-cs-sec-tab-container .mm-cs-sec-tab-ul .mm-cs-sec-tab-li::before {
    left: 0
}

.mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item .mm-cs-sec-tab-pos .mm-cs-sec-tab-container .mm-cs-sec-tab-ul .mm-cs-sec-tab-li:first-child::before {
    display: none
}

.mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item .mm-cs-sec-tab-pos .mm-cs-sec-tab-container .mm-cs-sec-tab-ul .mm-cs-sec-tab-li .mm-cs-tab-li-container {
    width: 200px;
    margin: 0;
    padding: 6px 20px;
    font-size: 12px;
    line-height: 20px;
    color: #999;
    color: var(--cs-header-sub-tab-color)
}

.mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item .mm-cs-sec-tab-pos .mm-cs-sec-tab-container .mm-cs-sec-tab-ul .mm-cs-sec-tab-li .mm-cs-tab-li-container:hover {
    background-color: var(--cs-header-jp-child-tab-hover-color)
}

.mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item .mm-cs-sec-tab-pos .mm-cs-sec-tab-container .mm-cs-sec-tab-ul .mm-cs-sec-tab-li .mm-cs-tab-without-link:hover {
    color: #999;
    color: var(--cs-header-sub-tab-color);
    background-color: rgba(0, 0, 0, 0)
}

.mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item .mm-cs-sec-tab-pos .mm-cs-sec-tab-container .mm-cs-sec-tab-ul .mm-cs-sec-tab-li .mm-cs-third-tab-container {
    display: block;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    width: auto;
    padding: 0;
    border: none
}

.mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item .mm-cs-sec-tab-pos .mm-cs-sec-tab-container .mm-cs-sec-tab-ul .mm-cs-sec-tab-li .mm-cs-third-tab-container .mm-cs-third-tab-ul .mm-cs-tab-li-container {
    padding: 0;
    color: #1d1d1d;
    color: var(--cs-default-color)
}

.mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item .mm-cs-sec-tab-pos .mm-cs-sec-tab-container .mm-cs-sec-tab-ul .mm-cs-sec-tab-li .mm-cs-third-tab-container .mm-cs-third-tab-ul .mm-cs-tab-li-container:hover {
    background-color: var(--cs-header-jp-child-tab-hover-color)
}

.mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item .mm-cs-sec-tab-pos .mm-cs-sec-tab-container .mm-cs-sec-tab-ul .mm-cs-sec-tab-li .mm-cs-third-tab-container .mm-cs-third-tab-ul .mm-cs-tab-li-container .mm-cs-thrid-tab-a {
    padding: 16px 20px;
    font-size: 16px;
    line-height: 20px
}

.mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item:nth-child(n+5) .mm-cs-sec-tab-pos {
    color: #000
}

.mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-menu .mm-cs-menu-item:nth-child(n+5) .mm-cs-sec-tab-pos.mm-cs-sec-tab-translate {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 1240.5px) {
    .mm-cs-site-jp.mm-cs-header-v3.mm-cs-header-with-subnavbar {
        height: 134.1px
    }
}

@media screen and (max-width: 1520px) {
    .mm-cs-site-jp.mm-cs-header-v3.mm-cs-header .mm-cs-header-layer .mm-cs-menu-item {
        padding: 0 12px
    }
}

@media screen and (min-width: 1240px) {

    .mm-cs-zoom-abt-80 #app,
    .mm-cs-zoom-abt-80 #__nuxt {
        zoom: 80%
    }

    .mm-cs-zoom-abt-90 #app {
        zoom: 90%
    }

    .mm-cs-zoom-abt-80 #mm-cs-gold-flow-box,
    .mm-cs-zoom-abt-80 #mm-cs-openaccount,
    .mm-cs-zoom-abt-80 .mm-passport-iframe-mark,
    .mm-cs-zoom-abt-80 .mm-passport-show,
    .mm-cs-zoom-abt-90 #mm-cs-gold-flow-box,
    .mm-cs-zoom-abt-90 #mm-cs-openaccount,
    .mm-cs-zoom-abt-90 .mm-passport-iframe-mark,
    .mm-cs-zoom-abt-90 .mm-passport-show {
        zoom: 90%
    }

    .mm-cs-zoom-abt-80 .mm-passport-iframe-mark,
    .mm-cs-zoom-abt-80 .mm-passport-show,
    .mm-cs-zoom-abt-90 .mm-passport-iframe-mark,
    .mm-cs-zoom-abt-90 .mm-passport-show {
        height: auto
    }

    .mm-cs-zoom-abt-80 .homeContainer .whatNew .navigator .swiper-button-prev,
    .mm-cs-zoom-abt-80 .homeContainer .whatNew .navigator .swiper-button-next,
    .mm-cs-zoom-abt-90 .homeContainer .whatNew .navigator .swiper-button-prev,
    .mm-cs-zoom-abt-90 .homeContainer .whatNew .navigator .swiper-button-next {
        width: 56px;
        height: 56px
    }

    .mm-cs-zoom-abt-80 .homeContainer .config-widget,
    .mm-cs-zoom-abt-80 .homePage .config-widget,
    .mm-cs-zoom-abt-90 .homeContainer .config-widget,
    .mm-cs-zoom-abt-90 .homePage .config-widget {
        zoom: 1.125
    }

    .mm-cs-zoom-abt-80 .homeContainer .actPartArea.Stock,
    .mm-cs-zoom-abt-80 .homePage .actPartArea.Stock,
    .mm-cs-zoom-abt-90 .homeContainer .actPartArea.Stock,
    .mm-cs-zoom-abt-90 .homePage .actPartArea.Stock {
        zoom: 1.125
    }

    .mm-cs-zoom-abt-80 .homeContainer .QuoteTable .content-wrapper,
    .mm-cs-zoom-abt-80 .homePage .QuoteTable .content-wrapper,
    .mm-cs-zoom-abt-90 .homeContainer .QuoteTable .content-wrapper,
    .mm-cs-zoom-abt-90 .homePage .QuoteTable .content-wrapper {
        zoom: 1.125
    }

    .mm-cs-zoom-abt-80 .homeContainer .End,
    .mm-cs-zoom-abt-80 .homePage .End,
    .mm-cs-zoom-abt-90 .homeContainer .End,
    .mm-cs-zoom-abt-90 .homePage .End {
        zoom: 1.25
    }

    .mm-cs-zoom-abt-80 .homeContainer .End .pc-wrap,
    .mm-cs-zoom-abt-80 .homePage .End .pc-wrap,
    .mm-cs-zoom-abt-90 .homeContainer .End .pc-wrap,
    .mm-cs-zoom-abt-90 .homePage .End .pc-wrap {
        zoom: .8
    }

    .mm-cs-zoom-abt-80.us .homeContainer .TopBanner .pc-wrap,
    .mm-cs-zoom-abt-80.ushans .homeContainer .TopBanner .pc-wrap,
    .mm-cs-zoom-abt-80.ushant .homeContainer .TopBanner .pc-wrap,
    .mm-cs-zoom-abt-90.us .homeContainer .TopBanner .pc-wrap,
    .mm-cs-zoom-abt-90.ushans .homeContainer .TopBanner .pc-wrap,
    .mm-cs-zoom-abt-90.ushant .homeContainer .TopBanner .pc-wrap {
        zoom: 1.25
    }

    .mm-cs-zoom-abt-80.us .homeContainer .TopBanner .pc-wrap .text-container,
    .mm-cs-zoom-abt-80.ushans .homeContainer .TopBanner .pc-wrap .text-container,
    .mm-cs-zoom-abt-80.ushant .homeContainer .TopBanner .pc-wrap .text-container,
    .mm-cs-zoom-abt-90.us .homeContainer .TopBanner .pc-wrap .text-container,
    .mm-cs-zoom-abt-90.ushans .homeContainer .TopBanner .pc-wrap .text-container,
    .mm-cs-zoom-abt-90.ushant .homeContainer .TopBanner .pc-wrap .text-container {
        zoom: .8
    }

    .mm-cs-zoom-abt-80.us .homeContainer .BannerMiddle .banner-wrap,
    .mm-cs-zoom-abt-80.ushans .homeContainer .BannerMiddle .banner-wrap,
    .mm-cs-zoom-abt-80.ushant .homeContainer .BannerMiddle .banner-wrap,
    .mm-cs-zoom-abt-90.us .homeContainer .BannerMiddle .banner-wrap,
    .mm-cs-zoom-abt-90.ushans .homeContainer .BannerMiddle .banner-wrap,
    .mm-cs-zoom-abt-90.ushant .homeContainer .BannerMiddle .banner-wrap {
        zoom: 1.125
    }

    .mm-cs-zoom-abt-80 .sg-stock-page .QuoteTable,
    .mm-cs-zoom-abt-90 .sg-stock-page .QuoteTable {
        zoom: 1.125
    }

    .mm-cs-zoom-abt-80 .sg-stock-page .QuoteTable .pc-wrap .subtitle,
    .mm-cs-zoom-abt-90 .sg-stock-page .QuoteTable .pc-wrap .subtitle {
        zoom: .9
    }

    .mm-cs-zoom-abt-80 #mm-cs-gold-flow-box .official-gold-flow,
    .mm-cs-zoom-abt-90 #mm-cs-gold-flow-box .official-gold-flow {
        bottom: 208px;
        right: 18px
    }

    .mm-cs-zoom-abt-80 #mm-cs-gold-flow-box.btn-4 .official-gold-flow,
    .mm-cs-zoom-abt-90 #mm-cs-gold-flow-box.btn-4 .official-gold-flow {
        bottom: 328px
    }

    .mm-cs-zoom-abt-80 #mm-cs-gold-flow-box.btn-3 .official-gold-flow,
    .mm-cs-zoom-abt-90 #mm-cs-gold-flow-box.btn-3 .official-gold-flow {
        bottom: 268px
    }

    .mm-cs-zoom-abt-80 #mm-cs-gold-flow-box.btn-2 .official-gold-flow,
    .mm-cs-zoom-abt-90 #mm-cs-gold-flow-box.btn-2 .official-gold-flow {
        bottom: 208px
    }

    .mm-cs-zoom-abt-80 #mm-cs-gold-flow-box.btn-1 .official-gold-flow,
    .mm-cs-zoom-abt-90 #mm-cs-gold-flow-box.btn-1 .official-gold-flow {
        bottom: 140px
    }

    .mm-cs-zoom-abt-80 #mm-cs-gold-flow-box.btn-0 .official-gold-flow,
    .mm-cs-zoom-abt-90 #mm-cs-gold-flow-box.btn-0 .official-gold-flow {
        bottom: 67px
    }

    .mm-cs-zoom-abt-80 .stock-chart-box,
    .mm-cs-zoom-abt-80 .target-price-chart,
    .mm-cs-zoom-abt-80 .treemap,
    .mm-cs-zoom-abt-80 .pie-chart,
    .mm-cs-zoom-abt-80 .tool-bar,
    .mm-cs-zoom-abt-90 .stock-chart-box,
    .mm-cs-zoom-abt-90 .target-price-chart,
    .mm-cs-zoom-abt-90 .treemap,
    .mm-cs-zoom-abt-90 .pie-chart,
    .mm-cs-zoom-abt-90 .tool-bar {
        zoom: 1.111
    }
}

@media screen and (min-width: 1920.5px) {

    .mm-cs-zoom-abt-80.us .homeContainer .TopBanner .pc-wrap,
    .mm-cs-zoom-abt-80.ushans .homeContainer .TopBanner .pc-wrap,
    .mm-cs-zoom-abt-80.ushant .homeContainer .TopBanner .pc-wrap,
    .mm-cs-zoom-abt-90.us .homeContainer .TopBanner .pc-wrap,
    .mm-cs-zoom-abt-90.ushans .homeContainer .TopBanner .pc-wrap,
    .mm-cs-zoom-abt-90.ushant .homeContainer .TopBanner .pc-wrap {
        zoom: 1
    }

    .mm-cs-zoom-abt-80.us .homeContainer .TopBanner .pc-wrap .text-container,
    .mm-cs-zoom-abt-80.ushans .homeContainer .TopBanner .pc-wrap .text-container,
    .mm-cs-zoom-abt-80.ushant .homeContainer .TopBanner .pc-wrap .text-container,
    .mm-cs-zoom-abt-90.us .homeContainer .TopBanner .pc-wrap .text-container,
    .mm-cs-zoom-abt-90.ushans .homeContainer .TopBanner .pc-wrap .text-container,
    .mm-cs-zoom-abt-90.ushant .homeContainer .TopBanner .pc-wrap .text-container {
        zoom: 1
    }

    .mm-cs-zoom-abt-80.us .homeContainer .BannerMiddle .banner-wrap,
    .mm-cs-zoom-abt-80.ushans .homeContainer .BannerMiddle .banner-wrap,
    .mm-cs-zoom-abt-80.ushant .homeContainer .BannerMiddle .banner-wrap,
    .mm-cs-zoom-abt-90.us .homeContainer .BannerMiddle .banner-wrap,
    .mm-cs-zoom-abt-90.ushans .homeContainer .BannerMiddle .banner-wrap,
    .mm-cs-zoom-abt-90.ushant .homeContainer .BannerMiddle .banner-wrap {
        zoom: 1
    }
}

.mob-adapt {
    display: none;
}

@media screen and (max-width: 768px) {
    #app {
        padding-top: 60px;
    }

    .pc-adapt {
        display: none !important;
    }

    .mob-adapt {
        display: block !important;
    }

    .progress-texts,
    .mm-cs-header-margin.mm-cs-header-margin-v2 {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .Partner .pc-wrap .top-partner-wrap .top-partner-wrap[data-v-53ef66d6] {
        height: auto;
    }

    .Partner .pc-wrap .top-partner-wrap .top-partner-wrap img[data-v-53ef66d6] {
        margin: 0 2.13335vw;
    }

  .top-partner-wrap {
    display: flex;
    overflow: hidden;
    position: relative;
    height: auto; /* щоб враховувало висоту елементів */
  }

  .top-partner-track {
    display: flex;
    flex-shrink: 0;
    animation: marquee 40s linear infinite;
  }

  .top-partner-track a {
    flex: 0 0 auto;
  }

  @keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
  }
}

@media (max-width: 767px) {
  .market-card-wrapper {
    overflow: hidden;
    position: relative;
    margin: auto;
    width: 87.2vw;
  }

  .market-card-track {
    display: flex;
    transition: transform 0.5s ease;
  }

  .swiper-pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }

  .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
    margin: 0 5px;
    cursor: pointer;
  }

  .swiper-pagination-bullet-active {
    background: #333;
  }

    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #ff6900;
        opacity: 1;
    }
}

.component-reson-container .mobile-wrapper[data-v-95c9a712]{overflow:hidden;}
.component-reson-container .mobile-wrapper .mobile-container[data-v-95c9a712]{position:relative;}
@media (max-width: 767px) and (max-width: 1919px){
.component-reson-container .mobile-wrapper .mobile-container[data-v-95c9a712]{padding-bottom:8vw;}
}
@media (max-width: 767px) and (min-width: 1920px){
.component-reson-container .mobile-wrapper .mobile-container[data-v-95c9a712]{padding-bottom:30px;}
}
@media (max-width: 767px) and (max-width: 1919px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper[data-v-95c9a712]{margin-left:6.4vw;}
}
@media (max-width: 767px) and (min-width: 1920px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper[data-v-95c9a712]{margin-left:24px;}
}
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item[data-v-95c9a712]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;}
@media (max-width: 767px) and (max-width: 1919px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item[data-v-95c9a712]{min-width:87.2vw;margin-top:8vw;margin-right:4.2667vw;}
}
@media (max-width: 767px) and (min-width: 1920px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item[data-v-95c9a712]{width:327px;margin-top:30px;margin-right:16px;}
}
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .image[data-v-95c9a712]{object-fit:contain;}
@media (max-width: 767px) and (max-width: 1919px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .image[data-v-95c9a712]{width:87.2vw;}
}
@media (max-width: 767px) and (min-width: 1920px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .image[data-v-95c9a712]{width:327px;}
}
@media (max-width: 767px) and (max-width: 1919px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .image[data-v-95c9a712]{margin-bottom:5.3333vw;}
}
@media (max-width: 767px) and (min-width: 1920px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .image[data-v-95c9a712]{margin-bottom:20px;}
}
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .title[data-v-95c9a712]{text-align:left;}
@media (max-width: 767px) and (max-width: 1919px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .title[data-v-95c9a712]{font-size:6.6667vw;margin-bottom:4.2667vw;}
}
@media (max-width: 767px) and (min-width: 1920px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .title[data-v-95c9a712]{font-size:25px;margin-bottom:16px;}
}
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .description[data-v-95c9a712]{text-align:left;margin:0;line-height:1.2;}
@media (max-width: 767px) and (max-width: 1919px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .description[data-v-95c9a712]{font-size:4vw;}
}
@media (max-width: 767px) and (min-width: 1920px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .description[data-v-95c9a712]{font-size:15px;}
}
.component-reson-container .mobile-wrapper .mobile-container .swiper-wrapper .mobile-item .description[data-v-95c9a712] sup{top:.2em;}
@media (max-width: 767px) and (max-width: 1919px){
.component-reson-container .mobile-wrapper .mobile-container[data-v-95c9a712] .DisclosureModal{margin-top:5.3333vw;margin-bottom:2.6667vw;width:100%;display:flex;}
}
@media (max-width: 767px) and (min-width: 1920px){
.component-reson-container .mobile-wrapper .mobile-container[data-v-95c9a712] .DisclosureModal{margin-top:20px;margin-bottom:10px;width:100%;display:flex;}
}
.component-reson-container .mobile-wrapper .mobile-container[data-v-95c9a712] .DisclosureModal .disclosure{margin:0 0 0 24px;}
.component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712]{position:absolute;display:flex;justify-content:center;align-items:center;}
@media (max-width: 767px) and (max-width: 1919px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712]{bottom:24vw!important;height:2.6667vw;gap:3.7333vw;}
}
@media (max-width: 767px) and (min-width: 1920px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712]{bottom:90px!important;height:10px;gap:14px;}
}
.component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712] .swiper-pagination-bullet{display:inline-block;background-color:#434855;opacity:.3;border-radius:50%;}
@media (max-width: 767px) and (max-width: 1919px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712] .swiper-pagination-bullet{width:2.6667vw;height:2.6667vw;}
}
@media (max-width: 767px) and (min-width: 1920px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712] .swiper-pagination-bullet{width:10px;height:10px;}
}
.component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712] .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#ff6900;opacity:1;}
@media (max-width: 767px) and (max-width: 1919px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712]{bottom:0vw!important;}
}
@media (max-width: 767px) and (min-width: 1920px){
.component-reson-container .mobile-wrapper .mobile-container .swiper-pagination[data-v-95c9a712]{bottom:0!important;}
}

.spark-chart {
    display: grid;
    place-items: center;
    justify-content: center;
}

.market-card-track {
    max-height: 150px;
}

canvas {
    max-width: 100%;
}

@media screen and (max-width: 1200px) {
    .config-stock-info-card .stock-info-name .code-name[data-v-43303e14], .config-stock-info-card.small-stock-info-card .top-right .left-info .price-main[data-v-43303e14] {
        justify-content: center
    }
}


/* Popup */
.form-wrapper{background-color:#ffffff!important;}
.form-wrapper .form-title{color:#000!important;}
.form-wrapper .input-wrapper > input{color:#000!important;-webkit-text-fill-color:#000!important;}
.form-wrapper .region-select-value,.form-wrapper .region-select > .iconfont{color:#000!important;}
.form-wrapper .submit-btn{background-color:#ed712e!important;}
.form-wrapper .submit-btn{color:#ffffff!important;}
.form-wrapper .protocal-wrapper label,.form-wrapper .protocal-wrapper label a{color:#777777!important;}
.form-wrapper .protocal-wrapper label a{color:#000000!important;}
div,form,h2,i,label,p,span{background:transparent;border:0;font-size:100%;font-weight:400;margin:0;padding:0;}
a{-webkit-tap-highlight-color:transparent;background-color:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline;}
input{font-family:inherit,sans-serif;font-size:100%;outline:0;}
input[type=submit]{cursor:pointer;}
input{margin:0;}
.iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconfont!important;font-size:16px;font-style:normal;}
.icon-arrow01-down:before{content:"\e600";}
.icon-ios:before{content:"\e636";}
.icon-weixin:before{content:"\e639";}
.icon-facebook:before{content:"\e63d";}
.icon-close:before{content:"\e605";}
.icon-info-b:before{content:"\e631";}
.icon-google:before{content:"\e60e";}
/*! CSS Used from: Embedded */
.region-select{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:17px;height:24px;-webkit-justify-content:space-between;justify-content:space-between;left:0;position:absolute;top:0;white-space:nowrap;width:60px;}
.region-select>.iconfont{color:#909499;font-size:16px;font-weight:700;margin-top:1px;}
@media (max-width:375px){
.region-select{height:.48rem;width:1.2rem;}
.region-select,.region-select>.iconfont{font-size:.34rem;}
}
.wrapper-main{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:100%;padding:0;position:relative;}
.hide{display:none!important;}
.popup{position:fixed;z-index:99;}
.popup,.popup-mask{bottom:0;left:0;right:0;top:0;}
.popup-mask{background:rgba(0,0,0,.5);position:absolute;}
.popup-main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;background:#fff;border-radius:16px 16px 0 0;bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;left:0;padding:38px 18px 28px;position:absolute;width:100%;}
.popup-main:before{background:#cbced1;border-radius:2px;content:"";display:block;height:4px;left:50%;margin-left:-20px;position:absolute;top:14px;width:40px;}
.popup-title{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;font-size:24px;font-weight:700;margin-bottom:14px;}
.form-wrapper{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;min-height:560px;padding:70px 36px 0;width:450px;}
.form-wrapper{position:relative;}
.form-wrapper .form-title{font-size:24px;font-weight:700;line-height:32px;}
.form-wrapper .form-tabs{-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;margin:30px 0 20px;}
.form-wrapper .form-tab-item{margin-right:20px;position:relative;}
.form-wrapper .form-tab-item .switch-btn{color:#606266;display:block;font-size:15px;height:32px;line-height:32px;position:relative;z-index:2;}
.form-wrapper .form-tab-item.active:after{background:-webkit-gradient(linear,left top,right top,from(#f36f12),to(transparent));background:-webkit-linear-gradient(left,#f36f12,transparent);background:linear-gradient(90deg,#f36f12,transparent);border-radius:5px 2px 5px 2px;bottom:8px;content:"";display:block;height:6px;left:0;position:absolute;width:80%;z-index:1;}
.form-wrapper .form-tab-item.active .switch-btn{color:#0f1112;font-size:17px;font-weight:700;}
html[lang=en-us] .form-wrapper .form-tab-item.active .switch-btn{font-style:italic;}
.form-wrapper .submit-btn{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#2c2f33;border:0;border-radius:8px;color:#fff;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:16px;font-weight:400;height:48px;-webkit-justify-content:center;justify-content:center;margin:4px auto 0;width:100%;}
.form-wrapper .submit-btn:hover{opacity:.8;}
.form-wrapper .submit-btn:active{opacity:.6;}
.form-wrapper .submit-btn.disabled{cursor:not-allowed;opacity:.3;pointer-events:none;}
.form-wrapper .error-msg{color:#e53751;font-size:14px;}
.form-wrapper .switch-btn{color:#2b78f5;cursor:pointer;}
.form-wrapper .input-wrapper{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border:1px solid #e3e4e5;border-radius:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:64px;padding:0 12px;position:relative;}
.form-wrapper .input-wrapper .form-input{-webkit-box-flex:1;-moz-box-flex:1;-webkit-text-fill-color:#0f1112;background:transparent;-webkit-background-clip:text;background-clip:text;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:17px;height:24px;line-height:24px;outline:none;padding:0;width:100%;}
.form-wrapper .input-wrapper .form-input::placeholder{-webkit-text-fill-color:#bbbdc0;color:#bbbdc0;}
.form-wrapper .input-wrapper .input-action{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;}
.form-wrapper .input-wrapper .input-action,.form-wrapper .input-wrapper .input-action .action-btn{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:24px;}
.form-wrapper .input-wrapper .input-action .action-btn{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;cursor:pointer;-webkit-justify-content:center;justify-content:center;margin-left:4px;width:24px;}
.form-wrapper .input-wrapper .action-btn>.iconfont{color:#909499;font-size:16px;font-weight:700;}
.form-wrapper .input-wrapper .region-select-wrapper{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;height:24px;position:relative;width:68px;}
.form-wrapper .input-behind{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:64px;-webkit-justify-content:space-between;justify-content:space-between;margin-top:12px;}
.form-wrapper .input-behind .error-msg{margin-bottom:6px;}
.form-wrapper .protocal-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;-webkit-box-flex:1;-moz-box-flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end;margin:36px 0 8px;}
.form-wrapper .protocal-wrapper{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;}
.form-wrapper .protocal-wrapper label{color:#606266;font-size:12px;line-height:16px;position:relative;}
.form-wrapper .protocal-wrapper label a{color:#606266;text-decoration:underline;}
.form-wrapper .switch-tips{font-size:15px;margin-top:16px;text-align:center;}
.form-wrapper .third-list{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-ms-overflow-style:none;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;margin:24px auto 0;overflow:auto;scrollbar-width:none;}
.form-wrapper .third-list::-webkit-scrollbar{display:none;}
.form-wrapper .third-list .third-item{-webkit-box-flex:0;-moz-box-flex:0;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex:none;-ms-flex:none;flex:none;height:32px;-webkit-justify-content:center;justify-content:center;margin:0 8px;width:32px;}
.form-wrapper .third-list .facebook{background-color:rgba(19,120,244,.06);}
.form-wrapper .third-list .facebook>.iconfont{color:#1378f4;}
.form-wrapper .third-list .google{background-color:rgba(234,67,53,.06);}
.form-wrapper .third-list .google>.iconfont{color:#ea4335;font-size:14px;}
.form-wrapper .third-list .wechat{background-color:rgba(4,193,96,.06);}
.form-wrapper .third-list .wechat>.iconfont{color:#04c160;font-size:18px;}
.form-wrapper .third-list .apple{background-color:rgba(61,61,61,.05);}
.form-wrapper .third-list .apple>.iconfont{color:#3d3d3d;margin-left:1px;}
.form-wrapper .third-list .twitter{background-color:rgba(61,61,61,.05);background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEUAAAA9PT09PT09PT1AQEA9PT09PT04ODhAQEA+Pj48PDw8PDw9PT09PT06Ojo9PT09PT09PT3dcaogAAAAEXRSTlMA3++AEJCfICDPcEC/XzCvUHparesAAAFMSURBVEjH3ZXRdoQgDEQVVAoL6P7/z9ZOG4NODvSxp/OyWUk4XIbA9De1vlutRsbHjKE5TNASbxWJ8hfJvyZwbYELz4JM38v3DKfwu5hLPuibP4P0FWy3fI90jDYCxgulD4xE+Yrhwg+gq9fAy9g7HYhSKhj4hwGWx0SKwQaYm1cUgwxge4AhRlY2gDGw+guDDCAlYIiROxnA2rF6wRjnqwnAYANY1SnGzYA+xn4Gh25oX6tiKEAX4zqGEvQlJgQN+hITshiZR+m6+t9j1LesPo8x9Eg7wujkQ3GEQZfUqm3VPX8QysoIQ++UssyCIYEtbYEq3dTFKE0LJMKwDcBhhTY5hln71NzQuDy7iTHsO6i6FiOyAZJP3SQ8pgGVu0kwimmA1U2KwQaY3eS932U72IC7DnowyYDuE1vIAFY2Hky/QcHuj62Vn/6BPgGkJCk8BIyamAAAAABJRU5ErkJggg==");}
.form-wrapper .third-list .line,.form-wrapper .third-list .twitter{background-position:50%;background-repeat:no-repeat;background-size:16px 16px;}
.form-wrapper .third-list .line{background-color:rgba(6,199,85,.06);background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABDCAMAAAAWPYMFAAAAUVBMVEUAAAAFxVUGx1UFx1QEw1QFx1UFylAFx1UFx1AGxVQExVQFx1QEx1gFxlQGx1UGx1QEx1MGx1QGx1UFxVUHyFUFxlUGxlYGyFYFx1QGxlYGx1XwFzQOAAAAGnRSTlMAYN+/QJ8Q7yCAQI8gn95wUIDPMHDOrq/PsFylEcAAAAHeSURBVFjDvZfdboMwDEbjhDhASvkpWze//4NuySoMLU0IlnauGtU9sj9Xgqh/AuuIQDD4u3b0wE33Zii2VV7TDpOtShyO3qLt7ZjEUAYDIgmjh6TkwpIMNhH37Ogwrn+3YUtFWNwdSFMhupZZ2CO3sGdrkXuQLaUeVIyn03i2AAkYJMEwDnkkCc2jGWIE7XTECNrhZCTtDHwGALM+dES2aR7dagBwpGHhcymtNjPpZfd8CO3+1dvfT4a+9/4mnmdKaFCzxm40XIuU1ag2o6FQkteoeaPxOuLWGshqAoY1nOZa0xzSoF5pRhPRZZpbHeLJZJPXtJMKLaQ1fV5DPv4qqYEDGoovAItmaCLTWnM7onEhnuSm8IiGTE6jzEqz0D5paGTNazYmrGBPc3nWUJXQ9EtVVqPr95rwFU/lqgUfDx0R1PVMkQkANGmu6XimQE9CIGrQkYir+GnH4XM6J7G8FycYqVYLM51m85bsRY86xkgsDH7QCTr1DH5SMR+oXhlFFgZc2UQovTLwS98+cC3YUQIcD4kcqAwIedH10A2v7dImw+HmTI1xiVhKuA2z2RmoVeVcXGKgAsbE1bAA2LRSq5P0klYYL2mFMdyKhC+KeBRZkAKmPS3gW9I05Kp+AA3pBo8ieO4UAAAAAElFTkSuQmCC");}
.form-wrapper .third-list-popup .third-list{-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start;margin:6px 0 8px -12px;}
.form-wrapper .third-list-popup .third-list .third-item-wrapper{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;margin:12px 0;width:20%;}
.form-wrapper .third-list-popup .third-list .third-item{height:44px;margin:0;width:44px;}
.form-wrapper .cookie-enabled-tips{color:#e53b37;display:none;font-size:12px;margin-top:6px;}
.form-wrapper .qr-code-guide{line-height:20px;margin:36px auto 0;min-height:20px;position:relative;text-align:center;}
.form-wrapper .qr-code-tips{font-size:14px;}
.form-wrapper .qr-code-guide-icon{color:#646466;cursor:pointer;font-size:13px;font-weight:700;margin-left:4px;}
.form-wrapper .qr-code-guide-icon:hover~.qr-code-guide-popup{display:block;}
.form-wrapper .qr-code-guide-popup{display:none;left:50%;margin-left:-140px;position:absolute;top:34px;z-index:100;}
.form-wrapper .qr-code-box{height:172px;margin:16px auto 48px;position:relative;width:172px;}
.form-wrapper .qr-code-box .cancel-btn{bottom:-42px;color:#2b78f5;cursor:pointer;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.form-wrapper .qr-code-status{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:hsla(0,0%,100%,.95);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%;}
.form-wrapper .qr-code-status.refresh{cursor:pointer;}
.form-wrapper .qr-code-status .status-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:32px;width:32px;}
.form-wrapper .qr-code-status .loading-icon{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAk1BMVEUAAABgYmZdYGRdX2NYXl5fYWVgYmVfYWVfYWRgYmZgYmZgYmZgYmZfYmZfYWZgYWVfYWRfYWVdX2ZgYmZgYWZgYWZcXmRgYmZgYmZgYmVgYmVgYmZgYmVfYWVgYmZgYmZfYWVgYmZgYmZgYmZgYmZgYmZgYmZgYmZgYmZgYmZgYmZgYmZgYWZgYmZgYWZfYWVgYmbF4fUIAAAAMXRSTlMAgBAMByteNxiD7/SIe1c+MSEc/m9RFPmgc8d3aiaZjmTNu7Sn3tmukkfrwE3T40PmI2SEBQAAAotJREFUWMPd1ttyqjAUgOEQIEALBBTYIlhU6gHr6f2fbpO1JhoPSHDP7It+tjd21o8k6SD5zayZk4ZMaJzYGjod89K4UTbugGs7zHgiiTTHeYEDbybixABvJqzG6NG8XE9aBqqS7fdpOi89VU675908KNpXULS/eXPdOysOc9/3PB8KRed+ZEkhhaOHtWG+ZHQU3DIvcgDjD2hSvSzQeY7KzpXmXoW87Mn6swTNzReLHFTVVhQM67GeoPD1NhVblJI7sxLB/AuWLMzILYbzzOw96d4X8MzbDzAHMN8jq7CwJ6oQAzbRcMLAVr3YjInLs5RoKSbgpLyVMmDqBWYYKJTNwXlONAVYuN5wFIJMN2B/g+sdNzC/J9omEPAvW5tCwNEPsG9gyp1NQaYfsDdALkKMAUs/YGJgL3t7gZMBvuq63tQJQQ4EnCEBvxYCGWgEe0ggh4D/D4GlUMlzdBL+b6C4CdhciIYEtj+CJ/+7IDBoFyYQkNvoOtxxOB9ykKYgJIg6wNQPRBi43DUGRvqBAAOXS9oR0A/UC+GbSC4GtO/BWYD8uiZ2ZNt2FOsGKpg/KM+W2AaaH8E9gKX6yMOA5kfYtNPr9SElihmiOvNsDZZERTGg8410tMBAevd2DEb98z8r8HP/0I2R2zNP6xVKH/4yQm7P/LG1Oh6NJ5ujURhNj2hKn22v1Hkc5uszmj5dKyvL3PaVuW72/ABvzrvdedda2113mEnmw37yzQ7hfFeBZlRSGpR7q4+LlU26mVRlmqdq8lUfPlSH12fFMlX+eDz+83nx0f74fcfdahOy4q5EAAvowIkGS3LGEJA+zwFcXj+RjdXCsqRkKEMEILIwOHkHax8fm0nCKfnF/gIDZVZ5olLLygAAAABJRU5ErkJggg==");}
.form-wrapper .qr-code-status .scanned-icon{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAOVBMVEUAAAAAqHAAqHAAp3AAn3AAqHAAp3AAp3AAqXAAqHAAp3AAqHAAqHAAqHAAqXAApnAAp3AAqXAAqHBcR1eZAAAAEnRSTlMA378gEIDPQG/vj1+vn1AwoE+8+4kCAAABqElEQVRYw+2YSW7DMAxFTVKT47G8/2FbNGiBhA4HKyi68Ft59SCK9qfk4eLi4h2ktS0F+AvAOdfUacvIT2Cj07qKfAjWTp0EPsI6QlZZgoW3kQ1givTixg5ufl9hF8VZNgE7AQr6bGNyCAsHKLZR9KOzMxMHaeYGBhn1xuwcBjXfyifQogKY37rE6nbMviWisw/bMGyeJZLPB9vz+59eZZbPR2K7s1mx7cuOtqSgz6y5eiNQbs7xiMnucNl8H/Rs+vDuo1GMLEdPoDXgR/aXAVKs7+4eIjQf+RKwAA6Fj9WJbc1aotvCMd07D8++hSNC+bJSefRlDgrltMgOHytNkZs2jTwZEwdc8/NXQz8PWyxjd5l73gk2O9MLSPOZ+bXqB4ME9pyy42tR0tKObNSKuZ2Ye1k5amT9OBKJ7Gr6mEJjdCTrCIXRQT/j6bMI8glAu+ycEa5C07fERdHJ+dN/E2hR4fS3h3b7GiXnp22Ezg3sv5rZxnLmGtXfmVsa/Exm2WMbQtCu+5CGKCsouvoffrN8F95Q2HLvz6WaZ/yuHsrS1jRcXFy8gU8rPbJrT/Lq9QAAAABJRU5ErkJggg==");}
.form-wrapper .qr-code-status .refresh-icon{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABACAMAAAByderSAAAAS1BMVEUAAAAPEREQEBAQEBAPEREOERIOEBIQERIOEBAPEBEPEBEOEBEOERIQEBAQEBAPEREOEBEOEBEOERIMEBAIEBAPEBEPERIPEBEPERI7S5RrAAAAGHRSTlMA3xAg76CAgF9Qz69/QDC/cG+PQCC//r7xw4aGAAAB7ElEQVRYw+1WW3LDIAw0AmwesR0/0nL/k9YGOgyIxKiZ/mX/0KBlJSRQ98EFYFukYe4Am+2ykd31LFwGYRXF/yZcBTPVH2NvI9DsV7dcNIfDwsdl9vmAJgFrdB/GLoF7VVMLATfRHzKrl6WCxNnyVwQhggEq1iFoPKPhFwSsVGsSQccdokAEssyX9Na0ek4BUWyB22k1aT34dfVa1joBukdPsVYIlDtgS+sSROOwdD0JuGZOq+CVcBlU1eIEiVolTe5AX0oISUBQTChs7U9lgK+MtTevwCKYL9tmYBEqSCCIKK/DhrKjiZhxygkYizA2ShDpzDEt75Qg0uXd8zTcCe740IeXRILOO5b5h5gEnqfOHaD+SbmPXxHxHwzwFsP7mTS+T0jY8saQf6so+35VF51GY2B5GYOglvWUzkyN0VODsGWfCCAGoV4/vhgX72pPE8HC5bWIUII9+XEcrxmnespL7OiDQ99pNoGx+lZeebZibHgCK2CjtT6B3K6Hmj5OIBhgCgrzhCAPF4u2gCewBJANw1yPJrCEiWECTDFHArwVeoesmCJmWaWt5cxv+MWnzEMllRPYFv2/1rYJP4Qrl20/FrtepHABTDc/xBhx5m/Ew2F8ef9maGkK928NHREw9vbhW8vIZYTug5f4Aeh4O6P1/P5kAAAAAElFTkSuQmCC");margin:0 auto;}
.form-wrapper .qr-code-status .status-tips{font-size:14px;line-height:20px;margin:4px auto 0;width:140px;}
.form-loading{bottom:0;display:none;left:0;position:absolute;right:0;top:0;}
.form-loading .loading-mask{bottom:0;left:0;position:fixed;right:0;top:0;}
.form-loading .loading-icon{background:rgba(0,0,0,.8);border-radius:6px;color:#fff;height:120px;left:50%;margin-left:-60px;margin-top:-60px;position:absolute;top:50%;width:120px;z-index:1000;}
.form-loading .loading-icon:before{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAsVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+3mHKcAAAAOnRSTlMAgAUJFBl5OxANikQmfTXXKiCskYVW5HVuakwcuZtm3fbQSC7Kv1pRP/lgMfOWY13wxHLs6bSjoLCmNLQQwwAAAfdJREFUSMeV0tmWmkAUheFNFWWBIIMTOKFitxCN2nbS6cT3f7DUESStyJDvkrX/VecClJib+BQGvV4QnuKNiQamjLQ7kaxrjGlPK+lNDTzH0mxeTiyGJ0SoVZoIlGw6vZswSffexrFGwb9HNnggO7mJNFDQrWCYk7jj5PPIw4N90M2k+MILMpKhhMV5sUdBD9/JZIan7OGAdAVy7BSSo4EKIis6DBlnQmhfWXQPZIorM6J9NEMN77BQDjqIjIiDWsmCbKHw3VEZMdRi3U9lYdJrO+KjgfxFYgDTk5KgCRv8UYYA3xIPjUZ9YsAfERONRJ9I7Gkfo4XFb+UImSgOWuh8KBqsqWKjhd1cWWTBDC1MKejDihWBFqxXZQ6L/E8gKWh1UnJWPuCkio8WohelD08qHlroUjCALxUHLczXSgDdIRyN/DWJwRwi0GjiEh2w94qHJuyV9n0A+oYYaJAsyY5Sj9iox8+0VxcpwiY6anXGZAjC7CuOGumYLPM/wvCvGCrZ7k/yjpzwyayy8Nwf5FwM2OxKVFxlLd/I2EaBi4yJMj58+341uvuq5x4fYVt3lQmBp4XBGQp2z/2WC/GAGQWTc55q0bA/vtyoe8q4WRDryx3XwzOM32h385XGUYHlPr/OBzPUYWRbzF9CHW10xpeVOx9sBR79BfzUSF+MDGU5AAAAAElFTkSuQmCC");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:30px;left:50%;margin-left:-15px;margin-top:-15px;position:absolute;top:50%;width:30px;z-index:1001;}
.form-toast{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;bottom:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;left:0;position:absolute;right:0;top:0;}
.form-toast.hide{display:none;}
.form-toast .toast-mask{bottom:0;left:0;position:fixed;right:0;top:0;}
.form-toast .toast-main{background:rgba(54,58,64,.95);border-radius:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:14px;max-width:90%;padding:8px 12px;position:relative;}
.index-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:462px;}
.index-wrapper .login-show{display:none;}
.index-wrapper[data-type=login] .login-show{display:block;}
.index-wrapper[data-type=login] .sign-up-show{display:none;}
@media (max-width:450px){
.form-wrapper{margin:0 auto;padding-left:0;padding-right:0;width:378px;}
}
@media (max-width:418px){
.form-wrapper{margin:0 auto;padding-left:24px;padding-right:24px;width:100%;}
}
@media (max-height:420px){
.form-wrapper .input-behind{height:50px;}
}
@media (max-height:420px) and (max-width:375px){
.form-wrapper .input-behind{height:1rem;}
}
@media (max-width:375px){
.iconfont{font-size:.32rem;}
.popup-main{border-radius:.32rem .32rem 0 0;padding:.76rem .36rem .54rem;}
.popup-main:before{border-radius:.04rem;height:.08rem;margin-left:-.4rem;top:.28rem;width:.8rem;}
.popup-title{font-size:.48rem;margin-bottom:.28rem;}
.form-wrapper{min-height:11.2rem;padding:1.1rem .4rem 0;width:100%;}
.form-wrapper .form-title{font-size:.48rem;line-height:.64rem;}
.form-wrapper .form-tabs{margin:.6rem 0 .4rem;}
.form-wrapper .form-tab-item{margin-right:.4rem;}
.form-wrapper .form-tab-item .switch-btn{font-size:.3rem;height:.64rem;line-height:.64rem;}
.form-wrapper .form-tab-item.active:after{border-radius:.1rem .04rem;bottom:.16rem;height:.12rem;z-index:1;}
.form-wrapper .form-tab-item.active .switch-btn{font-size:.34rem;}
.form-wrapper .submit-btn{border-radius:.48rem;font-size:.32rem;height:.96rem;line-height:.96rem;margin-top:.08rem;width:6rem;}
.form-wrapper .error-msg{font-size:.28rem;}
.form-wrapper .input-wrapper{border-radius:.16rem;height:1.28rem;padding:0 .24rem;}
.form-wrapper .input-wrapper .form-input{font-size:.34rem;height:.48rem;line-height:.48rem;}
.form-wrapper .input-wrapper>input{padding-left:.24rem;}
.form-wrapper .input-wrapper .input-action{height:.48rem;line-height:.48rem;}
.form-wrapper .input-wrapper .input-action .action-btn{height:.48rem;margin-left:.08rem;width:.48rem;}
.form-wrapper .input-wrapper .region-select-wrapper{height:.48rem;width:1.36rem;}
.form-wrapper .input-behind{height:1.28rem;margin-top:.24rem;}
.form-wrapper .input-behind .error-msg{margin-bottom:.12rem;}
.form-wrapper .protocal-list{margin:.72rem 0 .16rem;}
.form-wrapper .protocal-wrapper label{font-size:.24rem;line-height:.36rem;}
.form-wrapper .switch-tips{font-size:.3rem;margin-top:.32rem;}
.form-wrapper .third-list{margin-top:.48rem;}
.form-wrapper .third-list .third-item{height:.64rem;margin:0 .16rem;width:.64rem;}
.form-wrapper .third-list-popup .third-list{margin:.12rem 0 .16rem -.24rem;}
.form-wrapper .third-list-popup .third-list .third-item-wrapper{margin:.24rem 0;}
.form-wrapper .third-list-popup .third-list .third-item{height:.88rem;width:.88rem;}
.form-wrapper .third-list .iconfont{font-size:.32rem;}
.form-wrapper .third-list .google>.iconfont{font-size:.28rem;}
.form-wrapper .third-list .wechat>.iconfont{font-size:.36rem;}
.form-wrapper .third-list .apple>.iconfont{margin-left:.02rem;}
.form-wrapper .third-list .line{background-size:.32rem .32rem;}
.form-loading .loading-icon{border-radius:.12rem;height:2.4rem;left:50%;margin-left:-1.2rem;margin-top:-1.2rem;position:absolute;top:50%;width:2.4rem;z-index:1000;}
.form-loading .loading-icon:before{height:.6rem;margin-left:-.3rem;margin-top:-.3rem;width:.6rem;}
.form-toast .toast-main{border-radius:.16rem;font-size:.28rem;padding:.16rem .24rem;}
.index-wrapper{min-height:9.24rem;}
}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0);}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);}}
@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0);}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);}}


.region-select-modal{background:#fff;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.2);box-shadow:0 2px 12px 0 rgba(0,0,0,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:14px;left:0;overflow:hidden;padding:16px;width:378px;z-index:1000;}
.region-select-modal .region-search{-webkit-box-flex:1;-moz-box-flex:1;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#f9f9f9;border-radius:8px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-justify-content:center;justify-content:center;padding:0 10px;position:relative;}
.region-select-modal .region-search .icon-search{-webkit-box-flex:0;-moz-box-flex:0;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAPFBMVEUAAACPj5ePk5iQlZmPj5+QlJmPlJiQlJqQlJqPk5eQlZqQlZmPlJmPk5iQlZqPlJiQlJqPl5qPk5eQlJlce/pqAAAAE3RSTlMAIIDfEO9gv59Az7BQkHAwjyCgdwjzJwAAATpJREFUSMfVVFuSwyAM4014JWm5/13XbZaZdVTT7k9mqr8QCwkZrL4Ct7oaY9bkPqpOu+8DedVvy2PnWKYUfZT70sjS8ss1cn3wj+qWxrcLT46VRMxzP8c1M2NAvd1wWWLURypOITZPDPyh7VEvMAqsLkwYxes5IFqTE29oKlKLlAhHplZuEwQgqsg1QQAlWOLUnqRmuHNPjhypKQJPNg2LIjTlBHyA7CHAmQFXE+onZ/A8A68QkxypkbcpofXe/n4X/tYRtvd6aqR948jD5QoTQoEYDTwRfF4gsYsXyb7o09rHBUbkl+/93qVjLDADDlO5j2xx9u2S0x7P0tXL41XnMd9x+svjlRBN2py6bWE/dk9GZujYT/DGsYEMSAXK1ZyhXG3RUq0tJklDX8bljKz+x0DCHIGaegV+AHKmGGmJJ3I3AAAAAElFTkSuQmCC");background-position:50%;background-repeat:no-repeat;background-size:contain;-webkit-flex:none;-ms-flex:none;flex:none;height:16px;width:16px;}
.region-select-modal .region-search .search-input{-webkit-box-flex:1;-moz-box-flex:1;background:transparent;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;font-size:14px;height:32px;line-height:32px;outline:none;padding-left:8px;}
.region-select-modal .region-search .search-input::placeholder{color:#909499;}
.region-select-modal .region-search .clear-input-btn{-webkit-box-flex:0;-moz-box-flex:0;color:#c4c4c4;cursor:pointer;-webkit-flex:none;-ms-flex:none;flex:none;visibility:hidden;}
.region-select-modal .region-list{height:220px;margin-top:12px;overflow:auto;position:relative;}
.region-select-modal .region-list .group-name{background:#fff;color:#909499;font-size:13px;height:44px;line-height:44px;position:-webkit-sticky;position:sticky;top:0;}
.region-select-modal .region-list .region-item{-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:16px;height:44px;-webkit-justify-content:flex-start;justify-content:flex-start;line-height:44px;}
.region-select-modal .region-list .region-item .area-code{color:#606266;margin-left:8px;}
.region-select-modal .region-list .region-item.selected,.region-select-modal .region-list .region-item.selected .area-code{color:#ff6900;}
.region-select-modal .region-list .region-item:hover{background:#f9f9f9;}
.region-select-modal-pc .close-btn,.region-select-modal-pc .group-list{display:none!important;}
@media (max-height:600px){
.region-select-modal .region-list{height:220px;}
}
@media (max-width:375px){
.region-select-modal{border-radius:.08rem;-webkit-box-shadow:0 .04rem .24rem 0 rgba(0,0,0,.2);box-shadow:0 .04rem .24rem 0 rgba(0,0,0,.2);font-size:.28rem;padding:.32rem;width:7.56rem;}
.region-select-modal .region-search{border-radius:.16rem;padding:0 .2rem;}
.region-select-modal .region-search .icon-search{height:.32rem;width:.32rem;}
.region-select-modal .region-search .search-input{font-size:.28rem;height:.64rem;line-height:.64rem;padding-left:.16rem;}
.region-select-modal .region-list{height:6rem;margin-top:.24rem;}
.region-select-modal .region-list .group-name{font-size:.26rem;height:.88rem;line-height:.88rem;}
.region-select-modal .region-list .region-item{font-size:.32rem;height:.88rem;line-height:.88rem;}
.region-select-modal .region-list .region-item .area-code{margin-left:.16rem;}
}
@media (max-width:375px) and (max-height:600px){
.region-select-modal .region-list{height:4.4rem;}
}
input{font-family:inherit;}
input{-webkit-appearance:none;}
@media (max-width:375px){
.iconfont{font-size:.32rem;}
}

@media screen and (max-width: 1200px) {
    .gold-flow-content-right {
        max-width: calc(100vw - 30px);
        margin: auto;
    }
}

.form-wrapper .form-desc {
    color: #606266;
    font-size: 15px;
    height: 72px;
    margin-top: 8px;
}

.form-wrapper .back-btn {
    cursor: pointer;
    left: 36px;
    position: absolute;
    top: 28px;
}

.form-wrapper .back-btn>.iconfont {
    font-size: 16px;
    font-weight: 700;
}

.icon-arrow01-left:before {
    content: "\e608";
}

.form-wrapper .back-btn>.iconfont {
    font-size: 16px;
    font-weight: 700;
}