body.hide-body {
    overflow: hidden
}

.main-content {
    overflow-x: initial
}

:root {
    --vw: 1vw;
    --r: 1;
    --vh: 1vh;

    @media (min-width: 1025px) {
        --nav-height: 58px;
        --content-height: calc(100vh - 58px);
    }

    @media (max-width: 1024px) {
        --nav-height: 48px;
        --content-height: calc(100vh - 48px);
    }
}

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

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

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

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

.bg-white\/20 {
    --tw-bg-opacity: .2
}

.bg-white, .bg-white\/20 {
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.cursor-pointer {
    cursor: pointer
}

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

.contents {
    display: contents
}

.hidden {
    display: none
}

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

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

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

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

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

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

.h-full {
    height: 100%
}

.h-4px {
    height: 4px
}

.h-64px {
    height: 64px
}

.h-\[var\(--content-height\)\] {
    height: var(--content-height)
}

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

.h-2px {
    height: 2px
}

.h-1px {
    height: 1px
}

.text-20px {
    font-size: 20px;
    line-height: 1
}

.text-18px {
    font-size: 18px;
    line-height: 1
}

.text-16px {
    font-size: 16px;
    line-height: 1
}

.leading-25px {
    line-height: 25px
}

.leading-20px {
    line-height: 20px
}

.leading-1 {
    line-height: .25rem
}

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

.my-24px {
    margin-bottom: 24px;
    margin-top: 24px
}

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

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

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

.opacity-0 {
    opacity: 0
}

.opacity-95 {
    opacity: .95
}

.opacity-75 {
    opacity: .75
}

.opacity-55 {
    opacity: .55
}

.overflow-hidden {
    overflow: hidden
}

.py-10px {
    padding-bottom: 10px;
    padding-top: 10px
}

.pointer-events-none {
    pointer-events: none
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

.inset-0 {
    inset: 0
}

.left-0 {
    left: 0
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.left-\[calc\(50\%-15px\)\] {
    left: -webkit-calc(50% - 15px);
    left: -moz-calc(50% - 15px);
    left: calc(50% - 15px)
}

.top-\[calc\(50\%-15px\)\] {
    top: -webkit-calc(50% - 15px);
    top: -moz-calc(50% - 15px);
    top: calc(50% - 15px)
}

.top-\[var\(--nav-height\)\] {
    top: var(--nav-height)
}

.left-\[100\%\] {
    left: 100%
}

.text-right {
    text-align: right
}

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

.text-\[\#000\] {
    --tw-text-opacity: 1;
    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\.55\)\] {
    --tw-text-opacity: .55;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

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

.text-white {
    --tw-text-opacity: 1;
    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\(255\,255\,255\,0\.3\)\] {
    --tw-text-opacity: .3;
    color: rgba(255, 255, 255, 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-\[rgba\(0\,0\,0\,0\.3\)\] {
    --tw-text-opacity: .3;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

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

.text-\[rgb\(117\,143\,102\)\] {
    --tw-text-opacity: 1;
    color: rgba(117, 143, 102, var(--tw-text-opacity))
}

.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-140px {
    width: 140px
}

.w-64px {
    width: 64px
}

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

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

.z-2 {
    z-index: 2
}

.z-3 {
    z-index: 3
}

.z-1 {
    z-index: 1
}

.z-20 {
    z-index: 20
}

.z-10 {
    z-index: 10
}

.z-9 {
    z-index: 9
}

.z-1113 {
    z-index: 1113
}

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

.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))
}

.origin-left {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    -moz-transform-origin: left;
    transform-origin: left
}

.origin-right {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    -moz-transform-origin: right;
    transform-origin: right
}

.origin-top {
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -moz-transform-origin: top;
    transform-origin: top
}

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

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

.full {
    height: 100%;
    width: 100%
}

@media (min-width:650px) and (max-width:1023px) {
    .pad\:bg-\[rgb\(26\,26\,26\)\] {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 26, 26, var(--tw-bg-opacity))
    }

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

    .pad\:flex-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

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

    .pad\:flex-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

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

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

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

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

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

    .pad\:flex-shrink-0 {
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .pad\:order-2 {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

    .pad\:order-1 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }

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

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

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

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

    .pad\:h-232px {
        height: 232px
    }

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

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

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

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

    .pad\:h-22px {
        height: 22px
    }

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

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

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

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

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

    .pad\:h-174\.7rpx {
        height: -webkit-calc(var(--rpx, 1px)*174.7);
        height: -moz-calc(var(--rpx, 1px)*174.7);
        height: calc(var(--rpx, 1px)*174.7)
    }

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

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

    .pad\:h-25vh {
        height: 25vh;
        height: -webkit-calc(var(--vh, 1vh)*25);
        height: -moz-calc(var(--vh, 1vh)*25);
        height: calc(var(--vh, 1vh)*25)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:h-394\.34rpx {
        height: -webkit-calc(var(--rpx, 1px)*394.34);
        height: -moz-calc(var(--rpx, 1px)*394.34);
        height: calc(var(--rpx, 1px)*394.34)
    }

    .pad\:h-319\.84rpx {
        height: -webkit-calc(var(--rpx, 1px)*319.84);
        height: -moz-calc(var(--rpx, 1px)*319.84);
        height: calc(var(--rpx, 1px)*319.84)
    }

    .pad\:h-31\.47rpx {
        height: -webkit-calc(var(--rpx, 1px)*31.47);
        height: -moz-calc(var(--rpx, 1px)*31.47);
        height: calc(var(--rpx, 1px)*31.47)
    }

    .pad\:h-50\.67rpx {
        height: -webkit-calc(var(--rpx, 1px)*50.67);
        height: -moz-calc(var(--rpx, 1px)*50.67);
        height: calc(var(--rpx, 1px)*50.67)
    }

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

    .pad\:h-16px {
        height: 16px
    }

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

    .pad\:h-33\.86rpx {
        height: -webkit-calc(var(--rpx, 1px)*33.86);
        height: -moz-calc(var(--rpx, 1px)*33.86);
        height: calc(var(--rpx, 1px)*33.86)
    }

    .pad\:h-25\.39rpx {
        height: -webkit-calc(var(--rpx, 1px)*25.39);
        height: -moz-calc(var(--rpx, 1px)*25.39);
        height: calc(var(--rpx, 1px)*25.39)
    }

    .pad\:h-361\.37rpx {
        height: -webkit-calc(var(--rpx, 1px)*361.37);
        height: -moz-calc(var(--rpx, 1px)*361.37);
        height: calc(var(--rpx, 1px)*361.37)
    }

    .pad\:text-18px {
        font-size: 18px;
        line-height: 1
    }

    .pad\:leading-22px {
        line-height: 22px
    }

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

    .pad\:my-64rpx {
        margin-bottom: calc(var(--rpx, 1px)*64);
        margin-top: calc(var(--rpx, 1px)*64)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:py-128rpx {
        padding-bottom: calc(var(--rpx, 1px)*128);
        padding-top: calc(var(--rpx, 1px)*128)
    }

    .pad\:px-16rpx {
        padding-left: calc(var(--rpx, 1px)*16);
        padding-right: calc(var(--rpx, 1px)*16)
    }

    .pad\:py-100rpx {
        padding-bottom: calc(var(--rpx, 1px)*100);
        padding-top: calc(var(--rpx, 1px)*100)
    }

    .pad\:px-24px {
        padding-left: 24px;
        padding-right: 24px
    }

    .pad\:py-64rpx {
        padding-bottom: calc(var(--rpx, 1px)*64);
        padding-top: calc(var(--rpx, 1px)*64)
    }

    .pad\:py-48rpx {
        padding-bottom: calc(var(--rpx, 1px)*48);
        padding-top: calc(var(--rpx, 1px)*48)
    }

    .pad\:py-40rpx {
        padding-bottom: calc(var(--rpx, 1px)*40);
        padding-top: calc(var(--rpx, 1px)*40)
    }

    .pad\:px-24rpx {
        padding-left: calc(var(--rpx, 1px)*24);
        padding-right: calc(var(--rpx, 1px)*24)
    }

    .pad\:px-32rpx {
        padding-left: calc(var(--rpx, 1px)*32);
        padding-right: calc(var(--rpx, 1px)*32)
    }

    .pad\:px-35rpx {
        padding-left: calc(var(--rpx, 1px)*35);
        padding-right: calc(var(--rpx, 1px)*35)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:relative {
        position: relative
    }

    .pad\:left-258px {
        left: 258px
    }

    .pad\:-top-24px {
        top: -24px
    }

    .pad\:-bottom-20px {
        bottom: -20px
    }

    .pad\:right-247px {
        right: 247px
    }

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

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

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

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

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

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

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

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

    .pad\:bottom-0px {
        bottom: 0
    }

    .pad\:left-0 {
        left: 0
    }

    .pad\:top-0 {
        top: 0
    }

    .pad\:right-0 {
        right: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:top-91\.5rpx {
        top: -webkit-calc(var(--rpx, 1px)*91.5);
        top: -moz-calc(var(--rpx, 1px)*91.5);
        top: calc(var(--rpx, 1px)*91.5)
    }

    .pad\:right-\[100\%\] {
        right: 100%
    }

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

    .pad\:left-\[100\%\] {
        left: 100%
    }

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

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

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

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

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

    .pad\:left-57\.37rpx {
        left: -webkit-calc(var(--rpx, 1px)*57.37);
        left: -moz-calc(var(--rpx, 1px)*57.37);
        left: calc(var(--rpx, 1px)*57.37)
    }

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

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

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

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

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

    .pad\:-left-17\.07rpx {
        left: -webkit-calc(var(--rpx, 1px)*-17.07);
        left: -moz-calc(var(--rpx, 1px)*-17.07);
        left: calc(var(--rpx, 1px)*-17.07)
    }

    .pad\:top-56\.59rpx {
        top: -webkit-calc(var(--rpx, 1px)*56.59);
        top: -moz-calc(var(--rpx, 1px)*56.59);
        top: calc(var(--rpx, 1px)*56.59)
    }

    .pad\:-left-57\.87rpx {
        left: -webkit-calc(var(--rpx, 1px)*-57.87);
        left: -moz-calc(var(--rpx, 1px)*-57.87);
        left: calc(var(--rpx, 1px)*-57.87)
    }

    .pad\:top-116\.86rpx {
        top: -webkit-calc(var(--rpx, 1px)*116.86);
        top: -moz-calc(var(--rpx, 1px)*116.86);
        top: calc(var(--rpx, 1px)*116.86)
    }

    .pad\:top-196\.32rpx {
        top: -webkit-calc(var(--rpx, 1px)*196.32);
        top: -moz-calc(var(--rpx, 1px)*196.32);
        top: calc(var(--rpx, 1px)*196.32)
    }

    .pad\:-right-17\.6rpx {
        right: -webkit-calc(var(--rpx, 1px)*-17.6);
        right: -moz-calc(var(--rpx, 1px)*-17.6);
        right: calc(var(--rpx, 1px)*-17.6)
    }

    .pad\:-right-58\.67rpx {
        right: -webkit-calc(var(--rpx, 1px)*-58.67);
        right: -moz-calc(var(--rpx, 1px)*-58.67);
        right: calc(var(--rpx, 1px)*-58.67)
    }

    .pad\:left-99\.86rpx {
        left: -webkit-calc(var(--rpx, 1px)*99.86);
        left: -moz-calc(var(--rpx, 1px)*99.86);
        left: calc(var(--rpx, 1px)*99.86)
    }

    .pad\:top-120\.58rpx {
        top: -webkit-calc(var(--rpx, 1px)*120.58);
        top: -moz-calc(var(--rpx, 1px)*120.58);
        top: calc(var(--rpx, 1px)*120.58)
    }

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

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

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

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

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

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

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

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

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

    .pad\:right-56\.82rpx {
        right: -webkit-calc(var(--rpx, 1px)*56.82);
        right: -moz-calc(var(--rpx, 1px)*56.82);
        right: calc(var(--rpx, 1px)*56.82)
    }

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

    .pad\:right-55\.61rpx {
        right: -webkit-calc(var(--rpx, 1px)*55.61);
        right: -moz-calc(var(--rpx, 1px)*55.61);
        right: calc(var(--rpx, 1px)*55.61)
    }

    .pad\:right-29\.28rpx {
        right: -webkit-calc(var(--rpx, 1px)*29.28);
        right: -moz-calc(var(--rpx, 1px)*29.28);
        right: calc(var(--rpx, 1px)*29.28)
    }

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

    .pad\:top-44\.43rpx {
        top: -webkit-calc(var(--rpx, 1px)*44.43);
        top: -moz-calc(var(--rpx, 1px)*44.43);
        top: calc(var(--rpx, 1px)*44.43)
    }

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

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

    .pad\:text-\[rgb\(48\,59\,42\)\] {
        --tw-text-opacity: 1;
        color: rgba(48, 59, 42, var(--tw-text-opacity))
    }

    .pad\:text-\[rgb\(86\,105\,75\)\] {
        --tw-text-opacity: 1;
        color: rgba(86, 105, 75, var(--tw-text-opacity))
    }

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

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

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

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

    .pad\:w-126\.26px {
        width: 126.26px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:w-174\.7rpx {
        width: -webkit-calc(var(--rpx, 1px)*174.7);
        width: -moz-calc(var(--rpx, 1px)*174.7);
        width: calc(var(--rpx, 1px)*174.7)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:w-263\.62rpx {
        width: -webkit-calc(var(--rpx, 1px)*263.62);
        width: -moz-calc(var(--rpx, 1px)*263.62);
        width: calc(var(--rpx, 1px)*263.62)
    }

    .pad\:w-194\.67rpx {
        width: -webkit-calc(var(--rpx, 1px)*194.67);
        width: -moz-calc(var(--rpx, 1px)*194.67);
        width: calc(var(--rpx, 1px)*194.67)
    }

    .pad\:w-31\.47rpx {
        width: -webkit-calc(var(--rpx, 1px)*31.47);
        width: -moz-calc(var(--rpx, 1px)*31.47);
        width: calc(var(--rpx, 1px)*31.47)
    }

    .pad\:w-50\.67rpx {
        width: -webkit-calc(var(--rpx, 1px)*50.67);
        width: -moz-calc(var(--rpx, 1px)*50.67);
        width: calc(var(--rpx, 1px)*50.67)
    }

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

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

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

    .pad\:w-33\.86rpx {
        width: -webkit-calc(var(--rpx, 1px)*33.86);
        width: -moz-calc(var(--rpx, 1px)*33.86);
        width: calc(var(--rpx, 1px)*33.86)
    }

    .pad\:w-25\.39rpx {
        width: -webkit-calc(var(--rpx, 1px)*25.39);
        width: -moz-calc(var(--rpx, 1px)*25.39);
        width: calc(var(--rpx, 1px)*25.39)
    }

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

@media (min-width:1024px) {
    .pc\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }

    .pc\:flex-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

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

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

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

    .pc\:self-end {
        -webkit-align-self: flex-end;
        align-self: flex-end
    }

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

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

    .pc\:justify-between {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

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

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

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

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

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

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

    .pc\:h-\[var\(--content-height\)\] {
        height: var(--content-height)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:text-48px {
        font-size: 48px;
        line-height: 1
    }

    .pc\:text-18px {
        font-size: 18px;
        line-height: 1
    }

    .pc\:text-10px {
        font-size: 10px;
        line-height: 1
    }

    .pc\:leading-58px {
        line-height: 58px
    }

    .pc\:leading-22px {
        line-height: 22px
    }

    .pc\:leading-10px {
        line-height: 10px
    }

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

    .pc\:my-80rpx {
        margin-bottom: calc(var(--rpx, 1px)*80);
        margin-top: calc(var(--rpx, 1px)*80)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:min-h-288rpx {
        min-height: -webkit-calc(var(--rpx, 1px)*288);
        min-height: -moz-calc(var(--rpx, 1px)*288);
        min-height: calc(var(--rpx, 1px)*288)
    }

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

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

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

    .pc\:py-239rpx {
        padding-bottom: calc(var(--rpx, 1px)*239);
        padding-top: calc(var(--rpx, 1px)*239)
    }

    .pc\:px-\[calc\(50vw-656rpx\)\] {
        padding-left: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);
        padding-right: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656)
    }

    .pc\:py-32px {
        padding-bottom: 32px;
        padding-top: 32px
    }

    .pc\:py-80rpx {
        padding-bottom: calc(var(--rpx, 1px)*80);
        padding-top: calc(var(--rpx, 1px)*80)
    }

    .pc\:py-182rpx {
        padding-bottom: calc(var(--rpx, 1px)*182);
        padding-top: calc(var(--rpx, 1px)*182)
    }

    .pc\:px-64px {
        padding-left: 64px;
        padding-right: 64px
    }

    .pc\:py-48rpx {
        padding-bottom: calc(var(--rpx, 1px)*48);
        padding-top: calc(var(--rpx, 1px)*48)
    }

    .pc\:pl-\[calc\(50vw-656rpx\)\] {
        padding-left: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656)
    }

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

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

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

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

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

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

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

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

    .pc\:pr-\[calc\(50vw-656rpx\)\] {
        padding-right: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656)
    }

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

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

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

    .pc\:absolute {
        position: absolute
    }

    .pc\:relative {
        position: relative
    }

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

    .pc\:-top-1\.736vw {
        top: -1.736vw;
        top: -webkit-calc(var(--vw, 1vw)*-1.736);
        top: -moz-calc(var(--vw, 1vw)*-1.736);
        top: calc(var(--vw, 1vw)*-1.736)
    }

    .pc\:top-\[var\(--nav-height\)\] {
        top: var(--nav-height)
    }

    .pc\:right-0 {
        right: 0
    }

    .pc\:top-0 {
        top: 0
    }

    .pc\:left-0 {
        left: 0
    }

    .pc\:bottom-80px {
        bottom: 80px
    }

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

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

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

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

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

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

    .pc\:left-\[calc\(50vw-656rpx\)\] {
        left: -webkit-calc(50vw - var(--rpx, 1px)*656);
        left: -moz-calc(50vw - var(--rpx, 1px)*656);
        left: calc(50vw - var(--rpx, 1px)*656);
        left: -webkit-calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);
        left: -moz-calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);
        left: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:left-\[100\%\] {
        left: 100%
    }

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

    .pc\:right-\[100\%\] {
        right: 100%
    }

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

    .pc\:top-19\.5rpx {
        top: -webkit-calc(var(--rpx, 1px)*19.5);
        top: -moz-calc(var(--rpx, 1px)*19.5);
        top: calc(var(--rpx, 1px)*19.5)
    }

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

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

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

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

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

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

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

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

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

    .pc\:left-\[calc\(197\.65rpx\+64px\)\] {
        left: -webkit-calc(var(--rpx, 1px)*197.65 + 64px);
        left: -moz-calc(var(--rpx, 1px)*197.65 + 64px);
        left: calc(var(--rpx, 1px)*197.65 + 64px)
    }

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

    .pc\:left-\[calc\(480\.8rpx\+64px\)\] {
        left: -webkit-calc(var(--rpx, 1px)*480.8 + 64px);
        left: -moz-calc(var(--rpx, 1px)*480.8 + 64px);
        left: calc(var(--rpx, 1px)*480.8 + 64px)
    }

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

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

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

    .pc\:-left-2\.22vw {
        left: -2.22vw;
        left: -webkit-calc(var(--vw, 1vw)*-2.22);
        left: -moz-calc(var(--vw, 1vw)*-2.22);
        left: calc(var(--vw, 1vw)*-2.22)
    }

    .pc\:top-7\.63vw {
        top: 7.63vw;
        top: -webkit-calc(var(--vw, 1vw)*7.63);
        top: -moz-calc(var(--vw, 1vw)*7.63);
        top: calc(var(--vw, 1vw)*7.63)
    }

    .pc\:-left-7\.53vw {
        left: -7.53vw;
        left: -webkit-calc(var(--vw, 1vw)*-7.53);
        left: -moz-calc(var(--vw, 1vw)*-7.53);
        left: calc(var(--vw, 1vw)*-7.53)
    }

    .pc\:top-15\.5vw {
        top: 15.5vw;
        top: -webkit-calc(var(--vw, 1vw)*15.5);
        top: -moz-calc(var(--vw, 1vw)*15.5);
        top: calc(var(--vw, 1vw)*15.5)
    }

    .pc\:top-25\.82vw {
        top: 25.82vw;
        top: -webkit-calc(var(--vw, 1vw)*25.82);
        top: -moz-calc(var(--vw, 1vw)*25.82);
        top: calc(var(--vw, 1vw)*25.82)
    }

    .pc\:-right-2\.22vw {
        right: -2.22vw;
        right: -webkit-calc(var(--vw, 1vw)*-2.22);
        right: -moz-calc(var(--vw, 1vw)*-2.22);
        right: calc(var(--vw, 1vw)*-2.22)
    }

    .pc\:-right-7\.64vw {
        right: -7.64vw;
        right: -webkit-calc(var(--vw, 1vw)*-7.64);
        right: -moz-calc(var(--vw, 1vw)*-7.64);
        right: calc(var(--vw, 1vw)*-7.64)
    }

    .pc\:left-255\.78rpx {
        left: -webkit-calc(var(--rpx, 1px)*255.78);
        left: -moz-calc(var(--rpx, 1px)*255.78);
        left: calc(var(--rpx, 1px)*255.78)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:top-17\.65rpx {
        top: -webkit-calc(var(--rpx, 1px)*17.65);
        top: -moz-calc(var(--rpx, 1px)*17.65);
        top: calc(var(--rpx, 1px)*17.65)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:w-25\.35vw {
        width: 25.35vw;
        width: -webkit-calc(var(--vw, 1vw)*25.35);
        width: -moz-calc(var(--vw, 1vw)*25.35);
        width: calc(var(--vw, 1vw)*25.35)
    }

    .pc\:w-4\.1vw {
        width: 4.1vw;
        width: -webkit-calc(var(--vw, 1vw)*4.1);
        width: -moz-calc(var(--vw, 1vw)*4.1);
        width: calc(var(--vw, 1vw)*4.1)
    }

    .pc\:w-6\.6vw {
        width: 6.6vw;
        width: -webkit-calc(var(--vw, 1vw)*6.6);
        width: -moz-calc(var(--vw, 1vw)*6.6);
        width: calc(var(--vw, 1vw)*6.6)
    }

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

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

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

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

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

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

    .pc\:origin-left {
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        -moz-transform-origin: left;
        transform-origin: left
    }
}

@media (max-width:649px) {
    .mo\:bg-\[\#fff\] {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .mo\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }

    .mo\:flex-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

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

    .mo\:flex-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

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

    .mo\:justify-center {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .mo\:justify-between {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

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

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

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

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

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

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

    .mo\:h-232px {
        height: 232px
    }

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

    .mo\:h-66\.94vw {
        height: 66.94vw;
        height: -webkit-calc(var(--vw, 1vw)*66.94);
        height: -moz-calc(var(--vw, 1vw)*66.94);
        height: calc(var(--vw, 1vw)*66.94)
    }

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

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

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

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

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

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

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

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

    .mo\:h-174\.7rpx {
        height: -webkit-calc(var(--rpx, 1px)*174.7);
        height: -moz-calc(var(--rpx, 1px)*174.7);
        height: calc(var(--rpx, 1px)*174.7)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:h-273\.2rpx {
        height: -webkit-calc(var(--rpx, 1px)*273.2);
        height: -moz-calc(var(--rpx, 1px)*273.2);
        height: calc(var(--rpx, 1px)*273.2)
    }

    .mo\:h-26\.88rpx {
        height: -webkit-calc(var(--rpx, 1px)*26.88);
        height: -moz-calc(var(--rpx, 1px)*26.88);
        height: calc(var(--rpx, 1px)*26.88)
    }

    .mo\:h-43\.28rpx {
        height: -webkit-calc(var(--rpx, 1px)*43.28);
        height: -moz-calc(var(--rpx, 1px)*43.28);
        height: calc(var(--rpx, 1px)*43.28)
    }

    .mo\:h-128\.23rpx {
        height: -webkit-calc(var(--rpx, 1px)*128.23);
        height: -moz-calc(var(--rpx, 1px)*128.23);
        height: calc(var(--rpx, 1px)*128.23)
    }

    .mo\:h-16px {
        height: 16px
    }

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

    .mo\:h-33\.86rpx {
        height: -webkit-calc(var(--rpx, 1px)*33.86);
        height: -moz-calc(var(--rpx, 1px)*33.86);
        height: calc(var(--rpx, 1px)*33.86)
    }

    .mo\:h-25\.39rpx {
        height: -webkit-calc(var(--rpx, 1px)*25.39);
        height: -moz-calc(var(--rpx, 1px)*25.39);
        height: calc(var(--rpx, 1px)*25.39)
    }

    .mo\:h-300\.86rpx {
        height: -webkit-calc(var(--rpx, 1px)*300.86);
        height: -moz-calc(var(--rpx, 1px)*300.86);
        height: calc(var(--rpx, 1px)*300.86)
    }

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

    .mo\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .mo\:text-14rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*14);
        font-size: -moz-calc(var(--rpx, 1px)*14);
        font-size: calc(var(--rpx, 1px)*14);
        line-height: 1
    }

    .mo\:leading-20px {
        line-height: 20px
    }

    .mo\:my-12rpx {
        margin-bottom: calc(var(--rpx, 1px)*12);
        margin-top: calc(var(--rpx, 1px)*12)
    }

    .mo\:my-64rpx {
        margin-bottom: calc(var(--rpx, 1px)*64);
        margin-top: calc(var(--rpx, 1px)*64)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:py-100rpx {
        padding-bottom: calc(var(--rpx, 1px)*100);
        padding-top: calc(var(--rpx, 1px)*100)
    }

    .mo\:px-16rpx {
        padding-left: calc(var(--rpx, 1px)*16);
        padding-right: calc(var(--rpx, 1px)*16)
    }

    .mo\:px-16px {
        padding-left: 16px;
        padding-right: 16px
    }

    .mo\:py-64rpx {
        padding-bottom: calc(var(--rpx, 1px)*64);
        padding-top: calc(var(--rpx, 1px)*64)
    }

    .mo\:py-40rpx {
        padding-bottom: calc(var(--rpx, 1px)*40);
        padding-top: calc(var(--rpx, 1px)*40)
    }

    .mo\:px-20rpx {
        padding-left: calc(var(--rpx, 1px)*20);
        padding-right: calc(var(--rpx, 1px)*20)
    }

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

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

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

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

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

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

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

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

    .mo\:relative {
        position: relative
    }

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

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

    .mo\:bottom-0px {
        bottom: 0
    }

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

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

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

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

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

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

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

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

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

    .mo\:left-0 {
        left: 0
    }

    .mo\:top-0 {
        top: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:right-\[100\%\] {
        right: 100%
    }

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

    .mo\:left-\[100\%\] {
        left: 100%
    }

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

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

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

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

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

    .mo\:-left-24\.65rpx {
        left: -webkit-calc(var(--rpx, 1px)*-24.65);
        left: -moz-calc(var(--rpx, 1px)*-24.65);
        left: calc(var(--rpx, 1px)*-24.65)
    }

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

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

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

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

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

    .mo\:-left-14\.58rpx {
        left: -webkit-calc(var(--rpx, 1px)*-14.58);
        left: -moz-calc(var(--rpx, 1px)*-14.58);
        left: calc(var(--rpx, 1px)*-14.58)
    }

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

    .mo\:-left-49\.43rpx {
        left: -webkit-calc(var(--rpx, 1px)*-49.43);
        left: -moz-calc(var(--rpx, 1px)*-49.43);
        left: calc(var(--rpx, 1px)*-49.43)
    }

    .mo\:top-100\.52rpx {
        top: -webkit-calc(var(--rpx, 1px)*100.52);
        top: -moz-calc(var(--rpx, 1px)*100.52);
        top: calc(var(--rpx, 1px)*100.52)
    }

    .mo\:top-168\.4rpx {
        top: -webkit-calc(var(--rpx, 1px)*168.4);
        top: -moz-calc(var(--rpx, 1px)*168.4);
        top: calc(var(--rpx, 1px)*168.4)
    }

    .mo\:-right-15\.03rpx {
        right: -webkit-calc(var(--rpx, 1px)*-15.03);
        right: -moz-calc(var(--rpx, 1px)*-15.03);
        right: calc(var(--rpx, 1px)*-15.03)
    }

    .mo\:-right-50\.11rpx {
        right: -webkit-calc(var(--rpx, 1px)*-50.11);
        right: -moz-calc(var(--rpx, 1px)*-50.11);
        right: calc(var(--rpx, 1px)*-50.11)
    }

    .mo\:left-97\.2rpx {
        left: -webkit-calc(var(--rpx, 1px)*97.2);
        left: -moz-calc(var(--rpx, 1px)*97.2);
        left: calc(var(--rpx, 1px)*97.2)
    }

    .mo\:top-86\.59rpx {
        top: -webkit-calc(var(--rpx, 1px)*86.59);
        top: -moz-calc(var(--rpx, 1px)*86.59);
        top: calc(var(--rpx, 1px)*86.59)
    }

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

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

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

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

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

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

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

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

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

    .mo\:right-46\.82rpx {
        right: -webkit-calc(var(--rpx, 1px)*46.82);
        right: -moz-calc(var(--rpx, 1px)*46.82);
        right: calc(var(--rpx, 1px)*46.82)
    }

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

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

    .mo\:right-12\.52rpx {
        right: -webkit-calc(var(--rpx, 1px)*12.52);
        right: -moz-calc(var(--rpx, 1px)*12.52);
        right: calc(var(--rpx, 1px)*12.52)
    }

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

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

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

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

    .mo\:text-\[rgb\(48\,59\,42\)\] {
        --tw-text-opacity: 1;
        color: rgba(48, 59, 42, var(--tw-text-opacity))
    }

    .mo\:text-\[rgb\(111\,135\,96\)\] {
        --tw-text-opacity: 1;
        color: rgba(111, 135, 96, var(--tw-text-opacity))
    }

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

    .mo\:w-282px {
        width: 282px
    }

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

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

    .mo\:w-126\.26px {
        width: 126.26px
    }

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

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

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

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

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

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

    .mo\:w-174\.7rpx {
        width: -webkit-calc(var(--rpx, 1px)*174.7);
        width: -moz-calc(var(--rpx, 1px)*174.7);
        width: calc(var(--rpx, 1px)*174.7)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:w-166\.28rpx {
        width: -webkit-calc(var(--rpx, 1px)*166.28);
        width: -moz-calc(var(--rpx, 1px)*166.28);
        width: calc(var(--rpx, 1px)*166.28)
    }

    .mo\:w-26\.88rpx {
        width: -webkit-calc(var(--rpx, 1px)*26.88);
        width: -moz-calc(var(--rpx, 1px)*26.88);
        width: calc(var(--rpx, 1px)*26.88)
    }

    .mo\:w-43\.28rpx {
        width: -webkit-calc(var(--rpx, 1px)*43.28);
        width: -moz-calc(var(--rpx, 1px)*43.28);
        width: calc(var(--rpx, 1px)*43.28)
    }

    .mo\:w-128\.23rpx {
        width: -webkit-calc(var(--rpx, 1px)*128.23);
        width: -moz-calc(var(--rpx, 1px)*128.23);
        width: calc(var(--rpx, 1px)*128.23)
    }

    .mo\:w-16px {
        width: 16px
    }

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

    .mo\:w-33\.86rpx {
        width: -webkit-calc(var(--rpx, 1px)*33.86);
        width: -moz-calc(var(--rpx, 1px)*33.86);
        width: calc(var(--rpx, 1px)*33.86)
    }

    .mo\:w-25\.39rpx {
        width: -webkit-calc(var(--rpx, 1px)*25.39);
        width: -moz-calc(var(--rpx, 1px)*25.39);
        width: calc(var(--rpx, 1px)*25.39)
    }

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

@media (min-width:1024px) {
    .pct\:text-68rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*68);
        font-size: -moz-calc(var(--rpx, 1px)*68);
        font-size: calc(var(--rpx, 1px)*68);
        line-height: 1
    }

    .pct\:text-72px {
        font-size: 72px;
        line-height: 1
    }

    .pct\:text-20rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*20);
        font-size: -moz-calc(var(--rpx, 1px)*20);
        font-size: calc(var(--rpx, 1px)*20);
        line-height: 1
    }

    .pct\:text-14rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*14);
        font-size: -moz-calc(var(--rpx, 1px)*14);
        font-size: calc(var(--rpx, 1px)*14);
        line-height: 1
    }

    .pct\:text-48rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*48);
        font-size: -moz-calc(var(--rpx, 1px)*48);
        font-size: calc(var(--rpx, 1px)*48);
        line-height: 1
    }

    .pct\:text-18rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*18);
        font-size: -moz-calc(var(--rpx, 1px)*18);
        font-size: calc(var(--rpx, 1px)*18);
        line-height: 1
    }

    .pct\:text-24rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*24);
        font-size: -moz-calc(var(--rpx, 1px)*24);
        font-size: calc(var(--rpx, 1px)*24);
        line-height: 1
    }

    .pct\:text-16rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*16);
        font-size: -moz-calc(var(--rpx, 1px)*16);
        font-size: calc(var(--rpx, 1px)*16);
        line-height: 1
    }

    .pct\:text-10px {
        font-size: 10px;
        line-height: 1
    }

    .pct\:text-48px {
        font-size: 48px;
        line-height: 1
    }

    .pct\:text-18px {
        font-size: 18px;
        line-height: 1
    }

    .pct\:text-24px {
        font-size: 24px;
        line-height: 1
    }

    .pct\:text-16px {
        font-size: 16px;
        line-height: 1
    }

    .pct\:text-240rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*240);
        font-size: -moz-calc(var(--rpx, 1px)*240);
        font-size: calc(var(--rpx, 1px)*240);
        line-height: 1
    }

    .pct\:text-70rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*70);
        font-size: -moz-calc(var(--rpx, 1px)*70);
        font-size: calc(var(--rpx, 1px)*70);
        line-height: 1
    }

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

    .pct\:text-12px {
        font-size: 12px;
        line-height: 1
    }

    .pct\:leading-\[81\.6rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*81.6);
        line-height: -moz-calc(var(--rpx, 1px)*81.6);
        line-height: calc(var(--rpx, 1px)*81.6)
    }

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

    .pct\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .pct\:leading-\[1\.286\] {
        line-height: 1.286
    }

    .pct\:leading-\[1\.21\] {
        line-height: 1.21
    }

    .pct\:leading-\[1\.22\] {
        line-height: 1.22
    }

    .pct\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .pct\:leading-\[58rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*58);
        line-height: -moz-calc(var(--rpx, 1px)*58);
        line-height: calc(var(--rpx, 1px)*58)
    }

    .pct\:leading-\[22rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*22);
        line-height: -moz-calc(var(--rpx, 1px)*22);
        line-height: calc(var(--rpx, 1px)*22)
    }

    .pct\:leading-\[28rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*28);
        line-height: -moz-calc(var(--rpx, 1px)*28);
        line-height: calc(var(--rpx, 1px)*28)
    }

    .pct\:leading-\[1\.25\] {
        line-height: 1.25
    }

    .pct\:leading-\[27rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*27);
        line-height: -moz-calc(var(--rpx, 1px)*27);
        line-height: calc(var(--rpx, 1px)*27)
    }

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

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

    .pct\:leading-\[1\] {
        line-height: 1
    }

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

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

    .pct\:leading-\[25rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*25);
        line-height: -moz-calc(var(--rpx, 1px)*25);
        line-height: calc(var(--rpx, 1px)*25)
    }

    .pct\:leading-\[1\.6\] {
        line-height: 1.6
    }

    .pct\:leading-22px {
        line-height: 22px
    }

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

    .pct\:tracking-\[0\.5px\] {
        letter-spacing: .5px
    }

    .pct\:tracking-\[0\.02em\] {
        letter-spacing: .02em
    }

    .pct\:tracking-\[1px\] {
        letter-spacing: 1px
    }
}

