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

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

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

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

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

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

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

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

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

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

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

.h-full {
    height: 100%
}

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

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

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

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

.\!mt-\[calc\(var\(--content-height\)\+2px\)\] {
    margin-top: calc(var(--content-height) + 2px) !important
}

.mt-\[var\(--content-height\)\] {
    margin-top: var(--content-height)
}

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

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

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

.opacity-0 {
    opacity: 0
}

.opacity-55 {
    opacity: .55
}

.overflow-hidden {
    overflow: hidden
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

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

.left-0 {
    left: 0
}

.top-0 {
    top: 0
}

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

.text-center {
    text-align: center
}

.w-full {
    width: 100%
}

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

@media (min-width:650px) and (max-width:1024px) {
    .pad\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:flex-\[1_1_450rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 calc(var(--rpx, 1px)*450);
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*450);
        flex: 1 1 calc(var(--rpx, 1px)*450)
    }

    .pad\:flex-\[1_1_384rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 calc(var(--rpx, 1px)*384);
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*384);
        flex: 1 1 calc(var(--rpx, 1px)*384)
    }

    .pad\:flex-\[1_1_322rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 calc(var(--rpx, 1px)*322);
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*322);
        flex: 1 1 calc(var(--rpx, 1px)*322)
    }

    .pad\:flex-\[1_1_478\.7rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 calc(var(--rpx, 1px)*478.7);
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*478.7);
        flex: 1 1 calc(var(--rpx, 1px)*478.7)
    }

    .pad\:flex-\[1_1_237\.3rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 calc(var(--rpx, 1px)*237.3);
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*237.3);
        flex: 1 1 calc(var(--rpx, 1px)*237.3)
    }

    .pad\:flex-\[1_1_356rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 calc(var(--rpx, 1px)*356);
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*356);
        flex: 1 1 calc(var(--rpx, 1px)*356)
    }

    .pad\:flex-\[1_1_255px\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 255px;
        -webkit-flex: 1 1 255px;
        flex: 1 1 255px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:mt-18px {
        margin-top: 18px
    }

    .pad\:-mr-24px {
        margin-right: -24px
    }

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

    .pad\:mt-32px {
        margin-top: 32px
    }

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

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

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

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

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

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

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

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

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

    .pad\:py-47px {
        padding-bottom: 47px;
        padding-top: 47px
    }

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

    .pad\:py-79px {
        padding-bottom: 79px;
        padding-top: 79px
    }

    .pad\:py-63px {
        padding-bottom: 63px;
        padding-top: 63px
    }

    .pad\:pt-47px {
        padding-top: 47px
    }

    .pad\:pb-59px {
        padding-bottom: 59px
    }

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

    .pad\:pt-80px {
        padding-top: 80px
    }

    .pad\:pb-80px {
        padding-bottom: 80px
    }

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

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

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

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

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

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

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

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

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

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

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

    .pad\:pb-63px {
        padding-bottom: 63px
    }

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

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

    .pad\:pb-23px {
        padding-bottom: 23px
    }

    .pad\:pt-2px {
        padding-top: 2px
    }

    .pad\:absolute {
        position: absolute
    }

    .pad\:relative {
        position: relative
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad\:top-\[calc\(50\%-160\.5px\)\] {
        top: -webkit-calc(50% - 160.5px);
        top: -moz-calc(50% - 160.5px);
        top: calc(50% - 160.5px)
    }

    .pad\:left-\[calc\(52\%-160\.5rpx\)\] {
        left: -webkit-calc(52% - var(--rpx, 1px)*160.5);
        left: -moz-calc(52% - var(--rpx, 1px)*160.5);
        left: calc(52% - var(--rpx, 1px)*160.5)
    }

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

    .pad\:text-black {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .pad\:text-opacity-95 {
        --tw-text-opacity: .95
    }

    .pad\:text-opacity-60 {
        --tw-text-opacity: .6
    }

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

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

    .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-237\.3rpx {
        width: -webkit-calc(var(--rpx, 1px)*237.3);
        width: -moz-calc(var(--rpx, 1px)*237.3);
        width: calc(var(--rpx, 1px)*237.3)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-320rpx {
        width: -webkit-calc(var(--rpx, 1px)*320);
        width: -moz-calc(var(--rpx, 1px)*320);
        width: calc(var(--rpx, 1px)*320)
    }

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

    .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-321rpx {
        width: -webkit-calc(var(--rpx, 1px)*321);
        width: -moz-calc(var(--rpx, 1px)*321);
        width: calc(var(--rpx, 1px)*321)
    }
}

@media (min-width:1025px) {
    .pc\:bg-\[\#f8f9fa\] {
        --tw-bg-opacity: 1;
        background-color: rgba(248, 249, 250, var(--tw-bg-opacity))
    }

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

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

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

    .pc\:bg-opacity-75 {
        --tw-bg-opacity: .75
    }

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

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

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

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

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

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

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

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

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

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

    .pc\:flex-\[1_1_286rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 calc(var(--rpx, 1px)*286);
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*286);
        flex: 1 1 calc(var(--rpx, 1px)*286)
    }

    .pc\:flex-\[1_1_48rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 calc(var(--rpx, 1px)*48);
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*48);
        flex: 1 1 calc(var(--rpx, 1px)*48)
    }

    .pc\:flex-\[1_1_348rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 calc(var(--rpx, 1px)*348);
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*348);
        flex: 1 1 calc(var(--rpx, 1px)*348)
    }

    .pc\:flex-\[1_1_790rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 calc(var(--rpx, 1px)*790);
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*790);
        flex: 1 1 calc(var(--rpx, 1px)*790)
    }

    .pc\:flex-\[1_1_432rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 calc(var(--rpx, 1px)*432);
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*432);
        flex: 1 1 calc(var(--rpx, 1px)*432)
    }

    .pc\:flex-\[1_1_656rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 calc(var(--rpx, 1px)*656);
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*656);
        flex: 1 1 calc(var(--rpx, 1px)*656)
    }

    .pc\:flex-\[1_1_652rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 calc(var(--rpx, 1px)*652);
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*652);
        flex: 1 1 calc(var(--rpx, 1px)*652)
    }

    .pc\:flex-\[1_1_580rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 calc(var(--rpx, 1px)*580);
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*580);
        flex: 1 1 calc(var(--rpx, 1px)*580)
    }

    .pc\:flex-\[1_1_402rpx\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 calc(var(--rpx, 1px)*402);
        -webkit-flex: 1 1 -webkit-calc(var(--rpx, 1px)*402);
        flex: 1 1 calc(var(--rpx, 1px)*402)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-560rpx {
        height: -webkit-calc(var(--rpx, 1px)*560);
        height: -moz-calc(var(--rpx, 1px)*560);
        height: calc(var(--rpx, 1px)*560)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-36rpx {
        padding-top: calc(var(--rpx, 1px)*36)
    }

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

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

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

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

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

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

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

    .pc\:absolute {
        position: absolute
    }

    .pc\:relative {
        position: relative
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .pc\:top-\[calc\(50\%-280rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*280);
        top: -moz-calc(50% - var(--rpx, 1px)*280);
        top: calc(50% - var(--rpx, 1px)*280)
    }

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

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

    .pc\:text-black {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

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

    .pc\:text-opacity-95 {
        --tw-text-opacity: .95
    }

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

    .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-432rpx {
        width: -webkit-calc(var(--rpx, 1px)*432);
        width: -moz-calc(var(--rpx, 1px)*432);
        width: calc(var(--rpx, 1px)*432)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-560rpx {
        width: -webkit-calc(var(--rpx, 1px)*560);
        width: -moz-calc(var(--rpx, 1px)*560);
        width: calc(var(--rpx, 1px)*560)
    }
}

@media (max-width:650px) {
    .mo\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -moz-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

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

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

    .mo\:flex-\[1_1_60px\] {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 60px;
        -webkit-flex: 1 1 60px;
        flex: 1 1 60px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:h-77\.78vw {
        height: 77.78vw;
        height: -webkit-calc(var(--vw, 1vw)*77.78);
        height: -moz-calc(var(--vw, 1vw)*77.78);
        height: calc(var(--vw, 1vw)*77.78)
    }

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

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

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

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

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

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

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

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

    .mo\:mt-8px {
        margin-top: 8px
    }

    .mo\:mt-2px {
        margin-top: 2px
    }

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

    .mo\:mt-12px {
        margin-top: 12px
    }

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

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

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

    .mo\:mt-18px {
        margin-top: 18px
    }

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

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

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

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

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

    .mo\:mt-32px {
        margin-top: 32px
    }

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

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

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

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

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

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

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

    .mo\:py-47px {
        padding-bottom: 47px;
        padding-top: 47px
    }

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

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

    .mo\:py-8px {
        padding-bottom: 8px;
        padding-top: 8px
    }

    .mo\:py-63px {
        padding-bottom: 63px;
        padding-top: 63px
    }

    .mo\:py-79px {
        padding-bottom: 79px;
        padding-top: 79px
    }

    .mo\:pt-47px {
        padding-top: 47px
    }

    .mo\:pt-80px {
        padding-top: 80px
    }

    .mo\:pb-80px {
        padding-bottom: 80px
    }

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

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

    .mo\:pt-63px {
        padding-top: 63px
    }

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

    .mo\:pb-63px {
        padding-bottom: 63px
    }

    .mo\:pb-23px {
        padding-bottom: 23px
    }

    .mo\:pt-31px {
        padding-top: 31px
    }

    .mo\:absolute {
        position: absolute
    }

    .mo\:relative {
        position: relative
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mo\:left-\[calc\(50\%-128rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*128);
        left: -moz-calc(50% - var(--rpx, 1px)*128);
        left: calc(50% - var(--rpx, 1px)*128)
    }

    .mo\:top-\[calc\(50\%-127\.9rpx\)\] {
        top: -webkit-calc(50% - var(--rpx, 1px)*127.9);
        top: -moz-calc(50% - var(--rpx, 1px)*127.9);
        top: calc(50% - var(--rpx, 1px)*127.9)
    }

    .mo\:left-\[calc\(50\%-127\.9rpx\)\] {
        left: -webkit-calc(50% - var(--rpx, 1px)*127.9);
        left: -moz-calc(50% - var(--rpx, 1px)*127.9);
        left: calc(50% - var(--rpx, 1px)*127.9)
    }

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

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

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

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

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

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

    .mo\:text-black {
        --tw-text-opacity: 1;
        color: rgba(0, 0, 0, var(--tw-text-opacity))
    }

    .mo\:text-opacity-95 {
        --tw-text-opacity: .95
    }

    .mo\:text-opacity-60 {
        --tw-text-opacity: .6
    }

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

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

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

    .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-162rpx {
        width: -webkit-calc(var(--rpx, 1px)*162);
        width: -moz-calc(var(--rpx, 1px)*162);
        width: calc(var(--rpx, 1px)*162)
    }

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

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

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

    .mo\:w-\[calc\(195px\+84rpx\)\] {
        width: -webkit-calc(195px + var(--rpx, 1px)*84);
        width: -moz-calc(195px + var(--rpx, 1px)*84);
        width: calc(195px + var(--rpx, 1px)*84)
    }

    .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-200rpx {
        width: -webkit-calc(var(--rpx, 1px)*200);
        width: -moz-calc(var(--rpx, 1px)*200);
        width: calc(var(--rpx, 1px)*200)
    }

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

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

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

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

@media (min-width:1025px) and (min-width:1440px) {
    .\31 440\:text-56px {
        font-size: 56px;
        line-height: 1
    }

    .\31 440\:text-32px {
        font-size: 32px;
        line-height: 1
    }
}

@media (min-width:1025px) {
    .pct\:font-medium {
        font-weight: 500
    }

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

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

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

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

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

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

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

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

    .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-48px {
        font-size: 48px;
        line-height: 1
    }

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

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

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

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

    .pct\:leading-\[1\.12\] {
        line-height: 1.12
    }

    .pct\:leading-\[1\.25\] {
        line-height: 1.25
    }

    .pct\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .pct\:leading-\[1\.21\] {
        line-height: 1.21
    }

    .pct\:leading-\[1\.22\] {
        line-height: 1.22
    }

    .pct\:leading-\[1\.44\] {
        line-height: 1.44
    }

    .pct\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .pct\:tracking-0\.02em {
        letter-spacing: .02em
    }

    .pct\:tracking-0\.03em {
        letter-spacing: .03em
    }
}

@media (max-width:1024px) {
    .mot\:font-medium {
        font-weight: 500
    }

    .mot\:text-48m {
        font-size: 48px;
        line-height: 60px
    }

    .mot\:text-28m {
        font-size: 28px;
        letter-spacing: .5px;
        line-height: 36px
    }

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

    .mot\:text-30m {
        font-size: 30px;
        letter-spacing: .5px;
        line-height: 38px
    }

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

    .mot\:text-40rpx {
        font-size: -webkit-calc(var(--rpx, 1px)*40);
        font-size: -moz-calc(var(--rpx, 1px)*40);
        font-size: calc(var(--rpx, 1px)*40);
        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-40px {
        font-size: 40px;
        line-height: 1
    }

    .mot\:text-24px {
        font-size: 24px;
        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-30px {
        font-size: 30px;
        line-height: 1
    }

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

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

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

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

    .mot\:leading-\[50rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*50);
        line-height: -moz-calc(var(--rpx, 1px)*50);
        line-height: calc(var(--rpx, 1px)*50)
    }

    .mot\:leading-\[32rpx\] {
        line-height: -webkit-calc(var(--rpx, 1px)*32);
        line-height: -moz-calc(var(--rpx, 1px)*32);
        line-height: calc(var(--rpx, 1px)*32)
    }

    .mot\:leading-\[1\] {
        line-height: 1
    }

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

    .mot\:leading-\[1\.57\] {
        line-height: 1.57
    }

    .mot\:leading-\[1\.27\] {
        line-height: 1.27
    }

    .mot\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .mot\:leading-\[1\.25\] {
        line-height: 1.25
    }

    .mot\:leading-\[1\.17\] {
        line-height: 1.17
    }

    .mot\:leading-\[1\.67\] {
        line-height: 1.67
    }

    .mot\:tracking-0\.02em {
        letter-spacing: .02em
    }

    .mot\:tracking-0\.01em {
        letter-spacing: .01em
    }

    .mot\:tracking-0\.04em {
        letter-spacing: .04em
    }

    .mot\:tracking-0\.03em {
        letter-spacing: .03em
    }
}

.zn--wrapper {
    font-size: 16px
}

.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]):not(.loaded) {
    opacity: 0
}

.zn--wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.zn--wrapper a {
    text-decoration: none
}

.zn--wrapper img {
    display: block;
    max-width: none
}

.zn--wrapper canvas img {
    display: none
}

.zn--wrapper video {
    display: block;
    max-width: none
}

.zn--wrapper div[data-ll-status],
.zn--wrapper figure[data-ll-status] {
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover
}

.zn--wrapper br {
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Roboto, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, Microsoft Jhenghei, "sans-serif"
}

.zn--wrapper h1 {
    clip: rect(1px, 1px, 1px, 1px);
    border: none;
    -webkit-clip-path: inset(0 0 99.9%);
    clip-path: inset(0 0 99.9%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.zn--wrapper .abs-center-x {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-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%);
    -o-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%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%)
}

.zn--wrapper .swiper-button-disabled {
    opacity: .3
}

.zn--wrapper .bg-img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.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%);
    -o-transform: translateX(-50%);
    transform: translate(-50%)
}

[data-comp-gallery] .images-container {
    padding-left: 0;
    padding-right: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

[data-comp-gallery] .images-container img {
    -o-object-fit: cover;
    object-fit: cover
}

[data-comp-gallery] .swiper-slide>* {
    max-width: 100%
}

[data-comp-gallery] .double-button .button {
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-comp-gallery] .double-button .button:first-child {
    opacity: .5
}

[data-comp-gallery] .color-switch>div>div {
    overflow: visible
}

[data-comp-gallery] .circle-button {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    position: relative
}

[data-comp-gallery] .circle-button:before {
    border-color: var(--border-color, transparent);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    content: "";
    height: var(--btn-w, "150%");
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    -moz-transition: border-color .3s;
    transition: border-color .3s;
    width: var(--btn-w, "150%")
}

[data-comp-gallery] .circle-button:after {
    content: var(--s-text, " ");
    font-size: var(--t-size);
    left: 100%;
    line-height: var(--t-line-height);
    margin-left: var(--t-left);
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    white-space: nowrap
}

[data-comp-gallery] .circle-button.active:after {
    opacity: 1
}

[data-comp-gallery].comp-light-theme .double-button .button {
    -webkit-transition: background .4s;
    -o-transition: background .4s;
    -moz-transition: background .4s;
    transition: background .4s
}

[data-comp-gallery].comp-light-theme .double-button .button:hover {
    background: #333
}

[data-comp-gallery].comp-dark-theme .double-button .button {
    -webkit-transition: background .4s;
    -o-transition: background .4s;
    -moz-transition: background .4s;
    transition: background .4s
}

[data-comp-gallery].comp-dark-theme .double-button .button:hover {
    background: #eaeaea
}

#section-tablist .left-img>div:first-child>div {
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#section-tablist .options {
    scrollbar-width: none
}

#section-tablist .options::-webkit-scrollbar {
    display: none
}

#section-tablist .options a {
    border-bottom: 1px solid #efede9;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#section-tablist .options a:first-child {
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0
}

#section-tablist .options a:last-child {
    border-bottom: 0;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px
}

#section-tablist .options a.active {
    background-color: #f5f4f0
}

