.__nuxt-error-page {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    background: #f7f8fb;
    bottom: 0;
    color: #47494e;
    display: flex;
    flex-direction: column;
    font-family: sans-serif;
    font-weight: 100!important;
    justify-content: center;
    left: 0;
    padding: 1rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.__nuxt-error-page .error {
    max-width: 23.438vw
}

.__nuxt-error-page .title {
    color: #47494e;
    font-size: 1.5rem;
    margin-bottom: .417vw;
    margin-top: .781vw
}

.__nuxt-error-page .description {
    color: #7f828b;
    line-height: 1.094vw;
    margin-bottom: .521vw
}

.__nuxt-error-page a {
    color: #7f828b!important;
    -webkit-text-decoration: none;
    text-decoration: none
}

.__nuxt-error-page .logo {
    bottom: .625vw;
    left: .625vw;
    position: fixed
}

.loading-page[data-v-61e2bca8] {
    background: var(--color-blue);
    height: .521vw;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    animation-iteration-count: 1;
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    animation-iteration-count: 2;
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    animation-iteration-count: 3;
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    animation-delay: 1s;
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    animation-delay: 2s;
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    animation-delay: 3s;
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    animation-delay: 4s;
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    animation-delay: 5s;
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    animation-duration: .5s;
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    animation-duration: .8s;
    animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    animation-duration: 3s;
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),print {
    .animate__animated {
        animation-duration: 1ms!important;
        animation-iteration-count: 1!important;
        transition-duration: 1ms!important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        transform: translateZ(0) scaleY(.95);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    90% {
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.animate__bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__pulse {
    animation-name: pulse;
    animation-timing-function: ease-in-out
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    animation-name: rubberBand
}

@keyframes shakeX {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

.animate__shakeX {
    animation-name: shakeX
}

@keyframes shakeY {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(0,10px,0)
    }
}

.animate__shakeY {
    animation-name: shakeY
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.animate__headShake {
    animation-name: headShake;
    animation-timing-function: ease-in-out
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.animate__swing {
    animation-name: swing;
    transform-origin: top center
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg);
        -moz-transform: translate3d(20%,0,0) rotate(3deg);
        -ms-transform: translate3d(20%,0,0) rotate(3deg);
        -o-transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__wobble {
    animation-name: wobble
}

@keyframes jello {
    0%,11.1%,to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

.animate__heartBeat {
    animation-duration: 1.3s;
    animation-duration: calc(var(--animate-duration)*1.3);
    animation-name: heartBeat;
    animation-timing-function: ease-in-out
}

@keyframes backInDown {
    0% {
        opacity: .7;
        transform: translateY(-1200px) scale(.7)
    }

    80% {
        opacity: .7;
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate__backInDown {
    animation-name: backInDown
}

@keyframes backInLeft {
    0% {
        opacity: .7;
        transform: translateX(-2000px) scale(.7)
    }

    80% {
        opacity: .7;
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate__backInLeft {
    animation-name: backInLeft
}

@keyframes backInRight {
    0% {
        opacity: .7;
        transform: translateX(2000px) scale(.7)
    }

    80% {
        opacity: .7;
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate__backInRight {
    animation-name: backInRight
}

@keyframes backInUp {
    0% {
        opacity: .7;
        transform: translateY(1200px) scale(.7)
    }

    80% {
        opacity: .7;
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate__backInUp {
    animation-name: backInUp
}

@keyframes backOutDown {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    20% {
        opacity: .7;
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        transform: translateY(700px) scale(.7)
    }
}

.animate__backOutDown {
    animation-name: backOutDown
}

@keyframes backOutLeft {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    20% {
        opacity: .7;
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        transform: translateX(-2000px) scale(.7)
    }
}

.animate__backOutLeft {
    animation-name: backOutLeft
}

@keyframes backOutRight {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    20% {
        opacity: .7;
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        transform: translateX(2000px) scale(.7)
    }
}

.animate__backOutRight {
    animation-name: backOutRight
}

@keyframes backOutUp {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    20% {
        opacity: .7;
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        transform: translateY(-700px) scale(.7)
    }
}

.animate__backOutUp {
    animation-name: backOutUp
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: bounceIn
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.animate__bounceOut {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

.animate__bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

.animate__bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

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

.animate__fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

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

.animate__fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

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

.animate__fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

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

.animate__fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

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

.animate__fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

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

.animate__fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

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

.animate__fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

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

.animate__fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,-100%,0)
    }

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

.animate__fadeInTopLeft {
    animation-name: fadeInTopLeft
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,-100%,0)
    }

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

.animate__fadeInTopRight {
    animation-name: fadeInTopRight
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,100%,0)
    }

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

.animate__fadeInBottomLeft {
    animation-name: fadeInBottomLeft
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,100%,0)
    }

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

.animate__fadeInBottomRight {
    animation-name: fadeInBottomRight
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

.animate__fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.animate__fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

.animate__fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.animate__fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

.animate__fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.animate__fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

.animate__fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.animate__fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,-100%,0)
    }
}

.animate__fadeOutTopLeft {
    animation-name: fadeOutTopLeft
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%,-100%,0)
    }
}

.animate__fadeOutTopRight {
    animation-name: fadeOutTopRight
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%,100%,0)
    }
}

.animate__fadeOutBottomRight {
    animation-name: fadeOutBottomRight
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,100%,0)
    }
}

.animate__fadeOutBottomLeft {
    animation-name: fadeOutBottomLeft
}

@keyframes flip {
    0% {
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)
    }

    to {
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

.animate__animated.animate__flip {
    animation-name: flip;
    backface-visibility: visible
}

@keyframes flipInX {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.animate__flipInX {
    animation-name: flipInX;
    backface-visibility: visible!important
}

@keyframes flipInY {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.animate__flipInY {
    animation-name: flipInY;
    backface-visibility: visible!important
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

.animate__flipOutX {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: flipOutX;
    backface-visibility: visible!important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
}

.animate__flipOutY {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: flipOutY;
    backface-visibility: visible!important
}

@keyframes lightSpeedInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(-30deg)
    }

    60% {
        opacity: 1;
        transform: skewX(20deg)
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    animation-name: lightSpeedInRight;
    animation-timing-function: ease-out
}

@keyframes lightSpeedInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) skewX(30deg)
    }

    60% {
        opacity: 1;
        transform: skewX(-20deg)
    }

    80% {
        transform: skewX(5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    animation-name: lightSpeedInLeft;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(30deg)
    }
}

.animate__lightSpeedOutRight {
    animation-name: lightSpeedOutRight;
    animation-timing-function: ease-in
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0) skewX(-30deg)
    }
}

.animate__lightSpeedOutLeft {
    animation-name: lightSpeedOutLeft;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        transform: rotate(-200deg)
    }

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

.animate__rotateIn {
    animation-name: rotateIn;
    transform-origin: center
}

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        transform: rotate(-45deg)
    }

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

.animate__rotateInDownLeft {
    animation-name: rotateInDownLeft;
    transform-origin: left bottom
}

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        transform: rotate(45deg)
    }

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

.animate__rotateInDownRight {
    animation-name: rotateInDownRight;
    transform-origin: right bottom
}

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        transform: rotate(45deg)
    }

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

.animate__rotateInUpLeft {
    animation-name: rotateInUpLeft;
    transform-origin: left bottom
}

@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        transform: rotate(-90deg)
    }

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

.animate__rotateInUpRight {
    animation-name: rotateInUpRight;
    transform-origin: right bottom
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(200deg)
    }
}

.animate__rotateOut {
    animation-name: rotateOut;
    transform-origin: center
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(45deg)
    }
}

.animate__rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
    transform-origin: left bottom
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(-45deg)
    }
}

.animate__rotateOutDownRight {
    animation-name: rotateOutDownRight;
    transform-origin: right bottom
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(-45deg)
    }
}

.animate__rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
    transform-origin: left bottom
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(90deg)
    }
}

.animate__rotateOutUpRight {
    animation-name: rotateOutUpRight;
    transform-origin: right bottom
}

@keyframes hinge {
    0% {
        animation-timing-function: ease-in-out
    }

    20%,60% {
        animation-timing-function: ease-in-out;
        transform: rotate(80deg)
    }

    40%,80% {
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg)
    }

    to {
        opacity: 0;
        transform: translate3d(0,700px,0)
    }
}

.animate__hinge {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2);
    animation-name: hinge;
    transform-origin: top left
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

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

.animate__rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.animate__rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

.animate__zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

.animate__zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

.animate__zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

.animate__zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0)
    }
}

.animate__zoomOutDown {
    animation-name: zoomOutDown;
    transform-origin: center bottom
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

.animate__zoomOutLeft {
    animation-name: zoomOutLeft;
    transform-origin: left center
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

.animate__zoomOutRight {
    animation-name: zoomOutRight;
    transform-origin: right center
}

@keyframes zoomOutUp {
    40% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0)
    }
}

.animate__zoomOutUp {
    animation-name: zoomOutUp;
    transform-origin: center bottom
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

.animate__slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

.animate__slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

.animate__slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

.animate__slideOutUp {
    animation-name: slideOutUp
}

/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/
*,:after,:before {
    border: 0 solid
}

:after,:before {
    --tw-content: ""
}

html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,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
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

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

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -.104vw
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

summary {
    display: list-item
}

blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    height: auto;
    max-width: 100%
}

[hidden] {
    display: none
}