@media (max-width:1023px) {
    .mot\:items-center {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .mot\:h-32px {
        height: 32px
    }

    .mot\:text-48rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*48);
        font-size: -moz-calc(var(--rpx, 1px)*48);
        font-size: calc(var(--rpx, 1px)*48);
        line-height: 1
    }

    .mot\:text-44px {
        font-size: 44px;
        line-height: 1
    }

    .mot\:text-18rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*18);
        font-size: -moz-calc(var(--rpx, 1px)*18);
        font-size: calc(var(--rpx, 1px)*18);
        line-height: 1
    }

    .mot\:text-12rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*12);
        font-size: -moz-calc(var(--rpx, 1px)*12);
        font-size: calc(var(--rpx, 1px)*12);
        line-height: 1
    }

    .mot\:text-36rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*36);
        font-size: -moz-calc(var(--rpx, 1px)*36);
        font-size: calc(var(--rpx, 1px)*36);
        line-height: 1
    }

    .mot\:text-16rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*16);
        font-size: -moz-calc(var(--rpx, 1px)*16);
        font-size: calc(var(--rpx, 1px)*16);
        line-height: 1
    }

    .mot\:text-18px {
        font-size: 18px;
        line-height: 1
    }

    .mot\:text-36px {
        font-size: 36px;
        line-height: 1
    }

    .mot\:text-10px {
        font-size: 10px;
        line-height: 1
    }

    .mot\:text-16px {
        font-size: 16px;
        line-height: 1
    }

    .mot\:text-14rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*14);
        font-size: -moz-calc(var(--rpx, 1px)*14);
        font-size: calc(var(--rpx, 1px)*14);
        line-height: 1
    }

    .mot\:text-24rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*24);
        font-size: -moz-calc(var(--rpx, 1px)*24);
        font-size: calc(var(--rpx, 1px)*24);
        line-height: 1
    }

    .mot\:text-9rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*9);
        font-size: -moz-calc(var(--rpx, 1px)*9);
        font-size: calc(var(--rpx, 1px)*9);
        line-height: 1
    }

    .mot\:text-24px {
        font-size: 24px;
        line-height: 1
    }

    .mot\:text-14px {
        font-size: 14px;
        line-height: 1
    }

    .mot\:text-100rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*100);
        font-size: -moz-calc(var(--rpx, 1px)*100);
        font-size: calc(var(--rpx, 1px)*100);
        line-height: 1
    }

    .mot\:text-11\.46rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*11.46);
        font-size: -moz-calc(var(--rpx, 1px)*11.46);
        font-size: calc(var(--rpx, 1px)*11.46);
        line-height: 1
    }

    .mot\:text-12px {
        font-size: 12px;
        line-height: 1
    }

    .mot\:leading-\[54rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*54);
        line-height: -moz-calc(var(--rpx, 1px)*54);
        line-height: calc(var(--rpx, 1px)*54)
    }

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

    .mot\:leading-\[22rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*22);
        line-height: -moz-calc(var(--rpx, 1px)*22);
        line-height: calc(var(--rpx, 1px)*22)
    }

    .mot\:leading-\[1\.33\] {
        line-height: 1.33
    }

    .mot\:leading-\[44rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*44);
        line-height: -moz-calc(var(--rpx, 1px)*44);
        line-height: calc(var(--rpx, 1px)*44)
    }

    .mot\:leading-\[1\.25\] {
        line-height: 1.25
    }

    .mot\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .mot\:leading-23px {
        line-height: 23px
    }

    .mot\:leading-44px {
        line-height: 44px
    }

    .mot\:leading-12px {
        line-height: 12px
    }

    .mot\:leading-20px {
        line-height: 20px
    }

    .mot\:leading-\[24rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*24);
        line-height: -moz-calc(var(--rpx, 1px)*24);
        line-height: calc(var(--rpx, 1px)*24)
    }

    .mot\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .mot\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .mot\:leading-\[1\.286\] {
        line-height: 1.286
    }

    .mot\:leading-\[30rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*30);
        line-height: -moz-calc(var(--rpx, 1px)*30);
        line-height: calc(var(--rpx, 1px)*30)
    }

    .mot\:leading-\[1\.28\] {
        line-height: 1.28
    }

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

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

    .mot\:leading-\[1\] {
        line-height: 1
    }

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

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

    .mot\:leading-\[1\.167\] {
        line-height: 1.167
    }

    .mot\:leading-\[20rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*20);
        line-height: -moz-calc(var(--rpx, 1px)*20);
        line-height: calc(var(--rpx, 1px)*20)
    }

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

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

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

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

    .mot\:tracking-\[0\.5px\] {
        letter-spacing: .5px
    }

    .mot\:tracking-\[0\.02em\] {
        letter-spacing: .02em
    }

    .mot\:w-32px {
        width: 32px
    }
}