#section-tablist .options a.active .content {
    opacity: 1
}

#section-tablist .options a.active .title img {
    opacity: 0;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

#section-tablist .options .title div:first-child {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#section-tablist .options .title img {
    opacity: 1
}

#section-tablist .options .content,
#section-tablist .options .title img {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#section-tablist .options .content {
    opacity: 0
}

#section-tablist .activeImg {
    opacity: 1 !important
}

.ksp-wrapper .image,
.ksp-wrapper .image-container {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1
}

.ksp-wrapper .image img,
.ksp-wrapper .image-container img {
    height: 100%
}

.ksp-wrapper img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.ksp-wrapper>:first-child>:first-child {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ksp-wrapper>:nth-child(2)>:nth-child(2) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ksp-wrapper>:nth-child(2)>:nth-child(2)>:first-child>:first-child {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ksp-wrapper .mid-vertical div:first-child {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ksp-wrapper .text-wrapper {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: auto
}

#section-sound .bg-linear {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(54.69%, hsla(0, 0%, 100%, .81)), to(#cdd2d9));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .81) 54.69%, #cdd2d9);
    background: -moz-linear-gradient(top, hsla(0, 0%, 100%, .81) 54.69%, #cdd2d9 100%);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, .81) 54.69%, #cdd2d9 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .81) 54.69%, #cdd2d9)
}

#section-sound [ani-layer-spec] {
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#section-sound [ani-layer-spec].active {
    opacity: 1
}

#section-battery .number-linear,
#section-battery .hour-linear {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-4.48%, rgba(99, 123, 155, .6)), color-stop(93.11%, rgba(212, 229, 252, .6)));
    background: -webkit-linear-gradient(top, rgba(99, 123, 155, .6) -4.48%, rgba(212, 229, 252, .6) 93.11%);
    background: -moz-linear-gradient(top, rgba(99, 123, 155, .6) -4.48%, rgba(212, 229, 252, .6) 93.11%);
    background: -o-linear-gradient(top, rgba(99, 123, 155, .6) -4.48%, rgba(212, 229, 252, .6) 93.11%);
    background: linear-gradient(180deg, rgba(99, 123, 155, .6) -4.48%, rgba(212, 229, 252, .6) 93.11%);
    background-clip: text;
    -webkit-background-clip: text
}

#section-battery #stroke-line {
    stroke-dasharray: 1000px;
    stroke-dashoffset: 1000px
}