/**,:after,:before {*/
/*    --tw-border-spacing-x: 0;*/
/*    --tw-border-spacing-y: 0;*/
/*    --tw-translate-x: 0;*/
/*    --tw-translate-y: 0;*/
/*    --tw-rotate: 0;*/
/*    --tw-skew-x: 0;*/
/*    --tw-skew-y: 0;*/
/*    --tw-scale-x: 1;*/
/*    --tw-scale-y: 1;*/
/*    --tw-pan-x: ;*/
/*    --tw-pan-y: ;*/
/*    --tw-pinch-zoom: ;*/
/*    --tw-scroll-snap-strictness: proximity;*/
/*    --tw-gradient-from-position: ;*/
/*    --tw-gradient-via-position: ;*/
/*    --tw-gradient-to-position: ;*/
/*    --tw-ordinal: ;*/
/*    --tw-slashed-zero: ;*/
/*    --tw-numeric-figure: ;*/
/*    --tw-numeric-spacing: ;*/
/*    --tw-numeric-fraction: ;*/
/*    --tw-ring-inset: ;*/
/*    --tw-ring-offset-width: 0px;*/
/*    --tw-ring-offset-color: #fff;*/
/*    --tw-ring-color: rgba(59,130,246,.5);*/
/*    --tw-ring-offset-shadow: 0 0 transparent;*/
/*    --tw-ring-shadow: 0 0 transparent;*/
/*    --tw-shadow: 0 0 transparent;*/
/*    --tw-shadow-colored: 0 0 transparent;*/
/*    --tw-blur: ;*/
/*    --tw-brightness: ;*/
/*    --tw-contrast: ;*/
/*    --tw-grayscale: ;*/
/*    --tw-hue-rotate: ;*/
/*    --tw-invert: ;*/
/*    --tw-saturate: ;*/
/*    --tw-sepia: ;*/
/*    --tw-drop-shadow: ;*/
/*    --tw-backdrop-blur: ;*/
/*    --tw-backdrop-brightness: ;*/
/*    --tw-backdrop-contrast: ;*/
/*    --tw-backdrop-grayscale: ;*/
/*    --tw-backdrop-hue-rotate: ;*/
/*    --tw-backdrop-invert: ;*/
/*    --tw-backdrop-opacity: ;*/
/*    --tw-backdrop-saturate: ;*/
/*    --tw-backdrop-sepia:*/
/*}*/

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    width: 100%
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.-left-40 {
    left: -10rem
}

.-right-12 {
    right: -3rem
}

.-right-3 {
    right: -.75rem
}

.-right-9 {
    right: -2.25rem
}