.zn--wrapper {
    color: #000;
    font-size: 16px
}

.zn--wrapper [ltr] {
    direction: ltr
}

.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not(.loaded), .zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]), .zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"])[src=""] {
    opacity: 0
}

.zn--wrapper img[src^="https://via.placeholder.com/"] {
    opacity: .5
}

.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;
    -webkit-background-size: cover;
    background-size: cover
}

.zn--wrapper br {
}

.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 {
    font-size: 60%;
    position: relative;
    top: -.8em
}

.zn--wrapper .bg-img-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.zn--wrapper .bg-img, .zn--wrapper .bg-img-contain {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.zn--wrapper .bg-img {
    -o-object-fit: cover;
    object-fit: cover
}

.zn--wrapper .abs-center-x {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

.zn--wrapper .abs-center-y {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.zn--wrapper .abs-center {
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%)
}

.zn--wrapper .swiper-button-disabled {
    opacity: .5
}

.zn--wrapper .sticky-placeholder {
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: relative
}

.zn--wrapper [ani-offset-container] {
    overflow: hidden
}

.zn--wrapper .section-title-wrapper.theme-white .section-title-1 {
    background: -webkit-radial-gradient(50% 50%, 50% 50%, #000 0, #365832 5%, #8cad88 13%, #fff 40%);
    background: -moz-radial-gradient(50% 50%, 50% 50%, #000 0, #365832 5%, #8cad88 13%, #fff 40%);
    background: radial-gradient(50% 50% at 50% 50%, #000 0, #365832 5%, #8cad88 13%, #fff 40%);
    -webkit-background-clip: text;
    background-position: 50%;
    background-repeat: no-repeat;
    color: transparent;
    text-align: center
}

.zn--wrapper .section-title-wrapper.theme-black .section-title-1 {
    background: -webkit-radial-gradient(50% 50%, 50% 50%, #fff 0, rgba(234, 255, 231, .95) 5%, rgba(132, 160, 129, .95) 13%, #000 40%);
    background: -moz-radial-gradient(50% 50%, 50% 50%, #fff 0, rgba(234, 255, 231, .95) 5%, rgba(132, 160, 129, .95) 13%, #000 40%);
    background: radial-gradient(50% 50% at 50% 50%, #fff 0, rgba(234, 255, 231, .95) 5%, rgba(132, 160, 129, .95) 13%, #000 40%);
    -webkit-background-clip: text;
    background-position: 50%;
    background-repeat: no-repeat;
    color: transparent;
    text-align: center
}

.zn--wrapper #section-footer ul {
    list-style: disc;
    padding-left: 16px
}

.zn--wrapper #section-footer ul li {
    list-style: disc
}

.zn--replacement-tool {
    --p-6: #4c3fb3;
    --p-5: #6a5ecc;
    --p-4: #968dda;
    --k-2: #e5e5e5;
    --k-3: #a9a9b5;
    --white: #fff;
    --border-radius: 12ex
}

.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;
    width: 140ex;
    width: -webkit-calc(var(--rpx, 1px)*320);
    width: -moz-calc(var(--rpx, 1px)*320);
    width: calc(var(--rpx, 1px)*320)
}

.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%);
    transform: translate(-50%)
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url(data:application/font-woff;charset=utf-8;base64,%20d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+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);
    src: url("data:application/font-woff;charset=utf-8;base64,%20d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJKcalc%288 %2a var%28--vh, 1vh%29%29O4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

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

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

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    width: 100%;
    z-index: 1
}

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

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

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

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

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

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

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

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    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 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    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 {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

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

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: 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 {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

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

.swiper-centered>.swiper-wrapper:before {
    -webkit-box-ordinal-group: 10000;
    -moz-box-ordinal-group: 10000;
    content: "";
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    -moz-margin-start: var(--swiper-centered-offset-before);
    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 {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

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

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

[ani-will-change-view] .will-change {
    will-change: var(--will-change)
}

[ani-will-change-view] .will-change-opacity {
    will-change: var(--will-change-opacity)
}

[ani-will-change-view] .will-change-clip {
    will-change: var(--will-change-clip)
}

.fix-round {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.fix-edge {
    -webkit-clip-path: inset(1px);
    clip-path: inset(1px)
}

#section-ksp [sticky-2] {
    margin-top: calc(var(--content-height)*-1)
}

#section-ksp [sticky-2] [fade-text] {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

#section-ksp [ksp-slogan] {
    will-change: transform
}

#section-ksp [bottom-cover] {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31.59%, hsla(0, 0%, 100%, 0)), to(#fff));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0) 31.59%, #fff);
    background: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0) 31.59%, #fff 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 31.59%, #fff)
}

#section-ksp .ksp-cover {
    background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), color-stop(20%, hsla(0, 0%, 94%, 0)), color-stop(80%, hsla(0, 0%, 94%, 0)), to(#f0f0f0));
    background: -webkit-linear-gradient(top, #f0f0f0, hsla(0, 0%, 94%, 0) 20%, hsla(0, 0%, 94%, 0) 80%, #f0f0f0);
    background: -moz-linear-gradient(top, #f0f0f0 0, hsla(0, 0%, 94%, 0) 20%, hsla(0, 0%, 94%, 0) 80%, #f0f0f0 100%);
    background: linear-gradient(180deg, #f0f0f0, hsla(0, 0%, 94%, 0) 20%, hsla(0, 0%, 94%, 0) 80%, #f0f0f0)
}

#section-ksp .ksp-bottom-cover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(108.9%, #000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000 108.9%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 108.9%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000 108.9%)
}

#section-ksp [ani-watch] {
    -webkit-transform-origin: 0 150%;
    -moz-transform-origin: 0 150%;
    -ms-transform-origin: 0 150%;
    transform-origin: 0 150%
}

#section-strong #svg-bg {
    mix-blend-mode: lighten
}

#section-strong [svg-wrapper] svg {
    overflow: visible
}

#section-strong .svg-circle {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000
}

#section-strong .pill-card {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid hsla(0, 0%, 100%, .55)
}

#section-strong .pill-card [pill-text-inner] {
    pointer-events: none
}