#section-battery #stroke-line.active {
    stroke-dashoffset: 2000px
}

body.no-scroll {
    overflow-y: hidden
}

body.zn--body-fixed {
    position: fixed
}

#webpack-dev-server-client-overlay {
    display: none
}

[id^=anchor] {
    height: 1px;
    left: 0;
    margin-top: 2px;
    position: absolute;
    top: -webkit-calc(0 - var(--nav-height, 90px));
    top: -moz-calc(0 - var(--nav-height, 90px));
    top: calc(0px - var(--nav-height, 90px));
    width: 100%
}

[id^=anchor].mt {
    top: -webkit-calc(-60px - var(--nav-height, 90px));
    top: -moz-calc(-60px - var(--nav-height, 90px));
    top: calc(-60px - var(--nav-height, 90px))
}

@media (min-width:1025px) {

    .mo-only,
    .pad-only,
    .pc-hidden {
        display: none
    }

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

    .zn--wrapper .mo-only,
    .zn--wrapper .pad-only,
    .zn--wrapper .pc-hidden {
        display: none
    }

    #section-tablist .options a.active .title div:first-child {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4)
    }

    [data-comp-ksp] a {
        overflow: hidden
    }

    [data-comp-ksp] a img {
        -webkit-transition: .4s;
        -o-transition: .4s;
        -moz-transition: .4s;
        transition: .4s
    }

    [data-comp-ksp] a:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    [data-comp-ksp] a:hover .no-scale img,
    [data-comp-ksp] a:hover img.no-scale {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    [data-comp-ksp] .svg-container {
        opacity: 0;
        -webkit-transition: .4s;
        -o-transition: .4s;
        -moz-transition: .4s;
        transition: .4s
    }

    [data-comp-ksp] a:hover .svg-container {
        opacity: 1
    }
}

