[ani-scroll-container] {
    will-change: transform
}

.g--popup {
    height: var(--window-height);
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translateY(-webkit-calc(100vh + 2px));
    -moz-transform: translateY(-moz-calc(100vh + 2px));
    -ms-transform: translateY(calc(100vh + 2px));
    -o-transform: translateY(calc(100vh + 2px));
    transform: translateY(calc(100vh + 2px));
    -webkit-transform: translateY(-webkit-calc(var(--vh, 1vh)*100 + 2px));
    -moz-transform: translateY(-moz-calc(var(--vh, 1vh)*100 + 2px));
    -ms-transform: translateY(calc(var(--vh, 1vh)*100 + 2px));
    -o-transform: translateY(calc(var(--vh, 1vh)*100 + 2px));
    transform: translateY(calc(var(--vh, 1vh)*100 + 2px));
    width: 100%;
    z-index: 9999
}

.g--popup.show {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.g--popup.disappear,
.g--popup.show {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s
}

.g--popup .g--popup-container {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%
}

.g--popup .g--video-wrapper {
    margin-top: -12px;
    position: relative
}

.video-portrait.g--popup .g--video-wrapper {
    height: 100%;
    margin-top: 0;
    padding: 32px 0;
    width: 100%
}

.g--popup .g--video-wrapper video {
    height: 100%;
    max-height: 75vh;
    max-height: -webkit-calc(var(--vh, 1vh)*75);
    max-height: -moz-calc(var(--vh, 1vh)*75);
    max-height: calc(var(--vh, 1vh)*75);
    outline: none;
    width: 100%
}

.video-portrait.g--popup .g--video-wrapper video {
    -o-object-fit: contain;
    object-fit: contain
}

.g--popup .g--video-wrapper video[src=""] {
    display: none
}

.g--popup .g--popup-close.v1 {
    cursor: pointer;
    height: 24px;
    margin-left: auto;
    position: absolute;
    right: 0;
    top: -36px;
    width: 24px;
    z-index: 2
}

.g--popup .g--popup-close.v1 .inner {
    height: 100%;
    width: 100%
}

.g--popup .g--popup-close.v2 {
    cursor: pointer;
    height: 32px;
    margin-left: auto;
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    z-index: 2
}

.video-portrait.g--popup .g--popup-close.v2 {
    top: 8px
}

.g--popup-container.v2.v2 {
    background: #201f1c
}

.g--popup-close.v2 polygon {
    fill: #fff
}

.g--popup-container.v1 {
    background: #000
}

.g--popup-close.v1 polygon {
    fill: #fff
}

.light-theme :not(.dark-theme) .g--popup-container.v1 {
    background: #fff
}

.light-theme :not(.dark-theme) .g--popup-close.v1 polygon {
    fill: #000
}

.light-theme :not(.dark-theme) .g--popup-container.v2 {
    background: #fafafa
}

.light-theme :not(.dark-theme) .g--popup-close.v2 circle {
    fill: #efede9
}

.light-theme :not(.dark-theme) .g--popup-close.v2 path {
    fill: #000
}

@media (min-width:1024px) {
    .g--popup .g--video-wrapper.v1 {
        max-width: 75vw;
        max-width: -webkit-calc(var(--vw, 1vw)*75);
        max-width: -moz-calc(var(--vw, 1vw)*75);
        max-width: calc(var(--vw, 1vw)*75)
    }

    .g--popup .g--video-wrapper.v2 {
        width: 60.65vw;
        width: -webkit-calc(var(--vw, 1vw)*60.65);
        width: -moz-calc(var(--vw, 1vw)*60.65);
        width: calc(var(--vw, 1vw)*60.65)
    }
}

@media (max-width:649px) {
    .g--popup .g--popup-container {
        padding: 0
    }

    .g--popup .g--video-wrapper.v1 {
        width: 100vw;
        width: -webkit-calc(var(--vw, 1vw)*100);
        width: -moz-calc(var(--vw, 1vw)*100);
        width: calc(var(--vw, 1vw)*100)
    }

    .g--popup .g--video-wrapper.v2 {
        max-width: 86.67vw;
        max-width: -webkit-calc(var(--vw, 1vw)*86.67);
        max-width: -moz-calc(var(--vw, 1vw)*86.67);
        max-width: calc(var(--vw, 1vw)*86.67)
    }

    .g--popup .g--popup-close.v1 {
        height: 28px;
        right: 16px;
        top: -48px;
        width: 28px
    }

    .g--popup .g--popup-close.v2 {
        right: -webkit-calc(50% - 16px);
        right: -moz-calc(50% - 16px);
        right: calc(50% - 16px);
        top: -webkit-calc(var(--window-height) - 59px);
        top: -moz-calc(var(--window-height) - 59px);
        top: calc(var(--window-height) - 59px)
    }
}

@media (min-width:650px) and (max-width:1023px) {
    .g--popup .g--video-wrapper.v1 {
        max-width: 75vw;
        max-width: -webkit-calc(var(--vw, 1vw)*75);
        max-width: -moz-calc(var(--vw, 1vw)*75);
        max-width: calc(var(--vw, 1vw)*75)
    }

    .g--popup .g--video-wrapper.v2 {
        width: 70vw;
        width: -webkit-calc(var(--vw, 1vw)*70);
        width: -moz-calc(var(--vw, 1vw)*70);
        width: calc(var(--vw, 1vw)*70)
    }
}

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

.bg-\[\#F5F4F0\] {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 244, 240, var(--tw-bg-opacity))
}

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

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

.bg-\[\#EFEDE9\] {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 237, 233, var(--tw-bg-opacity))
}

.bg-\[\#F0F0F0\] {
    --tw-bg-opacity: 1;
    background-color: rgba(240, 240, 240, var(--tw-bg-opacity))
}

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

.bg-\[rgba\(0\,0\,0\,0\.12\)\] {
    --tw-bg-opacity: .12;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.bg-\[\#F6F6F6\] {
    --tw-bg-opacity: 1;
    background-color: rgba(246, 246, 246, var(--tw-bg-opacity))
}

.bg-\[rgb\(228\,228\,228\)\] {
    --tw-bg-opacity: 1;
    background-color: rgba(228, 228, 228, var(--tw-bg-opacity))
}

.bg-\[\#F4F3EE\] {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 243, 238, var(--tw-bg-opacity))
}

.bg-\[\#D9D9D9\] {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 217, 217, var(--tw-bg-opacity))
}

.bg-\[\#DDD9D4\] {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 217, 212, var(--tw-bg-opacity))
}

.rounded {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.rounded-1\/2 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.cursor-pointer {
    cursor: pointer
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex
}

.hidden {
    display: none
}

.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -moz-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.flex-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%
}

.flex-shrink-0 {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.h-full {
    height: 100%
}

.h-auto {
    height: auto
}

.h-0 {
    height: 0
}

.h-16px {
    height: 16px
}

.h-32px {
    height: 32px
}

.h-20px {
    height: 20px
}

.h-\[calc\(33\.33\%\)\] {
    height: 33.33%
}

.text-12 {
    font-size: 12px;
    letter-spacing: .5px;
    line-height: 20px
}

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

.mt-150vh {
    margin-top: 150vh;
    margin-top: calc(var(--vh, 1vh)*150)
}

.mr-2px {
    margin-right: 2px
}

.mt-4px {
    margin-top: 4px
}

.mr-6px {
    margin-right: 6px
}

.ml-6px {
    margin-left: 6px
}

.max-w-1440px {
    max-width: 1440px
}

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

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

.opacity-0 {
    opacity: 0
}

.opacity-30 {
    opacity: .3
}

.opacity-10 {
    opacity: .1
}

.opacity-20 {
    opacity: .2
}

.overflow-hidden {
    overflow: hidden
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

.left-0 {
    left: 0
}

.top-0 {
    top: 0
}

.-top-80px {
    top: -80px
}

.top-\[calc\(var\(--nav-height\)\)\] {
    top: -webkit-calc(var(--nav-height));
    top: -moz-calc(var(--nav-height));
    top: calc(var(--nav-height))
}

.left-0px {
    left: 0
}

.left-1px {
    left: 1px
}

.-left-1px {
    left: -1px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-\[rgba\(0\,0\,0\,0\.95\)\] {
    --tw-text-opacity: .95;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.text-\[rgba\(255\,255\,255\,0\.95\)\] {
    --tw-text-opacity: .95;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-\[rgba\(255\,255\,255\,0\.75\)\] {
    --tw-text-opacity: .75;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-\[rgba\(0\,0\,0\,0\.3\)\] {
    --tw-text-opacity: .3;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.text-\[rgba\(0\,0\,0\,0\.55\)\] {
    --tw-text-opacity: .55;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

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

.invisible {
    visibility: hidden
}

.whitespace-nowrap {
    white-space: nowrap
}

.w-screen {
    width: 100vw;
    width: -webkit-calc(var(--vw, 1vw)*100);
    width: -moz-calc(var(--vw, 1vw)*100);
    width: calc(var(--vw, 1vw)*100)
}

.w-full {
    width: 100%
}

.w-1px {
    width: 1px
}

.w-16px {
    width: 16px
}

.w-32px {
    width: 32px
}

.w-20px {
    width: 20px
}

.w-50vw {
    width: 50vw;
    width: -webkit-calc(var(--vw, 1vw)*50);
    width: -moz-calc(var(--vw, 1vw)*50);
    width: calc(var(--vw, 1vw)*50)
}

.w-2px {
    width: 2px
}

.w-432px {
    width: 432px
}

.z-3 {
    z-index: 3
}

.z-2 {
    z-index: 2
}

.z-4 {
    z-index: 4
}

.transform {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-rotate: 0;
    --tw-rotate-x: 0;
    --tw-rotate-y: 0;
    --tw-rotate-z: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -moz-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))
}

.-rotate-90 {
    --tw-rotate: -90deg
}

.translate-z-0 {
    --tw-translate-z: 0px
}

@media (min-width:1024px) {
    :root {
        --rpx: -webkit-calc(.07622vw - .09756px);
        --rpx: -moz-calc(.07622vw - .09756px);
        --rpx: calc(.07622vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
    }

    .pc\:bg-\[\#FAFAFA\] {
        --tw-bg-opacity: 1;
        background-color: rgba(250, 250, 250, var(--tw-bg-opacity))
    }

    .pc\:rounded-36px {
        -webkit-border-radius: 36px;
        -moz-border-radius: 36px;
        border-radius: 36px
    }

    .pc\:items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .pc\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .pc\:justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

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

    .pc\:h-full {
        height: 100%
    }

    .pc\:h-44\.44vw {
        height: 44.44vw;
        height: -webkit-calc(var(--vw, 1vw)*44.44);
        height: -moz-calc(var(--vw, 1vw)*44.44);
        height: calc(var(--vw, 1vw)*44.44)
    }

    .pc\:h-110px {
        height: 110px
    }

    .pc\:h-\[calc\(var\(--content-height\)\)\] {
        height: -webkit-calc(var(--content-height));
        height: -moz-calc(var(--content-height));
        height: calc(var(--content-height))
    }

    .pc\:h-20px {
        height: 20px
    }

    .pc\:h-40px {
        height: 40px
    }

    .pc\:h-267px {
        height: 267px
    }

    .pc\:text-50 {
        font-size: 50px;
        letter-spacing: 2px;
        line-height: 58px
    }

    .pc\:text-24 {
        font-size: 24px;
        letter-spacing: .5px;
        line-height: 32px
    }

    .pc\:text-20 {
        font-size: 20px;
        letter-spacing: .5px;
        line-height: 28px
    }

    .pc\:text-14 {
        font-size: 14px;
        line-height: 22px
    }

    .pc\:text-68 {
        font-size: 68px;
        line-height: 76px
    }

    .pc\:text-48 {
        letter-spacing: .02em
    }

    .pc\:text-48,
    .pc\:text-48v1 {
        font-size: 48px;
        line-height: 60px
    }

    .pc\:text-18 {
        font-size: 18px;
        letter-spacing: .5px;
        line-height: 26px
    }

    .pc\:text-32 {
        font-size: 32px;
        letter-spacing: .5px;
        line-height: 40px
    }

    .pct\:text-68 {
        font-size: 68px;
        line-height: 76px
    }

    .pct\:text-48 {
        font-size: 48px;
        letter-spacing: .02em;
        line-height: 60px
    }

    .pct\:text-18 {
        font-size: 18px;
        letter-spacing: .5px;
        line-height: 26px
    }

    .pc\:text-12 {
        font-size: 12px;
        letter-spacing: .5px;
        line-height: 20px
    }

    .pc\:text-16 {
        letter-spacing: .5px
    }

    .pc\:text-16,
    .pc\:text-16v1 {
        font-size: 16px;
        line-height: 24px
    }

    .pct\:text-14 {
        font-size: 14px;
        line-height: 22px
    }

    .pct\:text-16 {
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 24px
    }

    .pct\:text-12 {
        font-size: 12px;
        letter-spacing: .5px;
        line-height: 20px
    }

    .pc\:mr-400px {
        margin-right: 400px
    }

    .pc\:mt-20px {
        margin-top: 20px
    }

    .pc\:max-w-1440px {
        max-width: 1440px
    }

    .pc\:min-w-445px {
        min-width: 445px
    }

    .pc\:min-w-420px {
        min-width: 420px
    }

    .pc\:pl-8vw {
        padding-left: 8vw;
        padding-left: calc(var(--vw, 1vw)*8)
    }

    .pc\:pl-64px {
        padding-left: 64px
    }

    .pc\:pl-32px {
        padding-left: 32px
    }

    .pc\:pr-32px {
        padding-right: 32px
    }

    .pc\:pr-64px {
        padding-right: 64px
    }

    .pc\:pt-9px {
        padding-top: 9px
    }

    .pc\:pb-9px {
        padding-bottom: 9px
    }

    .pc\:pl-20px {
        padding-left: 20px
    }

    .pc\:pr-20px {
        padding-right: 20px
    }

    .pc\:absolute {
        position: absolute
    }

    .pc\:top-338px {
        top: 338px
    }

    .pc\:top-343px {
        top: 343px
    }

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

    .pc\:whitespace-nowrap {
        white-space: nowrap
    }

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

    .pc\:w-496px {
        width: 496px
    }

    .pc\:w-420px {
        width: 420px
    }

    .pc\:w-432px {
        width: 432px
    }

    .pc\:w-415px {
        width: 415px
    }

    .pc\:w-492px {
        width: 492px
    }

    .pc\:w-604px {
        width: 604px
    }

    .pc\:w-928px {
        width: 928px
    }

    .pc\:w-20px {
        width: 20px
    }

    .pc\:w-570px {
        width: 570px
    }

    .pc\:w-890px {
        width: 890px
    }

    .pc\:w-920px {
        width: 920px
    }
}

@media (min-width:1024px) and (min-width:1400px) {
    .rounded-4rpx {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

    .rounded-8rpx {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }

    .rounded-18rpx {
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px
    }

    .rounded-40rpx {
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px
    }

    .rounded-36rpx {
        -webkit-border-radius: 36px;
        -moz-border-radius: 36px;
        border-radius: 36px
    }

    .h-557rpx {
        height: 557px
    }

    .h-80rpx {
        height: 80px
    }

    .h-243rpx {
        height: 243px
    }

    .h-922rpx {
        height: 922px
    }

    .h-354rpx {
        height: 354px
    }

    .h-309rpx {
        height: 309px
    }

    .h-346rpx {
        height: 346px
    }

    .h-429rpx {
        height: 429px
    }

    .h-1056rpx {
        height: 1056px
    }

    .h-386rpx {
        height: 386px
    }

    .h-640rpx {
        height: 640px
    }

    .h-477rpx {
        height: 477px
    }

    .h-445rpx {
        height: 445px
    }

    .h-100rpx {
        height: 100px
    }

    .h-120rpx {
        height: 120px
    }

    .h-150rpx {
        height: 150px
    }

    .h-54rpx {
        height: 54px
    }

    .h-1093rpx {
        height: 1093px
    }

    .h-995rpx {
        height: 995px
    }

    .h-695rpx {
        height: 695px
    }

    .h-635rpx {
        height: 635px
    }

    .h-426rpx {
        height: 426px
    }

    .h-32rpx {
        height: 32px
    }

    .h-10rpx {
        height: 10px
    }

    .h-520rpx {
        height: 520px
    }

    .h-322rpx {
        height: 322px
    }

    .h-483rpx {
        height: 483px
    }

    .h-497rpx {
        height: 497px
    }

    .h-415rpx {
        height: 415px
    }

    .h-303rpx {
        height: 303px
    }

    .h-464rpx {
        height: 464px
    }

    .h-199rpx {
        height: 199px
    }

    .mt-10rpx {
        margin-top: 10px
    }

    .mt-8rpx {
        margin-top: 8px
    }

    .mt-4rpx {
        margin-top: 4px
    }

    .-mt-500rpx {
        margin-top: -500px
    }

    .-mt-1000rpx {
        margin-top: -1000px
    }

    .mt-24rpx {
        margin-top: 24px
    }

    .mt-48rpx {
        margin-top: 48px
    }

    .mr-24rpx {
        margin-right: 24px
    }

    .mt-16rpx {
        margin-top: 16px
    }

    .mt-75rpx {
        margin-top: 75px
    }

    .mr-40rpx {
        margin-right: 40px
    }

    .mr-8rpx {
        margin-right: 8px
    }

    .mt-28rpx {
        margin-top: 28px
    }

    .mr-64rpx {
        margin-right: 64px
    }

    .mt-40rpx {
        margin-top: 40px
    }

    .mt-65rpx {
        margin-top: 65px
    }

    .ml-32rpx {
        margin-left: 32px
    }

    .mr-32rpx {
        margin-right: 32px
    }

    .mt-12rpx {
        margin-top: 12px
    }

    .mb-12rpx {
        margin-bottom: 12px
    }

    .-ml-32rpx {
        margin-left: -32px
    }

    .-mt-12rpx {
        margin-top: -12px
    }

    .mt-96rpx {
        margin-top: 96px
    }

    .mr-16rpx {
        margin-right: 16px
    }

    .mt-18rpx {
        margin-top: 18px
    }

    .ml-24rpx {
        margin-left: 24px
    }

    .mt-56rpx {
        margin-top: 56px
    }

    .p-20rpx {
        padding: 20px
    }

    .pt-80rpx {
        padding-top: 80px
    }

    .pb-80rpx {
        padding-bottom: 80px
    }

    .pt-12rpx {
        padding-top: 12px
    }

    .pb-12rpx {
        padding-bottom: 12px
    }

    .pl-20rpx {
        padding-left: 20px
    }

    .pr-20rpx {
        padding-right: 20px
    }

    .pt-184rpx {
        padding-top: 184px
    }

    .pb-184rpx {
        padding-bottom: 184px
    }

    .pb-1500rpx {
        padding-bottom: 1500px
    }

    .pt-580rpx {
        padding-top: 580px
    }

    .pt-105rpx {
        padding-top: 105px
    }

    .pb-105rpx {
        padding-bottom: 105px
    }

    .pl-74rpx {
        padding-left: 74px
    }

    .pt-132rpx {
        padding-top: 132px
    }

    .pb-144rpx {
        padding-bottom: 144px
    }

    .pt-99rpx {
        padding-top: 99px
    }

    .pb-99rpx {
        padding-bottom: 99px
    }

    .pt-38rpx {
        padding-top: 38px
    }

    .pb-38rpx {
        padding-bottom: 38px
    }

    .pl-32rpx {
        padding-left: 32px
    }

    .pr-32rpx {
        padding-right: 32px
    }

    .pt-16rpx {
        padding-top: 16px
    }

    .pb-16rpx {
        padding-bottom: 16px
    }

    .pl-16rpx {
        padding-left: 16px
    }

    .pr-56rpx {
        padding-right: 56px
    }

    .pt-135rpx {
        padding-top: 135px
    }

    .pb-135rpx {
        padding-bottom: 135px
    }

    .pt-4rpx {
        padding-top: 4px
    }

    .pb-4rpx {
        padding-bottom: 4px
    }

    .pl-12rpx {
        padding-left: 12px
    }

    .pr-12rpx {
        padding-right: 12px
    }

    .pt-160rpx {
        padding-top: 160px
    }

    .pb-160rpx {
        padding-bottom: 160px
    }

    .pb-32rpx {
        padding-bottom: 32px
    }

    .pt-50rpx {
        padding-top: 50px
    }

    .pl-64rpx {
        padding-left: 64px
    }

    .pr-60rpx {
        padding-right: 60px
    }

    .pt-54rpx {
        padding-top: 54px
    }

    .pb-54rpx {
        padding-bottom: 54px
    }

    .pt-84rpx {
        padding-top: 84px
    }

    .pb-84rpx {
        padding-bottom: 84px
    }

    .pl-60rpx {
        padding-left: 60px
    }

    .pt-9rpx {
        padding-top: 9px
    }

    .pb-9rpx {
        padding-bottom: 9px
    }

    .pt-48rpx {
        padding-top: 48px
    }

    .pb-48rpx {
        padding-bottom: 48px
    }

    .pt-28rpx {
        padding-top: 28px
    }

    .pl-28rpx {
        padding-left: 28px
    }

    .pb-430rpx {
        padding-bottom: 430px
    }

    .pl-120rpx {
        padding-left: 120px
    }

    .pr-110rpx {
        padding-right: 110px
    }

    .top-449rpx {
        top: 449px
    }

    .top-720rpx {
        top: 720px
    }

    .-right-13rpx {
        right: -13px
    }

    .top-10rpx {
        top: 10px
    }

    .right-0rpx {
        right: 0
    }

    .top-0rpx {
        top: 0
    }

    .left-16rpx {
        left: 16px
    }

    .bottom-16rpx {
        bottom: 16px
    }

    .right-140rpx {
        right: 140px
    }

    .left-25rpx {
        left: 25px
    }

    .top-25rpx {
        top: 25px
    }

    .-left-45rpx {
        left: -45px
    }

    .-bottom-0rpx {
        bottom: 0
    }

    .-right-45rpx {
        right: -45px
    }

    .-top-45rpx {
        top: -45px
    }

    .-right-25rpx {
        right: -25px
    }

    .-bottom-45rpx {
        bottom: -45px
    }

    .-left-565rpx {
        left: -565px
    }

    .right-49rpx {
        right: 49px
    }

    .top-49rpx {
        top: 49px
    }

    .left-967rpx {
        left: 967px
    }

    .left-13rpx {
        left: 13px
    }

    .top-14rpx {
        top: 14px
    }

    .bottom-20rpx {
        bottom: 20px
    }

    .right-20rpx {
        right: 20px
    }

    .left-20rpx {
        left: 20px
    }

    .bottom-25rpx {
        bottom: 25px
    }

    .top-48rpx {
        top: 48px
    }

    .left-26rpx {
        left: 26px
    }

    .top-23rpx {
        top: 23px
    }

    .top-20rpx {
        top: 20px
    }

    .-right-62rpx {
        right: -62px
    }

    .left-1rpx {
        left: 1px
    }

    .-left-1rpx {
        left: -1px
    }

    .right-120rpx {
        right: 120px
    }

    .bottom-8rpx {
        bottom: 8px
    }

    .right-60rpx {
        right: 60px
    }

    .left-8rpx {
        left: 8px
    }

    .bottom-3rpx {
        bottom: 3px
    }

    .right-24rpx {
        right: 24px
    }

    .bottom-24rpx {
        bottom: 24px
    }

    .-left-80rpx {
        left: -80px
    }

    .-top-61rpx {
        top: -61px
    }

    .left-416rpx {
        left: 416px
    }

    .bottom-\[calc\(134px-100rpx\)\] {
        bottom: 34px
    }

    .w-1312rpx {
        width: 1312px
    }

    .w-80rpx {
        width: 80px
    }

    .w-366rpx {
        width: 366px
    }

    .w-564rpx {
        width: 564px
    }

    .w-322rpx {
        width: 322px
    }

    .w-1231rpx {
        width: 1231px
    }

    .w-315rpx {
        width: 315px
    }

    .w-890rpx {
        width: 890px
    }

    .w-480rpx {
        width: 480px
    }

    .w-470rpx {
        width: 470px
    }

    .w-582rpx {
        width: 582px
    }

    .w-500rpx {
        width: 500px
    }

    .w-874rpx {
        width: 874px
    }

    .w-523rpx {
        width: 523px
    }

    .w-83rpx {
        width: 83px
    }

    .w-872rpx {
        width: 872px
    }

    .w-975rpx {
        width: 975px
    }

    .w-632rpx {
        width: 632px
    }

    .w-502rpx {
        width: 502px
    }

    .w-100rpx {
        width: 100px
    }

    .w-120rpx {
        width: 120px
    }

    .w-150rpx {
        width: 150px
    }

    .w-144rpx {
        width: 144px
    }

    .w-54rpx {
        width: 54px
    }

    .w-1492rpx {
        width: 1492px
    }

    .w-1390rpx {
        width: 1390px
    }

    .w-312rpx {
        width: 312px
    }

    .w-285rpx {
        width: 285px
    }

    .w-570rpx {
        width: 570px
    }

    .w-410rpx {
        width: 410px
    }

    .w-32rpx {
        width: 32px
    }

    .w-8rpx {
        width: 8px
    }

    .w-656rpx {
        width: 656px
    }

    .w-608rpx {
        width: 608px
    }

    .w-432rpx {
        width: 432px
    }

    .w-686rpx {
        width: 686px
    }

    .w-863rpx {
        width: 863px
    }

    .w-540rpx {
        width: 540px
    }

    .w-604rpx {
        width: 604px
    }

    .w-460rpx {
        width: 460px
    }

    .w-652rpx {
        width: 652px
    }

    .w-620rpx {
        width: 620px
    }

    .w-270rpx {
        width: 270px
    }

    .w-431rpx {
        width: 431px
    }

    .pc\:w-608rpx {
        width: 608px
    }
}

@media (min-width:1024px) and (min-width:1024px) and (max-width:1399px) {
    .rounded-4rpx {
        -webkit-border-radius: -webkit-calc(var(--rpx, 1px)*4);
        -moz-border-radius: -moz-calc(var(--rpx, 1px)*4);
        border-radius: calc(var(--rpx, 1px)*4)
    }

    .rounded-8rpx {
        -webkit-border-radius: -webkit-calc(var(--rpx, 1px)*8);
        -moz-border-radius: -moz-calc(var(--rpx, 1px)*8);
        border-radius: calc(var(--rpx, 1px)*8)
    }

    .rounded-18rpx {
        -webkit-border-radius: -webkit-calc(var(--rpx, 1px)*18);
        -moz-border-radius: -moz-calc(var(--rpx, 1px)*18);
        border-radius: calc(var(--rpx, 1px)*18)
    }

    .rounded-40rpx {
        -webkit-border-radius: -webkit-calc(var(--rpx, 1px)*40);
        -moz-border-radius: -moz-calc(var(--rpx, 1px)*40);
        border-radius: calc(var(--rpx, 1px)*40)
    }

    .rounded-36rpx {
        -webkit-border-radius: -webkit-calc(var(--rpx, 1px)*36);
        -moz-border-radius: -moz-calc(var(--rpx, 1px)*36);
        border-radius: calc(var(--rpx, 1px)*36)
    }

    .h-557rpx {
        height: -webkit-calc(var(--rpx, 1px)*557);
        height: -moz-calc(var(--rpx, 1px)*557);
        height: calc(var(--rpx, 1px)*557)
    }

    .h-80rpx {
        height: -webkit-calc(var(--rpx, 1px)*80);
        height: -moz-calc(var(--rpx, 1px)*80);
        height: calc(var(--rpx, 1px)*80)
    }

    .h-243rpx {
        height: -webkit-calc(var(--rpx, 1px)*243);
        height: -moz-calc(var(--rpx, 1px)*243);
        height: calc(var(--rpx, 1px)*243)
    }

    .h-922rpx {
        height: -webkit-calc(var(--rpx, 1px)*922);
        height: -moz-calc(var(--rpx, 1px)*922);
        height: calc(var(--rpx, 1px)*922)
    }

    .h-354rpx {
        height: -webkit-calc(var(--rpx, 1px)*354);
        height: -moz-calc(var(--rpx, 1px)*354);
        height: calc(var(--rpx, 1px)*354)
    }

    .h-309rpx {
        height: -webkit-calc(var(--rpx, 1px)*309);
        height: -moz-calc(var(--rpx, 1px)*309);
        height: calc(var(--rpx, 1px)*309)
    }

    .h-346rpx {
        height: -webkit-calc(var(--rpx, 1px)*346);
        height: -moz-calc(var(--rpx, 1px)*346);
        height: calc(var(--rpx, 1px)*346)
    }

    .h-429rpx {
        height: -webkit-calc(var(--rpx, 1px)*429);
        height: -moz-calc(var(--rpx, 1px)*429);
        height: calc(var(--rpx, 1px)*429)
    }

    .h-1056rpx {
        height: -webkit-calc(var(--rpx, 1px)*1056);
        height: -moz-calc(var(--rpx, 1px)*1056);
        height: calc(var(--rpx, 1px)*1056)
    }

    .h-386rpx {
        height: -webkit-calc(var(--rpx, 1px)*386);
        height: -moz-calc(var(--rpx, 1px)*386);
        height: calc(var(--rpx, 1px)*386)
    }

    .h-640rpx {
        height: -webkit-calc(var(--rpx, 1px)*640);
        height: -moz-calc(var(--rpx, 1px)*640);
        height: calc(var(--rpx, 1px)*640)
    }

    .h-477rpx {
        height: -webkit-calc(var(--rpx, 1px)*477);
        height: -moz-calc(var(--rpx, 1px)*477);
        height: calc(var(--rpx, 1px)*477)
    }

    .h-445rpx {
        height: -webkit-calc(var(--rpx, 1px)*445);
        height: -moz-calc(var(--rpx, 1px)*445);
        height: calc(var(--rpx, 1px)*445)
    }

    .h-100rpx {
        height: -webkit-calc(var(--rpx, 1px)*100);
        height: -moz-calc(var(--rpx, 1px)*100);
        height: calc(var(--rpx, 1px)*100)
    }

    .h-120rpx {
        height: -webkit-calc(var(--rpx, 1px)*120);
        height: -moz-calc(var(--rpx, 1px)*120);
        height: calc(var(--rpx, 1px)*120)
    }

    .h-150rpx {
        height: -webkit-calc(var(--rpx, 1px)*150);
        height: -moz-calc(var(--rpx, 1px)*150);
        height: calc(var(--rpx, 1px)*150)
    }

    .h-54rpx {
        height: -webkit-calc(var(--rpx, 1px)*54);
        height: -moz-calc(var(--rpx, 1px)*54);
        height: calc(var(--rpx, 1px)*54)
    }

    .h-1093rpx {
        height: -webkit-calc(var(--rpx, 1px)*1093);
        height: -moz-calc(var(--rpx, 1px)*1093);
        height: calc(var(--rpx, 1px)*1093)
    }

    .h-995rpx {
        height: -webkit-calc(var(--rpx, 1px)*995);
        height: -moz-calc(var(--rpx, 1px)*995);
        height: calc(var(--rpx, 1px)*995)
    }

    .h-695rpx {
        height: -webkit-calc(var(--rpx, 1px)*695);
        height: -moz-calc(var(--rpx, 1px)*695);
        height: calc(var(--rpx, 1px)*695)
    }

    .h-635rpx {
        height: -webkit-calc(var(--rpx, 1px)*635);
        height: -moz-calc(var(--rpx, 1px)*635);
        height: calc(var(--rpx, 1px)*635)
    }

    .h-426rpx {
        height: -webkit-calc(var(--rpx, 1px)*426);
        height: -moz-calc(var(--rpx, 1px)*426);
        height: calc(var(--rpx, 1px)*426)
    }

    .h-32rpx {
        height: -webkit-calc(var(--rpx, 1px)*32);
        height: -moz-calc(var(--rpx, 1px)*32);
        height: calc(var(--rpx, 1px)*32)
    }

    .h-10rpx {
        height: -webkit-calc(var(--rpx, 1px)*10);
        height: -moz-calc(var(--rpx, 1px)*10);
        height: calc(var(--rpx, 1px)*10)
    }

    .h-520rpx {
        height: -webkit-calc(var(--rpx, 1px)*520);
        height: -moz-calc(var(--rpx, 1px)*520);
        height: calc(var(--rpx, 1px)*520)
    }

    .h-322rpx {
        height: -webkit-calc(var(--rpx, 1px)*322);
        height: -moz-calc(var(--rpx, 1px)*322);
        height: calc(var(--rpx, 1px)*322)
    }

    .h-483rpx {
        height: -webkit-calc(var(--rpx, 1px)*483);
        height: -moz-calc(var(--rpx, 1px)*483);
        height: calc(var(--rpx, 1px)*483)
    }

    .h-497rpx {
        height: -webkit-calc(var(--rpx, 1px)*497);
        height: -moz-calc(var(--rpx, 1px)*497);
        height: calc(var(--rpx, 1px)*497)
    }

    .h-415rpx {
        height: -webkit-calc(var(--rpx, 1px)*415);
        height: -moz-calc(var(--rpx, 1px)*415);
        height: calc(var(--rpx, 1px)*415)
    }

    .h-303rpx {
        height: -webkit-calc(var(--rpx, 1px)*303);
        height: -moz-calc(var(--rpx, 1px)*303);
        height: calc(var(--rpx, 1px)*303)
    }

    .h-464rpx {
        height: -webkit-calc(var(--rpx, 1px)*464);
        height: -moz-calc(var(--rpx, 1px)*464);
        height: calc(var(--rpx, 1px)*464)
    }

    .h-199rpx {
        height: -webkit-calc(var(--rpx, 1px)*199);
        height: -moz-calc(var(--rpx, 1px)*199);
        height: calc(var(--rpx, 1px)*199)
    }

    .mt-10rpx {
        margin-top: calc(var(--rpx, 1px)*10)
    }

    .mt-8rpx {
        margin-top: calc(var(--rpx, 1px)*8)
    }

    .mt-4rpx {
        margin-top: calc(var(--rpx, 1px)*4)
    }

    .-mt-500rpx {
        margin-top: calc(var(--rpx, 1px)*-500)
    }

    .-mt-1000rpx {
        margin-top: calc(var(--rpx, 1px)*-1000)
    }

    .mt-24rpx {
        margin-top: calc(var(--rpx, 1px)*24)
    }

    .mt-48rpx {
        margin-top: calc(var(--rpx, 1px)*48)
    }

    .mr-24rpx {
        margin-right: calc(var(--rpx, 1px)*24)
    }

    .mt-16rpx {
        margin-top: calc(var(--rpx, 1px)*16)
    }

    .mt-75rpx {
        margin-top: calc(var(--rpx, 1px)*75)
    }

    .mr-40rpx {
        margin-right: calc(var(--rpx, 1px)*40)
    }

    .mr-8rpx {
        margin-right: calc(var(--rpx, 1px)*8)
    }

    .mt-28rpx {
        margin-top: calc(var(--rpx, 1px)*28)
    }

    .mr-64rpx {
        margin-right: calc(var(--rpx, 1px)*64)
    }

    .mt-40rpx {
        margin-top: calc(var(--rpx, 1px)*40)
    }

    .mt-65rpx {
        margin-top: calc(var(--rpx, 1px)*65)
    }

    .ml-32rpx {
        margin-left: calc(var(--rpx, 1px)*32)
    }

    .mr-32rpx {
        margin-right: calc(var(--rpx, 1px)*32)
    }

    .mt-12rpx {
        margin-top: calc(var(--rpx, 1px)*12)
    }

    .mb-12rpx {
        margin-bottom: calc(var(--rpx, 1px)*12)
    }

    .-ml-32rpx {
        margin-left: calc(var(--rpx, 1px)*-32)
    }

    .-mt-12rpx {
        margin-top: calc(var(--rpx, 1px)*-12)
    }

    .mt-96rpx {
        margin-top: calc(var(--rpx, 1px)*96)
    }

    .mr-16rpx {
        margin-right: calc(var(--rpx, 1px)*16)
    }

    .mt-18rpx {
        margin-top: calc(var(--rpx, 1px)*18)
    }

    .ml-24rpx {
        margin-left: calc(var(--rpx, 1px)*24)
    }

    .mt-56rpx {
        margin-top: calc(var(--rpx, 1px)*56)
    }

    .p-20rpx {
        padding: calc(var(--rpx, 1px)*20)
    }

    .pt-80rpx {
        padding-top: calc(var(--rpx, 1px)*80)
    }

    .pb-80rpx {
        padding-bottom: calc(var(--rpx, 1px)*80)
    }

    .pt-12rpx {
        padding-top: calc(var(--rpx, 1px)*12)
    }

    .pb-12rpx {
        padding-bottom: calc(var(--rpx, 1px)*12)
    }

    .pl-20rpx {
        padding-left: calc(var(--rpx, 1px)*20)
    }

    .pr-20rpx {
        padding-right: calc(var(--rpx, 1px)*20)
    }

    .pt-184rpx {
        padding-top: calc(var(--rpx, 1px)*184)
    }

    .pb-184rpx {
        padding-bottom: calc(var(--rpx, 1px)*184)
    }

    .pb-1500rpx {
        padding-bottom: calc(var(--rpx, 1px)*1500)
    }

    .pt-580rpx {
        padding-top: calc(var(--rpx, 1px)*580)
    }

    .pt-105rpx {
        padding-top: calc(var(--rpx, 1px)*105)
    }

    .pb-105rpx {
        padding-bottom: calc(var(--rpx, 1px)*105)
    }

    .pl-74rpx {
        padding-left: calc(var(--rpx, 1px)*74)
    }

    .pt-132rpx {
        padding-top: calc(var(--rpx, 1px)*132)
    }

    .pb-144rpx {
        padding-bottom: calc(var(--rpx, 1px)*144)
    }

    .pt-99rpx {
        padding-top: calc(var(--rpx, 1px)*99)
    }

    .pb-99rpx {
        padding-bottom: calc(var(--rpx, 1px)*99)
    }

    .pt-38rpx {
        padding-top: calc(var(--rpx, 1px)*38)
    }

    .pb-38rpx {
        padding-bottom: calc(var(--rpx, 1px)*38)
    }

    .pl-32rpx {
        padding-left: calc(var(--rpx, 1px)*32)
    }

    .pr-32rpx {
        padding-right: calc(var(--rpx, 1px)*32)
    }

    .pt-16rpx {
        padding-top: calc(var(--rpx, 1px)*16)
    }

    .pb-16rpx {
        padding-bottom: calc(var(--rpx, 1px)*16)
    }

    .pl-16rpx {
        padding-left: calc(var(--rpx, 1px)*16)
    }

    .pr-56rpx {
        padding-right: calc(var(--rpx, 1px)*56)
    }

    .pt-135rpx {
        padding-top: calc(var(--rpx, 1px)*135)
    }

    .pb-135rpx {
        padding-bottom: calc(var(--rpx, 1px)*135)
    }

    .pt-4rpx {
        padding-top: calc(var(--rpx, 1px)*4)
    }

    .pb-4rpx {
        padding-bottom: calc(var(--rpx, 1px)*4)
    }

    .pl-12rpx {
        padding-left: calc(var(--rpx, 1px)*12)
    }

    .pr-12rpx {
        padding-right: calc(var(--rpx, 1px)*12)
    }

    .pt-160rpx {
        padding-top: calc(var(--rpx, 1px)*160)
    }

    .pb-160rpx {
        padding-bottom: calc(var(--rpx, 1px)*160)
    }

    .pb-32rpx {
        padding-bottom: calc(var(--rpx, 1px)*32)
    }

    .pt-50rpx {
        padding-top: calc(var(--rpx, 1px)*50)
    }

    .pl-64rpx {
        padding-left: calc(var(--rpx, 1px)*64)
    }

    .pr-60rpx {
        padding-right: calc(var(--rpx, 1px)*60)
    }

    .pt-54rpx {
        padding-top: calc(var(--rpx, 1px)*54)
    }

    .pb-54rpx {
        padding-bottom: calc(var(--rpx, 1px)*54)
    }

    .pt-84rpx {
        padding-top: calc(var(--rpx, 1px)*84)
    }

    .pb-84rpx {
        padding-bottom: calc(var(--rpx, 1px)*84)
    }

    .pl-60rpx {
        padding-left: calc(var(--rpx, 1px)*60)
    }

    .pt-9rpx {
        padding-top: calc(var(--rpx, 1px)*9)
    }

    .pb-9rpx {
        padding-bottom: calc(var(--rpx, 1px)*9)
    }

    .pt-48rpx {
        padding-top: calc(var(--rpx, 1px)*48)
    }

    .pb-48rpx {
        padding-bottom: calc(var(--rpx, 1px)*48)
    }

    .pt-28rpx {
        padding-top: calc(var(--rpx, 1px)*28)
    }

    .pl-28rpx {
        padding-left: calc(var(--rpx, 1px)*28)
    }

    .pb-430rpx {
        padding-bottom: calc(var(--rpx, 1px)*430)
    }

    .pl-120rpx {
        padding-left: calc(var(--rpx, 1px)*120)
    }

    .pr-110rpx {
        padding-right: calc(var(--rpx, 1px)*110)
    }

    .top-449rpx {
        top: -webkit-calc(var(--rpx, 1px)*449);
        top: -moz-calc(var(--rpx, 1px)*449);
        top: calc(var(--rpx, 1px)*449)
    }

    .top-720rpx {
        top: -webkit-calc(var(--rpx, 1px)*720);
        top: -moz-calc(var(--rpx, 1px)*720);
        top: calc(var(--rpx, 1px)*720)
    }

    .-right-13rpx {
        right: -webkit-calc(var(--rpx, 1px)*-13);
        right: -moz-calc(var(--rpx, 1px)*-13);
        right: calc(var(--rpx, 1px)*-13)
    }

    .top-10rpx {
        top: -webkit-calc(var(--rpx, 1px)*10);
        top: -moz-calc(var(--rpx, 1px)*10);
        top: calc(var(--rpx, 1px)*10)
    }

    .right-0rpx {
        right: -webkit-calc(var(--rpx, 1px)*0);
        right: -moz-calc(var(--rpx, 1px)*0);
        right: calc(var(--rpx, 1px)*0)
    }

    .top-0rpx {
        top: -webkit-calc(var(--rpx, 1px)*0);
        top: -moz-calc(var(--rpx, 1px)*0);
        top: calc(var(--rpx, 1px)*0)
    }

    .left-16rpx {
        left: -webkit-calc(var(--rpx, 1px)*16);
        left: -moz-calc(var(--rpx, 1px)*16);
        left: calc(var(--rpx, 1px)*16)
    }

    .bottom-16rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*16);
        bottom: -moz-calc(var(--rpx, 1px)*16);
        bottom: calc(var(--rpx, 1px)*16)
    }

    .right-140rpx {
        right: -webkit-calc(var(--rpx, 1px)*140);
        right: -moz-calc(var(--rpx, 1px)*140);
        right: calc(var(--rpx, 1px)*140)
    }

    .left-25rpx {
        left: -webkit-calc(var(--rpx, 1px)*25);
        left: -moz-calc(var(--rpx, 1px)*25);
        left: calc(var(--rpx, 1px)*25)
    }

    .top-25rpx {
        top: -webkit-calc(var(--rpx, 1px)*25);
        top: -moz-calc(var(--rpx, 1px)*25);
        top: calc(var(--rpx, 1px)*25)
    }

    .-left-45rpx {
        left: -webkit-calc(var(--rpx, 1px)*-45);
        left: -moz-calc(var(--rpx, 1px)*-45);
        left: calc(var(--rpx, 1px)*-45)
    }

    .-bottom-0rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*0);
        bottom: -moz-calc(var(--rpx, 1px)*0);
        bottom: calc(var(--rpx, 1px)*0)
    }

    .-right-45rpx {
        right: -webkit-calc(var(--rpx, 1px)*-45);
        right: -moz-calc(var(--rpx, 1px)*-45);
        right: calc(var(--rpx, 1px)*-45)
    }

    .-top-45rpx {
        top: -webkit-calc(var(--rpx, 1px)*-45);
        top: -moz-calc(var(--rpx, 1px)*-45);
        top: calc(var(--rpx, 1px)*-45)
    }

    .-right-25rpx {
        right: -webkit-calc(var(--rpx, 1px)*-25);
        right: -moz-calc(var(--rpx, 1px)*-25);
        right: calc(var(--rpx, 1px)*-25)
    }

    .-bottom-45rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*-45);
        bottom: -moz-calc(var(--rpx, 1px)*-45);
        bottom: calc(var(--rpx, 1px)*-45)
    }

    .-left-565rpx {
        left: -webkit-calc(var(--rpx, 1px)*-565);
        left: -moz-calc(var(--rpx, 1px)*-565);
        left: calc(var(--rpx, 1px)*-565)
    }

    .right-49rpx {
        right: -webkit-calc(var(--rpx, 1px)*49);
        right: -moz-calc(var(--rpx, 1px)*49);
        right: calc(var(--rpx, 1px)*49)
    }

    .top-49rpx {
        top: -webkit-calc(var(--rpx, 1px)*49);
        top: -moz-calc(var(--rpx, 1px)*49);
        top: calc(var(--rpx, 1px)*49)
    }

    .left-967rpx {
        left: -webkit-calc(var(--rpx, 1px)*967);
        left: -moz-calc(var(--rpx, 1px)*967);
        left: calc(var(--rpx, 1px)*967)
    }

    .left-13rpx {
        left: -webkit-calc(var(--rpx, 1px)*13);
        left: -moz-calc(var(--rpx, 1px)*13);
        left: calc(var(--rpx, 1px)*13)
    }

    .top-14rpx {
        top: -webkit-calc(var(--rpx, 1px)*14);
        top: -moz-calc(var(--rpx, 1px)*14);
        top: calc(var(--rpx, 1px)*14)
    }

    .bottom-20rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*20);
        bottom: -moz-calc(var(--rpx, 1px)*20);
        bottom: calc(var(--rpx, 1px)*20)
    }

    .right-20rpx {
        right: -webkit-calc(var(--rpx, 1px)*20);
        right: -moz-calc(var(--rpx, 1px)*20);
        right: calc(var(--rpx, 1px)*20)
    }

    .left-20rpx {
        left: -webkit-calc(var(--rpx, 1px)*20);
        left: -moz-calc(var(--rpx, 1px)*20);
        left: calc(var(--rpx, 1px)*20)
    }

    .bottom-25rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*25);
        bottom: -moz-calc(var(--rpx, 1px)*25);
        bottom: calc(var(--rpx, 1px)*25)
    }

    .top-48rpx {
        top: -webkit-calc(var(--rpx, 1px)*48);
        top: -moz-calc(var(--rpx, 1px)*48);
        top: calc(var(--rpx, 1px)*48)
    }

    .left-26rpx {
        left: -webkit-calc(var(--rpx, 1px)*26);
        left: -moz-calc(var(--rpx, 1px)*26);
        left: calc(var(--rpx, 1px)*26)
    }

    .top-23rpx {
        top: -webkit-calc(var(--rpx, 1px)*23);
        top: -moz-calc(var(--rpx, 1px)*23);
        top: calc(var(--rpx, 1px)*23)
    }

    .top-20rpx {
        top: -webkit-calc(var(--rpx, 1px)*20);
        top: -moz-calc(var(--rpx, 1px)*20);
        top: calc(var(--rpx, 1px)*20)
    }

    .-right-62rpx {
        right: -webkit-calc(var(--rpx, 1px)*-62);
        right: -moz-calc(var(--rpx, 1px)*-62);
        right: calc(var(--rpx, 1px)*-62)
    }

    .left-1rpx {
        left: -webkit-calc(var(--rpx, 1px)*1);
        left: -moz-calc(var(--rpx, 1px)*1);
        left: calc(var(--rpx, 1px)*1)
    }

    .-left-1rpx {
        left: -webkit-calc(var(--rpx, 1px)*-1);
        left: -moz-calc(var(--rpx, 1px)*-1);
        left: calc(var(--rpx, 1px)*-1)
    }

    .right-120rpx {
        right: -webkit-calc(var(--rpx, 1px)*120);
        right: -moz-calc(var(--rpx, 1px)*120);
        right: calc(var(--rpx, 1px)*120)
    }

    .bottom-8rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*8);
        bottom: -moz-calc(var(--rpx, 1px)*8);
        bottom: calc(var(--rpx, 1px)*8)
    }

    .right-60rpx {
        right: -webkit-calc(var(--rpx, 1px)*60);
        right: -moz-calc(var(--rpx, 1px)*60);
        right: calc(var(--rpx, 1px)*60)
    }

    .left-8rpx {
        left: -webkit-calc(var(--rpx, 1px)*8);
        left: -moz-calc(var(--rpx, 1px)*8);
        left: calc(var(--rpx, 1px)*8)
    }

    .bottom-3rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*3);
        bottom: -moz-calc(var(--rpx, 1px)*3);
        bottom: calc(var(--rpx, 1px)*3)
    }

    .right-24rpx {
        right: -webkit-calc(var(--rpx, 1px)*24);
        right: -moz-calc(var(--rpx, 1px)*24);
        right: calc(var(--rpx, 1px)*24)
    }

    .bottom-24rpx {
        bottom: -webkit-calc(var(--rpx, 1px)*24);
        bottom: -moz-calc(var(--rpx, 1px)*24);
        bottom: calc(var(--rpx, 1px)*24)
    }

    .-left-80rpx {
        left: -webkit-calc(var(--rpx, 1px)*-80);
        left: -moz-calc(var(--rpx, 1px)*-80);
        left: calc(var(--rpx, 1px)*-80)
    }

    .-top-61rpx {
        top: -webkit-calc(var(--rpx, 1px)*-61);
        top: -moz-calc(var(--rpx, 1px)*-61);
        top: calc(var(--rpx, 1px)*-61)
    }

    .left-416rpx {
        left: -webkit-calc(var(--rpx, 1px)*416);
        left: -moz-calc(var(--rpx, 1px)*416);
        left: calc(var(--rpx, 1px)*416)
    }

    .bottom-\[calc\(134px-100rpx\)\] {
        bottom: -webkit-calc(134px - var(--rpx, 1px)*100);
        bottom: -moz-calc(134px - var(--rpx, 1px)*100);
        bottom: calc(134px - var(--rpx, 1px)*100)
    }

    .w-1312rpx {
        width: -webkit-calc(var(--rpx, 1px)*1312);
        width: -moz-calc(var(--rpx, 1px)*1312);
        width: calc(var(--rpx, 1px)*1312)
    }

    .w-80rpx {
        width: -webkit-calc(var(--rpx, 1px)*80);
        width: -moz-calc(var(--rpx, 1px)*80);
        width: calc(var(--rpx, 1px)*80)
    }

    .w-366rpx {
        width: -webkit-calc(var(--rpx, 1px)*366);
        width: -moz-calc(var(--rpx, 1px)*366);
        width: calc(var(--rpx, 1px)*366)
    }

    .w-564rpx {
        width: -webkit-calc(var(--rpx, 1px)*564);
        width: -moz-calc(var(--rpx, 1px)*564);
        width: calc(var(--rpx, 1px)*564)
    }

    .w-322rpx {
        width: -webkit-calc(var(--rpx, 1px)*322);
        width: -moz-calc(var(--rpx, 1px)*322);
        width: calc(var(--rpx, 1px)*322)
    }

    .w-1231rpx {
        width: -webkit-calc(var(--rpx, 1px)*1231);
        width: -moz-calc(var(--rpx, 1px)*1231);
        width: calc(var(--rpx, 1px)*1231)
    }

    .w-315rpx {
        width: -webkit-calc(var(--rpx, 1px)*315);
        width: -moz-calc(var(--rpx, 1px)*315);
        width: calc(var(--rpx, 1px)*315)
    }

    .w-890rpx {
        width: -webkit-calc(var(--rpx, 1px)*890);
        width: -moz-calc(var(--rpx, 1px)*890);
        width: calc(var(--rpx, 1px)*890)
    }

    .w-480rpx {
        width: -webkit-calc(var(--rpx, 1px)*480);
        width: -moz-calc(var(--rpx, 1px)*480);
        width: calc(var(--rpx, 1px)*480)
    }

    .w-470rpx {
        width: -webkit-calc(var(--rpx, 1px)*470);
        width: -moz-calc(var(--rpx, 1px)*470);
        width: calc(var(--rpx, 1px)*470)
    }

    .w-582rpx {
        width: -webkit-calc(var(--rpx, 1px)*582);
        width: -moz-calc(var(--rpx, 1px)*582);
        width: calc(var(--rpx, 1px)*582)
    }

    .w-500rpx {
        width: -webkit-calc(var(--rpx, 1px)*500);
        width: -moz-calc(var(--rpx, 1px)*500);
        width: calc(var(--rpx, 1px)*500)
    }

    .w-874rpx {
        width: -webkit-calc(var(--rpx, 1px)*874);
        width: -moz-calc(var(--rpx, 1px)*874);
        width: calc(var(--rpx, 1px)*874)
    }

    .w-523rpx {
        width: -webkit-calc(var(--rpx, 1px)*523);
        width: -moz-calc(var(--rpx, 1px)*523);
        width: calc(var(--rpx, 1px)*523)
    }

    .w-83rpx {
        width: -webkit-calc(var(--rpx, 1px)*83);
        width: -moz-calc(var(--rpx, 1px)*83);
        width: calc(var(--rpx, 1px)*83)
    }

    .w-872rpx {
        width: -webkit-calc(var(--rpx, 1px)*872);
        width: -moz-calc(var(--rpx, 1px)*872);
        width: calc(var(--rpx, 1px)*872)
    }

    .w-975rpx {
        width: -webkit-calc(var(--rpx, 1px)*975);
        width: -moz-calc(var(--rpx, 1px)*975);
        width: calc(var(--rpx, 1px)*975)
    }

    .w-632rpx {
        width: -webkit-calc(var(--rpx, 1px)*632);
        width: -moz-calc(var(--rpx, 1px)*632);
        width: calc(var(--rpx, 1px)*632)
    }

    .w-502rpx {
        width: -webkit-calc(var(--rpx, 1px)*502);
        width: -moz-calc(var(--rpx, 1px)*502);
        width: calc(var(--rpx, 1px)*502)
    }

    .w-100rpx {
        width: -webkit-calc(var(--rpx, 1px)*100);
        width: -moz-calc(var(--rpx, 1px)*100);
        width: calc(var(--rpx, 1px)*100)
    }

    .w-120rpx {
        width: -webkit-calc(var(--rpx, 1px)*120);
        width: -moz-calc(var(--rpx, 1px)*120);
        width: calc(var(--rpx, 1px)*120)
    }

    .w-150rpx {
        width: -webkit-calc(var(--rpx, 1px)*150);
        width: -moz-calc(var(--rpx, 1px)*150);
        width: calc(var(--rpx, 1px)*150)
    }

    .w-144rpx {
        width: -webkit-calc(var(--rpx, 1px)*144);
        width: -moz-calc(var(--rpx, 1px)*144);
        width: calc(var(--rpx, 1px)*144)
    }

    .w-54rpx {
        width: -webkit-calc(var(--rpx, 1px)*54);
        width: -moz-calc(var(--rpx, 1px)*54);
        width: calc(var(--rpx, 1px)*54)
    }

    .w-1492rpx {
        width: -webkit-calc(var(--rpx, 1px)*1492);
        width: -moz-calc(var(--rpx, 1px)*1492);
        width: calc(var(--rpx, 1px)*1492)
    }

    .w-1390rpx {
        width: -webkit-calc(var(--rpx, 1px)*1390);
        width: -moz-calc(var(--rpx, 1px)*1390);
        width: calc(var(--rpx, 1px)*1390)
    }

    .w-312rpx {
        width: -webkit-calc(var(--rpx, 1px)*312);
        width: -moz-calc(var(--rpx, 1px)*312);
        width: calc(var(--rpx, 1px)*312)
    }

    .w-285rpx {
        width: -webkit-calc(var(--rpx, 1px)*285);
        width: -moz-calc(var(--rpx, 1px)*285);
        width: calc(var(--rpx, 1px)*285)
    }

    .w-570rpx {
        width: -webkit-calc(var(--rpx, 1px)*570);
        width: -moz-calc(var(--rpx, 1px)*570);
        width: calc(var(--rpx, 1px)*570)
    }

    .w-410rpx {
        width: -webkit-calc(var(--rpx, 1px)*410);
        width: -moz-calc(var(--rpx, 1px)*410);
        width: calc(var(--rpx, 1px)*410)
    }

    .w-32rpx {
        width: -webkit-calc(var(--rpx, 1px)*32);
        width: -moz-calc(var(--rpx, 1px)*32);
        width: calc(var(--rpx, 1px)*32)
    }

    .w-8rpx {
        width: -webkit-calc(var(--rpx, 1px)*8);
        width: -moz-calc(var(--rpx, 1px)*8);
        width: calc(var(--rpx, 1px)*8)
    }

    .w-656rpx {
        width: -webkit-calc(var(--rpx, 1px)*656);
        width: -moz-calc(var(--rpx, 1px)*656);
        width: calc(var(--rpx, 1px)*656)
    }

    .w-608rpx {
        width: -webkit-calc(var(--rpx, 1px)*608);
        width: -moz-calc(var(--rpx, 1px)*608);
        width: calc(var(--rpx, 1px)*608)
    }

    .w-432rpx {
        width: -webkit-calc(var(--rpx, 1px)*432);
        width: -moz-calc(var(--rpx, 1px)*432);
        width: calc(var(--rpx, 1px)*432)
    }

    .w-686rpx {
        width: -webkit-calc(var(--rpx, 1px)*686);
        width: -moz-calc(var(--rpx, 1px)*686);
        width: calc(var(--rpx, 1px)*686)
    }

    .w-863rpx {
        width: -webkit-calc(var(--rpx, 1px)*863);
        width: -moz-calc(var(--rpx, 1px)*863);
        width: calc(var(--rpx, 1px)*863)
    }

    .w-540rpx {
        width: -webkit-calc(var(--rpx, 1px)*540);
        width: -moz-calc(var(--rpx, 1px)*540);
        width: calc(var(--rpx, 1px)*540)
    }

    .w-604rpx {
        width: -webkit-calc(var(--rpx, 1px)*604);
        width: -moz-calc(var(--rpx, 1px)*604);
        width: calc(var(--rpx, 1px)*604)
    }

    .w-460rpx {
        width: -webkit-calc(var(--rpx, 1px)*460);
        width: -moz-calc(var(--rpx, 1px)*460);
        width: calc(var(--rpx, 1px)*460)
    }

    .w-652rpx {
        width: -webkit-calc(var(--rpx, 1px)*652);
        width: -moz-calc(var(--rpx, 1px)*652);
        width: calc(var(--rpx, 1px)*652)
    }

    .w-620rpx {
        width: -webkit-calc(var(--rpx, 1px)*620);
        width: -moz-calc(var(--rpx, 1px)*620);
        width: calc(var(--rpx, 1px)*620)
    }

    .w-270rpx {
        width: -webkit-calc(var(--rpx, 1px)*270);
        width: -moz-calc(var(--rpx, 1px)*270);
        width: calc(var(--rpx, 1px)*270)
    }

    .w-431rpx {
        width: -webkit-calc(var(--rpx, 1px)*431);
        width: -moz-calc(var(--rpx, 1px)*431);
        width: calc(var(--rpx, 1px)*431)
    }

    .pc\:w-608rpx {
        width: -webkit-calc(var(--rpx, 1px)*608);
        width: -moz-calc(var(--rpx, 1px)*608);
        width: calc(var(--rpx, 1px)*608)
    }
}