.-top-1\/3 {
    top: -33.333333%
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.top-0 {
    top: 0
}

.top-12 {
    top: 3rem
}

.top-6 {
    top: 1.5rem
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-50 {
    z-index: 50
}

.order-first {
    order: -9999
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

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

.my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}

.my-12 {
    margin-bottom: 3rem;
    margin-top: 3rem
}

.my-16 {
    margin-bottom: 4rem;
    margin-top: 4rem
}

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

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

.mb-0 {
    margin-bottom: 0
}

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

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

.mb-15 {
    margin-bottom: 3.75rem
}

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

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

.mb-22 {
    margin-bottom: 5.5rem
}

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

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

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

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

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

.ml-10 {
    margin-left: 2.5rem
}

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

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

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

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

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

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

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

.mr-10 {
    margin-right: 2.5rem
}

.mr-12 {
    margin-right: 3rem
}

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

.mr-2 {
    margin-right: .5rem
}

.mr-2\.5 {
    margin-right: .625rem
}

.mr-20 {
    margin-right: 5rem
}

.mr-25 {
    margin-right: 6.25rem
}

.mr-3 {
    margin-right: .75rem
}

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

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

.mr-8 {
    margin-right: 2rem
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

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

.mt-12 {
    margin-top: 3rem
}

.mt-14 {
    margin-top: 3.5rem
}

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

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

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

.mt-3 {
    margin-top: .75rem
}

.mt-3\.5 {
    margin-top: .875rem
}

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

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

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

.line-clamp-3 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.list-item {
    display: list-item
}

.hidden {
    display: none
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-36 {
    height: 9rem
}

.h-52 {
    height: 13rem
}

.h-6 {
    height: 1.5rem
}

.h-auto {
    height: auto
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.w-10 {
    width: 2.5rem
}

.w-10\/12 {
    width: 83.333333%
}

.w-15 {
    width: 3.75rem
}

.w-16 {
    width: 4rem
}

.w-20 {
    width: 5rem
}

.w-25 {
    width: 6.25rem
}

.w-32 {
    width: 8rem
}

.w-36 {
    width: 9rem
}

.w-6 {
    width: 1.5rem
}

.w-60 {
    width: 15rem
}

.w-80 {
    width: 20rem
}

.w-9\/12 {
    width: 75%
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

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

.flex-\[1_0_auto\] {
    flex: 1 0 auto
}

.flex-shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow,.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))
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.grid-flow-col {
    grid-auto-flow: column
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

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

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

.items-center {
    align-items: center
}

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

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

.justify-center {
    justify-content: center
}

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

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

.justify-items-center {
    justify-items: center
}

.gap-12 {
    gap: 3rem
}

.gap-16 {
    gap: 4rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-12 {
    -moz-column-gap: 3rem;
    column-gap: 3rem
}

.gap-x-48 {
    -moz-column-gap: 12rem;
    column-gap: 12rem
}

.gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.self-end {
    align-self: flex-end
}

.justify-self-end {
    justify-self: end
}

.overflow-hidden,.truncate {
    overflow: hidden
}

.truncate {
    white-space: nowrap
}

.overflow-ellipsis,.text-ellipsis,.truncate {
    text-overflow: ellipsis
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

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

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

.break-words {
    word-wrap: break-word
}

.border {
    border-width: 1px
}

.bg-\[\#EDFAF8\] {
    --tw-bg-opacity: 1;
    background-color: #edfaf8;
    background-color: rgba(237,250,248,var(--tw-bg-opacity))
}

.bg-\[\#F2F5FF\] {
    --tw-bg-opacity: 1;
    background-color: #f2f5ff;
    background-color: rgba(242,245,255,var(--tw-bg-opacity))
}

.bg-\[\#F9F5FF\] {
    --tw-bg-opacity: 1;
    background-color: #f9f5ff;
    background-color: rgba(249,245,255,var(--tw-bg-opacity))
}

.bg-\[\#FFFBF2\] {
    --tw-bg-opacity: 1;
    background-color: #fffbf2;
    background-color: rgba(255,251,242,var(--tw-bg-opacity))
}

.bg-bgGray {
    --tw-bg-opacity: 1;
    background-color: #fafafa;
    background-color: rgba(250,250,250,var(--tw-bg-opacity))
}

.bg-bgPurple {
    --tw-bg-opacity: 1;
    background-color: #f0f3ff;
    background-color: rgba(240,243,255,var(--tw-bg-opacity))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: #1a1a1a;
    background-color: rgba(26,26,26,var(--tw-bg-opacity))
}

.bg-green {
    --tw-bg-opacity: 1;
    background-color: #67ee94;
    background-color: rgba(103,238,148,var(--tw-bg-opacity))
}

.bg-purple {
    --tw-bg-opacity: 1;
    background-color: #9744ff;
    background-color: rgba(151,68,255,var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255,255,255,var(--tw-bg-opacity))
}

.bg-opacity-0 {
    --tw-bg-opacity: 0
}

.fill-blue {
    fill: #4650f0
}

.fill-green {
    fill: #67ee94
}

.fill-purple {
    fill: #9744ff
}

.fill-yellow {
    fill: #ffbc07
}

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

.p-12 {
    padding: 3rem
}

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

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

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

.px-20 {
    padding-left: 5rem;
    padding-right: 5rem
}

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

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-52 {
    padding-left: 13rem;
    padding-right: 13rem
}

.px-56 {
    padding-left: 14rem;
    padding-right: 14rem
}

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

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

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

.py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem
}

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

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

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

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

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

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

.pb-12 {
    padding-bottom: 3rem
}

.pb-2 {
    padding-bottom: .5rem
}

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

.pb-52 {
    padding-bottom: 13rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-20 {
    padding-left: 5rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-56 {
    padding-left: 14rem
}

.pl-100 {
    padding-left: 42rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pr-12 {
    padding-right: 3rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-56 {
    padding-right: 14rem
}

.pt-12 {
    padding-top: 3rem
}

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

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

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

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.font-dinOTBold {
    font-family: Din_OT_bold
}

.font-fangBold {
    font-family: FZFangJHJW_Cu
}

.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-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

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

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

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.leading-none {
    line-height: 1
}

.text-\[\#A6A6A6\] {
    --tw-text-opacity: 1;
    color: #a6a6a6;
    color: rgba(166,166,166,var(--tw-text-opacity))
}

.text-black {
    --tw-text-opacity: 1;
    color: #1a1a1a;
    color: rgba(26,26,26,var(--tw-text-opacity))
}

.text-gray {
    --tw-text-opacity: 1;
    color: #696969;
    color: rgba(105,105,105,var(--tw-text-opacity))
}

.text-lightBlue {
    --tw-text-opacity: 1;
    color: #2650ff;
    color: rgba(38,80,255,var(--tw-text-opacity))
}

.text-lightGreen {
    --tw-text-opacity: 1;
    color: #00d1ae;
    color: rgba(0,209,174,var(--tw-text-opacity))
}

.text-lightPurple {
    --tw-text-opacity: 1;
    color: #9644ff;
    color: rgba(150,68,255,var(--tw-text-opacity))
}

.text-lightYellow {
    --tw-text-opacity: 1;
    color: #ffbb07;
    color: rgba(255,187,7,var(--tw-text-opacity))
}

.text-purple {
    --tw-text-opacity: 1;
    color: #9744ff;
    color: rgba(151,68,255,var(--tw-text-opacity))
}

.text-textBlack {
    --tw-text-opacity: 1;
    color: #242424;
    color: rgba(36,36,36,var(--tw-text-opacity))
}

.text-textGray {
    --tw-text-opacity: 1;
    color: #5e5e5e;
    color: rgba(94,94,94,var(--tw-text-opacity))
}

.text-timeGray {
    --tw-text-opacity: 1;
    color: #697788;
    color: rgba(105,119,136,var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.opacity-80 {
    opacity: .8
}

.opacity-90 {
    opacity: .9
}

.outline {
    outline-style: solid
}

.blur {
    --tw-blur: blur(0.417vw);
    filter: blur(.417vw) 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: 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-md {
    --tw-blur: blur(0.625vw);
    filter: blur(.625vw) 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: 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)
}

.contrast-200 {
    --tw-contrast: contrast(2);
    filter: var(--tw-blur) var(--tw-brightness) contrast(2) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    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)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 0.104vw rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06));
    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) drop-shadow(0 1px .104vw rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06));
    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)
}

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

.filter,.grayscale {
    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)
}

.transition {
    transition-duration: .15s;
    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)
}

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

.hover\:bg-green:hover {
    --tw-bg-opacity: 1;
    background-color: #67ee94;
    background-color: rgba(103,238,148,var(--tw-bg-opacity))
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255,255,255,var(--tw-bg-opacity))
}

.hover\:text-green:hover {
    --tw-text-opacity: 1;
    color: #67ee94;
    color: rgba(103,238,148,var(--tw-text-opacity))
}

.hover\:text-purple:hover {
    --tw-text-opacity: 1;
    color: #9744ff;
    color: rgba(151,68,255,var(--tw-text-opacity))
}

@media (max-width: 767px) {
    .md\:absolute {
        position:absolute
    }

    .md\:relative {
        position: relative
    }

    .md\:order-1 {
        order: 1
    }

    .md\:order-2 {
        order: 2
    }

    .md\:order-first {
        order: -9999
    }

    .md\:col-span-1 {
        grid-column: span 1/span 1
    }

    .md\:m-0 {
        margin: 0
    }

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

    .md\:mx-16 {
        margin-left: 4rem;
        margin-right: 4rem
    }

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

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

    .md\:my-48 {
        margin-bottom: 12rem;
        margin-top: 12rem
    }

    .md\:my-64 {
        margin-bottom: 16rem;
        margin-top: 16rem
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

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

    .md\:mb-20 {
        margin-bottom: 5rem
    }

    .md\:mb-30 {
        margin-bottom: 7.5rem
    }

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

    .md\:mb-40 {
        margin-bottom: 10rem
    }

    .md\:mb-48 {
        margin-bottom: 12rem
    }

    .md\:ml-16 {
        margin-left: 4rem
    }

    .md\:mr-0 {
        margin-right: 0
    }

    .md\:mr-10 {
        margin-right: 2.5rem
    }

    .md\:mr-20 {
        margin-right: 5rem
    }

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

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

    .md\:mt-24 {
        margin-top: 6rem
    }

    .md\:mt-42 {
        margin-top: 10.5rem
    }

    .md\:mt-48 {
        margin-top: 12rem
    }

    .md\:mt-5 {
        margin-top: 1.25rem
    }

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

    .md\:mt-80 {
        margin-top: 20rem
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:h-10 {
        height: 2.5rem
    }

    .md\:h-40 {
        height: 10rem
    }

    .md\:h-48 {
        height: 12rem
    }

    .md\:h-96 {
        height: 24rem
    }

    .md\:h-auto {
        height: auto
    }

    .md\:w-10 {
        width: 2.5rem
    }

    .md\:w-40 {
        width: 10rem
    }

    .md\:w-48 {
        width: 12rem
    }

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

    .md\:grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:flex-wrap {
        flex-wrap: wrap
    }

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

    .md\:items-center {
        align-items: center
    }

    .md\:justify-center {
        justify-content: center
    }

    .md\:gap-0 {
        gap: 0
    }

    .md\:gap-x-0 {
        -moz-column-gap: 0;
        column-gap: 0
    }

    .md\:gap-x-20 {
        -moz-column-gap: 5rem;
        column-gap: 5rem
    }

    .md\:gap-x-24 {
        -moz-column-gap: 6rem;
        column-gap: 6rem
    }

    .md\:gap-y-48 {
        row-gap: 12rem
    }

    .md\:truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .md\:whitespace-normal {
        white-space: normal
    }

    .md\:whitespace-pre-line {
        white-space: pre-line
    }

    .md\:bg-white {
        --tw-bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255,255,255,var(--tw-bg-opacity))
    }

    .md\:p-0 {
        padding: 0
    }

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

    .md\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

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

    .md\:pb-48 {
        padding-bottom: 12rem
    }

    .md\:pl-36 {
        padding-left: 9rem
    }

    .md\:pl-6 {
        padding-left: 1.5rem
    }

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

    .md\:text-center {
        text-align: center
    }

    .md\:text-lightBlue {
        --tw-text-opacity: 1;
        color: #2650ff;
        color: rgba(38,80,255,var(--tw-text-opacity))
    }

    .md\:text-lightGreen {
        --tw-text-opacity: 1;
        color: #00d1ae;
        color: rgba(0,209,174,var(--tw-text-opacity))
    }

    .md\:text-lightPurple {
        --tw-text-opacity: 1;
        color: #9644ff;
        color: rgba(150,68,255,var(--tw-text-opacity))
    }

    .md\:text-lightYellow {
        --tw-text-opacity: 1;
        color: #ffbb07;
        color: rgba(255,187,7,var(--tw-text-opacity))
    }

    .md\:text-textBlack {
        --tw-text-opacity: 1;
        color: #242424;
        color: rgba(36,36,36,var(--tw-text-opacity))
    }
}

:root {
    --color-purple: #9744ff;
    --color-green: #67ee94;
    --color-blue: #4650f0;
    --color-yellow: #ffbc07;
    --color-btn-green: #70f2b0;
    --color-bg-green: #00d1ae;
    --color-light-blue: #0f82ff;
    --color-light-green: #96fa64
}

@font-face {
    font-display: swap;
    font-family: DIN_OT;
    font-style: normal;
    font-weight: 400;
    src: url(/_nuxt/fonts/DINOT.df2e1a9.woff) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Din_OT_bold;
    font-style: normal;
    font-weight: 400;
    src: url(/_nuxt/fonts/DINOT-Bold.23060a9.woff) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: FZFangJHJW_Cu;
    font-style: normal;
    font-weight: 400;
    src: url(/_nuxt/fonts/FZFangJHJW_Cu.108e63e.woff2) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: FZFangJHJW;
    font-style: normal;
    font-weight: 400;
    src: url(/_nuxt/fonts/FZFangJHJW.b9b35f7.woff2) format("truetype")
}

/*@font-face {*/
/*    font-display: swap;*/
/*    font-family: FZFangJHJW_Medium;*/
/*    font-style: normal;*/
/*    font-weight: 700;*/
/*    src: url(/_nuxt/fonts/FZFangJHJW_Zhun.c1f65f6.woff2) format("truetype")*/
/*}*/

@font-face {
    font-display: swap;
    font-family: DIN_Regular;
    font-style: normal;
    font-weight: 400;
    src: url(/_nuxt/fonts/DIN_Regular.62124d6.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DIN_Medium;
    font-style: normal;
    font-weight: 400;
    src: url(/_nuxt/fonts/DIN_Medium.a8cdcfb.woff2) format("woff2")
}

/*@font-face {*/
/*    font-display: swap;*/
/*    font-family: Noto_Sans;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    src: url(/_nuxt/fonts/NotoSansTC-Regular.fe97a59.otf) format("opentype")*/
/*}*/

/*@font-face {*/
/*    font-display: swap;*/
/*    font-family: Noto_Sans_Medium;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    src: url(/_nuxt/fonts/NotoSansTC-Medium.a615558.otf) format("opentype")*/
/*}*/

/*@font-face {*/
/*    font-display: swap;*/
/*    font-family: Noto_Sans_Bold;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    src: url(/_nuxt/fonts/NotoSansTC-Bold.31790b4.otf) format("opentype")*/
/*}*/

.el-select {
    display: block
}

.el-select .is-focus.el-input .el-input__inner {
    border-color: #d4b3ff;
    box-shadow: 0 0 0 .104vw rgba(212,179,255,.2)
}

.el-select .el-input .el-select__caret {
    color: #000;
    font-weight: 700
}

.el-select .el-input .el-input__icon.el-icon-arrow-up,.el-select .el-input__icon.el-icon-circle-close {
    align-items: center;
    display: flex;
    justify-content: center
}

.el-select .el-select-dropdown {
    border-radius: 0;
    left: 0!important
}

.el-select .el-select-dropdown .el-select-dropdown__item {
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: .26vw;
    padding-top: .26vw
}

.el-select .el-select-dropdown .el-select-dropdown__item.selected {
    color: #9744ff
}

.el-select .el-select-dropdown .el-scrollbar ul {
    display: block!important
}

.el-select .el-select-dropdown .el-scrollbar ul li {
    font-size: 1.042vw
}

.el-select .el-select-dropdown__wrap div,.el-select .el-select-dropdown__wrap li,.el-select .el-select-dropdown__wrap ul {
    display: block
}

.el-input {
    background: #fff;
    min-height: 2.5vw;
    width: 100%
}

.el-input .el-input__inner {
    border-radius: 0;
    font-size: 1.146vw;
    height: 2.5vw;
    position: relative;
    z-index: 0
}

.el-input .el-input__inner::-moz-placeholder {
    color: #c5c5c5
}

.el-input .el-input__inner::placeholder {
    color: #c5c5c5
}

.el-input .el-input__inner:focus::-moz-placeholder {
    color: #dcdcdc
}

.el-input .el-input__inner:focus::placeholder {
    color: #dcdcdc
}

.el-input .el-input__inner:focus {
    border-color: #d4b3ff;
    box-shadow: 0 0 0 .104vw rgba(212,179,255,.2)
}

.el-pagination .el-pager li {
    color: #242424;
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: 1.042vw;
    height: 1.667vw;
    line-height: 1.667vw;
    margin: 0 .208vw;
    min-width: 0;
    text-transform: uppercase;
    width: 1.667vw
}

.el-pagination .el-pager li:hover {
    color: #9644ff
}

.el-pagination .el-pager .number.active {
    background-color: #9644ff;
    color: #fff
}

.el-pagination button,.el-pagination span:not([class*=suffix]) {
    height: 1.667vw;
    line-height: 1.667vw;
    min-width: 0;
    width: 1.667vw
}

.el-pagination button:hover {
    color: #9644ff
}

@media screen and (max-width: 767px) {
    .el-select {
        display:block
    }

    .el-select .is-focus .el-input__inner {
        border-color: #d4b3ff;
        box-shadow: 0 0 0 2px rgba(212,179,255,.2)
    }

    .el-select .el-input .el-select__caret {
        color: #000;
        font-weight: 700
    }

    .el-select .el-select-dropdown {
        left: 0!important;
        width: 100%
    }

    .el-select .el-select-dropdown .el-select-dropdown__item.selected {
        color: #9744ff
    }

    .el-select .el-select-dropdown .el-scrollbar ul {
        display: block!important;
        width: 100%
    }

    .el-select .el-select-dropdown .el-scrollbar ul li {
        height: -moz-fit-content;
        height: fit-content;
        padding: 10px 0 10px 20px
    }

    .el-select .el-select-dropdown .el-scrollbar ul li span {
        font-size: 16px;
        line-height: 1
    }

    .el-input {
        background: #fff;
        min-height: 48px;
        width: 100%
    }

    .el-input .el-input__inner {
        border-radius: 0;
        font-size: 20px;
        height: 48px;
        position: relative;
        z-index: 0
    }

    .el-input .el-input__inner::-moz-placeholder {
        color: #c5c5c5
    }

    .el-input .el-input__inner::placeholder {
        color: #c5c5c5
    }

    .el-input .el-input__inner:focus::-moz-placeholder {
        color: #dcdcdc
    }

    .el-input .el-input__inner:focus::placeholder {
        color: #dcdcdc
    }

    .el-input .el-input__inner:focus {
        border-color: #9644ff;
        box-shadow: 0 0 0 2px rgba(212,179,255,.2)
    }

    .el-pagination {
        display: flex;
        justify-content: center;
        width: 100%
    }

    .el-pagination .el-pager {
        display: flex
    }

    .el-pagination .el-pager li {
        border: 1px solid #f3f3f3;
        color: #5e5e5e;
        font-size: 20px;
        line-height: 1.5;
        margin: 0 4px;
        min-height: 35px;
        min-width: 35px
    }

    .el-pagination li.active+li {
        border-left: 1px solid #f3f3f3
    }

    .el-pagination button {
        border: 1px solid #f3f3f3;
        line-height: 1.5;
        min-height: 35px;
        min-width: 35px;
        padding: 0!important
    }

    .el-pagination span:not([class*=suffix]) {
        height: -moz-fit-content;
        height: fit-content;
        line-height: normal;
        width: -moz-fit-content;
        width: fit-content
    }
}

*,:after,:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body,html {
    background-color: #fff;
    color: #000;
    font-size: .833vw;
    margin: 0
}

main div,main section {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative
}

main section {
    align-items: flex-start;
    margin-bottom: 8.333vw
}

img[lazy=loading] {
    background-color: rgba(0,0,0,.1);
    background-image: url(/_nuxt/img/loading.9812e76.gif);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10.417vw 7.813vw
}

a,em,img,input,li,p,section,span,ul {
    font-family: DIN_OT,FZFangJHJW,Noto_Sans,sans-serif
}

.lang-hk a,.lang-hk em,.lang-hk img,.lang-hk input,.lang-hk li,.lang-hk p,.lang-hk section,.lang-hk span,.lang-hk ul {
    font-family: Noto_Sans,sans-serif
}

h1,h2,h3,h4,h5 {
    font-family: Din_OT_bold,FZFangJHJW_Cu,Noto_Sans_Bold,sans-serif
}

.lang-hk h1,.lang-hk h2,.lang-hk h3,.lang-hk h4,.lang-hk h5 {
    font-family: Noto_Sans_Bold,sans-serif
}

h1 {
    font-size: 5.208vw;
    line-height: 4.063vw;
    white-space: pre-line
}

ul,ul li {
    display: flex
}

.global-community-tags .tag-item,.global-tag,.global-type-tag {
    font-size: .938vw;
    height: 1.667vw;
    line-height: 1.667vw;
    padding: 0 .833vw;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content
}

.global-type-tag {
    align-items: center;
    background: #edebff;
    color: #7161f2;
    display: flex;
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif!important
}

.global-community-tags {
    display: flex;
    flex-wrap: wrap
}

.global-community-tags .tag-item {
    background: #f7f7f7;
    color: #a6a6a6;
    display: block;
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif!important;
    margin-bottom: .417vw;
    margin-right: .417vw;
    text-transform: capitalize
}

.global-community-title {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    cursor: pointer;
    display: -webkit-box;
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: 1.146vw;
    line-height: 1.667vw;
    min-height: 5vw;
    overflow: hidden;
    text-overflow: ellipsis
}

.global-community-title:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lang-cn .global-community-title {
    -webkit-line-clamp: 2;
    min-height: 3.333vw
}

.el-loading-spinner {
    left: 45%
}

.el-loading-spinner .path {
    stroke: #9644ff
}

.inject-card-one {
    background: #fcfafc;
    display: flex;
    margin-bottom: 2.5vw;
    padding: 2.5vw
}

.inject-card-one img {
    height: 14.866vw!important;
    margin: 0 2.5vw 0 0!important;
    width: 10.448vw!important
}

.inject-card-one .card-content {
    display: flex;
    flex-direction: column;
    height: 14.866vw;
    justify-content: space-between;
    width: 26.25vw
}

.inject-card-one .card-content p {
    color: #242424;
    font-size: 1.146vw;
    line-height: 1.875vw;
    width: 100%
}

.inject-card-one .card-content .card-button {
    align-items: center;
    background: #9644ff;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: 1.042vw;
    height: 2.5vw;
    padding: 0 1.25vw;
    text-align: center;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content
}

.inject-card-one .card-content .card-button:hover {
    color: #e9d9ff
}

.inject-card-one .card-content .card-button:hover path {
    stroke: #e9d9ff
}

.inject-card-one .card-content .card-button svg {
    height: .833vw;
    margin-left: .625vw;
    margin-top: .104vw;
    width: .833vw
}

.inject-card-two {
    background: #f9f5ff;
    display: flex;
    flex-direction: column;
    margin-bottom: 2.5vw;
    padding: 2.5vw
}

.inject-card-two p {
    font-size: 1.146vw;
    line-height: 1.875vw
}

.inject-card-two .card-content {
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    margin: .833vw 0
}

.inject-card-two .card-name {
    align-self: end;
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
    margin-bottom: .417vw;
    margin-top: 1.667vw;
    width: -moz-fit-content;
    width: fit-content
}

.inject-card-two .card-desc {
    align-self: end;
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: .938vw;
    line-height: 1.25vw;
    margin-bottom: 0;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 767px) {
    .global-community-tags .tag-item,.global-tag,.global-type-tag {
        font-family:DIN_Medium,FZFangJHJW_Medium,sans-serif;
        text-transform: uppercase
    }

    .global-type-tag {
        font-size: 14px;
        height: 24px;
        line-height: 27px;
        margin-bottom: 0;
        padding: 0 12px;
        text-align: center;
        width: -moz-fit-content;
        width: fit-content
    }

    .global-community-tags {
        display: flex;
        flex-wrap: wrap
    }

    .global-community-tags .tag-item {
        background-color: #f7f7f7;
        color: #a6a6a6;
        display: block;
        font-size: 16px;
        height: 32px;
        line-height: 32px;
        margin-right: 8px;
        padding: 0 8px
    }

    .global-community-title,.line-clamp {
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }

    .global-community-title {
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
        font-size: 16px;
        height: 100px;
        line-height: 24px;
        margin: 12px 0
    }

    .inject-card-one {
        background: #fafafa;
        display: flex;
        margin-bottom: 48px;
        padding: 32px 20px
    }

    .inject-card-one img {
        height: 125.444px!important;
        margin: 0 20px 0 0!important;
        width: 88.168px!important
    }

    .inject-card-one .card-content {
        display: flex;
        flex: 1;
        flex-direction: column;
        height: auto;
        justify-content: space-between;
        width: 100%
    }

    .inject-card-one .card-content p {
        color: #242424;
        font-size: 14px;
        line-height: 22px;
        width: 100%
    }

    .inject-card-one .card-content .card-button {
        align-items: center;
        background: transparent;
        color: #9744ff;
        cursor: pointer;
        display: flex;
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
        font-size: 16px;
        height: auto;
        margin-top: 20px;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
        width: -moz-fit-content;
        width: fit-content
    }

    .inject-card-one .card-content .card-button:hover {
        color: #9744ff
    }

    .inject-card-one .card-content .card-button:hover path {
        stroke: #9744ff
    }

    .inject-card-one .card-content .card-button svg {
        height: 14px;
        margin-left: 12px;
        margin-top: 0;
        width: 14px
    }

    .inject-card-one .card-content .card-button svg path {
        stroke: #9744ff
    }

    .inject-card-two {
        background: #f9f5ff;
        display: flex;
        flex-direction: column;
        margin-bottom: 48px;
        padding: 48px 32px
    }

    .inject-card-two p {
        font-size: 20px;
        line-height: 32px
    }

    .inject-card-two .card-content {
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
        margin: 16px 0
    }

    .inject-card-two .card-name {
        align-self: end;
        font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
        margin-bottom: 8px;
        margin-top: 32px;
        width: -moz-fit-content;
        width: fit-content
    }

    .inject-card-two .card-desc {
        align-self: end;
        color: #5e5e5e;
        font-family: DIN_OT,FZFangJHJW,sans-serif;
        font-size: 16px;
        line-height: 24px;
        text-align: right;
        width: -moz-fit-content;
        width: fit-content
    }

    .el-message-box {
        width: 80%
    }

    .el-loading-spinner {
        display: flex;
        justify-content: center
    }
}

#header-wrapper[data-v-08f0e47e] {
    align-items: center;
    background-color: #f9f9f9;
    display: flex;
    height: 5.208vw;
    justify-content: space-between;
    left: 0;
    padding-left: 5.208vw;
    padding-right: 5.208vw;
    top: 0;
    width: 100%;
    z-index: 3000
}

@media screen and (max-width: 767px) {
    #header-wrapper[data-v-08f0e47e] {
        display:none
    }
}

#header-wrapper .left-wrapper[data-v-08f0e47e] {
    display: flex;
    height: 100%
}

#header-wrapper .left-wrapper .brand-logo[data-v-08f0e47e] {
    align-items: center;
    display: flex;
    margin-right: 6.25vw;
    width: 9.896vw
}

#header-wrapper .left-wrapper .brand-logo img[data-v-08f0e47e] {
    width: 100%
}

