.s7pro-container {
    line-height: 1.6;
    font-weight: normal;
    font-weight: 500;
    color: #85858a;
    background: #fbf4ee
}

.s7pro-container *,
.s7pro-container .s7pro-container::before,
.s7pro-container .s7pro-container::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

.s7pro-container .ucshow {
    display: none
}

.s7pro-container.isUC .ucshow {
    display: block
}

.s7pro-container.isUC .uchide {
    display: none
}

.s7pro-container *:focus,
.s7pro-container *:active {
    outline: none
}

.s7pro-container section {
    width: 100%;
    position: relative
}

.s7pro-container sup {
    font-size: .6em;
    line-height: 1;
    color: inherit
}

.s7pro-container sup[data-index] {
    cursor: pointer
}

.s7pro-container [data-footnote] {
    font-size: .6em;
    cursor: pointer
}

.s7pro-container .hero-sku [data-footnote] {
    font-size: 1em;
    vertical-align: inherit
}

.s7pro-container .blur-up {
    filter: blur(20px);
    transition: filter .2s;
    will-change: filter
}

.s7pro-container .blur-up.lazyloaded {
    filter: blur(0)
}

.s7pro-container .videobox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.s7pro-container img,
.s7pro-container picture {
    display: block;
    width: 100%
}

.s7pro-container video {
    display: block;
    width: 100%
}

.s7pro-container .mix-mode {
    background: #fff
}

.s7pro-container .mix-mode video {
    mix-blend-mode: darken
}