#section-strong .pill-card [icon-transform] img, #section-strong .pill-card [pill-text-inner] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#section-strong .pill-card .result-text .split-chars, #section-strong .pill-card .result-text .split-words {
    display: inline-block;
    position: relative
}

#section-strong [grid-3-note] a {
    text-decoration: underline;
    text-underline-offset: 2px
}

#section-strong [grid-3-note] a:hover {
    color: #ffffffbf
}

#section-strong [ani-grid-2] [inner-container] {
    pointer-events: none
}

#section-strong [ani-grid-2] [pill-card-wrapper] {
    pointer-events: all
}

#section-strong [ani-grid-2] [grid-2-note] a {
    text-decoration: underline;
    text-underline-offset: 2px
}

#section-strong [ani-grid-2] [grid-2-note] a:hover {
    color: #ffffff4d
}

#section-strong .bottom-linear-cover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(73.81%, rgba(0, 0, 0, 0)), to(#000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 73.81%, #000);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 73.81%, #000 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 73.81%, #000)
}

#section-strong [ellipse-svg] {
    will-change: transform
}

#section-strong [pill-card-wrapper] {
    will-change: width
}

#section-strong [pill-card-wrapper] [pill-card-transform] {
    will-change: transform
}

#section-strong [pill-card-text-wrapper] {
    pointer-events: none
}