@media (max-width:649px) {
    :root {
        --ex: -webkit-calc(.30488vw - .09756px);
        --ex: -moz-calc(.30488vw - .09756px);
        --ex: calc(.30488vw - .09756px);
        --ex: -webkit-calc(var(--vw, 1vw)*100/328 - .09756px);
        --ex: -moz-calc(var(--vw, 1vw)*100/328 - .09756px);
        --ex: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

    :root {
        --rpx: -webkit-calc(.07622vw - .02439px);
        --rpx: -moz-calc(.07622vw - .02439px);
        --rpx: calc(.07622vw - .02439px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/328*328/1312 - .02439px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/328*328/1312 - .02439px);
        --rpx: calc(var(--vw, 1vw)*100/328*328/1312 - .02439px)
    }

    .mo\:bg-\[\#FAFAFA\] {
        --tw-bg-opacity: 1;
        background-color: rgba(250, 250, 250, var(--tw-bg-opacity))
    }

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

    .mo\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .mo\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .mo\:order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        -moz-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

    .mo\:order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -moz-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }

    .mo\:order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        -moz-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3
    }

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

    .mo\:overflow-hidden {
        overflow: hidden
    }

    .mo\:pl-16px {
        padding-left: 16px
    }

    .mo\:pr-16px {
        padding-right: 16px
    }

    .mo\:relative {
        position: relative
    }

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

    .mo\:whitespace-nowrap {
        white-space: nowrap
    }

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