.s7pro-container .radius16 {
    border-radius: .833333vw;
    -webkit-border-radius: .833333vw;
    overflow: hidden;
    transform: scale(1);
    -webkit-transform: scale(1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(0, 0, 0)
}

.s7pro-container .radius20 {
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    overflow: hidden;
    transform: scale(1);
    -webkit-transform: scale(1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(0, 0, 0)
}

.s7pro-container .line125 {
    line-height: 1.25
}

.s7pro-container .mob-show {
    display: none
}

.s7pro-container .pc-hide {
    display: none
}

.s7pro-container .pc-show {
    display: initial
}

.s7pro-container .md-show {
    display: block
}

.s7pro-container .xx-show {
    display: initial
}

.s7pro-container .xs-show {
    display: none
}

.s7pro-container h2,
.s7pro-container h3 {
    line-height: 1.25
}

.s7pro-container .nowrap {
    white-space: nowrap
}

.s7pro-container .section-txtwrap {
    width: 67.5vw;
    margin: 0 auto
}

.s7pro-container .section-txtwrap>h2 {
    color: #bb9f84
}

.s7pro-container .tit-gradient {
    background-image: linear-gradient(113deg, #D9BFAF 10%, #FEF6F0 30%, #FDF1E5 60%, #F4F3F3 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(0, 0, 0, 0)
}

.s7pro-container .section-txtwrap .tit-gradient-2 {
    background-image: linear-gradient(113deg, #FD3F00 10%, #FE9000 30%, #FE9000 50%, #000B1A 90%);
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(0, 0, 0, 0);
    display: inline-block
}

.s7pro-container .section-txtwrap .tit-gradient-3 {
    background-image: linear-gradient(to right, #BB9F84, #171718);
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(0, 0, 0, 0);
    display: inline-block
}

.s7pro-container .section-txtwrap .tit-gradient-4 {
    background-image: linear-gradient(80deg, #BF9E72 10%, #E8CEB4 90%);
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(0, 0, 0, 0);
    display: inline-block
}

.s7pro-container .des-gradient {
    background-image: linear-gradient(180deg, #BBCBDB 0, #4C617C 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(0, 0, 0, 0);
    display: inline-block
}

.s7pro-container .des-gradient sup {
    color: inherit
}

.s7pro-container .black40 {
    color: rgba(0, 0, 0, .4)
}

.s7pro-container .color949290 {
    color: #949290
}

.s7pro-container .color171718 {
    color: #171718
}

.s7pro-container .colorBB9F84 {
    color: #bb9f84
}

.s7pro-container .color7B6B4B {
    color: #7b6b4b
}

.s7pro-container .color707070 {
    color: #707070
}

.s7pro-container .colorfff {
    color: #fff
}

.s7pro-container .section-pics {
    position: relative
}

.s7pro-container.isUC .section-videos {
    background: none
}

.s7pro-container .section-videos {
    overflow: hidden;
    background: #fff;
    font-size: 0;
    line-height: 1
}

.s7pro-container .section-videos .inline-video {
    mix-blend-mode: darken;
    width: 100%;
    height: 100%
}

.s7pro-container .section-videos .inline-video video {
    transform: scale(1.005);
    transform: scale(1.002);
    transform-origin: center top;
    height: 100%;
    font-size: 0;
    line-height: 1;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.s7pro-container .flex {
    display: flex
}

.s7pro-container .justify-center {
    justify-content: center
}

.s7pro-container .relative {
    position: relative
}

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

.s7pro-container .text-center {
    text-align: center
}

.s7pro-container .fs-120 {
    font-size: 6.25vw
}

.s7pro-container .fs-96 {
    font-size: 5vw
}

.s7pro-container .fs-80 {
    font-size: 4.166667vw
}

.s7pro-container .fs-64 {
    font-size: 3.333333vw
}

.s7pro-container .fs-48 {
    font-size: 2.5vw
}

.s7pro-container .fs-40 {
    font-size: 2.083333vw
}

.s7pro-container .fs-36 {
    font-size: 1.875vw
}

.s7pro-container .fs-32 {
    font-size: 1.666667vw
}

.s7pro-container .fs-24 {
    font-size: 1.25vw
}

.s7pro-container .fs-22 {
    font-size: 1.145833vw
}

.s7pro-container .fs-20 {
    font-size: 1.041667vw
}

.s7pro-container .fs-18 {
    font-size: .9375vw
}

.s7pro-container .fs-16 {
    font-size: .833333vw
}

.s7pro-container .fw-light {
    font-weight: 300
}

.s7pro-container .fw-normal {
    font-weight: normal
}

.s7pro-container .fw-bold {
    font-weight: bold
}

.s7pro-container .fw-medium {
    font-weight: 500
}

.s7pro-container .pt-200 {
    padding-top: 10.416667vw
}

.s7pro-container .pt-160 {
    padding-top: 8.333333vw
}

.s7pro-container .mt-200 {
    margin-top: 10.416667vw
}

.s7pro-container .mt-120 {
    margin-top: 6.25vw
}

.s7pro-container .mt-160 {
    margin-top: 8.333333vw
}

.s7pro-container .mb-200 {
    margin-bottom: 10.416667vw
}

.s7pro-container .mb-80 {
    margin-bottom: 4.166667vw
}

.s7pro-container .mt-64 {
    margin-top: 3.333333vw
}

.s7pro-container .mt-60 {
    margin-top: 3.125vw
}

.s7pro-container .mt-48 {
    margin-top: 2.5vw
}

.s7pro-container .mt-40 {
    margin-top: 2.083333vw
}

.s7pro-container .mt-38 {
    margin-top: 1.979167vw
}

.s7pro-container .mt-32 {
    margin-top: 1.666667vw
}

.s7pro-container .mt-28 {
    margin-top: 1.458333vw
}

.s7pro-container .mt-24 {
    margin-top: 1.25vw
}

.s7pro-container .mt-22 {
    margin-top: 1.145833vw
}

.s7pro-container .mt-20 {
    margin-top: 1.041667vw
}

.s7pro-container .mt-16 {
    margin-top: .833333vw
}

.s7pro-container .mt-14 {
    margin-top: .729167vw
}

.s7pro-container .mt-13 {
    margin-top: .677083vw
}

.s7pro-container .mt-12 {
    margin-top: .625vw
}

.s7pro-container .mt-10 {
    margin-top: .520833vw
}

.s7pro-container .mb-42 {
    margin-bottom: 2.1875vw
}

.s7pro-container .mr-20 {
    margin-right: 1.041667vw
}

.s7pro-container .mr-24 {
    margin-right: 1.25vw
}

.s7pro-container .w-1578 {
    width: 82.1875vw
}

.s7pro-container .w-1560 {
    width: 81.25vw
}

.s7pro-container .w-1511 {
    width: 78.697917vw
}

.s7pro-container .w-1296 {
    width: 67.5vw
}

.s7pro-container .w-1280 {
    width: 66.666667vw
}

.s7pro-container .w-1270 {
    width: 66.145833vw
}

.s7pro-container .w-1022 {
    width: 53.229167vw
}

.s7pro-container .w-1000 {
    width: 52.083333vw
}

.s7pro-container .w-962 {
    width: 50.104167vw
}

.s7pro-container .w-730 {
    width: 38.020833vw
}

.s7pro-container .w-390 {
    width: 20.3125vw
}

.s7pro-container .w-385 {
    width: 20.052083vw
}

.s7pro-container .w-463 {
    width: 24.114583vw
}

.s7pro-container .wrap-bg {
    background: linear-gradient(180deg, #F9F9F9 0%, #DBD4C9 100%);
    padding-top: .1px
}

.s7pro-container p {
    line-height: 1.6
}

.s7pro-container article {
    line-height: 1.6;
    font-size: 1.145833vw;
    color: #6f6f6f
}

.s7pro-container .color000 {
    color: #fff;
    font-weight: 500
}

.s7pro-container .color0076FF {
    color: #0076ff
}

.s7pro-container .last-list {
    list-style: none;
    position: relative
}

.s7pro-container .last-list:before {
    content: "**";
    position: absolute;
    transform: translateX(-100%);
    padding-right: .1em
}

.s7pro-container .last-list:last-child:before {
    content: "***"
}

.s7pro-container .last-sup {
    font-size: revert
}

.s7pro-container .swiper-button-next,
.s7pro-container .swiper-button-prev {
    cursor: pointer
}

.s7pro-container .click-slide-to .swiper-slide:not(.swiper-slide-active) {
    cursor: pointer
}

.s7pro-container .swiper-container.isend .click-slide-to .swiper-slide:last-child {
    cursor: default
}

.s7pro-container .pagelink:hover {
    transition: opacity .6s
}

@media(hover: hover)and (pointer: fine) {
    .s7pro-container .desp {
        font-size: max(12px, .625vw);
        font-size: max(12px, .833333vw)
    }

    .s7pro-container .pagelink:hover {
        opacity: .6
    }
}

.s7pro-container .huawei-product-buy-btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0
}

.s7pro-container .huawei-product-buy-btn-price {
    color: #fff;
    font-size: 1.46vw;
    font-weight: 400;
    line-height: 1.25
}

.s7pro-container .huawei-product-buy-btn-price sup {
    font-size: unset;
    vertical-align: baseline
}

.s7pro-container .huawei-product-buy-btn-price span {
    font-size: .677083vw;
    font-weight: 500
}

.s7pro-container .huawei-product-buy-btn {
    color: #000;
    font-size: 13px;
    font-weight: 800;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    padding: 10px 26px;
    padding: 6px 20px;
    border: 2px solid #fff;
    background-color: #fff;
    transition: .3s ease-out;
    margin-top: 24px;
    cursor: pointer;
    border-radius: 6px
}

.s7pro-container .kv-content-price-container {
    margin-top: 2.916667vw
}

.s7pro-container .price {
    list-style: none;
    position: relative
}

.s7pro-container .price::before {
    content: "*";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%)
}

@media(hover: hover)and (pointer: fine) {
    .s7pro-container .huawei-product-buy-btn:hover {
        opacity: .8
    }
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .kv-content-price-container {
        margin-top: 5.142857vw
    }

    .s7pro-container .huawei-product-buy-btn-price {
        font-size: 2.857143vw
    }

    .s7pro-container .huawei-product-buy-btn-price span {
        font-size: 1.857143vw
    }
}

@media(max-aspect-ratio: 7/10) {
    .s7pro-container .kv-content-price-container {
        margin-top: 10vw
    }

    .s7pro-container .huawei-product-buy-btn-price {
        font-size: 5.555556vw
    }

    .s7pro-container .huawei-product-buy-btn-price span {
        font-size: 3.611111111vw
    }
}

.s7pro-container .section-hero .hero-content {
    position: absolute;
    z-index: 1;
    top: 15vw;
    right: 9.739583vw;
    right: 7.739583vw;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 26.354167vw;
    width: 30.354167vw;
    font-weight: 400;
    color: #fff
}

.s7pro-container .section-hero .hero-logo {
    aspect-ratio: 548.016/50.748;
    width: 26.354167vw
}

.s7pro-container .section-hero .hero-slogan {
    display: flex;
    justify-content: space-between;
    width: 15.9375vw;
    margin: 1.354167vw auto 0;
    font-size: 2.1875vw;
    font-weight: inherit
}

.s7pro-container .section-hero .hero-ksp {
    margin-top: .989583vw;
    font-size: .9375vw;
    font-weight: inherit;
    letter-spacing: 0;
    color: inherit
}

.s7pro-container .section-hero .player-cta {
    display: inline-flex;
    align-items: center;
    margin-top: 1.5625vw;
    transition: opacity .3s ease-out
}

.s7pro-container .hero-img {
    width: 15.9375vw;
    margin-top: .989583vw
}

@media(any-hover: hover) {
    .s7pro-container .section-hero .player-cta:hover {
        opacity: .6
    }
}

.s7pro-container .section-hero .icon-copy {
    font-size: 1.041667vw;
    color: #fff;
    font-weight: 500
}

.s7pro-container .section-hero .icon-play {
    width: 1.666667vw;
    margin-left: .416667vw
}

.s7pro-container .section-hero .hero-picture {
    aspect-ratio: 1920/960
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .section-hero .hero-content {
        width: 100%;
        margin-top: 18.055556vw;
        right: 0;
        height: auto;
        top: 0
    }

    .s7pro-container .section-hero .hero-logo {
        width: 55.833333vw;
        margin: 0 auto
    }

    .s7pro-container .section-hero .hero-slogan {
        width: 33.333333vw;
        margin-top: 2.777778vw;
        font-size: 4.583333vw
    }

    .s7pro-container .section-hero .hero-ksp {
        margin-top: 2.222222vw;
        font-size: 1.944444vw;
        letter-spacing: 0
    }

    .s7pro-container .section-hero .player-cta {
        margin-top: 4.166667vw
    }

    .s7pro-container .section-hero .icon-copy {
        font-size: 3.888889vw
    }

    .s7pro-container .section-hero .icon-play {
        width: 6.666667vw;
        margin-left: 2.222222vw
    }

    .s7pro-container .section-hero .hero-picture {
        aspect-ratio: 720/1200;
        aspect-ratio: 720/1080
    }

    .s7pro-container .hero-img {
        width: 33.333333vw;
        margin-top: 1.944444vw
    }
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .s7pro-kv .kv-text {
        transform: translate(0, 19.444444vw)
    }

    .s7pro-container .s7pro-kv .kv-text h2 img {
        width: 9.166667vw
    }

    .s7pro-container .s7pro-kv.active .kv-text {
        transform: translate(0, 8.333333vw)
    }
}

.s7pro-container .hero-sku {
    margin-top: 4.166667vw;
    margin-top: 3.125vw;
    font-size: 0;
    text-align: center
}

.s7pro-container .hero-sku .pricing {
    font-size: 1.458333vw;
    line-height: 1.25;
    color: #000
}

.s7pro-container .hero-sku .from {
    font-size: .677083vw
}

.s7pro-container .hero-sku [data-footnote] {
    font-size: 1em;
    vertical-align: inherit
}

.s7pro-container .hero-sku .buy-cta {
    display: inline-block;
    margin-top: 24px;
    padding: 8px 22px;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    transition: opacity 300ms ease-out;
    color: #fff;
    border-radius: 6px;
    background-color: #000
}

@media(hover: hover)and (pointer: fine) {
    .s7pro-container .hero-sku .buy-cta:hover {
        opacity: .8
    }
}

.s7pro-container .hero-sku.sku-light .pricing {
    color: #fff
}

.s7pro-container .hero-sku.sku-light .buy-cta {
    color: #000;
    background-color: #fff
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .hero-sku {
        margin-top: 15.555556vw;
        margin-top: 8.333333vw
    }

    .s7pro-container .hero-sku .pricing {
        font-size: 5.555556vw
    }

    .s7pro-container .hero-sku .from {
        font-size: 3.611111vw
    }
}

.s7pro-container .section-highlights {
    overflow: hidden;
    padding: 8.333333vw 0
}

.s7pro-container .section-highlights .swiper {
    overflow: visible
}

.s7pro-container .section-highlights .swiper-wrapper,
.s7pro-container .section-highlights [data-swiper-parallax-x],
.s7pro-container .section-highlights [data-swiper-parallax-y],
.s7pro-container .section-highlights [data-swiper-parallax-opacity] {
    transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1)
}

.s7pro-container .section-highlights .swiper-touch-move .swiper-wrapper,
.s7pro-container .section-highlights .swiper-touch-move [data-swiper-parallax-x],
.s7pro-container .section-highlights .swiper-touch-move [data-swiper-parallax-y],
.s7pro-container .section-highlights .swiper-touch-move [data-swiper-parallax-opacity] {
    transition-timing-function: ease
}

.s7pro-container .section-highlights .swiper-slide:not(.swiper-slide-active) {
    cursor: pointer
}

.s7pro-container .section-highlights .caption-container {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    margin: 2.083333vw 2.5vw;
    font-size: 1.666667vw
}

.s7pro-container .section-highlights .title {
    font-size: 1.458333vw;
    color: #fff;
    font-weight: 500;
    line-height: 1.5
}

.s7pro-container .section-highlights .caption {
    margin-top: .833333vw;
    font-size: 1.145833vw;
    color: #fbf4ee;
    font-weight: 500;
    line-height: 1.5;
    display: block
}

.s7pro-container .section-highlights .controls-container {
    display: flex;
    justify-content: center
}

.s7pro-container .section-highlights .controls-wrapper {
    display: flex;
    align-items: center;
    height: 3.333333vw;
    padding-right: 1.041667vw;
    padding-left: 1.041667vw;
    border-radius: 999px;
    background-color: rgba(245, 245, 247, .08);
    background-color: #fff
}

.s7pro-container .section-highlights .arrownav-item {
    flex-shrink: 0;
    width: 2.083333vw;
    cursor: pointer;
    transition: opacity .3s;
    transition: opacity 300ms ease-out;
    outline: 0;
    will-change: opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media(hover: hover)and (pointer: fine) {
    .s7pro-container .section-highlights .arrownav-item:not(.arrownav-disabled):hover {
        opacity: .6
    }
}

.s7pro-container .section-highlights .arrownav-disabled {
    cursor: default;
    opacity: .3;
    transition: opacity 300ms ease-out
}

.s7pro-container .section-highlights .dotnav-list {
    display: flex;
    margin-right: .677083vw;
    margin-left: .677083vw
}

.s7pro-container .section-highlights .dotnav-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .520833vw;
    height: .520833vw;
    margin-right: .260417vw;
    margin-left: .260417vw;
    cursor: pointer;
    transition: opacity 300ms;
    opacity: .2;
    border-radius: 100%;
    outline: 0;
    background-color: #bb9f84
}

.s7pro-container .section-highlights .dotnav-item::before {
    position: absolute;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    padding: .260417vw;
    content: ""
}

@media(hover: hover)and (pointer: fine) {
    .s7pro-container .section-highlights .dotnav-item:hover {
        opacity: .6
    }
}

.s7pro-container .section-highlights .dotnav-item.current {
    cursor: default;
    opacity: .85
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .section-highlights {
        padding: 27.777778vw 0
    }

    .s7pro-container .section-highlights .caption-container {
        margin: 6.111111vw 6.666667vw;
        margin: 6.111111vw 5.277778vw 6.111111vw 6.666667vw
    }

    .s7pro-container .section-highlights .title {
        font-size: 4.444444vw;
        font-size: 5vw;
        font-weight: normal
    }

    .s7pro-container .section-highlights .caption {
        margin-top: 3.333333vw;
        font-size: 5.555556vw;
        font-size: 5vw;
        margin-top: 0;
        font-weight: normal;
        display: inline
    }

    .s7pro-container .section-highlights .controls-wrapper {
        height: 13.333333vw;
        padding-right: 1.666667vw;
        padding-left: 1.666667vw;
        padding-right: 0;
        padding-left: 0
    }

    .s7pro-container .section-highlights .arrownav-item {
        width: 13.333333vw
    }

    .s7pro-container .section-highlights .dotnav-list {
        margin-right: -0.555556vw;
        margin-left: -0.555556vw;
        margin-right: -1.666667vw;
        margin-left: -1.666667vw
    }

    .s7pro-container .section-highlights .dotnav-item {
        width: 2.222222vw;
        height: 2.222222vw;
        margin-right: 1.666667vw;
        margin-left: 1.666667vw
    }

    .s7pro-container .section-highlights .dotnav-item::before {
        padding: 1.666667vw
    }
}

.s7pro-container .rounded,
.s7pro-container .lg\:rounded {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: .833333vw
}

.s7pro-container .rounded-left {
    border-top-left-radius: .833333vw;
    border-bottom-left-radius: .833333vw
}

.s7pro-container .rounded-right {
    border-top-right-radius: .833333vw;
    border-bottom-right-radius: .833333vw
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .xs\:rounded {
        position: relative;
        z-index: 1;
        overflow: hidden
    }

    .s7pro-container .rounded,
    .s7pro-container .xs\:rounded {
        border-radius: 2.222222vw
    }

    .s7pro-container .lg\:rounded {
        border-radius: 0
    }

    .s7pro-container .rounded-left {
        border-top-left-radius: 2.222222vw;
        border-bottom-left-radius: 2.222222vw
    }

    .s7pro-container .rounded-right {
        border-top-right-radius: 2.222222vw;
        border-bottom-right-radius: 2.222222vw
    }
}

.s7pro-container .section-highlights .spec-item {
    position: absolute;
    left: 5.833333vw;
    bottom: 12.395833vw;
    bottom: 11.09375vw;
    z-index: 20;
    transform: translate3d(0, 0, 0)
}

.s7pro-container .section-highlights .spec-item .spec-item-des {
    color: #fff
}

.s7pro-container .section-highlights .spec-item .spec-item-mm {
    position: relative
}

.s7pro-container .section-highlights .spec-item .spec-item-mm>p {
    position: relative;
    z-index: 30
}

.s7pro-container .section-highlights .spec-item .spec-item-mm::after {
    font-size: 6.25vw;
    background-image: linear-gradient(113deg, #966948 8%, #EBCEB4 38%, #FEE1BF 64%, #966948 94%);
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(0, 0, 0, 0);
    position: absolute;
    left: 0;
    top: 0;
    content: attr(content);
    filter: blur(0.260417vw);
    font-weight: bold;
    line-height: 1.25;
    z-index: 20
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .section-highlights .spec-item {
        display: none
    }
}

.s7pro-container .thin-spec-items {
    position: absolute;
    left: 9.947917vw;
    top: 8.125vw
}

.s7pro-container .thin-spec-items .spec-item {
    width: 14.6875vw;
    height: 9.895833vw;
    background: linear-gradient(180deg, rgba(239, 221, 204, 0.5) 0%, rgba(225, 225, 225, 0.5) 100%);
    backdrop-filter: blur(0.208333vw) brightness(120%);
    -webkit-backdrop-filter: blur(0.208333vw) brightness(120%);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.s7pro-container .thin-spec-items .spec-item .spec-item-mm {
    color: #fff
}

.s7pro-container .thin-spec-items .spec-item .spec-item-des {
    color: #000
}

.s7pro-container .thin-spec-items .spec-item-2 {
    padding: 2.083333vw 1.354167vw 2.083333vw 1.145833vw
}

.s7pro-container .thin-spec-items .spec-item-3 {
    height: 12.03125vw;
    margin-top: 1.25vw;
    padding: 1.041667vw .354167vw 1.041667vw 1.145833vw
}

.s7pro-container .thin-spec-items .spec-item-3 img {
    width: 4.166667vw
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .thin-spec-items {
        left: 6.111111vw;
        top: 6.666667vw
    }

    .s7pro-container .thin-spec-items .spec-item {
        width: 37.916667vw;
        height: 26.388889vw;
        background: linear-gradient(180deg, rgba(239, 221, 204, 0.5) 0%, rgba(225, 225, 225, 0.5) 100%);
        backdrop-filter: blur(0.208333vw) brightness(120%);
        -webkit-backdrop-filter: blur(0.208333vw) brightness(120%)
    }

    .s7pro-container .thin-spec-items .spec-item-2 {
        padding: 4.166667vw 3.611111vw 4.166667vw 2.777778vw
    }

    .s7pro-container .thin-spec-items .spec-item-3 {
        margin-top: 3.333333vw;
        padding: 4.166667vw 3.611111vw 4.166667vw 2.777778vw
    }

    .s7pro-container .thin-spec-items .spec-item-3 img {
        width: 4.166667vw
    }
}

.s7pro-container .pop-btn {
    position: absolute;
    bottom: 4.166667vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    transform: translate3d(0, 0, 0);
    line-height: 0
}

.s7pro-container .pop-btn .icon-pop {
    height: 3.333333vw;
    border-radius: 3.333333vw;
    display: inline-block;
    overflow: hidden;
    transform: scale(1);
    -webkit-transform: scale(1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    line-height: 0
}

.s7pro-container .pop-btn .icon-pop .icon-pop-inner {
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: .9375vw;
    font-weight: 500;
    color: #fff;
    line-height: 1.6;
    background: rgba(244, 243, 243, .5);
    backdrop-filter: blur(0.104167vw) brightness(110%);
    -webkit-backdrop-filter: blur(0.104167vw) brightness(110%);
    padding: .833333vw .833333vw .833333vw 1.666667vw;
    transition: background .6s;
    position: relative;
    z-index: 30;
    cursor: pointer;
    overflow: hidden
}

.s7pro-container .pop-btn img {
    width: 1.666667vw;
    height: 1.666667vw;
    margin-left: .9375vw;
    display: inline-block
}

@media(min-aspect-ratio: 11/10) {
    .s7pro-container .pop-btn .icon-pop .icon-pop-inner:hover {
        background: rgba(244, 243, 243, .3);
        transition: background .6s
    }
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .pop-btn {
        bottom: 5.555556vw;
        height: 13.333333vw;
        height: auto
    }

    .s7pro-container .pop-btn .icon-pop {
        height: 13.333333vw;
        position: relative;
        border-radius: 13.333333vw;
        border-radius: 13.4vw
    }

    .s7pro-container .pop-btn .icon-pop .icon-pop-inner {
        font-size: 3.888889vw;
        padding: 3.333333vw 3.333333vw 3.333333vw 11.111111vw;
        background: rgba(244, 243, 243, 0);
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }

    .s7pro-container .pop-btn .icon-pop .pop-bg-0 {
        width: 1px;
        height: 0px;
        position: absolute;
        right: 24.305556vw;
        bottom: 4.861111vw;
        background: #e2b9b9;
        background: #ffb9b9;
        -webkit-backdrop-filter: blur(5.972222vw);
        backdrop-filter: blur(5.972222vw);
        -webkit-backdrop-filter: blur(0.1vw);
        backdrop-filter: blur(0.1vw)
    }

    .s7pro-container .pop-btn .icon-pop .pop-bg-1 {
        width: 38.055556vw;
        height: 10vw;
        position: absolute;
        right: 24.305556vw;
        bottom: 4.861111vw;
        background: #e2b9b9;
        filter: blur(5.972222vw)
    }

    .s7pro-container .pop-btn .icon-pop .pop-bg-2 {
        width: 38.055556vw;
        height: 10vw;
        position: absolute;
        left: 13.472222vw;
        bottom: 4.861111vw;
        background: #bb9f84;
        filter: blur(5.138889vw)
    }

    .s7pro-container .pop-btn .icon-pop .pop-bg-3 {
        width: 45.833333vw;
        height: 6.666667vw;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 10vw;
        background: #fbf4ee;
        filter: blur(5.555556vw)
    }

    .s7pro-container .pop-btn img {
        width: 6.666667vw;
        height: 6.666667vw;
        margin-left: 6.388889vw
    }
}

.s7pro-container .s7pro-title {
    width: 100%;
    position: relative;
    height: 200vh
}

.s7pro-container .s7pro-title .section-inner {
    display: flex;
    justify-self: center;
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh
}

.s7pro-container .s7pro-title .section-inner .section-inner-relative {
    position: relative;
    width: 100%;
    height: 100%
}

.s7pro-container .s7pro-title .section-pics {
    width: 100%;
    height: 100%
}

.s7pro-container .s7pro-title .section-pics .video-container {
    height: 100%
}

.s7pro-container .s7pro-title .section-pics .video-container video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.s7pro-container .s7pro-title .section-txtwrap {
    position: absolute;
    bottom: 57%;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 40
}

.s7pro-container .s7pro-title .section-txtwrap .section-txtwrap-inner {
    width: 100%;
    color: rgb(187, 159, 132);
}

.s7pro-container .s7pro-title .bg-white {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 30;
    background: #fff
}

.s7pro-container .s7pro-title .bg-brown {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: linear-gradient(to bottom, #806954 0%, #A88B6E 45%, rgb(255, 255, 255) 90%)
}

.s7pro-container .s7pro-title .spec-item-tit {
    display: inline-block
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .s7pro-title {
        height: auto
    }

    .s7pro-container .s7pro-title .section-inner {
        position: relative;
        flex-direction: column;
        height: auto
    }

    .s7pro-container .s7pro-title .section-inner .section-inner-relative {
        height: auto
    }

    .s7pro-container .s7pro-title .section-pics {
        height: auto
    }

    .s7pro-container .s7pro-title .section-pics .video-container {
        height: auto
    }

    .s7pro-container .s7pro-title .section-pics .video-container video {
        height: auto;
        -o-object-fit: unset;
        object-fit: unset
    }

    .s7pro-container .s7pro-title .section-txtwrap {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: 40
    }

    .s7pro-container .s7pro-title .section-txtwrap .section-txtwrap-inner h2 {
        color: #bb9f84
    }

    .s7pro-container .s7pro-title .section-txtwrap .section-txtwrap-inner>p {
        color: #707070
    }

    .s7pro-container .s7pro-title .bg-white {
        display: none
    }

    .s7pro-container .s7pro-title .bg-brown {
        display: none
    }

    .s7pro-container .spec-item-tit {
        position: relative
    }

    .s7pro-container .spec-item-tit>p {
        color: #fff;
        position: relative;
        z-index: 60
    }

    .s7pro-container .spec-item-tit::before {
        background-image: linear-gradient(113deg, #C1511F 8%, #FFD390 50%, #E19ECA 75%, #FFB4AA 85%, #F3FF62 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: rgba(0, 0, 0, 0);
        position: absolute;
        left: 0;
        top: -1vw;
        content: attr(content);
        filter: blur(1.527778vw);
        font-weight: bold;
        line-height: 1.25;
        z-index: 50
    }

    .s7pro-container .spec-item-tit::after {
        background-image: linear-gradient(113deg, #C1511F 8%, #FFD390 50%, #E19ECA 75%, #FFB4AA 85%, #F3FF62 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: rgba(0, 0, 0, 0);
        position: absolute;
        left: 0;
        top: 1vw;
        content: attr(content);
        filter: blur(2.5vw);
        font-weight: bold;
        line-height: 1.25;
        z-index: 50
    }
}

.s7pro-container .s7pro-super {
    width: 100%;
    overflow: hidden
}

.s7pro-container .s7pro-super .section-pics {
    position: relative
}

.s7pro-container .s7pro-super .bottom-switch-wrapper {
    position: absolute;
    bottom: 2.5vw;
    width: 100%;
    z-index: 10
}

.s7pro-container .s7pro-super .bottom-switch-wrapper .switch-btn-and-drag {
    display: flex;
    align-items: center;
    justify-content: center
}

.s7pro-container .s7pro-super .bottom-switch-wrapper .switch-btn-and-drag .switch-btn-wrapper {
    position: absolute;
    display: flex;
    width: 18.75vw;
    z-index: 30
}

.s7pro-container .s7pro-super .bottom-switch-wrapper .switch-btn-and-drag .switch-btn-wrapper .switch-btn-title {
    color: #fff;
    flex: 1 0 33.33%;
    text-align: center;
    cursor: pointer;
    transition: all .6s
}

.s7pro-container .s7pro-super .bottom-switch-wrapper .switch-btn-and-drag .switch-drag-wrapper {
    width: 19.166667vw;
    height: 2.916667vw;
    border-radius: 2.916667vw;
    padding: .208333vw;
    background: rgba(146, 85, 25, .5);
    backdrop-filter: blur(0.104167vw) brightness(110%);
    -webkit-backdrop-filter: blur(0.104167vw) brightness(110%)
}

.s7pro-container .s7pro-super .bottom-switch-wrapper .switch-btn-and-drag .switch-drag-wrapper .switch-drag-bar {
    width: 6.25vw;
    height: 2.5vw;
    border-radius: 2.5vw;
    background: linear-gradient(to bottom, #FFFFFF, #EFDDCC)
}

.s7pro-container .s7pro-super .bottom-switch-wrapper .switch-description-wrapper {
    width: 35.625vw;
    margin: 2.083333vw auto 0;
    position: relative
}

.s7pro-container .s7pro-super .bottom-switch-wrapper .switch-description-wrapper .switch-description {
    opacity: 0;
    z-index: 20;
    position: relative
}

.s7pro-container .s7pro-super .bottom-switch-wrapper .switch-description-wrapper .switch-description:not(:first-child) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.s7pro-container .s7pro-super .section-pics[data-index="0"] .bottom-switch-wrapper .switch-description-wrapper .switch-description:nth-child(1),
.s7pro-container .s7pro-super .section-pics[data-index="1"] .bottom-switch-wrapper .switch-description-wrapper .switch-description:nth-child(2),
.s7pro-container .s7pro-super .section-pics[data-index="2"] .bottom-switch-wrapper .switch-description-wrapper .switch-description:nth-child(3) {
    opacity: 1;
    transition: opacity .6s;
    z-index: 30
}

.s7pro-container .s7pro-super .section-pics[data-index="0"] .bottom-switch-wrapper .switch-btn-and-drag .switch-btn-wrapper .switch-btn-title:nth-child(1) {
    color: #c8a98b;
    transition: all .6s;
    cursor: default
}

.s7pro-container .s7pro-super .section-pics[data-index="1"] .bottom-switch-wrapper .switch-btn-and-drag .switch-btn-wrapper .switch-btn-title:nth-child(2),
.s7pro-container .s7pro-super .section-pics[data-index="2"] .bottom-switch-wrapper .switch-btn-and-drag .switch-btn-wrapper .switch-btn-title:nth-child(3) {
    color: #949494;
    transition: all .6s;
    cursor: default
}

.s7pro-container .s7pro-super .section-pics[data-index="0"] .bottom-switch-wrapper .switch-btn-and-drag .switch-drag-wrapper .switch-drag-bar {
    transform: translateX(0);
    transition: transform .6s
}

.s7pro-container .s7pro-super .section-pics[data-index="1"] .bottom-switch-wrapper .switch-btn-and-drag .switch-drag-wrapper .switch-drag-bar {
    transform: translateX(6.25vw);
    transition: transform .6s
}

.s7pro-container .s7pro-super .section-pics[data-index="2"] .bottom-switch-wrapper .switch-btn-and-drag .switch-drag-wrapper .switch-drag-bar {
    transform: translateX(12.5vw);
    transition: transform .6s
}

.s7pro-container .s7pro-super .section-pics[data-index="0"] .bottom-switch-wrapper .switch-btn-and-drag .switch-drag-wrapper {
    background: rgba(146, 85, 25, .5);
    transition: all .6s
}

.s7pro-container .s7pro-super .section-pics[data-index="1"] .bottom-switch-wrapper .switch-btn-and-drag .switch-drag-wrapper,
.s7pro-container .s7pro-super .section-pics[data-index="2"] .bottom-switch-wrapper .switch-btn-and-drag .switch-drag-wrapper {
    background: rgba(244, 243, 243, .5);
    transition: all .6s
}

@media(hover: hover)and (pointer: fine) {

    .s7pro-container .section-pics[data-index="0"] .bottom-switch-wrapper .switch-btn-and-drag .switch-btn-wrapper .switch-btn-title:nth-child(2):hover,
    .s7pro-container .section-pics[data-index="0"] .bottom-switch-wrapper .switch-btn-and-drag .switch-btn-wrapper .switch-btn-title:nth-child(3):hover,
    .s7pro-container .section-pics[data-index="1"] .bottom-switch-wrapper .switch-btn-and-drag .switch-btn-wrapper .switch-btn-title:nth-child(1):hover,
    .s7pro-container .section-pics[data-index="1"] .bottom-switch-wrapper .switch-btn-and-drag .switch-btn-wrapper .switch-btn-title:nth-child(3):hover,
    .s7pro-container .section-pics[data-index="2"] .bottom-switch-wrapper .switch-btn-and-drag .switch-btn-wrapper .switch-btn-title:nth-child(1):hover,
    .s7pro-container .section-pics[data-index="2"] .bottom-switch-wrapper .switch-btn-and-drag .switch-btn-wrapper .switch-btn-title:nth-child(2):hover {
        transition: all .6s;
        opacity: .6
    }
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .s7pro-super .super-swiper {
        overflow: hidden
    }

    .s7pro-container .s7pro-super .super-swiper .swiper-slide img {
        transform: scale(1.006)
    }

    .s7pro-container .s7pro-super .bottom-switch-wrapper {
        position: relative;
        bottom: 0;
        width: 100%;
        overflow: hidden;
        margin-top: 6.666667vw
    }

    .s7pro-container .s7pro-super .bottom-switch-wrapper .switch-btn-and-drag .switch-btn-wrapper {
        position: relative;
        width: auto;
        width: 32.222222vw
    }

    .s7pro-container .s7pro-super .bottom-switch-wrapper .switch-btn-and-drag .switch-btn-wrapper .switch-btn-title {
        color: #85858a;
        cursor: pointer;
        flex: 1 0 auto;
        position: relative;
        display: flex;
        justify-content: center;
        transition: color .6s
    }

    .s7pro-container .s7pro-super .bottom-switch-wrapper .switch-btn-and-drag .switch-drag-wrapper {
        display: none
    }

    .s7pro-container .s7pro-super .bottom-switch-wrapper .switch-description-wrapper {
        width: 77.777778vw;
        width: 72.5vw;
        margin: 8.333333vw auto 0
    }

    .s7pro-container .s7pro-super .bottom-switch-wrapper .switch-description-wrapper .switch-description {
        color: #85858a
    }

    .s7pro-container .s7pro-super .btn-loop-swiper .swiper-slide-active {
        color: #171718 !important;
        transition: color .6s
    }

    .s7pro-container .s7pro-super .section-pics[data-index="1"] .bottom-switch-wrapper .switch-description-wrapper .switch-description:nth-child(2),
    .s7pro-container .s7pro-super .section-pics[data-index="2"] .bottom-switch-wrapper .switch-description-wrapper .switch-description:nth-child(3) {
        color: #969699
    }

    .s7pro-container .s7pro-super .section-pics[data-index="0"] .bottom-switch-wrapper .switch-btn-and-drag .switch-btn-wrapper .switch-btn-title:nth-child(1) {
        color: #171718;
        transition: all .6s;
        cursor: default
    }

    .s7pro-container .s7pro-super .section-pics[data-index="1"] .bottom-switch-wrapper .switch-btn-and-drag .switch-btn-wrapper .switch-btn-title:nth-child(2),
    .s7pro-container .s7pro-super .section-pics[data-index="2"] .bottom-switch-wrapper .switch-btn-and-drag .switch-btn-wrapper .switch-btn-title:nth-child(3) {
        color: #171718;
        transition: all .6s;
        cursor: default
    }
}

.s7pro-container .s7pro-brightness {
    width: 100%;
    overflow: hidden
}

.s7pro-container .s7pro-brightness .section-pics {
    position: relative;
    background: #fff
}

.s7pro-container .s7pro-brightness .section-pics .brightness-swiper {
    position: relative
}

.s7pro-container .s7pro-brightness .refine-items-wrapper-1 {
    top: 8.697917vw;
    left: 3.75vw
}

.s7pro-container .s7pro-brightness .refine-items-wrapper-1 .refine-items-line {
    width: 6.197917vw;
    transform: translateY(-1.558333vw);
    overflow: hidden
}

.s7pro-container .s7pro-brightness .refine-items-wrapper-1 .refine-items-line img {
    width: 6.197917vw;
    margin-left: -0.35625vw
}

.s7pro-container .s7pro-brightness .refine-items-wrapper {
    position: absolute;
    display: flex;
    align-items: center
}

.s7pro-container .s7pro-brightness .refine-items-wrapper-2 {
    top: 5.989583vw;
    right: 2.8125vw
}

.s7pro-container .s7pro-brightness .refine-items-wrapper-2 .refine-items-line {
    width: 8.333333vw;
    transform: translateY(2.558333vw);
    overflow: hidden
}

.s7pro-container .s7pro-brightness .refine-items-wrapper-2 .refine-items-line img {
    width: 8.333333vw;
    margin-left: 1px
}

.s7pro-container .s7pro-brightness .refine-items-wrapper-3 {
    top: 21.40625vw;
    right: .9375vw
}

.s7pro-container .s7pro-brightness .refine-items-wrapper-3 .refine-items-line {
    width: 8.333333vw;
    transform: translateY(4.658333vw);
    overflow: hidden
}

.s7pro-container .s7pro-brightness .refine-items-wrapper-3 .refine-items-line img {
    width: 8.333333vw;
    margin-left: 3.120833vw
}

.s7pro-container .s7pro-brightness .refine-items-wrapper-4 {
    top: 12.708333vw;
    right: 3.645833vw
}

.s7pro-container .s7pro-brightness .refine-items-wrapper-4 .refine-items-line {
    width: 8.333333vw;
    transform: translateY(2.658333vw);
    overflow: hidden
}

.s7pro-container .s7pro-brightness .refine-items-wrapper-4 .refine-items-line img {
    width: 8.333333vw;
    margin-left: 1px
}

.s7pro-container .s7pro-brightness .refine-items {
    background: linear-gradient(180deg, rgba(244, 243, 243, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
    backdrop-filter: blur(0.15625vw) brightness(100%);
    -webkit-backdrop-filter: blur(0.15625vw) brightness(100%);
    display: flex;
    align-items: center;
    padding: .833333vw 1.041667vw .833333vw 1.666667vw
}

.s7pro-container .s7pro-brightness .refine-items .refine-item {
    box-sizing: border-box;
    width: 12.5vw;
    border: .104167vw solid #fff;
    padding: .260417vw;
    border-radius: .833333vw;
    position: relative
}

.s7pro-container .s7pro-brightness .refine-items .refine-item p {
    position: absolute;
    bottom: .416667vw;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center
}

.s7pro-container .s7pro-brightness .refine-items .refine-item img {
    border-radius: .416667vw
}

.s7pro-container .s7pro-brightness .refine-items .refine-item-before {
    margin-left: .833333vw
}

.s7pro-container .s7pro-brightness .refine-items .refine-item-title {
    width: 10.15625vw;
    text-align: center;
    color: #171718
}

.s7pro-container .s7pro-brightness .brightness-des {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    display: flex;
    z-index: 30;
    pointer-events: none
}

.s7pro-container .s7pro-brightness .brightness-des p {
    padding: 2.083333vw 2.083333vw 0;
    flex: 1 1 50%;
    color: #000;
    text-align: center
}

.s7pro-container .s7pro-brightness .moode2-thumb-title-wraper {
    position: absolute;
    bottom: 0;
    z-index: 30;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(180deg, rgba(225, 225, 225, 0.5) 0%, rgba(133, 133, 138, 0.5) 100%);
    backdrop-filter: blur(0.15625vw) brightness(100%);
    -webkit-backdrop-filter: blur(0.15625vw) brightness(100%);
    border-top-left-radius: 1.25vw;
    border-top-right-radius: 1.25vw;
    overflow: hidden
}

.s7pro-container .s7pro-brightness .moode2-thumb-title-wraper .thumb-title-items {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 1.666667vw 2.5vw
}

.s7pro-container .s7pro-brightness .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item {
    cursor: pointer;
    text-align: center;
    width: 7.291667vw;
    position: relative;
    pointer-events: all;
    opacity: .7;
    transition: opcity .6s
}

.s7pro-container .s7pro-brightness .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item .thumb-title-item-img {
    position: relative;
    width: 5.625vw;
    margin: 0 auto
}

.s7pro-container .s7pro-brightness .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item picture {
    box-sizing: border-box;
    width: 5.625vw;
    padding: .15625vw;
    border: .109375vw solid rgba(0, 0, 0, 0)
}

.s7pro-container .s7pro-brightness .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item picture img {
    border-radius: .416667vw
}

.s7pro-container .s7pro-brightness .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item picture::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    box-sizing: border-box;
    padding: .15625vw;
    border: .109375vw solid rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    border-radius: .677083vw
}

.s7pro-container .s7pro-brightness .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item .switch-btn-title {
    margin-top: .416667vw;
    color: #fff
}

.s7pro-container .s7pro-brightness .moode2-description-wrapper {
    position: relative;
    margin: 3.125vw auto 0
}

.s7pro-container .s7pro-brightness .moode2-description-wrapper .switch-description {
    opacity: 0;
    z-index: 20;
    position: relative
}

.s7pro-container .s7pro-brightness .moode2-description-wrapper .switch-description:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.s7pro-container .s7pro-brightness .section-pics[data-index="0"] .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item:nth-child(1) picture::after,
.s7pro-container .s7pro-brightness .section-pics[data-index="1"] .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item:nth-child(2) picture::after,
.s7pro-container .s7pro-brightness .section-pics[data-index="2"] .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item:nth-child(3) picture::after,
.s7pro-container .s7pro-brightness .section-pics[data-index="3"] .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item:nth-child(4) picture::after {
    border: .109375vw solid #fff;
    transition: border .6s
}

.s7pro-container .s7pro-brightness .section-pics[data-index="0"] .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item:nth-child(1),
.s7pro-container .s7pro-brightness .section-pics[data-index="1"] .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item:nth-child(2),
.s7pro-container .s7pro-brightness .section-pics[data-index="2"] .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item:nth-child(3),
.s7pro-container .s7pro-brightness .section-pics[data-index="3"] .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item:nth-child(4) {
    cursor: default
}

.s7pro-container .s7pro-brightness .section-pics[data-index="0"] .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item-1,
.s7pro-container .s7pro-brightness .section-pics[data-index="1"] .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item-2,
.s7pro-container .s7pro-brightness .section-pics[data-index="2"] .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item-3,
.s7pro-container .s7pro-brightness .section-pics[data-index="3"] .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item-4 {
    opacity: 1;
    transition: opacity .6s
}

.s7pro-container .s7pro-brightness .section-pics[data-index="0"] .moode2-description-wrapper .switch-description:nth-child(1),
.s7pro-container .s7pro-brightness .section-pics[data-index="1"] .moode2-description-wrapper .switch-description:nth-child(2),
.s7pro-container .s7pro-brightness .section-pics[data-index="2"] .moode2-description-wrapper .switch-description:nth-child(3),
.s7pro-container .s7pro-brightness .section-pics[data-index="3"] .moode2-description-wrapper .switch-description:nth-child(4) {
    opacity: 1;
    transition: opacity .6s;
    z-index: 30
}

.s7pro-container .s7pro-brightness .section-pics[data-index="0"] .brightness-des p,
.s7pro-container .s7pro-brightness .section-pics[data-index="2"] .brightness-des p {
    color: #000
}

.s7pro-container .s7pro-brightness .section-pics[data-index="1"] .brightness-des p,
.s7pro-container .s7pro-brightness .section-pics[data-index="3"] .brightness-des p {
    color: #fff
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .s7pro-brightness .section-txtwrap .tit-gradient-2 {
        background-image: none;
        color: #bb9f84
    }

    .s7pro-container .s7pro-brightness .section-pics {
        background: #fbf4ee
    }

    .s7pro-container .s7pro-brightness .brightness-des {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        display: flex;
        z-index: 30
    }

    .s7pro-container .s7pro-brightness .brightness-des p {
        padding: 4.444444vw 4.444444vw 0
    }

    .s7pro-container .s7pro-brightness .moode2-thumb-title-wraper {
        position: relative;
        bottom: 0;
        left: 0;
        transform: translateX(0);
        background: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .s7pro-container .s7pro-brightness .moode2-thumb-title-wraper .thumb-title-items {
        display: block;
        justify-content: flex-start;
        padding: 0
    }

    .s7pro-container .s7pro-brightness .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item {
        width: auto;
        width: 100%;
        opacity: 1
    }

    .s7pro-container .s7pro-brightness .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item .thumb-title-item-img {
        display: none
    }

    .s7pro-container .s7pro-brightness .moode2-thumb-title-wraper .thumb-title-items .thumb-title-item .switch-btn-title {
        margin-top: 0;
        color: #85858a;
        transition: color .6s
    }

    .s7pro-container .s7pro-brightness .btn-loop-swiper .swiper-slide-active .switch-btn-title {
        color: #171718 !important;
        transition: color .6s
    }

    .s7pro-container .s7pro-brightness .moode2-description-wrapper {
        position: relative;
        margin: 0 auto 0
    }

    .s7pro-container .s7pro-brightness .moode2-description-wrapper .switch-description {
        opacity: 0;
        z-index: 20;
        position: relative
    }

    .s7pro-container .s7pro-brightness .moode2-description-wrapper .switch-description:not(:first-child) {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .s7pro-container .s7pro-brightness .section-pics[data-index="2"] .brightness-des p {
        color: #fff
    }
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .btn-loop-swiper {
        width: 32.222222vw;
        margin-left: auto;
        margin-right: auto
    }

    .s7pro-container .btn-loop-swiper .swiper-slide {
        pointer-events: all
    }

    .s7pro-container .s7pro-brightness .moode2-thumb-title-wraper {
        padding-bottom: 8.333333vw
    }

    .s7pro-container .cover-item-font {
        width: 32.222222vw;
        height: 11.111111vw;
        overflow: hidden;
        border-radius: 11.111111vw;
        background: linear-gradient(113deg, #BB9F84 0%, #FBF4EE 55%, #BB9F84 90%, #A7887B 100%);
        position: relative;
        z-index: 30;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-shrink: 0
    }

    .s7pro-container .cover-item {
        display: flex;
        justify-content: center;
        margin-right: 3.333333vw
    }

    .s7pro-container .cover-item:last-child {
        margin-right: 0
    }

    .s7pro-container .cover-item-left .cover-item-inner,
    .s7pro-container .cover-item-right .cover-item-inner {
        overflow: hidden;
        display: flex
    }

    .s7pro-container .cover-item-left .cover-item-inner {
        justify-content: flex-end
    }

    .s7pro-container .sroll-wrap::before {
        content: "";
        position: absolute;
        top: 0;
        width: 13.611111vw;
        height: 18.055556vw;
        z-index: 90;
        left: 0;
        background: linear-gradient(to right, rgb(251, 244, 238), rgba(251, 244, 238, 0));
        pointer-events: none;
        transform: translate3d(0, 0, 0)
    }

    .s7pro-container .sroll-wrap::after {
        content: "";
        position: absolute;
        top: 0;
        width: 13.611111vw;
        height: 18.055556vw;
        z-index: 90;
        right: 0;
        background: linear-gradient(to left, rgb(251, 244, 238), rgba(251, 244, 238, 0));
        pointer-events: none;
        transform: translate3d(0, 0, 0)
    }

    .s7pro-container .cover-item::after {
        content: "";
        position: absolute;
        bottom: 0;
        background: linear-gradient(113deg, #1F4CC1 0%, #A6CCED 55%, #EBD176 90%, #E06736 100%);
        width: 28.611111vw;
        height: 4.583333vw;
        border-radius: 4.583333vw;
        z-index: 1;
        filter: blur(2.222222vw)
    }
}

.s7pro-container .s7pro-xiaoyi {
    width: 100%;
    overflow: hidden
}

.s7pro-container .s7pro-xiaoyi .xiaoyi-swiper {
    -webkit-perspective: 62.5vw;
    perspective: 62.5vw;
    overflow: visible;
    will-change: transform
}

.s7pro-container .s7pro-xiaoyi .xiaoyi-swiper .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform
}

.s7pro-container .s7pro-xiaoyi .xiaoyi-swiper .swiper-wrapper .swiper-slide {
    width: 66.666667vw;
    will-change: transform
}

.s7pro-container .s7pro-xiaoyi .xiaoyi-swiper .swiper-wrapper .swiper-slide>picture {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.s7pro-container .s7pro-xiaoyi .xiaoyi-arrow-des-wrapper {
    position: relative;
    width: 100%;
    min-height: 2.5vw;
    display: flex;
    align-items: center
}

.s7pro-container .s7pro-xiaoyi .xiaoyi-arrow-des-wrapper .description-wrapper {
    width: 46.354167vw;
    position: relative
}

.s7pro-container .s7pro-xiaoyi .xiaoyi-arrow-des-wrapper .description-wrapper .switch-description {
    opacity: 0
}

.s7pro-container .s7pro-xiaoyi .xiaoyi-arrow-des-wrapper .description-wrapper .switch-description:not(:first-child) {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

.s7pro-container .s7pro-xiaoyi .xiaoyi-arrow-des-wrapper .swiper-button-container {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 90
}

.s7pro-container .s7pro-xiaoyi .section-pics[data-index="0"] .xiaoyi-arrow-des-wrapper .description-wrapper .switch-description-1,
.s7pro-container .s7pro-xiaoyi .section-pics[data-index="1"] .xiaoyi-arrow-des-wrapper .description-wrapper .switch-description-2,
.s7pro-container .s7pro-xiaoyi .section-pics[data-index="2"] .xiaoyi-arrow-des-wrapper .description-wrapper .switch-description-3 {
    opacity: 1;
    transition: opacity .6s;
    z-index: 30
}

@media(hover: hover)and (pointer: fine) {
    .s7pro-container .s7pro-xiaoyi .swiper-slide:not(.swiper-slide-active):hover {
        cursor: pointer
    }
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .s7pro-xiaoyi .xiaoyi-swiper .swiper-wrapper .swiper-slide {
        width: 100%
    }

    .s7pro-container .s7pro-xiaoyi .xiaoyi-arrow-des-wrapper {
        min-height: 11.111111vw;
        min-height: auto;
        flex-direction: column
    }

    .s7pro-container .s7pro-xiaoyi .xiaoyi-arrow-des-wrapper .description-wrapper {
        width: 79.166667vw
    }

    .s7pro-container .s7pro-xiaoyi .xiaoyi-arrow-des-wrapper .swiper-button-container {
        margin-top: 8.333333vw;
        position: relative
    }
}

.s7pro-container .s7pro-operations {
    width: 100%;
    overflow: hidden
}

.s7pro-container .s7pro-operations .plus-items {
    position: absolute;
    top: 8.697917vw;
    left: 6.09375vw;
    z-index: 30;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.s7pro-container .s7pro-operations .plus-items .plus-item {
    color: #fff;
    cursor: pointer
}

.s7pro-container .s7pro-operations .plus-items .plus-item p {
    width: 14.270833vw;
    height: 3.333333vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: rgba(244, 243, 243, .5);
    border-radius: 3.333333vw;
    backdrop-filter: blur(0.104167vw) brightness(110%);
    -webkit-backdrop-filter: blur(0.104167vw) brightness(110%);
    padding: .833333vw .833333vw .833333vw 1.666667vw;
    color: #f4f3f3;
    opacity: .7;
    transition: opacity .6s
}

.s7pro-container .s7pro-operations .plus-items .plus-item p img {
    width: 1.666667vw;
    margin-right: .833333vw
}

.s7pro-container .s7pro-operations .plus-items .plus-item .more-item {
    background: rgba(244, 243, 243, .5);
    backdrop-filter: blur(0.104167vw) brightness(110%);
    -webkit-backdrop-filter: blur(0.104167vw) brightness(110%);
    width: 14.270833vw;
    height: 0;
    margin-top: 0;
    padding: 0 .833333vw 0 1.666667vw
}

.s7pro-container .s7pro-operations .plus-items .plus-item:not(:first-child) {
    margin-top: 1.666667vw
}

.s7pro-container .s7pro-operations .section-pics[data-index="0"] .plus-items .plus-item-1,
.s7pro-container .s7pro-operations .section-pics[data-index="1"] .plus-items .plus-item-2,
.s7pro-container .s7pro-operations .section-pics[data-index="2"] .plus-items .plus-item-3,
.s7pro-container .s7pro-operations .section-pics[data-index="3"] .plus-items .plus-item-4 {
    cursor: default
}

.s7pro-container .s7pro-operations .section-pics[data-index="0"] .plus-items .plus-item-1 .more-item,
.s7pro-container .s7pro-operations .section-pics[data-index="1"] .plus-items .plus-item-2 .more-item,
.s7pro-container .s7pro-operations .section-pics[data-index="2"] .plus-items .plus-item-3 .more-item,
.s7pro-container .s7pro-operations .section-pics[data-index="3"] .plus-items .plus-item-4 .more-item {
    padding: .833333vw .833333vw .833333vw 1.666667vw;
    height: 6.354167vw;
    height: auto;
    margin-top: .625vw;
    transition: height .6s, padding .6s
}

.s7pro-container .s7pro-operations .section-pics[data-index="0"] .plus-items .plus-item-1 p,
.s7pro-container .s7pro-operations .section-pics[data-index="1"] .plus-items .plus-item-2 p,
.s7pro-container .s7pro-operations .section-pics[data-index="2"] .plus-items .plus-item-3 p,
.s7pro-container .s7pro-operations .section-pics[data-index="3"] .plus-items .plus-item-4 p {
    color: #fff;
    transition: color .6s, opacity .6s;
    opacity: 1
}

@media(min-width: 790px)and (max-width: 803px) {
    .s7pro-container .s7pro-operations .plus-items .plus-item .more-item {
        width: 15.270833vw
    }
}

@media(hover: hover)and (pointer: fine) {
    .s7pro-container .s7pro-operations .plus-items .plus-item p:hover {
        opacity: 1;
        transition: opacity .6s
    }
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .s7pro-operations .plus-items {
        display: none
    }

    .s7pro-container .s7pro-operations .swiper-wrapper {
        flex-direction: column
    }

    .s7pro-container .s7pro-operations .swiper-wrapper .swiper-slide:not(:first-child) {
        margin-top: 11.111111vw
    }

    .s7pro-container .s7pro-operations .swiper-wrapper .swiper-slide-4 .text-wrap {
        width: 81vw;
        margin-left: 6.666667vw
    }
}

.s7pro-container .s7pro-tv {
    width: 100%;
    overflow: hidden
}

.s7pro-container .s7pro-assistance {
    width: 100%;
    overflow: hidden
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .s7pro-assistance .assistance-swiper {
        width: 100%;
        overflow: hidden
    }

    .s7pro-container .s7pro-assistance .assistance-swiper .swiper-slide img {
        transform: scale(1.006)
    }
}

.s7pro-container .s7pro-life {
    width: 100%;
    overflow: hidden
}

.s7pro-container .s7pro-life .life-swiper .swiper-slide {
    width: 40.885417vw;
    position: relative
}

.s7pro-container .s7pro-life .life-swiper .swiper-slide .text-wrap {
    position: absolute;
    left: 2.5vw;
    bottom: 2.5vw;
    width: 24.375vw;
    color: #fff;
    opacity: 0;
    transform: translate3d(0, 0, 0)
}

.s7pro-container .s7pro-life .life-swiper .swiper-slide:not(.swiper-slide-active) {
    cursor: pointer
}

.s7pro-container .s7pro-life .life-swiper .swiper-slide-active {
    cursor: default
}

.s7pro-container .s7pro-life .life-swiper .swiper-slide-active .text-wrap {
    opacity: 1;
    transition: opacity .6s
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .s7pro-life .life-swiper {
        width: 100%;
        overflow: hidden
    }

    .s7pro-container .s7pro-life .life-swiper .swiper-slide {
        width: 100%
    }

    .s7pro-container .s7pro-life .life-swiper .swiper-slide .text-wrap {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        width: 79.444444vw;
        margin-left: auto;
        margin-right: auto;
        color: #969699;
        opacity: 0
    }

    .s7pro-container .s7pro-life .life-swiper .swiper-slide .text-wrap h3 {
        color: #bb9f84
    }

    .s7pro-container .s7pro-life .life-swiper .swiper-slide-active .text-wrap {
        opacity: 1;
        transition: opacity .6s
    }
}

.s7pro-container .s7pro-sound {
    position: relative;
    background: #fff
}

.s7pro-container .s7pro-sound .section-txtwrap {
    position: absolute;
    top: 13.697917vw;
    left: 0;
    right: 0;
    z-index: 30
}

.s7pro-container .s7pro-sound .section-txtwrap .icon-items {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.916667vw
}

.s7pro-container .s7pro-sound .section-txtwrap .icon-items .icon-item>p {
    color: #fff
}

.s7pro-container .s7pro-sound .section-txtwrap .icon-items .icon-item .spec-item-mm {
    position: relative
}

.s7pro-container .s7pro-sound .section-txtwrap .icon-items .icon-item .spec-item-mm p {
    position: relative;
    z-index: 30;
    background-image: linear-gradient(113deg, #D9BFAF 10%, #FEF6F0 30%, #FDF1E5 60%, #946448 90%);
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(0, 0, 0, 0)
}

.s7pro-container .s7pro-sound .section-txtwrap .icon-items .icon-item .spec-item-mm::after {
    font-size: 6.25vw;
    background-image: linear-gradient(113deg, #966948 10%, #EBCEB4 40%, #FEE1BF 70%, #95613D 90%);
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(0, 0, 0, 0);
    position: absolute;
    left: 0;
    top: 0;
    content: attr(content);
    filter: blur(0.260417vw);
    font-weight: normal;
    line-height: 1.25;
    z-index: 20
}

.s7pro-container .s7pro-sound .section-txtwrap .icon-items .icon-item-2 {
    margin-left: 8.333333vw
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .s7pro-sound {
        margin-top: 27.777778vw;
        background: #fbf4ee
    }

    .s7pro-container .s7pro-sound .section-txtwrap {
        position: absolute;
        top: 0
    }

    .s7pro-container .s7pro-sound .section-txtwrap .tit-gradient-4 {
        background-image: none;
        color: #bb9f84
    }

    .s7pro-container .s7pro-sound .section-txtwrap .icon-items {
        margin-top: 5.555556vw
    }

    .s7pro-container .s7pro-sound .section-txtwrap .icon-items .icon-item>p {
        color: #000
    }

    .s7pro-container .s7pro-sound .section-txtwrap .icon-items .icon-item .spec-item-mm p {
        position: relative;
        z-index: 30;
        background-image: linear-gradient(113deg, #D9BFAF 10%, #FEF6F0 30%, #FDF1E5 60%, #946448 90%);
        -webkit-background-clip: text;
        background-clip: text;
        color: rgba(0, 0, 0, 0);
        letter-spacing: -1vw
    }

    .s7pro-container .s7pro-sound .section-txtwrap .icon-items .icon-item .spec-item-mm::after {
        font-size: 13.333333vw;
        background-image: linear-gradient(113deg, #966948 10%, #EBCEB4 40%, #FEE1BF 70%, #95613D 90%);
        -webkit-background-clip: text;
        background-clip: text;
        color: rgba(0, 0, 0, 0);
        position: absolute;
        left: 0;
        top: 0;
        content: attr(content);
        filter: blur(0.260417vw);
        font-weight: normal;
        line-height: 1.25;
        z-index: 20;
        letter-spacing: -1vw
    }

    .s7pro-container .s7pro-sound .section-txtwrap .icon-items .icon-item-2 {
        margin-left: 8.333333vw
    }
}

.s7pro-container .s7pro-friendly {
    width: 100%;
    overflow: hidden
}

.s7pro-container .s7pro-friendly .section-txtwrap {
    position: relative
}

.s7pro-container .s7pro-friendly .section-txtwrap h2,
.s7pro-container .s7pro-friendly .section-txtwrap p {
    opacity: 0;
    z-index: 10;
    position: relative
}

.s7pro-container .s7pro-friendly .section-txtwrap h2:not(:first-child),
.s7pro-container .s7pro-friendly .section-txtwrap p:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.s7pro-container .s7pro-friendly .swiper-slide .desp {
    position: absolute;
    bottom: 1.145833vw;
    right: 1.145833vw;
    z-index: 30;
    transform: translate3d(0, 0, 0)
}

.s7pro-container .s7pro-friendly .spec-arrow-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items {
    display: flex;
    align-items: center;
    position: relative
}

.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item {
    min-height: 4.166667vw;
    opacity: 0;
    display: flex;
    align-items: flex-start;
    position: relative;
    z-index: 20
}

.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item .icon-items {
    margin-left: 5.416667vw;
    display: flex;
    align-items: flex-start
}

.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item .icon-items .icon-item {
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center
}

.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item .icon-items .icon-item img,
.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item .icon-items .icon-item svg {
    margin-right: .416667vw
}

.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item img,
.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item svg {
    width: 2.916667vw;
    height: 2.916667vw
}

.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item p {
    color: #171718;
    font-weight: normal
}

.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item:not(:first-child) {
    margin-left: 1.25vw
}

.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item-1 p,
.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item-2 p,
.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item-3 p,
.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item-5 p {
    width: 6.770833vw
}

.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item-4 p {
    width: 4.166667vw
}

.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-2 .icon-item img,
.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-2 .icon-item svg {
    width: 4.166667vw;
    height: 4.166667vw
}

.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-2 .icon-item p {
    color: #bb9f84;
    width: 4.166667vw
}

.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-2 .icon-item:not(:first-child) {
    margin-left: 1.25vw
}

.s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item:not(:first-child) {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.s7pro-container .s7pro-friendly[data-index="0"] h2:nth-child(1),
.s7pro-container .s7pro-friendly[data-index="1"] h2:nth-child(2) {
    opacity: 1;
    transition: opacity .6s;
    z-index: 20
}

.s7pro-container .s7pro-friendly[data-index="0"] p:nth-child(1),
.s7pro-container .s7pro-friendly[data-index="1"] p:nth-child(2) {
    opacity: 1;
    transition: opacity .6s;
    z-index: 20
}

.s7pro-container .s7pro-friendly[data-index="0"] .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1,
.s7pro-container .s7pro-friendly[data-index="1"] .spec-arrow-wrapper .eye-spec-items .eye-spec-item-2 {
    opacity: 1;
    transition: opacity 1.2s;
    z-index: 30
}

@media(min-width: 790px)and (max-width: 803px) {
    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item-3 p {
        width: 7.4vw
    }
}

@media(hover: hover)and (pointer: fine) {
    .s7pro-container .s7pro-friendly .swiper-slide:not(.swiper-slide-active):hover {
        cursor: pointer
    }
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .s7pro-friendly .section-pics {
        margin-left: 4.444444vw !important
    }

    .s7pro-container .s7pro-friendly .swiper-slide {
        width: 88.888889vw
    }

    .s7pro-container .s7pro-friendly .section-txtwrap {
        text-align: center
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items {
        margin-left: auto;
        margin-right: auto
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item {
        flex-direction: column-reverse
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item .icon-items {
        margin-left: auto;
        margin-right: auto
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item .icon-items .icon-item {
        flex-direction: column
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item img,
    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item svg {
        width: 7.777778vw;
        height: 7.777778vw
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item p {
        margin-top: 2.083333vw
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item:not(:first-child) {
        margin-left: 1.666667vw
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item-1 p,
    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item-2 p,
    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item-3 p,
    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item-5 p {
        width: 100%
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item-4 p {
        width: 100%
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item-1,
    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item-2,
    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item-3,
    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item-5 {
        width: 18.055556vw
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .icon-item-4 {
        width: 11.111111vw
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-1 .spec-item-description {
        width: 77.777778vw;
        margin-top: 4.166667vw
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-2 .icon-item img,
    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-2 .icon-item svg {
        width: 11.111111vw;
        height: 11.111111vw
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-2 .icon-item p {
        margin-top: 1.111111vw;
        width: 100%
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-2 .icon-item:not(:first-child) {
        margin-left: 3.333333vw
    }

    .s7pro-container .s7pro-friendly .spec-arrow-wrapper .eye-spec-items .eye-spec-item-2 .spec-item-description {
        width: 77.777778vw;
        margin-top: 4.166667vw
    }

    .s7pro-container .s7pro-friendly .swiper-button-container {
        margin-top: 8.333333vw
    }
}

.s7pro-container .swiper-button-prev:after,
.s7pro-container .swiper-rtl .swiper-button-next:after {
    content: ""
}

.s7pro-container .swiper-button-next:after,
.s7pro-container .swiper-rtl .swiper-button-prev:after {
    content: ""
}

.s7pro-container .swiper-button-container {
    position: relative;
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    justify-content: flex-end;
    padding-bottom: .1px;
    z-index: 30
}

.s7pro-container .swiper-button-container .swiper-button-p {
    margin-right: 1.25vw
}

.s7pro-container .swiper-pagination-fraction {
    color: #171718
}

.s7pro-container .s7pro-performance .section-txtwrap {
    background: #fffaf5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 4.166667vw 12.5vw 4.166667vw 13.697917vw
}

.s7pro-container .s7pro-performance .section-txtwrap h2 {
    order: 1
}

.s7pro-container .s7pro-performance .section-txtwrap>p {
    order: 3;
    width: 100%
}

.s7pro-container .s7pro-performance .section-txtwrap .spec-item-3 {
    order: 2;
    width: 15.625vw;
    margin-left: 3.333333vw
}

.s7pro-container .s7pro-performance .section-txtwrap .bar-item .bar-brown {
    background-image: linear-gradient(to right, #BB9F84, #EFDDCC)
}

.s7pro-container .s7pro-performance .section-txtwrap .bar-item .bar {
    height: .3125vw
}

.s7pro-container .s7pro-performance .section-txtwrap .bar-item .bar-anim {
    width: 100%;
    transform: translateX(-100%)
}

.s7pro-container .s7pro-performance .section-txtwrap .bar-item .bar-mask {
    width: 100%;
    overflow: hidden
}

.s7pro-container .s7pro-performance .section-txtwrap .bar-item .bar-rounded {
    border-radius: .3125vw
}

.s7pro-container .s7pro-performance .section-txtwrap .bar-item .bar-row {
    opacity: 0
}

.s7pro-container .s7pro-performance .section-txtwrap .bar-item.animated .bar-row {
    transition: opacity 1s;
    opacity: 1
}

.s7pro-container .s7pro-performance .section-txtwrap .bar-item .bar-light {
    position: absolute;
    bottom: .15625vw;
    left: 0
}

.s7pro-container .s7pro-performance .section-txtwrap .bar-item.animated .bar-anim {
    transition: transform 1s ease;
    transform: translateX(0%)
}

.s7pro-container .s7pro-performance .section-txtwrap .bar-item .badge-content {
    position: relative;
    z-index: 1;
    margin-top: -2.291667vw;
    box-sizing: border-box
}

.s7pro-container .s7pro-performance .section-txtwrap .bar-item .badge-value {
    position: relative;
    overflow: hidden;
    height: 1em;
    font-size: 4.166667vw;
    font-weight: 200;
    line-height: 1;
    color: #85858a
}

.s7pro-container .s7pro-performance .section-txtwrap .bar-item .badge-number {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    height: var(--number-height);
    text-align: center;
    line-height: var(--number-height)
}

.s7pro-container .s7pro-performance .section-txtwrap .bar-item .badge-number span {
    line-height: var(--number-height)
}

.s7pro-container .s7pro-performance .section-txtwrap .bar-item .badge-icon {
    width: 1.354167vw;
    height: 2.083333vw;
    margin-top: 1.6vw;
    margin-left: .520833vw
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .s7pro-performance {
        margin-top: 16.666667vw
    }

    .s7pro-container .s7pro-performance .section-txtwrap {
        background: none;
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: flex-start;
        padding: 0
    }

    .s7pro-container .s7pro-performance .section-txtwrap h2 {
        order: 1
    }

    .s7pro-container .s7pro-performance .section-txtwrap>p {
        order: 2
    }

    .s7pro-container .s7pro-performance .section-txtwrap .spec-item-3 {
        order: 3;
        width: 41.666667vw;
        margin-left: 0
    }

    .s7pro-container .s7pro-performance .section-txtwrap .bar-item .bar {
        height: .833333vw
    }

    .s7pro-container .s7pro-performance .section-txtwrap .bar-item .bar-rounded {
        border-radius: .416667vw
    }

    .s7pro-container .s7pro-performance .section-txtwrap .bar-item .bar-light {
        bottom: .416667vw
    }

    .s7pro-container .s7pro-performance .section-txtwrap .bar-item .badge-content {
        margin-top: -5.7vw;
        flex-direction: row
    }

    .s7pro-container .s7pro-performance .section-txtwrap .bar-item .badge-value {
        font-size: 11.111111vw;
        flex-direction: row
    }

    .s7pro-container .s7pro-performance .section-txtwrap .bar-item .badge-icon {
        width: 3.611111vw;
        height: 5.555556vw;
        margin-top: 4vw;
        margin-left: 1.666667vw
    }
}

.s7pro-container .swiper-button-container .swiper-button {
    width: 2.5vw;
    height: 2.5vw;
    overflow: visible;
    cursor: pointer
}

.s7pro-container .swiper-button-container .swiper-button svg {
    width: 100%;
    height: 100%;
    overflow: visible
}

.s7pro-container .swiper-button-container .swiper-button-disabled {
    opacity: .5;
    opacity: .3;
    transition: opacity .6s;
    cursor: default
}

.s7pro-container .swiper-button-container .swiper-button-disabled .shine-circle-2:hover {
    background-image: none
}

@media(hover: hover)and (pointer: fine) {
    .s7pro-container .swiper-button-container .swiper-button:not(.swiper-button-disabled) {
        transition: opacity .6s
    }

    .s7pro-container .swiper-button-container .swiper-button:not(.swiper-button-disabled):hover {
        opacity: .6
    }
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .swiper-button-container {
        width: 82.222222vw;
        width: 86.666667vw;
        margin-left: auto;
        margin-right: auto
    }

    .s7pro-container .swiper-button-container .swiper-button {
        width: 11.111111vw;
        height: 11.111111vw
    }

    .s7pro-container .swiper-button-container .swiper-button-p {
        margin-right: 5.555556vw
    }
}

.s7pro-container .bot-bg-container {
    width: 100%;
    height: 9.375vw;
    overflow: hidden
}

.s7pro-container .bot-bg-container .bot-bg-content {
    width: 100%;
    height: 100%;
    position: relative;
    transform-origin: top center;
    transition: transform .6s
}

.s7pro-container .bot-bg-brown {
    overflow: hidden;
    position: absolute;
    width: 260.4375vw;
    height: 248.4375vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 0
}

.s7pro-container .bot-bg-brown::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    border-radius: 50%
}

.s7pro-container .bot-bg-white {
    overflow: hidden;
    position: absolute;
    width: 271.4375vw;
    height: 248.4375vw;
    width: 291.4375vw;
    height: 248.4375vw;
    top: .78125vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 1
}

.s7pro-container .bot-bg-white::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .bot-bg-container {
        height: 27.777778vw
    }

    .s7pro-container .bot-bg-brown {
        width: 260.4375vw;
        height: 248.4375vw
    }

    .s7pro-container .bot-bg-white {
        width: 271.4375vw;
        height: 248.4375vw;
        top: 4.78125vw
    }
}

.s7pro-container .s7pro-projection .app-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.s7pro-container .s7pro-projection .app-items .app-item {
    display: flex
}

.s7pro-container .s7pro-projection .app-items .app-item img {
    width: 1.666667vw
}

.s7pro-container .s7pro-projection .app-items .app-item p {
    margin-left: .416667vw;
    color: #4d4d4d
}

.s7pro-container .s7pro-projection .app-items .app-item {
    margin-left: 2.083333vw
}

.s7pro-container .s7pro-projection .app-items .app-item-1 {
    margin-left: 0
}

.s7pro-container .s7pro-projection .spec-items {
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.s7pro-container .s7pro-projection .spec-items .spec-item {
    width: 19.791667vw;
    text-align: center;
    position: relative
}

.s7pro-container .s7pro-projection .spec-items .spec-item .spec-item-img {
    width: 16.666667vw;
    margin: 0 auto
}

.s7pro-container .s7pro-projection .spec-items .spec-item .text-wrap {
    color: #171718;
    margin-top: .416667vw;
    width: 15.208333vw;
    margin-left: auto;
    margin-right: auto
}

.s7pro-container .s7pro-projection .spec-items .spec-item .text-wrap p {
    margin-top: .833333vw;
    margin-top: .260417vw
}

.s7pro-container .s7pro-projection .spec-items .spec-item:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 5.208333vw;
    background: rgba(112, 112, 112, .4);
    display: block;
    margin-top: 26%;
    position: absolute;
    left: 0;
    top: 0
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .s7pro-projection .section-txtwrap .tit-gradient-3 {
        background-image: none;
        color: #bb9f84
    }

    .s7pro-container .s7pro-projection .app-items .app-item {
        display: flex
    }

    .s7pro-container .s7pro-projection .app-items .app-item img {
        width: 4.444444vw
    }

    .s7pro-container .s7pro-projection .app-items .app-item p {
        margin-left: 1.111111vw
    }

    .s7pro-container .s7pro-projection .app-items .app-item {
        margin-left: 5.555556vw
    }

    .s7pro-container .s7pro-projection .app-items .app-item-1,
    .s7pro-container .s7pro-projection .app-items .app-item-4 {
        margin-left: 0
    }

    .s7pro-container .s7pro-projection .app-items .app-item:nth-child(n+4) {
        margin-top: 2.222222vw
    }

    .s7pro-container .s7pro-projection .spec-items {
        width: 100%;
        flex-direction: column
    }

    .s7pro-container .s7pro-projection .spec-items .spec-item {
        width: 82.222222vw;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .s7pro-container .s7pro-projection .spec-items .spec-item .spec-item-img {
        width: 30.833333vw;
        width: 26.833333vw;
        height: 18.333333vw
    }

    .s7pro-container .s7pro-projection .spec-items .spec-item .spec-item-img picture {
        width: 53.444444vw;
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .s7pro-container .s7pro-projection .spec-items .spec-item .text-wrap {
        margin-top: 0;
        margin-left: 4.166667vw;
        width: 51.111111vw
    }

    .s7pro-container .s7pro-projection .spec-items .spec-item .text-wrap p {
        margin-top: 2.222222vw
    }

    .s7pro-container .s7pro-projection .spec-items .spec-item-2 .spec-item-img picture {
        width: 60vw
    }

    .s7pro-container .s7pro-projection .spec-items .spec-item:not(:first-child) {
        margin-top: 8.333333vw
    }

    .s7pro-container .s7pro-projection .spec-items .spec-item:not(:first-child)::before {
        content: "";
        display: none
    }
}

.s7pro-container .popup-swiper {
    margin: 0 auto
}

.s7pro-container .popup-swiper .swiper-slide {
    position: relative
}

.s7pro-container .popup-swiper .swiper-slide>picture::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 7.291667vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    bottom: 0;
    transform: translate3d(0, 0, 0);
    z-index: 40
}

.s7pro-container .popup-swiper .pop-title {
    position: absolute;
    left: 2.5vw;
    bottom: 2.083333vw;
    width: 92%;
    color: #fff;
    transform: translate3d(0, 0, 0);
    z-index: 40
}

@media(hover: hover)and (pointer: fine) {
    .s7pro-container .s7pro-vip .section-swiper .icon-pop:hover {
        background: rgba(128, 128, 128, .6);
        background: rgba(225, 225, 227, .6)
    }
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .s7pro-vip {
        background: none
    }

    .s7pro-container .s7pro-vip .section-txtwrap {
        padding: 0 0 0 0;
        width: 82.222222vw
    }

    .s7pro-container .s7pro-vip .section-mob-wrap {
        position: relative;
        margin-top: 0;
        width: 91.111111vw;
        width: 100%
    }

    .s7pro-container .s7pro-vip .icon-items {
        width: 51.111111vw;
        margin-left: 4.166667vw;
        margin-left: 6.111111vw;
        padding: 0
    }

    .s7pro-container .s7pro-vip .icon-items .icon-item {
        width: 25.555556vw
    }

    .s7pro-container .s7pro-vip .icon-items .icon-item img {
        width: 6.944444vw
    }

    .s7pro-container .s7pro-vip .icon-items .icon-item:nth-child(4n-3) {
        margin-right: 0
    }

    .s7pro-container .s7pro-vip .icon-items .icon-item:nth-child(4n-2) {
        margin-right: 0
    }

    .s7pro-container .s7pro-vip .icon-items .icon-item:nth-child(4n-1) {
        margin-right: 0
    }

    .s7pro-container .s7pro-vip .icon-items .icon-item:nth-child(n+3) {
        margin-top: 4.444444vw
    }

    .s7pro-container .s7pro-vip .icon-items .icon-item-1 {
        order: 1
    }

    .s7pro-container .s7pro-vip .icon-items .icon-item-2 {
        order: 2
    }

    .s7pro-container .s7pro-vip .icon-items .icon-item-3 {
        order: 6
    }

    .s7pro-container .s7pro-vip .icon-items .icon-item-4 {
        order: 7
    }

    .s7pro-container .s7pro-vip .icon-items .icon-item-5 {
        order: 3
    }

    .s7pro-container .s7pro-vip .icon-items .icon-item-6 {
        order: 4
    }

    .s7pro-container .s7pro-vip .icon-items .icon-item-7 {
        order: 5
    }

    .s7pro-container .s7pro-vip .icon-items .icon-item-8 {
        order: 8
    }

    .s7pro-container .s7pro-vip .icon-items .icon-item-4,
    .s7pro-container .s7pro-vip .icon-items .icon-item-8 {
        width: 25.555556vw
    }

    .s7pro-container .s7pro-vip .section-pics {
        top: 13.333333vw;
        width: 40.694444vw;
        width: 54.166667vw;
        right: -10.555556vw
    }

    .s7pro-container .s7pro-vip .section-swiper {
        position: relative;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 11.111111vw;
        padding-left: 0;
        top: 0
    }

    .s7pro-container .s7pro-vip .section-swiper .dushuhui-swiper {
        width: 91.111111vw;
        margin-left: auto;
        margin-right: auto
    }

    .s7pro-container .s7pro-vip .section-swiper .swiper-slide {
        width: 56.805556vw;
        width: 100%;
        margin-right: 0
    }

    .s7pro-container .s7pro-vip .section-swiper .swiper-slide>picture::after {
        content: "";
        display: none
    }

    .s7pro-container .s7pro-vip .section-swiper>p {
        text-align: center
    }

    .s7pro-container .s7pro-vip .section-swiper .icon-pop {
        width: 8.888889vw;
        height: 8.888889vw;
        border-radius: 8.888889vw;
        right: 4.444444vw;
        bottom: 4.444444vw;
        background: rgba(128, 128, 128, .6);
        -webkit-backdrop-filter: brightness(140%) blur(0.416667vw);
        backdrop-filter: brightness(140%) blur(0.416667vw)
    }

    .s7pro-container .s7pro-vip .section-swiper .pop-title {
        left: 3.333333vw;
        bottom: 3.333333vw
    }

    .s7pro-container .s7pro-vip .swiper-button-container {
        width: 100%;
        margin-top: 1.041667vw
    }

    .s7pro-container .popup-swiper {
        width: 100%;
        margin: 0 auto;
        padding-left: 4.444444vw;
        padding-right: 8.888889vw
    }

    .s7pro-container .popup-swiper .swiper-slide {
        width: 86.666667vw;
        margin-right: 4.444444vw
    }

    .s7pro-container .popup-swiper .swiper-slide>picture::after {
        content: "";
        display: none
    }

    .s7pro-container .popup-swiper .pop-title {
        position: relative;
        left: 0;
        bottom: auto;
        margin: 5.833333vw 2.5vw 0;
        font-weight: 500;
        color: #000
    }
}

.s7pro-container .section-modal .section-content {
    width: 100%;
    overflow: hidden
}

.s7pro-container .popup-swiper .swiper-slide {
    margin-right: 1.25vw
}

.s7pro-container .popup-swiper .swiper-slide:last-child {
    margin-right: 0
}

.s7pro-container .section-modal .swiper-button-prev,
.s7pro-container .section-modal .swiper-rtl .swiper-button-next {
    left: 1.666667vw
}

.s7pro-container .section-modal .swiper-button-next,
.s7pro-container .section-modal .swiper-rtl .swiper-button-prev {
    right: 1.666667vw
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .popup-swiper .swiper-slide {
        margin-right: 4.444444vw
    }

    .s7pro-container .section-modal .swiper-button-prev,
    .s7pro-container .section-modal .swiper-rtl .swiper-button-next {
        left: 1.666667vw
    }

    .s7pro-container .section-modal .swiper-button-next,
    .s7pro-container .section-modal .swiper-rtl .swiper-button-prev {
        right: 1.666667vw
    }
}

.s7pro-container .s7pro-vip .text-btn-des-container {
    display: none
}

.s7pro-container .text-btn-des-container {
    width: 100%;
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.s7pro-container .text-btn-des-container .text-btn-bar-wrap .text-btn-wrap {
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.s7pro-container .text-btn-des-container .text-btn-bar-wrap .text-btn-wrap .text-btn {
    font-weight: 500;
    line-height: 1.25;
    color: #171718;
    cursor: pointer;
    opacity: .4;
    transition: opacity .6s;
    will-change: opacity
}

.s7pro-container .text-btn-des-container .text-btn-bar-wrap .text-btn-wrap .text-btn:not(:last-child) {
    margin-right: 2.916667vw
}

.s7pro-container .text-btn-des-container .swiper-scrollbar {
    margin-top: .833333vw;
    width: 100%;
    height: .208333vw;
    border-radius: .208333vw;
    background: #efddcc
}

.s7pro-container .text-btn-des-container .swiper-scrollbar .swiper-scrollbar-drag {
    width: 5.677083vw;
    border-radius: .208333vw;
    height: 100%;
    background-image: linear-gradient(95deg, #85858A, #BB9F84, #EFDDCC);
    transition: all .6s
}

.s7pro-container .text-btn-des-container .text-des-wrap {
    width: 36.083333vw;
    margin: 2.083333vw auto 0;
    margin: 1.25vw auto 0;
    position: relative
}

.s7pro-container .text-btn-des-container .text-des-wrap .text-des {
    font-size: 1.145833vw
}

.s7pro-container .text-btn-des-container .text-des-wrap .text-des p {
    opacity: 0
}

.s7pro-container .text-btn-des-container .text-des-wrap .text-des:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.s7pro-container .text-btn-des-container[data-active="0"] .text-btn:nth-child(1),
.s7pro-container .text-btn-des-container[data-active="1"] .text-btn:nth-child(2),
.s7pro-container .text-btn-des-container[data-active="2"] .text-btn:nth-child(3),
.s7pro-container .text-btn-des-container[data-active="3"] .text-btn:nth-child(4) {
    opacity: 1;
    cursor: default;
    color: #171718
}

.s7pro-container .text-btn-des-container[data-active="0"] .text-des:nth-child(1) p,
.s7pro-container .text-btn-des-container[data-active="1"] .text-des:nth-child(2) p,
.s7pro-container .text-btn-des-container[data-active="2"] .text-des:nth-child(3) p,
.s7pro-container .text-btn-des-container[data-active="3"] .text-des:nth-child(4) p {
    opacity: 1;
    z-index: 20;
    position: relative;
    transition: opacity .6s
}

.s7pro-container .text-btn-des-container[data-active="0"] .swiper-scrollbar .swiper-scrollbar-drag {
    background-image: linear-gradient(95deg, #85858A, #BB9F84, #EFDDCC)
}

.s7pro-container .text-btn-des-container[data-active="1"] .swiper-scrollbar .swiper-scrollbar-drag {
    background-image: linear-gradient(95deg, #EFDDCC, #BB9F84, #85858A)
}

@media(hover: hover)and (pointer: fine) {
    .s7pro-container .text-btn-des-container .text-btn-bar-wrap .text-btn-wrap .text-btn:hover {
        opacity: .6
    }

    .s7pro-container .text-btn-des-container[data-active="0"] .text-btn-bar-wrap .text-btn-wrap .text-btn:nth-child(1):hover,
    .s7pro-container .text-btn-des-container[data-active="1"] .text-btn-bar-wrap .text-btn-wrap .text-btn:nth-child(2):hover,
    .s7pro-container .text-btn-des-container[data-active="2"] .text-btn-bar-wrap .text-btn-wrap .text-btn:nth-child(3):hover,
    .s7pro-container .text-btn-des-container[data-active="3"] .text-btn-bar-wrap .text-btn-wrap .text-btn:nth-child(4):hover {
        opacity: 1
    }
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .text-btn-des-container .text-btn-bar-wrap .text-btn-wrap .text-btn {
        white-space: nowrap
    }

    .s7pro-container .text-btn-des-container .text-btn-bar-wrap .text-btn-wrap .text-btn:not(:last-child) {
        margin-right: 11.111111vw
    }

    .s7pro-container .text-btn-des-container .swiper-scrollbar {
        margin-top: 3.333333vw;
        height: .555556vw;
        border-radius: .555556vw
    }

    .s7pro-container .text-btn-des-container .swiper-scrollbar .swiper-scrollbar-drag {
        width: 35.416667vw;
        border-radius: .555556vw
    }

    .s7pro-container .text-btn-des-container .text-des-wrap {
        width: 83.888889vw;
        margin: 6.666667vw auto 0
    }

    .s7pro-container .text-btn-des-container .text-des-wrap .text-des {
        font-size: 4.444444vw
    }
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .text-btn-des-container .text-btn-bar-wrap .text-btn-bar-scroll {
        padding: 0 10vw
    }

    .s7pro-container .text-btn-des-container .text-btn-bar-wrap .text-btn-wrap .text-btn {
        line-height: 1.25;
        font-weight: 500;
        cursor: pointer;
        opacity: .4;
        transition: opacity .6s
    }

    .s7pro-container .text-btn-des-container[data-active="0"] .text-btn-bar-wrap .text-btn-wrap .text-btn:nth-child(1),
    .s7pro-container .text-btn-des-container[data-active="1"] .text-btn-bar-wrap .text-btn-wrap .text-btn:nth-child(2),
    .s7pro-container .text-btn-des-container[data-active="2"] .text-btn-bar-wrap .text-btn-wrap .text-btn:nth-child(3),
    .s7pro-container .text-btn-des-container[data-active="3"] .text-btn-bar-wrap .text-btn-wrap .text-btn:nth-child(4),
    .s7pro-container .text-btn-des-container[data-active="4"] .text-btn-bar-wrap .text-btn-wrap .text-btn:nth-child(5),
    .s7pro-container .text-btn-des-container[data-active="5"] .text-btn-bar-wrap .text-btn-wrap .text-btn:nth-child(6),
    .s7pro-container .text-btn-des-container[data-active="6"] .text-btn-bar-wrap .text-btn-wrap .text-btn:nth-child(7),
    .s7pro-container .text-btn-des-container[data-active="7"] .text-btn-bar-wrap .text-btn-wrap .text-btn:nth-child(8),
    .s7pro-container .text-btn-des-container[data-active="8"] .text-btn-bar-wrap .text-btn-wrap .text-btn:nth-child(9),
    .s7pro-container .text-btn-des-container[data-active="9"] .text-btn-bar-wrap .text-btn-wrap .text-btn:nth-child(10) {
        opacity: 1;
        cursor: default;
        transition: opacity .6s
    }

    .s7pro-container .text-btn-des-container {
        width: 100%;
        overflow: hidden;
        margin-top: 2.5vw;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }

    .s7pro-container .text-btn-des-container .text-btn-bar-wrap {
        display: flex
    }

    .s7pro-container .text-btn-des-container .text-btn-bar-wrap .text-btn-wrap {
        display: flex;
        align-items: flex-end;
        width: 100%;
        justify-content: flex-start
    }

    .s7pro-container .text-btn-des-container .text-btn-bar-wrap .text-btn-wrap .text-btn {
        line-height: 1.25;
        cursor: pointer;
        opacity: .4;
        transition: opacity .6s;
        will-change: opacity;
        white-space: nowrap;
        padding: 0 8.333333vw
    }

    .s7pro-container .text-btn-des-container .text-btn-bar-wrap .text-btn-wrap .text-btn:not(:last-child) {
        margin-right: 11.111111vw;
        margin-right: 0
    }

    .s7pro-container .text-btn-des-container .swiper-scrollbar {
        margin-top: 3.333333vw;
        margin-top: 4.444444vw;
        height: .555556vw;
        border-radius: .555556vw
    }

    .s7pro-container .text-btn-des-container .swiper-scrollbar .swiper-scrollbar-drag {
        border-radius: .555556vw;
        transition: all .6s;
        background: #000
    }
}

.s7pro-container.isUC .common-video-btn {
    display: none
}

.s7pro-container .common-video-btn {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 1.25vw;
    bottom: 1.25vw;
    z-index: 6;
    transform: translateZ(1px);
    border-radius: 50%;
    overflow: hidden
}

.s7pro-container .common-video-btn .video-btn-icon-wrap {
    transition: opacity .3s;
    width: 2.083333vw;
    height: 2.083333vw;
    overflow: visible;
    position: relative
}

.s7pro-container .common-video-btn .video-btn-icon-wrap>span {
    color: #94bfea;
    font-size: 1.041667vw;
    font-weight: 500;
    margin-right: .416667vw;
    display: inline-block;
    line-height: 1.6;
    opacity: 0;
    transition: opacity .3s ease
}

.s7pro-container .common-video-btn .video-btn-icon-wrap .video-play-btn-start,
.s7pro-container .common-video-btn .video-btn-icon-wrap .video-play-btn-pause,
.s7pro-container .common-video-btn .video-btn-icon-wrap .video-play-btn-replay {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    transition: opacity .3s ease;
    border-radius: 50%;
    overflow: hidden
}

.s7pro-container .video-btn-icon-wrap[data-index="1"],
.s7pro-container .video-btn-icon-wrap[data-index="2"],
.s7pro-container .video-btn-icon-wrap[data-index="3"] {
    cursor: pointer;
    background: rgba(0, 0, 0, .4);
    background: #e1e1e3;
    transition: opacity .6s ease
}

.s7pro-container .video-btn-icon-wrap[data-index="1"] .video-play-btn-start {
    opacity: 1;
    z-index: 30
}

.s7pro-container .video-btn-icon-wrap[data-index="2"] .video-play-btn-pause {
    opacity: 1;
    z-index: 30
}

.s7pro-container .video-btn-icon-wrap[data-index="3"] .video-play-btn-replay {
    opacity: 1;
    z-index: 30
}

.s7pro-container .only-replay-btn .video-btn-icon-wrap[data-index="3"] .shine-body {
    opacity: 1
}

.s7pro-container .video-btn-icon-wrap[data-index="3"] span {
    opacity: 1;
    z-index: 30;
    transition: opacity .3s ease
}

.s7pro-container .s7pro-fonts .section-pics .video-btn-icon-wrap[data-index="1"],
.s7pro-container .s7pro-fonts .section-pics .video-btn-icon-wrap[data-index="2"],
.s7pro-container .s7pro-fonts .section-pics .video-btn-icon-wrap[data-index="3"] {
    cursor: default
}

.s7pro-container .s7pro-fonts .section-pics[data-index="1"] .video-btn-icon-wrap[data-index="1"],
.s7pro-container .s7pro-fonts .section-pics[data-index="1"] .video-btn-icon-wrap[data-index="2"],
.s7pro-container .s7pro-fonts .section-pics[data-index="1"] .video-btn-icon-wrap[data-index="3"] {
    cursor: pointer
}

@media(hover: hover)and (pointer: fine) {
    .s7pro-container .common-video-btn:hover .video-btn-icon-wrap {
        opacity: .6
    }

    .s7pro-container .common-video-btn.play-pause-btn:hover .video-btn-icon-wrap {
        opacity: 1
    }
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .common-video-btn {
        right: 4.444444vw;
        bottom: 4.444444vw
    }

    .s7pro-container .common-video-btn .video-btn-icon-wrap {
        width: 8.888889vw;
        height: 8.888889vw
    }

    .s7pro-container .common-video-btn .video-btn-icon-wrap>span {
        font-size: 3.888889vw;
        margin-right: 1.111111vw
    }
}

@keyframes breath {
    0% {
        opacity: .47
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .47
    }
}

@keyframes breath1 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes breath2 {
    0% {
        opacity: .47
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .47
    }
}

.s7pro-container .common-video-btn.play-pause-btn {
    width: 3.125vw;
    height: 3.125vw;
    right: 50%;
    bottom: 5vw;
    transform: translate(50%, 0);
    z-index: 80
}

.s7pro-container .common-video-btn.play-pause-btn .video-btn-icon-wrap {
    width: 100%;
    height: 100%;
    background: none
}

.s7pro-container .common-video-btn.play-pause-btn .video-btn-icon-wrap[data-index="1"] .video-play-btn-start {
    opacity: 1
}

.s7pro-container .common-video-btn.play-pause-btn .video-btn-icon-wrap[data-index="2"] .video-play-btn-pause {
    opacity: 1
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .common-video-btn.play-pause-btn {
        width: 6.944444vw;
        height: 6.944444vw;
        bottom: 14vw
    }
}

.s7pro-container .section-footnote {
    font-size: max(12px, .625vw);
    padding-bottom: 80px
}

.s7pro-container .section-footnote i {
    position: absolute;
    bottom: 0;
    display: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
    transform: translateY(-4.2px);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23e7e7e8'/%3E%3Cpath d='M3.239,8.986,3.233,8.98a.688.688,0,0,1-.014-.972L5.942,5.28H.689A.685.685,0,0,1,.2,5.089l-.009-.01A.689.689,0,0,1,0,4.6V4.589a.7.7,0,0,1,.188-.48L.194,4.1a.681.681,0,0,1,.494-.213H5.911L3.225,1.178a.694.694,0,0,1,0-.979l0,0A.669.669,0,0,1,3.7,0a.772.772,0,0,1,.473.171l.021.017L7.838,3.845a1.151,1.151,0,0,1,.222.331l.008.019V4.2a1.036,1.036,0,0,1,.076.39v0a1.082,1.082,0,0,1-.312.76L4.212,8.976a.683.683,0,0,1-.487.2.715.715,0,0,1-.486-.194' transform='translate(3.411 12.076) rotate(-90)' fill='%23000'/%3E%3C/svg%3E") center/100% no-repeat
}

.s7pro-container .section-footnote li.current i {
    display: inline-block
}

.s7pro-container .section-footnote i {
    position: absolute;
    bottom: 0;
    display: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
    transform: translateY(-4.2px);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23e7e7e8'/%3E%3Cpath d='M3.239,8.986,3.233,8.98a.688.688,0,0,1-.014-.972L5.942,5.28H.689A.685.685,0,0,1,.2,5.089l-.009-.01A.689.689,0,0,1,0,4.6V4.589a.7.7,0,0,1,.188-.48L.194,4.1a.681.681,0,0,1,.494-.213H5.911L3.225,1.178a.694.694,0,0,1,0-.979l0,0A.669.669,0,0,1,3.7,0a.772.772,0,0,1,.473.171l.021.017L7.838,3.845a1.151,1.151,0,0,1,.222.331l.008.019V4.2a1.036,1.036,0,0,1,.076.39v0a1.082,1.082,0,0,1-.312.76L4.212,8.976a.683.683,0,0,1-.487.2.715.715,0,0,1-.486-.194' transform='translate(3.411 12.076) rotate(-90)' fill='%23000'/%3E%3C/svg%3E") center/100% no-repeat
}

.s7pro-container .section-footnote li.current.noi i {
    display: none
}

@media(hover: hover)and (pointer: fine) {
    .s7pro-container .section-footnote {
        font-size: 14px
    }
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .section-footnote {
        font-size: 3.333333vw
    }

    .s7pro-container .section-footnote i {
        width: 4.722222vw;
        height: 4.722222vw;
        transform: translateY(calc(-0.3055554vw - 1px))
    }
}

.s7pro-container .section-footnote ul,
.s7pro-container .section-footnote ol {
    font-size: inherit;
    -webkit-padding-start: 1.5em;
    padding-inline-start: 1.5em
}

.s7pro-container .section-footnote li {
    font-size: inherit;
    color: #85858a;
    color: #000;
    margin: .5em 0;
    font-weight: 500;
    position: relative
}

.s7pro-container .section-footnote li.current {
    color: #d5d5db;
    color: #000;
    font-weight: 800
}

.s7pro-container .section-footnote li.asterisk {
    list-style-type: "*"
}

.s7pro-container .section-footnote li.disclaimer {
    list-style-type: none
}

.s7pro-container .section-footnote a {
    font-size: inherit;
    text-decoration: underline;
    color: inherit;
    word-break: break-all;
    cursor: pointer
}

.s7pro-container .section-footnote ol li {
    list-style-type: decimal
}

@media(hover: hover)and (pointer: fine) {
    .s7pro-container .fs-16 {
        font-size: max(12px, .833333vw)
    }
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .pc-show {
        display: none
    }

    .s7pro-container .mob-hide {
        display: none
    }

    .s7pro-container .pc-hide {
        display: block
    }

    .s7pro-container .mob-show {
        display: initial
    }

    .s7pro-container .xx-show {
        display: none
    }

    .s7pro-container .md-show {
        display: none
    }

    .s7pro-container .xs-show {
        display: block
    }

    .s7pro-container .xs-hide {
        display: none
    }

    .s7pro-container .radius16 {
        border-radius: 2.222222vw;
        -webkit-border-radius: 2.222222vw
    }

    .s7pro-container .radius20 {
        border-radius: 2.777778vw;
        -webkit-border-radius: 2.777778vw
    }

    .s7pro-container .mob-radius0 {
        border-radius: 0;
        -webkit-border-radius: 0
    }

    .s7pro-container article {
        font-size: 4.444444vw;
        width: 77.777778vw
    }

    .s7pro-container .mob-fs-96 {
        font-size: 13.333333vw
    }

    .s7pro-container .mob-fs-80 {
        font-size: 11.111111vw
    }

    .s7pro-container .mob-fs-64 {
        font-size: 8.888889vw
    }

    .s7pro-container .mob-fs-48 {
        font-size: 6.666667vw
    }

    .s7pro-container .mob-fs-40 {
        font-size: 5.555556vw
    }

    .s7pro-container .mob-fs-36 {
        font-size: 5vw
    }

    .s7pro-container .mob-fs-32 {
        font-size: 4.444444vw
    }

    .s7pro-container .mob-fs-28 {
        font-size: 3.888889vw
    }

    .s7pro-container .mob-fs-24 {
        font-size: 3.333333vw
    }

    .s7pro-container .mob-fs-22 {
        font-size: 3.055556vw
    }

    .s7pro-container .mob-fs-20 {
        font-size: 2.777778vw
    }

    .s7pro-container .mob-fs-18 {
        font-size: 2.5vw
    }

    .s7pro-container .mob-fs-16 {
        font-size: 2.222222vw
    }

    .s7pro-container .mob-mt-200 {
        margin-top: 27.777778vw
    }

    .s7pro-container .mb-200 {
        margin-bottom: 27.777778vw
    }

    .s7pro-container .mob-mt-0 {
        margin-top: 0
    }

    .s7pro-container .mob-mt-72 {
        margin-top: 10vw
    }

    .s7pro-container .mob-mt-64 {
        margin-top: 8.888889vw
    }

    .s7pro-container .mob-mt-60 {
        margin-top: 8.333333vw
    }

    .s7pro-container .mob-mt-56 {
        margin-top: 7.777778vw
    }

    .s7pro-container .mob-mt-48 {
        margin-top: 6.666667vw
    }

    .s7pro-container .mob-mt-40 {
        margin-top: 5.555556vw
    }

    .s7pro-container .mob-mt-32 {
        margin-top: 4.444444vw
    }

    .s7pro-container .mob-mt-30 {
        margin-top: 4.166667vw
    }

    .s7pro-container .mob-mt-28 {
        margin-top: 3.888889vw
    }

    .s7pro-container .mob-mt-24 {
        margin-top: 3.333333vw
    }

    .s7pro-container .mob-mt-22 {
        margin-top: 3.055556vw
    }

    .s7pro-container .mob-mt-20 {
        margin-top: 2.777778vw
    }

    .s7pro-container .mob-mt-16 {
        margin-top: 2.222222vw
    }

    .s7pro-container .mob-mt-14 {
        margin-top: 1.944444vw
    }

    .s7pro-container .mob-mt-13 {
        margin-top: 1.805556vw
    }

    .s7pro-container .mob-mt-12 {
        margin-top: 1.666667vw
    }

    .s7pro-container .mob-mr-20 {
        margin-right: 2.777778vw
    }

    .s7pro-container .mob-mt-80 {
        margin-top: 11.111111vw
    }

    .s7pro-container .mob-mt-8 {
        margin-top: 1.111111vw
    }

    .s7pro-container .mob-mb-64 {
        margin-bottom: 8.888889vw
    }

    .s7pro-container .mob-mb-0 {
        margin-bottom: 0
    }

    .s7pro-container .mob-mr-100 {
        margin-right: 13.888889vw
    }

    .s7pro-container .mob-pt-200 {
        padding-top: 27.777778vw
    }

    .s7pro-container .mob-pb-20 {
        padding-bottom: 2.777778vw
    }

    .s7pro-container .mob-w-430 {
        width: 59.722222vw
    }

    .s7pro-container .mob-w-656 {
        width: 91.111111vw
    }

    .s7pro-container .mob-w-640 {
        width: 88.888889vw
    }

    .s7pro-container .mob-w-600 {
        width: 83.333333vw
    }

    .s7pro-container .mob-w-624 {
        width: 86.666667vw
    }

    .s7pro-container .mob-w-592 {
        width: 82.222222vw
    }

    .s7pro-container .mob-w-570 {
        width: 79.166667vw
    }

    .s7pro-container .mob-w-560 {
        width: 77.777778vw
    }

    .s7pro-container .mob-w-100 {
        width: 100%
    }

    .s7pro-container .w-100 {
        width: 100%
    }

    .s7pro-container .flex {
        flex-direction: column
    }

    .s7pro-container .mob-text-left {
        text-align: left
    }

    .s7pro-container .mob-text-center {
        text-align: center
    }

    .s7pro-container .mob-fw-bold {
        font-weight: bold
    }

    .s7pro-container .mob-fw-medium {
        font-weight: 500
    }

    .s7pro-container .mob-fw-normal {
        font-weight: normal
    }

    .s7pro-container .section-videos .inline-video video {
        transform: scale(1.01)
    }

    .s7pro-container .mob-color171718 {
        color: #171718
    }
}

html.has-modal body,
html.has-modal .main-navigation.nav-v2,
html.has-modal #second-navigation-v4 .product-tabs__heading,
html.fancybox-margin body,
html.fancybox-margin .main-navigation.nav-v2,
html.fancybox-margin #second-navigation-v4 .product-tabs__heading {
    -webkit-padding-end: var(--modal-scrollbar-buffer);
    padding-inline-end: var(--modal-scrollbar-buffer);
    -webkit-padding-end: var(--modal-scrollbar-buffer, 0);
    padding-inline-end: var(--modal-scrollbar-buffer, 0)
}

html.has-modal {
    overflow: hidden
}

.has-modal .s7pro-container .section-modal.modal-open,
.has-modal .s7pro-container .section-modal.modal-will-close {
    z-index: 200
}

.has-modal .s7pro-container .section-modal .modal-overlay {
    transform: translate3d(0, 0, 0)
}

.s7pro-container .seiya-a-pop {
    color: #006dff;
    color: #9e8ae7
}

.s7pro-container .section-modal {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: -webkit-backdrop-filter .6s cubic-bezier(0.65, 0.05, 0.36, 1), backdrop-filter .6s cubic-bezier(0.65, 0.05, 0.36, 1), background-color .6s cubic-bezier(0.65, 0.05, 0.36, 1);
    outline: 0;
    background-color: rgba(25, 25, 26, 0);
    -webkit-backdrop-filter: blur(0px) brightness(100%);
    backdrop-filter: blur(0px) brightness(100%);
    -webkit-padding-end: var(--modal-scrollbar-buffer);
    padding-inline-end: var(--modal-scrollbar-buffer)
}

.s7pro-container .section-modal.modal-fully-visible {
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.s7pro-container .section-modal.modal-open {
    background-color: rgba(237, 238, 242, .8);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px)
}

.s7pro-container .section-modal.modal-open .modal-overlay {
    transition: transform .8s cubic-bezier(0.65, 0.05, 0.36, 1);
    opacity: 1
}

.s7pro-container .section-modal.modal-will-close {
    overflow: auto;
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.s7pro-container .section-modal.modal-will-close .modal-overlay {
    transition: all .6s
}

.s7pro-container .section-modal .modal-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%
}

.s7pro-container .section-modal .modal-overlay {
    width: 81.25vw;
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
    padding-top: 3.333333vw;
    padding-bottom: 3.333333vw;
    transform: translate3d(0, 100vh, 0);
    transform: translate3d(0, 200vh, 0);
    pointer-events: none;
    opacity: 0;
    will-change: transform, opacity
}

.s7pro-container .section-modal .modal-wrapper {
    position: relative;
    pointer-events: auto
}

.s7pro-container .section-modal .modal-content {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 4.166667vw 6.875vw 4.166667vw;
    border-radius: .833333vw;
    -webkit-border-radius: .833333vw;
    overflow: hidden;
    background-color: #fbf4ee
}

.s7pro-container .section-modal .modal-close-container {
    position: absolute;
    top: 1.666667vw;
    right: 1.666667vw;
    bottom: 0
}

.s7pro-container .section-modal .modal-close-button {
    width: 2.08333vw;
    height: 2.08333vw;
    position: sticky;
    z-index: 10;
    top: 1.666667vw;
    cursor: pointer;
    border-radius: 100%;
    background-color: rgba(128, 128, 128, .4);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 0;
    overflow: hidden;
    transition: all .6S;
    display: flex;
    justify-content: center;
    align-items: center
}

.s7pro-container .section-modal .modal-close-button svg {
    width: 100%;
    height: 100%;
    overflow: visible
}

.s7pro-container .section-modal .modal-close-button rect {
    transition: fill .2s;
    fill: #fff
}

.s7pro-container .section-modal .modal-close-icon {
    pointer-events: none
}

.s7pro-container .section-modal .modal-content h3 {
    color: #f5f5f7;
    font-weight: 500
}

.s7pro-container .section-modal .modal-content p {
    color: #86868b
}

.s7pro-container .section-modal .modal-content .section-videos {
    margin-top: 2.083333vw
}

.s7pro-container .section-modal .modal-content .section-content:not(:first-child) {
    margin-top: 6.25vw
}

.s7pro-container .section-modal .img-a-wrap {
    margin: 4.166667vw auto
}

@media(hover: hover)and (pointer: fine) {
    .s7pro-container .section-modal .modal-close-button:hover {
        background-color: rgba(128, 128, 128, .24)
    }
}

@media(max-aspect-ratio: 11/10) {
    .s7pro-container .section-modal .modal-overlay {
        width: 95.555556vw;
        padding-top: 8.88889vw;
        padding-bottom: 8.88889vw;
        width: 100%;
        width: 95.555556vw;
        padding: 8.888889vw 0
    }

    .s7pro-container .section-modal.modal-open {
        background: #fff
    }

    .s7pro-container .section-modal .modal-content {
        padding: 22.222222vw 6.666667vw 11.111111vw;
        padding: 18.055556vw 0 0;
        border-radius: 2.222222vw;
        border-radius: 3.333333vw
    }

    .s7pro-container .section-modal .modal-close-container {
        top: 3.333333vw;
        right: 3.333333vw;
        width: 11.11111vw
    }

    .s7pro-container .section-modal .modal-close-button {
        top: 3.33333vw
    }

    .s7pro-container .section-modal .modal-close-button {
        width: 11.11111vw;
        height: 11.11111vw
    }

    .s7pro-container .section-modal .modal-content .section-videos {
        margin-top: 10vw
    }

    .s7pro-container .section-modal .modal-content .section-content:not(:first-child) {
        margin-top: 22.222222vw
    }

    .s7pro-container .section-modal .img-a-wrap {
        margin: 11.111111vw auto
    }
}

@media(min-aspect-ratio: 11/10) {
    .s7pro-container .s7pro-title-1 .section-pics picture{
        height: 100%;
    }

    .s7pro-container .s7pro-title-1 .section-pics img{
        height: 100%;
        overflow: hidden;
    }

    .s7pro-container .s7pro-tv video{
        width: calc(100% + 6px);
        transform: translateX(-3px);
    }

   .s7pro-container .section-pics .swiper-slide-2 .desp{
    width: 38.541667vw;
   }
}

    .s7pro-container video{
        pointer-events: none;
    }
    .s7pro-container .section-highlights .video-container::after{
             content: '';
             display: block;
            background-size: 100%;
             position: absolute;
             z-index: 12;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             opacity: 0;
             will-change: opacity;
            pointer-events: none;
            background: var(--mask-poster) center / 100% no-repeat;

        }
    .s7pro-container .section-highlights .video-container.show::after{
                    opacity: 1;
                    transition: opacity 600ms 200ms linear;
                    will-change: opacity;
        }