#header-wrapper .left-wrapper #nav-list[data-v-08f0e47e] {
    align-items: center;
    display: flex;
    height: 100%;
    margin: 0
}

#header-wrapper .left-wrapper #nav-list .nav-item[data-v-08f0e47e] {
    align-items: center;
    display: flex;
    font-size: 1.146vw;
    height: 100%;
    justify-content: center;
    line-height: 1;
    margin-right: 4.167vw;
    padding-top: .521vw;
    position: relative;
    transition: all .2s linear
}

#header-wrapper .left-wrapper #nav-list .nav-item a[data-v-08f0e47e],#header-wrapper .left-wrapper #nav-list .nav-item p[data-v-08f0e47e] {
    color: #000;
    font-family: DIN_Regular,FZFangJHJW,SourceHanSansHC,sans-serif;
    margin: 0
}

#header-wrapper .left-wrapper #nav-list .nav-item[data-v-08f0e47e]:after {
    background-color: transparent;
    bottom: 0;
    content: "";
    height: .417vw;
    left: 0;
    position: absolute;
    width: 100%
}

#header-wrapper .left-wrapper #nav-list .nav-item.active[data-v-08f0e47e]:after {
    background-color: #a058fa
}

#header-wrapper .left-wrapper #nav-list .nav-item[data-v-08f0e47e]:hover {
    transition: all .2s linear
}