@media (max-width:649px) and (max-width:1023px) {
    .rounded-4ex {
        -webkit-border-radius: -webkit-calc(var(--ex, 1px)*4);
        -moz-border-radius: -moz-calc(var(--ex, 1px)*4);
        border-radius: calc(var(--ex, 1px)*4)
    }

    .rounded-12ex {
        -webkit-border-radius: -webkit-calc(var(--ex, 1px)*12);
        -moz-border-radius: -moz-calc(var(--ex, 1px)*12);
        border-radius: calc(var(--ex, 1px)*12)
    }

    .rounded-40ex {
        -webkit-border-radius: -webkit-calc(var(--ex, 1px)*40);
        -moz-border-radius: -moz-calc(var(--ex, 1px)*40);
        border-radius: calc(var(--ex, 1px)*40)
    }

    .rounded-36ex {
        -webkit-border-radius: -webkit-calc(var(--ex, 1px)*36);
        -moz-border-radius: -moz-calc(var(--ex, 1px)*36);
        border-radius: calc(var(--ex, 1px)*36)
    }

    .rounded-8ex {
        -webkit-border-radius: -webkit-calc(var(--ex, 1px)*8);
        -moz-border-radius: -moz-calc(var(--ex, 1px)*8);
        border-radius: calc(var(--ex, 1px)*8)
    }

    .h-600ex {
        height: -webkit-calc(var(--ex, 1px)*600);
        height: -moz-calc(var(--ex, 1px)*600);
        height: calc(var(--ex, 1px)*600)
    }

    .h-180ex {
        height: -webkit-calc(var(--ex, 1px)*180);
        height: -moz-calc(var(--ex, 1px)*180);
        height: calc(var(--ex, 1px)*180)
    }

    .h-28ex {
        height: -webkit-calc(var(--ex, 1px)*28);
        height: -moz-calc(var(--ex, 1px)*28);
        height: calc(var(--ex, 1px)*28)
    }

    .h-178ex {
        height: -webkit-calc(var(--ex, 1px)*178);
        height: -moz-calc(var(--ex, 1px)*178);
        height: calc(var(--ex, 1px)*178)
    }

    .h-140ex {
        height: -webkit-calc(var(--ex, 1px)*140);
        height: -moz-calc(var(--ex, 1px)*140);
        height: calc(var(--ex, 1px)*140)
    }

    .h-270ex {
        height: -webkit-calc(var(--ex, 1px)*270);
        height: -moz-calc(var(--ex, 1px)*270);
        height: calc(var(--ex, 1px)*270)
    }

    .h-104ex {
        height: -webkit-calc(var(--ex, 1px)*104);
        height: -moz-calc(var(--ex, 1px)*104);
        height: calc(var(--ex, 1px)*104)
    }

    .h-194ex {
        height: -webkit-calc(var(--ex, 1px)*194);
        height: -moz-calc(var(--ex, 1px)*194);
        height: calc(var(--ex, 1px)*194)
    }

    .h-217ex {
        height: -webkit-calc(var(--ex, 1px)*217);
        height: -moz-calc(var(--ex, 1px)*217);
        height: calc(var(--ex, 1px)*217)
    }

    .h-242ex {
        height: -webkit-calc(var(--ex, 1px)*242);
        height: -moz-calc(var(--ex, 1px)*242);
        height: calc(var(--ex, 1px)*242)
    }

    .h-447ex {
        height: -webkit-calc(var(--ex, 1px)*447);
        height: -moz-calc(var(--ex, 1px)*447);
        height: calc(var(--ex, 1px)*447)
    }

    .h-212ex {
        height: -webkit-calc(var(--ex, 1px)*212);
        height: -moz-calc(var(--ex, 1px)*212);
        height: calc(var(--ex, 1px)*212)
    }

    .h-276ex {
        height: -webkit-calc(var(--ex, 1px)*276);
        height: -moz-calc(var(--ex, 1px)*276);
        height: calc(var(--ex, 1px)*276)
    }

    .h-46ex {
        height: -webkit-calc(var(--ex, 1px)*46);
        height: -moz-calc(var(--ex, 1px)*46);
        height: calc(var(--ex, 1px)*46)
    }

    .h-292ex {
        height: -webkit-calc(var(--ex, 1px)*292);
        height: -moz-calc(var(--ex, 1px)*292);
        height: calc(var(--ex, 1px)*292)
    }

    .h-98ex {
        height: -webkit-calc(var(--ex, 1px)*98);
        height: -moz-calc(var(--ex, 1px)*98);
        height: calc(var(--ex, 1px)*98)
    }

    .h-302ex {
        height: -webkit-calc(var(--ex, 1px)*302);
        height: -moz-calc(var(--ex, 1px)*302);
        height: calc(var(--ex, 1px)*302)
    }

    .h-40ex {
        height: -webkit-calc(var(--ex, 1px)*40);
        height: -moz-calc(var(--ex, 1px)*40);
        height: calc(var(--ex, 1px)*40)
    }

    .h-50ex {
        height: -webkit-calc(var(--ex, 1px)*50);
        height: -moz-calc(var(--ex, 1px)*50);
        height: calc(var(--ex, 1px)*50)
    }

    .h-70ex {
        height: -webkit-calc(var(--ex, 1px)*70);
        height: -moz-calc(var(--ex, 1px)*70);
        height: calc(var(--ex, 1px)*70)
    }

    .h-275ex {
        height: -webkit-calc(var(--ex, 1px)*275);
        height: -moz-calc(var(--ex, 1px)*275);
        height: calc(var(--ex, 1px)*275)
    }

    .h-48ex {
        height: -webkit-calc(var(--ex, 1px)*48);
        height: -moz-calc(var(--ex, 1px)*48);
        height: calc(var(--ex, 1px)*48)
    }

    .h-49ex {
        height: -webkit-calc(var(--ex, 1px)*49);
        height: -moz-calc(var(--ex, 1px)*49);
        height: calc(var(--ex, 1px)*49)
    }

    .h-246ex {
        height: -webkit-calc(var(--ex, 1px)*246);
        height: -moz-calc(var(--ex, 1px)*246);
        height: calc(var(--ex, 1px)*246)
    }

    .h-300ex {
        height: -webkit-calc(var(--ex, 1px)*300);
        height: -moz-calc(var(--ex, 1px)*300);
        height: calc(var(--ex, 1px)*300)
    }

    .h-273ex {
        height: -webkit-calc(var(--ex, 1px)*273);
        height: -moz-calc(var(--ex, 1px)*273);
        height: calc(var(--ex, 1px)*273)
    }

    .h-261ex {
        height: -webkit-calc(var(--ex, 1px)*261);
        height: -moz-calc(var(--ex, 1px)*261);
        height: calc(var(--ex, 1px)*261)
    }

    .h-247ex {
        height: -webkit-calc(var(--ex, 1px)*247);
        height: -moz-calc(var(--ex, 1px)*247);
        height: calc(var(--ex, 1px)*247)
    }

    .h-32ex {
        height: -webkit-calc(var(--ex, 1px)*32);
        height: -moz-calc(var(--ex, 1px)*32);
        height: calc(var(--ex, 1px)*32)
    }

    .h-206ex {
        height: -webkit-calc(var(--ex, 1px)*206);
        height: -moz-calc(var(--ex, 1px)*206);
        height: calc(var(--ex, 1px)*206)
    }

    .h-366ex {
        height: -webkit-calc(var(--ex, 1px)*366);
        height: -moz-calc(var(--ex, 1px)*366);
        height: calc(var(--ex, 1px)*366)
    }

    .h-252ex {
        height: -webkit-calc(var(--ex, 1px)*252);
        height: -moz-calc(var(--ex, 1px)*252);
        height: calc(var(--ex, 1px)*252)
    }

    .h-168ex {
        height: -webkit-calc(var(--ex, 1px)*168);
        height: -moz-calc(var(--ex, 1px)*168);
        height: calc(var(--ex, 1px)*168)
    }

    .mt-12ex {
        margin-top: calc(var(--ex, 1px)*12)
    }

    .mt-3ex {
        margin-top: calc(var(--ex, 1px)*3)
    }

    .mt-16ex {
        margin-top: calc(var(--ex, 1px)*16)
    }

    .mt-2ex {
        margin-top: calc(var(--ex, 1px)*2)
    }

    .mt-4ex {
        margin-top: calc(var(--ex, 1px)*4)
    }

    .-mt-400ex {
        margin-top: calc(var(--ex, 1px)*-400)
    }

    .mt-18ex {
        margin-top: calc(var(--ex, 1px)*18)
    }

    .mt-24ex {
        margin-top: calc(var(--ex, 1px)*24)
    }

    .mt-10ex {
        margin-top: calc(var(--ex, 1px)*10)
    }

    .-mt-1000ex {
        margin-top: calc(var(--ex, 1px)*-1000)
    }

    .mt-298ex {
        margin-top: calc(var(--ex, 1px)*298)
    }

    .mt-20ex {
        margin-top: calc(var(--ex, 1px)*20)
    }

    .mr-24ex {
        margin-right: calc(var(--ex, 1px)*24)
    }

    .mt-342ex {
        margin-top: calc(var(--ex, 1px)*342)
    }

    .ml-28ex {
        margin-left: calc(var(--ex, 1px)*28)
    }

    .mr-28ex {
        margin-right: calc(var(--ex, 1px)*28)
    }

    .mr-4ex {
        margin-right: calc(var(--ex, 1px)*4)
    }

    .ml-16ex {
        margin-left: calc(var(--ex, 1px)*16)
    }

    .mr-16ex {
        margin-right: calc(var(--ex, 1px)*16)
    }

    .mr-6ex {
        margin-right: calc(var(--ex, 1px)*6)
    }

    .ml-6ex {
        margin-left: calc(var(--ex, 1px)*6)
    }

    .mt-0ex {
        margin-top: calc(var(--ex, 1px)*0)
    }

    .mb-10ex {
        margin-bottom: calc(var(--ex, 1px)*10)
    }

    .ml-20ex {
        margin-left: calc(var(--ex, 1px)*20)
    }

    .mr-20ex {
        margin-right: calc(var(--ex, 1px)*20)
    }

    .mt-300ex {
        margin-top: calc(var(--ex, 1px)*300)
    }

    .mt-23ex {
        margin-top: calc(var(--ex, 1px)*23)
    }

    .mt-32ex {
        margin-top: calc(var(--ex, 1px)*32)
    }

    .mb-20ex {
        margin-bottom: calc(var(--ex, 1px)*20)
    }

    .mt-248ex {
        margin-top: calc(var(--ex, 1px)*248)
    }

    .p-8ex {
        padding: calc(var(--ex, 1px)*8)
    }

    .p-14ex {
        padding: calc(var(--ex, 1px)*14)
    }

    .p-15ex {
        padding: calc(var(--ex, 1px)*15)
    }

    .p-20ex {
        padding: calc(var(--ex, 1px)*20)
    }

    .pt-64ex {
        padding-top: calc(var(--ex, 1px)*64)
    }

    .pt-48ex {
        padding-top: calc(var(--ex, 1px)*48)
    }

    .pb-48ex {
        padding-bottom: calc(var(--ex, 1px)*48)
    }

    .pt-80ex {
        padding-top: calc(var(--ex, 1px)*80)
    }

    .pb-80ex {
        padding-bottom: calc(var(--ex, 1px)*80)
    }

    .pt-440ex {
        padding-top: calc(var(--ex, 1px)*440)
    }

    .pb-1324ex {
        padding-bottom: calc(var(--ex, 1px)*1324)
    }

    .pl-16ex {
        padding-left: calc(var(--ex, 1px)*16)
    }

    .pr-16ex {
        padding-right: calc(var(--ex, 1px)*16)
    }

    .pt-24ex {
        padding-top: calc(var(--ex, 1px)*24)
    }

    .pb-24ex {
        padding-bottom: calc(var(--ex, 1px)*24)
    }

    .pl-20ex {
        padding-left: calc(var(--ex, 1px)*20)
    }

    .pr-20ex {
        padding-right: calc(var(--ex, 1px)*20)
    }

    .pt-32ex {
        padding-top: calc(var(--ex, 1px)*32)
    }

    .pb-32ex {
        padding-bottom: calc(var(--ex, 1px)*32)
    }

    .pb-405ex {
        padding-bottom: calc(var(--ex, 1px)*405)
    }

    .pb-64ex {
        padding-bottom: calc(var(--ex, 1px)*64)
    }

    .pt-313ex {
        padding-top: calc(var(--ex, 1px)*313)
    }

    .pb-70ex {
        padding-bottom: calc(var(--ex, 1px)*70)
    }

    .pt-4ex {
        padding-top: calc(var(--ex, 1px)*4)
    }

    .pb-4ex {
        padding-bottom: calc(var(--ex, 1px)*4)
    }

    .pl-12ex {
        padding-left: calc(var(--ex, 1px)*12)
    }

    .pr-12ex {
        padding-right: calc(var(--ex, 1px)*12)
    }

    .pt-20ex {
        padding-top: calc(var(--ex, 1px)*20)
    }

    .pb-335ex {
        padding-bottom: calc(var(--ex, 1px)*335)
    }

    .pt-9ex {
        padding-top: calc(var(--ex, 1px)*9)
    }

    .pb-9ex {
        padding-bottom: calc(var(--ex, 1px)*9)
    }

    .pt-28ex {
        padding-top: calc(var(--ex, 1px)*28)
    }

    .pb-40ex {
        padding-bottom: calc(var(--ex, 1px)*40)
    }

    .pt-40ex {
        padding-top: calc(var(--ex, 1px)*40)
    }

    .top-64ex {
        top: -webkit-calc(var(--ex, 1px)*64);
        top: -moz-calc(var(--ex, 1px)*64);
        top: calc(var(--ex, 1px)*64)
    }

    .top-509ex {
        top: -webkit-calc(var(--ex, 1px)*509);
        top: -moz-calc(var(--ex, 1px)*509);
        top: calc(var(--ex, 1px)*509)
    }

    .top-588ex {
        top: -webkit-calc(var(--ex, 1px)*588);
        top: -moz-calc(var(--ex, 1px)*588);
        top: calc(var(--ex, 1px)*588)
    }

    .left-0ex {
        left: -webkit-calc(var(--ex, 1px)*0);
        left: -moz-calc(var(--ex, 1px)*0);
        left: calc(var(--ex, 1px)*0)
    }

    .top-177ex {
        top: -webkit-calc(var(--ex, 1px)*177);
        top: -moz-calc(var(--ex, 1px)*177);
        top: calc(var(--ex, 1px)*177)
    }

    .left-16ex {
        left: -webkit-calc(var(--ex, 1px)*16);
        left: -moz-calc(var(--ex, 1px)*16);
        left: calc(var(--ex, 1px)*16)
    }

    .bottom-122ex {
        bottom: -webkit-calc(var(--ex, 1px)*122);
        bottom: -moz-calc(var(--ex, 1px)*122);
        bottom: calc(var(--ex, 1px)*122)
    }

    .left-55ex {
        left: -webkit-calc(var(--ex, 1px)*55);
        left: -moz-calc(var(--ex, 1px)*55);
        left: calc(var(--ex, 1px)*55)
    }

    .top-55ex {
        top: -webkit-calc(var(--ex, 1px)*55);
        top: -moz-calc(var(--ex, 1px)*55);
        top: calc(var(--ex, 1px)*55)
    }

    .left-15ex {
        left: -webkit-calc(var(--ex, 1px)*15);
        left: -moz-calc(var(--ex, 1px)*15);
        left: calc(var(--ex, 1px)*15)
    }

    .top-200ex {
        top: -webkit-calc(var(--ex, 1px)*200);
        top: -moz-calc(var(--ex, 1px)*200);
        top: calc(var(--ex, 1px)*200)
    }

    .right-26ex {
        right: -webkit-calc(var(--ex, 1px)*26);
        right: -moz-calc(var(--ex, 1px)*26);
        right: calc(var(--ex, 1px)*26)
    }

    .top-22ex {
        top: -webkit-calc(var(--ex, 1px)*22);
        top: -moz-calc(var(--ex, 1px)*22);
        top: calc(var(--ex, 1px)*22)
    }

    .right-48ex {
        right: -webkit-calc(var(--ex, 1px)*48);
        right: -moz-calc(var(--ex, 1px)*48);
        right: calc(var(--ex, 1px)*48)
    }

    .top-203ex {
        top: -webkit-calc(var(--ex, 1px)*203);
        top: -moz-calc(var(--ex, 1px)*203);
        top: calc(var(--ex, 1px)*203)
    }

    .-left-16ex {
        left: -webkit-calc(var(--ex, 1px)*-16);
        left: -moz-calc(var(--ex, 1px)*-16);
        left: calc(var(--ex, 1px)*-16)
    }

    .top-11ex {
        top: -webkit-calc(var(--ex, 1px)*11);
        top: -moz-calc(var(--ex, 1px)*11);
        top: calc(var(--ex, 1px)*11)
    }

    .-left-205ex {
        left: -webkit-calc(var(--ex, 1px)*-205);
        left: -moz-calc(var(--ex, 1px)*-205);
        left: calc(var(--ex, 1px)*-205)
    }

    .bottom-64ex {
        bottom: -webkit-calc(var(--ex, 1px)*64);
        bottom: -moz-calc(var(--ex, 1px)*64);
        bottom: calc(var(--ex, 1px)*64)
    }

    .top-13ex {
        top: -webkit-calc(var(--ex, 1px)*13);
        top: -moz-calc(var(--ex, 1px)*13);
        top: calc(var(--ex, 1px)*13)
    }

    .right-13ex {
        right: -webkit-calc(var(--ex, 1px)*13);
        right: -moz-calc(var(--ex, 1px)*13);
        right: calc(var(--ex, 1px)*13)
    }

    .left-227ex {
        left: -webkit-calc(var(--ex, 1px)*227);
        left: -moz-calc(var(--ex, 1px)*227);
        left: calc(var(--ex, 1px)*227)
    }

    .bottom-103ex {
        bottom: -webkit-calc(var(--ex, 1px)*103);
        bottom: -moz-calc(var(--ex, 1px)*103);
        bottom: calc(var(--ex, 1px)*103)
    }

    .left-3ex {
        left: -webkit-calc(var(--ex, 1px)*3);
        left: -moz-calc(var(--ex, 1px)*3);
        left: calc(var(--ex, 1px)*3)
    }

    .top-8ex {
        top: -webkit-calc(var(--ex, 1px)*8);
        top: -moz-calc(var(--ex, 1px)*8);
        top: calc(var(--ex, 1px)*8)
    }

    .top-44ex {
        top: -webkit-calc(var(--ex, 1px)*44);
        top: -moz-calc(var(--ex, 1px)*44);
        top: calc(var(--ex, 1px)*44)
    }

    .right-16ex {
        right: -webkit-calc(var(--ex, 1px)*16);
        right: -moz-calc(var(--ex, 1px)*16);
        right: calc(var(--ex, 1px)*16)
    }

    .top-16ex {
        top: -webkit-calc(var(--ex, 1px)*16);
        top: -moz-calc(var(--ex, 1px)*16);
        top: calc(var(--ex, 1px)*16)
    }

    .bottom-16ex {
        bottom: -webkit-calc(var(--ex, 1px)*16);
        bottom: -moz-calc(var(--ex, 1px)*16);
        bottom: calc(var(--ex, 1px)*16)
    }

    .bottom-14ex {
        bottom: -webkit-calc(var(--ex, 1px)*14);
        bottom: -moz-calc(var(--ex, 1px)*14);
        bottom: calc(var(--ex, 1px)*14)
    }

    .left-20ex {
        left: -webkit-calc(var(--ex, 1px)*20);
        left: -moz-calc(var(--ex, 1px)*20);
        left: calc(var(--ex, 1px)*20)
    }

    .right-20ex {
        right: -webkit-calc(var(--ex, 1px)*20);
        right: -moz-calc(var(--ex, 1px)*20);
        right: calc(var(--ex, 1px)*20)
    }

    .top-20ex {
        top: -webkit-calc(var(--ex, 1px)*20);
        top: -moz-calc(var(--ex, 1px)*20);
        top: calc(var(--ex, 1px)*20)
    }

    .left-24ex {
        left: -webkit-calc(var(--ex, 1px)*24);
        left: -moz-calc(var(--ex, 1px)*24);
        left: calc(var(--ex, 1px)*24)
    }

    .bottom-96ex {
        bottom: -webkit-calc(var(--ex, 1px)*96);
        bottom: -moz-calc(var(--ex, 1px)*96);
        bottom: calc(var(--ex, 1px)*96)
    }

    .right-32ex {
        right: -webkit-calc(var(--ex, 1px)*32);
        right: -moz-calc(var(--ex, 1px)*32);
        right: calc(var(--ex, 1px)*32)
    }

    .top-207ex {
        top: -webkit-calc(var(--ex, 1px)*207);
        top: -moz-calc(var(--ex, 1px)*207);
        top: calc(var(--ex, 1px)*207)
    }

    .left-36ex {
        left: -webkit-calc(var(--ex, 1px)*36);
        left: -moz-calc(var(--ex, 1px)*36);
        left: calc(var(--ex, 1px)*36)
    }

    .bottom-112ex {
        bottom: -webkit-calc(var(--ex, 1px)*112);
        bottom: -moz-calc(var(--ex, 1px)*112);
        bottom: calc(var(--ex, 1px)*112)
    }

    .w-328ex {
        width: -webkit-calc(var(--ex, 1px)*328);
        width: -moz-calc(var(--ex, 1px)*328);
        width: calc(var(--ex, 1px)*328)
    }

    .w-28ex {
        width: -webkit-calc(var(--ex, 1px)*28);
        width: -moz-calc(var(--ex, 1px)*28);
        width: calc(var(--ex, 1px)*28)
    }

    .w-162ex {
        width: -webkit-calc(var(--ex, 1px)*162);
        width: -moz-calc(var(--ex, 1px)*162);
        width: calc(var(--ex, 1px)*162)
    }

    .w-360ex {
        width: -webkit-calc(var(--ex, 1px)*360);
        width: -moz-calc(var(--ex, 1px)*360);
        width: calc(var(--ex, 1px)*360)
    }

    .w-121ex {
        width: -webkit-calc(var(--ex, 1px)*121);
        width: -moz-calc(var(--ex, 1px)*121);
        width: calc(var(--ex, 1px)*121)
    }

    .w-301ex {
        width: -webkit-calc(var(--ex, 1px)*301);
        width: -moz-calc(var(--ex, 1px)*301);
        width: calc(var(--ex, 1px)*301)
    }

    .w-296ex {
        width: -webkit-calc(var(--ex, 1px)*296);
        width: -moz-calc(var(--ex, 1px)*296);
        width: calc(var(--ex, 1px)*296)
    }

    .w-287ex {
        width: -webkit-calc(var(--ex, 1px)*287);
        width: -moz-calc(var(--ex, 1px)*287);
        width: calc(var(--ex, 1px)*287)
    }

    .w-48ex {
        width: -webkit-calc(var(--ex, 1px)*48);
        width: -moz-calc(var(--ex, 1px)*48);
        width: calc(var(--ex, 1px)*48)
    }

    .w-40ex {
        width: -webkit-calc(var(--ex, 1px)*40);
        width: -moz-calc(var(--ex, 1px)*40);
        width: calc(var(--ex, 1px)*40)
    }

    .w-50ex {
        width: -webkit-calc(var(--ex, 1px)*50);
        width: -moz-calc(var(--ex, 1px)*50);
        width: calc(var(--ex, 1px)*50)
    }

    .w-70ex {
        width: -webkit-calc(var(--ex, 1px)*70);
        width: -moz-calc(var(--ex, 1px)*70);
        width: calc(var(--ex, 1px)*70)
    }

    .w-128ex {
        width: -webkit-calc(var(--ex, 1px)*128);
        width: -moz-calc(var(--ex, 1px)*128);
        width: calc(var(--ex, 1px)*128)
    }

    .w-49ex {
        width: -webkit-calc(var(--ex, 1px)*49);
        width: -moz-calc(var(--ex, 1px)*49);
        width: calc(var(--ex, 1px)*49)
    }

    .w-410ex {
        width: -webkit-calc(var(--ex, 1px)*410);
        width: -moz-calc(var(--ex, 1px)*410);
        width: calc(var(--ex, 1px)*410)
    }

    .w-381ex {
        width: -webkit-calc(var(--ex, 1px)*381);
        width: -moz-calc(var(--ex, 1px)*381);
        width: calc(var(--ex, 1px)*381)
    }

    .w-117ex {
        width: -webkit-calc(var(--ex, 1px)*117);
        width: -moz-calc(var(--ex, 1px)*117);
        width: calc(var(--ex, 1px)*117)
    }

    .w-111ex {
        width: -webkit-calc(var(--ex, 1px)*111);
        width: -moz-calc(var(--ex, 1px)*111);
        width: calc(var(--ex, 1px)*111)
    }

    .w-32ex {
        width: -webkit-calc(var(--ex, 1px)*32);
        width: -moz-calc(var(--ex, 1px)*32);
        width: calc(var(--ex, 1px)*32)
    }

    .w-284ex {
        width: -webkit-calc(var(--ex, 1px)*284);
        width: -moz-calc(var(--ex, 1px)*284);
        width: calc(var(--ex, 1px)*284)
    }

    .w-288ex {
        width: -webkit-calc(var(--ex, 1px)*288);
        width: -moz-calc(var(--ex, 1px)*288);
        width: calc(var(--ex, 1px)*288)
    }

    .w-279ex {
        width: -webkit-calc(var(--ex, 1px)*279);
        width: -moz-calc(var(--ex, 1px)*279);
        width: calc(var(--ex, 1px)*279)
    }

    .w-256ex {
        width: -webkit-calc(var(--ex, 1px)*256);
        width: -moz-calc(var(--ex, 1px)*256);
        width: calc(var(--ex, 1px)*256)
    }

    .mo\:pr-16ex {
        padding-right: calc(var(--ex, 1px)*16)
    }

    .mo\:pl-16ex {
        padding-left: calc(var(--ex, 1px)*16)
    }
}