#section-strong [pad-linear-cover] {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 96%, 0)), color-stop(91.63%, #f5f5f5));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 96%, 0), #f5f5f5 91.63%);
    background: -moz-linear-gradient(top, hsla(0, 0%, 96%, 0) 0, #f5f5f5 91.63%);
    background: linear-gradient(180deg, hsla(0, 0%, 96%, 0), #f5f5f5 91.63%)
}

#section-strong [watch-img-inner] {
    opacity: 0
}

#section-strong [watch-img-inner].watch-img-initial {
    opacity: 1
}

#section-health [center-circle] {
    border: calc(var(--rpx, 1px)*5) solid hsla(0, 0%, 100%, .06)
}

#section-health .svg-path {
    stroke-dasharray: 700;
    stroke-dashoffset: 700
}

#section-health [svg-center] {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0)
}

#section-exp [card-2-wrapper] {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-4.64%, #262626), color-stop(63.14%, #0d0d0d));
    background: -webkit-linear-gradient(top, #262626 -4.64%, #0d0d0d 63.14%);
    background: -moz-linear-gradient(top, #262626 -4.64%, #0d0d0d 63.14%);
    background: linear-gradient(180deg, #262626 -4.64%, #0d0d0d 63.14%)
}

#section-3d {
    --progress: 0%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(64.31%, #fff), to(#f2ffeb));
    background: -webkit-linear-gradient(top, #fff 64.31%, #f2ffeb);
    background: -moz-linear-gradient(top, #fff 64.31%, #f2ffeb 100%);
    background: linear-gradient(180deg, #fff 64.31%, #f2ffeb);
    cursor: pointer
}

#section-3d .hidden {
    display: none
}

#section-3d .loading-wrapper {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, .15)
}

#section-3d .loading-progress {
    width: var(--progress)
}

#section-3d p {
    color: #000
}

#section-3d .model-wrapper .cursor-el {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    transition: opacity .15s linear
}