#header-wrapper .left-wrapper #nav-list .nav-item:hover p[data-v-08f0e47e] {
    font-family: DIN_Medium,FZFangJHJW_Cu,SourceHanSansHC-Bold,sans-serif
}

#header-wrapper .left-wrapper #nav-list .nav-item[data-v-08f0e47e]:hover:after {
    background-color: #a058fa
}

#header-wrapper .left-wrapper #nav-list .nav-item .nav-item-slider[data-v-08f0e47e] {
    display: none;
    left: 0;
    position: absolute;
    top: 5.208vw
}

#header-wrapper .left-wrapper #nav-list .nav-item .nav-item-slider .nav-item-slider-content[data-v-08f0e47e] {
    background-color: #f4f4f4;
    padding: 1.823vw 2.5vw .833vw 2.083vw
}

#header-wrapper .left-wrapper #nav-list .nav-item .nav-item-slider .nav-item-slider-normal-content[data-v-08f0e47e] {
    background-color: #f4f4f4;
    flex-direction: column;
    min-width: 12.5vw;
    padding: 2.708vw 2.083vw 2.083vw
}

#header-wrapper .left-wrapper #nav-list .nav-item .nav-item-slider .nav-item-slider-normal-content .item[data-v-08f0e47e] {
    font-size: 1.042vw;
    line-height: 1.2;
    padding-bottom: 1.563vw;
    transition: all .2s linear
}

#header-wrapper .left-wrapper #nav-list .nav-item .nav-item-slider .nav-item-slider-normal-content .item[data-v-08f0e47e]:hover {
    transition: all .2s linear
}

#header-wrapper .left-wrapper #nav-list .nav-item .nav-item-slider .nav-item-slider-normal-content .item:hover a[data-v-08f0e47e] {
    color: #7c2edf
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper.nav-item-slider[data-v-08f0e47e] {
    left: 0
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content[data-v-08f0e47e] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 40.104vw
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content li[data-v-08f0e47e] {
    display: flex;
    flex-direction: column
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content li img[data-v-08f0e47e] {
    height: 1.563vw;
    width: 1.563vw
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .classified-title[data-v-08f0e47e] {
    color: #000;
    font-family: DIN_Medium,FZFangJHJW_Cu,SourceHanSansHC-Bold,sans-serif;
    font-size: 1.042vw;
    line-height: 2;
    margin-left: 1.042vw;
    width: 100%
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .classified-content[data-v-08f0e47e] {
    display: flex;
    flex-direction: column;
    padding: 0 0 1.354vw 3.281vw
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .classified-content .classified-item[data-v-08f0e47e] {
    margin-top: 1.042vw
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .classified-content .classified-item[data-v-08f0e47e]:hover {
    filter: drop-shadow(#7c2edf 0 0)
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .classified-content .classified-item:hover .child-title[data-v-08f0e47e],#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .classified-content .classified-item:hover .subtitle[data-v-08f0e47e] {
    color: #7c2edf;
    transition: all .2s linear
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .classified-content .classified-item .child-title[data-v-08f0e47e] {
    color: #5a5a5a;
    font-size: .938vw;
    font-weight: 500;
    line-height: 1.25
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .classified-content .classified-item .subtitle[data-v-08f0e47e] {
    color: #888;
    font-size: .833vw;
    line-height: 1.25
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .classified-content .classified-item .child-img[data-v-08f0e47e] {
    height: auto;
    width: .781vw
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .classified-content .classified-item a[data-v-08f0e47e] {
    margin-top: .208vw
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .slider-one[data-v-08f0e47e] {
    border-bottom: 1px solid #c4c4c4;
    width: 100%
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .slider-one .classified-item[data-v-08f0e47e] {
    width: 10.417vw
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .slider-four[data-v-08f0e47e],#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .slider-two[data-v-08f0e47e] {
    border-bottom: 1px solid #c4c4c4;
    margin-top: 1.094vw
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .slider-four .classified-item[data-v-08f0e47e],#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .slider-two .classified-item[data-v-08f0e47e] {
    width: 10.417vw
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .slider-four[data-v-08f0e47e] {
    border-bottom: 1px solid transparent
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .slider-five[data-v-08f0e47e],#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .slider-three[data-v-08f0e47e] {
    border-bottom: 1px solid #c4c4c4;
    margin-top: 1.094vw;
    width: 19.792vw
}

#header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .slider-five[data-v-08f0e47e] {
    border-bottom: 1px solid transparent
}

#header-wrapper .left-wrapper #nav-list .nav-item#investor-relations #investor-relations-wrapper .nav-item-slider-normal-content[data-v-08f0e47e] {
    width: 15.625vw
}

#header-wrapper .right-wrapper[data-v-08f0e47e] {
    position: relative
}

#header-wrapper .right-wrapper #lang[data-v-08f0e47e] {
    padding-top: .521vw
}

#header-wrapper .right-wrapper #lang p[data-v-08f0e47e] {
    font-size: 1.146vw;
    line-height: 1
}

#header-wrapper .right-wrapper #lang-wrapper[data-v-08f0e47e] {
    background-color: #f4f4f4;
    display: none;
    left: -1.302vw;
    padding: .521vw;
    position: absolute;
    top: 5.208vw
}

#header-wrapper .right-wrapper #lang-wrapper .change-lang[data-v-08f0e47e],#header-wrapper .right-wrapper #lang-wrapper .current-lang[data-v-08f0e47e] {
    cursor: pointer;
    display: flex;
    padding: .521vw 1.042vw
}

#header-wrapper .right-wrapper #lang-wrapper .change-lang[data-v-08f0e47e] {
    color: #000;
    transition: all .2s linear
}

#header-wrapper .right-wrapper #lang-wrapper .change-lang[data-v-08f0e47e]:hover {
    color: #7c2edf;
    transition: all .2s linear
}

#header-wrapper .right-wrapper #lang-wrapper .current-lang[data-v-08f0e47e] {
    color: #7c2edf
}

.lang-cn #header-wrapper .left-wrapper #nav-list .nav-item#products-services[data-v-08f0e47e],.lang-hk #header-wrapper .left-wrapper #nav-list .nav-item#products-services[data-v-08f0e47e] {
    width: 6.25vw
}

.lang-cn #header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content[data-v-08f0e47e],.lang-hk #header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content[data-v-08f0e47e] {
    width: 34.375vw
}

.lang-cn #header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .slider-five[data-v-08f0e47e],.lang-cn #header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .slider-three[data-v-08f0e47e],.lang-hk #header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .slider-five[data-v-08f0e47e],.lang-hk #header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .slider-three[data-v-08f0e47e] {
    width: 13.802vw
}

.lang-cn #header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .classified-title[data-v-08f0e47e],.lang-hk #header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .classified-title[data-v-08f0e47e] {
    font-family: DIN_OT,FZFangJHJW,sans-serif
}