@media (min-width:650px) and (max-width:1023px) {
    :root {
        --apx: -webkit-calc(.13889vw - .06667px);
        --apx: -moz-calc(.13889vw - .06667px);
        --apx: calc(.13889vw - .06667px);
        --apx: -webkit-calc(var(--vw, 1vw)*100/720 - .06667px);
        --apx: -moz-calc(var(--vw, 1vw)*100/720 - .06667px);
        --apx: calc(var(--vw, 1vw)*100/720 - .06667px)
    }

    :root {
        --rpx: -webkit-calc(.07622vw - .03659px);
        --rpx: -moz-calc(.07622vw - .03659px);
        --rpx: calc(.07622vw - .03659px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/720*720/1312 - .03659px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/720*720/1312 - .03659px);
        --rpx: calc(var(--vw, 1vw)*100/720*720/1312 - .03659px)
    }

    :root {
        --ex: -webkit-calc(.30488vw - .14634px);
        --ex: -moz-calc(.30488vw - .14634px);
        --ex: calc(.30488vw - .14634px);
        --ex: -webkit-calc(var(--vw, 1vw)*100/720*720/328 - .14634px);
        --ex: -moz-calc(var(--vw, 1vw)*100/720*720/328 - .14634px);
        --ex: calc(var(--vw, 1vw)*100/720*720/328 - .14634px)
    }

    .pad\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }

    .pad\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .pad\:justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .pad\:justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

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

    .pad\:pl-24px {
        padding-left: 24px
    }

    .pad\:pr-24px {
        padding-right: 24px
    }

    .pad\:w-232px {
        width: 232px
    }

    .pad\:w-310px {
        width: 310px
    }

    .pad\:w-303px {
        width: 303px
    }

    .pad\:w-182px {
        width: 182px
    }
}