#section-3d .model-wrapper .cursor-el .c-cursor {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: rgba(0, 0, 0, .15)
}

#section-3d .model-wrapper .cursor-el .scale-wrapper {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .15s linear;
    transition: -webkit-transform .15s linear;
    -moz-transition: transform .15s linear, -moz-transform .15s linear;
    transition: transform .15s linear;
    transition: transform .15s linear, -webkit-transform .15s linear, -moz-transform .15s linear
}

#section-3d .model-wrapper.show {
    cursor: none
}

#section-3d .model-wrapper.show .cursor-el {
    opacity: 1
}

#section-3d .model-wrapper.show .scale-wrapper {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#section-3d .dot {
    background: hsla(0, 0%, 100%, .4);
    border: .5px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25), inset 0 0 10px hsla(0, 0%, 100%, .6);
    box-shadow: 0 0 6px #00000040, inset 0 0 10px #fff9;
    height: 30px;
    width: 30px
}

#section-3d .progress {
    width: var(--progress)
}

#section-3d .color-switch {
    cursor: auto
}

#section-3d .btn {
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    position: relative;
    width: 28px
}

#section-3d .btn:after {
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px
}

#section-3d .btn-0:after {
    background: -webkit-gradient(linear, right top, left top, from(#627a61), to(#8aa98a));
    background: -webkit-linear-gradient(right, #627a61, #8aa98a);
    background: -moz-linear-gradient(right, #627a61 0, #8aa98a 100%);
    background: linear-gradient(270deg, #627a61, #8aa98a)
}

#section-3d .btn-1:after {
    background: -webkit-gradient(linear, left top, right top, from(#68676b), to(#4c4b4f));
    background: -webkit-linear-gradient(left, #68676b, #4c4b4f);
    background: -moz-linear-gradient(left, #68676b 0, #4c4b4f 100%);
    background: linear-gradient(90deg, #68676b, #4c4b4f)
}

#section-3d .line {
    background: #000;
    height: 20px;
    opacity: .95;
    width: 1px
}

#section-3d .color-name {
    overflow: hidden;
    padding-left: 0;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s;
    width: 0
}

#section-3d .color-img img {
    visibility: hidden
}

#section-3d[data-active-index="0"] .desc-0 {
    display: block
}

#section-3d[data-active-index="0"] .btn-0 {
    -webkit-box-shadow: 0 0 0 1px #789c92;
    box-shadow: 0 0 0 1px #789c92
}

#section-3d[data-active-index="0"] .color-name-0 {
    margin-left: 10px;
    width: 151px
}

#section-3d[data-active-index="0"] .img-blue {
    visibility: visible
}

#section-3d[data-active-index="1"] .desc-1 {
    display: block
}

#section-3d[data-active-index="1"] .btn-1 {
    -webkit-box-shadow: 0 0 0 1px #5a5a5a;
    box-shadow: 0 0 0 1px #5a5a5a
}

#section-3d[data-active-index="1"] .color-name-1 {
    margin-left: 10px;
    width: 157px
}

#section-3d[data-active-index="1"] .img-white {
    visibility: visible
}

#section-3d .static-wrapper {
    display: none
}

#section-3d .static-wrapper .static-btn {
    border-radius: 50%;
    height: 20px;
    width: 20px
}