@media (max-width:650px) {

    .mo-hidden,
    .pad-only,
    .pc-only {
        display: none
    }

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

    .zn--wrapper .mo-hidden,
    .zn--wrapper .pad-only,
    .zn--wrapper .pc-only {
        display: none
    }

    [data-comp-gallery] .images-container {
        width: 100%
    }

    #section-tablist .left-img img {
        opacity: 0
    }

    #section-tablist .options a.active {
        padding-bottom: calc(var(--rpx, 1px)*20);
        padding-top: calc(var(--rpx, 1px)*20)
    }

    #section-tablist .options a.active .title div:first-child {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@media (min-width:650px) and (max-width:1024px) {

    .mo-only,
    .pad-hidden,
    .pc-only {
        display: none
    }

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

    .zn--wrapper .mo-only,
    .zn--wrapper .pad-hidden,
    .zn--wrapper .pc-only {
        display: none
    }

    [data-comp-gallery] .images-container {
        width: 100%
    }

    #section-tablist .options a.active .title div:first-child {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4)
    }

    #section-features [img-1] {
        -o-object-position: 80% 50%;
        object-position: 80% 50%
    }

    #section-battery .number-linear {
        font-size: -webkit-calc(var(--rpx, 1px)*81);
        font-size: -moz-calc(var(--rpx, 1px)*81);
        font-size: calc(var(--rpx, 1px)*81);
        line-height: -webkit-calc(var(--rpx, 1px)*97);
        line-height: -moz-calc(var(--rpx, 1px)*97);
        line-height: calc(var(--rpx, 1px)*97)
    }

    #section-battery .hour-linear {
        font-size: -webkit-calc(var(--rpx, 1px)*26);
        font-size: -moz-calc(var(--rpx, 1px)*26);
        font-size: calc(var(--rpx, 1px)*26);
        line-height: -webkit-calc(var(--rpx, 1px)*31.3);
        line-height: -moz-calc(var(--rpx, 1px)*31.3);
        line-height: calc(var(--rpx, 1px)*31.3)
    }
}