@media (min-width:650px) and (max-width:1023px) and (min-width:768px) {
    .rounded-\[4apx\] {
        -webkit-border-radius: -webkit-calc(var(--apx, 1px)*4);
        -moz-border-radius: -moz-calc(var(--apx, 1px)*4);
        border-radius: calc(var(--apx, 1px)*4)
    }

    .rounded-\[14apx\] {
        -webkit-border-radius: -webkit-calc(var(--apx, 1px)*14);
        -moz-border-radius: -moz-calc(var(--apx, 1px)*14);
        border-radius: calc(var(--apx, 1px)*14)
    }

    .rounded-\[40apx\] {
        -webkit-border-radius: -webkit-calc(var(--apx, 1px)*40);
        -moz-border-radius: -moz-calc(var(--apx, 1px)*40);
        border-radius: calc(var(--apx, 1px)*40)
    }

    .rounded-\[36apx\] {
        -webkit-border-radius: -webkit-calc(var(--apx, 1px)*36);
        -moz-border-radius: -moz-calc(var(--apx, 1px)*36);
        border-radius: calc(var(--apx, 1px)*36)
    }

    .rounded-\[8apx\] {
        -webkit-border-radius: -webkit-calc(var(--apx, 1px)*8);
        -moz-border-radius: -moz-calc(var(--apx, 1px)*8);
        border-radius: calc(var(--apx, 1px)*8)
    }

    .h-\[620apx\] {
        height: -webkit-calc(var(--apx, 1px)*620);
        height: -moz-calc(var(--apx, 1px)*620);
        height: calc(var(--apx, 1px)*620)
    }

    .h-\[395apx\] {
        height: -webkit-calc(var(--apx, 1px)*395);
        height: -moz-calc(var(--apx, 1px)*395);
        height: calc(var(--apx, 1px)*395)
    }

    .h-\[40apx\] {
        height: -webkit-calc(var(--apx, 1px)*40);
        height: -moz-calc(var(--apx, 1px)*40);
        height: calc(var(--apx, 1px)*40)
    }

    .h-\[160apx\] {
        height: -webkit-calc(var(--apx, 1px)*160);
        height: -moz-calc(var(--apx, 1px)*160);
        height: calc(var(--apx, 1px)*160)
    }

    .h-\[463apx\] {
        height: -webkit-calc(var(--apx, 1px)*463);
        height: -moz-calc(var(--apx, 1px)*463);
        height: calc(var(--apx, 1px)*463)
    }

    .h-\[178apx\] {
        height: -webkit-calc(var(--apx, 1px)*178);
        height: -moz-calc(var(--apx, 1px)*178);
        height: calc(var(--apx, 1px)*178)
    }

    .h-\[226apx\] {
        height: -webkit-calc(var(--apx, 1px)*226);
        height: -moz-calc(var(--apx, 1px)*226);
        height: calc(var(--apx, 1px)*226)
    }

    .h-\[252apx\] {
        height: -webkit-calc(var(--apx, 1px)*252);
        height: -moz-calc(var(--apx, 1px)*252);
        height: calc(var(--apx, 1px)*252)
    }

    .h-\[253apx\] {
        height: -webkit-calc(var(--apx, 1px)*253);
        height: -moz-calc(var(--apx, 1px)*253);
        height: calc(var(--apx, 1px)*253)
    }

    .h-\[672apx\] {
        height: -webkit-calc(var(--apx, 1px)*672);
        height: -moz-calc(var(--apx, 1px)*672);
        height: calc(var(--apx, 1px)*672)
    }

    .h-\[167apx\] {
        height: -webkit-calc(var(--apx, 1px)*167);
        height: -moz-calc(var(--apx, 1px)*167);
        height: calc(var(--apx, 1px)*167)
    }

    .h-\[38apx\] {
        height: -webkit-calc(var(--apx, 1px)*38);
        height: -moz-calc(var(--apx, 1px)*38);
        height: calc(var(--apx, 1px)*38)
    }

    .h-\[281apx\] {
        height: -webkit-calc(var(--apx, 1px)*281);
        height: -moz-calc(var(--apx, 1px)*281);
        height: calc(var(--apx, 1px)*281)
    }

    .h-\[380apx\] {
        height: -webkit-calc(var(--apx, 1px)*380);
        height: -moz-calc(var(--apx, 1px)*380);
        height: calc(var(--apx, 1px)*380)
    }

    .h-\[280apx\] {
        height: -webkit-calc(var(--apx, 1px)*280);
        height: -moz-calc(var(--apx, 1px)*280);
        height: calc(var(--apx, 1px)*280)
    }

    .h-\[98apx\] {
        height: -webkit-calc(var(--apx, 1px)*98);
        height: -moz-calc(var(--apx, 1px)*98);
        height: calc(var(--apx, 1px)*98)
    }

    .h-\[257apx\] {
        height: -webkit-calc(var(--apx, 1px)*257);
        height: -moz-calc(var(--apx, 1px)*257);
        height: calc(var(--apx, 1px)*257)
    }

    .h-\[58apx\] {
        height: -webkit-calc(var(--apx, 1px)*58);
        height: -moz-calc(var(--apx, 1px)*58);
        height: calc(var(--apx, 1px)*58)
    }

    .h-\[70apx\] {
        height: -webkit-calc(var(--apx, 1px)*70);
        height: -moz-calc(var(--apx, 1px)*70);
        height: calc(var(--apx, 1px)*70)
    }

    .h-\[87apx\] {
        height: -webkit-calc(var(--apx, 1px)*87);
        height: -moz-calc(var(--apx, 1px)*87);
        height: calc(var(--apx, 1px)*87)
    }

    .h-\[44apx\] {
        height: -webkit-calc(var(--apx, 1px)*44);
        height: -moz-calc(var(--apx, 1px)*44);
        height: calc(var(--apx, 1px)*44)
    }

    .h-\[340apx\] {
        height: -webkit-calc(var(--apx, 1px)*340);
        height: -moz-calc(var(--apx, 1px)*340);
        height: calc(var(--apx, 1px)*340)
    }

    .h-\[624apx\] {
        height: -webkit-calc(var(--apx, 1px)*624);
        height: -moz-calc(var(--apx, 1px)*624);
        height: calc(var(--apx, 1px)*624)
    }

    .h-\[568apx\] {
        height: -webkit-calc(var(--apx, 1px)*568);
        height: -moz-calc(var(--apx, 1px)*568);
        height: calc(var(--apx, 1px)*568)
    }

    .h-\[503apx\] {
        height: -webkit-calc(var(--apx, 1px)*503);
        height: -moz-calc(var(--apx, 1px)*503);
        height: calc(var(--apx, 1px)*503)
    }

    .h-\[460apx\] {
        height: -webkit-calc(var(--apx, 1px)*460);
        height: -moz-calc(var(--apx, 1px)*460);
        height: calc(var(--apx, 1px)*460)
    }

    .h-\[258apx\] {
        height: -webkit-calc(var(--apx, 1px)*258);
        height: -moz-calc(var(--apx, 1px)*258);
        height: calc(var(--apx, 1px)*258)
    }

    .h-\[32apx\] {
        height: -webkit-calc(var(--apx, 1px)*32);
        height: -moz-calc(var(--apx, 1px)*32);
        height: calc(var(--apx, 1px)*32)
    }

    .h-\[384apx\] {
        height: -webkit-calc(var(--apx, 1px)*384);
        height: -moz-calc(var(--apx, 1px)*384);
        height: calc(var(--apx, 1px)*384)
    }

    .h-\[230apx\] {
        height: -webkit-calc(var(--apx, 1px)*230);
        height: -moz-calc(var(--apx, 1px)*230);
        height: calc(var(--apx, 1px)*230)
    }

    .h-\[428apx\] {
        height: -webkit-calc(var(--apx, 1px)*428);
        height: -moz-calc(var(--apx, 1px)*428);
        height: calc(var(--apx, 1px)*428)
    }

    .h-\[307apx\] {
        height: -webkit-calc(var(--apx, 1px)*307);
        height: -moz-calc(var(--apx, 1px)*307);
        height: calc(var(--apx, 1px)*307)
    }

    .h-\[358apx\] {
        height: -webkit-calc(var(--apx, 1px)*358);
        height: -moz-calc(var(--apx, 1px)*358);
        height: calc(var(--apx, 1px)*358)
    }

    .h-\[206apx\] {
        height: -webkit-calc(var(--apx, 1px)*206);
        height: -moz-calc(var(--apx, 1px)*206);
        height: calc(var(--apx, 1px)*206)
    }

    .h-\[310apx\] {
        height: -webkit-calc(var(--apx, 1px)*310);
        height: -moz-calc(var(--apx, 1px)*310);
        height: calc(var(--apx, 1px)*310)
    }

    .mt-\[8apx\] {
        margin-top: calc(var(--apx, 1px)*8)
    }

    .mt-\[20apx\] {
        margin-top: calc(var(--apx, 1px)*20)
    }

    .mt-\[2apx\] {
        margin-top: calc(var(--apx, 1px)*2)
    }

    .mt-\[4apx\] {
        margin-top: calc(var(--apx, 1px)*4)
    }

    .-mt-\[500apx\] {
        margin-top: calc(var(--apx, 1px)*-500)
    }

    .-mt-\[1000apx\] {
        margin-top: calc(var(--apx, 1px)*-1000)
    }

    .mt-\[18apx\] {
        margin-top: calc(var(--apx, 1px)*18)
    }

    .mt-\[24apx\] {
        margin-top: calc(var(--apx, 1px)*24)
    }

    .mr-\[25apx\] {
        margin-right: calc(var(--apx, 1px)*25)
    }

    .mt-\[13apx\] {
        margin-top: calc(var(--apx, 1px)*13)
    }

    .mt-\[40apx\] {
        margin-top: calc(var(--apx, 1px)*40)
    }

    .mt-\[16apx\] {
        margin-top: calc(var(--apx, 1px)*16)
    }

    .mr-\[24apx\] {
        margin-right: calc(var(--apx, 1px)*24)
    }

    .mt-\[12apx\] {
        margin-top: calc(var(--apx, 1px)*12)
    }

    .ml-\[4apx\] {
        margin-left: calc(var(--apx, 1px)*4)
    }

    .mr-\[4apx\] {
        margin-right: calc(var(--apx, 1px)*4)
    }

    .ml-\[24apx\] {
        margin-left: calc(var(--apx, 1px)*24)
    }

    .mr-\[6apx\] {
        margin-right: calc(var(--apx, 1px)*6)
    }

    .ml-\[6apx\] {
        margin-left: calc(var(--apx, 1px)*6)
    }

    .mt-\[55apx\] {
        margin-top: calc(var(--apx, 1px)*55)
    }

    .mr-\[200apx\] {
        margin-right: calc(var(--apx, 1px)*200)
    }

    .mr-\[16apx\] {
        margin-right: calc(var(--apx, 1px)*16)
    }

    .mb-\[4apx\] {
        margin-bottom: calc(var(--apx, 1px)*4)
    }

    .ml-\[14apx\] {
        margin-left: calc(var(--apx, 1px)*14)
    }

    .mt-\[6apx\] {
        margin-top: calc(var(--apx, 1px)*6)
    }

    .p-\[8apx\] {
        padding: calc(var(--apx, 1px)*8)
    }

    .p-\[14apx\] {
        padding: calc(var(--apx, 1px)*14)
    }

    .p-\[20apx\] {
        padding: calc(var(--apx, 1px)*20)
    }

    .pl-\[24apx\] {
        padding-left: calc(var(--apx, 1px)*24)
    }

    .pt-\[48apx\] {
        padding-top: calc(var(--apx, 1px)*48)
    }

    .pb-\[48apx\] {
        padding-bottom: calc(var(--apx, 1px)*48)
    }

    .pt-\[80apx\] {
        padding-top: calc(var(--apx, 1px)*80)
    }

    .pb-\[80apx\] {
        padding-bottom: calc(var(--apx, 1px)*80)
    }

    .pt-\[564apx\] {
        padding-top: calc(var(--apx, 1px)*564)
    }

    .pb-\[1310apx\] {
        padding-bottom: calc(var(--apx, 1px)*1310)
    }

    .pt-\[64apx\] {
        padding-top: calc(var(--apx, 1px)*64)
    }

    .pb-\[64apx\] {
        padding-bottom: calc(var(--apx, 1px)*64)
    }

    .pr-\[24apx\] {
        padding-right: calc(var(--apx, 1px)*24)
    }

    .pt-\[32apx\] {
        padding-top: calc(var(--apx, 1px)*32)
    }

    .pb-\[32apx\] {
        padding-bottom: calc(var(--apx, 1px)*32)
    }

    .pb-\[456apx\] {
        padding-bottom: calc(var(--apx, 1px)*456)
    }

    .pt-\[4apx\] {
        padding-top: calc(var(--apx, 1px)*4)
    }

    .pb-\[4apx\] {
        padding-bottom: calc(var(--apx, 1px)*4)
    }

    .pl-\[12apx\] {
        padding-left: calc(var(--apx, 1px)*12)
    }

    .pr-\[12apx\] {
        padding-right: calc(var(--apx, 1px)*12)
    }

    .pt-\[8apx\] {
        padding-top: calc(var(--apx, 1px)*8)
    }

    .pb-\[8apx\] {
        padding-bottom: calc(var(--apx, 1px)*8)
    }

    .pl-\[20apx\] {
        padding-left: calc(var(--apx, 1px)*20)
    }

    .pr-\[20apx\] {
        padding-right: calc(var(--apx, 1px)*20)
    }

    .pt-\[9apx\] {
        padding-top: calc(var(--apx, 1px)*9)
    }

    .pb-\[9apx\] {
        padding-bottom: calc(var(--apx, 1px)*9)
    }

    .pt-\[40apx\] {
        padding-top: calc(var(--apx, 1px)*40)
    }

    .pb-\[40apx\] {
        padding-bottom: calc(var(--apx, 1px)*40)
    }

    .pl-\[40apx\] {
        padding-left: calc(var(--apx, 1px)*40)
    }

    .pt-\[43apx\] {
        padding-top: calc(var(--apx, 1px)*43)
    }

    .pb-\[338apx\] {
        padding-bottom: calc(var(--apx, 1px)*338)
    }

    .top-\[556apx\] {
        top: -webkit-calc(var(--apx, 1px)*556);
        top: -moz-calc(var(--apx, 1px)*556);
        top: calc(var(--apx, 1px)*556)
    }

    .top-\[712apx\] {
        top: -webkit-calc(var(--apx, 1px)*712);
        top: -moz-calc(var(--apx, 1px)*712);
        top: calc(var(--apx, 1px)*712)
    }

    .-right-\[40apx\] {
        right: -webkit-calc(var(--apx, 1px)*-40);
        right: -moz-calc(var(--apx, 1px)*-40);
        right: calc(var(--apx, 1px)*-40)
    }

    .-top-\[81apx\] {
        top: -webkit-calc(var(--apx, 1px)*-81);
        top: -moz-calc(var(--apx, 1px)*-81);
        top: calc(var(--apx, 1px)*-81)
    }

    .right-\[75apx\] {
        right: -webkit-calc(var(--apx, 1px)*75);
        right: -moz-calc(var(--apx, 1px)*75);
        right: calc(var(--apx, 1px)*75)
    }

    .left-\[15apx\] {
        left: -webkit-calc(var(--apx, 1px)*15);
        left: -moz-calc(var(--apx, 1px)*15);
        left: calc(var(--apx, 1px)*15)
    }

    .top-\[15apx\] {
        top: -webkit-calc(var(--apx, 1px)*15);
        top: -moz-calc(var(--apx, 1px)*15);
        top: calc(var(--apx, 1px)*15)
    }

    .-left-\[26apx\] {
        left: -webkit-calc(var(--apx, 1px)*-26);
        left: -moz-calc(var(--apx, 1px)*-26);
        left: calc(var(--apx, 1px)*-26)
    }

    .bottom-\[0apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*0);
        bottom: -moz-calc(var(--apx, 1px)*0);
        bottom: calc(var(--apx, 1px)*0)
    }

    .-right-\[32apx\] {
        right: -webkit-calc(var(--apx, 1px)*-32);
        right: -moz-calc(var(--apx, 1px)*-32);
        right: calc(var(--apx, 1px)*-32)
    }

    .-top-\[26apx\] {
        top: -webkit-calc(var(--apx, 1px)*-26);
        top: -moz-calc(var(--apx, 1px)*-26);
        top: calc(var(--apx, 1px)*-26)
    }

    .-right-\[14apx\] {
        right: -webkit-calc(var(--apx, 1px)*-14);
        right: -moz-calc(var(--apx, 1px)*-14);
        right: calc(var(--apx, 1px)*-14)
    }

    .-bottom-\[26apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*-26);
        bottom: -moz-calc(var(--apx, 1px)*-26);
        bottom: calc(var(--apx, 1px)*-26)
    }

    .left-\[12apx\] {
        left: -webkit-calc(var(--apx, 1px)*12);
        left: -moz-calc(var(--apx, 1px)*12);
        left: calc(var(--apx, 1px)*12)
    }

    .bottom-\[12apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*12);
        bottom: -moz-calc(var(--apx, 1px)*12);
        bottom: calc(var(--apx, 1px)*12)
    }

    .-left-\[420apx\] {
        left: -webkit-calc(var(--apx, 1px)*-420);
        left: -moz-calc(var(--apx, 1px)*-420);
        left: calc(var(--apx, 1px)*-420)
    }

    .-bottom-\[226apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*-226);
        bottom: -moz-calc(var(--apx, 1px)*-226);
        bottom: calc(var(--apx, 1px)*-226)
    }

    .right-\[28apx\] {
        right: -webkit-calc(var(--apx, 1px)*28);
        right: -moz-calc(var(--apx, 1px)*28);
        right: calc(var(--apx, 1px)*28)
    }

    .top-\[28apx\] {
        top: -webkit-calc(var(--apx, 1px)*28);
        top: -moz-calc(var(--apx, 1px)*28);
        top: calc(var(--apx, 1px)*28)
    }

    .left-\[461apx\] {
        left: -webkit-calc(var(--apx, 1px)*461);
        left: -moz-calc(var(--apx, 1px)*461);
        left: calc(var(--apx, 1px)*461)
    }

    .-bottom-\[106apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*-106);
        bottom: -moz-calc(var(--apx, 1px)*-106);
        bottom: calc(var(--apx, 1px)*-106)
    }

    .left-\[9apx\] {
        left: -webkit-calc(var(--apx, 1px)*9);
        left: -moz-calc(var(--apx, 1px)*9);
        left: calc(var(--apx, 1px)*9)
    }

    .top-\[9apx\] {
        top: -webkit-calc(var(--apx, 1px)*9);
        top: -moz-calc(var(--apx, 1px)*9);
        top: calc(var(--apx, 1px)*9)
    }

    .top-\[20apx\] {
        top: -webkit-calc(var(--apx, 1px)*20);
        top: -moz-calc(var(--apx, 1px)*20);
        top: calc(var(--apx, 1px)*20)
    }

    .left-\[20apx\] {
        left: -webkit-calc(var(--apx, 1px)*20);
        left: -moz-calc(var(--apx, 1px)*20);
        left: calc(var(--apx, 1px)*20)
    }

    .right-\[20apx\] {
        right: -webkit-calc(var(--apx, 1px)*20);
        right: -moz-calc(var(--apx, 1px)*20);
        right: calc(var(--apx, 1px)*20)
    }

    .top-\[56apx\] {
        top: -webkit-calc(var(--apx, 1px)*56);
        top: -moz-calc(var(--apx, 1px)*56);
        top: calc(var(--apx, 1px)*56)
    }

    .bottom-\[20apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*20);
        bottom: -moz-calc(var(--apx, 1px)*20);
        bottom: calc(var(--apx, 1px)*20)
    }

    .right-\[16apx\] {
        right: -webkit-calc(var(--apx, 1px)*16);
        right: -moz-calc(var(--apx, 1px)*16);
        right: calc(var(--apx, 1px)*16)
    }

    .bottom-\[16apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*16);
        bottom: -moz-calc(var(--apx, 1px)*16);
        bottom: calc(var(--apx, 1px)*16)
    }

    .left-\[16apx\] {
        left: -webkit-calc(var(--apx, 1px)*16);
        left: -moz-calc(var(--apx, 1px)*16);
        left: calc(var(--apx, 1px)*16)
    }

    .left-\[204apx\] {
        left: -webkit-calc(var(--apx, 1px)*204);
        left: -moz-calc(var(--apx, 1px)*204);
        left: calc(var(--apx, 1px)*204)
    }

    .bottom-\[50apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*50);
        bottom: -moz-calc(var(--apx, 1px)*50);
        bottom: calc(var(--apx, 1px)*50)
    }

    .-left-\[1apx\] {
        left: -webkit-calc(var(--apx, 1px)*-1);
        left: -moz-calc(var(--apx, 1px)*-1);
        left: calc(var(--apx, 1px)*-1)
    }

    .bottom-\[8apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*8);
        bottom: -moz-calc(var(--apx, 1px)*8);
        bottom: calc(var(--apx, 1px)*8)
    }

    .right-\[86apx\] {
        right: -webkit-calc(var(--apx, 1px)*86);
        right: -moz-calc(var(--apx, 1px)*86);
        right: calc(var(--apx, 1px)*86)
    }

    .bottom-\[122apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*122);
        bottom: -moz-calc(var(--apx, 1px)*122);
        bottom: calc(var(--apx, 1px)*122)
    }

    .right-\[40apx\] {
        right: -webkit-calc(var(--apx, 1px)*40);
        right: -moz-calc(var(--apx, 1px)*40);
        right: calc(var(--apx, 1px)*40)
    }

    .-left-\[36apx\] {
        left: -webkit-calc(var(--apx, 1px)*-36);
        left: -moz-calc(var(--apx, 1px)*-36);
        left: calc(var(--apx, 1px)*-36)
    }

    .bottom-\[34apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*34);
        bottom: -moz-calc(var(--apx, 1px)*34);
        bottom: calc(var(--apx, 1px)*34)
    }

    .right-\[31apx\] {
        right: -webkit-calc(var(--apx, 1px)*31);
        right: -moz-calc(var(--apx, 1px)*31);
        right: calc(var(--apx, 1px)*31)
    }

    .w-\[720apx\] {
        width: -webkit-calc(var(--apx, 1px)*720);
        width: -moz-calc(var(--apx, 1px)*720);
        width: calc(var(--apx, 1px)*720)
    }

    .w-\[40apx\] {
        width: -webkit-calc(var(--apx, 1px)*40);
        width: -moz-calc(var(--apx, 1px)*40);
        width: calc(var(--apx, 1px)*40)
    }

    .w-\[177apx\] {
        width: -webkit-calc(var(--apx, 1px)*177);
        width: -moz-calc(var(--apx, 1px)*177);
        width: calc(var(--apx, 1px)*177)
    }

    .w-\[237apx\] {
        width: -webkit-calc(var(--apx, 1px)*237);
        width: -moz-calc(var(--apx, 1px)*237);
        width: calc(var(--apx, 1px)*237)
    }

    .w-\[690apx\] {
        width: -webkit-calc(var(--apx, 1px)*690);
        width: -moz-calc(var(--apx, 1px)*690);
        width: calc(var(--apx, 1px)*690)
    }

    .w-\[178apx\] {
        width: -webkit-calc(var(--apx, 1px)*178);
        width: -moz-calc(var(--apx, 1px)*178);
        width: calc(var(--apx, 1px)*178)
    }

    .w-\[350apx\] {
        width: -webkit-calc(var(--apx, 1px)*350);
        width: -moz-calc(var(--apx, 1px)*350);
        width: calc(var(--apx, 1px)*350)
    }

    .w-\[344apx\] {
        width: -webkit-calc(var(--apx, 1px)*344);
        width: -moz-calc(var(--apx, 1px)*344);
        width: calc(var(--apx, 1px)*344)
    }

    .w-\[343apx\] {
        width: -webkit-calc(var(--apx, 1px)*343);
        width: -moz-calc(var(--apx, 1px)*343);
        width: calc(var(--apx, 1px)*343)
    }

    .w-\[340apx\] {
        width: -webkit-calc(var(--apx, 1px)*340);
        width: -moz-calc(var(--apx, 1px)*340);
        width: calc(var(--apx, 1px)*340)
    }

    .w-\[557apx\] {
        width: -webkit-calc(var(--apx, 1px)*557);
        width: -moz-calc(var(--apx, 1px)*557);
        width: calc(var(--apx, 1px)*557)
    }

    .w-\[293apx\] {
        width: -webkit-calc(var(--apx, 1px)*293);
        width: -moz-calc(var(--apx, 1px)*293);
        width: calc(var(--apx, 1px)*293)
    }

    .w-\[423apx\] {
        width: -webkit-calc(var(--apx, 1px)*423);
        width: -moz-calc(var(--apx, 1px)*423);
        width: calc(var(--apx, 1px)*423)
    }

    .w-\[226apx\] {
        width: -webkit-calc(var(--apx, 1px)*226);
        width: -moz-calc(var(--apx, 1px)*226);
        width: calc(var(--apx, 1px)*226)
    }

    .w-\[291apx\] {
        width: -webkit-calc(var(--apx, 1px)*291);
        width: -moz-calc(var(--apx, 1px)*291);
        width: calc(var(--apx, 1px)*291)
    }

    .w-\[58apx\] {
        width: -webkit-calc(var(--apx, 1px)*58);
        width: -moz-calc(var(--apx, 1px)*58);
        width: calc(var(--apx, 1px)*58)
    }

    .w-\[70apx\] {
        width: -webkit-calc(var(--apx, 1px)*70);
        width: -moz-calc(var(--apx, 1px)*70);
        width: calc(var(--apx, 1px)*70)
    }

    .w-\[87apx\] {
        width: -webkit-calc(var(--apx, 1px)*87);
        width: -moz-calc(var(--apx, 1px)*87);
        width: calc(var(--apx, 1px)*87)
    }

    .w-\[356apx\] {
        width: -webkit-calc(var(--apx, 1px)*356);
        width: -moz-calc(var(--apx, 1px)*356);
        width: calc(var(--apx, 1px)*356)
    }

    .w-\[117apx\] {
        width: -webkit-calc(var(--apx, 1px)*117);
        width: -moz-calc(var(--apx, 1px)*117);
        width: calc(var(--apx, 1px)*117)
    }

    .w-\[44apx\] {
        width: -webkit-calc(var(--apx, 1px)*44);
        width: -moz-calc(var(--apx, 1px)*44);
        width: calc(var(--apx, 1px)*44)
    }

    .w-\[179apx\] {
        width: -webkit-calc(var(--apx, 1px)*179);
        width: -moz-calc(var(--apx, 1px)*179);
        width: calc(var(--apx, 1px)*179)
    }

    .w-\[150apx\] {
        width: -webkit-calc(var(--apx, 1px)*150);
        width: -moz-calc(var(--apx, 1px)*150);
        width: calc(var(--apx, 1px)*150)
    }

    .w-\[520apx\] {
        width: -webkit-calc(var(--apx, 1px)*520);
        width: -moz-calc(var(--apx, 1px)*520);
        width: calc(var(--apx, 1px)*520)
    }

    .w-\[852apx\] {
        width: -webkit-calc(var(--apx, 1px)*852);
        width: -moz-calc(var(--apx, 1px)*852);
        width: calc(var(--apx, 1px)*852)
    }

    .w-\[794apx\] {
        width: -webkit-calc(var(--apx, 1px)*794);
        width: -moz-calc(var(--apx, 1px)*794);
        width: calc(var(--apx, 1px)*794)
    }

    .w-\[208apx\] {
        width: -webkit-calc(var(--apx, 1px)*208);
        width: -moz-calc(var(--apx, 1px)*208);
        width: calc(var(--apx, 1px)*208)
    }

    .w-\[calc\(100\%-40apx\)\] {
        width: -webkit-calc(100% - var(--apx, 1px)*40);
        width: -moz-calc(100% - var(--apx, 1px)*40);
        width: calc(100% - var(--apx, 1px)*40)
    }

    .w-\[32apx\] {
        width: -webkit-calc(var(--apx, 1px)*32);
        width: -moz-calc(var(--apx, 1px)*32);
        width: calc(var(--apx, 1px)*32)
    }

    .w-\[348apx\] {
        width: -webkit-calc(var(--apx, 1px)*348);
        width: -moz-calc(var(--apx, 1px)*348);
        width: calc(var(--apx, 1px)*348)
    }

    .w-\[680apx\] {
        width: -webkit-calc(var(--apx, 1px)*680);
        width: -moz-calc(var(--apx, 1px)*680);
        width: calc(var(--apx, 1px)*680)
    }

    .w-\[312apx\] {
        width: -webkit-calc(var(--apx, 1px)*312);
        width: -moz-calc(var(--apx, 1px)*312);
        width: calc(var(--apx, 1px)*312)
    }

    .w-\[499apx\] {
        width: -webkit-calc(var(--apx, 1px)*499);
        width: -moz-calc(var(--apx, 1px)*499);
        width: calc(var(--apx, 1px)*499)
    }

    .w-\[336apx\] {
        width: -webkit-calc(var(--apx, 1px)*336);
        width: -moz-calc(var(--apx, 1px)*336);
        width: calc(var(--apx, 1px)*336)
    }

    .w-\[358apx\] {
        width: -webkit-calc(var(--apx, 1px)*358);
        width: -moz-calc(var(--apx, 1px)*358);
        width: calc(var(--apx, 1px)*358)
    }

    .w-\[299apx\] {
        width: -webkit-calc(var(--apx, 1px)*299);
        width: -moz-calc(var(--apx, 1px)*299);
        width: calc(var(--apx, 1px)*299)
    }

    .w-\[315apx\] {
        width: -webkit-calc(var(--apx, 1px)*315);
        width: -moz-calc(var(--apx, 1px)*315);
        width: calc(var(--apx, 1px)*315)
    }

    .w-\[196apx\] {
        width: -webkit-calc(var(--apx, 1px)*196);
        width: -moz-calc(var(--apx, 1px)*196);
        width: calc(var(--apx, 1px)*196)
    }

    .w-\[320apx\] {
        width: -webkit-calc(var(--apx, 1px)*320);
        width: -moz-calc(var(--apx, 1px)*320);
        width: calc(var(--apx, 1px)*320)
    }

    .w-\[414apx\] {
        width: -webkit-calc(var(--apx, 1px)*414);
        width: -moz-calc(var(--apx, 1px)*414);
        width: calc(var(--apx, 1px)*414)
    }
}