#section-3d .static-wrapper .static-btn-0 {
    background: -webkit-gradient(linear, right top, left top, from(#627a61), to(#8aa98a));
    background: -webkit-linear-gradient(right, #627a61, #8aa98a);
    background: -moz-linear-gradient(right, #627a61 0, #8aa98a 100%);
    background: linear-gradient(270deg, #627a61, #8aa98a)
}

#section-3d .static-wrapper .static-btn-1 {
    background: -webkit-gradient(linear, left top, right top, from(#68676b), to(#4c4b4f));
    background: -webkit-linear-gradient(left, #68676b, #4c4b4f);
    background: -moz-linear-gradient(left, #68676b 0, #4c4b4f 100%);
    background: linear-gradient(90deg, #68676b, #4c4b4f)
}

#section-customize .button-text {
    text-decoration: underline;
    text-underline-offset: 4px
}

body.no-scroll {
    overflow-y: hidden
}

body.zn--body-fixed {
    position: fixed
}

#webpack-dev-server-client-overlay {
    display: none
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none
}

.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none
}

[id^=anchor] {
    height: 1px;
    left: 0;
    position: absolute;
    top: -webkit-calc(0 - var(--nav-height, 58px));
    top: -moz-calc(0 - var(--nav-height, 58px));
    top: calc(0px - var(--nav-height, 58px));
    width: 100%
}

@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)
    }

    .mo-only, .pad-only, .pc-hidden {
        display: none
    }

    #section-ksp .svg-path {
        stroke-dasharray: 710;
        stroke-dashoffset: 710
    }

    #section-strong [pill-card-wrapper].not-active [pill-card-transform] [icon-img-inner] {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-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
    }

    #section-strong [pill-card-wrapper].not-active [pill-card-transform]:hover [icon-img-inner] {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }

    #section-health .feature-1-spec-1 {
        -webkit-transform: rotate(-40deg);
        -moz-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg)
    }

    #section-health .feature-1-spec-2 {
        -webkit-transform: rotate(-30deg);
        -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    #section-health .feature-1-spec-3 {
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    #section-health .feature-1-spec-4 {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    #section-health .feature-1-spec-6 {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    #section-health .feature-1-spec-7 {
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        transform: rotate(20deg)
    }

    #section-health .feature-1-spec-8 {
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    #section-health .feature-1-spec-9 {
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg)
    }

    #section-health .feature-2-spec-1 {
        -webkit-transform: rotate(-33deg);
        -moz-transform: rotate(-33deg);
        -ms-transform: rotate(-33deg);
        transform: rotate(-33deg)
    }

    #section-health .feature-2-spec-2 {
        -webkit-transform: rotate(-27deg);
        -moz-transform: rotate(-27deg);
        -ms-transform: rotate(-27deg);
        transform: rotate(-27deg)
    }

    #section-health .feature-2-spec-3 {
        -webkit-transform: rotate(-21deg);
        -moz-transform: rotate(-21deg);
        -ms-transform: rotate(-21deg);
        transform: rotate(-21deg)
    }

    #section-health .feature-2-spec-4 {
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    #section-health .feature-2-spec-5 {
        -webkit-transform: rotate(-9deg);
        -moz-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
        transform: rotate(-9deg)
    }

    #section-health .feature-2-spec-6 {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    #section-health .feature-2-spec-7 {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    #section-health .feature-2-spec-8 {
        -webkit-transform: rotate(9deg);
        -moz-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        transform: rotate(9deg)
    }

    #section-health .feature-2-spec-9 {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    #section-health .feature-2-spec-10 {
        -webkit-transform: rotate(21deg);
        -moz-transform: rotate(21deg);
        -ms-transform: rotate(21deg);
        transform: rotate(21deg)
    }

    #section-health .feature-2-spec-11 {
        -webkit-transform: rotate(27deg);
        -moz-transform: rotate(27deg);
        -ms-transform: rotate(27deg);
        transform: rotate(27deg)
    }

    #section-health .feature-2-spec-12 {
        -webkit-transform: rotate(33deg);
        -moz-transform: rotate(33deg);
        -ms-transform: rotate(33deg);
        transform: rotate(33deg)
    }

    #section-health .feature-3-spec-1 {
        -webkit-transform: rotate(-40deg);
        -moz-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg)
    }

    #section-health .feature-3-spec-2 {
        -webkit-transform: rotate(-30deg);
        -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    #section-health .feature-3-spec-3 {
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    #section-health .feature-3-spec-4 {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    #section-health .feature-3-spec-6 {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    #section-health .feature-3-spec-7 {
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        transform: rotate(20deg)
    }

    #section-health .feature-3-spec-8 {
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    #section-health .feature-3-spec-9 {
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg)
    }

    [lang=pl-PL] #section-health [grid-3-title], [lang=ru-RU] #section-health [grid-3-title] {
        font-size: -webkit-calc(var(--rpx, 1px)*36);
        font-size: -moz-calc(var(--rpx, 1px)*36);
        font-size: calc(var(--rpx, 1px)*36);
        line-height: 1.21
    }

    #section-battery [bg-radial] {
        background: -webkit-radial-gradient(49.98% 56.45%, 48.92% 50.43%, #1d2a1d 0, rgba(0, 0, 0, 0) 100%);
        background: -moz-radial-gradient(49.98% 56.45%, 48.92% 50.43%, #1d2a1d 0, rgba(0, 0, 0, 0) 100%);
        background: radial-gradient(48.92% 50.43% at 49.98% 56.45%, #1d2a1d 0, rgba(0, 0, 0, 0) 100%);
        border-radius: -webkit-calc(var(--rpx, 1px)*2541);
        border-radius: -moz-calc(var(--rpx, 1px)*2541);
        border-radius: calc(var(--rpx, 1px)*2541)
    }

    #section-battery .linear-text {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(215.44deg, #758f66 29.21%, #22291d 91.68%);
        background: -moz-linear-gradient(215.44deg, #758f66 29.21%, #22291d 91.68%);
        background: linear-gradient(234.56deg, #758f66 29.21%, #22291d 91.68%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-battery .linear-text-value {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(201.52deg, #758f66 -2.89%, #22291d 89.78%);
        background: -moz-linear-gradient(201.52deg, #758f66 -2.89%, #22291d 89.78%);
        background: linear-gradient(248.48deg, #758f66 -2.89%, #22291d 89.78%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-battery .linear-text-bottom {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(69.04deg, #758f66, #22291d 95.27%);
        background: -moz-linear-gradient(69.04deg, #758f66 0, #22291d 95.27%);
        background: linear-gradient(20.96deg, #758f66, #22291d 95.27%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-battery .linear-text-bottom-value {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(15.83deg, #758f66 11.1%, #22291d 154.04%);
        background: -moz-linear-gradient(15.83deg, #758f66 11.1%, #22291d 154.04%);
        background: linear-gradient(74.17deg, #758f66 11.1%, #22291d 154.04%);
        background-clip: text;
        -webkit-background-clip: text
    }
}

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

    .mo-hidden, .pad-only, .pc-only {
        display: none
    }

    #section-kv [kv-product] {
        font-size: 36px;
        line-height: 42px
    }

    #section-strong [feature-desc] {
        will-change: opacity
    }

    #section-strong [mil-spec]:first-child {
        -webkit-box-ordinal-group: 5;
        -moz-box-ordinal-group: 5;
        margin-top: calc(var(--rpx, 1px)*20);
        -webkit-order: 4;
        order: 4;
        width: -webkit-calc(var(--rpx, 1px)*328);
        width: -moz-calc(var(--rpx, 1px)*328);
        width: calc(var(--rpx, 1px)*328)
    }

    #section-strong [mil-spec]:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        margin-right: calc(var(--rpx, 1px)*20);
        -webkit-order: 1;
        order: 1;
        width: -webkit-calc(var(--rpx, 1px)*104);
        width: -moz-calc(var(--rpx, 1px)*104);
        width: calc(var(--rpx, 1px)*104)
    }

    #section-strong [mil-spec]:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2;
        width: -webkit-calc(var(--rpx, 1px)*204);
        width: -moz-calc(var(--rpx, 1px)*204);
        width: calc(var(--rpx, 1px)*204)
    }

    #section-strong [mil-spec]:nth-child(4) {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        margin-top: calc(var(--rpx, 1px)*20);
        -webkit-order: 3;
        order: 3;
        width: -webkit-calc(var(--rpx, 1px)*328);
        width: -moz-calc(var(--rpx, 1px)*328);
        width: calc(var(--rpx, 1px)*328)
    }

    #section-strong #svg-bg {
        height: var(--content-height);
        width: var(--content-height)
    }

    #section-health .swiper {
        padding-left: 16px;
        padding-right: 16px
    }

    #section-health .swiper .swiper-slide {
        height: auto;
        margin-right: calc(var(--rpx, 1px)*8);
        width: -webkit-calc(var(--rpx, 1px)*328);
        width: -moz-calc(var(--rpx, 1px)*328);
        width: calc(var(--rpx, 1px)*328)
    }

    #section-health .swiper .swiper-slide:last-child {
        margin-right: 0
    }

    #section-battery [value-left] {
        font-size: -webkit-calc(var(--rpx, 1px)*84);
        font-size: -moz-calc(var(--rpx, 1px)*84);
        font-size: calc(var(--rpx, 1px)*84);
        letter-spacing: .02em;
        line-height: 1
    }

    #section-battery [value-right] {
        font-size: -webkit-calc(var(--rpx, 1px)*25.2);
        font-size: -moz-calc(var(--rpx, 1px)*25.2);
        font-size: calc(var(--rpx, 1px)*25.2);
        letter-spacing: .02em;
        line-height: 1.4;
        margin-left: calc(var(--rpx, 1px)*2);
        margin-top: calc(var(--rpx, 1px)*-8)
    }

    #section-battery [label-text] {
        font-size: 10px;
        line-height: 1.4
    }

    #section-battery [label-text-inner] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*-14));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*-14));
        -ms-transform: translateY(calc(var(--rpx, 1px)*-14));
        transform: translateY(calc(var(--rpx, 1px)*-14))
    }

    #section-3d .btn {
        height: 24px;
        width: 24px
    }

    #section-3d .btn:after {
        height: 18px;
        width: 18px
    }

    #section-3d[data-active-index="0"] .color-name-0 {
        width: 110px
    }

    #section-3d[data-active-index="1"] .color-name-1 {
        width: 112px
    }

    #section-3d .static-wrapper .static-btn {
        height: -webkit-calc(var(--rpx, 1px)*18);
        height: -moz-calc(var(--rpx, 1px)*18);
        height: calc(var(--rpx, 1px)*18);
        width: -webkit-calc(var(--rpx, 1px)*18);
        width: -moz-calc(var(--rpx, 1px)*18);
        width: calc(var(--rpx, 1px)*18)
    }
}

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

    .mo-only, .pad-hidden, .pc-only {
        display: none
    }

    #section-strong [mil-spec]:first-child {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        margin-top: calc(var(--rpx, 1px)*24);
        -webkit-order: 3;
        order: 3;
        width: -webkit-calc(var(--rpx, 1px)*283);
        width: -moz-calc(var(--rpx, 1px)*283);
        width: calc(var(--rpx, 1px)*283)
    }

    #section-strong [mil-spec]:nth-child(2) {
        -webkit-box-ordinal-group: 5;
        -moz-box-ordinal-group: 5;
        margin-top: calc(var(--rpx, 1px)*24);
        -webkit-order: 4;
        order: 4
    }

    #section-strong [mil-spec]:nth-child(2), #section-strong [mil-spec]:nth-child(3) {
        width: -webkit-calc(var(--rpx, 1px)*150);
        width: -moz-calc(var(--rpx, 1px)*150);
        width: calc(var(--rpx, 1px)*150)
    }

    #section-strong [mil-spec]:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

    #section-strong [mil-spec]:nth-child(4) {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
        width: -webkit-calc(var(--rpx, 1px)*283);
        width: -moz-calc(var(--rpx, 1px)*283);
        width: calc(var(--rpx, 1px)*283)
    }

    #section-3d[data-active-index="0"] .desc-0, #section-3d[data-active-index="1"] .desc-1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }
}

@media (orientation:portrait) and (max-width:1023px) {
    .zn--wrapper .pc-only {
        display: none
    }
}

@media (min-width:2000px) {
    #section-kv {
        padding-left: 188px
    }

    #section-kv [kv-text] {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@media (min-width:1024px) and (max-width:1440px) and (min-aspect-ratio:1.8) {
    #section-ksp [text-wrapper] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*60));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*60));
        -ms-transform: translateY(calc(var(--rpx, 1px)*60));
        transform: translateY(calc(var(--rpx, 1px)*60))
    }

    #section-ksp [ani-watch-img] {
        -webkit-transform: scale(.85) translateY(-webkit-calc(var(--rpx, 1px)*40));
        -moz-transform: scale(.85) translateY(-moz-calc(var(--rpx, 1px)*40));
        -ms-transform: scale(.85) translateY(calc(var(--rpx, 1px)*40));
        transform: scale(.85) translateY(calc(var(--rpx, 1px)*40))
    }

    #section-strong [ani-title-2-inner] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*40));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*40));
        -ms-transform: translateY(calc(var(--rpx, 1px)*40));
        transform: translateY(calc(var(--rpx, 1px)*40))
    }

    #section-strong [watch-adapt] {
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top
    }
}