.lang-cn #header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .classified-content li .item[data-v-08f0e47e],.lang-hk #header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-content .classified-content li .item[data-v-08f0e47e] {
    font-size: .938vw;
    line-height: 1.354vw
}

.lang-cn #header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-normal-content[data-v-08f0e47e],.lang-hk #header-wrapper .left-wrapper #nav-list .nav-item#products-services #products-services-wrapper .nav-item-slider-normal-content[data-v-08f0e47e] {
    min-width: 10.417vw
}

.lang-cn #header-wrapper .left-wrapper #nav-list .nav-item#investor-relations #investor-relations-wrapper .nav-item-slider-normal-content[data-v-08f0e47e],.lang-hk #header-wrapper .left-wrapper #nav-list .nav-item#investor-relations #investor-relations-wrapper .nav-item-slider-normal-content[data-v-08f0e47e] {
    width: auto
}

.lang-cn #header-wrapper .left-wrapper #nav-list .nav-item#about-us[data-v-08f0e47e],.lang-cn #header-wrapper .left-wrapper #nav-list .nav-item#contact-us[data-v-08f0e47e],.lang-hk #header-wrapper .left-wrapper #nav-list .nav-item#about-us[data-v-08f0e47e],.lang-hk #header-wrapper .left-wrapper #nav-list .nav-item#contact-us[data-v-08f0e47e] {
    width: 5.729vw
}

#mobile-header-wrapper[data-v-2e7d9d1f],#nav-slide-down-wrapper[data-v-2e7d9d1f] {
    display: none
}

@media screen and (max-width: 767px) {
    #mobile-header-wrapper[data-v-2e7d9d1f] {
        align-items:center;
        background-color: #f9f9f9;
        display: flex;
        height: 60px;
        justify-content: space-between;
        left: 0;
        padding: 0 40px;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 2001
    }

    #mobile-header-wrapper .brand-logo img[data-v-2e7d9d1f] {
        width: 108px
    }

    #mobile-header-wrapper .right-wrapper[data-v-2e7d9d1f] {
        display: flex
    }

    #mobile-header-wrapper .right-wrapper .lang-wrapper[data-v-2e7d9d1f] {
        display: flex;
        justify-content: space-around;
        margin-right: 20px;
        width: 80px
    }

    #mobile-header-wrapper .right-wrapper .lang-wrapper .change-lang[data-v-2e7d9d1f],#mobile-header-wrapper .right-wrapper .lang-wrapper .current-lang[data-v-2e7d9d1f] {
        display: flex;
        font-family: DIN_Regular,FZFangJHJW,SourceHanSansHC,sans-serif;
        font-size: 20px;
        line-height: 1;
        text-transform: uppercase
    }

    #mobile-header-wrapper .right-wrapper .lang-wrapper .change-lang .middle[data-v-2e7d9d1f],#mobile-header-wrapper .right-wrapper .lang-wrapper .current-lang .middle[data-v-2e7d9d1f] {
        background-color: #999;
        height: 100%;
        margin: 0 7px;
        width: 2px
    }

    #mobile-header-wrapper .right-wrapper .lang-wrapper .change-lang:last-child .middle[data-v-2e7d9d1f],#mobile-header-wrapper .right-wrapper .lang-wrapper .current-lang:last-child .middle[data-v-2e7d9d1f] {
        display: none
    }

    #mobile-header-wrapper .right-wrapper .lang-wrapper .change-lang[data-v-2e7d9d1f] {
        color: #000
    }

    #mobile-header-wrapper .right-wrapper .lang-wrapper .current-lang[data-v-2e7d9d1f] {
        color: #7c2edf
    }

    #mobile-header-wrapper .right-wrapper #nav-btn[data-v-2e7d9d1f] {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf87AzCDHIMwgyCCSmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsisVHuxzKDf5l+WTn9yKvGFhQSmehTAlZJanAyk/wBxWnJBUQkDA2MKkK1cXlIAYncA2SJFQEcB2XNA7HQIewOInQRhHwGrCQlyBrJvANkCyRmJQDMYXwDZOklI4ulIbKi9IMDj4urjoxBqZGJo7kHAuaSDktSKEhDtnF9QWZSZnlGi4AgKJQXPvGQ9HQUjAyNjBgZQmENUf74BDktGMQ6EWIEYA4OlCwMD82KEWJIUA8N2oPslORFiKssZGPgjGBi2NRQkFiXCHcD4jaU4zdgIwubezsDAOu3//8/hDAzsmgwMf6////97+///f5cBzb/FwHDgGwD7P1519x2hrQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAABZLkSWAAAAuElEQVRYCWNkYGD4D8Q0BRYycQxxBnPJsoOJLF101DTqQEoDezQEh30IsgB96EipLwnpF+GRY2AkpGhUfjQERkNgNARGQwBrCIDKTwesMgMkmPK6G8VmUE2yH0VkgDmMjCAnIcBoawYRFuSxRkOQvHBD6Br0IUiX9iAiPIhiDapShSgXjyoaDYHREBgNARqGwKBrD072+Y3i3UHXHmRGcR4Dw6Cvi0cdiBZjJHNHQ5DkIEPTMOhDEAALzQpNqYP5eQAAAABJRU5ErkJggg==);
        background-position: 50%;
        background-size: cover;
        height: 20px;
        width: 20px
    }

    #mobile-header-wrapper .right-wrapper #nav-btn.close[data-v-2e7d9d1f] {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf87AzCDHIMwgyCCSmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsisVHuxzKDf5l+WTn9yKvGFhQSmehTAlZJanAyk/wBxWnJBUQkDA2MKkK1cXlIAYncA2SJFQEcB2XNA7HQIewOInQRhHwGrCQlyBrJvANkCyRmJQDMYXwDZOklI4ulIbKi9IMDj4urjoxBqZGJo7kHAuaSDktSKEhDtnF9QWZSZnlGi4AgKJQXPvGQ9HQUjAyNjBgZQmENUf74BDktGMQ6EWIEYA4OlCwMD82KEWJIUA8N2oPslORFiKssZGPgjGBi2NRQkFiXCHcD4jaU4zdgIwubezsDAOu3//8/hDAzsmgwMf6////97+///f5cBzb/FwHDgGwD7P1519x2hrQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAALKADAAQAAAABAAAALAAAAADfpsWZAAAB+UlEQVRYCc3Z0W3CMBAGYJIs1BEqsUA3KJ0iQjwAD1FEliidAyF1g7JC3zoFwX/Ui0yIE5/vEuMHjG18+WKZ6KwsFp1SVdVLpyt6syiK1pTamsPhsL1erz+mfrf7Y36HJcsymLZwJIRBR13XO2onSbLK8/yL2jFqYI3pSNc2pl0DxpLjLmiA6pjoLpZMzZbYbDYXcycf1Ek17g4TqT1X7cLC2G4JYMqyXJlV/ezC5lzpIex6vT7egWOjx7DwPYBjoX2wTvDcaF/sIHguNAc7Cp4azcV6gadCh2C9wdroUCwLrIWWYNlgKVqKDQKHojWwwWAuWgsrAvuiNbFi8Bga43Y+izYKsi4kMk2D+dGbSzBjOLO8vjgSLOKpgBHIlZpijIoUizhqYAQbQmtgcY27Qyg6JCVN09o1f2jMNaevX22FXU8D+6IaJxcVsA+W4FK0GOzCYs8CqX1GFIGHsPScdf0RQ1c6GOyDpW2giQ4Cc7DaaDY4BKuJZoElWC20N1gDq4H2AmtipehR8BRYCXoQPCU2FO0Ez4ENQfeC58Ry0Q/gGFgO+g4cE+uLbsHPgPVBN2C8m8PrLppAtdaxhuJxalfClCHI6XT6Wy6XJuNLXiloTCwM5/P5Yky/xvRmmfYN+P8H34SOjSWgjTamvcmxdzTW1s/46tY23QBAdmSkcGvxHAAAAABJRU5ErkJggg==)
    }

    #nav-slide-down-wrapper[data-v-2e7d9d1f] {
        background-color: #f4f4f4;
        display: none;
        flex-direction: column;
        left: 0;
        margin: 0;
        padding: 10px 40px 70px;
        position: absolute;
        top: 60px;
        width: 100%;
        z-index: 99999999999999
    }

    #nav-slide-down-wrapper p[data-v-2e7d9d1f] {
        font-family: DIN_Medium,FZFangJHJW_Cu,SourceHanSansHC-Bold,sans-serif;
        line-height: 1;
        margin: 0
    }

    #nav-slide-down-wrapper .nav-slide-down-item[data-v-2e7d9d1f] {
        display: flex;
        flex-direction: column;
        margin-top: 34px
    }

    #nav-slide-down-wrapper .nav-slide-down-item .nav-main-btn[data-v-2e7d9d1f] {
        align-items: center;
        display: flex;
        transition: all .2s linear
    }

    #nav-slide-down-wrapper .nav-slide-down-item .nav-main-btn .title[data-v-2e7d9d1f] {
        color: #000;
        flex: 1;
        font-size: 18px;
        text-transform: uppercase
    }

    #nav-slide-down-wrapper .nav-slide-down-item .nav-main-btn img[data-v-2e7d9d1f] {
        transition: all .2s linear;
        width: 16px
    }

    #nav-slide-down-wrapper .nav-slide-down-item #products-services-slide-down-wrapper[data-v-2e7d9d1f] {
        padding-top: 34px
    }

    #nav-slide-down-wrapper .nav-slide-down-item .list[data-v-2e7d9d1f] {
        display: none;
        padding-bottom: 10px;
        padding-left: 20px
    }

    #nav-slide-down-wrapper .nav-slide-down-item .list .list-content[data-v-2e7d9d1f] {
        display: flex;
        flex-direction: column
    }

    #nav-slide-down-wrapper .nav-slide-down-item .list .list-content ul[data-v-2e7d9d1f] {
        margin-bottom: 34px
    }

    #nav-slide-down-wrapper .nav-slide-down-item .list .list-content .normal-list[data-v-2e7d9d1f] {
        display: flex;
        flex-direction: column
    }

    #nav-slide-down-wrapper .nav-slide-down-item .list .list-content .normal-list a[data-v-2e7d9d1f] {
        color: #333;
        font-family: DIN_Regular,FZFangJHJW,SourceHanSansHC,sans-serif;
        font-size: 20px;
        line-height: 2;
        margin-left: 10px;
        margin-top: 34px
    }

    #nav-slide-down-wrapper .nav-slide-down-item .list .desc-title[data-v-2e7d9d1f] {
        color: #000;
        font-size: 18px;
        font-weight: 500;
        line-height: 20px
    }

    #nav-slide-down-wrapper .nav-slide-down-item .list ul .list-item[data-v-2e7d9d1f] {
        margin-top: 8px
    }

    #nav-slide-down-wrapper .nav-slide-down-item .list ul .list-item .child-img[data-v-2e7d9d1f] {
        height: 14px;
        width: 14px
    }

    #nav-slide-down-wrapper .nav-slide-down-item .list ul .list-item .child-title[data-v-2e7d9d1f] {
        color: #333;
        font-size: 20px;
        margin: 20px 0 0 20px
    }

    #nav-slide-down-wrapper .nav-slide-down-item .list ul .list-item .subtitle[data-v-2e7d9d1f] {
        color: #5a5a5a;
        font-family: DIN_Regular,FZFangJHJW,SourceHanSansHC,sans-serif;
        font-size: 16px;
        font-style: italic;
        line-height: 1.5;
        margin-left: 20px
    }

    #nav-slide-down-wrapper .nav-slide-down-item .list ul .list-item .child-wrapper[data-v-2e7d9d1f] {
        display: none
    }

    #nav-slide-down-wrapper .nav-slide-down-item .list ul .list-item .child-wrapper .child-list[data-v-2e7d9d1f] {
        display: flex;
        flex-direction: column;
        margin-left: 10px;
        margin-top: 20px
    }

    #nav-slide-down-wrapper .nav-slide-down-item .list ul .list-item .child-wrapper .child-list a[data-v-2e7d9d1f] {
        color: #000;
        font-family: DIN_Regular,FZFangJHJW,SourceHanSansHC,sans-serif;
        font-size: 18px;
        line-height: 2
    }

    .lang-cn #nav-slide-down-wrapper .nav-slide-down-item .list .list-content .normal-list[data-v-2e7d9d1f],.lang-hk #nav-slide-down-wrapper .nav-slide-down-item .list .list-content .normal-list[data-v-2e7d9d1f] {
        display: flex;
        flex-direction: column
    }

    .lang-cn #nav-slide-down-wrapper .nav-slide-down-item .list .list-content .normal-list a[data-v-2e7d9d1f],.lang-hk #nav-slide-down-wrapper .nav-slide-down-item .list .list-content .normal-list a[data-v-2e7d9d1f] {
        font-size: 18px
    }

    .lang-cn #nav-slide-down-wrapper .nav-slide-down-item .list .desc-title[data-v-2e7d9d1f],.lang-hk #nav-slide-down-wrapper .nav-slide-down-item .list .desc-title[data-v-2e7d9d1f] {
        font-family: DIN_OT,FZFangJHJW,sans-serif;
        font-size: 18px;
        line-height: 20px
    }

    .lang-cn #nav-slide-down-wrapper .nav-slide-down-item .list ul .list-item .subtitle[data-v-2e7d9d1f],.lang-hk #nav-slide-down-wrapper .nav-slide-down-item .list ul .list-item .subtitle[data-v-2e7d9d1f] {
        font-style: normal
    }
}