@media (min-width:650px) and (max-width:1023px) and (min-width:650px) and (max-width:767px) {
    .rounded-\[4apx\] {
        -webkit-border-radius: -webkit-calc(var(--apx, 1px)*4);
        -moz-border-radius: -moz-calc(var(--apx, 1px)*4);
        border-radius: calc(var(--apx, 1px)*4)
    }

    .rounded-\[14apx\] {
        -webkit-border-radius: -webkit-calc(var(--apx, 1px)*14);
        -moz-border-radius: -moz-calc(var(--apx, 1px)*14);
        border-radius: calc(var(--apx, 1px)*14)
    }

    .rounded-\[40apx\] {
        -webkit-border-radius: -webkit-calc(var(--apx, 1px)*40);
        -moz-border-radius: -moz-calc(var(--apx, 1px)*40);
        border-radius: calc(var(--apx, 1px)*40)
    }

    .rounded-\[36apx\] {
        -webkit-border-radius: -webkit-calc(var(--apx, 1px)*36);
        -moz-border-radius: -moz-calc(var(--apx, 1px)*36);
        border-radius: calc(var(--apx, 1px)*36)
    }

    .rounded-\[8apx\] {
        -webkit-border-radius: -webkit-calc(var(--apx, 1px)*8);
        -moz-border-radius: -moz-calc(var(--apx, 1px)*8);
        border-radius: calc(var(--apx, 1px)*8)
    }

    .h-\[620apx\] {
        height: -webkit-calc(var(--apx, 1px)*620);
        height: -moz-calc(var(--apx, 1px)*620);
        height: calc(var(--apx, 1px)*620)
    }

    .h-\[395apx\] {
        height: -webkit-calc(var(--apx, 1px)*395);
        height: -moz-calc(var(--apx, 1px)*395);
        height: calc(var(--apx, 1px)*395)
    }

    .h-\[40apx\] {
        height: -webkit-calc(var(--apx, 1px)*40);
        height: -moz-calc(var(--apx, 1px)*40);
        height: calc(var(--apx, 1px)*40)
    }

    .h-\[160apx\] {
        height: -webkit-calc(var(--apx, 1px)*160);
        height: -moz-calc(var(--apx, 1px)*160);
        height: calc(var(--apx, 1px)*160)
    }

    .h-\[463apx\] {
        height: -webkit-calc(var(--apx, 1px)*463);
        height: -moz-calc(var(--apx, 1px)*463);
        height: calc(var(--apx, 1px)*463)
    }

    .h-\[178apx\] {
        height: -webkit-calc(var(--apx, 1px)*178);
        height: -moz-calc(var(--apx, 1px)*178);
        height: calc(var(--apx, 1px)*178)
    }

    .h-\[226apx\] {
        height: -webkit-calc(var(--apx, 1px)*226);
        height: -moz-calc(var(--apx, 1px)*226);
        height: calc(var(--apx, 1px)*226)
    }

    .h-\[252apx\] {
        height: -webkit-calc(var(--apx, 1px)*252);
        height: -moz-calc(var(--apx, 1px)*252);
        height: calc(var(--apx, 1px)*252)
    }

    .h-\[253apx\] {
        height: -webkit-calc(var(--apx, 1px)*253);
        height: -moz-calc(var(--apx, 1px)*253);
        height: calc(var(--apx, 1px)*253)
    }

    .h-\[672apx\] {
        height: -webkit-calc(var(--apx, 1px)*672);
        height: -moz-calc(var(--apx, 1px)*672);
        height: calc(var(--apx, 1px)*672)
    }

    .h-\[167apx\] {
        height: -webkit-calc(var(--apx, 1px)*167);
        height: -moz-calc(var(--apx, 1px)*167);
        height: calc(var(--apx, 1px)*167)
    }

    .h-\[38apx\] {
        height: -webkit-calc(var(--apx, 1px)*38);
        height: -moz-calc(var(--apx, 1px)*38);
        height: calc(var(--apx, 1px)*38)
    }

    .h-\[281apx\] {
        height: -webkit-calc(var(--apx, 1px)*281);
        height: -moz-calc(var(--apx, 1px)*281);
        height: calc(var(--apx, 1px)*281)
    }

    .h-\[380apx\] {
        height: -webkit-calc(var(--apx, 1px)*380);
        height: -moz-calc(var(--apx, 1px)*380);
        height: calc(var(--apx, 1px)*380)
    }

    .h-\[280apx\] {
        height: -webkit-calc(var(--apx, 1px)*280);
        height: -moz-calc(var(--apx, 1px)*280);
        height: calc(var(--apx, 1px)*280)
    }

    .h-\[98apx\] {
        height: -webkit-calc(var(--apx, 1px)*98);
        height: -moz-calc(var(--apx, 1px)*98);
        height: calc(var(--apx, 1px)*98)
    }

    .h-\[257apx\] {
        height: -webkit-calc(var(--apx, 1px)*257);
        height: -moz-calc(var(--apx, 1px)*257);
        height: calc(var(--apx, 1px)*257)
    }

    .h-\[58apx\] {
        height: -webkit-calc(var(--apx, 1px)*58);
        height: -moz-calc(var(--apx, 1px)*58);
        height: calc(var(--apx, 1px)*58)
    }

    .h-\[70apx\] {
        height: -webkit-calc(var(--apx, 1px)*70);
        height: -moz-calc(var(--apx, 1px)*70);
        height: calc(var(--apx, 1px)*70)
    }

    .h-\[87apx\] {
        height: -webkit-calc(var(--apx, 1px)*87);
        height: -moz-calc(var(--apx, 1px)*87);
        height: calc(var(--apx, 1px)*87)
    }

    .h-\[44apx\] {
        height: -webkit-calc(var(--apx, 1px)*44);
        height: -moz-calc(var(--apx, 1px)*44);
        height: calc(var(--apx, 1px)*44)
    }

    .h-\[340apx\] {
        height: -webkit-calc(var(--apx, 1px)*340);
        height: -moz-calc(var(--apx, 1px)*340);
        height: calc(var(--apx, 1px)*340)
    }

    .h-\[624apx\] {
        height: -webkit-calc(var(--apx, 1px)*624);
        height: -moz-calc(var(--apx, 1px)*624);
        height: calc(var(--apx, 1px)*624)
    }

    .h-\[568apx\] {
        height: -webkit-calc(var(--apx, 1px)*568);
        height: -moz-calc(var(--apx, 1px)*568);
        height: calc(var(--apx, 1px)*568)
    }

    .h-\[503apx\] {
        height: -webkit-calc(var(--apx, 1px)*503);
        height: -moz-calc(var(--apx, 1px)*503);
        height: calc(var(--apx, 1px)*503)
    }

    .h-\[460apx\] {
        height: -webkit-calc(var(--apx, 1px)*460);
        height: -moz-calc(var(--apx, 1px)*460);
        height: calc(var(--apx, 1px)*460)
    }

    .h-\[258apx\] {
        height: -webkit-calc(var(--apx, 1px)*258);
        height: -moz-calc(var(--apx, 1px)*258);
        height: calc(var(--apx, 1px)*258)
    }

    .h-\[32apx\] {
        height: -webkit-calc(var(--apx, 1px)*32);
        height: -moz-calc(var(--apx, 1px)*32);
        height: calc(var(--apx, 1px)*32)
    }

    .h-\[384apx\] {
        height: -webkit-calc(var(--apx, 1px)*384);
        height: -moz-calc(var(--apx, 1px)*384);
        height: calc(var(--apx, 1px)*384)
    }

    .h-\[230apx\] {
        height: -webkit-calc(var(--apx, 1px)*230);
        height: -moz-calc(var(--apx, 1px)*230);
        height: calc(var(--apx, 1px)*230)
    }

    .h-\[428apx\] {
        height: -webkit-calc(var(--apx, 1px)*428);
        height: -moz-calc(var(--apx, 1px)*428);
        height: calc(var(--apx, 1px)*428)
    }

    .h-\[307apx\] {
        height: -webkit-calc(var(--apx, 1px)*307);
        height: -moz-calc(var(--apx, 1px)*307);
        height: calc(var(--apx, 1px)*307)
    }

    .h-\[358apx\] {
        height: -webkit-calc(var(--apx, 1px)*358);
        height: -moz-calc(var(--apx, 1px)*358);
        height: calc(var(--apx, 1px)*358)
    }

    .h-\[206apx\] {
        height: -webkit-calc(var(--apx, 1px)*206);
        height: -moz-calc(var(--apx, 1px)*206);
        height: calc(var(--apx, 1px)*206)
    }

    .h-\[310apx\] {
        height: -webkit-calc(var(--apx, 1px)*310);
        height: -moz-calc(var(--apx, 1px)*310);
        height: calc(var(--apx, 1px)*310)
    }

    .mt-\[8apx\] {
        margin-top: calc(var(--apx, 1px)*8)
    }

    .mt-\[20apx\] {
        margin-top: calc(var(--apx, 1px)*20)
    }

    .mt-\[2apx\] {
        margin-top: calc(var(--apx, 1px)*2)
    }

    .mt-\[4apx\] {
        margin-top: calc(var(--apx, 1px)*4)
    }

    .-mt-\[500apx\] {
        margin-top: calc(var(--apx, 1px)*-500)
    }

    .-mt-\[1000apx\] {
        margin-top: calc(var(--apx, 1px)*-1000)
    }

    .mt-\[18apx\] {
        margin-top: calc(var(--apx, 1px)*18)
    }

    .mt-\[24apx\] {
        margin-top: calc(var(--apx, 1px)*24)
    }

    .mr-\[25apx\] {
        margin-right: calc(var(--apx, 1px)*25)
    }

    .mt-\[13apx\] {
        margin-top: calc(var(--apx, 1px)*13)
    }

    .mt-\[40apx\] {
        margin-top: calc(var(--apx, 1px)*40)
    }

    .mt-\[16apx\] {
        margin-top: calc(var(--apx, 1px)*16)
    }

    .mr-\[24apx\] {
        margin-right: calc(var(--apx, 1px)*24)
    }

    .mt-\[12apx\] {
        margin-top: calc(var(--apx, 1px)*12)
    }

    .ml-\[4apx\] {
        margin-left: calc(var(--apx, 1px)*4)
    }

    .mr-\[4apx\] {
        margin-right: calc(var(--apx, 1px)*4)
    }

    .ml-\[24apx\] {
        margin-left: calc(var(--apx, 1px)*24)
    }

    .mr-\[6apx\] {
        margin-right: calc(var(--apx, 1px)*6)
    }

    .ml-\[6apx\] {
        margin-left: calc(var(--apx, 1px)*6)
    }

    .mt-\[55apx\] {
        margin-top: calc(var(--apx, 1px)*55)
    }

    .mr-\[200apx\] {
        margin-right: calc(var(--apx, 1px)*200)
    }

    .mr-\[16apx\] {
        margin-right: calc(var(--apx, 1px)*16)
    }

    .mb-\[4apx\] {
        margin-bottom: calc(var(--apx, 1px)*4)
    }

    .ml-\[14apx\] {
        margin-left: calc(var(--apx, 1px)*14)
    }

    .mt-\[6apx\] {
        margin-top: calc(var(--apx, 1px)*6)
    }

    .p-\[8apx\] {
        padding: calc(var(--apx, 1px)*8)
    }

    .p-\[14apx\] {
        padding: calc(var(--apx, 1px)*14)
    }

    .p-\[20apx\] {
        padding: calc(var(--apx, 1px)*20)
    }

    .pl-\[24apx\] {
        padding-left: calc(var(--apx, 1px)*24)
    }

    .pt-\[48apx\] {
        padding-top: calc(var(--apx, 1px)*48)
    }

    .pb-\[48apx\] {
        padding-bottom: calc(var(--apx, 1px)*48)
    }

    .pt-\[80apx\] {
        padding-top: calc(var(--apx, 1px)*80)
    }

    .pb-\[80apx\] {
        padding-bottom: calc(var(--apx, 1px)*80)
    }

    .pt-\[564apx\] {
        padding-top: calc(var(--apx, 1px)*564)
    }

    .pb-\[1310apx\] {
        padding-bottom: calc(var(--apx, 1px)*1310)
    }

    .pt-\[64apx\] {
        padding-top: calc(var(--apx, 1px)*64)
    }

    .pb-\[64apx\] {
        padding-bottom: calc(var(--apx, 1px)*64)
    }

    .pr-\[24apx\] {
        padding-right: calc(var(--apx, 1px)*24)
    }

    .pt-\[32apx\] {
        padding-top: calc(var(--apx, 1px)*32)
    }

    .pb-\[32apx\] {
        padding-bottom: calc(var(--apx, 1px)*32)
    }

    .pb-\[456apx\] {
        padding-bottom: calc(var(--apx, 1px)*456)
    }

    .pt-\[4apx\] {
        padding-top: calc(var(--apx, 1px)*4)
    }

    .pb-\[4apx\] {
        padding-bottom: calc(var(--apx, 1px)*4)
    }

    .pl-\[12apx\] {
        padding-left: calc(var(--apx, 1px)*12)
    }

    .pr-\[12apx\] {
        padding-right: calc(var(--apx, 1px)*12)
    }

    .pt-\[8apx\] {
        padding-top: calc(var(--apx, 1px)*8)
    }

    .pb-\[8apx\] {
        padding-bottom: calc(var(--apx, 1px)*8)
    }

    .pl-\[20apx\] {
        padding-left: calc(var(--apx, 1px)*20)
    }

    .pr-\[20apx\] {
        padding-right: calc(var(--apx, 1px)*20)
    }

    .pt-\[9apx\] {
        padding-top: calc(var(--apx, 1px)*9)
    }

    .pb-\[9apx\] {
        padding-bottom: calc(var(--apx, 1px)*9)
    }

    .pt-\[40apx\] {
        padding-top: calc(var(--apx, 1px)*40)
    }

    .pb-\[40apx\] {
        padding-bottom: calc(var(--apx, 1px)*40)
    }

    .pl-\[40apx\] {
        padding-left: calc(var(--apx, 1px)*40)
    }

    .pt-\[43apx\] {
        padding-top: calc(var(--apx, 1px)*43)
    }

    .pb-\[338apx\] {
        padding-bottom: calc(var(--apx, 1px)*338)
    }

    .top-\[556apx\] {
        top: -webkit-calc(var(--apx, 1px)*556);
        top: -moz-calc(var(--apx, 1px)*556);
        top: calc(var(--apx, 1px)*556)
    }

    .top-\[712apx\] {
        top: -webkit-calc(var(--apx, 1px)*712);
        top: -moz-calc(var(--apx, 1px)*712);
        top: calc(var(--apx, 1px)*712)
    }

    .-right-\[40apx\] {
        right: -webkit-calc(var(--apx, 1px)*-40);
        right: -moz-calc(var(--apx, 1px)*-40);
        right: calc(var(--apx, 1px)*-40)
    }

    .-top-\[81apx\] {
        top: -webkit-calc(var(--apx, 1px)*-81);
        top: -moz-calc(var(--apx, 1px)*-81);
        top: calc(var(--apx, 1px)*-81)
    }

    .right-\[75apx\] {
        right: -webkit-calc(var(--apx, 1px)*75);
        right: -moz-calc(var(--apx, 1px)*75);
        right: calc(var(--apx, 1px)*75)
    }

    .left-\[15apx\] {
        left: -webkit-calc(var(--apx, 1px)*15);
        left: -moz-calc(var(--apx, 1px)*15);
        left: calc(var(--apx, 1px)*15)
    }

    .top-\[15apx\] {
        top: -webkit-calc(var(--apx, 1px)*15);
        top: -moz-calc(var(--apx, 1px)*15);
        top: calc(var(--apx, 1px)*15)
    }

    .-left-\[26apx\] {
        left: -webkit-calc(var(--apx, 1px)*-26);
        left: -moz-calc(var(--apx, 1px)*-26);
        left: calc(var(--apx, 1px)*-26)
    }

    .bottom-\[0apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*0);
        bottom: -moz-calc(var(--apx, 1px)*0);
        bottom: calc(var(--apx, 1px)*0)
    }

    .-right-\[32apx\] {
        right: -webkit-calc(var(--apx, 1px)*-32);
        right: -moz-calc(var(--apx, 1px)*-32);
        right: calc(var(--apx, 1px)*-32)
    }

    .-top-\[26apx\] {
        top: -webkit-calc(var(--apx, 1px)*-26);
        top: -moz-calc(var(--apx, 1px)*-26);
        top: calc(var(--apx, 1px)*-26)
    }

    .-right-\[14apx\] {
        right: -webkit-calc(var(--apx, 1px)*-14);
        right: -moz-calc(var(--apx, 1px)*-14);
        right: calc(var(--apx, 1px)*-14)
    }

    .-bottom-\[26apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*-26);
        bottom: -moz-calc(var(--apx, 1px)*-26);
        bottom: calc(var(--apx, 1px)*-26)
    }

    .left-\[12apx\] {
        left: -webkit-calc(var(--apx, 1px)*12);
        left: -moz-calc(var(--apx, 1px)*12);
        left: calc(var(--apx, 1px)*12)
    }

    .bottom-\[12apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*12);
        bottom: -moz-calc(var(--apx, 1px)*12);
        bottom: calc(var(--apx, 1px)*12)
    }

    .-left-\[420apx\] {
        left: -webkit-calc(var(--apx, 1px)*-420);
        left: -moz-calc(var(--apx, 1px)*-420);
        left: calc(var(--apx, 1px)*-420)
    }

    .-bottom-\[226apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*-226);
        bottom: -moz-calc(var(--apx, 1px)*-226);
        bottom: calc(var(--apx, 1px)*-226)
    }

    .right-\[28apx\] {
        right: -webkit-calc(var(--apx, 1px)*28);
        right: -moz-calc(var(--apx, 1px)*28);
        right: calc(var(--apx, 1px)*28)
    }

    .top-\[28apx\] {
        top: -webkit-calc(var(--apx, 1px)*28);
        top: -moz-calc(var(--apx, 1px)*28);
        top: calc(var(--apx, 1px)*28)
    }

    .left-\[461apx\] {
        left: -webkit-calc(var(--apx, 1px)*461);
        left: -moz-calc(var(--apx, 1px)*461);
        left: calc(var(--apx, 1px)*461)
    }

    .-bottom-\[106apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*-106);
        bottom: -moz-calc(var(--apx, 1px)*-106);
        bottom: calc(var(--apx, 1px)*-106)
    }

    .left-\[9apx\] {
        left: -webkit-calc(var(--apx, 1px)*9);
        left: -moz-calc(var(--apx, 1px)*9);
        left: calc(var(--apx, 1px)*9)
    }

    .top-\[9apx\] {
        top: -webkit-calc(var(--apx, 1px)*9);
        top: -moz-calc(var(--apx, 1px)*9);
        top: calc(var(--apx, 1px)*9)
    }

    .top-\[20apx\] {
        top: -webkit-calc(var(--apx, 1px)*20);
        top: -moz-calc(var(--apx, 1px)*20);
        top: calc(var(--apx, 1px)*20)
    }

    .left-\[20apx\] {
        left: -webkit-calc(var(--apx, 1px)*20);
        left: -moz-calc(var(--apx, 1px)*20);
        left: calc(var(--apx, 1px)*20)
    }

    .right-\[20apx\] {
        right: -webkit-calc(var(--apx, 1px)*20);
        right: -moz-calc(var(--apx, 1px)*20);
        right: calc(var(--apx, 1px)*20)
    }

    .top-\[56apx\] {
        top: -webkit-calc(var(--apx, 1px)*56);
        top: -moz-calc(var(--apx, 1px)*56);
        top: calc(var(--apx, 1px)*56)
    }

    .bottom-\[20apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*20);
        bottom: -moz-calc(var(--apx, 1px)*20);
        bottom: calc(var(--apx, 1px)*20)
    }

    .right-\[16apx\] {
        right: -webkit-calc(var(--apx, 1px)*16);
        right: -moz-calc(var(--apx, 1px)*16);
        right: calc(var(--apx, 1px)*16)
    }

    .bottom-\[16apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*16);
        bottom: -moz-calc(var(--apx, 1px)*16);
        bottom: calc(var(--apx, 1px)*16)
    }

    .left-\[16apx\] {
        left: -webkit-calc(var(--apx, 1px)*16);
        left: -moz-calc(var(--apx, 1px)*16);
        left: calc(var(--apx, 1px)*16)
    }

    .left-\[204apx\] {
        left: -webkit-calc(var(--apx, 1px)*204);
        left: -moz-calc(var(--apx, 1px)*204);
        left: calc(var(--apx, 1px)*204)
    }

    .bottom-\[50apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*50);
        bottom: -moz-calc(var(--apx, 1px)*50);
        bottom: calc(var(--apx, 1px)*50)
    }

    .-left-\[1apx\] {
        left: -webkit-calc(var(--apx, 1px)*-1);
        left: -moz-calc(var(--apx, 1px)*-1);
        left: calc(var(--apx, 1px)*-1)
    }

    .bottom-\[8apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*8);
        bottom: -moz-calc(var(--apx, 1px)*8);
        bottom: calc(var(--apx, 1px)*8)
    }

    .right-\[86apx\] {
        right: -webkit-calc(var(--apx, 1px)*86);
        right: -moz-calc(var(--apx, 1px)*86);
        right: calc(var(--apx, 1px)*86)
    }

    .bottom-\[122apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*122);
        bottom: -moz-calc(var(--apx, 1px)*122);
        bottom: calc(var(--apx, 1px)*122)
    }

    .right-\[40apx\] {
        right: -webkit-calc(var(--apx, 1px)*40);
        right: -moz-calc(var(--apx, 1px)*40);
        right: calc(var(--apx, 1px)*40)
    }

    .-left-\[36apx\] {
        left: -webkit-calc(var(--apx, 1px)*-36);
        left: -moz-calc(var(--apx, 1px)*-36);
        left: calc(var(--apx, 1px)*-36)
    }

    .bottom-\[34apx\] {
        bottom: -webkit-calc(var(--apx, 1px)*34);
        bottom: -moz-calc(var(--apx, 1px)*34);
        bottom: calc(var(--apx, 1px)*34)
    }

    .right-\[31apx\] {
        right: -webkit-calc(var(--apx, 1px)*31);
        right: -moz-calc(var(--apx, 1px)*31);
        right: calc(var(--apx, 1px)*31)
    }

    .w-\[720apx\] {
        width: -webkit-calc(var(--apx, 1px)*720);
        width: -moz-calc(var(--apx, 1px)*720);
        width: calc(var(--apx, 1px)*720)
    }

    .w-\[40apx\] {
        width: -webkit-calc(var(--apx, 1px)*40);
        width: -moz-calc(var(--apx, 1px)*40);
        width: calc(var(--apx, 1px)*40)
    }

    .w-\[177apx\] {
        width: -webkit-calc(var(--apx, 1px)*177);
        width: -moz-calc(var(--apx, 1px)*177);
        width: calc(var(--apx, 1px)*177)
    }

    .w-\[237apx\] {
        width: -webkit-calc(var(--apx, 1px)*237);
        width: -moz-calc(var(--apx, 1px)*237);
        width: calc(var(--apx, 1px)*237)
    }

    .w-\[690apx\] {
        width: -webkit-calc(var(--apx, 1px)*690);
        width: -moz-calc(var(--apx, 1px)*690);
        width: calc(var(--apx, 1px)*690)
    }

    .w-\[178apx\] {
        width: -webkit-calc(var(--apx, 1px)*178);
        width: -moz-calc(var(--apx, 1px)*178);
        width: calc(var(--apx, 1px)*178)
    }

    .w-\[350apx\] {
        width: -webkit-calc(var(--apx, 1px)*350);
        width: -moz-calc(var(--apx, 1px)*350);
        width: calc(var(--apx, 1px)*350)
    }

    .w-\[344apx\] {
        width: -webkit-calc(var(--apx, 1px)*344);
        width: -moz-calc(var(--apx, 1px)*344);
        width: calc(var(--apx, 1px)*344)
    }

    .w-\[343apx\] {
        width: -webkit-calc(var(--apx, 1px)*343);
        width: -moz-calc(var(--apx, 1px)*343);
        width: calc(var(--apx, 1px)*343)
    }

    .w-\[340apx\] {
        width: -webkit-calc(var(--apx, 1px)*340);
        width: -moz-calc(var(--apx, 1px)*340);
        width: calc(var(--apx, 1px)*340)
    }

    .w-\[557apx\] {
        width: -webkit-calc(var(--apx, 1px)*557);
        width: -moz-calc(var(--apx, 1px)*557);
        width: calc(var(--apx, 1px)*557)
    }

    .w-\[293apx\] {
        width: -webkit-calc(var(--apx, 1px)*293);
        width: -moz-calc(var(--apx, 1px)*293);
        width: calc(var(--apx, 1px)*293)
    }

    .w-\[423apx\] {
        width: -webkit-calc(var(--apx, 1px)*423);
        width: -moz-calc(var(--apx, 1px)*423);
        width: calc(var(--apx, 1px)*423)
    }

    .w-\[226apx\] {
        width: -webkit-calc(var(--apx, 1px)*226);
        width: -moz-calc(var(--apx, 1px)*226);
        width: calc(var(--apx, 1px)*226)
    }

    .w-\[291apx\] {
        width: -webkit-calc(var(--apx, 1px)*291);
        width: -moz-calc(var(--apx, 1px)*291);
        width: calc(var(--apx, 1px)*291)
    }

    .w-\[58apx\] {
        width: -webkit-calc(var(--apx, 1px)*58);
        width: -moz-calc(var(--apx, 1px)*58);
        width: calc(var(--apx, 1px)*58)
    }

    .w-\[70apx\] {
        width: -webkit-calc(var(--apx, 1px)*70);
        width: -moz-calc(var(--apx, 1px)*70);
        width: calc(var(--apx, 1px)*70)
    }

    .w-\[87apx\] {
        width: -webkit-calc(var(--apx, 1px)*87);
        width: -moz-calc(var(--apx, 1px)*87);
        width: calc(var(--apx, 1px)*87)
    }

    .w-\[356apx\] {
        width: -webkit-calc(var(--apx, 1px)*356);
        width: -moz-calc(var(--apx, 1px)*356);
        width: calc(var(--apx, 1px)*356)
    }

    .w-\[117apx\] {
        width: -webkit-calc(var(--apx, 1px)*117);
        width: -moz-calc(var(--apx, 1px)*117);
        width: calc(var(--apx, 1px)*117)
    }

    .w-\[44apx\] {
        width: -webkit-calc(var(--apx, 1px)*44);
        width: -moz-calc(var(--apx, 1px)*44);
        width: calc(var(--apx, 1px)*44)
    }

    .w-\[179apx\] {
        width: -webkit-calc(var(--apx, 1px)*179);
        width: -moz-calc(var(--apx, 1px)*179);
        width: calc(var(--apx, 1px)*179)
    }

    .w-\[150apx\] {
        width: -webkit-calc(var(--apx, 1px)*150);
        width: -moz-calc(var(--apx, 1px)*150);
        width: calc(var(--apx, 1px)*150)
    }

    .w-\[520apx\] {
        width: -webkit-calc(var(--apx, 1px)*520);
        width: -moz-calc(var(--apx, 1px)*520);
        width: calc(var(--apx, 1px)*520)
    }

    .w-\[852apx\] {
        width: -webkit-calc(var(--apx, 1px)*852);
        width: -moz-calc(var(--apx, 1px)*852);
        width: calc(var(--apx, 1px)*852)
    }

    .w-\[794apx\] {
        width: -webkit-calc(var(--apx, 1px)*794);
        width: -moz-calc(var(--apx, 1px)*794);
        width: calc(var(--apx, 1px)*794)
    }

    .w-\[208apx\] {
        width: -webkit-calc(var(--apx, 1px)*208);
        width: -moz-calc(var(--apx, 1px)*208);
        width: calc(var(--apx, 1px)*208)
    }

    .w-\[calc\(100\%-40apx\)\] {
        width: -webkit-calc(100% - var(--apx, 1px)*40);
        width: -moz-calc(100% - var(--apx, 1px)*40);
        width: calc(100% - var(--apx, 1px)*40)
    }

    .w-\[32apx\] {
        width: -webkit-calc(var(--apx, 1px)*32);
        width: -moz-calc(var(--apx, 1px)*32);
        width: calc(var(--apx, 1px)*32)
    }

    .w-\[348apx\] {
        width: -webkit-calc(var(--apx, 1px)*348);
        width: -moz-calc(var(--apx, 1px)*348);
        width: calc(var(--apx, 1px)*348)
    }

    .w-\[680apx\] {
        width: -webkit-calc(var(--apx, 1px)*680);
        width: -moz-calc(var(--apx, 1px)*680);
        width: calc(var(--apx, 1px)*680)
    }

    .w-\[312apx\] {
        width: -webkit-calc(var(--apx, 1px)*312);
        width: -moz-calc(var(--apx, 1px)*312);
        width: calc(var(--apx, 1px)*312)
    }

    .w-\[499apx\] {
        width: -webkit-calc(var(--apx, 1px)*499);
        width: -moz-calc(var(--apx, 1px)*499);
        width: calc(var(--apx, 1px)*499)
    }

    .w-\[336apx\] {
        width: -webkit-calc(var(--apx, 1px)*336);
        width: -moz-calc(var(--apx, 1px)*336);
        width: calc(var(--apx, 1px)*336)
    }

    .w-\[358apx\] {
        width: -webkit-calc(var(--apx, 1px)*358);
        width: -moz-calc(var(--apx, 1px)*358);
        width: calc(var(--apx, 1px)*358)
    }

    .w-\[299apx\] {
        width: -webkit-calc(var(--apx, 1px)*299);
        width: -moz-calc(var(--apx, 1px)*299);
        width: calc(var(--apx, 1px)*299)
    }

    .w-\[315apx\] {
        width: -webkit-calc(var(--apx, 1px)*315);
        width: -moz-calc(var(--apx, 1px)*315);
        width: calc(var(--apx, 1px)*315)
    }

    .w-\[196apx\] {
        width: -webkit-calc(var(--apx, 1px)*196);
        width: -moz-calc(var(--apx, 1px)*196);
        width: calc(var(--apx, 1px)*196)
    }

    .w-\[320apx\] {
        width: -webkit-calc(var(--apx, 1px)*320);
        width: -moz-calc(var(--apx, 1px)*320);
        width: calc(var(--apx, 1px)*320)
    }

    .w-\[414apx\] {
        width: -webkit-calc(var(--apx, 1px)*414);
        width: -moz-calc(var(--apx, 1px)*414);
        width: calc(var(--apx, 1px)*414)
    }
}

