/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
    html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%
    }
    
    body {
        margin: 0
    }

    main {
        display: block
    }

    h1 {
        font-size: 2em;
        margin: .67em 0
    }

    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible
    }

    pre {
        font-family: monospace, monospace;
        font-size: 1em
    }

    a {
        background-color: transparent
    }

    abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    img {
        border-style: none
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0
    }

    button,
    input {
        overflow: visible
    }

    button,
    select {
        text-transform: none
    }

    [type=button],
    [type=reset],
    [type=submit],
    button {
        -webkit-appearance: button
    }

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring,
    button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

    fieldset {
        padding: .35em .75em .625em
    }

    legend {
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal
    }

    progress {
        vertical-align: baseline
    }

    textarea {
        overflow: auto
    }

    [type=checkbox],
    [type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    [type=number]::-webkit-inner-spin-button,
    [type=number]::-webkit-outer-spin-button {
        height: auto
    }

    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    details {
        display: block
    }

    summary {
        display: list-item
    }

    [hidden],
    template {
        display: none
    }

    body {
        margin: 0;
        padding: 0;
        height: 100%;
        font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -webkit-tap-highlight-color: transparent;
        color: rgba(13, 13, 13, .9)
    }

    a {
        text-decoration: none;
        color: #1f69e0
    }

    .container {
        width: 100%
    }

    @media (min-width:840px) {
        .container {
            max-width: 840px
        }
    }

    @media (min-width:1264px) {
        .container {
            max-width: 1264px
        }
    }

    .tw-btn-default {
        box-sizing: border-box;
        display: block;
        border-radius: .25rem;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(0, 0, 0, .12);
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding-top: 7px;
        padding-bottom: 7px;
        text-align: center;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 500;
        line-height: 1.6;
        --tw-text-opacity: 1;
        color: rgb(48 48 48 / var(--tw-text-opacity));
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: 150ms
    }

    .tw-btn-default:hover {
        cursor: pointer;
        --tw-bg-opacity: 1;
        background-color: rgb(31 105 224 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .tw-btn-default:active {
        --tw-bg-opacity: 1;
        background-color: rgb(30 95 199 / var(--tw-bg-opacity))
    }

    .tw-btn-primary {
        box-sizing: border-box;
        display: block;
        border-radius: .25rem;
        border-width: 1px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgb(31 105 224 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(31 105 224 / var(--tw-bg-opacity));
        padding-top: 7px;
        padding-bottom: 7px;
        text-align: center;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 500;
        line-height: 1.6;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: 150ms
    }

    .tw-btn-primary:hover {
        cursor: pointer;
        --tw-bg-opacity: 1;
        background-color: rgb(69 139 250 / var(--tw-bg-opacity))
    }

    .tw-btn-primary:active {
        --tw-bg-opacity: 1;
        background-color: rgb(30 95 199 / var(--tw-bg-opacity))
    }

    .tw-btn-ghost {
        box-sizing: border-box;
        display: block;
        border-radius: .25rem;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(0, 0, 0, .12);
        --tw-bg-opacity: 1;
        background-color: rgb(249 249 249 / var(--tw-bg-opacity));
        padding-top: 7px;
        padding-bottom: 7px;
        text-align: center;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 500;
        line-height: 1.6;
        --tw-text-opacity: 1;
        color: rgb(48 48 48 / var(--tw-text-opacity));
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: 150ms
    }

    .tw-btn-ghost:hover {
        cursor: pointer;
        --tw-bg-opacity: 1;
        background-color: rgb(69 139 250 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .tw-btn-ghost:active {
        --tw-bg-opacity: 1;
        background-color: rgb(30 95 199 / var(--tw-bg-opacity))
    }

    .tw-h2 {
        margin-bottom: .75rem;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 600;
        line-height: 1.6;
        color: rgba(13, 13, 13, .9)
    }

    @media (min-width:840px) {
        .tw-h2 {
            font-size: 32px
        }
    }

    @media (min-width:1264px) {
        .tw-h2 {
            font-size: 2.25rem;
            line-height: 2.5rem
        }
    }

    .tw-h3 {
        margin-bottom: .5rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 600;
        line-height: 1.6;
        color: rgba(13, 13, 13, .9)
    }

    @media (min-width:1264px) {
        .tw-h3 {
            font-size: 1.5rem;
            line-height: 2rem
        }
    }

    .tw-h4 {
        font-size: 1rem;
        line-height: 1.5rem;
        line-height: 1.6;
        color: rgba(13, 13, 13, .9)
    }

    @media (min-width:840px) {
        .tw-h4 {
            font-size: 1.125rem;
            line-height: 1.75rem
        }
    }

    .tw-h5 {
        font-size: 1rem;
        line-height: 1.5rem;
        line-height: 1.6;
        color: rgba(13, 13, 13, .9)
    }

    .visible {
        visibility: visible
    }

    .fixed {
        position: fixed
    }

    .absolute {
        position: absolute
    }

    .relative {
        position: relative
    }

    .sticky {
        position: sticky
    }

    .inset-0 {
        inset: 0
    }

    .\ !-left-5 {
        left: -1.25rem !important
    }

    .\ !-right-5 {
        right: -1.25rem !important
    }

    .bottom-0 {
        bottom: 0
    }

    .bottom-10 {
        bottom: 2.5rem
    }

    .bottom-\[60px\] {
        bottom: 60px
    }

    .left-0 {
        left: 0
    }

    .left-1\/2 {
        left: 50%
    }

    .right-0 {
        right: 0
    }

    .right-20 {
        right: 5rem
    }

    .top-0 {
        top: 0
    }

    .top-1\/2 {
        top: 50%
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-\[2\] {
        z-index: 2
    }

    .z-\[999\] {
        z-index: 999
    }

    .m-0 {
        margin: 0
    }

    .mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .mx-12 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .my-20 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .my-\[60px\] {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .\ !mb-5 {
        margin-bottom: 1.25rem !important
    }

    .\ !mb-9 {
        margin-bottom: 2.25rem !important
    }

    .\ !mb-\[60px\] {
        margin-bottom: 60px !important
    }

    .\ !ml-0 {
        margin-left: 0 !important
    }

    .\ !mt-0 {
        margin-top: 0 !important
    }

    .-mt-16 {
        margin-top: -4rem
    }

    .-mt-\[70px\] {
        margin-top: -70px
    }

    .mb-0 {
        margin-bottom: 0
    }

    .mb-1 {
        margin-bottom: .25rem
    }

    .mb-1\.5 {
        margin-bottom: .375rem
    }

    .mb-10 {
        margin-bottom: 2.5rem
    }

    .mb-12 {
        margin-bottom: 3rem
    }

    .mb-2 {
        margin-bottom: .5rem
    }

    .mb-3 {
        margin-bottom: .75rem
    }

    .mb-4 {
        margin-bottom: 1rem
    }

    .mb-6 {
        margin-bottom: 1.5rem
    }

    .mb-9 {
        margin-bottom: 2.25rem
    }

    .mb-\[33px\] {
        margin-bottom: 33px
    }

    .mb-\[40px\] {
        margin-bottom: 40px
    }

    .ml-0 {
        margin-left: 0
    }

    .ml-1 {
        margin-left: .25rem
    }

    .ml-12 {
        margin-left: 3rem
    }

    .ml-2 {
        margin-left: .5rem
    }

    .ml-3 {
        margin-left: .75rem
    }

    .ml-6 {
        margin-left: 1.5rem
    }

    .ml-8 {
        margin-left: 2rem
    }

    .ml-\[60px\] {
        margin-left: 60px
    }

    .mr-4 {
        margin-right: 1rem
    }

    .mr-6 {
        margin-right: 1.5rem
    }

    .mr-\[100px\] {
        margin-right: 100px
    }

    .mr-\[15px\] {
        margin-right: 15px
    }

    .mr-\[60px\] {
        margin-right: 60px
    }

    .mt-0 {
        margin-top: 0
    }

    .mt-1 {
        margin-top: .25rem
    }

    .mt-10 {
        margin-top: 2.5rem
    }

    .mt-2 {
        margin-top: .5rem
    }

    .mt-20 {
        margin-top: 5rem
    }

    .mt-6 {
        margin-top: 1.5rem
    }

    .mt-8 {
        margin-top: 2rem
    }

    .mt-\[2px\] {
        margin-top: 2px
    }

    .mt-auto {
        margin-top: auto
    }

    .box-border {
        box-sizing: border-box
    }

    .block {
        display: block
    }

    .inline-block {
        display: inline-block
    }

    .flex {
        display: flex
    }

    .table {
        display: table
    }

    .grid {
        display: grid
    }

    .\ !hidden {
        display: none !important
    }

    .hidden {
        display: none
    }

    .\ !size-10 {
        width: 2.5rem !important;
        height: 2.5rem !important
    }

    .size-12 {
        width: 3rem;
        height: 3rem
    }

    .size-5 {
        width: 1.25rem;
        height: 1.25rem
    }

    .size-6 {
        width: 1.5rem;
        height: 1.5rem
    }

    .size-7 {
        width: 1.75rem;
        height: 1.75rem
    }

    .size-\[14px\] {
        width: 14px;
        height: 14px
    }

    .size-\[280px\] {
        width: 280px;
        height: 280px
    }

    .h-0 {
        height: 0
    }

    .h-10 {
        height: 2.5rem
    }

    .h-12 {
        height: 3rem
    }

    .h-4 {
        height: 1rem
    }

    .h-5 {
        height: 1.25rem
    }

    .h-6 {
        height: 1.5rem
    }

    .h-\[100px\] {
        height: 100px
    }

    .h-\[101px\] {
        height: 101px
    }

    .h-\[107px\] {
        height: 107px
    }

    .h-\[108px\] {
        height: 108px
    }

    .h-\[112px\] {
        height: 112px
    }

    .h-\[125px\] {
        height: 125px
    }

    .h-\[136px\] {
        height: 136px
    }

    .h-\[140px\] {
        height: 140px
    }

    .h-\[166px\] {
        height: 166px
    }

    .h-\[186px\] {
        height: 186px
    }

    .h-\[18px\] {
        height: 18px
    }

    .h-\[190px\] {
        height: 190px
    }

    .h-\[1px\] {
        height: 1px
    }

    .h-\[200px\] {
        height: 200px
    }

    .h-\[240px\] {
        height: 240px
    }

    .h-\[284px\] {
        height: 284px
    }

    .h-\[288px\] {
        height: 288px
    }

    .h-\[302px\] {
        height: 302px
    }

    .h-\[328px\] {
        height: 328px
    }

    .h-\[36px\] {
        height: 36px
    }

    .h-\[400px\] {
        height: 400px
    }

    .h-\[40px\] {
        height: 40px
    }

    .h-\[440px\] {
        height: 440px
    }

    .h-\[44px\] {
        height: 44px
    }

    .h-\[46px\] {
        height: 46px
    }

    .h-\[474px\] {
        height: 474px
    }

    .h-\[480px\] {
        height: 480px
    }

    .h-\[520px\] {
        height: 520px
    }

    .h-\[56px\] {
        height: 56px
    }

    .h-\[660px\] {
        height: 660px
    }

    .h-\[66px\] {
        height: 66px
    }

    .h-\[680px\] {
        height: 680px
    }

    .h-\[88px\] {
        height: 88px
    }

    .h-\[96px\] {
        height: 96px
    }

    .h-\[97px\] {
        height: 97px
    }

    .h-full {
        height: 100%
    }

    .w-12 {
        width: 3rem
    }

    .w-4 {
        width: 1rem
    }

    .w-5 {
        width: 1.25rem
    }

    .w-6 {
        width: 1.5rem
    }

    .w-\[104px\] {
        width: 104px
    }

    .w-\[112px\] {
        width: 112px
    }

    .w-\[1200px\] {
        width: 1200px
    }

    .w-\[128px\] {
        width: 128px
    }

    .w-\[141px\] {
        width: 141px
    }

    .w-\[1px\] {
        width: 1px
    }

    .w-\[218px\] {
        width: 218px
    }

    .w-\[280px\] {
        width: 280px
    }

    .w-\[282px\] {
        width: 282px
    }

    .w-\[311px\] {
        width: 311px
    }

    .w-\[320px\] {
        width: 320px
    }

    .w-\[378px\] {
        width: 378px
    }

    .w-\[388px\] {
        width: 388px
    }

    .w-\[420px\] {
        width: 420px
    }

    .w-\[560px\] {
        width: 560px
    }

    .w-\[58px\] {
        width: 58px
    }

    .w-\[624px\] {
        width: 624px
    }

    .w-\[702px\] {
        width: 702px
    }

    .w-\[72px\] {
        width: 72px
    }

    .w-\[772px\] {
        width: 772px
    }

    .w-\[800px\] {
        width: 800px
    }

    .w-\[96px\] {
        width: 96px
    }

    .w-full {
        width: 100%
    }

    .flex-1 {
        flex: 1 1 0%
    }

    .flex-shrink {
        flex-shrink: 1
    }

    .flex-grow {
        flex-grow: 1
    }

    .transform {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    @keyframes spin {
        to {
            transform: rotate(360deg)
        }
    }

    .animate-spin {
        animation: spin 1s linear infinite
    }

    .cursor-pointer {
        cursor: pointer
    }

    .resize {
        resize: both
    }

    .flex-col {
        flex-direction: column
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .content-center {
        align-content: center
    }

    .items-start {
        align-items: flex-start
    }

    .\ !items-center {
        align-items: center !important
    }

    .items-center {
        align-items: center
    }

    .justify-start {
        justify-content: flex-start
    }

    .\ !justify-center {
        justify-content: center !important
    }

    .justify-center {
        justify-content: center
    }

    .justify-between {
        justify-content: space-between
    }

    .gap-4 {
        gap: 1rem
    }

    .gap-6 {
        gap: 1.5rem
    }

    .gap-\[10px\] {
        gap: 10px
    }

    .space-x-1>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.25rem * var(--tw-space-x-reverse));
        margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.5rem * var(--tw-space-x-reverse));
        margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .space-x-3>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.75rem * var(--tw-space-x-reverse));
        margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .space-x-5>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.25rem * var(--tw-space-x-reverse));
        margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.5rem * var(--tw-space-x-reverse));
        margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(2rem * var(--tw-space-x-reverse));
        margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .space-y-1>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
    }

    .space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
    }

    .space-y-3>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
    }

    .space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem * var(--tw-space-y-reverse))
    }

    .space-y-5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
    }

    .space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
    }

    .space-y-8>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2rem * var(--tw-space-y-reverse))
    }

    .space-y-\[23px\]>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(23px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(23px * var(--tw-space-y-reverse))
    }

    .space-y-\[60px\]>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(60px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(60px * var(--tw-space-y-reverse))
    }

    .divide-y-2>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(2px * var(--tw-divide-y-reverse))
    }

    .overflow-auto {
        overflow: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-y-auto {
        overflow-y: auto
    }

    .overflow-x-hidden {
        overflow-x: hidden
    }

    .overscroll-y-contain {
        overscroll-behavior-y: contain
    }

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .text-wrap {
        text-wrap: wrap
    }

    .rounded-\[12px\] {
        border-radius: 12px
    }

    .rounded-\[4px\] {
        border-radius: 4px
    }

    .rounded-full {
        border-radius: 9999px
    }

    .rounded-lg {
        border-radius: .5rem
    }

    .rounded-md {
        border-radius: .375rem
    }

    .rounded-xl {
        border-radius: .75rem
    }

    .rounded-t-lg {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .border {
        border-width: 1px
    }

    .border-0 {
        border-width: 0
    }

    .border-b-0 {
        border-bottom-width: 0
    }

    .border-r-0 {
        border-right-width: 0
    }

    .border-t-0 {
        border-top-width: 0
    }

    .border-solid {
        border-style: solid
    }

    .border-none {
        border-style: none
    }

    .border-\[rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
        border-color: rgba(0, 0, 0, .08)
    }

    .border-\[rgba\(0\2c 0\2c 0\2c 0\.10\)\] {
        border-color: rgba(0, 0, 0, .1)
    }

    .border-black {
        --tw-border-opacity: 1;
        border-color: rgb(0 0 0 / var(--tw-border-opacity))
    }

    .border-btn-default {
        border-color: rgba(0, 0, 0, .12)
    }

    .border-card {
        border-color: rgba(0, 0, 0, .08)
    }

    .border-normal {
        border-color: rgba(13, 13, 13, .06)
    }

    .border-slate-200 {
        --tw-border-opacity: 1;
        border-color: rgb(226 232 240 / var(--tw-border-opacity))
    }

    .border-white {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity))
    }

    .border-opacity-20 {
        --tw-border-opacity: 0.2
    }

    .\ !bg-white {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
    }

    .bg-\[\#1F69E0\] {
        --tw-bg-opacity: 1;
        background-color: rgb(31 105 224 / var(--tw-bg-opacity))
    }

    .bg-\[\#f7f7f7\] {
        --tw-bg-opacity: 1;
        background-color: rgb(247 247 247 / var(--tw-bg-opacity))
    }

    .bg-\[\#ffffff\] {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity))
    }

    .bg-\[var\(--kd-color-public-normal\)\] {
        background-color: var(--kd-color-public-normal)
    }

    .bg-black {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity))
    }

    .bg-card {
        background-color: rgba(255, 255, 255, .9)
    }

    .bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(229 231 235 / var(--tw-bg-opacity))
    }

    .bg-gray-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(75 85 99 / var(--tw-bg-opacity))
    }

    .bg-normal {
        background-color: rgba(13, 13, 13, .06)
    }

    .bg-transparent {
        background-color: transparent
    }

    .bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity))
    }

    .bg-opacity-20 {
        --tw-bg-opacity: 0.2
    }

    .bg-opacity-60 {
        --tw-bg-opacity: 0.6
    }

    .bg-opacity-80 {
        --tw-bg-opacity: 0.8
    }

    .bg-\[url\(\'\@\/assets\/img\/brand-logo\@xs\.png\'\)\] {
background-image: url(/images/brand-logo@xs.e126a7c.png)
    }

    .bg-\[url\(\'\@\/assets\/img\/safe-guard\.png\'\)\] {
background-image: url(/images/safe-guard.adc5123.png)
    }

    .bg-none {
        background-image: none
    }

    .bg-contain {
        background-size: contain
    }

    .bg-cover {
        background-size: cover
    }

    .bg-center {
        background-position: center
    }

    .bg-no-repeat {
        background-repeat: no-repeat
    }

    .object-contain {
        -o-object-fit: contain;
        object-fit: contain
    }

    .object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .object-center {
        -o-object-position: center;
        object-position: center
    }

    .p-0 {
        padding: 0
    }

    .p-2 {
        padding: .5rem
    }

    .p-6 {
        padding: 1.5rem
    }

    .p-8 {
        padding: 2rem
    }

    .px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .px-9 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .px-\[47px\] {
        padding-left: 47px;
        padding-right: 47px
    }

    .px-\[60px\] {
        padding-left: 60px;
        padding-right: 60px
    }

    .py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .py-\[11px\] {
        padding-top: 11px;
        padding-bottom: 11px
    }

    .py-\[5px\] {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .py-\[7px\] {
        padding-top: 7px;
        padding-bottom: 7px
    }

    .py-\[9px\] {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .pb-10 {
        padding-bottom: 2.5rem
    }

    .pb-4 {
        padding-bottom: 1rem
    }

    .pb-7 {
        padding-bottom: 1.75rem
    }

    .pl-0 {
        padding-left: 0
    }

    .pl-\[60px\] {
        padding-left: 60px
    }

    .pt-10 {
        padding-top: 2.5rem
    }

    .pt-5 {
        padding-top: 1.25rem
    }

    .pt-6 {
        padding-top: 1.5rem
    }

    .pt-\[144px\] {
        padding-top: 144px
    }

    .pt-\[64px\] {
        padding-top: 64px
    }

    .text-left {
        text-align: left
    }

    .text-center {
        text-align: center
    }

    .\ !text-\[13px\] {
        font-size: 13px !important
    }

    .\ !text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }

    .text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .text-\[13px\] {
        font-size: 13px
    }

    .text-\[16px\] {
        font-size: 16px
    }

    .text-\[20px\] {
        font-size: 20px
    }

    .text-\[28px\] {
        font-size: 28px
    }

    .text-\[32px\] {
        font-size: 32px
    }

    .text-\[36px\] {
        font-size: 36px
    }

    .text-\[40px\] {
        font-size: 40px
    }

    .text-\[42px\] {
        font-size: 42px
    }

    .text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .text-normal {
        font-size: 16px
    }

    .text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .text-xs {
        font-size: .75rem;
        line-height: 1.25rem
    }

    .font-medium {
        font-weight: 500
    }

    .font-semibold {
        font-weight: 600
    }

    .leading-5 {
        line-height: 1.25rem
    }

    .leading-9 {
        line-height: 2.25rem
    }

    .leading-\[22px\] {
        line-height: 22px
    }

    .leading-\[24px\] {
        line-height: 24px
    }

    .leading-\[48px\] {
        line-height: 48px
    }

    .leading-\[56px\] {
        line-height: 56px
    }

    .leading-\[64px\] {
        line-height: 64px
    }

    .leading-\[67\.2px\] {
        line-height: 67.2px
    }

    .leading-normal {
        line-height: 1.6
    }

    .text-ai {
        --tw-text-opacity: 1;
        color: rgb(104 42 239 / var(--tw-text-opacity))
    }

    .text-black {
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity))
    }

    .text-link {
        --tw-text-opacity: 1;
        color: rgb(30 95 199 / var(--tw-text-opacity))
    }

    .text-normal {
        color: rgba(13, 13, 13, .66)
    }

    .text-title {
        color: rgba(13, 13, 13, .9)
    }

    .text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .underline {
        text-decoration-line: underline
    }

    .opacity-60 {
        opacity: .6
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-arrow {
        --tw-shadow: 0px 1px 4px 0px rgba(13, 13, 13, 0.14);
        --tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-card {
        --tw-shadow: 0px 20px 120px 0px rgba(0, 0, 0, 0.10);
        --tw-shadow-colored: 0px 20px 120px 0px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-md {
        --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-card {
        --tw-shadow-color: rgba(13, 13, 13, 0.04);
        --tw-shadow: var(--tw-shadow-colored)
    }

    .outline {
        outline-style: solid
    }

    .blur {
        --tw-blur: blur(8px);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .blur-2xl {
        --tw-blur: blur(40px);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .blur-sm {
        --tw-blur: blur(4px);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .filter {
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .backdrop-blur-2xl {
        --tw-backdrop-blur: blur(40px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }

    .transition {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: 150ms
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: 150ms
    }

    .duration-300 {
        transition-duration: .3s
    }

    .duration-500 {
        transition-duration: .5s
    }

    .ease-in-out {
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .responsive-container {
        margin-left: auto;
        margin-right: auto;
        width: 311px;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    @media (min-width:840px) {
        .responsive-container {
            width: 712px;
            padding-left: 4rem;
            padding-right: 4rem
        }
    }

    @media (min-width:1264px) {
        .responsive-container {
            width: 1200px;
            padding-top: 5rem;
            padding-bottom: 5rem;
            padding-left: 0;
            padding-right: 0
        }
    }

    .img-container {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }

    .before\:hidden::before {
        content: var(--tw-content);
        display: none
    }

    .before\:content-\[\'\7CA4ICP\5907 13015957\53F7\'\]::before {
--tw-content: '绮CP澶�13015957鍙�';
    content: var(--tw-content)
    }

    .before\:content-\[\'\7CA4\516C\7F51\5B89\5907 44049102496073\53F7\'\]::before {
--tw-content: '绮ゅ叕缃戝畨澶�44049102496073鍙�';
    content: var(--tw-content)
    }

    .hover\:cursor-pointer:hover {
        cursor: pointer
    }

    .hover\:border-solid:hover {
        border-style: solid
    }

    .hover\:border-white:hover {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity))
    }

    .hover\:\ !bg-gray-50:hover {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important
    }

    .hover\:bg-\[\#0000000A\]:hover {
        background-color: #0000000A
    }

    .hover\:bg-\[\#1f69e0e8\]:hover {
        background-color: #1f69e0e8
    }

    .hover\:bg-black:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity))
    }

    .hover\:bg-slate-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(248 250 252 / var(--tw-bg-opacity))
    }

    .hover\:bg-opacity-100:hover {
        --tw-bg-opacity: 1
    }

    .hover\:opacity-0:hover {
        opacity: 0
    }

    .hover\:opacity-100:hover {
        opacity: 1
    }

    .hover\:shadow-card:hover {
        --tw-shadow: 0px 20px 120px 0px rgba(0, 0, 0, 0.10);
        --tw-shadow-colored: 0px 20px 120px 0px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .hover\:shadow-sm:hover {
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .hover\:shadow-card:hover {
        --tw-shadow-color: rgba(13, 13, 13, 0.04);
        --tw-shadow: var(--tw-shadow-colored)
    }

    .active\:bg-\[\#0000000F\]:active {
        background-color: #0000000F
    }

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    .disabled\:hover\:cursor-not-allowed:hover:disabled {
        cursor: not-allowed
    }

    @media not all and (min-width:1264px) {
        .max-laptop\:py-\[11px\] {
            padding-top: 11px;
            padding-bottom: 11px
        }

        .max-laptop\:\ !text-sm {
            font-size: .875rem !important;
            line-height: 1.25rem !important
        }

        .max-laptop\:text-normal {
            font-size: 16px
        }

        .max-laptop\:font-normal {
            font-weight: 400
        }

        .max-laptop\:text-normal {
            font-size: 16px;
            color: rgba(13, 13, 13, .66)
        }
    }

    @media not all and (min-width:840px) {
        .max-tablet\:hidden {
            display: none
        }

        .max-tablet\:flex-col {
            flex-direction: column
        }

        .max-tablet\:space-x-0>:not([hidden])~:not([hidden]) {
            --tw-space-x-reverse: 0;
            margin-right: calc(0px * var(--tw-space-x-reverse));
            margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))
        }

        .max-tablet\:whitespace-pre-wrap {
            white-space: pre-wrap;
            word-break: keep-all;
        }

        .max-tablet\:px-0 {
            padding-left: 0;
            padding-right: 0
        }

        .max-tablet\:px-\[15px\] {
            padding-left: 15px;
            padding-right: 15px
        }

        .max-tablet\:\ !pb-20 {
            padding-bottom: 5rem !important
        }
    }

    @media (min-width:840px) {
        .tablet\:mb-0 {
            margin-bottom: 0
        }

        .tablet\:mb-6 {
            margin-bottom: 1.5rem
        }

        .tablet\:ml-0 {
            margin-left: 0
        }

        .tablet\:ml-6 {
            margin-left: 1.5rem
        }

        .tablet\:mt-0 {
            margin-top: 0
        }

        .tablet\:mt-6 {
            margin-top: 1.5rem
        }

        .tablet\:mt-\[39px\] {
            margin-top: 39px
        }

        .tablet\:mt-\[40px\] {
            margin-top: 40px
        }

        .tablet\:block {
            display: block
        }

        .tablet\:flex {
            display: flex
        }

        .tablet\:hidden {
            display: none
        }

        .tablet\:size-\[120px\] {
            width: 120px;
            height: 120px
        }

        .tablet\:size-\[80px\] {
            width: 80px;
            height: 80px
        }

        .tablet\:h-16 {
            height: 4rem
        }

        .tablet\:h-\[117px\] {
            height: 117px
        }

        .tablet\:h-\[122px\] {
            height: 122px
        }

        .tablet\:h-\[140px\] {
            height: 140px
        }

        .tablet\:h-\[274px\] {
            height: 274px
        }

        .tablet\:h-\[280px\] {
            height: 280px
        }

        .tablet\:h-\[320px\] {
            height: 320px
        }

        .tablet\:h-\[326px\] {
            height: 326px
        }

        .tablet\:h-\[391px\] {
            height: 391px
        }

        .tablet\:h-\[473px\] {
            height: 473px
        }

        .tablet\:w-\[140px\] {
            width: 140px
        }

        .tablet\:w-\[282px\] {
            width: 282px
        }

        .tablet\:w-\[440px\] {
            width: 440px
        }

        .tablet\:w-\[712px\] {
            width: 712px
        }

        .tablet\:w-\[776px\] {
            width: 776px
        }

        .tablet\:w-\[872px\] {
            width: 872px
        }

        .tablet\:w-full {
            width: 100%
        }

        .tablet\:flex-1 {
            flex: 1 1 0%
        }

        .tablet\:flex-none {
            flex: none
        }

        .tablet\:flex-shrink-0 {
            flex-shrink: 0
        }

        .tablet\:flex-row {
            flex-direction: row
        }

        .tablet\:flex-nowrap {
            flex-wrap: nowrap
        }

        .tablet\:justify-start {
            justify-content: flex-start
        }

        .tablet\:gap-6 {
            gap: 1.5rem
        }

        .tablet\:space-y-0>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(0px * var(--tw-space-y-reverse))
        }

        .tablet\:space-y-6>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
        }

        .tablet\:bg-\[url\(\'\@\/assets\/img\/brand-logo\@sm\.png\'\)\] {
background-image: url(/images/brand-logo@sm.4cffd0b.png)
    }

    .tablet\:bg-\[url\(\'\@\/assets\/img\/safe-guard\.tablet\.png\'\)\] {
background-image: url(/images/safe-guard.tablet.c2e33af.png)
    }

    .tablet\:bg-\[url\(\@\/assets\/svg\/apps-support-mobile\.svg\)\] {
        background-image: url(/images/apps-support.svg);
        background-position: 78px 0;
    }

    .tablet\:p-10 {
        padding: 2.5rem
    }

    .tablet\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .tablet\:px-\[10px\] {
        padding-left: 10px;
        padding-right: 10px
    }

    .tablet\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .tablet\:py-\[17px\] {
        padding-top: 17px;
        padding-bottom: 17px
    }

    .tablet\:text-left {
        text-align: left
    }

    .tablet\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .tablet\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .tablet\:text-\[28px\] {
        font-size: 28px
    }

    .tablet\:text-\[40px\] {
        font-size: 40px
    }

    .tablet\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .tablet\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .tablet\:opacity-0 {
        opacity: 0
    }
    }

    @media (min-width:1264px) {
        .laptop\:-mx-1 {
            margin-left: -.25rem;
            margin-right: -.25rem
        }

        .laptop\:mx-auto {
            margin-left: auto;
            margin-right: auto
        }

        .laptop\:mb-10 {
            margin-bottom: 2.5rem
        }

        .laptop\:ml-0 {
            margin-left: 0
        }

        .laptop\:\ !flex {
            display: flex !important
        }

        .laptop\:flex {
            display: flex
        }

        .laptop\:hidden {
            display: none
        }

        .laptop\:h-8 {
            height: 2rem
        }

        .laptop\:h-\[120px\] {
            height: 120px
        }

        .laptop\:h-\[168px\] {
            height: 168px
        }

        .laptop\:h-\[240px\] {
            height: 240px
        }

        .laptop\:h-\[471px\] {
            height: 471px
        }

        .laptop\:h-\[56px\] {
            height: 56px
        }

        .laptop\:w-\[1029px\] {
            width: 1029px
        }

        .laptop\:w-\[1128px\] {
            width: 1128px
        }

        .laptop\:w-\[1160px\] {
            width: 1160px
        }

        .laptop\:w-\[1200px\] {
            width: 1200px
        }

        .laptop\:w-\[200px\] {
            width: 200px
        }

        .laptop\:w-\[360px\] {
            width: 360px
        }

        .laptop\:w-\[384px\] {
            width: 384px
        }

        .laptop\:w-\[960px\] {
            width: 960px
        }

        .laptop\:w-full {
            width: 100%
        }

        .laptop\:space-y-10>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
        }

        .laptop\:space-y-\[60px\]>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(60px * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(60px * var(--tw-space-y-reverse))
        }

        .laptop\:bg-\[url\(\'\@\/assets\/img\/brand-logo\.png\'\)\] {
background-image: url(/images/brand-logo.706c964.png)
    }

    .laptop\:bg-\[url\(\'\@\/assets\/img\/safe-guard\.laptop\.png\'\)\] {
background-image: url(/images/safe-guard.laptop.449d925.png)
    }

    .laptop\:bg-\[url\(\@\/assets\/svg\/apps-support\.svg\)\] {
        background-image: url(/images/apps-support.svg);
        background-position: 0 0;
    }

    .laptop\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .laptop\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .laptop\:py-\[72px\] {
        padding-top: 72px;
        padding-bottom: 72px
    }

    .laptop\:pl-0 {
        padding-left: 0
    }
    }

    .nuxt-progress {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        width: 0;
        opacity: 1;
        transition: width .1s, opacity .4s;
        background-color: #000;
        z-index: 999999
    }

    .nuxt-progress.nuxt-progress-notransition {
        transition: none
    }

    .nuxt-progress-failed {
        background-color: red
    }

    .translate-fade-down-enter-active,
    .translate-fade-down-leave-active {
        transition: all .25s;
        transition-timing-function: cubic-bezier(.53, 2, .36, .85)
    }

    .translate-fade-down-enter,
    .translate-fade-down-leave-active {
        opacity: 0
    }

    .translate-fade-down-enter,
    .translate-fade-down-leave-to {
        position: absolute
    }

    .translate-fade-down-enter {
        transform: translateY(-10px)
    }

    .translate-fade-down-leave-active {
        transform: translateY(10px)
    }

    body.site-grey #plus-site,
    body.site-grey .ent-sdk-float-box-wrap,
    body.site-grey .entp-sdk-box .entp-sdk-modal-main {
        filter: grayscale(1) !important
    }

    * {
        outline: 0
    }

    body {
        font-size: 14px;
        overflow-x: hidden
    }

    img {
        width: auto;
        height: auto
    }

    .ent-sdk-float-tip-wrapper {
        z-index: 5
    }

    .ent-sdk-float-tip-wrapper .ent-sdk-float-tip-box {
        border-radius: 12px
    }

    .ent-sdk-float-tip-wrapper .ent-sdk-float-tip-box .menu-item:hover,
    .ent-sdk-float-tip-wrapper .ent-sdk-float-tip-box .menu-item:hover svg {
        color: #1f69e0
    }

    .ent-sdk-float-tip-wrapper .ent-sdk-float-tip-contact .inner {
        border-radius: 12px;
        overflow: hidden
    }

    .ent-sdk-float-tip-wrapper .ent-sdk-float-tip-contact .contact-info .qq-info .qq-copy {
        background: #1f69e0
    }

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

        #udesk_container,
        .ent-sdk-float-tip-wrapper {
            /* display: none */
        }
    }

    .plus-layout-default[data-v-09897e5a] {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh
    }

    .plus-layout-default .layout-header[data-v-09897e5a] {
        position: sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        top: 0;
        z-index: 5;
        background-color: #fff
    }

    .plus-layout-default .layout-main[data-v-09897e5a] {
        height: 100%
    }

    .plus-layout-default .layout-footer {
        margin-top: auto
    }

    .header-product-hover[data-v-392c7e11] {
        background-color: #fff
    }

    .header[data-v-392c7e11] {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        position: sticky;
        top: 0;
        z-index: 2
    }

    .header .inner[data-v-392c7e11] {
        z-index: 10;
        padding-left: 32px;
        padding-right: 32px;
        width: 1200px;
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .header.header-expanded[data-v-392c7e11] {
        box-shadow: 0 1px 2px 0 rgba(116, 134, 163, .0392156862745098), 0 2px 8px 0 rgba(116, 134, 163, .10196078431372549)
    }

    .header.header-expanded .inner[data-v-392c7e11] {
        background-color: #fff
    }

    .left-wrap[data-v-392c7e11],
    .right-wrap[data-v-392c7e11] {
        display: flex;
        gap: 30px;
        align-items: center;
        white-space: nowrap
    }

    .logo-wrap a[data-v-392c7e11] {
        display: block;
        height: 100%;
        line-height: 64px
    }

    .logo-wrap img[data-v-392c7e11] {
        width: auto;
        /* width: 90px; */
        height: 55px;
        vertical-align: middle
    }

    .left-wrap[data-v-392c7e11] {
        justify-content: space-between
    }

    @media screen and (max-width:1135px) {
        .left-wrap .navbar[data-v-392c7e11] {
            display: none
        }
    }

    .left-wrap .navbar .menu-list[data-v-392c7e11] {
        margin: 0;
        list-style: none;
        white-space: nowrap;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        display: flex;
        gap: 4px
    }

    .left-wrap .navbar .menu-list .submenu[data-v-392c7e11] {
        left: -4px;
        padding: 0;
        letter-spacing: normal
    }

    .left-wrap .navbar .menu-list .submenu>.item[data-v-392c7e11] {
        display: flex;
        padding: 7px 12px;
        align-items: center;
        gap: 12px;
        align-self: stretch
    }

    .left-wrap .navbar .menu-list .submenu>.item[data-v-392c7e11]:last-of-type {
        margin-bottom: 0
    }

    .left-wrap .navbar .menu-list .submenu>.item[data-v-392c7e11]:hover {
        border-radius: 4px;
        background: rgba(0, 0, 0, .04)
    }

    .left-wrap .navbar .menu-list .submenu>.item.active a[data-v-392c7e11] {
        background: #f2f2f2
    }

    .left-wrap .navbar .menu-list .submenu>.item a[data-v-392c7e11] {
        color: var(---kd-color-text-primary, rgba(13, 13, 13, .9));
        font-size: 14px;
        font-weight: 400
    }

    .left-wrap .navbar .menu-list>.item[data-v-392c7e11] {
        cursor: pointer;
        display: inline-flex;
        position: relative;
        line-height: 30px;
        border-radius: 4px;
        padding: 4px 8px 4px 12px;
        align-items: center;
        gap: 4px
    }

    .left-wrap .navbar .menu-list>.item .products-li[data-v-392c7e11] {
        display: flex;
        align-items: center;
        gap: 4px;
        justify-content: center
    }

    .left-wrap .navbar .menu-list>.item .products-li a[data-v-392c7e11] {
        color: rgba(13, 13, 13, .9)
    }

    .left-wrap .navbar .menu-list>.item .products-li .dropdown-icon[data-v-392c7e11] {
        width: 16px;
        height: 16px;
        transition: transform .3s ease;
        transform-origin: center
    }

    .left-wrap .navbar .menu-list>.item .products-li .dropdown-icon-open[data-v-392c7e11] {
        transform: rotate(180deg)
    }

    .left-wrap .navbar .menu-list>.item[data-v-392c7e11]:hover {
        background: rgba(0, 0, 0, .04)
    }

    .left-wrap .navbar .menu-list>.item .navbar-dropdown>a[data-v-392c7e11],
    .left-wrap .navbar .menu-list>.item>a[data-v-392c7e11] {
        display: block;
        color: rgba(13, 13, 13, .9);
        font-size: 14px;
        letter-spacing: 2px;
        position: relative;
        cursor: pointer
    }

    .left-wrap .navbar .menu-list>.item .navbar-dropdown>a .submenu-arrow[data-v-392c7e11],
    .left-wrap .navbar .menu-list>.item>a .submenu-arrow[data-v-392c7e11] {
        display: inline-block
    }

    .left-wrap .navbar .menu-list>.item .navbar-dropdown>a .submenu-arrow img[data-v-392c7e11],
    .left-wrap .navbar .menu-list>.item>a .submenu-arrow img[data-v-392c7e11] {
        width: 16px;
        height: 16px;
        vertical-align: middle
    }

    .left-wrap .navbar .menu-list>.item[data-v-392c7e11] .dropdown-menu {
        margin-top: 4px;
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(116, 134, 163, .0392156862745098), 0 4px 30px 0 rgba(116, 134, 163, .10196078431372549);
        border-radius: 8px;
        left: -13px
    }

    .tel-wrap[data-v-392c7e11] {
        display: flex;
        align-items: center
    }

    .tel-wrap img[data-v-392c7e11] {
        display: block;
        width: 16px;
        height: 16px;
        margin-right: 6px
    }

    .tel-wrap .text[data-v-392c7e11] {
        color: var(---kd-color-text-primary, rgba(13, 13, 13, .9));
        font-size: 16px;
        font-style: normal;
        font-weight: bold;
    }

    .mobile-menu[data-v-392c7e11] {
        display: none
    }

    .mobile-menu .menu-action[data-v-392c7e11] {
        display: block;
        width: 20px;
        height: 20px;
        cursor: pointer
    }

    .mobile-menu .menu-action img[data-v-392c7e11] {
        width: 100%;
        height: 100%
    }

    .download-wrap[data-v-392c7e11] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 52px
    }

    .download-wrap a[data-v-392c7e11] {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        color: var(---kd-color-text-primary, rgba(13, 13, 13, .9));
        cursor: pointer
    }

    .profile .profile-btns[data-v-392c7e11],
    .profile[data-v-392c7e11] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px
    }

    .profile .profile-btns .login[data-v-392c7e11] {
        padding: 4px 12px;
        min-width: 0
    }

    .profile .profile-btns .login[data-v-392c7e11]:active,
    .profile .profile-btns .login[data-v-392c7e11]:hover {
        background-color: transparent
    }

    .profile .avatar[data-v-392c7e11] {
        padding: 8px
    }

    .profile .avatar-pic[data-v-392c7e11] {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        border: 1px solid #fff
    }

    .profile .userinfo[data-v-392c7e11] {
        text-align: center;
        padding: 4px 0 12px;
        margin-bottom: 12px;
        border-bottom: 1px solid rgba(13, 13, 13, .12)
    }

    .profile .userinfo .user-pic img[data-v-392c7e11] {
        border-radius: 50%;
        width: 60px;
        height: 60px
    }

    .profile .userinfo .username[data-v-392c7e11] {
        margin-top: 4px;
        font-size: 16px;
        line-height: 24px
    }

    .profile[data-v-392c7e11] .dropdown-menu {
        margin-top: 4px;
        border-radius: 16px
    }

    .profile[data-v-392c7e11] .dropdown-item {
        text-align: center;
        white-space: nowrap;
        min-width: 206px
    }

    .mobile-menu-list[data-v-392c7e11] {
        display: none;
        position: absolute;
        top: 64px;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 0 32px;
        background-color: #fff;
        box-shadow: 0 60px 120px 0 rgba(13, 13, 13, .04);
        transition: height .3s ease-in-out
    }

    .mobile-menu-list.show[data-v-392c7e11] {
        display: block;
        height: calc(100vh - 64px)
    }

    @media screen and (min-width:1135px) {
        .mobile-menu-list[data-v-392c7e11] {
            display: none !important
        }
    }

    .mobile-menu-list .menu-bottom[data-v-392c7e11] {
        padding: 24px 0
    }

    .mobile-menu-list .menu-bottom .tel-wrap[data-v-392c7e11] {
        display: flex;
        justify-content: flex-start;
        gap: 8px;
        text-align: left
    }

    .nav-products[data-v-392c7e11] {
        position: absolute;
        top: 64px;
        width: 100vw
    }

    @media screen and (max-width:1135px) {
        .right-wrap .tel-wrap[data-v-392c7e11] {
            display: none
        }


    }

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

        .profile-wrap .profile-btns:last-child Button[data-v-392c7e11]:last-child,
        .profile-wrap .user-dropdown[data-v-392c7e11] {
            display: none
        }
    }

    .dropdown[data-v-c403c0c8] {
        display: inline-block;
        position: relative
    }

    .dropdown-menu[data-v-c403c0c8] {
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(116, 134, 163, .0392156862745098), 0 4px 30px 0 rgba(116, 134, 163, .10196078431372549);
        border-radius: 8px;
        padding: 12px;
        position: absolute;
        z-index: 1
    }

    .dropdown-menu.dropdown-menu-right[data-v-c403c0c8] {
        right: 0
    }

    .dropdown-menu[data-v-c403c0c8] .dropdown-item {
        line-height: 24px;
        padding: 6px 16px;
        border-radius: 4px;
        margin-bottom: 12px;
        cursor: pointer
    }

    .dropdown-menu[data-v-c403c0c8] .dropdown-item:last-of-type {
        margin-bottom: 0
    }

    .dropdown-menu[data-v-c403c0c8] .dropdown-item:hover {
        background: #f2f2f2
    }

    .header-product-dropdown[data-v-3591bbe4] {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: left;
        background: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, .06);
        box-shadow: 0 60px 120px 0 rgba(13, 13, 13, .04)
    }

    .header-product-dropdown .container[data-v-3591bbe4] {
        width: 1200px;
        opacity: 0;
        animation: slideDownBounceContent-3591bbe4 .2s forwards;
        animation-timing-function: ease-in-out;
        will-change: transform;
        background: #fff;
        margin: 32px;
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        will-change: height
    }

    .header-product-dropdown .container .img-wrap img[data-v-3591bbe4] {
        width: 196px;
        height: 240px
    }

    .header-product-dropdown .container .products[data-v-3591bbe4] {
        display: flex;
        gap: 32px
    }

    .header-product-dropdown .container .products .product-block[data-v-3591bbe4] {
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .header-product-dropdown .container .products .product-block .title[data-v-3591bbe4] {
        color: var(---kd-color-text-primary, rgba(13, 13, 13, .9));
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
        padding-left: 20px
    }

    .header-product-dropdown .container .products .product-block .product-table[data-v-3591bbe4] {
        display: grid;
        grid-template-rows: repeat(4, 1fr);
        grid-auto-flow: column;
        grid-auto-columns: max-content;
        grid-auto-rows: max-content;
        grid-column-gap: 32px;
        height: 208px
    }

    .header-product-dropdown .container .products .product-block .product-table .product-item[data-v-3591bbe4] {
        display: flex;
        padding: 12px 20px;
        align-items: center;
        box-sizing: border-box;
        color: var(---kd-color-text-primary, rgba(13, 13, 13, .9));
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        cursor: pointer;
        border-radius: 4px
    }

    .header-product-dropdown .container .products .product-block .product-table .product-item img[data-v-3591bbe4] {
        width: 20px;
        height: 20px;
        margin-right: 8px
    }

    .header-product-dropdown .container .products .product-block .product-table .product-item .spec[data-v-3591bbe4] {
        display: inline-flex;
        flex-direction: column;
        gap: 2px
    }

    .header-product-dropdown .container .products .product-block .product-table .product-item .spec .spec-title[data-v-3591bbe4] {
        color: var(---kd-color-text-primary, rgba(13, 13, 13, .9));
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }

    .header-product-dropdown .container .products .product-block .product-table .product-item .spec .spec-desc[data-v-3591bbe4] {
        color: var(---kd-color-text-secondary, rgba(13, 13, 13, .66));
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }

    .header-product-dropdown .container .products .product-block .product-table .product-item[data-v-3591bbe4]:hover {
        background: rgba(0, 0, 0, .04)
    }

    .header-product-dropdown .container .products .product-block .product-table .product-item[data-v-3591bbe4]:active {
        background: rgba(0, 0, 0, .06)
    }

    .header-product-dropdown-show[data-v-3591bbe4] {
        will-change: transform;
        animation: slideDownBounce-3591bbe4 .2s forwards
    }

    .header-product-dropdown-hide[data-v-3591bbe4] {
        will-change: transform;
        animation: slideUp-3591bbe4 .2s forwards
    }

    @media screen and (max-width:840px) {
        .header-product-dropdown[data-v-3591bbe4] {
            flex-direction: column !important;
            justify-content: flex-start !important;
            padding-left: 335px
        }
    }

    @keyframes slideDownBounce-3591bbe4 {
        0% {
            height: 0;
            opacity: 0
        }

        to {
            height: 320px;
            opacity: 1
        }
    }

    @keyframes slideUp-3591bbe4 {
        0% {
            opacity: 1;
            height: 320px
        }

        to {
            height: 0;
            opacity: 0
        }
    }

    @media screen and (max-width:840px) {
        .header-product-dropdown[data-v-3591bbe4] {
            display: none
        }
    }

    @keyframes slideDownBounceContent-3591bbe4 {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .content-center[data-v-34d67f41] {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto
    }

    .content-center p[data-v-34d67f41] {
        font-size: 14px
    }

    .space-center[data-v-34d67f41] {
        display: flex;
        justify-content: center;
        gap: 36px
    }

    .banner[data-v-34d67f41] {
        padding: 64px 32px 40px;
        line-height: 72px;
        font-size: 48px;
        font-weight: 700;
        text-align: center
    }

    .section[data-v-34d67f41] {
        padding: 0 32px
    }

    @media screen and (max-width:840px) {
        .section[data-v-34d67f41] {
            padding: 0 15px
        }
    }

    .section .sec-body[data-v-34d67f41] {
        padding: 0 0 64px
    }

    @media screen and (max-width:840px) {
        .section .sec-body[data-v-34d67f41] {
            padding: 0 0 20px
        }
    }

    .price-detail[data-v-34d67f41],
    .sale-package[data-v-34d67f41] {
        padding-bottom: 64px
    }

    .price-detail .pkg-cates[data-v-34d67f41],
    .sale-package .pkg-cates[data-v-34d67f41] {
        max-width: 368px;
        display: flex;
        margin: 0 auto 40px;
        background-color: rgba(13, 13, 13, .06);
        border-radius: 8px;
        padding: 8px
    }

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

        .price-detail .pkg-cates[data-v-34d67f41],
        .sale-package .pkg-cates[data-v-34d67f41] {
            max-width: 100%
        }
    }

    .price-detail .pkg-cates .cate-item[data-v-34d67f41],
    .sale-package .pkg-cates .cate-item[data-v-34d67f41] {
        flex: 1;
        height: 38px;
        line-height: 38px;
        border-radius: 4px;
        text-align: center;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500
    }

    .price-detail .pkg-cates .cate-item[data-v-34d67f41]:hover,
    .sale-package .pkg-cates .cate-item[data-v-34d67f41]:hover {
        color: #1f69e0
    }

    .price-detail .pkg-cates .cate-item.active[data-v-34d67f41],
    .sale-package .pkg-cates .cate-item.active[data-v-34d67f41] {
        background-color: #1f69e0;
        color: #fff
    }

    .sale-package[data-v-34d67f41] {
        background-image: url(/images/pkgs-bg.png);
        background-size: auto 100%;
        background-position: 50%
    }

    .sale-package .sec-body[data-v-34d67f41] {
        padding-bottom: 0
    }

    .sale-package .pkg-cate-packages .cate-pkgs[data-v-34d67f41] {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px
    }

    .sale-package .pkg-cate-inner[data-v-34d67f41] {
        display: flex;
        flex-wrap: wrap;
        max-width: 1210px;
        margin-bottom: 16px
    }

    .price-detail[data-v-34d67f41] {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto
    }

    .announcement[data-v-34d67f41] {
        max-width: 1200px;
        width: 100%;
        height: 46px;
        background: #fcf2e0;
        border-radius: 2px;
        line-height: 46px;
        text-align: center;
        font-size: 14px;
        margin: 0 auto 32px
    }

    .announcement .announcement-prev[data-v-34d67f41],
    .announcement[data-v-34d67f41] {
        font-weight: 400;
        color: rgba(13, 13, 13, .9019607843137255)
    }

    .announcement .announcement-prev[data-v-34d67f41] {
        display: inline;
        width: 86px;
        height: 16px;
        font-size: 12px;
        line-height: 16px;
        cursor: pointer;
        top: 20px
    }

    .announcement .announcement-box[data-v-34d67f41] {
        position: relative;
        display: inline-block;
        margin-right: 8px;
        height: 16px;
        width: 16px
    }

    .announcement .announcement-box img[data-v-34d67f41] {
        padding-top: 3px;
        width: 16px;
        height: 16px
    }

    .announcement a[data-v-34d67f41] {
        margin-left: 8px;
        display: inline-block;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        font-size: 14px;
        color: #2953c8;
        letter-spacing: 0
    }

    .pay-qa[data-v-34d67f41] {
        background-image: url(/images/pay-bac.png);
        padding-top: 64px
    }

    @media screen and (max-width:840px) {
        .pay-qa[data-v-34d67f41] {
            background-image: none
        }
    }

    .pay-qa .qa-item[data-v-34d67f41] {
        display: inline-block
    }

    .pay-qa .qa-item:nth-child(2n) .item-inner[data-v-34d67f41] {
        margin-right: 0
    }

    .pay-qa .qa-item .item-inner[data-v-34d67f41] {
        width: 588px;
        min-height: 240px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        padding: 33px 32px;
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(116, 134, 163, .0392156862745098), 0 4px 30px 0 rgba(116, 134, 163, .10196078431372549);
        border-radius: 16px;
        margin-right: 20px;
        margin-bottom: 24px
    }

    @media screen and (max-width:1264px) {
        .pay-qa .qa-item .item-inner[data-v-34d67f41] {
            width: 100%
        }
    }

    .pay-qa .qa-item .item-title[data-v-34d67f41] {
        line-height: 24px;
        font-weight: 700;
        font-size: 16px
    }

    .pay-qa .qa-item .item-title span[data-v-34d67f41] {
        padding-bottom: 8px;
        display: inline-block;
        border-bottom: 1px solid rgba(13, 13, 13, .12);
        position: relative
    }

    .pay-qa .qa-item .item-title span[data-v-34d67f41]:after {
        content: " ";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 16px;
        height: 4px;
        background-color: #1f69e0;
        border-radius: 2px
    }

    .pay-qa .qa-item .item-content[data-v-34d67f41] {
        margin-top: 8px;
        color: rgba(13, 13, 13, .66);
        font-size: 14px;
        line-height: 22px
    }

    .pay-qa .qa-item .item-footer[data-v-34d67f41] {
        margin-top: auto;
        text-align: right;
        font-size: 14px;
        line-height: 22px
    }

    .pay-qa .qa-item .item-footer .helper[data-v-34d67f41] {
        text-align: left;
        color: rgba(13, 13, 13, .46);
        font-size: 12px;
        line-height: 18px
    }

    .price-dynamic-banner[data-v-34d67f41] {
        display: block;
        display: flex;
        justify-content: center;
        overflow: hidden;
        width: 100%;
        height: 90px;
        cursor: pointer
    }

    .price-dynamic-banner img[data-v-34d67f41] {
        height: 100%
    }

    .pkg-cate-packages .pkg-cate-inner[data-v-34d67f41] {
        width: 100%
    }

    @media (min-width:1264px) {
        .pkg-cate-packages .pkg-cate-inner[data-v-34d67f41] {
            width: 1200px
        }
    }

    .pkg-cate-packages .pkg-cate-inner[data-v-34d67f41] .wps-carousel .slick-next,
    .pkg-cate-packages .pkg-cate-inner[data-v-34d67f41] .wps-carousel .slick-prev {
        background-color: #a9a9c1
    }

    .pkg-cate-packages .pkg-cate-inner[data-v-34d67f41] .slick-dots {
        bottom: -24px
    }

    .pkg-cate-packages .pkg-cate-inner[data-v-34d67f41] .slick-dots button {
        width: 12px;
        height: 12px;
        background-color: #98afbc;
        border-radius: 100%
    }

    .pkg-cate-packages .pkg-cate-inner[data-v-34d67f41] .slick-list {
        overflow-y: visible;
        overflow-x: hidden
    }

    @media (min-width:1264px) {
        .pkg-cate-packages .pkg-cate-inner[data-v-34d67f41] .slick-list {
            margin-right: -.75rem
        }
    }

    .pkg-cate-packages .pkg-cate-inner[data-v-34d67f41] .slick-track {
        display: flex
    }

    [data-v-34d67f41] .pay-qa [data-depth="0"]>.label-wrapper .label-item {
        font-weight: 400
    }

    @media screen and (max-width:840px) {
        [data-v-34d67f41] .pay-qa {
            --tw-bg-opacity: 1;
            background-color: rgb(247 247 247 / var(--tw-bg-opacity));
            background-image: none;
            padding-top: 2.5rem;
            padding-bottom: 1.75rem
        }
    }

    @media not all and (min-width:840px) {
        [data-v-34d67f41] .pay-qa .label-content {
            font-size: 1rem;
            line-height: 1.5rem
        }
    }

    .carousel-arrow[data-v-34d67f41] {
        z-index: 999;
        display: none !important;
        width: 2.5rem !important;
        height: 2.5rem !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 9999px;
        border-width: 1px;
        border-style: solid;
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
        --tw-shadow: 0px 1px 4px 0px rgba(13, 13, 13, 0.14);
        --tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: 150ms
    }

    .carousel-arrow[data-v-34d67f41]::before {
        content: var(--tw-content);
        display: none
    }

    .carousel-arrow[data-v-34d67f41]:hover {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important
    }

    @media (min-width:1264px) {
        .carousel-arrow[data-v-34d67f41] {
            display: flex !important
        }
    }

    .carousel-arrow--prev[data-v-34d67f41] {
        left: -1.25rem !important
    }

    .carousel-arrow--next[data-v-34d67f41] {
        right: -1.25rem !important
    }

    .page-container[data-v-42aab338] {
        width: 100%
    }

    .banner-img[data-v-42aab338] {
        margin-top: -64px;
        position: absolute;
        width: 100%;
        z-index: -1
    }

    .banner-img img[data-v-42aab338] {
        width: 100%
    }

    .main-container[data-v-42aab338] {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto
    }

    .main-container.fullWidth[data-v-42aab338] {
        max-width: none
    }

    .wps-carousel[data-v-1c528d89] .slick-prev {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 20px;
        height: 20px;
        padding: 0;
        transform: translateY(-50%);
        cursor: pointer;
        border: none;
        left: -25px
    }

    .wps-carousel[data-v-1c528d89] .slick-prev,
    .wps-carousel[data-v-1c528d89] .slick-prev:hover {
        color: transparent;
        outline: 0;
        background: 0 0
    }

    .wps-carousel[data-v-1c528d89] .slick-prev:hover:before {
        opacity: 1
    }

    .wps-carousel[data-v-1c528d89] .slick-prev:focus {
        color: transparent;
        outline: 0;
        background: 0 0
    }

    .wps-carousel[data-v-1c528d89] .slick-prev:focus:before {
        opacity: 1
    }

    .wps-carousel[data-v-1c528d89] .slick-prev:before {
        font-family: slick;
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "鈫�"
    }

    .wps-carousel[data-v-1c528d89] .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 20px;
        height: 20px;
        padding: 0;
        transform: translateY(-50%);
        cursor: pointer;
        border: none;
        right: -25px
    }

    .wps-carousel[data-v-1c528d89] .slick-next,
    .wps-carousel[data-v-1c528d89] .slick-next:hover {
        color: transparent;
        outline: 0;
        background: 0 0
    }

    .wps-carousel[data-v-1c528d89] .slick-next:hover:before {
        opacity: 1
    }

    .wps-carousel[data-v-1c528d89] .slick-next:focus {
        color: transparent;
        outline: 0;
        background: 0 0
    }

    .wps-carousel[data-v-1c528d89] .slick-next:focus:before {
        opacity: 1
    }

    .wps-carousel[data-v-1c528d89] .slick-next:before {
        font-family: slick;
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "鈫�"
    }

    .wps-carousel[data-v-1c528d89] .slick-next.slick-disabled:before,
    .wps-carousel[data-v-1c528d89] .slick-prev.slick-disabled:before {
        opacity: .25
    }

    .wps-carousel[data-v-1c528d89] .slick-dotted.slick-slider {
        margin-bottom: 30px
    }

    .wps-carousel[data-v-1c528d89] .slick-dots {
        position: absolute;
        bottom: 40px;
        display: block;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        left: 50%;
        transform: translateX(-50%)
    }

    .wps-carousel[data-v-1c528d89] .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0 4px;
        padding: 0;
        cursor: pointer
    }

    .wps-carousel[data-v-1c528d89] .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 48px;
        height: 2px;
        border-radius: 3px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: 0;
        background: rgba(13, 13, 13, .9);
        opacity: .3
    }

    .wps-carousel[data-v-1c528d89] .slick-dots li button:focus,
    .wps-carousel[data-v-1c528d89] .slick-dots li button:hover {
        outline: 0
    }

    .wps-carousel[data-v-1c528d89] .slick-dots li.slick-active button {
        opacity: 1
    }

    .slick-slider[data-v-617be128] {
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent
    }

    .slick-list[data-v-617be128],
    .slick-slider[data-v-617be128] {
        position: relative;
        display: block
    }

    .slick-list[data-v-617be128] {
        overflow: hidden;
        margin: 0;
        padding: 0;
        transform: translateZ(0)
    }

    .slick-list[data-v-617be128]:focus {
        outline: 0
    }

    .slick-list.dragging[data-v-617be128] {
        cursor: pointer;
        cursor: hand
    }

    .slick-track[data-v-33dc0305] {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        transform: translateZ(0)
    }

    .slick-track.slick-center[data-v-33dc0305] {
        margin-left: auto;
        margin-right: auto
    }

    .slick-track[data-v-33dc0305]:after,
    .slick-track[data-v-33dc0305]:before {
        display: table;
        content: ""
    }

    .slick-track[data-v-33dc0305]:after {
        clear: both
    }

    .slick-loading .slick-track[data-v-33dc0305] {
        visibility: hidden
    }

    .slick-slide[data-v-33dc0305] {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px
    }

    [dir=rtl] .slick-slide[data-v-33dc0305] {
        float: right
    }

    .slick-slide img[data-v-33dc0305] {
        display: block
    }

    .slick-slide.slick-loading img[data-v-33dc0305] {
        display: none
    }

    .slick-slide.dragging img[data-v-33dc0305] {
        pointer-events: none
    }

    .slick-initialized .slick-slide[data-v-33dc0305] {
        display: block
    }

    .slick-loading .slick-slide[data-v-33dc0305] {
        visibility: hidden
    }

    .slick-vertical .slick-slide[data-v-33dc0305] {
        display: block;
        height: auto;
        border: 1px solid transparent
    }

    .slick-arrow.slick-hidden[data-v-7faf84c8] {
        display: none
    }

    .pkg-item[data-v-a12bab1a] {
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(116, 134, 163, .0392156862745098), 0 4px 30px 0 rgba(116, 134, 163, .10196078431372549);
        width: 384px;
        height: 480px;
        box-sizing: border-box;
        text-align: center;
        display: flex;
        flex-direction: column;
        position: relative
    }

    .pkg-item .recommend-badge[data-v-a12bab1a] {
        position: absolute;
        top: 22px;
        right: -10px;
        height: 48px;
        width: 48px;
        border-radius: 0 0 0 8px 0;
        font-size: 14px;
        color: #fff;
        font-weight: 700
    }

    .pkg-item .recommend-badge img[data-v-a12bab1a] {
        width: 100%;
        height: 100%
    }

    .pkg-item .pkg-desc[data-v-a12bab1a] {
        min-height: 42px;
        line-height: 42px;
        background-image: linear-gradient(270deg, #dddddf, #dbdbdd 99%);
        box-shadow: 0 12px 30px -10px rgba(55, 99, 170, .058823529411764705), 0 6px 40px -4px rgba(55, 99, 170, .10196078431372549);
        font-size: 12px
    }

    .pkg-item .pkg-info[data-v-a12bab1a] {
        text-align: left;
        padding: 0 80px;
        flex: 1;
        overflow: hidden
    }

    .pkg-item .pkg-info .name[data-v-a12bab1a] {
        font-size: 20px;
        line-height: 32px;
        font-weight: 700;
        text-align: center
    }

    .pkg-item .pkg-info .price[data-v-a12bab1a] {
        border-bottom: 1px solid hsla(0, 0%, 59.2%, .06274509803921569);
        position: relative
    }

    .pkg-item .pkg-info .price span[data-v-a12bab1a] {
        vertical-align: bottom;
        font-size: 14px;
        line-height: 36px
    }

    .pkg-item .pkg-info .price .price-contact[data-v-a12bab1a] {
        font-weight: 600;
        font-size: 24px;
        color: rgba(13, 13, 13, .9019607843137255);
        text-align: center
    }

    .pkg-item .pkg-info .price .price-num[data-v-a12bab1a] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center
    }

    .pkg-item .pkg-info .price .price-desc[data-v-a12bab1a] {
        position: relative;
        top: 6px
    }

    .pkg-item .pkg-info .price .num[data-v-a12bab1a] {
        font-size: 36px;
        font-weight: 700;
        display: inline-block
    }

    .pkg-item .pkg-info .price .price-policy[data-v-a12bab1a] {
        height: 20px;
        line-height: 20px;
        position: absolute;
        text-align: center;
        width: 100%;
        left: 0;
        padding: 24px 0
    }

    .pkg-item .pkg-info .price .price-policy span[data-v-a12bab1a] {
        font-size: 12px;
        padding: 0 8px;
        color: #fff;
        background: #f06621;
        border-radius: 4px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        box-sizing: border-box;
        line-height: 20px
    }

    .pkg-item .pkg-info .privs[data-v-a12bab1a] {
        padding: 0;
        font-size: 12px;
        color: rgba(13, 13, 13, .66);
        line-height: 30px
    }

    .pkg-item .pkg-info .privs .icon[data-v-a12bab1a] {
        vertical-align: middle;
        position: relative;
        top: -2px;
        width: 20px;
        height: 20px
    }

    .pkg-item .pkg-buy[data-v-a12bab1a] {
        padding: 24px 83px;
        box-sizing: border-box;
        width: 100%
    }

    .pkg-item .pkg-buy .trial-policy[data-v-a12bab1a] {
        line-height: 22px;
        margin-bottom: 22px;
        font-size: 14px;
        font-weight: 700;
        white-space: nowrap
    }

    .pkg-item .pkg-buy .trial-policy a[data-v-a12bab1a] {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        box-sizing: border-box;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9ImRlc2lnbi1pY29uZm9udCI+CiAgPHBhdGggZD0iTTE4OCw2IEMxOTQuNjI3NDE3LDYgMjAwLDExLjM3MjU4MyAyMDAsMTggQzIwMCwyNC42Mjc0MTcgMTk0LjYyNzQxNywzMCAxODgsMzAgQzE4MS4zNzI1ODMsMzAgMTc2LDI0LjYyNzQxNyAxNzYsMTggQzE3NiwxMS4zNzI1ODMgMTgxLjM3MjU4Myw2IDE4OCw2IFogTTE4OS44NzcyMDgsMTEuODQ4MTcxIEMxODkuNTI1NzM2LDExLjQ5NjY5OTEgMTg4Ljk1NTg4NywxMS40OTY2OTkxIDE4OC42MDQ0MTYsMTEuODQ4MTcxIEMxODguMjUyOTQ0LDEyLjE5OTY0MjkgMTg4LjI1Mjk0NCwxMi43Njk0OTEzIDE4OC42MDQ0MTYsMTMuMTIwOTYzMiBMMTkyLjU4MywxNy4wOTk1NjcxIEwxODEuNCwxNy4xIEMxODAuOTAyOTQ0LDE3LjEgMTgwLjUsMTcuNTAyOTQzNyAxODAuNSwxOCBDMTgwLjUsMTguNDk3MDU2MyAxODAuOTAyOTQ0LDE4LjkgMTgxLjQsMTguOSBMMTkyLjU4MywxOC44OTk1NjcxIEwxODguNjA0NDE2LDIyLjg3OTAzNjggQzE4OC4yNTI5NDQsMjMuMjMwNTA4NyAxODguMjUyOTQ0LDIzLjgwMDM1NzEgMTg4LjYwNDQxNiwyNC4xNTE4MjkgQzE4OC45NTU4ODcsMjQuNTAzMzAwOSAxODkuNTI1NzM2LDI0LjUwMzMwMDkgMTg5Ljg3NzIwOCwyNC4xNTE4MjkgTDE5NC4zMzE5ODEsMTkuNjk3MDU2MyBDMTk1LjI2OTIzOSwxOC43NTk3OTggMTk1LjI2OTIzOSwxNy4yNDAyMDIgMTk0LjMzMTk4MSwxNi4zMDI5NDM3IFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzYgLTYpIiBmaWxsPSIjMjk1M0M4IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KPC9zdmc+Cg==) no-repeat 100%;
        background-size: 16px 16px;
        padding-right: 24px
    }

    .pkg-item .pkg-buy .btn[data-v-a12bab1a] {
        box-sizing: border-box;
        font-weight: 700
    }

    .pkg-item.pkg-index-1 .pkg-desc[data-v-a12bab1a] {
        background-image: linear-gradient(270deg, #02a0fb, #027dfb);
        color: #fff
    }

    .pkg-item.pkg-index-2 .pkg-desc[data-v-a12bab1a] {
        background-image: linear-gradient(83deg, #366ce6 3%, #5299ff);
        color: #fff
    }

    .pkg-item.pkg-index-3 .pkg-desc[data-v-a12bab1a] {
        background-image: linear-gradient(87deg, #1f14c3 3%, #564bff);
        color: #fff
    }

    .pkg-item.pkg-index-4 .pkg-desc[data-v-a12bab1a] {
        background-image: linear-gradient(89deg, #320054, #5400a0 99%);
        color: #fff
    }

    .detail-table {
        --sticky-top: 80px
    }

    .detail-table.show-current-service {
        margin-top: 20px;
        --sticky-top: 20px !important
    }

    table {
        width: 100%;
        text-align: center;
        border-spacing: unset;
        border-collapse: collapse
    }

    td,
    th {
        padding: 0;
        margin: 0 auto
    }

    .title-tb {
        height: var(--title-height, 154px);
        background: #f7f7f7;
        border-radius: 16px;
        line-height: var(--title-height, 154px);
        position: sticky;
        z-index: 3;
        top: var(--sticky-top)
    }

    .title-tb th {
        width: 190px;
        line-height: 24px;
        font-size: 18px;
        position: relative
    }

    .title-tb th.name-pkg {
        display: none;
        height: 154px;
        min-width: 170px;
    }

    .title-tb th.name-pkg.showing, .title-tb th.arrow-th.showing {
        display: table-cell
    }

    .title-tb th .th-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .title-tb th .th-wrap .th-wrap-space {
        width: 2px
    }

    .title-tb th .th-wrap .th-content {
        margin-top: 12px
    }

    .title-tb th .current-service {
        border-radius: 4px 4px 0 0;
        background: var(---kd-color-line-warning, #e2651a);
        height: 20px;
        line-height: 20px;
        color: #fff;
        text-align: center;
        font-size: 12px;
        margin-top: -20px;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0
    }

    .title-tb th .current-service:before {
        position: fixed;
        top: 0;
        left: 0;
        content: " ";
        width: 100%;
        height: 20px;
        background: #fff;
        z-index: -1
    }

    .title-tb th .priv-desc {
        position: absolute;
        top: 0;
        left: 0;
        height: 22px;
        width: 100%;
        text-align: center;
        font-size: 0
    }

    .title-tb th .priv-desc span {
        display: inline-block;
        line-height: 20px;
        padding: 1px 16px;
        font-size: 12px;
        font-weight: 400;
        background: #ededed;
        border-radius: 0 0 8px 8px
    }

    .title-tb th .recommend-tag {
        position: absolute;
        top: 0;
        right: 20px;
        width: 20px;
        height: 24px
    }

    .title-tb th .recommend-tag img {
        width: 100%
    }

    .title-tb th .name {
        font-size: 16px
    }

    .title-tb th .price {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 12px
    }

    .title-tb th .num {
        font-weight: 700;
        font-size: 20px
    }

    .title-tb th .contact,
    .title-tb th .free {
        font-weight: 700
    }

    .title-tb th .video-desc {
        margin-top: 12px;
        text-align: center;
        height: 24px;
        cursor: pointer
    }

    .title-tb th .video-link {
        border-radius: 24px;
        line-height: 24px;
        white-space: nowrap;
        color: #1f69e0;
        background-color: #edf4ff;
        border: 1px solid #d6e6ff;
        font-size: 12px;
        padding: 0 14px;
        display: inline-flex;
        align-items: center
    }

    .title-tb th .video-link img {
        width: 14px;
        height: 14px;
        margin-right: 4px
    }

    .title-tb th .pkg-buy {
        margin-top: 4px
    }

    .title-tb th .pkg-buy .btn {
        width: 120px;
        line-height: 29px;
        white-space: nowrap
    }

    .title-tb th .pkg-buy .trial-policy {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        margin-top: 10px;
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center
    }

    .title-tb th .pkg-buy .trial-policy a {
        display: inline-block;
        max-width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        box-sizing: border-box;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9ImRlc2lnbi1pY29uZm9udCI+CiAgPHBhdGggZD0iTTE4OCw2IEMxOTQuNjI3NDE3LDYgMjAwLDExLjM3MjU4MyAyMDAsMTggQzIwMCwyNC42Mjc0MTcgMTk0LjYyNzQxNywzMCAxODgsMzAgQzE4MS4zNzI1ODMsMzAgMTc2LDI0LjYyNzQxNyAxNzYsMTggQzE3NiwxMS4zNzI1ODMgMTgxLjM3MjU4Myw2IDE4OCw2IFogTTE4OS44NzcyMDgsMTEuODQ4MTcxIEMxODkuNTI1NzM2LDExLjQ5NjY5OTEgMTg4Ljk1NTg4NywxMS40OTY2OTkxIDE4OC42MDQ0MTYsMTEuODQ4MTcxIEMxODguMjUyOTQ0LDEyLjE5OTY0MjkgMTg4LjI1Mjk0NCwxMi43Njk0OTEzIDE4OC42MDQ0MTYsMTMuMTIwOTYzMiBMMTkyLjU4MywxNy4wOTk1NjcxIEwxODEuNCwxNy4xIEMxODAuOTAyOTQ0LDE3LjEgMTgwLjUsMTcuNTAyOTQzNyAxODAuNSwxOCBDMTgwLjUsMTguNDk3MDU2MyAxODAuOTAyOTQ0LDE4LjkgMTgxLjQsMTguOSBMMTkyLjU4MywxOC44OTk1NjcxIEwxODguNjA0NDE2LDIyLjg3OTAzNjggQzE4OC4yNTI5NDQsMjMuMjMwNTA4NyAxODguMjUyOTQ0LDIzLjgwMDM1NzEgMTg4LjYwNDQxNiwyNC4xNTE4MjkgQzE4OC45NTU4ODcsMjQuNTAzMzAwOSAxODkuNTI1NzM2LDI0LjUwMzMwMDkgMTg5Ljg3NzIwOCwyNC4xNTE4MjkgTDE5NC4zMzE5ODEsMTkuNjk3MDU2MyBDMTk1LjI2OTIzOSwxOC43NTk3OTggMTk1LjI2OTIzOSwxNy4yNDAyMDIgMTk0LjMzMTk4MSwxNi4zMDI5NDM3IFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzYgLTYpIiBmaWxsPSIjMjk1M0M4IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KPC9zdmc+Cg==) no-repeat 100%;
        background-size: 12px 12px;
        padding-right: 20px
    }

    .title-tb th .pkg-divider {
        width: 2px;
        height: 28px;
        background: rgba(13, 13, 13, .058823529411764705);
        border-radius: 2px;
        position: relative;
        right: -9px
    }

    .title-tb .arrow-th {
        min-width: 32px;
        display: none;
        z-index: 2;
        left: -1px;
        background: #f7f7f7;
        border-radius: 16px
    }



    .title-tb .arrow-th img {
        width: 24px;
        height: 24px;
        cursor: pointer;
        /* display: block */
    }

    .title-tb .arrow-th img.disabled {
        opacity: .3;
        cursor: default
    }

    .title-tb .arrow-th .arrow-right {
        margin-right: 28px
    }

    .title-tb .name-th {
        width: 200px;
        max-width: 200px;
        font-size: 20px;
        line-height: inherit;
        text-align: left;
        padding-left: 32px;
        white-space: nowrap
    }

    .priv-tb {
        border-radius: 16px 16px 8px 8px;
        margin-top: 16px;
        background-image: linear-gradient(177deg, rgba(13, 13, 13, 0), hsla(0, 0%, 100%, 0));
        border: 1px solid rgba(13, 13, 13, .058823529411764705);
        font-size: 14px
    }

    .priv-tb .group-name {
        line-height: 72px;
        height: 72px;
        padding: 0 32px;
        font-size: 16px;
        font-weight: 700;
        background: #f7f7f7;
        border-radius: 16px 16px 0 0;
        position: sticky;
        top: calc(var(--sticky-top) + var(--title-height, 154px));
        z-index: 1
    }

    .priv-tb .group-name img {
        vertical-align: middle;
        display: inline-block;
        margin-right: 4px
    }

    .priv-tb .see-more[data-v-2df765dc], .priv-tb .fold-more[data-v-2df765dc] {
        line-height: 56px;
        padding: 0 32px;
        cursor: pointer;
        display: flex;
        align-items: center;
        font-size: 14px
    }

    .priv-tb .see-more img[data-v-2df765dc], .priv-tb .fold-more img[data-v-2df765dc] {
        vertical-align: middle;
        width: 16px;
        height: 16px;
        display: inline-block;
        margin-right: 8px
    }

    .priv-tb tr:nth-child(2n) {
        background: #f9f9f9
    }

    .priv-tb tr:hover {
        background: #f2f2f2
    }

    .priv-tb td {
        width: 190px;
        height: 56px;
        vertical-align: middle;
        display: table-cell
    }

    .priv-tb td .val-icon {
        width: 20px;
        height: 20px
    }

    .priv-tb .arrow-td {
        max-width: 32px;
        width: 32px;
        display: none
    }

    @media screen and (max-width:1200px) {
        .priv-tb .arrow-td {
            display: table-cell
        }
    }

    .priv-tb .name-td {
        width: 200px;
        max-width: 200px;
        height: 0;
        text-align: left;
        padding-left: 32px;
        padding-top: 18px;
        padding-bottom: 18px;
        min-height: 20px;
        height: auto;
        line-height: 20px
    }

    .priv-tb .text-val {
        white-space: pre-line
    }

    .footer {
        background: url(/images/footer-bg.png) no-repeat top;
        background-size: cover
    }

    .footer a {
        color: rgba(13, 13, 13, .9);
        font-size: 14px
    }

    .footer-container {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto
    }

    @media screen and (max-width:1280px) {
        .footer-container {
            margin-left: 32px;
            margin-right: 32px
        }
    }

    .logo {
        padding-top: 48px;
        padding-bottom: 24px;
        border-bottom: 1px solid rgba(13, 13, 13, .12)
    }

    .logo img {
        width: auto;
        height: 42px;
        display: block
    }

    .content {
        padding-top: 48px;
        padding-bottom: 44px;
        border-bottom: 1px solid rgba(13, 13, 13, .12)
    }

    @media screen and (max-width:1000px) {
        .content {
            padding-top: 16px;
            padding-bottom: 22px
        }
    }

    .content.footer-mobile {
        margin-left: 32px;
        margin-right: 32px
    }

    .content.footer-mobile .contact-sec .sec-body {
        display: flex;
        white-space: nowrap;
        gap: 16px;
        margin-left: 16px
    }

    .content.footer-mobile .contact-sec .sec-body .block {
        margin-bottom: 0;
        margin-right: 24px
    }

    .content-wrap {
        display: flex;
        justify-content: space-between
    }

    @media screen and (max-width:768px) {
        .content-wrap {
            flex-direction: column
        }
    }

    .content .left-wrap {
        flex: 4;
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    @media screen and (max-width:768px) {
        .content .left-wrap {
            flex-direction: column
        }
    }

    .content .hr-line {
        width: 1px;
        background: rgba(13, 13, 13, .12);
        margin: 0 50px
    }

    @media screen and (max-width:768px) {
        .content .hr-line {
            display: none
        }
    }

    .content .right-wrap {
        flex: 1;
        display: flex
    }

    @media screen and (max-width:1440px) {
        .content .right-wrap {
            flex-direction: column
        }
    }

    @media screen and (max-width:768px) {
        .content .right-wrap {
            flex-direction: row
        }
    }

    .content .section .title {
        color: var(---kd-color-text-primary, rgba(13, 13, 13, .9));
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 24px;
        line-height: 22px
    }

    .content .section .sec-body {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 12px
    }

    .content .section .sec-body a {
        color: var(---kd-color-text-secondary, rgba(13, 13, 13, .66));
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }

    .content .section .sec-body a:hover {
        color: var(---kd-color-text-primary, rgba(13, 13, 13, .9));
        text-decoration-line: underline
    }

    @media screen and (max-width:1000px) {
        .content .contact-sec {
            margin-top: 24px
        }
    }

    .content .foot-package-list {
        display: flex;
        -moz-column-count: 3;
        column-count: 3
    }

    .content .foot-package-list .pkg-cate {
        margin-right: 24px
    }

    .content .foot-package-list .pkg-cate .cate-name {
        display: inline-block;
        margin-bottom: 11px;
        line-height: 22px
    }

    .content .foot-package-list .pkg-cate .cate-name span {
        display: inline-block;
        border-bottom: 2px solid rgba(13, 13, 13, .9);
        font-weight: 700
    }

    .content .foot-package-list .pkg-cate ul {
        padding: 0;
        margin: 0;
        list-style: none;
        list-style-type: none
    }

    .content .foot-package-list .pkg-cate li {
        margin-bottom: 12px;
        white-space: nowrap
    }

    .content .contact-sec {
        /* width: 245px */
    }

    .content .contact-sec .block {
        display: flex;
        align-items: flex-start;
        line-height: 21px
    }

    .content .contact-sec .block .tel {
        margin-top: 8px;
        color: #111;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }

    .content .contact-sec .block .block-title {
        font-weight: 700;
        font-size: 20px;
        letter-spacing: 1.25px;
        line-height: 30px
    }

    .content .contact-sec .block .kf-phone {
        color: rgba(13, 13, 13, .9)
    }

    .content .contact-sec .block .worktime {
        white-space: nowrap;
        color: rgba(13, 13, 13, .9)
    }

    .content .contact-sec .block .appointment {
        display: flex;
        width: 112px;
        height: 40px;
        justify-content: center;
        align-items: center;
        border-radius: 2px;
        border: 1px solid var(---kd-color-line-public, #1e5fc7);
        background: #fff;
        color: var(---kd-color-text-public, #1e5fc7);
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        cursor: pointer;
        text-decoration: none;
    }

    .content .contact-sec .block .appointment:hover {
        color: var(---kd-color-text-public, #1e5fc7);
        text-decoration: none;
    }

    @media screen and (max-width: 1600px) {
        .footer .footer-copy {
            margin-top: 5px;
        }

        .footer .footer-copy .wrapper {
            padding: 10px 0;
        }
    }

    .footer .footer-copy, .footer .footer-copy a {
        color: #777;
    }

    .footer .footer-copy .wrapper {
        display: flex;
        justify-content: space-between;
        padding: 15px 0;
        margin: 0 auto;
        width: 78%;
    }

    .copyright {
        width: 100%;
        padding-top: 16px;
        padding-bottom: 16px;
        line-height: 24px;
        border-top: 1px solid rgba(13, 13, 13, .12);
        text-align: left;
        color: rgba(13, 13, 13, .4588235294117647);
        display: flex
    }

    .copyright .copyright-container {
        width: 100%;
        padding: 0 32px;
        max-width: 1200px;
        margin: 0 auto
    }

    .copyright .item {
        margin-right: 47px;
        display: inline-block;
        font-size: 12px
    }

    .copyright .item a {
        font-size: inherit;
        color: inherit
    }

    .tree-menu[data-v-07e83ae8] {
        line-height: 56px
    }

    @media screen and (max-width:840px) {
        .tree-menu[data-v-07e83ae8] {
            line-height: 60px
        }

        .tree-menu[data-v-07e83ae8] .sec-body {
            line-height: 42px;
            padding-left: 16px;
        }
    }

    .tree-menu .hasBorder[data-v-07e83ae8] {
        border-bottom: 1px solid rgba(13, 13, 13, .12)
    }

    .tree-menu .label-item[data-v-07e83ae8] {
        color: var(---kd-color-text-primary, rgba(13, 13, 13, .9));
        font-weight: 600;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer
    }

    .tree-menu .label-item .arrow[data-v-07e83ae8] {
        width: 56px;
        text-align: center
    }

    @media screen and (max-width:840px) {
        .tree-menu .label-item .arrow[data-v-07e83ae8] {
            width: auto
        }
    }

    .tree-menu .label-item .arrow img[data-v-07e83ae8] {
        width: 16px;
        height: 16px;
        transform: rotate(-90deg);
        transition: transform .1s ease-in;
        vertical-align: middle
    }

    .tree-menu .label-item .arrow.active img[data-v-07e83ae8] {
        transform: rotate(0)
    }

    @media screen and (max-width:840px) {
        .tree-menu .label-item[data-v-07e83ae8] {
            font-weight: 400;
            font-size: 16px
        }
    }

    [data-depth="0"]>.label-wrapper .label-item[data-v-07e83ae8] {
        font-weight: 600
    }

    /* 鍏叡鐨� */
    .flex-center {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* 婊戝姩鍧楁牱寮� */
    .swiper-slide {
        width: auto !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        position: inherit !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
        margin-top: auto !important;
        color: #fff !important;
    }

    /* tooltip */
    .wps-tooltip:hover .tooltip {
        display: block !important;
        left: -7px !important;
        bottom: 120% !important;
        /* 100% 灏嗗瓙鍏冪礌鐨勫簳閮ㄥ畾浣嶅埌鐖跺厓绱犵殑椤堕儴澶� */
    }

    .wps-tooltip:hover .tooltip .arrow {
        border-color: rgb(255, 255, 255) transparent transparent !important;
        border-width: 6px 5px 0px !important;
        bottom: -6px !important;
        left: 10px !important;
    }

    .wps-tooltip .inner[data-v-2b2baa3c] {
        white-space: inherit !important;
    }

    /* 鑱旂郴鎴戜滑 */
    .ent-sdk-float-tip-box:hover+.ent-sdk-float-tip-contact {
        display: block !important;
    }

    .layout-footer .footer .footer-mobile,
    .pay-qa-mobile {
        display: none;
    }

    /* 澶撮儴logo */
    @media screen and (max-width:1135px) {
        .left-wrap .logo-wrap img {
            height: 48px;
        }
    }

    @media screen and (max-width:820px) {
        .left-wrap .logo-wrap img {
            height: 31px;
        }

        .header .inner {
            padding-left: 12px !important;
            padding-right: 12px !important;
        }   

        .right-wrap .profile-wrap .profile-btns .btn {
            padding: 0 12px;
            line-height: 28px;
            height: 28px;
        }

        .right-wrap .download-wrap{
            display: none;
        }

        #slick-list {
            padding: 0 25px;
        }

        /* 鏀粯闂 */
        .pay-qa-pc {
            display: none;
        }

        .pay-qa-mobile {
            display: block;
        }

        .pay-qa-mobile .node-titles .node-contents {
            display: none;
        }

        .layout-footer .footer .footer-mobile {
            display: block;
        }

        .layout-footer .footer #footer-content {
            display: none;
        }

        .content .foot-package-list .pkg-cate li {
            margin-bottom: 0;
        }

        .layout-footer .footer-mobile .tree-list .sec-body {
            display: none;
        }

        /* 搴曢儴澶囨 */
        .footer-copy {
            margin-bottom: 20px;
        }

        .footer-copy,
        .footer-copy a {
            font-size: 12px;
            line-height: 1.5rem;
        }

        .footer-copy .wrapper {
            flex-direction: column;
        }

        .footer-copy .right a {
            display: flex !important;
            align-items: center;
        }

        .footer-copy .right a img {
            width: 14px;
        }

    }

    .ent-sdk-float-box-wrap {
        position: relative;
    }

    .ent-sdk-float-tip-wrapper {
        position: fixed;
        right: 20px;
        bottom: 100px;
    }

    .ent-sdk-float-tip-box {
        width: 48px;
        background-color: #fff;
        color: #3C414B;
        box-shadow: 0 4px 20px 0 rgba(163, 171, 188, 0.3);
        border-radius: 4px;
        box-sizing: border-box;
        padding-top: 5px;
        font-size: 14px;
        text-align: center;
        position: relative;
    }

    .ent-sdk-float-tip-box .menu-item {
        padding: 8px 12px 0;
        font-size: 0;
        cursor: pointer;
    }

    .ent-sdk-float-tip-box .menu-item .icon {
        margin-bottom: 2px;
    }

    .ent-sdk-float-tip-box .menu-item .icon svg,
    .ent-sdk-float-tip-box .menu-item .icon img {
        width: 24px;
        height: 24px;
        color: #3C414B;
    }

    .ent-sdk-float-tip-box .menu-item .text {
        line-height: 20px;
        font-size: 12px;
        padding-bottom: 8px;
    }

    .ent-sdk-float-tip-box .menu-item::after {
        content: ' ';
        display: inline-block;
        width: 16px;
        height: 1px;
        background-color: #E7E9EB;
    }

    .ent-sdk-float-tip-box .menu-item:last-of-type::after {
        content: '';
        display: none;
    }

    .ent-sdk-float-tip-box .menu-item:hover {
        color: #1f69e0;
    }

    .ent-sdk-float-tip-box .menu-item:hover svg {
        color: #1f69e0;
    }

    .ent-sdk-float-tip-box .menu-item[data-name=udesk] {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: -16px;
        transform: translateY(-100%);
        width: 48px;
        height: 130px;
        background: #2953C8 url(/images/1991b3f0537877b25769.gif) no-repeat top center;
        background-size: contain;
        font-size: 0;
        padding: 0;
        box-shadow: 0 4px 20px 0 #a3abbc4d;
        border-radius: 8px;
    }

    .ent-sdk-float-tip-box .menu-item[data-name=udesk] .icon,
    .ent-sdk-float-tip-box .menu-item[data-name=udesk] .text {
        display: none;
    }

    .ent-sdk-float-tip-box .menu-item[data-name=udesk]::after {
        content: '';
        display: none;
    }

    .ent-sdk-float-tip-faq-modal {
        color: #3C414B;
    }

    .ent-sdk-float-tip-faq-modal .entp-sdk-modal-main {
        width: 750px;
        user-select: initial;
    }

    .ent-sdk-float-tip-faq-modal a {
        color: #1f69e0;
        text-decoration: none;
    }

    .ent-sdk-float-tip-faq-modal .ent-sdk-faq-modal-content {
        padding-bottom: 14px;
    }

    .ent-sdk-float-tip-faq-modal .faq-title {
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        font-weight: bold;
        padding: 21px 0;
    }

    .ent-sdk-float-tip-faq-modal .faq-list {
        max-height: 80vh;
        overflow: auto;
    }

    .ent-sdk-float-tip-faq-modal .faq-item {
        margin-bottom: 16px;
    }

    .ent-sdk-float-tip-faq-modal .faq-question {
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
        margin-bottom: 8px;
    }

    .ent-sdk-float-tip-faq-modal .faq-answer,
    .ent-sdk-float-tip-faq-modal .faq-more-detail {
        font-size: 14px;
        line-height: 22px;
        color: #626B84;
    }

    .ent-sdk-float-tip-faq-modal .faq-more-detail {
        text-align: right;
    }

    .ent-sdk-float-tip-contact {
        position: absolute;
        bottom: 0;
        right: 48px;
        color: #3C414B;
        font-size: 12px;
    }

    .ent-sdk-float-tip-contact .inner {
        display: flex;
        align-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0 4px 20px 0 rgba(163, 171, 188, 0.3);
        border-radius: 4px;
        margin-right: 2px;
        flex-direction: column;
    }

    .ent-sdk-float-tip-contact .qrcode {
        width: 130px;
        font-size: 12px;
        background-color: #F8F8F8;
        padding-bottom: 21px;
    }

    .ent-sdk-float-tip-contact .qrcode .text {
        text-align: center;
        margin-top: 30px;
        line-height: 17px;
    }

    .ent-sdk-float-tip-contact .qrcode .qr-img {
        margin-top: 8px;
        text-align: center;
        font-size: 0;
    }

    .ent-sdk-float-tip-contact .qrcode .qr-img img {
        width: 102px;
        height: 102px;
    }

    .ent-sdk-float-tip-contact .contact-info {
        font-size: 12px;
        padding: 21px 26px;
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /* height: 118px; */
        box-sizing: content-box;
    }

    .ent-sdk-float-tip-contact .contact-info .info-item {
        width: 180px;
    }

    .ent-sdk-float-tip-contact .contact-info .info-item:last-of-type {
        margin-bottom: 0;
    }

    .ent-sdk-float-tip-contact .contact-info .info-item .item-tip {
        margin-bottom: 4px;
    }

    .ent-sdk-float-tip-contact .contact-info .info-item .item-val {
        background-color: #F8F8F8;
        display: flex;
        justify-content: space-between;
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        letter-spacing: 1px;
        border-radius: 2px;
        margin-bottom: 2px;
    }

    .ent-sdk-float-tip-contact .contact-info .info-item .item-helper {
        color: #949AAE;
    }

    .ent-sdk-float-tip-contact .contact-info .qq-info .item-val {
        padding-left: 20px;
    }

    .ent-sdk-float-tip-contact .contact-info .qq-info .qq-copy {
        background: #1f69e0;
        border-radius: 0 2px 2px 0;
        font-size: 12px;
        color: #FFFFFF;
        width: 48px;
        text-align: center;
        cursor: pointer;
    }

    .ent-sdk-float-tip-contact .contact-info .qq-info .qq-copy:hover {
        background: #608DFA;
    }

    .ent-sdk-float-tip-contact .contact-info .phone-info .item-val {
        justify-content: flex-start;
    }

    .ent-sdk-float-tip-contact .contact-info .phone-info .phone-icon {
        padding-left: 4px;
        display: flex;
        align-content: center;
        align-items: center;
    }

    .ent-sdk-float-tip-contact .contact-info .phone-info .phone-icon img {
        width: 16px;
        height: 16px;
    }

    .ent-sdk-float-tip-contact .contact-info .phone-info .phone-num {
        padding-right: 16px;
        padding-left: 16px;
        white-space: nowrap;
    }

    .ent-sdk-float-scroll {
        text-align: center;
        margin-top: 24px;
    }

    .ent-sdk-float-scroll .icon {
        width: 48px;
        height: 48px;
        line-height: 48px;
        background-color: #fff;
        border-radius: 50%;
        box-shadow: 0 4px 20px 0 rgba(163, 171, 188, 0.3);
        cursor: pointer;
    }

    .ent-sdk-float-scroll .icon:hover svg {
        color: #1f69e0;
    }

    .ent-sdk-float-scroll .icon svg {
        margin-top: 12px;
        width: 24px;
        height: 24px;
        vertical-align: top;
        pointer-events: none;
    }

    #udesk_container.active #udesk_visitor_no {
        display: block;
    }

    #udesk_container .udesk-client-btn {
        width: 0 !important;
        right: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #udesk_container #udesk_visitor_no {
        display: none;
    }

    .wps-tooltip[data-v-2b2baa3c] {
        position: relative;
        display: inline-block;
    }

    .wps-tooltip .inner[data-v-2b2baa3c] {
        max-width: 250px;
        white-space: pre-line;
        width: -moz-max-content;
        width: max-content;
        text-align: left
    }

    .wps-tooltip>.outlet[data-v-2b2baa3c],
    .wps-tooltip>.tooltip[data-v-2b2baa3c] {
        font-size: inherit
    }

    .wps-tooltip>.tooltip[data-v-2b2baa3c] {
        display: none;
        position: absolute;
        background-color: #fff;
        color: #626b84;
        border-radius: 5px;
        border: 0;
        outline: none;
        padding: 12px 16px;
        z-index: 100;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
    }

    .wps-tooltip .arrow[data-v-2b2baa3c] {
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid
    }

    .mobile-tooltip.wps-tooltip .inner[data-v-2b2baa3c] {
        max-width: 50vw
    }

    .mobile-tooltip.wps-tooltip>.tooltip[data-v-2b2baa3c] {
        border-radius: 0.21333rem;
        padding: 0.16rem 0.21333rem;
        z-index: 100;
        box-shadow: 0 0.02667rem 0.42667rem rgba(0, 0, 0, .15)
    }

    .detail-table table[data-v-43e4868e] {
        width: 100%;
        text-align: center;
        border-spacing: unset;
        border-collapse: collapse
    }

    .detail-table td[data-v-43e4868e],
    .detail-table th[data-v-43e4868e] {
        padding: 0 4px;
        margin: 0
    }

    .detail-table .title-tb[data-v-43e4868e] {
        height: 146px;
        background: #f7f7f7;
        border-radius: 8px;
        line-height: 146px;
        text-align: center;
        position: relative
    }

    .detail-table .title-tb .pkg-name-slider-box[data-v-43e4868e] {
        position: relative;
        width: 100%;
        height: 146px;
        display: block !important;
        line-height: 1
    }

    .detail-table .title-tb .pkg-name-slider-box .current-service[data-v-43e4868e] {
        text-align: center;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        line-height: 18px;
        box-sizing: border-box
    }

    .detail-table .title-tb .pkg-name-slider-box .current-service span[data-v-43e4868e] {
        font-size: 12px;
        padding: 0 15px;
        background-color: #fa6400;
        color: #fff;
        border-radius: 0 0 6px 6px;
        display: inline-block
    }

    .detail-table .title-tb .pkg-name-slider-box .pkg-info[data-v-43e4868e] {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .detail-table .title-tb .pkg-name-slider-box .name[data-v-43e4868e] {
        padding-top: 16px;
        height: 24px;
        font-weight: 700;
        font-size: 16px;
        text-align: center;
        line-height: 24px
    }

    .detail-table .title-tb .pkg-name-slider-box .recommend-tag[data-v-43e4868e] {
        line-height: 18px;
        padding: 0 3px;
        background-color: #fa6400;
        color: #fff;
        border-radius: 3px;
        font-weight: 400;
        font-size: 12px;
        display: inline-block;
        vertical-align: text-bottom
    }

    .detail-table .title-tb .pkg-name-slider-box .price[data-v-43e4868e] {
        font-size: 12px;
        line-height: 30px
    }

    .detail-table .title-tb .pkg-name-slider-box .price .num[data-v-43e4868e] {
        font-size: 30px;
        font-weight: 700;
        line-height: 30px;
        text-align: center
    }

    .detail-table .title-tb .pkg-name-slider-box .price .contact[data-v-43e4868e],
    .detail-table .title-tb .pkg-name-slider-box .price .free[data-v-43e4868e] {
        font-size: 16px;
        font-weight: 700
    }

    .detail-table .title-tb .pkg-name-slider-box .priv-desc[data-v-43e4868e] {
        color: #949aae;
        line-height: 18px;
        margin-top: 6px;
        font-size: 12px
    }

    .detail-table .title-tb .pkg-name-slider-box .video-desc[data-v-43e4868e] {
        margin-top: 6px;
        text-align: center;
        display: flex;
        justify-content: center
    }

    .detail-table .title-tb .pkg-name-slider-box .video-link[data-v-43e4868e] {
        display: inline-block;
        display: inline-flex;
        align-items: center;
        line-height: 24px;
        border: .5px solid #417ff9;
        color: #417ff9;
        background-color: #fff;
        font-size: 12px;
        padding: 0 12px;
        border-radius: 24px
    }

    .detail-table .title-tb .pkg-name-slider-box .video-link img[data-v-43e4868e] {
        width: 14px;
        height: 14px;
        margin-right: 3px
    }

    .detail-table .title-tb[data-v-43e4868e] .slick-arrow {
        width: 28px;
        height: 28px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgY2xhc3M9ImRlc2lnbi1pY29uZm9udCI+CiAgPHBhdGggZD0iTTE2LDIgQzIzLjczMTk4NjUsMiAzMCw4LjI2ODAxMzUgMzAsMTYgQzMwLDIzLjczMTk4NjUgMjMuNzMxOTg2NSwzMCAxNiwzMCBDOC4yNjgwMTM1LDMwIDIsMjMuNzMxOTg2NSAyLDE2IEMyLDguMjY4MDEzNSA4LjI2ODAxMzUsMiAxNiwyIFogTTE2LDQgQzkuMzcyNTgzLDQgNCw5LjM3MjU4MyA0LDE2IEM0LDIyLjYyNzQxNyA5LjM3MjU4MywyOCAxNiwyOCBDMjIuNjI3NDE3LDI4IDI4LDIyLjYyNzQxNyAyOCwxNiBDMjgsOS4zNzI1ODMgMjIuNjI3NDE3LDQgMTYsNCBaIE0xOS44NDk4NzM3LDcuODMzMzMzMzMgTDE2Ljc2MTcyODksMTQuODIxMDA3NCBDMTYuNDI5ODQ3NywxNS41NzE5Njg4IDE2LjQyOTg0NzcsMTYuNDI4MDMxMiAxNi43NjE3Mjg5LDE3LjE3ODk5MjYgTDE5Ljg0OTg3MzcsMjQuMTY2NjY2NyBMMTEuNjgzMjA3MSwxNiBMMTkuODQ5ODczNyw3LjgzMzMzMzMzIFoiIGZpbGwtb3BhY2l0eT0iLjkiIGZpbGw9IiMwRDBEMEQiIGZpbGwtcnVsZT0ibm9uemVybyIvPgo8L3N2Zz4K) no-repeat 50% !important;
        background-size: 100% 100%;
        transform: none;
        top: 59px;
        left: 42.5px;
        right: 0;
        z-index: 2
    }

    .detail-table .title-tb[data-v-43e4868e] .slick-arrow:before {
        content: ""
    }

    .detail-table .title-tb[data-v-43e4868e] .slick-arrow.slick-next {
        left: auto;
        right: 42.5px;
        transform: rotate(180deg)
    }

    .detail-table .priv-tb[data-v-43e4868e] {
        border-radius: 8px;
        margin-top: 8px;
        background-image: linear-gradient(178deg, rgba(13, 13, 13, 0), hsla(0, 0%, 100%, 0));
        border: 1px solid rgba(13, 13, 13, .058823529411764705);
        font-size: 14px;
        line-height: 18px
    }

    .detail-table .priv-tb .group-name[data-v-43e4868e] {
        height: 56px;
        line-height: 56px;
        padding: 0 10px;
        background: #f7f7f7;
        font-size: 16px;
        border-radius: 8px 8px 0 0
    }

    .detail-table .priv-tb .group-name img[data-v-43e4868e] {
        vertical-align: middle;
        display: inline-block;
        margin-right: 2px;
        width: 24px;
        height: 24px;
        position: relative;
        top: -1.5px
    }

    .detail-table .priv-tb .see-more[data-v-43e4868e] {
        line-height: 48px;
        padding: 0 10px;
        cursor: pointer;
        box-sizing: border-box
    }

    .detail-table .priv-tb .see-more img[data-v-43e4868e] {
        vertical-align: middle;
        margin-right: 2px;
        display: inline-block;
        width: 14px;
        height: 14px;
        position: relative;
        top: -1.5px
    }

    .detail-table .priv-tb tr.more {
        display: none;
    }

    .detail-table .priv-tb .see-more.open img[data-v-43e4868e] {
        transform: rotate(180deg)
    }

    .detail-table .priv-tb tbody[data-v-43e4868e] {
        display: block;
        width: 100%
    }

    .detail-table .priv-tb tbody tr[data-v-43e4868e] {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        min-height: 48px
    }

    .detail-table .priv-tb tr[data-v-43e4868e]:nth-child(2n) {
        background: #f9f9f9
    }

    .detail-table .priv-tb td[data-v-43e4868e] {
        line-height: 18px;
        vertical-align: middle
    }

    .detail-table .priv-tb td .val-icon[data-v-43e4868e] {
        width: 18px;
        height: 18px;
        vertical-align: middle
    }

    .detail-table .priv-tb td .poptips[data-v-43e4868e] {
        width: 14px;
        height: 14px;
        vertical-align: middle;
        padding: 0 4px 0 0;
        position: relative;
        top: -1px
    }

    .detail-table .priv-tb .name-td[data-v-43e4868e] {
        width: auto;
        max-width: 90%;
        text-align: left;
        padding-left: 10px
    }

    .detail-table .priv-tb .value-td[data-v-43e4868e] {
        padding-right: 10px;
        text-align: right
    }

    .detail-table .priv-tb .text-val[data-v-43e4868e] {
        white-space: pre-line
    }

    .btn[data-v-3bd14566] {
        text-align: center;
        cursor: pointer;
        transition: all .1s ease-in-out;
        background-color: transparent;
        color: rgba(13, 13, 13, .9);
        border: 1px solid rgba(13, 13, 13, .23921568627450981);
        box-sizing: content-box;
        padding: 0 20px;
        min-width: 56px;
        font-size: 14px;
        border-radius: 6px;
        height: 32px;
        line-height: 32px
    }

    .btn[data-v-3bd14566],
    .btn span[data-v-3bd14566] {
        display: inline-block
    }

    .btn span[data-v-3bd14566] {
        height: 100%
    }

    .btn-sm[data-v-3bd14566] {
        min-width: 48px;
        height: 28px;
        padding: 0 12px;
        line-height: 28px;
        font-size: 12px;
        border-radius: 4px
    }

    .btn-lg[data-v-3bd14566] {
        min-width: 56px;
        padding: 0 24px;
        height: 36px;
        line-height: 36px;
        font-size: 14px
    }

    .btn-lg[data-v-3bd14566],
    .btn-xl[data-v-3bd14566] {
        border-radius: 8px
    }

    .btn-xl[data-v-3bd14566] {
        min-width: 64px;
        padding: 0 48px;
        height: 48px;
        line-height: 48px;
        font-size: 16px
    }

    .btn-xxl[data-v-3bd14566] {
        min-width: 72px;
        padding: 0 56px;
        height: 56px;
        line-height: 56px;
        font-size: 18px;
        border-radius: 8px
    }

    .btn-primary[data-v-3bd14566] {
        border-color: #1f69e0;
        background-color: #1f69e0;
        color: #fff
    }

    .btn-primary[data-v-3bd14566]:focus,
    .btn-primary[data-v-3bd14566]:hover {
        background: #4c75d4;
        border-color: #4c75d4
    }

    .btn-primary[data-v-3bd14566]:active {
        background: #1838a1;
        border-color: #1838a1
    }

    .btn-primary.is-disabled[data-v-3bd14566] {
        background: #ccd6f2;
        border-color: #ccd6f2
    }

    .btn-ghost[data-v-3bd14566] {
        background: transparent;
        border: 1px solid rgba(13, 13, 13, .23921568627450981);
        color: rgba(13, 13, 13, .9)
    }

    .btn-ghost[data-v-3bd14566]:focus,
    .btn-ghost[data-v-3bd14566]:hover {
        background: rgba(41, 83, 200, .10196078431372549);
        border-color: #1f69e0;
        color: #1f69e0
    }

    .btn-ghost[data-v-3bd14566]:active {
        background: rgba(41, 83, 200, .23921568627450981);
        border-color: #1f69e0;
        color: #1f69e0
    }

    .btn-ghost.is-disabled[data-v-3bd14566] {
        background: #f2f2f2;
        border-color: rgba(13, 13, 13, .12156862745098039);
        color: rgba(8, 14, 23, .23921568627450981)
    }

    .btn-default[data-v-3bd14566] {
        background: transparent;
        border: 1px solid rgba(13, 13, 13, .23921568627450981);
        color: rgba(13, 13, 13, .9)
    }

    .btn-default[data-v-3bd14566]:focus,
    .btn-default[data-v-3bd14566]:hover {
        background: #f2f2f2
    }

    .btn-default[data-v-3bd14566]:active {
        background: #e6e6e6
    }

    .btn-default.is-disabled[data-v-3bd14566] {
        background: #f2f2f2;
        border-color: rgba(13, 13, 13, .12156862745098039);
        color: rgba(8, 14, 23, .23921568627450981)
    }

    .btn-text[data-v-3bd14566] {
        background: transparent;
        border: 1px solid transparent;
        color: rgba(13, 13, 13, .9)
    }

    .btn-text[data-v-3bd14566]:focus,
    .btn-text[data-v-3bd14566]:hover {
        background: rgba(13, 13, 13, .058823529411764705)
    }

    .btn-text[data-v-3bd14566]:active {
        background: rgba(13, 13, 13, .12156862745098039)
    }

    .btn-text.is-disabled[data-v-3bd14566] {
        background: transparent;
        color: rgba(8, 14, 23, .23921568627450981)
    }

    .btn-red[data-v-3bd14566] {
        background: #db3838;
        border: 1px solid #db3838;
        color: #fff
    }

    .btn-red[data-v-3bd14566]:focus,
    .btn-red[data-v-3bd14566]:hover {
        background: #ef5959;
        border-color: #ef5959
    }

    .btn-red[data-v-3bd14566]:active {
        background: #c02828;
        border-color: #c02828
    }

    .btn-red.is-disabled[data-v-3bd14566] {
        background: #fff0f0;
        border-color: #fff0f0
    }

    .btn-green[data-v-3bd14566] {
        background: #00a147;
        border: 1px solid #00a147;
        color: #fff
    }

    .btn-green[data-v-3bd14566]:focus,
    .btn-green[data-v-3bd14566]:hover {
        background: #3fb772;
        border-color: #3fb772
    }

    .btn-green[data-v-3bd14566]:active {
        background: #00883b;
        border-color: #00883b
    }

    .btn-green.is-disabled[data-v-3bd14566] {
        background: #e3f7eb;
        border-color: #e3f7eb
    }

    .btn-yellow[data-v-3bd14566] {
        background: #e99d00;
        border: 1px solid #e99d00;
        color: #fff
    }

    .btn-yellow[data-v-3bd14566]:focus,
    .btn-yellow[data-v-3bd14566]:hover {
        background: #f8b938;
        border-color: #f8b938
    }

    .btn-yellow[data-v-3bd14566]:active {
        background: #c48200;
        border-color: #c48200
    }

    .btn-yellow.is-disabled[data-v-3bd14566] {
        background: #fcf2e0;
        border-color: #fcf2e0
    }

    .btn-orange[data-v-3bd14566] {
        background: #f05b13;
        border: 1px solid #f05b13;
        color: #fff
    }

    .btn-orange[data-v-3bd14566]:focus,
    .btn-orange[data-v-3bd14566]:hover {
        background: #ff7d3a;
        border-color: #ff7d3a
    }

    .btn-orange[data-v-3bd14566]:active {
        background: #da520c;
        border-color: #da520c
    }

    .btn-orange.is-disabled[data-v-3bd14566] {
        background: #ffefe7;
        border-color: #ffefe7
    }

    .btn-white[data-v-3bd14566] {
        --bg-color: #fff;
        --color: rgba(13, 13, 13, 0.9);
        --border-color: rgba(0, 0, 0, 0.12);
        --active-bg-color: #fafafa;
        background: var(--bg-color);
        border: 1px solid var(--border-color);
        color: var(--color);
        font-weight: 500
    }

    .btn-white[data-v-3bd14566]:focus,
    .btn-white[data-v-3bd14566]:hover {
        background: var(--active-bg-color)
    }

    .btn.block[data-v-3bd14566] {
        width: 100%;
        display: block;
        padding: 0;
        box-sizing: border-box
    }

    .btn.is-disabled[data-v-3bd14566] {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        pointer-events: none;
        cursor: not-allowed
    }

    .plus-layout-default .layout-header[data-v-73f2e27f] {
        position: sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        top: 0;
        z-index: 5;
        background-color: #fff;
    }

    .layout-header.scrolled {
        box-shadow: rgb(116 134 163 / 4%) 0px 1px 2px 0px, rgb(116 134 163 / 10%) 0px 2px 8px 0px;
    }

    .fast {
      display: flex;
      justify-content: center;
      color: #fff;
      font-size: 16px;
      margin-top: 100px;
      margin-bottom: -140px;
    }
    .fast a {
      color: #fff;
      margin-right: 10px;
    }
    .fast a:hover {
      text-decoration: underline;
    }
    .fast .app{
      margin-right: 40px
    }
    .footer-bg{
      background-color: #1075F7;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .footer-info {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 141px;
      font-weight: 400;
      font-size: 16px;
      gap: 5px;
    }
    .footer-info {
      display: flex;
      justify-content: center;
      gap: 5px;
      flex-wrap: wrap;
      color: #666;
      padding: 20px 12px;
    }
    
    .footer-info a {
      color: #fff;
      margin-right: 10px;
    }


    .fixed-right-view-mobile {
      display: none;
    } 

    .fixed-right-view {
      position: fixed;
      right: -120px;
      top: 40%;
      transform: translateY(-50%);
      z-index: 1002;
      transition: all 0.3s ease-out;
      opacity: 0.3;
    }
    
    .fixed-right-view.show {
      right: 15px;
      opacity: 1;
    }
    
    .fixed-right-menu {
      padding: 0 2px;
      background: linear-gradient(269deg, #4582fe 0%, #1b68fd 100%);
      border-radius: 11px;
      position: relative;
      box-shadow: 0 0 9px #eee;
    }
    
    .fixed-right-menu-item {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      padding: 12px 0;
      position: relative;
      cursor: pointer;
    }
    
    .fixed-right-menu-item:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 65px;
      height: 1px;
      background: #0047eb;
      opacity: 0.5;
    }
    
    .fixed-right-menu-item.line-hide:before {
      display: none;
    }
    
    .fixed-right-menu-img {
      width: 35px;
      height: 35px;
      transition: all 0.3s ease-out;
    }
    
    .fixed-right-menu-img:hover {
      transform: scale(1.2);
    }
    
    .fixed-right-menu-text {
      font-size: 12px;
      color: #fff;
    }
    
    .kf-avatar {
      width: 86px;
      position: absolute;
      top: -80px;
      left: -3px;
    }
    
    .kf-avatar img {
      width: 100%;
    }
    
    .fixed-right-view-mobile {
      display: none;
    }

    .product-dialog-mobile {
      position: fixed;
      left: 110vw;
      top: 0;
      bottom: 0;
      right: 0;
      background: #fff;
      z-index: 2000;
      display: flex;
      flex-direction: column;
      transition: all 0.3s ease-out;
      opacity: 0.5;
      width: 100vw;
    }
  
    .product-dialog-mobile.show {
      opacity: 1;
      left: 0;
    }
  
    .product-dialog-mobile-close {
      display: flex;
      justify-content: flex-end;
      padding: 10px 12px;
      border-bottom: 1px solid #eee;
    }
  
    .product-dialog-mobile-close img {
      width: 25px;
      height: 25px;
    }
  
    .product-dialog-mobile-menu {
      flex: 1;
      overflow: auto;
    }
  
    .product-dialog-mobile-menu > .product-dialog-mobile-menu-item {
      padding: 4px 0;
    }
  
    .product-dialog-mobile-menu-item {
      border-bottom: 1px solid #eee;
    }
  
    .product-dialog-mobile-menu-top {
      display: flex;
      justify-content: space-between;
      padding: 10px 12px;
    }
  
    .product-dialog-mobile-menu-title {
    }
  
    .product-dialog-mobile-menu-icon {
      width: 20px;
      height: 20px;
      background-image: url("../images/down.png");
      background-size: cover;
      background-repeat: no-repeat;
    }
  
    .product-dialog-mobile-menu-top.show > .product-dialog-mobile-menu-icon {
      background-image: url("../images/up.png");
    }
  
    .product-dialog-mobile-menu-children {
      border-top: 1px solid #eee;
      padding: 8px 0;
      display: none;
    }
  
    .product-dialog-mobile-menu-children-item {
    }
  
    .product-dialog-mobile-menu-children
      .product-dialog-mobile-menu-children-item {
      padding-left: 25px;
    }
  
    .product-dialog-mobile-menu-top.left {
      display: flex;
      justify-content: initial;
      align-items: center;
    }
  
    .product-dialog-mobile-menu-top img {
      width: 22px;
      height: 22px;
      margin-right: 8px;
    }
  
    .product-dialog-mobile-menu-content {
      padding: 12px;
      border-radius: 6px;
      margin: 10px 20px 0 40px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      box-sizing: border-box;
      min-height: 100px;
    }
  
    .product-dialog-mobile-menu-content-title {
      margin-top: 5px;
    }
  
    .product-dialog-mobile-menu-content-remark {
      color: rgba(23, 26, 29, 0.6);
      margin-top: 6px;
      font-size: 14px;
    }
    
    .product-checked {
      position: relative;
    }
    
    .product-checked:before {
      content: "";
      position: absolute;
      left: -25px;
      top: -25px;
      bottom: -25px;
      right: -25px;
    }


    .view {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
    }
    
    .top-logo {
      width: 270px;
      cursor: pointer;
    }
    
    .top-banner {
        background: #fff;
        position: sticky;
        top: 0;
        z-index: 999;
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
    
    .top-tab {
      margin-left: 10px;
      margin-right: 10px;
      display: flex;
      align-items: center;
      gap: 0 10px;
    }
    
    .top-tab-item {
      height: 100%;
      border-radius: 6px 6px 6px 6px;
      padding: 4px 8px 4px 8px;;
      line-height: 36px;
      text-align: center;
      color: #333;
      font-size: 15px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
    }
    
    .top-tab-item img {
      width: 16px;
      height: 16px;
      margin-left: 5px;
    }
    
    .top-tab-item:hover {
      background: #deeeff;
      color: #045afe;
    }
    
    .top-tab-item:hover img {
      transform: rotate(180deg);
    }
    
    .top-tab-item.active {
      background: #deeeff;
      color: #045afe;
    }
    
    .top-right {
      display: flex;
      align-items: center;
    }
    
    .top-right img {
      margin-left: 20px;
    }
    
    .top-right a {
      font-size: 16px;
      color: #045afe;
    }

    .product-dialog {
      position: fixed;
      top: -550px;
      left: 0;
      right: 0;
      z-index: 800;
      background: #ffffff;
      box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.25);
      transition: all 0.3s ease-out;
      opacity: 0;
    }
    
    .product-dialog.show {
      top: 80px;
      opacity: 1;
    }
    
    .product-dialog-left {
      width: 243px;
      box-shadow: 4px 0px 8px 0px #f1f1f1;
      box-sizing: border-box;
      padding: 8px 0 25px 55px;
    }
    
    .product-dialog-left-item {
      width: 172px;
      height: 40px;
      border-radius: 6px 6px 6px 6px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 400;
      font-size: 16px;
      color: #333333;
      margin-top: 12px;
      cursor: pointer;
    }
    
    .product-dialog-left-item.active {
      background: #e8f1fc;
      color: #0168ef;
    }
    
    .product-dialog-left-btn {
      margin-top: 55px;
    }
    
    .product-dialog-left-btn button {
      width: 172px;
      height: 36px;
      background: #045afe;
      box-shadow: 0px 4px 16px 0px rgba(4, 90, 254, 0.16);
      border-radius: 4px 4px 4px 4px;
      font-weight: 500;
      font-size: 14px;
      color: #ffffff;
      line-height: 36px;
      padding: 0;
      position: relative;
    }
    
    .product-dialog-left-btn button:before {
      content: "";
      position: absolute;
      top: -40px;
      left: 75px;
      background-image: url("../images/group 427324103.png");
      background-size: cover;
      background-repeat: no-repeat;
      width: 105px;
      height: 38px;
    }
    
    .product-dialog-center {
      box-sizing: border-box;
      padding: 20px 0 20px 75px;
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      align-content: flex-start;
      flex: 1;
    }
    
    .product-dialog-box {
      display: flex;
    }
    
    .product-dialog-center-item {
      width: 222px;
      height: 65px;
      background: #fff;
      border-radius: 8px 8px 8px 8px;
      display: flex;
      align-items: center;
      padding-left: 12px;
      box-sizing: border-box;
      cursor: pointer;
    }
    
    .product-dialog-center-item:hover {
      background: #ecf6fd;
    }
    
    .product-dialog-center-item.active {
      background: #ecf6fd;
    }
    
    .product-dialog-center-item img {
      width: 36px;
      height: 36px;
    }
    
    .product-dialog-center-item .right {
      padding-left: 12px;
    }
    
    .product-dialog-center-item .title {
      font-weight: 500;
      font-size: 14px;
      line-height: 22px;
      color: #000;
    }
    
    .product-dialog-center-item:hover .title {
      color: #055afe;
    }
    
    .product-dialog-center-item.active .title {
      color: #055afe;
    }
    
    .product-dialog-center-item .remark {
      font-weight: 400;
      font-size: 12px;
      color: #808080;
      line-height: 15px;
      margin-top: 4px;
      width: 155px;
    }
    
    .product-dialog-right {
      padding: 20px 0;
    }
    
    .product-dialog-right-bg {
      background: #f4f9ff;
      width: 265px;
      border-radius: 12px;
    }
    
    .product-dialog-right img {
      width: 265px;
      height: 212px;
    }
    
    .product-dialog-right-title {
      padding: 15px 0 0 12px;
      font-weight: 500;
      font-size: 18px;
      color: #000000;
      line-height: 22px;
    }
    
    .product-dialog-right-remark {
      padding: 10px 12px 0 12px;
      font-weight: 400;
      font-size: 14px;
      color: #656565;
      line-height: 18px;
    }
    
    .product-dialog-right-btn {
      display: flex;
      gap: 16px;
      margin-top: 25px;
      justify-content: center;
      padding: 0 15px 15px 15px;
    }
    
    .product-dialog-right-btn button {
      flex: 1;
      height: 36px;
      background: #045afe;
      box-shadow: 0px 4px 16px 0px rgba(4, 90, 254, 0.16);
      border-radius: 4px 4px 4px 4px;
      font-weight: 500;
      font-size: 14px;
      color: #ffffff;
      line-height: 36px;
    }
    
    .product-dialog-right-btn .btn2 {
      background: linear-gradient(90deg, #045afe 0%, #675aff 100%);
    }


    .modal-mask {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999999;
        white-space: nowrap;
        overflow: hidden;
      }
      
      .modal-container {
        border-radius: 8px;
        padding: 40px 20px;
        width: 500px;
       background: linear-gradient(
          to bottom, 
          #c3daf3 0%, 
          #fff 30%,  
          #fff 100%
        );
        text-align: center;
        position: relative; 
        overflow: hidden;
      }
      
      .modal-content {
        margin: 15px 0;
        line-height: 1.5;
        color: #333;
        white-space: nowrap;
      }
      .modal-content img {
        width:80px;
      }
      .modal-content h3 {
       font-size: 24px;
       font-weight: bold;
       color: #0056b3;
      }
      .modal-content p {
      margin: 10px 0;
      white-space: normal;
      }
      
      .confirm-btn {
        background: #007bff;
        color: white;
        border: none;
        padding: 12px 20px;
        border-radius: 235px;
        cursor: pointer;
        transition: background 0.3s;
        font-size: 16px;
        margin-top: 20px;
        width: 300px;
      }
      
      .confirm-btn:hover {
        background: #0056b3;
      }
          
      @media (max-width: 600px) {
        .modal-container {
            border-radius: 8px;
            padding: 15px;
            width: 85%;
        }
        
        .modal-content {
            font-size: 18px;
            margin: 12px 0;
        }
        .modal-content h3{
            font-size: 18px;
        }
        .modal-content p{
            font-size: 14px;
        }
        
        .confirm-btn {
            padding: 8px 20px;
            font-size: 14px;
            min-width: 140px;
            max-width: 150px;
        }
      }