@media (orientation:portrait) and (max-width:1023px) {
    #oc-header.fixed {
        visibility: hidden
    }

    .zn--wrapper .pc-only {
        display: none
    }
}

@media (max-width:649px) {
    #section-battery .number-linear {
        font-size: -webkit-calc(var(--rpx, 1px)*76);
        font-size: -moz-calc(var(--rpx, 1px)*76);
        font-size: calc(var(--rpx, 1px)*76);
        line-height: -webkit-calc(var(--rpx, 1px)*91);
        line-height: -moz-calc(var(--rpx, 1px)*91);
        line-height: calc(var(--rpx, 1px)*91)
    }

    #section-battery .hour-linear {
        font-size: -webkit-calc(var(--rpx, 1px)*30);
        font-size: -moz-calc(var(--rpx, 1px)*30);
        font-size: calc(var(--rpx, 1px)*30);
        line-height: -webkit-calc(var(--rpx, 1px)*36);
        line-height: -moz-calc(var(--rpx, 1px)*36);
        line-height: calc(var(--rpx, 1px)*36)
    }
}

#loader-fps {
    --point-color: transparent;
    --size: 2px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-flex-line-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--size);
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw;
    width: -webkit-calc(var(--vw, 1vw)*100);
    width: -moz-calc(var(--vw, 1vw)*100);
    width: calc(var(--vw, 1vw)*100);
    z-index: 1000
}