@media (max-width:1023px) {
    .mot\:bg-\[\#F5F4F0\] {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 244, 240, var(--tw-bg-opacity))
    }

    .mot\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .mot\:flex-wrap {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mot\:items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .mot\:justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -moz-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .mot\:justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .mot\:h-16px {
        height: 16px
    }

    .mot\:h-24px {
        height: 24px
    }

    .mot\:text-40m {
        font-size: 40px;
        letter-spacing: .5px
    }

    .mot\:text-18m {
        font-size: 18px;
        letter-spacing: .5px;
        line-height: 26px
    }

    .mot\:text-30m {
        font-size: 30px;
        letter-spacing: .5px;
        line-height: 38px
    }

    .mot\:text-14m {
        font-size: 14px;
        letter-spacing: .5px;
        line-height: 22px
    }

    .mot\:text-12m {
        font-size: 12px;
        letter-spacing: .5px;
        line-height: 20px
    }

    .mot\:text-48m {
        font-size: 48px;
        line-height: 56px
    }

    .mot\:text-16m {
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 24px
    }

    .mot\:text-24m {
        font-size: 24px;
        letter-spacing: .02em;
        line-height: 32px
    }

    .mot\:text-20m {
        font-size: 20px;
        letter-spacing: .5px;
        line-height: 28px
    }

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

    .mot\:relative {
        position: relative
    }

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

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

    .mot\:w-16px {
        width: 16px
    }

    .mot\:w-24px {
        width: 24px
    }

    .mot\:transform {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-translate-z: 0;
        --tw-rotate: 0;
        --tw-rotate-x: 0;
        --tw-rotate-y: 0;
        --tw-rotate-z: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-scale-z: 1;
        -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        -moz-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
        transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))
    }

    .mot\:translate-y-20px {
        --tw-translate-y: 20px
    }
}

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

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

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

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

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

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

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

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

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

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

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

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

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

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

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

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

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

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

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

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

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

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

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

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

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

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

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

.zn--wrapper {
    direction: ltr;
    font-size: 16px
}

.zn--wrapper img:not(.loaded),
.zn--wrapper img:not([src]),
.zn--wrapper img[src=""] {
    opacity: 0
}

.zn--wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.zn--wrapper a {
    text-decoration: none
}

.zn--wrapper img {
    display: block;
    max-width: none
}

.zn--wrapper canvas img {
    display: none
}

.zn--wrapper video {
    display: block;
    max-width: none
}

.zn--wrapper div[data-ll-status],
.zn--wrapper figure[data-ll-status] {
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover
}

.zn--wrapper br {
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Roboto, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, Microsoft Jhenghei, "sans-serif"
}

.zn--wrapper h1 {
    clip: rect(1px, 1px, 1px, 1px);
    border: none;
    -webkit-clip-path: inset(0 0 99.9%);
    clip-path: inset(0 0 99.9%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.zn--wrapper sup {
    -webkit-font-feature-settings: "numr";
    -moz-font-feature-settings: "numr";
    font-feature-settings: "numr";
    font-size: 60%
}

.zn--wrapper sub {
    bottom: -.12em;
    font-size: 50%
}

.zn--wrapper .vertical-center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.zn--wrapper .horizontal-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translate(-50%)
}

.zn--wrapper .position-center {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.zn--wrapper .l-pc-hidden,
.zn--wrapper .xl-pc-hidden {
    display: block
}

.zn--wrapper .s-pc-only {
    display: none
}

.zn--wrapper [replay-button] {
    cursor: pointer
}

.zn--wrapper .s-pc-hidden,
.zn--wrapper .s-pc-mo-hidden {
    display: block
}

.zn--wrapper [ani-img-container] {
    overflow: hidden
}

.zn--wrapper [replay-button-new] {
    background: #efede9
}

.zn--wrapper [replay-button-new]:hover {
    background: #000
}

.zn--wrapper [replay-button-new]:hover path {
    fill: #fff
}

.zn--replacement-tool {
    --p-6: #4c3fb3;
    --p-5: #6a5ecc;
    --p-4: #968dda;
    --k-2: #e5e5e5;
    --k-3: #a9a9b5;
    --white: #fff
}

.zn--wrapper[mode=EDITING] .zn-text-inner:hover {
    background: #4c3fb3;
    color: #fff
}

.zn--wrapper .zn-text-inner {
    font-size: inherit;
    line-height: inherit
}

.zn--wrapper [contenteditable=true] {
    caret-color: #4c3fb3;
    outline: none
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
    margin: 0 auto 10px
}

.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container {
    bottom: 0;
    left: -webkit-calc(50vw - 20px) !important;
    left: -moz-calc(50vw - 20px) !important;
    left: calc(50vw - 20px) !important;
    left: -webkit-calc(var(--vw, 1vw)*50 - 20px) !important;
    left: -moz-calc(var(--vw, 1vw)*50 - 20px) !important;
    left: calc(var(--vw, 1vw)*50 - 20px) !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translate(-50%)
}

#section-ksp {
    background: #fff
}

#section-ksp .card-title {
    color: #000000f2
}

#section-ksp .card-desc {
    color: #0000008c
}

#section-screen .swiper {
    padding-left: 16px;
    padding-right: 16px
}

#section-screen .swiper .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

#section-screen .swiper .swiper-slide:nth-child(2) {
    margin-right: 0
}

#section-screen [ani-grid-2] [progress-bar] {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translate(-100%);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -moz-transition: transform .3s ease, -moz-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease
}

#section-screen [ani-grid-2] .reading-img,
#section-screen [ani-grid-2] .reading-text {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#section-screen [ani-grid-2] [next-button],
#section-screen [ani-grid-2] [prev-button] {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#section-screen [ani-grid-2][data-status="0"] [progress-bar] {
    -webkit-transform: translateX(-67%);
    -moz-transform: translateX(-67%);
    -ms-transform: translateX(-67%);
    -o-transform: translateX(-67%);
    transform: translate(-67%)
}

#section-screen [ani-grid-2][data-status="0"] [prev-button] {
    opacity: .3
}

#section-screen [ani-grid-2][data-status="0"] .reading-img-1,
#section-screen [ani-grid-2][data-status="0"] .reading-text-1 {
    opacity: 1
}

#section-screen [ani-grid-2][data-status="1"] [progress-bar] {
    -webkit-transform: translateX(-33%);
    -moz-transform: translateX(-33%);
    -ms-transform: translateX(-33%);
    -o-transform: translateX(-33%);
    transform: translate(-33%)
}

#section-screen [ani-grid-2][data-status="1"] .reading-img-2,
#section-screen [ani-grid-2][data-status="1"] .reading-text-2 {
    opacity: 1
}

#section-screen [ani-grid-2][data-status="2"] [progress-bar] {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translate(0)
}

#section-screen [ani-grid-2][data-status="2"] [next-button] {
    opacity: .3
}

#section-screen [ani-grid-2][data-status="2"] .reading-img-3,
#section-screen [ani-grid-2][data-status="2"] .reading-text-3 {
    opacity: 1
}

#section-performance [ripple-top-right] {
    -webkit-transform: rotateY(145deg) rotate(45deg) rotateX(-20deg);
    -moz-transform: rotateY(145deg) rotate(45deg) rotateX(-20deg);
    transform: rotateY(145deg) rotate(45deg) rotateX(-20deg)
}

#section-performance [ripple-bottom-right] {
    -webkit-transform: rotateY(145deg) rotate(-25deg) rotateX(-5deg);
    -moz-transform: rotateY(145deg) rotate(-25deg) rotateX(-5deg);
    transform: rotateY(145deg) rotate(-25deg) rotateX(-5deg)
}

#section-performance [ripple-top-left] {
    -webkit-transform: rotateY(55deg) rotate(45deg) rotateX(-20deg);
    -moz-transform: rotateY(55deg) rotate(45deg) rotateX(-20deg);
    transform: rotateY(55deg) rotate(45deg) rotateX(-20deg)
}

#section-performance [ripple-bottom-left] {
    -webkit-transform: rotateY(145deg) rotate(-135deg) rotateX(15deg);
    -moz-transform: rotateY(145deg) rotate(-135deg) rotateX(15deg);
    transform: rotateY(145deg) rotate(-135deg) rotateX(15deg)
}

#section-os .feature-desc,
#section-os .feature-title,
#section-os .text-grid,
#section-os [guesture-img],
#section-os [next-button],
#section-os [prev-button] {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#section-os .card-wrapper {
    background: #fafafa;
    cursor: pointer;
    overflow: hidden
}

#section-os .card-wrapper,
#section-os .card-wrapper .card-desc {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

#section-os .card-wrapper .card-desc {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

#section-os .card-wrapper .plus-arrow {
    opacity: 1;
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    transition: opacity .5s ease
}

#section-os .card-wrapper.active {
    background: #f6f6f6;
    cursor: unset
}

#section-os .card-wrapper.active .plus-arrow {
    opacity: 0
}

#section-efficiency [guesture-img] {
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#section-efficiency [feature-button] {
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#section-efficiency [progress-bar] {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -moz-transition: transform .3s ease, -moz-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease
}

#section-efficiency .swiper {
    padding-left: 0;
    padding-right: 0
}

#section-efficiency [ani-grid-2] .swiper {
    padding-left: 16px;
    padding-right: 16px
}

#section-efficiency [ani-grid-2] .swiper-slide {
    margin-right: 16px
}

#section-efficiency [ani-grid-2] .swiper-slide:last-child {
    margin-right: 0
}

body.no-scroll {
    overflow-y: hidden
}

body.zn--body-fixed {
    position: fixed
}

#section-footer a {
    color: #0000008c
}

@media (min-width:1024px) {
    .zn--wrapper .pc-horizontal-center {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translate(-50%)
    }

    :root {
        --rpx: -webkit-calc(.07622vw - .09756px);
        --rpx: -moz-calc(.07622vw - .09756px);
        --rpx: calc(.07622vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
    }
}

@media (min-width:1024px) and (min-width:1400px) {
    .zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
        width: 320px
    }
}

@media (min-width:1024px) and (min-width:1024px) and (max-width:1399px) {
    .zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
        width: -webkit-calc(var(--rpx, 1px)*320);
        width: -moz-calc(var(--rpx, 1px)*320);
        width: calc(var(--rpx, 1px)*320)
    }
}

@media (max-width:649px) {
    .zn--wrapper .s-pc-mo-hidden {
        display: none
    }

    #section-ksp {
        background: #fafafa
    }

    #section-efficiency .swiper-slide {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100vw;
        width: -webkit-calc(var(--vw, 1vw)*100);
        width: -moz-calc(var(--vw, 1vw)*100);
        width: calc(var(--vw, 1vw)*100)
    }

    :root {
        --ex: -webkit-calc(.30488vw - .09756px);
        --ex: -moz-calc(.30488vw - .09756px);
        --ex: calc(.30488vw - .09756px);
        --ex: -webkit-calc(var(--vw, 1vw)*100/328 - .09756px);
        --ex: -moz-calc(var(--vw, 1vw)*100/328 - .09756px);
        --ex: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

    :root {
        --rpx: -webkit-calc(.07622vw - .02439px);
        --rpx: -moz-calc(.07622vw - .02439px);
        --rpx: calc(.07622vw - .02439px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/328*328/1312 - .02439px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/328*328/1312 - .02439px);
        --rpx: calc(var(--vw, 1vw)*100/328*328/1312 - .02439px)
    }
}

@media (max-width:649px) and (max-width:1023px) {
    .zn--replacement-tool {
        --border-radius: -webkit-calc(var(--ex, 1px)*12);
        --border-radius: -moz-calc(var(--ex, 1px)*12);
        --border-radius: calc(var(--ex, 1px)*12)
    }

    .zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast {
        width: -webkit-calc(var(--ex, 1px)*140);
        width: -moz-calc(var(--ex, 1px)*140);
        width: calc(var(--ex, 1px)*140)
    }

    #section-screen .swiper .swiper-slide {
        height: -webkit-calc(var(--ex, 1px)*250);
        height: -moz-calc(var(--ex, 1px)*250);
        height: calc(var(--ex, 1px)*250)
    }

    #section-screen .swiper .swiper-slide:first-child {
        margin-right: calc(var(--ex, 1px)*28);
        width: -webkit-calc(var(--ex, 1px)*301);
        width: -moz-calc(var(--ex, 1px)*301);
        width: calc(var(--ex, 1px)*301)
    }

    #section-screen .swiper .swiper-slide:nth-child(2) {
        width: -webkit-calc(var(--ex, 1px)*296);
        width: -moz-calc(var(--ex, 1px)*296);
        width: calc(var(--ex, 1px)*296)
    }

    #section-efficiency .swiper-slide {
        height: -webkit-calc(var(--ex, 1px)*325);
        height: -moz-calc(var(--ex, 1px)*325);
        height: calc(var(--ex, 1px)*325)
    }

    #section-efficiency [ani-grid-2] .swiper-slide {
        height: -webkit-calc(var(--ex, 1px)*350);
        height: -moz-calc(var(--ex, 1px)*350);
        height: calc(var(--ex, 1px)*350);
        width: -webkit-calc(var(--ex, 1px)*328);
        width: -moz-calc(var(--ex, 1px)*328);
        width: calc(var(--ex, 1px)*328)
    }
}

@media (min-width:650px) and (max-width:1023px) {
    .zn--wrapper .pad-horizontal-center {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translate(-50%)
    }
}

@media (orientation:portrait) and (max-width:1023px) {
    #oc-header.fixed {
        visibility: hidden
    }

    .zn--wrapper .pc-only,
    .pc-only {
        display: none
    }
}

@media (min-width:1201px) {
    .zn--wrapper .l-pc-hidden {
        display: none
    }
}

@media (min-width:1400px) {
    .zn--wrapper .xl-pc-hidden {
        display: none
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    .zn--wrapper .s-pc-only {
        display: block
    }

    .zn--wrapper .s-pc-hidden,
    .zn--wrapper .s-pc-mo-hidden {
        display: none
    }

    #section-kv [kv-text] {
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translate(-30px)
    }

    #section-performance [ani-grid-2] [dolby-row],
    #section-performance [ani-grid-2] [text-left] {
        width: 440px
    }

    #section-efficiency [grid-5-title] {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    #section-efficiency [helper-right] {
        padding-left: 24px
    }
}

@media (min-width:1024px) and (max-width:1150px) {
    #section-screen [grid-2-inner] {
        padding-left: 0
    }

    #section-screen .hand-img {
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }
}

@media (max-width:1440px) {
    #section-screen .linear-cover {
        display: none
    }
}

@media (min-width:650px) {

    #section-performance [ani-sound-container],
    #section-efficiency [case-img],
    #section-efficiency [ani-handwriting-video] {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#loader-fps {
    --point-color: transparent;
    --size: 2px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-flex-line-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--size);
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw;
    width: -webkit-calc(var(--vw, 1vw)*100);
    width: -moz-calc(var(--vw, 1vw)*100);
    width: calc(var(--vw, 1vw)*100);
    z-index: 1000
}

#loader-fps .loader-element {
    border: var(--size) solid var(--point-color);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: calc(var(--size)*2)
}

#loader-fps .loader-element:first-child {
    -webkit-animation: preloader .6s ease-in-out infinite alternate;
    -moz-animation: preloader .6s ease-in-out infinite alternate;
    -o-animation: preloader .6s ease-in-out infinite alternate;
    animation: preloader .6s ease-in-out infinite alternate
}

#loader-fps .loader-element:nth-child(2) {
    -webkit-animation: preloader .6s ease-in-out .2s infinite alternate;
    -moz-animation: preloader .6s ease-in-out .2s infinite alternate;
    -o-animation: preloader .6s ease-in-out .2s infinite alternate;
    animation: preloader .6s ease-in-out .2s infinite alternate
}

#loader-fps .loader-element:nth-child(3) {
    -webkit-animation: preloader .6s ease-in-out .4s infinite alternate;
    -moz-animation: preloader .6s ease-in-out .4s infinite alternate;
    -o-animation: preloader .6s ease-in-out .4s infinite alternate;
    animation: preloader .6s ease-in-out .4s infinite alternate
}

@-moz-keyframes preloader {
    to {
        -moz-transform: scale(2);
        transform: scale(2)
    }
}

@-webkit-keyframes preloader {
    to {
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@-o-keyframes preloader {
    to {
        -o-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes preloader {
    to {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2)
    }
}

@media (min-width:1024px) {
    .fade-in-pc {
        opacity: 0;
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -o-transition: opacity .6s, -o-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
    }

    .fade-in-pc[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -o-transition: opacity 1s, -o-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
    }

    .fade-in-pc.show,
    .fade-in-pc[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    :root {
        --rpx: -webkit-calc(.07622vw - .09756px);
        --rpx: -moz-calc(.07622vw - .09756px);
        --rpx: calc(.07622vw - .09756px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
        --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
    }

    .fade-in {
        opacity: 0;
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -o-transition: opacity .6s, -o-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -o-transition: opacity 1s, -o-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
    }

    .fade-in.show,
    .fade-in[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (min-width:1024px) and (min-width:1400px) {
    .fade-in-pc[data-slight] {
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px)
    }

    .fade-in-pc {
        -webkit-transform: translateY(80px);
        -moz-transform: translateY(80px);
        -ms-transform: translateY(80px);
        -o-transform: translateY(80px);
        transform: translateY(80px)
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px)
    }

    .fade-in {
        -webkit-transform: translateY(80px);
        -moz-transform: translateY(80px);
        -ms-transform: translateY(80px);
        -o-transform: translateY(80px);
        transform: translateY(80px)
    }
}

@media (min-width:1024px) and (min-width:1024px) and (max-width:1399px) {
    .fade-in-pc[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        -o-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in-pc {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*80));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*80));
        -ms-transform: translateY(calc(var(--rpx, 1px)*80));
        -o-transform: translateY(calc(var(--rpx, 1px)*80));
        transform: translateY(calc(var(--rpx, 1px)*80))
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        -o-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*80));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*80));
        -ms-transform: translateY(calc(var(--rpx, 1px)*80));
        -o-transform: translateY(calc(var(--rpx, 1px)*80));
        transform: translateY(calc(var(--rpx, 1px)*80))
    }
}