.logo-icon[data-v-ef8d45ac] {
    width: 1.667vw
}

.link[data-v-ef8d45ac] {
    cursor: pointer
}

.link[data-v-ef8d45ac]:hover {
    color: var(--color-green)
}

.langBtn .optionBtn[data-v-ef8d45ac] {
    opacity: 0;
    position: absolute
}

.langBtn .optionBtn[data-v-ef8d45ac]:hover {
    background-color: #fff;
    border: .104vw solid #fff;
    color: #000
}

.langBtn:hover .optionBtn[data-v-ef8d45ac] {
    opacity: 1;
    transform: translateY(-2.24vw);
    transition: all .3s linear
}

.nav-item[data-v-ef8d45ac] {
    width: 9.896vw
}

@media screen and (max-width: 767px) {
    .qr-code-wrapper img[data-v-ef8d45ac] {
        width:80px
    }

    .qr-code-wrapper img[data-v-ef8d45ac]:first-child {
        margin-right: 100px
    }

    .qr-code-wrapper p[data-v-ef8d45ac] {
        font-size: 14px
    }
}

.contact-text[data-v-ef8d45ac] {
    margin-right: 6.875vw
}

.contact-text a[data-v-ef8d45ac] {
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif;
    padding: .99vw 1.25vw .625vw
}

.lang-cn .contact-text[data-v-ef8d45ac] {
    margin-right: 8.229vw
}

.lang-cn .contact-text a[data-v-ef8d45ac] {
    padding: .99vw 1.563vw .625vw
}