@media (max-width:1023px) {
    #section-ksp .svg-path {
        stroke-dasharray: 710;
        stroke-dashoffset: 710
    }

    #section-strong [grid-3-note] a, #section-strong [grid-3-note] a:hover {
        color: #0000004d
    }

    #section-strong [ani-grid-2] [grid-2-note] a, #section-strong [ani-grid-2] [grid-2-note] a:hover {
        color: #ffffff8c
    }

    #section-health .feature-1-spec-1 {
        -webkit-transform: rotate(24deg);
        -moz-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    #section-health .feature-1-spec-2 {
        -webkit-transform: rotate(8deg);
        -moz-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    #section-health .feature-1-spec-3 {
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    #section-health .feature-1-spec-4 {
        -webkit-transform: rotate(-24deg);
        -moz-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    #section-health .feature-1-spec-5 {
        -webkit-transform: rotate(-36deg);
        -moz-transform: rotate(-36deg);
        -ms-transform: rotate(-36deg);
        transform: rotate(-36deg)
    }

    #section-health .feature-1-spec-6 {
        -webkit-transform: rotate(-18deg);
        -moz-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    #section-health .feature-1-spec-7 {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    #section-health .feature-1-spec-8 {
        -webkit-transform: rotate(18deg);
        -moz-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    #section-health .feature-1-spec-9 {
        -webkit-transform: rotate(36deg);
        -moz-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
        transform: rotate(36deg)
    }

    #section-health .feature-2-spec-1 {
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg)
    }

    #section-health .feature-2-spec-2 {
        -webkit-transform: rotate(24deg);
        -moz-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    #section-health .feature-2-spec-3 {
        -webkit-transform: rotate(8deg);
        -moz-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    #section-health .feature-2-spec-4 {
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    #section-health .feature-2-spec-5 {
        -webkit-transform: rotate(-24deg);
        -moz-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    #section-health .feature-2-spec-6, #section-health .feature-2-spec-7 {
        -webkit-transform: rotate(-40deg);
        -moz-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg)
    }

    #section-health .feature-2-spec-8 {
        -webkit-transform: rotate(-24deg);
        -moz-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    #section-health .feature-2-spec-9 {
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    #section-health .feature-2-spec-10 {
        -webkit-transform: rotate(8deg);
        -moz-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    #section-health .feature-2-spec-11 {
        -webkit-transform: rotate(24deg);
        -moz-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    #section-health .feature-2-spec-12 {
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg)
    }

    #section-health .feature-3-spec-1 {
        -webkit-transform: rotate(24deg);
        -moz-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    #section-health .feature-3-spec-2 {
        -webkit-transform: rotate(8deg);
        -moz-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    #section-health .feature-3-spec-3 {
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    #section-health .feature-3-spec-4 {
        -webkit-transform: rotate(-24deg);
        -moz-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    #section-health .feature-3-spec-5 {
        -webkit-transform: rotate(-36deg);
        -moz-transform: rotate(-36deg);
        -ms-transform: rotate(-36deg);
        transform: rotate(-36deg)
    }

    #section-health .feature-3-spec-6 {
        -webkit-transform: rotate(-18deg);
        -moz-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    #section-health .feature-3-spec-7 {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    #section-health .feature-3-spec-8 {
        -webkit-transform: rotate(18deg);
        -moz-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    #section-health .feature-3-spec-9 {
        -webkit-transform: rotate(36deg);
        -moz-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
        transform: rotate(36deg)
    }

    #section-battery [bg-radial] {
        background: -webkit-radial-gradient(49.98% 56.45%, 48.92% 50.43%, #1d2a1d 0, rgba(0, 0, 0, 0) 100%);
        background: -moz-radial-gradient(49.98% 56.45%, 48.92% 50.43%, #1d2a1d 0, rgba(0, 0, 0, 0) 100%);
        background: radial-gradient(48.92% 50.43% at 49.98% 56.45%, #1d2a1d 0, rgba(0, 0, 0, 0) 100%);
        border-radius: -webkit-calc(var(--rpx, 1px)*1554);
        border-radius: -moz-calc(var(--rpx, 1px)*1554);
        border-radius: calc(var(--rpx, 1px)*1554)
    }

    #section-battery .linear-text {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(300.98deg, #758f66 9.41%, #22291d 97.74%);
        background: -moz-linear-gradient(300.98deg, #758f66 9.41%, #22291d 97.74%);
        background: linear-gradient(149.02deg, #758f66 9.41%, #22291d 97.74%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-battery .linear-text-value {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(303.57deg, #758f66 12.52%, #22291d 113.75%);
        background: -moz-linear-gradient(303.57deg, #758f66 12.52%, #22291d 113.75%);
        background: linear-gradient(146.43deg, #758f66 12.52%, #22291d 113.75%);
        background-clip: text;
        -webkit-background-clip: text
    }

    #section-battery .linear-text-bottom {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(140.69deg, #758f66 -9.75%, #22291d 103.5%);
        background: -moz-linear-gradient(140.69deg, #758f66 -9.75%, #22291d 103.5%);
        background: linear-gradient(309.31deg, #758f66 -9.75%, #22291d 103.5%);
        background-clip: text;
        -webkit-background-clip: text
    }

    [id^=anchor] {
        top: -webkit-calc(0 - var(--nav-height, 48px));
        top: -moz-calc(0 - var(--nav-height, 48px));
        top: calc(0px - var(--nav-height, 48px))
    }
}

@media (min-width:1920px) {
    #section-strong [ani-grid-1] {
        padding-left: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*740);
        padding-right: calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*740)
    }
}

@media (min-width:650px) and (max-width:1023px) and (max-aspect-ratio:1) {
    #section-strong #svg-bg {
        height: var(--content-height);
        width: var(--content-height)
    }
}

@media (min-width:650px) and (max-width:1023px) and (min-aspect-ratio:1.4) {
    #section-strong [grid-2-inner] {
        padding-bottom: calc(var(--rpx, 1px)*8);
        padding-top: calc(var(--rpx, 1px)*8)
    }

    #section-strong [ani-title-2] {
        bottom: -webkit-calc(var(--rpx, 1px)*400);
        bottom: -moz-calc(var(--rpx, 1px)*400);
        bottom: calc(var(--rpx, 1px)*400)
    }

    #section-strong [watch-position-scale] {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top
    }
}

@media (min-width:1024px) and (max-width:1440px) and (min-aspect-ratio:1.85) {
    #section-health [sticky-inner] {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
}

#loader-fps {
    --point-color: transparent;
    --size: 2px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-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: 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);
    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;
    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;
    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;
    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)
    }
}

@keyframes preloader {
    to {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        transform: scale(2)
    }
}

@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)
    }

    .mo-only, .pad-only, .pc-hidden {
        display: none
    }

    .fade-in-pc {
        opacity: 0;
        -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));
        transform: translateY(calc(var(--rpx, 1px)*80));
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-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
    }

    .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));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in-pc[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-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
    }

    .fade-in-pc.show, .fade-in-pc[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .fade-in {
        opacity: 0;
        -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));
        transform: translateY(calc(var(--rpx, 1px)*80));
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-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
    }

    .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));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-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
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

    .mo-hidden, .pad-only, .pc-only {
        display: none
    }

    .fade-in-mo {
        opacity: 0;
        -webkit-transform: translateY(50ex);
        -moz-transform: translateY(50ex);
        -ms-transform: translateY(50ex);
        transform: translateY(50ex);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-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
    }

    .fade-in-mo[data-slight] {
        -webkit-transform: translateY(30ex);
        -moz-transform: translateY(30ex);
        -ms-transform: translateY(30ex);
        transform: translateY(30ex)
    }

    .fade-in-mo[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-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
    }

    .fade-in-mo.show, .fade-in-mo[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(50ex);
        -moz-transform: translateY(50ex);
        -ms-transform: translateY(50ex);
        transform: translateY(50ex);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-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
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(30ex);
        -moz-transform: translateY(30ex);
        -ms-transform: translateY(30ex);
        transform: translateY(30ex)
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-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
    }

    .fade-in.show, .fade-in[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

    .mo-only, .pad-hidden, .pc-only {
        display: none
    }
}

@media (min-width:1440px) {
    :root {
        --rpx: 1px;
        --rpx: min(-webkit-calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-moz-calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(calc((100vw - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-webkit-calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(-moz-calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px);
        --rpx: min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312), 1px)
    }
}

.zn--wrapper, .zn--wrapper .font-t {
}

.zn--wrapper .font-b, .zn--wrapper .font-m {
}

.zn--wrapper .font-r {
}

html {
    overflow: unset !important
}

body {
    line-height: normal;
    overflow: unset;
    overflow-x: hidden
}

body.hide-body {
    overflow: hidden
}

#header .nav {
    z-index: 99
}

#header .nav .nav-right>li, #header .nav .nav-right>li .info, #header .nav .nav-right>li a {
    margin-right: 0
}

#footer>.container-infinite>.container-text {
    overflow: hidden
}

#main-wrapper .container {
    margin: 0;
    padding: 0;
    width: auto
}

#main-wrapper .container:after, #main-wrapper .container:before {
    content: none
}

[ani-autoplay-video], [ani-video-wrapper] {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    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%;
    z-index: 0
}

[ani-autoplay-video] img, [ani-video-wrapper] img {
    -webkit-clip-path: inset(0);
    clip-path: inset(0)
}

[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
}

[ani-autoplay-video] canvas, [ani-autoplay-video] video, [ani-video-wrapper] canvas, [ani-video-wrapper] video {
    z-index: 1
}

[ani-autoplay-video] .replay, [ani-video-wrapper] .replay {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: -webkit-calc(var(--rpx, 1px)*20);
    bottom: -moz-calc(var(--rpx, 1px)*20);
    bottom: calc(var(--rpx, 1px)*20);
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-size: 14px;
    line-height: 18px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -webkit-calc(var(--rpx, 1px)*20);
    right: -moz-calc(var(--rpx, 1px)*20);
    right: calc(var(--rpx, 1px)*20);
    text-decoration: underline;
    text-underline-offset: 2px;
    z-index: 2
}

[ani-autoplay-video] .replay:after, [ani-video-wrapper] .replay:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    -webkit-background-size: 16px 16px;
    background-size: 16px;
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px
}

[ani-autoplay-video] .replay.actived, [ani-video-wrapper] .replay.actived {
    cursor: pointer;
    opacity: 1;
    pointer-events: auto
}

[ani-autoplay-video] .replay.light, [ani-video-wrapper] .replay.light {
    color: #000
}

[ani-autoplay-video] .replay.light:after, [ani-video-wrapper] .replay.light:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjMDAwIi8+PC9zdmc+)
}

[ani-autoplay-video]+.replay, [ani-video-wrapper]+.replay {
    opacity: 0;
    pointer-events: none
}

[ani-autoplay-video]+.replay.actived, [ani-video-wrapper]+.replay.actived {
    opacity: 1;
    pointer-events: auto
}