@media (max-width:649px) {
    .fade-in-mo {
        opacity: 0;
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -o-transition: opacity .6s, -o-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
    }

    .fade-in-mo[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -o-transition: opacity 1s, -o-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
    }

    .fade-in-mo.show,
    .fade-in-mo[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    :root {
        --ex: -webkit-calc(.30488vw - .09756px);
        --ex: -moz-calc(.30488vw - .09756px);
        --ex: calc(.30488vw - .09756px);
        --ex: -webkit-calc(var(--vw, 1vw)*100/328 - .09756px);
        --ex: -moz-calc(var(--vw, 1vw)*100/328 - .09756px);
        --ex: calc(var(--vw, 1vw)*100/328 - .09756px)
    }

    :root {
        --rpx: -webkit-calc(.07622vw - .02439px);
        --rpx: -moz-calc(.07622vw - .02439px);
        --rpx: calc(.07622vw - .02439px);
        --rpx: -webkit-calc(var(--vw, 1vw)*100/328*328/1312 - .02439px);
        --rpx: -moz-calc(var(--vw, 1vw)*100/328*328/1312 - .02439px);
        --rpx: calc(var(--vw, 1vw)*100/328*328/1312 - .02439px)
    }

    .fade-in {
        opacity: 0;
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -o-transition: opacity .6s, -o-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -o-transition: opacity 1s, -o-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
    }

    .fade-in.show,
    .fade-in[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (max-width:649px) and (max-width:1023px) {
    .fade-in-mo[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--ex, 1px)*30));
        -moz-transform: translateY(-moz-calc(var(--ex, 1px)*30));
        -ms-transform: translateY(calc(var(--ex, 1px)*30));
        -o-transform: translateY(calc(var(--ex, 1px)*30));
        transform: translateY(calc(var(--ex, 1px)*30))
    }

    .fade-in-mo {
        -webkit-transform: translateY(-webkit-calc(var(--ex, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--ex, 1px)*50));
        -ms-transform: translateY(calc(var(--ex, 1px)*50));
        -o-transform: translateY(calc(var(--ex, 1px)*50));
        transform: translateY(calc(var(--ex, 1px)*50))
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--ex, 1px)*30));
        -moz-transform: translateY(-moz-calc(var(--ex, 1px)*30));
        -ms-transform: translateY(calc(var(--ex, 1px)*30));
        -o-transform: translateY(calc(var(--ex, 1px)*30));
        transform: translateY(calc(var(--ex, 1px)*30))
    }

    .fade-in {
        -webkit-transform: translateY(-webkit-calc(var(--ex, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--ex, 1px)*50));
        -ms-transform: translateY(calc(var(--ex, 1px)*50));
        -o-transform: translateY(calc(var(--ex, 1px)*50));
        transform: translateY(calc(var(--ex, 1px)*50))
    }
}

.zn--wrapper {
    font-family: "Poppins", PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

.zn--wrapper .font-b {
    font-family: "Poppins", sans-serif, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.zn--wrapper .font-m {
    font-family: "Poppins", PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

.zn--wrapper .font-l,
.zn--wrapper .font-r {
    font-family: "Poppins", PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

html {
    overflow: unset !important
}

*,
:after,
:before {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial
}

#oc-wrapper {
    overflow: visible
}

#footer {
    overflow-x: hidden
}

#oc-wrapper {
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

#oc-wrapper .header-v2 .header-main-pc .header-right .search {
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

#oc-header {
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

#contact-pop .contact-pop_icon,
#goback-top,
#nps .icon {
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

[ani-autoplay-video],
[ani-video-wrapper] {
    contain: paint;
    overflow: hidden;
    position: relative
}

[ani-autoplay-video] canvas,
[ani-autoplay-video] img,
[ani-autoplay-video] video,
[ani-video-wrapper] canvas,
[ani-video-wrapper] img,
[ani-video-wrapper] video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[ani-autoplay-video] canvas,
[ani-video-wrapper] canvas {
    -o-object-fit: initial;
    object-fit: fill
}

[ani-autoplay-video] img,
[ani-autoplay-video] video,
[ani-video-wrapper] img,
[ani-video-wrapper] video {
    -o-object-fit: cover;
    object-fit: cover
}

@media (orientation:portrait) and (max-width:1023px) and (min-width:721px) {
    #oc-header {
        overflow: hidden
    }
}

@media (orientation:portrait) and (max-width:1023px) {
    #oc-header.fixed {
        visibility: hidden
    }
}


.cmp__plp-list * {
    box-sizing: border-box
}

.cmp__plp-list.padding-bottom {
    padding-bottom: 20px
}

.cmp__plp-list .plp-title {
    text-align: center;
    padding-top: 40px
}

.cmp__plp-list .plp-description {
    text-align: center;
    padding-top: 12px;
    max-width: 800px;
    margin: 0 auto;
    color: #0000008c
}

.cmp__plp-list .divide-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px
}

.cmp__plp-list .divide-box .divide-item {
    flex: 0 0 25%;
    max-width: 25%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 4px
}

.cmp__plp-list .divide-box .divide-item .item-container {
    height: 100%
}

.cmp__plp-list .divide-box .divide-item .vertical-draw {
    position: relative
}

.cmp__plp-list .divide-box .divide-item .prd-tag {
    position: absolute;
    left: 12px;
    top: 12px;
    line-height: 1
}

.cmp__plp-list .divide-box .divide-item .prd-tag .prd-new {
    color: #2cff73
}

.cmp__plp-list .divide-box .divide-item .prd-tag .prd-outofstock {
    color: #706c66
}

.cmp__plp-list .divide-box .divide-item .sketch {
    display: block
}

.cmp__plp-list .divide-box .divide-item .sketch img {
    display: block;
    width: 100%
}

.cmp__plp-list .divide-box .divide-item .sketch-swiper {
    width: 100%;
    height: 366px;
    background: var(--brand-color-tinted-white, #fafafa)
}

.cmp__plp-list .divide-box .divide-item .sketch-swiper .swiper-wrapper {
    position: absolute;
    left: 50%;
    top: 64px;
    transform: translateX(-50%);
    width: auto;
    height: auto
}

.cmp__plp-list .divide-box .divide-item .sketch-swiper .swiper-slide {
    display: none
}

.cmp__plp-list .divide-box .divide-item .sketch-swiper .swiper-slide.active {
    display: block
}

.cmp__plp-list .divide-box .divide-item .sketch-swiper .swiper-slide.not-url {
    cursor: default
}

.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-item-img {
    width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center
}

.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-item-img img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    transition: all .5s
}

.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    position: absolute;
    left: 50%;
    bottom: 64px;
    transform: translateX(-50%);
    z-index: 2
}

.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    background: transparent;
    margin-right: 4px;
    opacity: 1;
    cursor: pointer
}

.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 1px solid #c4c4c4
}

.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet:focus {
    outline: 0
}

.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet i {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: no-repeat;
    background-size: cover
}

.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet i img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.cmp__plp-list .divide-box .divide-item .pdl-360-explore {
    display: flex;
    align-items: center;
    border-radius: 137px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
    padding: 5px 8px;
    position: absolute;
    left: 50%;
    bottom: 90px;
    transform: translateX(-50%);
    z-index: 1;
    width: max-content
}

.cmp__plp-list .divide-box .divide-item .pdl-360-explore svg {
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-right: 2px
}

.cmp__plp-list .divide-box .divide-item .pdl-360-explore p {
    flex: 1 0 auto
}

.cmp__plp-list .divide-box .divide-item .info-des {
    padding-right: 16px
}

.cmp__plp-list .divide-box .divide-item .info-des .prd-title {
    margin-top: 8px;
    color: rgba(0, 0, 0, 0.95)
}

.cmp__plp-list .divide-box .divide-item .info-des .prd-des {
    margin-top: 2px;
    color: rgba(0, 0, 0, 0.95)
}

.cmp__plp-list .divide-box .divide-item .info-des .prd-price {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    color: rgba(0, 0, 0, 0.95)
}

.cmp__plp-list .divide-box .divide-item .info-des .prd-price svg {
    display: block;
    width: 12px;
    height: 12px;
    margin-left: 4px;
    margin-top: 2px
}

.cmp__plp-list .divide-box .divide-item .info-des .prd-price .now-price-data {
    margin-top: 2px
}

.cmp__plp-list .divide-box .divide-item .info-des .prd-price .origin-price-data {
    margin-left: 4px;
    margin-top: 2px;
    color: rgba(0, 0, 0, 0.55)
}

.cmp__plp-list .divide-box .divide-item .info-des .prd-price .origin-price-data.lose-efficacy {
    text-decoration: line-through
}

.cmp__plp-list .divide-box .divide-item .info-des .prd-price .origin-price-data.origin-stop-price {
    color: rgba(0, 0, 0, 0.95)
}

.cmp__plp-list .divide-box .divide-item .info-des .prd-button {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 8px
}

.cmp__plp-list .divide-box .divide-item .info-des .prd-button a {
    padding-bottom: 2px
}

.cmp__plp-list .divide-box .divide-item .info-des .prd-button .more-btn {
    margin-right: 8px
}

.cmp__plp-list .divide-box .divide-item .info-des .prd-button.prd-button-mob {
    display: none
}

.cmp__plp-list .divide-box .divide-item.load-spu-data .sketch-swiper .swiper-wrapper {
    top: 34px
}

.cmp__plp-list .divide-box .divide-item.load-spu-data .sketch-swiper .pdl-item-img {
    width: 256px;
    height: 256px
}

.cmp__plp-list .divide-box .divide-item .new-button--link {
    overflow: unset
}

.cmp__plp-list .divide-box .divide-b50 {
    flex: 0 0 50%;
    max-width: 50%
}

.cmp__plp-list .prd-show-more {
    display: flex;
    justify-content: center
}

.cmp__plp-list .prd-show-more .show-more-btn {
    margin: 0 auto 20px
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .cmp__plp-list .divide-box .divide-item .prd-tag {
        top: .83333vw;
        left: .83333vw
    }

    .cmp__plp-list .divide-box .divide-item .sketch img {
        height: 25.41666vw;
        object-fit: cover
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper {
        height: 25.41666vw
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper .swiper-wrapper {
        top: 4.44444vw
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-item-img {
        width: 13.88888vw;
        height: 13.88888vw
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation {
        bottom: 4.44444vw
    }

    .cmp__plp-list .divide-box .divide-item .pdl-360-explore {
        bottom: 6.25vw
    }

    .cmp__plp-list .divide-box .divide-item.load-spu-data .sketch-swiper .swiper-wrapper {
        top: 2.36111vw
    }

    .cmp__plp-list .divide-box .divide-item.load-spu-data .sketch-swiper .pdl-item-img {
        width: 17.77777vw;
        height: 17.77777vw
    }
}

@media screen and (min-width:651px) and (max-width:1024px) {
    .cmp__plp-list .divide-box {
        margin: 0 -2px
    }

    .cmp__plp-list .divide-box .divide-item {
        padding: 0 2px
    }

    .cmp__plp-list .divide-box .divide-item .prd-tag {
        left: 1.5625vw;
        top: 1.5625vw
    }

    .cmp__plp-list .divide-box .divide-item .sketch img {
        height: 26.30208vw;
        object-fit: cover
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper {
        height: 26.30208vw
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper .swiper-wrapper {
        top: 5.07812vw
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-item-img {
        width: 16.14583vw;
        height: 16.14583vw
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation {
        width: auto;
        left: unset;
        transform: translate(0);
        bottom: 1.04166vw;
        right: .78125vw
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin-right: -6px;
        cursor: default
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet i {
        width: 8px;
        height: 8px
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border: 0
    }

    .cmp__plp-list .divide-box .divide-item .pdl-360-explore {
        bottom: 3.64583vw
    }

    .cmp__plp-list .divide-box .divide-item .info-des {
        padding-right: 12px
    }

    .cmp__plp-list .divide-box .divide-item .info-des .prd-title {
        margin-top: 8px
    }

    .cmp__plp-list .divide-box .divide-item .info-des .prd-des {
        margin-top: 0
    }

    .cmp__plp-list .divide-box .divide-item .info-des .prd-price svg {
        margin-top: 0
    }

    .cmp__plp-list .divide-box .divide-item .info-des .prd-price .now-price-data {
        margin-top: 0
    }

    .cmp__plp-list .divide-box .divide-item .info-des .prd-price .origin-price-data {
        margin-top: 0
    }

    .cmp__plp-list .divide-box .divide-item .info-des .prd-button {
        margin-top: 4px
    }

    .cmp__plp-list .divide-box .divide-item .info-des .prd-button a {
        padding-bottom: 2px
    }

    .cmp__plp-list .divide-box .divide-item .info-des .prd-button .more-btn {
        margin-right: 8px
    }

    .cmp__plp-list .divide-box .divide-item.is-sketch .info-des .prd-button.prd-button-pc {
        display: none
    }

    .cmp__plp-list .divide-box .divide-item.is-sketch .info-des .prd-button.prd-button-mob {
        display: flex
    }

    .cmp__plp-list .divide-box .divide-item.load-spu-data .sketch-swiper .swiper-wrapper {
        top: 2.43055vw
    }

    .cmp__plp-list .divide-box .divide-item.load-spu-data .sketch-swiper .pdl-item-img {
        width: 20.3125vw;
        height: 20.3125vw
    }
}

@media(max-width:650px) {
    .cmp__plp-list .divide-box {
        margin: 0 -2px
    }

    .cmp__plp-list .divide-box .divide-item {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 2px
    }

    .cmp__plp-list .divide-box .divide-item .prd-tag {
        left: 3.33333vw;
        top: 3.33333vw
    }

    .cmp__plp-list .divide-box .divide-item .sketch img {
        height: 51.11111vw;
        object-fit: cover
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper {
        height: 51.11111vw
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper .swiper-wrapper {
        top: 8.33333vw
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-item-img {
        width: 34.44444vw;
        height: 34.44444vw
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation {
        width: auto;
        left: unset;
        transform: translate(0);
        bottom: 1.04166vw;
        right: .78125vw
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin-right: -6px;
        cursor: default
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet i {
        width: 8px;
        height: 8px
    }

    .cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border: 0
    }

    .cmp__plp-list .divide-box .divide-item .pdl-360-explore {
        bottom: 4.72222vw
    }

    .cmp__plp-list .divide-box .divide-item .info-des {
        padding-right: 12px
    }

    .cmp__plp-list .divide-box .divide-item .info-des .prd-title {
        margin-top: 8px
    }

    .cmp__plp-list .divide-box .divide-item .info-des .prd-des {
        margin-top: 0
    }

    .cmp__plp-list .divide-box .divide-item .info-des .prd-price svg {
        margin-top: 0
    }

    .cmp__plp-list .divide-box .divide-item .info-des .prd-price .now-price-data {
        margin-top: 0
    }

    .cmp__plp-list .divide-box .divide-item .info-des .prd-price .origin-price-data {
        margin-top: 0
    }

    .cmp__plp-list .divide-box .divide-item .info-des .prd-button {
        margin-top: 4px
    }

    .cmp__plp-list .divide-box .divide-item .info-des .prd-button a {
        padding-bottom: 2px
    }

    .cmp__plp-list .divide-box .divide-item .info-des .prd-button .more-btn {
        margin-right: 8px
    }

    .cmp__plp-list .divide-box .divide-item.is-sketch .info-des .prd-button.prd-button-pc {
        display: none
    }

    .cmp__plp-list .divide-box .divide-item.is-sketch .info-des .prd-button.prd-button-mob {
        display: flex
    }

    .cmp__plp-list .divide-box .divide-item.load-spu-data .sketch-swiper .swiper-wrapper {
        top: 5.21833vw
    }

    .cmp__plp-list .divide-box .divide-item.load-spu-data .sketch-swiper .pdl-item-img {
        width: 43.33333vw;
        height: 43.33333vw
    }

    .cmp__plp-list .divide-box .divide-b50 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.cmp__plp-general-card * {
    box-sizing: border-box
}

.cmp__plp-general-card.padding-bottom {
    padding-bottom: 20px
}

.cmp__plp-general-card .plp-title {
    text-align: center;
    padding-top: 40px
}

.cmp__plp-general-card .divide-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px
}

.cmp__plp-general-card .divide-box .divide-item {
    flex: 0 0 25%;
    max-width: 25%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 4px
}

.cmp__plp-general-card .divide-box .divide-item .item-container {
    height: 100%
}

.cmp__plp-general-card .divide-box .divide-item .vertical-draw {
    position: relative
}

.cmp__plp-general-card .divide-box .divide-item .prd-tag {
    position: absolute;
    left: 12px;
    top: 12px;
    line-height: 1
}

.cmp__plp-general-card .divide-box .divide-item .prd-tag .prd-new {
    color: #2cff73
}

.cmp__plp-general-card .divide-box .divide-item .prd-tag .prd-outofstock {
    color: #706c66
}

.cmp__plp-general-card .divide-box .divide-item .sketch {
    display: block
}

.cmp__plp-general-card .divide-box .divide-item .sketch img {
    display: block;
    width: 100%
}

.cmp__plp-general-card .divide-box .divide-item .sketch.not-url {
    cursor: default
}

.cmp__plp-general-card .divide-box .divide-item .info-des {
    padding-right: 16px
}

.cmp__plp-general-card .divide-box .divide-item .info-des .prd-title {
    margin-top: 8px;
    color: rgba(0, 0, 0, 0.95)
}

.cmp__plp-general-card .divide-box .divide-item .info-des .prd-des {
    margin-top: 2px;
    color: rgba(0, 0, 0, 0.95)
}

.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    color: rgba(0, 0, 0, 0.95)
}

.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price svg {
    display: block;
    width: 12px;
    height: 12px;
    margin-left: 4px;
    margin-top: 2px
}

.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price .now-price-data {
    margin-top: 2px
}

.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price .origin-price-data {
    margin-left: 4px;
    margin-top: 2px;
    color: rgba(0, 0, 0, 0.55)
}

.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price .origin-price-data.lose-efficacy {
    text-decoration: line-through
}

.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price .origin-price-data.origin-stop-price {
    color: rgba(0, 0, 0, 0.95)
}

.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 8px
}

.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button.prd-button-mob {
    display: none
}

.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button a {
    padding-bottom: 2px
}

.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button .more-btn {
    margin-right: 8px
}

.cmp__plp-general-card .divide-box .divide-item .new-button--link {
    overflow: unset
}

.cmp__plp-general-card .divide-box .divide-b50 {
    flex: 0 0 50%;
    max-width: 50%
}

@media screen and (min-width:1025px) and (max-width:1440px) {
    .cmp__plp-general-card .divide-box .divide-item .prd-tag {
        top: .83333vw;
        left: .83333vw
    }

    .cmp__plp-general-card .divide-box .divide-item .sketch img {
        height: 25.41666vw;
        object-fit: cover
    }
}

@media screen and (min-width:651px) and (max-width:1024px) {
    .cmp__plp-general-card .divide-box {
        margin: 0 -2px
    }

    .cmp__plp-general-card .divide-box .divide-item {
        padding: 0 2px
    }

    .cmp__plp-general-card .divide-box .divide-item .prd-tag {
        left: 1.5625vw;
        top: 1.5625vw
    }

    .cmp__plp-general-card .divide-box .divide-item .sketch img {
        height: 26.30208vw;
        object-fit: cover
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des {
        padding-right: 12px
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-title {
        margin-top: 8px
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-des {
        margin-top: 0
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-price svg {
        margin-top: 0
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-price .now-price-data {
        margin-top: 0
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-price .origin-price-data {
        margin-top: 0
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-button {
        margin-top: 4px
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-button.prd-button-pc {
        display: none
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-button.prd-button-mob {
        display: block
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-button a {
        padding-bottom: 2px
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-button .more-btn {
        margin-right: 8px
    }
}

@media(max-width:650px) {
    .cmp__plp-general-card .divide-box {
        margin: 0 -2px
    }

    .cmp__plp-general-card .divide-box .divide-item {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 2px
    }

    .cmp__plp-general-card .divide-box .divide-item .prd-tag {
        left: 3.33333vw;
        top: 3.33333vw
    }

    .cmp__plp-general-card .divide-box .divide-item .sketch img {
        height: 51.11111vw;
        object-fit: cover
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des {
        padding-right: 12px
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-title {
        margin-top: 8px
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-des {
        margin-top: 0
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-price svg {
        margin-top: 0
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-price .now-price-data {
        margin-top: 0
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-price .origin-price-data {
        margin-top: 0
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-button {
        margin-top: 4px
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-button.prd-button-pc {
        display: none
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-button.prd-button-mob {
        display: block
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-button a {
        padding-bottom: 2px
    }

    .cmp__plp-general-card .divide-box .divide-item .info-des .prd-button .more-btn {
        margin-right: 8px
    }

    .cmp__plp-general-card .divide-box .divide-b50 {
        flex: 0 0 100%;
        max-width: 100%
    }
}


.mx-prd-row {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mx-prd-row .mx-prd-item {
    color: #000;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 10px;
    padding-left: 10px
}

.mx-prd-row .mx-prd-item .prd-item-img {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    background-color: #f6f6f6;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 14px
}

.mx-prd-row .mx-prd-item .prd-item-img .item-phoneImg {
    max-width: 60%;
    max-height: 60%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media(min-width:1440px) {
    .mx-prd-row .mx-prd-item .prd-item-img .item-phoneImg {
        transition: all .3s
    }

    .mx-prd-row .mx-prd-item .prd-item-img .item-phoneImg:hover {
        transform: translate(-50%, -50%) scale(1.05)
    }
}

.mx-prd-row .mx-prd-item .prd-item-container {
    width: 100%
}

.mx-prd-row .mx-prd-item .prd-item-container .new-products {
    display: none
}

.mx-prd-row .mx-prd-item .prd-item-container .item-container-phoneName {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.mx-prd-row .mx-prd-item .prd-item-container .item-container-content {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    margin: 12px 0 0;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.mx-prd-row .mx-prd-item .prd-item-container .item-price {
    min-height: 10px;
    margin-bottom: 4px
}

.mx-prd-row .mx-prd-item .prd-item-container .phone-price {
    font-size: 14px;
    line-height: 22px;
    height: 22px
}

.mx-prd-row .mx-prd-item .prd-item-container .item-container-more,
.mx-prd-row .mx-prd-item .prd-item-container .item-container-buy {
    font-family: "Poppins", sans-serif;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    border-bottom: 1px solid #000;
    margin-right: 20px
}

.product-item {
    padding: 0 10px;
    margin-bottom: 64px;
    margin-right: 0
}

.product-item .img-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-color: #f6f6f6
}

.product-item .img-box img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 60%;
    max-height: 60%;
    transform: translate(-50%, -50%);
    transition: all .3s
}

@media(min-width:1440px) {
    .product-item .img-box img:hover {
        transform: translate(-50%, -50%) scale(1.05)
    }
}

.product-item .product-tag {
    display: none
}

.product-item .title {
    display: block;
    margin-top: 16px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.product-item .desc {
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px;
    max-height: 48px;
    height: 48px
}

.product-item .desc .text {
    width: 100%;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.product-item .item-price {
    margin-top: 2px
}

.product-item .phone-price {
    font-size: 14px;
    line-height: 22px;
    height: 22px
}

.product-item .more {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-top: 8px
}

.product-item .more a {
    margin-right: 20px;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    line-height: 24px;
    border-bottom: 1px solid #000;
    transition: all .3s
}

@media(min-width:1440px) {
    .product-item .more a:hover {
        opacity: .7
    }
}


@media screen and (min-width:1440px) {
    .section-container {
        max-width: 1312px;
        margin: 0 auto
    }
}

@media screen and (min-width:1025px) and (max-width:1439px) {
    .section-container {
        padding: 0 64px
    }
}

@media screen and (min-width:651px) and (max-width:1024px) {
    .section-container {
        padding: 0 24px
    }
}

@media screen and (max-width:650px) {
    .section-container {
        padding: 0 16px
    }
}

@media (min-width:1024px) {
    .text {
        font-size: 18px;
        letter-spacing: .5px;
        line-height: 26px;
    }
}

@media (max-width:1023px) {
    .text {
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 24px;
    }
}


@media (min-width:1024px) {
    .section-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
        color: rgba(0, 0, 0, 0.95)
    }
}

@media (max-width:1023px) {
    .section-header {
        margin-bottom: 20px;
    }
}

@media (min-width:1024px) {
    .section-header-caption {
        font-size: 18px;
        letter-spacing: .5px;
        line-height: 26px;
    }
}

@media (max-width:1023px) {
    .section-header-caption {
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 24px;
    }
}

@media (min-width:1024px) {
    .section-header-heading {
        letter-spacing: .02em;
        font-size: 48px;
        line-height: 60px
    }
}
@media (max-width:1023px) {
    .section-header-heading {
        letter-spacing: .5px;
        font-size: 30px;
        line-height: 38px;
    }
}

@media (min-width:1024px) {
    .section-header-subheading {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (max-width:1023px) {
    .section-header-subheading {
        font-size: 18px;
        line-height: 26px;
    }
}


@media (min-width:1024px) {
    .section-header-text {
        font-size: 18px;
        letter-spacing: .5px;
        line-height: 26px;
    }
}

@media (max-width:1023px) {
    .section-header-text {
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 24px;
    }
}

.section-header-link {
    transition: opacity .2s cubic-bezier(0.48, 0.04, 0.52, 0.96);
    opacity: .55;
    color: #000;
    display: flex
}