#loader-fps .loader-element {
    border: var(--size) solid var(--point-color);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: calc(var(--size)*2)
}

#loader-fps .loader-element:first-child {
    -webkit-animation: preloader .6s ease-in-out infinite alternate;
    -moz-animation: preloader .6s ease-in-out infinite alternate;
    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);
        -o-transform: scale(2);
        transform: scale(2)
    }
}

@media (min-width:1025px) {

    .mo-only,
    .pad-only,
    .pc-hidden {
        display: none
    }

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

    .zn--wrapper .mo-only,
    .zn--wrapper .pad-only,
    .zn--wrapper .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));
        -o-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;
        -o-transition: opacity .6s, -o-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
    }

    .fade-in-pc[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        -o-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in-pc[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -o-transition: opacity 1s, -o-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
    }

    .fade-in-pc.show,
    .fade-in-pc[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .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));
        -o-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;
        -o-transition: opacity .6s, -o-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(-webkit-calc(var(--rpx, 1px)*50));
        -moz-transform: translateY(-moz-calc(var(--rpx, 1px)*50));
        -ms-transform: translateY(calc(var(--rpx, 1px)*50));
        -o-transform: translateY(calc(var(--rpx, 1px)*50));
        transform: translateY(calc(var(--rpx, 1px)*50))
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -o-transition: opacity 1s, -o-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
    }

    .fade-in.show,
    .fade-in[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (max-width:650px) {

    .mo-hidden,
    .pad-only,
    .pc-only {
        display: none
    }

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

    .zn--wrapper .mo-hidden,
    .zn--wrapper .pad-only,
    .zn--wrapper .pc-only {
        display: none
    }

    .fade-in-mo {
        opacity: 0;
        -webkit-transform: translateY(50ex);
        -moz-transform: translateY(50ex);
        -ms-transform: translateY(50ex);
        -o-transform: translateY(50ex);
        transform: translateY(50ex);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -o-transition: opacity .6s, -o-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
    }

    .fade-in-mo[data-slight] {
        -webkit-transform: translateY(30ex);
        -moz-transform: translateY(30ex);
        -ms-transform: translateY(30ex);
        -o-transform: translateY(30ex);
        transform: translateY(30ex)
    }

    .fade-in-mo[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -o-transition: opacity 1s, -o-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
    }

    .fade-in-mo.show,
    .fade-in-mo[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(50ex);
        -moz-transform: translateY(50ex);
        -ms-transform: translateY(50ex);
        -o-transform: translateY(50ex);
        transform: translateY(50ex);
        -webkit-transition: opacity .6s, -webkit-transform .6s;
        transition: opacity .6s, -webkit-transform .6s;
        -o-transition: opacity .6s, -o-transform .6s;
        -moz-transition: transform .6s, opacity .6s, -moz-transform .6s;
        transition: transform .6s, opacity .6s;
        transition: transform .6s, opacity .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
    }

    .fade-in[data-slight] {
        -webkit-transform: translateY(30ex);
        -moz-transform: translateY(30ex);
        -ms-transform: translateY(30ex);
        -o-transform: translateY(30ex);
        transform: translateY(30ex)
    }

    .fade-in[data-slow] {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        -o-transition: opacity 1s, -o-transform 1s;
        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
        transition: transform 1s, opacity 1s;
        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
    }

    .fade-in.show,
    .fade-in[data-slight].show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (min-width:650px) and (max-width:1024px) {

    .mo-only,
    .pad-hidden,
    .pc-only {
        display: none
    }

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

    .zn--wrapper .mo-only,
    .zn--wrapper .pad-hidden,
    .zn--wrapper .pc-only {
        display: none
    }
}

@media (min-width:1440px) {
    :root {
        --rpx: 1px
    }
}

.zn--wrapper {
    font-family: OPPOSans-Ver2-Regular, OPPOSans-Regular, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

.zn--wrapper .font-b {
    font-family: OPPOSans-Ver2-Bold, OPPOSans-Bold, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.zn--wrapper .font-m,
.zn--wrapper .mot\:font-medium,
.zn--wrapper .pct\:font-medium {
    font-family: OPPOSans-Ver2-Medium, OPPOSans-Medium, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

.zn--wrapper .font-l,
.zn--wrapper .font-r {
    font-family: OPPOSans-Ver2-Regular, OPPOSans-Regular, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}

html {
    overflow: unset !important
}

*,
:after,
:before {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial
}

#oc-wrapper {
    overflow: visible
}

#footer {
    overflow-x: hidden
}

#oc-wrapper {
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

#oc-wrapper .header-v2 .header-main-pc .header-right .search {
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

#oc-header {
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

#contact-pop .contact-pop_icon,
#goback-top,
#nps .icon {
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

[ani-autoplay-video],
[ani-video-wrapper] {
    contain: paint;
    overflow: hidden;
    position: relative
}

[ani-autoplay-video] canvas,
[ani-autoplay-video] img,
[ani-autoplay-video] video,
[ani-video-wrapper] canvas,
[ani-video-wrapper] img,
[ani-video-wrapper] video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[ani-autoplay-video] canvas,
[ani-video-wrapper] canvas {
    -o-object-fit: initial;
    object-fit: fill
}

[ani-autoplay-video] img,
[ani-autoplay-video] video,
[ani-video-wrapper] img,
[ani-video-wrapper] video {
    -o-object-fit: cover;
    object-fit: cover
}

@media (orientation:portrait) and (max-width:1023px) and (min-width:721px) {
    #oc-header {
        overflow: hidden
    }
}

@media (orientation:portrait) and (max-width:1023px) {
    #oc-header.fixed {
        visibility: hidden
    }
}