@media screen and (max-width: 767px) {
    .color-bar[data-v-ef8d45ac] {
        background-image:url(/_nuxt/img/Color-bar-footer.c8086af.jpg);
        background-size: 205% 100%;
        height: 20px
    }

    footer[data-v-ef8d45ac] {
        padding: 32px 25px
    }

    .container[data-v-ef8d45ac] {
        flex-direction: column;
        justify-content: start;
        padding-top: 20
    }

    .container .logo[data-v-ef8d45ac] {
        width: 100%
    }

    .container .logo .logo-img[data-v-ef8d45ac] {
        width: 150px
    }

    .container .logo .logo-icon[data-v-ef8d45ac] {
        margin: 10px 20px 10px 0;
        width: 18px
    }

    .container .nav[data-v-ef8d45ac] {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .container .nav h3[data-v-ef8d45ac] {
        font-size: 18px
    }

    .container .nav .nav-item[data-v-ef8d45ac] {
        font-size: 16px;
        line-height: 28px;
        width: 150px
    }

    .langBtn .optionBtn[data-v-ef8d45ac] {
        opacity: 0;
        position: absolute;
        top: -26px
    }

    .langBtn .changBtn[data-v-ef8d45ac],.langBtn .optionBtn[data-v-ef8d45ac] {
        padding: 8px 0;
        width: 65px
    }

    .copyRightTxt[data-v-ef8d45ac] {
        display: flex;
        flex-direction: column;
        font-size: 12px
    }

    .records p[data-v-ef8d45ac] {
        margin-right: 12px
    }

    .contact-text[data-v-ef8d45ac] {
        margin-right: 0;
        width: -moz-fit-content;
        width: fit-content
    }

    .contact-text a[data-v-ef8d45ac] {
        font-size: 16px;
        padding: 18px 22px 12px
    }

    .sele-lang[data-v-ef8d45ac] {
        margin-top: 40px
    }

    .lang-cn .nav[data-v-ef8d45ac] {
        margin-top: 20px;
        padding-top: 0
    }

    .lang-cn .contact-text[data-v-ef8d45ac] {
        width: -moz-fit-content;
        width: fit-content
    }

    .lang-cn .contact-text a[data-v-ef8d45ac] {
        font-size: 16px;
        padding: 18px 24px 12px
    }
}

.version-wrapper[data-v-3b1c5215] {
    align-items: center;
    background: #fff;
    color: #5a5a5a
}

.version-wrapper p[data-v-3b1c5215] {
    font-size: 1.042vw
}

.version-wrapper .agree-btn[data-v-3b1c5215] {
    font-size: 1.25vw;
    line-height: 1
}

.version-wrapper .close-icon[data-v-3b1c5215] {
    font-size: 1.042vw;
    position: absolute;
    right: .521vw;
    top: .781vw
}

@media screen and (max-width: 767px) {
    .version-wrapper[data-v-3b1c5215] {
        flex-direction:column;
        padding: 20px 20px 20px 40px
    }

    .version-wrapper p[data-v-3b1c5215] {
        font-size: 18px
    }

    .version-wrapper .agree-btn[data-v-3b1c5215] {
        font-size: 24px!important;
        padding: 4px 10px
    }
}

.cookie-modal p {
    font-size: 1.146vw;
    line-height: 1.667vw
}

.cookie-modal .agree-btn {
    font-size: 1.25vw
}

@media screen and (max-width: 767px) {
    .cookie-modal {
        padding:28px 32px 36px
    }

    .cookie-modal p {
        font-size: 18px;
        line-height: 1.5
    }

    .cookie-modal .close-icon {
        font-size: 20px;
        position: absolute;
        right: 10px;
        top: 15px
    }

    .agree-btn {
        font-size: 20px!important;
        margin-top: 16px;
        padding: 13px 0
    }

    .lang-en .cookie-modal p {
        font-size: 16px;
        line-height: 26px
    }

    .lang-en .cookie-modal .agree-btn {
        font-size: 20px!important
    }
}

.cookie-modal {
    background: rgba(151,68,255,.95);
    color: #fff
}

.cookie-modal p {
    font-size: .938vw;
    line-height: 1.563vw
}

.cookie-modal p a {
    font-family: Din_OT_bold,FZFangJHJW_Cu,sans-serif
}

.cookie-modal .agree-btn {
    border: 1px solid #fff;
    font-family: DIN_OT,FZFangJHJW,sans-serif;
    font-size: 1.042vw;
    line-height: 1
}

.cookie-modal .close-icon {
    font-size: 1.042vw;
    position: absolute;
    right: .521vw;
    top: .781vw
}

@media screen and (max-width: 767px) {
    .cookie-modal {
        padding:28px 32px 36px
    }

    .cookie-modal p {
        font-size: 16px;
        line-height: 1.5
    }

    .cookie-modal .close-icon {
        font-size: 20px;
        position: absolute;
        right: 10px;
        top: 15px
    }

    .agree-btn {
        font-size: 18px!important;
        margin-top: 16px;
        padding: 11px 0
    }

    .lang-en .cookie-modal p {
        font-size: 16px;
        line-height: 26px
    }

    .lang-en .cookie-modal .agree-btn {
        font-size: 18px!important
    }
}

.setting-dialog[data-v-95f876a6] .el-dialog {
    margin-bottom: 0;
    padding: 0 1.302vw
}

.setting-dialog[data-v-95f876a6] .el-dialog__header {
    padding: 2.24vw 1.042vw 0
}

.setting-dialog[data-v-95f876a6] .el-dialog__header .el-dialog__title {
    font-family: Din_OT_bold,FZFangJHJW_Cu,Noto_Sans_Bold,sans-serif;
    font-size: 1.875vw;
    line-height: 3.125vw
}

.setting-dialog[data-v-95f876a6] .el-dialog__body {
    padding: 1.042vw 1.042vw 0
}

.setting-dialog[data-v-95f876a6] .el-collapse {
    border-bottom: none
}

.setting-dialog[data-v-95f876a6] .el-collapse .el-collapse-item {
    margin-bottom: 1.667vw
}

.setting-dialog[data-v-95f876a6] .el-collapse .el-collapse-item .el-collapse-item__wrap {
    border: 1px solid #e8e9ed
}

.setting-dialog[data-v-95f876a6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content {
    padding-bottom: 0
}

.setting-dialog[data-v-95f876a6] .el-collapse .el-collapse-item__header {
    border: 1px solid #c5c5c5;
    font-size: 1.146vw;
    height: 2.604vw;
    line-height: 1.042vw;
    position: relative
}

.setting-dialog[data-v-95f876a6] .el-collapse .el-collapse-item__header i {
    color: #000;
    font-weight: 700;
    left: 1.563vw;
    position: absolute;
    top: .677vw
}

.setting-dialog[data-v-95f876a6] .el-collapse .el-collapse-item__header.focusing:focus:not(:hover) {
    color: #5d5d5d
}

.setting-dialog[data-v-95f876a6] .is-checked .el-switch__core:after {
    margin-left: -1.302vw
}

.setting-dialog[data-v-95f876a6] .el-switch__core {
    border-radius: .677vw;
    box-shadow: inset 0 .104vw .104vw rgba(0,0,0,.2);
    height: 1.354vw;
    width: 2.708vw!important
}

.setting-dialog[data-v-95f876a6] .el-switch__core:after {
    box-shadow: 0 .104vw .104vw rgba(0,0,0,.2);
    height: 1.094vw;
    margin-left: .156vw;
    top: .104vw;
    width: 1.094vw
}

.setting-dialog h1[data-v-95f876a6] {
    color: #5d5d5d;
    font-family: Din_OT_bold,FZFangJHJW_Cu,Noto_Sans_Bold,sans-serif;
    font-size: 1.146vw;
    padding-top: .104vw
}

.setting-dialog .desc[data-v-95f876a6] {
    color: #5e5e5e;
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: 1.146vw;
    line-height: 1.771vw;
    margin-bottom: 1.042vw
}

.setting-dialog .content[data-v-95f876a6] {
    color: #a6a6a6;
    font-size: .833vw;
    line-height: 1.354vw;
    word-break: break-word!important
}

.setting-dialog .btn[data-v-95f876a6] {
    font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
    font-size: 1.042vw;
    line-height: 1.042vw;
    padding-bottom: 2.396vw
}

.setting-dialog .btn .cancel[data-v-95f876a6] {
    border: 1px solid #9744ff;
    margin-right: 1.25vw
}

@media screen and (max-width: 767px) {
    .setting-drawer[data-v-7a7c27e6] .el-drawer {
        height:auto!important;
        padding: 32px
    }

    .setting-drawer[data-v-7a7c27e6] .el-drawer .el-drawer__header {
        color: #000;
        margin-bottom: 0;
        padding: 0
    }

    .setting-drawer[data-v-7a7c27e6] .el-drawer .el-drawer__header span {
        font-family: Din_OT_bold,FZFangJHJW_Cu,Noto_Sans_Bold,sans-serif;
        font-size: 26px;
        line-height: 36px
    }

    .setting-drawer[data-v-7a7c27e6] .el-drawer .el-drawer__header i {
        display: none
    }

    .setting-drawer[data-v-7a7c27e6] .el-collapse {
        border-bottom: none
    }

    .setting-drawer[data-v-7a7c27e6] .el-collapse .el-collapse-item {
        margin-bottom: 20px
    }

    .setting-drawer[data-v-7a7c27e6] .el-collapse .el-collapse-item .el-collapse-item__wrap {
        border: 1px solid #e8e9ed
    }

    .setting-drawer[data-v-7a7c27e6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content {
        padding-bottom: 0
    }

    .setting-drawer[data-v-7a7c27e6] .el-collapse .el-collapse-item__header {
        border: 1px solid #c5c5c5;
        font-size: 22px;
        height: 45px;
        line-height: 20px;
        position: relative
    }

    .setting-drawer[data-v-7a7c27e6] .el-collapse .el-collapse-item__header i {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        left: 16px;
        position: absolute;
        top: 12px
    }

    .setting-drawer[data-v-7a7c27e6] .el-collapse .el-collapse-item__header.focusing:focus:not(:hover) {
        color: #5d5d5d
    }

    .setting-drawer[data-v-7a7c27e6] .el-switch {
        height: 24px
    }

    .setting-drawer[data-v-7a7c27e6] .is-checked .el-switch__core:after {
        margin-left: -22px
    }

    .setting-drawer[data-v-7a7c27e6] .el-switch__core {
        border-radius: 12px;
        box-shadow: inset 0 2px 2px rgba(0,0,0,.2);
        height: 24px;
        width: 48px!important
    }

    .setting-drawer[data-v-7a7c27e6] .el-switch__core:after {
        box-shadow: 0 2px 2px rgba(0,0,0,.2);
        height: 20px;
        margin-left: 2px;
        top: 2px;
        width: 20px
    }

    .setting-drawer h1[data-v-7a7c27e6] {
        color: #5d5d5d;
        font-family: Din_OT_bold,FZFangJHJW_Cu,Noto_Sans_Bold,sans-serif;
        font-size: 16px;
        line-height: 45px
    }

    .setting-drawer .desc[data-v-7a7c27e6] {
        color: #5e5e5e;
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
        font-size: 16px;
        line-height: 22px;
        margin: 10px 0 18px
    }

    .setting-drawer .content[data-v-7a7c27e6] {
        color: #a6a6a6;
        font-size: 13px;
        line-height: 20px;
        padding: 8px 14px 8px 40px;
        word-break: break-word!important
    }

    .setting-drawer .btn[data-v-7a7c27e6] {
        font-family: DIN_Medium,FZFangJHJW_Medium,sans-serif;
        font-size: 18px;
        line-height: 20px;
        margin-top: 20px
    }

    .setting-drawer .btn div[data-v-7a7c27e6] {
        height: 45px;
        width: 48%
    }

    .lang-cn .content[data-v-7a7c27e6] {
        line-height: 20px
    }
}