.main-container{
    font-size: .833vw;
    font-weight: 500;
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    position: relative;
}
.main-container img,.main-container video{
    width: 100%;
}
.main-container video{
    display: block;
}
.main-container .section{
    position: relative;
}
.blur-up{
    filter: blur(20px);
    transition: filter .2s;
    will-change: filter;
}
.blur-up.lazyloaded{
    filter: blur(0)
}
.visuallyhidden{
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0 0 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}
html body{
    --scrollbar-width: 0px;
}
html.html-model-active body{
    overflow: hidden;
    padding-right: var(--scrollbar-width);
}
.html-model-active .second-navigation-new-version{
    display: none;
}
.header-top{
    top: 0;
}
.full-height{
    height: 100vh;
}
.hidden-web{
    display: none;
}
.show-mob{
    display: none;
}
.hidden-inline-web{
    display: none;
}
.space-300{
    height: 15.625vw;
}
.space-280{
    height: 14.583vw;
}
.space-240{
    height: 12.5vw;
}
.space-200{
    height: 10.416vw;
}
.space-180{
    height: 9.375vw;
}
.space-160{
    height: 8.333vw;
}
.space-140{
    height: 7.291vw;
}
.space-120{
    height: 6.25vw;
}
.space-100{
    height: 5.2vw;
}
.space-80{
    height: 4.166vw;
}
.space-64{
    height: 3.333vw;
}
.space-60{
    height: 3.125vw;
}
.space-48{
    height: 2.5vw;
}
.space-40{
    height: 2.083vw;
}
.space-32{
    height: 1.667vw;
}
.space-30{
    height: 1.5625vw;
}
.space-24{
    height: 1.25vw;
}
.space-20{
    height: 1.0416vw;
}
.main-container sup{
    font-size: .6em;
    cursor: pointer;
}
sup.half-sup{
    font-size: .4em;
}
.main-container sup a{
    color: inherit;
}
.main-container .big-title{
    font-size: 6.25vw;
    line-height: 1.25;
}
.main-container .h2{
    display: flex;
    justify-content: center;
    font-size: 5vw;
    line-height: 1.25;
    font-weight: 400;
    text-align: center;
}
.main-container .h2>div{
    background: linear-gradient(125deg,#968263 0,#EDE8E8 50%,#968263 100%);
    color: transparent;
    -webkit-background-clip: text;
    line-height: inherit;
}
.linear-grey{
    display: flex;
    justify-content: center;
}
.linear-grey div{
    color: transparent;
    background: linear-gradient(110deg,#A6A6A6 0%,#E8E8E8 30%,#ADADAD 100%);
    -webkit-background-clip: text;
}
.main-container .h3{
    color: #F5F5F7;
    font-size: 3.333vw;
    font-weight: 400;
    line-height: 1.25;
}
.main-container .product-subtitle{
    color: #DFEDE4;
    font-size: 1.1458vw;
    font-weight: 400;
    line-height: 1.25;
}
.main-container .h4{
    color: #FFFFFF;
    font-size: 2.5vw;
    font-weight: 400;
    line-height: 1.25;
}
.main-container .h5{
    color: #FFFFFF;
    font-size: 1.67vw;
    font-weight: 400;
    line-height: 1.25;
}
.main-container p{
    color: #969699;
    font-size: 1.146vw;
    font-weight: 500;
    line-height: 1.6;
}
.main-container .highlight-text{
    color: #F5F5F7;
    font-weight: 500;
}
.main-container .highlight-text-bold{
    color: #DFEDE4;
    font-weight: bold;
}
.main-container .smaller-text{
    font-size: 1.04vw;
    line-height: 1.6;
}
.main-container .product-disclaimer{
    color: #969699;
    font-size: .677vw;
    opacity: .6;
    will-change: transform;
}
@media (max-width:1920px) {
    .main-container .product-disclaimer{
        font-size: 12px;
    }
}
.main-container .product-disclaimer-light{
    color: #FFFFFF;
    opacity: .8;
}
.main-container .product-disclaimer-darken{
    color: #6D6D73;
    opacity: .8;
}
.canvas-fallback{
    display: none;
}
.inline-video-fallback{
    display: none;
}
.space-50vh{
    height: 50vh;
}
.space-80vh{
    height: 80vh;
}
.space-100vh{
    height: 100vh;
}
.sticky-viewport{
    position: sticky;
    height: 100vh;
    top: 0;
    overflow: hidden;
}
.sticky-container{
    position: sticky;
    top: 0;
}
.sequence-animation{
    margin-top: 1px;
    height: 100%;
    width: 100%;
}
.sequence-animation canvas{
    width: 100%;
    height: 100%;
}
.sequence-animation video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-pop-play{
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.video-pop-play svg{
    width: 3.02vw;
    height: 3.02vw;
}
.hmos-tips{
    position: absolute;
    left: 1.5625vw;
    bottom: 1.5625vw;
    width: 13.453vw;
    will-change: transform;
    z-index: 2;
}
.common-popup-btn-container{
    display: flex;
    align-items: center;
    position: relative;
}
.common-popup-btn-container svg{
    width: 3.333vw;
    height: 3.333vw;
}
.common-popup-btn{
    display: flex;
}
.common-popup-btn-light{
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    transition: opacity .3s ease;
    animation-play-state: paused;
    animation: popup-btn-rotate 3s linear 0s infinite forwards;
}
.common-popup-btn-container:hover .common-popup-btn-light{
    opacity: 1;
    animation-play-state: running;
}
@keyframes popup-btn-rotate{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.auto-video-btn{
    color: #3174FF;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.04vw;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease;
}
.auto-video-btn.show-btn{
    opacity: 1;
    visibility: visible;
}
.auto-video-btn svg{
    width: 1.5em;
    height: 1.5em;
    margin-right: .3em;
}
.video-replay-btn{
    color: #306FDB;
    display: flex;
    align-items: center;
    font-size: .9375vw;
    font-weight: 500;
    line-height: 1.25;
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease;
    will-change: transform;
}
.video-replay-btn-row{
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.video-replay-btn.show-btn{
    opacity: 1;
    pointer-events: all;
}
.video-replay-btn-svg{
    display: flex;
    margin-left: .4em;
}
.video-replay-btn svg{
    box-sizing: border-box;
    width: .78125vw;
    height: .868vw;
    padding: 1px;
}
.video-fallback{
    display: none;
}
.video-control-btn-container{
    background-color: #80808080;
    -webkit-backdrop-filter: blur(.5vw);
    backdrop-filter: blur(.5vw);
    border-radius: 100%;
    cursor: pointer;
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    will-change: transform;
    transition: opacity .6s ease;
    overflow: hidden;
    z-index: 2;
}
.video-control-btn-play-btn{
    display: flex;
    position: relative;
    opacity: 0;
    transition: opacity .4s ease-in-out;
}
.video-control-btn-pause-btn{
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .4s ease-in-out;
}
.video-control-btn-replay-btn{
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .4s ease-in-out;
}
.video-control-btn-container[data-index="0"] .video-control-btn-play-btn{
    opacity: 1;
    transition-delay: 0s;
    z-index: 2;
}
.video-control-btn-container[data-index="1"] .video-control-btn-pause-btn{
    opacity: 1;
    transition-delay: 0s;
    z-index: 2;
}
.video-control-btn-container[data-index="2"] .video-control-btn-replay-btn{
    opacity: 1;
    transition-delay: 0s;
    z-index: 2;
}
.video-control-btn-container svg{
    width: 2.5vw;
    height: 2.5vw;
}
.video-control-btn-container:hover{
    opacity: .6;
}
.ie-fallback{
    display: none;
}
.product-special-title-color{
    color: #B0E500;
}
.common-transform-show{
    opacity: 0;
    transform: translateY(2.08vw);
    transition: all 1s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    will-change: transform;
}
.common-transform-show.active{
    opacity: 1;
    transform: translateY(0);
}
.product-image-parallax{
    position: relative;
}
.product-image-parallax img{
    display: inline-block;
}
.swiper-control-btn{
    display: flex;
    align-items: center;
}
.swiper-prev-btn,
.swiper-next-btn{
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    transition: opacity .4s ease;
    position: relative;
    overflow: hidden;
    will-change: transform;
}
.swiper-prev-btn{
    margin-right: 1.25vw;
}
.swiper-prev-btn.btn-disable,
.swiper-next-btn.btn-disable{
    cursor: default;
    opacity: .3;
}
.swiper-prev-btn.swiper-button-disabled,
.swiper-next-btn.swiper-button-disabled{
    cursor: default;
    opacity: .3;
}
.swiper-prev-btn svg,
.swiper-next-btn svg{
    width: 2.5vw;
    height: 2.5vw;
    position: relative;
    z-index: 2;
}
.swiper-prev-btn .svg-hover-opacity,
.swiper-next-btn .svg-hover-opacity{
    opacity: 1;
    transition: opacity .4s ease-in-out;
}
.swiper-prev-btn:hover:not(.btn-disable) .svg-hover-opacity,
.swiper-next-btn:hover:not(.btn-disable) .svg-hover-opacity{
    opacity: .6;
}
.swiper-next-btn .product-shine-button .product-shine-button-item{
    padding: .73vw .833vw .73vw .628vw;
}
.swiper-prev-btn .product-shine-button .product-shine-button-item{
    padding: .73vw .628vw .73vw .833vw;
}
.swiper-control-btn .product-shine-button .button-svg{
    display: flex;
    margin: 0;
    width: 1.04vw;
}
.swiper-control-btn .product-shine-button .button-svg svg{
    width: 1.04vw;
    height: 1.04vw;
}
.swiper-control-btn .product-shine-button .shine-item::after{
    background: #000000;
}
.swiper-control-btn .shine-wrapper:hover .shine-item::after{
    background: #000000;
}
.swiper-control-btn .product-shine-button .shine-wrapper{
    background: #4A4A4B;
}
.swiper-control-btn .product-shine-button .shine-item::before{
    /* display: none; */
}
.swiper-control-btn .product-shine-button .shine-inside{
    opacity: 1;
}
.swiper-control-btn .shine-wrapper:hover .shine-inside{
    opacity: .6;
}
.swiper-control-btn .product-shine-button .shine-inside::before,
.swiper-control-btn .product-shine-button .shine-inside::after{
    background-color: #F5F3D4;
    filter: blur(12px);
}
.swiper-control-btn .product-shine-button .shine-inside::before{
    top: -.6vw;
}
.swiper-control-btn .product-shine-button .shine-inside::after{
    bottom: -.6vw;
}
.btn-disable .svg-arrow{
    opacity: .3;
}
.btn-disable .product-shine-button .shine-wrapper .shine-inside{
    opacity: 0;
}
.section-kv{

}
.kv-container{
    position: relative;
}

.huawei-product-buy-btn-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 1.458vw;
}
.huawei-product-buy-btn-price{
    color: #000000;
    font-size: 1.46vw;
    font-weight: 400;
    line-height: 1.25;
}
.huawei-product-buy-btn-price div{
    color: inherit;
    cursor: pointer;
    display: inline-block;
}
.huawei-product-buy-btn-price span{
    font-size: 0.677083vw;
    font-weight: 500;
}
.huawei-product-buy-btn{
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    padding: 6px 20px;
    border: 2px solid #000;
    background: #000000;
    transition: 0.3s ease-out;
    margin-top: 24px;
    cursor: pointer;
    border-radius: 6px;
    will-change: transform;
}
.huawei-product-buy-btn:hover{
    opacity: .8;
}
.kv-row{
    position: relative;
}
.kv-content-container{
    position: absolute;
    top: 50%;
    left: 58%;
    transform: translate(0,-50%);
    width: 36%;
    transition: all 1s ease;
    overflow: hidden;
}
.kv-product-name{
    display: flex;
    justify-content: center;
    text-align: center;
}
.kv-product-name svg{
    width: 33vw;
    height: 4.2vw;
}
.kv-slogan-container{
    font-size: 2.5vw;
    font-weight: 500;
    line-height: 1.25;
    margin-top: .208vw;
    margin-bottom: .833vw;
    text-align: center;
}
.kv-slogan-detail{
    font-size: 1.67vw;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 2.08vw;
    text-align: center;
}
.kv-features{
    color: #000000;
    display: flex;
    justify-content: center;
    font-size: 1.25vw;
    text-align: center;
}
.kv-slogan-container span{
    display: inline-block;
}
.kv-slogan-container span:nth-of-type(1){
    margin-right: .9em;
}
.kv-slogan-container span:nth-of-type(2){
    margin-right: .5em;
}
.kv-slogan-container span:nth-of-type(3){
    margin-right: .5em;
}
.kv-product-video{
    display: flex;
    justify-content: center;
}
.kv-product-video .video-pop-play{
    font-size: 1.04167vw;
    position: relative;
    right: 0;
    bottom: 0;
}
.kv-product-video .video-pop-play svg{
    margin-left: .416vw;
    width: 1.67vw;
    height: 1.67vw;
}
.kv-image-container{
    position: relative;
    overflow: hidden;
}
.kv-image-container img{
    transform: scale(1);
    transform-origin: 50% 35%;
    transition: transform 1s ease;
}
.kv-container.active .kv-image-container img{
    transform: scale(1);
}
.kv-intro-content-container{
    position: relative;
}
.kv-intro-bg-container{
    height: 66.52vw;
    position: relative;
}
.kv-intro-bg-top{
    position: absolute;
    top: 23%;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: translateY(-10%);
}
.kv-intro-bg-bottom{
    position: absolute;
    bottom: 4%;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: translateY(10%);
}
.kv-intro-container{
    background-color: #000000;
    margin-top: -100vh;
    position: relative;
    overflow: hidden;
}
.kv-intro-text-container{
    color: #FFFFFF;
    font-size: 4vw;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
}
.kv-intro-text{
    color: #2997FF;
    line-height: 1.25;
    perspective: 100vw;
    position: relative;
    white-space: pre;
    will-change: transform;
}
.kv-background-container{
    --end: #FAF5ED;
    background: linear-gradient(to bottom, #FFFFFF 0, #FFFFFF 5%, var(--end) 38%, var(--end) 100%);
}
.kv-reasontobuy{
    position: relative;
}
.kv-reasontobuy-bg{

}
.reasontobuy-container{
    overflow: hidden;
}
.reasontobuy-container .swiper-slide{
    cursor: pointer;
    overflow: hidden;
}
.reasontobuy-container .swiper-slide-active{
    cursor: default;
}
.reasontobuy-item-container{
    display: flex;
    justify-content: center;
    overflow: hidden;
    will-change: transform;
}
.reasontobuy-item-image-container{
    border-radius: .8333vw;
    position: relative;
    overflow: hidden;
    width: 100%;
    will-change: transform;
}
.reasontobuy-item-image{
    flex: none;
}
.reasontobuy-item-content{
    position: absolute;
    top: 2.3vw;
    left: 2.5vw;
    will-change: transform;
    transition: cubic-bezier(0.65, 0.05, 0.36, 1);
}
.reasontobuy-item-content-title{
    color: #FFFFFF;
    font-size: 1.667vw;
    line-height: 1.25;
    font-weight: 500;
    position: relative;
    will-change: transform;
    opacity: 1;
    z-index: 2;
}
.reasontobuy-item-content-title sup{
    font-size: .5em;
}
.reasontobuy-item-content-text{
    color: #FFFFFFB2;
    font-size: 1.145vw;
    margin-top: .25em;
    transition: opacity .4s ease;
    opacity: 1;
}
.reasontobuy-swiper-btn-container{
    border-radius: 1.667vw;
    padding: 2px;
    will-change: transform;
    position: relative;
    overflow: hidden;
}
.reasontobuy-item-1 .reasontobuy-item-content-title{
    color: #000000;
}
.reasontobuy-item-1 .reasontobuy-item-content-text{
    color: #333333;
    opacity: .7;
}
.btn-border-container{
    border-radius: 1.667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    overflow: hidden;
    will-change: transform;
}

.btn-border-shodow-container{
    border-radius: 1.667vw;
    filter: blur(1vw);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: opacity .3s ease;
    will-change: transform;
}
.btn-shodow-bg{
    border-radius: 1.667vw;
    width: 120%;
    height: 471%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    will-change: transform;
}
.btn-shodow-bg-item{
    background-image: conic-gradient(#00000000 0,#2997FF 5%, #2997FF 20%, #00000000 25%, #00000000 50%, #2997FF 55%, #2997FF 70%, #00000000 75%);
    width: 100%;
    height: 100%;
    animation: btn-border-rotate 8s linear infinite;
}
.reasontobuy-swiper-btn-container:hover .btn-border-bg-item,
.reasontobuy-swiper-btn-container:hover .btn-shodow-bg-item{
    background-image: conic-gradient(#2997FF 0%, #2997FF 15%, #2997FF 15%, #2997FF 50%, #2997FF 50%, #2997FF 64%, #2997FF 64%);
    animation-play-state: paused;
}
.reasontobuy-swiper-btn-container:hover .btn-border-shodow-container{
    opacity: 1;
}
.reasontobuy-swiper-btn-shdow-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.reasontobuy-swiper-btn-shdow-top-bottom{
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 2px;
    border-radius: 4.167vw;
    z-index: 2;
    will-change: transform;
}
.reasontobuy-swiper-btn-shdow-top-bottom::before{
    position: absolute;
    display: block;
    content: "";
    border-radius: 100%;
    background-color: #BCB09E;
    filter: blur(13px);
    will-change: transform;
    top: 0;
    left: 50%;
    width: 64%;
    height: 60%;
    opacity: .2;
    transition: opacity 0.6s;
    transform: translate3d(-50%, -50%, 0);
}
.reasontobuy-swiper-btn-shdow-top-bottom::after{
    position: absolute;
    display: block;
    content: "";
    border-radius: 100%;
    background-color: #BCB09E;
    filter: blur(13px);
    will-change: transform;
    bottom: 0;
    left: 50%;
    width: 64%;
    height: 60%;
    opacity: .2;
    transition: opacity 0.6s;
    transform: translate3d(-50%, 50%, 0);
}
.reasontobuy-swiper-btn-shdow-left-right::before{
    position: absolute;
    display: block;
    content: "";
    border-radius: 100%;
    background-color: #BCB09E;
    filter: blur(7px);
    will-change: transform;
    top: 50%;
    left: 0;
    width: 30%;
    height: 52.5%;
    opacity: .4;
    transition: opacity 0.6s;
    transform: translate3d(-50%, -50%, 0);
}
.reasontobuy-swiper-btn-shdow-left-right::after{
    position: absolute;
    display: block;
    content: "";
    border-radius: 100%;
    background-color: #BCB09E;
    filter: blur(7px);
    will-change: transform;
    top: 50%;
    right: 0;
    width: 30%;
    height: 52.5%;
    opacity: .4;
    transition: opacity 0.6s;
    transform: translate3d(50%, -50%, 0);
}
.reasontobuy-swiper-btn-shdow-left-right{
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 2px;
    border-radius: 4.167vw;
    z-index: 2;
    will-change: transform;
}
.reasontobuy-swiper-btns{
    background: linear-gradient(135deg,#FFFDFA 0,#FFFAF0 60%,#FFFDFA 100%);
    border-radius: 1.667vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.08vw 0;
    position: relative;
    overflow: hidden;
    will-change: transform;
    z-index: 2;
}
.reasontobuy-swiper-prev-btn{
    padding: 0 1.66vw;
}
.reasontobuy-swiper-next-btn{
    padding: 0 1.66vw;
}
.reasontobuy-swiper-btns .reasontobuy-swiper-prev-btn,
.reasontobuy-swiper-btns .reasontobuy-swiper-next-btn{
    flex-shrink: 0;
    cursor: pointer;
    transition: opacity 0.6s;
    outline: 0;
}
.reasontobuy-swiper-prev-btn:hover,
.reasontobuy-swiper-next-btn:hover{
    opacity: .6;
}
.reasontobuy-swiper-prev-btn-svg,
.reasontobuy-swiper-next-btn-svg{
    display: flex;
}
.reasontobuy-swiper-btns svg{
    width: .736vw;
    height: 1.18vw;
}
.reasontobuy-swiper-btns .btn-disable{
    cursor: default;
    opacity: 0.3;
}
.reasontobuy-swiper-btns .reasontobuy-swiper-pagination{
    display: flex;
    justify-content: center;
    width: auto;
}
.reasontobuy-control-container{
    display: flex;
    justify-content: center;
}
.reasontobuy-control-container .reasontobuy-swiper-btns .swiper-pagination-bullet{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.520833vw;
    height: 0.520833vw;
    margin-right: 0.520833vw;
    margin-left: 0;
    cursor: pointer;
    transition: all 0.3s;
    opacity: 0.2;
    border-radius: 100%;
    outline: 0;
    background-color: #000000;
  }
.reasontobuy-swiper-btns .swiper-pagination-bullet::before{
    position: absolute;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    padding: 0.260417vw;
    content: "";
  }
.reasontobuy-control-container .reasontobuy-swiper-btns .swiper-pagination-bullet-active{
    background-color: #000000;
    cursor: default;
    opacity: 1;
}
.reasontobuy-swiper-btns .swiper-pagination-bullet:last-child{
    margin-right: 0;
}

.kv-color-u .kv-color-u-title div{
    background-image: linear-gradient(125deg,#9D6328 0,#D9B283 60%,#C99F6E 100%);
}
.kv-color-u-content{
    margin: 0 auto;
    width: 38%;
}
.kv-color-u-text{
    text-align: center;
    position: relative;
    z-index: 2;
}
.kv-color-u-text p{
    color: #81623E;
}
.kv-color-u-image-container{
    position: relative;
}
.kv-color-u-image-background-container{
    position: relative;
    overflow: hidden;
}
.kv-color-u-image-background-svg{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw;
    overflow: hidden;
    transform: translate(-50%,-50%);
    pointer-events: none;
    z-index: 1;
}
.kv-color-u-image-background-svg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.kv-color-u-image-background-canvas{
    display: flex;
}
#kv-color-u-image-background-animation{
    width: 100%;
    height: 56.25vw;
}
.kv-color-u-image-swiper-container{
    border-radius: .833vw;
    margin: 3.125vw auto 2.08vw;
    width: 81.25%;
    overflow: hidden;
    will-change: transform;
}
.kv-color-u-image-swiper-control-container{
    display: flex;
    justify-content: center;
    align-items: center;
}
.kv-color-u-image-swiper-control-btn-container{
    display: flex;
}
.kv-color-u-image-swiper-control-btn-item{
    border-radius: 100%;
    border: transparent 3px solid;
    box-sizing: border-box;
    cursor: pointer;
    width: 2.08vw;
    height: 2.08vw;
    padding: .208vw;
    will-change: transform;
}
.kv-color-u-image-swiper-control-btn-item[data-id="0"] .kv-color-u-image-swiper-control-btn{
    background-color: #E3BE86;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    will-change: transform;
}
.kv-color-u-image-swiper-control-btn-item[data-id="1"]{
    margin-left: 2.08vw;
}
.kv-color-u-image-swiper-control-btn-item[data-id="1"] .kv-color-u-image-swiper-control-btn{
    background-color: #333333;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    will-change: transform;
}
.kv-color-u-image-swiper-control-container[data-index="0"] .kv-color-u-image-swiper-control-btn-item[data-id="0"]{
    border-color: #E3BE86;
}
.kv-color-u-image-swiper-control-container[data-index="1"] .kv-color-u-image-swiper-control-btn-item[data-id="1"]{
    border-color: #333333;
}
.kv-color-u-image-swiper-control-text-container{
    margin-left: 2.23vw;
    position: relative;
}
.kv-color-u-image-swiper-control-text-item{
    color: #81623E;
    font-size: 1.67vw;
    line-height: 1.25;
    opacity: 0;
    transition: opacity .6s ease;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.kv-color-u-image-swiper-control-text-item:first-child{
    position: relative;
}
.kv-color-u-image-swiper-control-text-item:nth-of-type(2){
    color: #333333;
}
.kv-color-u-image-swiper-control-container[data-index="0"] .kv-color-u-image-swiper-control-text-item[data-id="0"]{
    opacity: 1;
    pointer-events: all;
}
.kv-color-u-image-swiper-control-container[data-index="1"] .kv-color-u-image-swiper-control-text-item[data-id="1"]{
    opacity: 1;
    pointer-events: all;
}


.kv-color-p{
    position: relative;
}
.kv-color-p::after{
    background: linear-gradient(to bottom,#FFFFFF 0,#FFFFFF 30%,#FCFCFD 70%,#FCFCFD 100%);
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 32%;
}
.kv-color-p-container{
    position: relative;
    z-index: 2;
}
.kv-color-p-text{
    margin: 0 auto;
    width: 39%;
    text-align: center;
    position: relative;
}
.kv-color-p-switch-container{
    border-radius: .833vw;
    margin: -18vw auto 0;
    position: relative;
    width: 81.25%;
    overflow: hidden;
    transform: translateY(18vw);
    -webkit-backdrop-filter: blur(2.5vw) brightness(1.5);
    backdrop-filter: blur(2.5vw) brightness(1.5);
    will-change: transform;
}
.kv-color-p-switch-bg-container{
    background: linear-gradient(to bottom,#ECECF2 0,#ECECF2 30%,#F5F5F7 60%,#FCFCFD 100%);
    opacity: .26;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    will-change: transform;
}
.kv-color-p-switch-container::before{
    background: linear-gradient(to bottom,#FFFFFF00,#FFFFFFFF 60%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 22vw;
    width: 100%;
}
.kv-color-p-switch-swiper-container{
    margin-top: 4.625vw;
    margin-left: 34.67vw;
    width: 13.36vw;
}
.kv-color-p-image-swiper-control-container{
    display: flex;
    align-items: center;
    position: absolute;
    top: 74%;
    left: 64.75%;
}
.kv-color-p-image-swiper-control-btn-container{
    display: flex;
}
.kv-color-p-image-swiper-control-btn-item{
    border-radius: 100%;
    border: transparent 3px solid;
    box-sizing: border-box;
    cursor: pointer;
    margin-right: 1.25vw;
    width: 2.08vw;
    height: 2.08vw;
    padding: .208vw;
    transition: all .6s ease;
    will-change: transform;
}
.kv-color-p-image-swiper-control-btn-item .kv-color-p-image-swiper-control-btn{
    border-radius: 100%;
    width: 100%;
    height: 100%;
    will-change: transform;
}
.kv-color-p-image-swiper-control-btn-item:last-child{
    margin-right: 0;
}
.kv-color-p-image-swiper-control-btn-item[data-id="0"] .kv-color-p-image-swiper-control-btn{
    background-color: #4D1014;
}
.kv-color-p-image-swiper-control-btn-item[data-id="1"] .kv-color-p-image-swiper-control-btn{
    background-color: #B1CEC6;
}
.kv-color-p-image-swiper-control-btn-item[data-id="2"] .kv-color-p-image-swiper-control-btn{
    background-color: #DEDEDE;
}
.kv-color-p-image-swiper-control-btn-item[data-id="3"] .kv-color-p-image-swiper-control-btn{
    background-color: #2E2F31;
}
.kv-color-p-image-swiper-control-container[data-index="0"] .kv-color-p-image-swiper-control-btn-item[data-id="0"]{
    border-color: #4D1014;
}
.kv-color-p-image-swiper-control-container[data-index="1"] .kv-color-p-image-swiper-control-btn-item[data-id="1"]{
    border-color: #B1CEC6;
}
.kv-color-p-image-swiper-control-container[data-index="2"] .kv-color-p-image-swiper-control-btn-item[data-id="2"]{
    border-color: #DEDEDE;
}
.kv-color-p-image-swiper-control-container[data-index="3"] .kv-color-p-image-swiper-control-btn-item[data-id="3"]{
    border-color: #2E2F31;
}
.kv-color-p-switch-bg-text-container{
    position: absolute;
    top: 13%;
    left: 3.5%;
    width: 90%;
    text-align: center;
}
.kv-color-p-switch-bg-text-item{
    color: #000000;
    font-size: 20.8vw;
    font-weight: 100;
    line-height: 1.25;
    letter-spacing: .1em;
    position: relative;
}
.kv-color-p-switch-bg-text-item span:first-child{
    padding-right: .8em;
}
.kv-color-p-switch-bg-text-item-2{
    background: radial-gradient(closest-side,#96272EFF, #96272E00);
    background-size: 75vw 75vw;
    background-position: 50% 80%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    color: transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .8s ease;
}
.kv-color-p-switch-bg-text-container[data-index="0"] .kv-color-p-switch-bg-text-item-2{
    background-image: radial-gradient(closest-side,#96272EFF, #96272E00);
}
.kv-color-p-switch-bg-text-container[data-index="1"] .kv-color-p-switch-bg-text-item-2{
    background-image: radial-gradient(closest-side,#2C5D51FF, #2C5D5100);
}
.kv-color-p-switch-bg-text-container[data-index="2"] .kv-color-p-switch-bg-text-item-2{
    background-image: radial-gradient(closest-side,#8D9393FF, #8D939300);
}
.kv-color-p-switch-bg-text-container[data-index="3"] .kv-color-p-switch-bg-text-item-2{
    background-image: radial-gradient(closest-side,#8D9393FF, #8D939300);
}
.kv-color-p-image-swiper-control-text-container{
    margin-left: 1.04vw;
    position: relative;
}
.kv-color-p-image-swiper-control-text-item{
    color: #333333;
    font-size: 1.67vw;
    line-height: 1.25;
    opacity: 0;
    transition: opacity .6s ease;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.kv-color-p-image-swiper-control-text-item:first-child{
    position: relative;
}
.kv-color-p-image-swiper-control-container[data-index="0"] .kv-color-p-image-swiper-control-text-item[data-id="0"]{
    opacity: 1;
    pointer-events: all;
}
.kv-color-p-image-swiper-control-container[data-index="1"] .kv-color-p-image-swiper-control-text-item[data-id="1"]{
    opacity: 1;
    pointer-events: all;
}
.kv-color-p-image-swiper-control-container[data-index="2"] .kv-color-p-image-swiper-control-text-item[data-id="2"]{
    opacity: 1;
    pointer-events: all;
}
.kv-color-p-image-swiper-control-container[data-index="3"] .kv-color-p-image-swiper-control-text-item[data-id="3"]{
    opacity: 1;
    pointer-events: all;
}
.section-design{
    background-color: #FAF5ED;
}
.design-intro-container{
    overflow: hidden;
}
.design-intro-content{
    margin: 0 auto;
    width: 37%;
    position: relative;
    transform: translateY(15%);
    z-index: 1;
}
.design-intro-content .design-intro-title{
    --start: #9D6328;
    --middle: #D9B283;
    --end: #C99F6E;
    justify-content: flex-start;
    text-align: left;
}
.design-intro-content .design-intro-title.h2>div{
    background: linear-gradient(115deg, var(--start) 0, var(--middle) 55%, var(--end) 100%);
    -webkit-background-clip: text;
}
.design-intro-content .design-intro-text p{
    color: #81623E;
}
.design-intro-image-container{
    margin-top: 4.167vw;
    will-change: transform;
    position: relative;
    z-index: 1;
}
.design-intro-background-color{
    background: linear-gradient(to bottom,#000000,#1A160E);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 85%;
    opacity: 0;
}
.design-intro-image{
    position: relative;
    transform: scale(1.2);
    transform-origin: 50% 0;
    will-change: transform;
    z-index: 2;
}
.design-camera-lens-content{
    margin: 0 auto;
    width: 42.33%;
    text-align: center;
}
.design-camera-lens-image{
    border-radius: .833vw;
    margin: 0 auto;
    width: 67.5%;
    overflow: hidden;
    will-change: transform;
}
.design-camera-portrait-content{
    margin: 0 auto;
    width: 50%;
    text-align: center;
}
.design-camera-portrait-swiper-container{
    margin: 0 auto;
    width: 67.5%;
}
.design-camera-portrait-media{
    display: flex;
    justify-content: space-between;
}
.design-camera-portrait-item{
    opacity: 0;
    transform: translateY(10%);
    width: 49%;
    transition: all .6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.design-camera-portrait-item:nth-of-type(2){
    transform: translateY(15%);
    transition: all .6s cubic-bezier(0.26, 0.67, 0.48, 0.91) .2s;
}
.design-camera-portrait-swiper.active .design-camera-portrait-item{
    opacity: 1;
    transform: translateY(0);
}
.design-camera-portrait-item-image{
    border-radius: .833vw;
    overflow: hidden;
    will-change: transform;
}
.design-camera-portrait-item-text{
    margin: 1.67vw 0 0 1.25vw;
}
.design-camera-portrait-item-text-white{
    color: #F5F5F7;
    font-size: 1.25vw;
    line-height: 1.25;
}
.design-camera-portrait-item-text-gray{
    color: #969699;
    font-size: 1.04vw;
    margin-top: .4em;
}
.design-camera-portrait-swiper-control{
    display: flex;
    justify-content: flex-end;
}
.design-camera-sample-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 2vw;
    width: 60%;
}
.design-camera-sample-title{
    width: 41%;
}
.design-camera-sample-text{
    width: 44%;
}
.design-camera-sample-item{
    border-radius: .833vw;
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
    position: relative;
    overflow: hidden;
    transition: all .8s ease;
    will-change: transform;
}
.design-camera-sample-swiper-row{
    position: relative;
}
.design-camera-sample-swiper{
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease;
    --swiper-theme-color: #969699;
    --swiper-pagination-color: #969699;
}
.design-camera-sample-swiper-pagination-container{
    position: relative;
    transform: translateY(2.75vw);
    z-index: 1;
}
.design-camera-sample-swiper-pagination-row{
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease;
}
.design-camera-sample-swiper-pagination-container[data-index="0"] .design-camera-sample-swiper-pagination-row[data-id="0"]{
    opacity: 1;
    pointer-events: all;
}
.design-camera-sample-swiper-pagination-container[data-index="1"] .design-camera-sample-swiper-pagination-row[data-id="1"]{
    opacity: 1;
    pointer-events: all;
}
.design-camera-sample-swiper-pagination-row .swiper-pagination{
    display: flex;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: auto;
}
.design-camera-sample-swiper-pagination-container .swiper-pagination .swiper-pagination-bullet{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.520833vw;
    height: 0.520833vw;
    margin-right: 0.520833vw;
    margin-left: 0;
    cursor: pointer;
    transition: all 0.3s;
    opacity: 0.3;
    border-radius: 100%;
    outline: 0;
    background-color: #969699;
}
.design-camera-sample-swiper-pagination-container .swiper-pagination .swiper-pagination-bullet::before{
    position: absolute;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    padding: 0.260417vw;
    content: "";
  }
.design-camera-sample-swiper-pagination-container .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #969699;
    cursor: default;
    opacity: 1;
}
.design-camera-sample-swiper-pagination-container .swiper-pagination .swiper-pagination-bullet:last-child{
    margin-right: 0;
}
.design-camera-sample-swiper-2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.design-camera-sample-swiper-row[data-index="0"] .design-camera-sample-swiper-1{
    opacity: 1;
    pointer-events: all;
    z-index: 2;
}
.design-camera-sample-swiper-row[data-index="1"] .design-camera-sample-swiper-2{
    opacity: 1;
    pointer-events: all;
    z-index: 2;
}
.design-camera-sample-swiper.pausing .design-camera-sample-item{
    clip-path: polygon(17% 0, 83% 0, 83% 100%, 17% 100%);
    transition: none;
}
.design-camera-sample-swiper.pausing .design-camera-sample-item-image{
    transform: scale(1.25);
}
.design-camera-sample-swiper.pausing .slide-left-2{
    transform: translateX(33%);
}
.design-camera-sample-swiper.pausing .slide-right-2{
    transform: translateX(-33%);
}
.design-camera-sample-swiper-cover{
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    height: 8.33vw;
    left: -12.5%;
    right: -12.5%;
    width: 125%;
    transform: scaleY(.85);
    transition: transform .6s ease;
    z-index: 2;
    will-change: transform;
}
.design-camera-sample-swiper.transforming .design-camera-sample-swiper-cover{
    transform: scaleY(1);
}
.design-camera-sample-swiper-top-cover{
    top: -6.25vw;
}
.design-camera-sample-swiper-bottom-cover{
    bottom: -6.25vw;
}
.design-camera-sample-item-image{
    transition: transform .8s ease;
}
.design-camera-sample-swiper-control-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    width: 60%;
    position: relative;
}
.design-camera-sample-swiper-switch-container{
    background: linear-gradient(to right,#080808 0,#2C281C 50%,#080808 100%);
    border-radius: 1.67vw;
    border: 2px #656565 solid;
    display: flex;
    padding: 2px;
    position: relative;
    will-change: transform;
    z-index: 3;
}
.design-camera-sample-swiper-switch-container.hidden-web{
    display: none;
}
.design-camera-sample-swiper-switch-row{
    display: flex;
    position: relative;
}
.design-camera-sample-swiper-switch-row::before{
    background-color: #F5F5F7;
    border-radius: 1.67vw;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    transition: transform .6s ease;
    will-change: transform;
}
.design-camera-sample-swiper-switch-item{
    color: #FFFFFF;
    cursor: pointer;
    font-size: .9375vw;
    padding: .4167vw 1.25vw;
    position: relative;
    transition: all .6s ease;
}
.design-camera-sample-swiper-switch-row[data-index="0"] .design-camera-sample-swiper-switch-item[data-id="1"]:hover{
    opacity: .6;
}
.design-camera-sample-swiper-switch-row[data-index="1"] .design-camera-sample-swiper-switch-item[data-id="0"]:hover{
    opacity: .6;
}
.design-camera-sample-swiper-switch-row[data-index="0"] .design-camera-sample-swiper-switch-item[data-id="0"]{
    color: #000000;
    cursor: pointer;
}
.design-camera-sample-swiper-switch-row[data-index="1"]::before{
    transform: translateX(100%);
}
.design-camera-sample-swiper-switch-row[data-index="1"] .design-camera-sample-swiper-switch-item[data-id="1"]{
    color: #000000;
}
.design-camera-sample-swiper-control-btn-row{
    position: relative;
}
.design-camera-sample-swiper-control-btn-2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.design-camera-sample-swiper-control-btn{
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease;
}
.design-camera-sample-swiper-control-btn-row[data-index="0"] .design-camera-sample-swiper-control-btn-1{
    opacity: 1;
    pointer-events: all;
}
.design-camera-sample-swiper-control-btn-row[data-index="1"] .design-camera-sample-swiper-control-btn-2{
    opacity: 1;
    pointer-events: all;
}
.product-shine-button{
    display: flex;
    justify-content: center;
    position: relative;
}
.product-shine-button .shine-wrapper{
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 4.167vw;
    background-color: #656565;
    will-change: transform;
}
.product-shine-button .shine-item{
    box-sizing: border-box;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 2px;
    border-radius: 4.167vw;
    will-change: transform;
}
.product-shine-button .shine-item::before{
    position: absolute;
    top: 50%;
    left: 0;
    width: 60%;
    height: 120%;
    content: "";
    transform: translate3d(33.333333%, -50%, 0);
    background-color: #F5F3D4;
    filter: blur(10px);
    will-change: width, transform;
    transition: all .6s ease;
}
.product-shine-button .shine-item::after{
    display: block;
    content: "";
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 4.167vw;
    background: linear-gradient(to right,#080808 0,#2C281C 50%,#080808 100%);
    transition: all .6s ease;
    will-change: transform;
}
.product-shine-button .shine-inside{
    box-sizing: border-box;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 2px;
    border-radius: 4.167vw;
    transition: opacity 0.6s;
    opacity: 0;
    will-change: opacity;
    z-index: 2;
    will-change: transform;
}
.product-shine-button .shine-inside::before,
.product-shine-button .shine-inside::after{
    position: absolute;
    display: block;
    content: "";
    border-radius: 100%;
    background-color: #F5F3D4;
    filter: blur(13px);
    will-change: transform;
    left: 0;
    width: 60%;
    height: 0.9375vw;
    transition: opacity 0.6s;
    transform: translate3d(33.333333%, 0, 0);
}
.product-shine-button .shine-inside::before{
    top: -0.9375vw;
}
.product-shine-button .shine-inside::after{
    bottom: -0.9375vw;
}
.product-shine-button .product-shine-button-item{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: .83vw .833vw .83vw 1.67vw;
}
.product-shine-button .button-text{
    color: #FFFFFF;
    font-size: .9375vw;
    line-height: 1.25;
}
.product-shine-button .button-svg{
    display: flex;
    margin-left: .833vw;
    width: 1.674vw;
}
.shine-wrapper:hover .shine-inside{
    opacity: 0; 
}
.shine-wrapper:hover .shine-item::after{
    background: linear-gradient(to right,#080808 0,#1A1811 50%,#080808 100%);
}
.shine-wrapper:hover .shine-item::before{
    opacity: .6;
}
.common-popup-container{
    overflow: auto;
    z-index: -1;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(62,62,62,0.4);
    transform: translateZ(0);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    transition: opacity .3s cubic-bezier(0,0,0.5,1);
}
:root.overflow-hidden{
    overflow: hidden;
}
.overflow-hidden {
    overflow: hidden;
}
.common-popup-container.allow-scroll{
    overflow: auto;
    padding-inline-end: 0;
}
.common-popup-container.popup-open{
    top: 0;
    z-index: 999;
    opacity: 1;
}
.common-popup-column{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
}
.common-popup-content-container{
    padding-top: 3.3%;
    padding-bottom: 3.3%;
    width: 81.25vw;
    transform: translateY(100vh);
    transition: transform .6s cubic-bezier(0,0,0.5,1);
}
.common-popup-container img{
    width: 100%;
}
.common-popup-container video{
    width: 100%;
}
.common-popup-container.popup-open .common-popup-content-container{
    transform: translateY(0);
}
.common-popup-content-wrapper{
    background-color: #000000;
    border-radius: .833vw;
    padding: 1.667vw 0 4.167vw;
    will-change: transform;
}
.common-popup-close-btn-container{
    display: flex;
    justify-content: flex-end;
    position: sticky;
    top: 1.667vw;
    padding-bottom: 1.25vw;
    z-index: 5;
}
.common-popup-close-btn{
    background-color: #80808080;
    -webkit-backdrop-filter: blur(.5vw);
    backdrop-filter: blur(.5vw);
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    margin-right: 1.667vw;
    width: 2.5vw;
    transition: opacity .6s ease;
    overflow: hidden;
    will-change: transform;
}
.common-popup-close-btn:hover{
    opacity: .6;
}
.design-camera-sample-learn-more-popup .common-popup-close-btn-container{
    padding-bottom: .416vw;
}
.design-camera-zoom-title{
    margin: 0 auto;
    text-align: center;
    width: 60%;
}
.design-camera-zoom-text{
    margin: 0 auto;
    width: 36%;
    text-align: center;
}
.design-camera-zoom-image-container{
    margin: 0 auto;
    width: 67.5%;
}
.design-camera-zoom-swiper{
    border-radius: .833vw;
    will-change: transform;
}
.design-camera-zoom-control-container{
    margin-top: 1.71vw;
    position: relative;
    overflow: hidden;
}
.design-camera-zoom-control-text-row{
    display: flex;
    flex: none;
}
.design-camera-zoom-control-text-item{
    color: #F5F5F7;
    cursor: pointer;
    font-size: 2.08vw;
    line-height: 1.25;
    opacity: .3;
    transform-origin: 50% 100%;
    transform: scale(.6);
    transition: all .6s ease;
    position: relative;
}
.design-camera-zoom-control-text-item::after{
    content: "";
    cursor: pointer;
    position: absolute;
    top: 100%;
    left: 0;
    height: 100%;
    width: 100%;
}
.design-camera-zoom-control-text-item[data-id="0"]{
    margin-left: 32.5vw;
}
.design-camera-zoom-control-text-item[data-id="1"]{
    margin-left: 6.5vw;
}
.design-camera-zoom-control-text-item[data-id="2"]{
    margin-left: 5.85vw;
}
.design-camera-zoom-control-text-item[data-id="3"]{
    margin-left: 5.85vw;
}
.design-camera-zoom-control-line-row{
    display: flex;
    align-items: flex-end;
    height: 1.354vw;
    position: relative;
}
.design-camera-zoom-control-line-group{
    display: flex;
    align-items: flex-end;
    flex: none;
    position: relative;
}
.design-camera-zoom-control-line-group:first-child{
    margin-left: 5.5vw;
}
.design-camera-zoom-control-line-group-mask-left::before{
    background: linear-gradient(to right,#000000FF 0%,#00000000 100%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.design-camera-zoom-control-line-group-mask-right::after{
    background: linear-gradient(to left,#000000FF 0%,#00000000 100%);
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.design-camera-zoom-control-line-item{
    background-color: #333333;
    margin-left: .833vw;
    width: .104vw;
    height: .833vw;
    transition: height .6s ease;
    will-change: height;
}
.design-camera-zoom-control-line-group-sp .design-camera-zoom-control-line-item:last-child{
    background-color: #F5F5F7;
    width: .15625vw;
}
.design-camera-zoom-control-container::before{
    background: linear-gradient(to right,#000000FF 0,#000000FF 60%,#00000000 100%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}
.design-camera-zoom-control-container::after{
    background: linear-gradient(to left,#000000FF 0,#000000FF 60%,#00000000 100%);
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}
.design-camera-zoom-control-container[data-index="0"] .design-camera-zoom-control-text-item[data-id="0"]{
    opacity: 1;
    transform: scale(1);
}
.design-camera-zoom-control-container[data-index="1"] .design-camera-zoom-control-text-item[data-id="1"]{
    opacity: 1;
    transform: scale(1);
}
.design-camera-zoom-control-container[data-index="2"] .design-camera-zoom-control-text-item[data-id="2"]{
    opacity: 1;
    transform: scale(1);
}
.design-camera-zoom-control-container[data-index="3"] .design-camera-zoom-control-text-item[data-id="3"]{
    opacity: 1;
    transform: scale(1);
}
.design-camera-zoom-control-container[data-index="0"] .design-camera-zoom-control-line-group[data-id="0"] .design-camera-zoom-control-line-item:last-child{
    height: 1.354vw;
}
.design-camera-zoom-control-container[data-index="1"] .design-camera-zoom-control-line-group[data-id="1"] .design-camera-zoom-control-line-item:last-child{
    height: 1.354vw;
}
.design-camera-zoom-control-container[data-index="2"] .design-camera-zoom-control-line-group[data-id="2"] .design-camera-zoom-control-line-item:last-child{
    height: 1.354vw;
}
.design-camera-zoom-control-container[data-index="3"] .design-camera-zoom-control-line-group[data-id="3"] .design-camera-zoom-control-line-item:last-child{
    height: 1.354vw;
}
.design-camera-zoom-control-wrapper{
    transition: transform .6s ease;
    will-change: transform;
}
.design-camera-zoom-control-container[data-index="1"] .design-camera-zoom-control-wrapper{
    transform: translateX(-10vw);
}
.design-camera-zoom-control-container[data-index="2"] .design-camera-zoom-control-wrapper{
    transform: translateX(-19.25vw);
}
.design-camera-zoom-control-container[data-index="3"] .design-camera-zoom-control-wrapper{
    transform: translateX(-28vw);
}
.design-camera-sky-sample-text{
    margin: 0 auto 1.4vw;
    text-align: center;
    width: 83%;
}
.design-camera-sky-sample-image{
    margin: 0 auto;
    width: 83%;
}
.design-camera-sky-sample-image{
    border-radius: .833vw;
    overflow: hidden;
    will-change: transform;
}
.design-camera-night-sample{
    margin: 0 auto;
    width: 83%;
}
.design-camera-night-sample-text{
    margin-top: 1.67vw;
    margin-left: 2.4vw;
}
.design-camera-sensor-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    width: 67.5%;
}
.design-camera-sensor-content{
    width: 29%;
}
.design-camera-sensor-image{
    border-radius: .833vw;
    width: 64.8%;
    overflow: hidden;
    will-change: transform;
}
.design-camera-light-title{
    margin: 0 auto;
    width: 80%;
    text-align: center;
}
.design-camera-light-image{
    border-radius: .833vw;
    margin: 0 auto;
    width: 67.5%;
    overflow: hidden;
    will-change: transform;
    position: relative;
}
.design-camera-light-text{
    margin: 0 auto;
    width: 49%;
    text-align: center;
}
.design-camera-light-popup-container{
    margin-top: -5.5vw;
}
.design-camera-light-main-swiper{
    border-top-left-radius: .833vw;
    border-top-right-radius: .833vw;
    will-change: transform;
}
.design-camera-light-learn-more-popup .common-popup-content-wrapper{
    padding-bottom: 4.167vw;
}
.design-camera-light-popup-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 4.167vw 0;
}
.design-camera-light-popup-text{
    width: 35%;
}
.design-camera-light-popup-thumb-swiper{
    flex: none;
    margin: 0;
    width: 28%;
}
.design-camera-light-popup-thumb-item{
    box-sizing: border-box;
    border-radius: .364vw;
    border: #F5F5F700 2px solid;
    cursor: pointer;
    padding: .104vw;
    transition: all .6s ease;
    opacity: .6;
    will-change: transform;
}
.design-camera-light-popup-thumb-item img{
    border-radius: .208vw;
    overflow: hidden;
    will-change: transform;
}
.swiper-slide-thumb-active .design-camera-light-popup-thumb-item{
    border-color: #F5F5F7FF;
    opacity: 1;
}
.design-camera-zoom-video-container{
    margin: 0 auto;
    width: 67.5%;
}
.design-camera-zoom-video-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    width: 92%;
}
.design-camera-zoom-video-title{
    width: 50%;
}
.design-camera-zoom-video-media{
    overflow: hidden;
    position: relative;
}
.design-camera-zoom-video-media-item{
    border-radius: .833vw;
    overflow: hidden;
    will-change: transform;
}
.design-camera-zoom-video-text{
    width: 36%;
}
.design-camera-zoom-video-replay-btn{
    display: flex;
    justify-content: center;
    position: relative;
    right: 0;
    bottom: 0;
}
.design-camera-zoom-video-popup-btn{
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
}
.product-common-popup-btn{
    cursor: pointer;
    display: flex;
    align-items: center;
}
.product-common-popup-btn-text{
    color: #F5F5F7;
    font-size: 1.04vw;
    font-weight: 500;
    line-height: 1.25;
    margin-right: .35em;
}
.product-common-popup-btn-icon{
    display: flex;
    align-items: center;
}
.product-common-popup-btn-icon{
    width: 1.77vw;
    height: 1.77vw;
}
.product-common-popup-btn-icon picture{
    display: flex;
}
.video-pop-play .product-common-popup-btn-icon img{
    height: auto;
}
.design-camera-zoom-video-disclaimer{
    text-align: right;
}
.design-camera-color-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 16.25%;
    width: 67.5%;
}
.design-camera-color-content{
    width: 42%;
}
.design-camera-color-switch-container{
    display: flex;
}
.design-camera-color-switch-container.hidden-web{
    display: none;
}
.design-camera-color-switch-item{
    cursor: pointer;
    margin-right: 1.354vw;
}
.design-camera-color-switch-item:last-child{
    margin-right: 0;
}
.design-camera-color-switch-item-icon-image{
    border: #F5F5F700 2px solid;
    border-radius: .78125vw;
    width: 4.6875vw;
    padding: .26vw;
    overflow: hidden;
    transition: all .6s ease;
    will-change: transform;
}
.design-camera-color-switch-item-icon-image img{
    border-radius: .52vw;
    overflow: hidden;
    will-change: transform;
}
.design-camera-color-switch-item-text{
    color: #F5F5F7;
    font-size: 1.14vw;
    margin-top: .4167vw;
    transition: all .6s ease;
    text-align: center;
    opacity: .3;
}
.design-camera-color-switch-container[data-index="0"] [data-id="0"] .design-camera-color-switch-item-icon-image{
    border-color: #F5F5F7FF;
}
.design-camera-color-switch-container[data-index="0"] [data-id="0"] .design-camera-color-switch-item-text{
    opacity: 1;
}
.design-camera-color-switch-container[data-index="1"] [data-id="1"] .design-camera-color-switch-item-icon-image{
    border-color: #F5F5F7FF;
}
.design-camera-color-switch-container[data-index="1"] [data-id="1"] .design-camera-color-switch-item-text{
    opacity: 1;
}
.design-camera-color-switch-container[data-index="2"] [data-id="2"] .design-camera-color-switch-item-icon-image{
    border-color: #F5F5F7FF;
}
.design-camera-color-switch-container[data-index="2"] [data-id="2"] .design-camera-color-switch-item-text{
    opacity: 1;
}
.design-camera-color-switch-container[data-index="3"] [data-id="3"] .design-camera-color-switch-item-icon-image{
    border-color: #F5F5F7FF;
}
.design-camera-color-switch-container[data-index="3"] [data-id="3"] .design-camera-color-switch-item-text{
    opacity: 1;
}
.design-camera-color-image-container{
    width: 34.4%;
}
.design-camera-color-image-swiper{
    border-radius: .833vw;
    overflow: hidden;
    will-change: transform;
}
.design-camera-color-learn-more-btn{
    justify-content: flex-start;
}
.design-camera-color-popup-swiper-control-btn{
    justify-content: flex-end;
    margin-right: 8.23vw;
}
.design-camera-color-learn-more-popup .design-camera-color-popup-item{
    border-radius: .833vw;
    position: relative;
    overflow: hidden;
    will-change: transform;
}
.design-camera-color-popup-item-text{
    color: #FFFFFF;
    font-size: 1.145vw;
    line-height: 1.25;
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
}
.design-camera-color-popup-item-1{
    margin-left: 8.43%;
    width: 36.2%;
}
.design-camera-color-popup-item-2{
    margin-top: -20.5%;
    margin-left: 62.79%;
    width: 32%;
}
.design-camera-color-popup-item-3{
    margin-top: -9.3%;
    margin-left: 16.378%;
    width: 31.92%;
}
.design-camera-color-popup-item-4{
    margin-top: -19.23%;
    margin-left: 56.95%;
    width: 34.6%;
}
.design-camera-color-popup-item-5{
    margin-top: 10.89%;
    margin-left: 5.16%;
    width: 50.44%;
}
.design-camera-color-popup-item-6{
    margin-top: -28%;
    margin-left: 66.44%;
    width: 28.4%;
}
.product-common-swiper-item-image{
    border-radius: .833vw;
    overflow: hidden;
    position: relative;
    will-change: transform;
}
.product-common-swiper-item-image video{
    will-change: transform;
}
.product-common-swiper-item-image .video-control-btn-container{
    right: 1.25vw;
    bottom: 1.25vw;
}
.product-common-swiper-item-image-border{
    border: 1px #191919 solid;
    border-radius: .833vw;
    will-change: transform;
}
.product-common-swiper-item-title{
    position: absolute;
    top: 1.8752vw;
    left: 2.08vw;
    opacity: 0;
    transition: all .6s ease;
    will-change: transform;
}
.product-common-swiper-item-text{
    margin-top: 2.08vw;
    margin-left: .833vw;
    opacity: 0;
    transition: all .6s ease;
}
.product-common-swiper .swiper-slide-active .product-common-swiper-item-title{
    opacity: 1;
}
.product-common-swiper .swiper-slide-active .product-common-swiper-item-text{
    opacity: 1;
}
.product-common-swiper-item-disclaimer{
    margin-top: 1.33em;
}
.product-common-swiper .swiper-control-container{
    display: flex;
    justify-content: flex-end;
    margin-right: 16.25%;
}
.system-ai-translate-container .product-common-swiper-item-image{
    background-color: #131313;
    border-radius: .833vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.system-ai-translate-media{
    width: 28.888%;
    margin: 2.73vw 0;
    position: relative;
    will-change: transform;
}
.system-ai-translate-video{
    border-radius: 1px;
    overflow: hidden;
    will-change: transform;
}
.system-ai-translate-phone-frame{
    position: relative;
    z-index: 2;
    will-change: transform;
}
.design-camera-p-night-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    width: 50%;
}
.design-camera-p-night-title{
    width: 36%;
}
.design-camera-p-night-text{
    width: 47%;
}
.design-camera-p-night-image-container{
    margin: 0 auto;
    height: 34.375vw;
    position: relative;
    overflow: hidden;
}
.design-camera-p-night-image{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130vw;
    transform: translate(-50%,-50%);
}
.design-camera-p-portrait-container{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 67.5%;
}
.design-camera-p-portrait-container.hidden-web{
    display: none;
}
.design-camera-p-portrait-1{
    width: 50.54%;
}
.design-camera-p-portrait-1 .design-camera-p-portrait-image-container{
    border-radius: .833vw;
    height: 32.7vw;
    overflow: hidden;
    will-change: transform;
}
.design-camera-p-portrait-image{
    will-change: transform;
}
.design-camera-p-portrait-2{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 2.08vw;
    width: 33.8%;
}
.design-camera-p-portrait-2 .design-camera-p-portrait-image-container{
    border-radius: .833vw;
    height: 25.1vw;
    transform: translateY(15%);
    overflow: hidden;
    will-change: transform;
}
.design-camera-p-portrait-text{
    box-sizing: border-box;
    margin: 2.5vw auto 0;
    width: 75%;
    text-align: center;
    padding-left: 4vw;
}
.design-camera-p-portrait-3{
    display: flex;
    justify-content: flex-end;
    margin-top: 2.08vw;
    width: 100%;
}
.design-camera-p-portrait-3 .design-camera-p-portrait-image-container{
    border-radius: .833vw;
    width: 50.9vw;
    height: 26vw;
    transform: translateY(15%);
    overflow: hidden;
    will-change: transform;
}

.section-system{
    background-color: #000000;
    margin-top: -1px;
}
.system-intro{
    /* overflow: hidden; */
}
.system-intro-title{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    width: 80%;
}
.system-intro-title-content-container{
    position: relative;
    z-index: 2;
}
.main-container .h2 .system-intro-title-content-container{
    background: none;
}
.system-intro-title-content{
    background: linear-gradient(135deg,#A3D3FF 0,#EDC772 40%,#C4A0E3 75%,#9BDFF4 100%);
    color: transparent;
    -webkit-background-clip: text;
    font-weight: 400;
    transform: translateY(75%);
    opacity: 0;
}
.system-intro-title-icon{
    width: 8.85vw;
    transform: scale(3);
}
.system-intro-title-icon video{
    mix-blend-mode: lighten;
}
.system-intro-title.active .system-intro-title-left,
.system-intro-title.active .system-intro-title-right{

}
.system-intro-title.active .system-intro-title-icon{

}
.system-intro-image{
    margin: 3.75% auto 0;
    width: 30%;
}
.system-xiaoyi{
    position: relative;
    height: 130vh;
}
.system-xiaoyi-container{
    position: sticky;
    height: 100vh;
    top: 0;
    overflow: hidden;
}
.system-xiaoyi-text p{
    color: #FFFFFF;
}
.system-xiaoyi-image img{
    object-fit: cover;
    height: 100vh;
}
.system-xiaoyi-image video{
    object-fit: cover;
    height: 100vh;
}
.system-xiaoyi-content{
    width: 26.25vw;
    position: absolute;
    left: 9.375vw;
    bottom: 3.125vw;
    z-index: 3;
    color: rgb(255, 255, 255);
    opacity: 0;
    transform: translateY(25%);
    transition: transform 1s,opacity 1s;
}
.system-xiaoyi-content .product-disclaimer{
    margin-top: 3.125vw;
}
.system-xiaoyi.active .system-xiaoyi-content{
    opacity: 1;
    transform: translateY(0px);
}
.system-xiaoyi-container::after{
    background: linear-gradient(to bottom,#00000000,#000000FF);
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20.8vw;
    opacity: 0;
    width: 100%;
    transition: opacity .6s ease;
}
.system-xiaoyi.active .system-xiaoyi-container::after{
    opacity: .6;
}
.system-xiaoyi-image{
    position: relative;
}
.system-xiaoyi-pop-video{
    cursor: pointer;
    position: absolute;
    right: 9.375vw;
    bottom: 3.33vw;
    width: 2.916vw;
}
.system-xiaoyi-video-popup-btn{
    position: absolute;
    right: 6.25vw;
    bottom: 2.5vw;
    z-index: 2;
}
.system-xiaoyi-card{
    background-color: #131313;
    border-radius: .833vw;
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 67.5%;
    overflow: hidden;
    will-change: transform;
}
.system-xiaoyi-card-image{
    margin-left: 11.42vw;
    width: 13.41vw;
    padding: 2.89vw 0;
}
.system-xiaoyi-card-content{
    margin-left: 11vw;
    width: 18vw;
}
.system-fingertips-container{
    margin: 4.58vw auto 0;
    width: 67.5%;
    text-align: center;
}
.system-fingertips-cards-swiper{
    display: none;
}
.system-fingertips-control{
    display: none;
}
.system-fingertips-cards-row{
    display: flex;
    justify-content: space-between
}
.system-fingertips-card{
    border-radius: .833vw;
    width: 49%;
    overflow: hidden;
    will-change: transform;
    position: relative;
}
.system-fingertips-text{
    margin: 0 auto;
    width: 62%;
}
.system-ai-theme-container{
    position: relative;
}
.system-ai-theme-main-part{
    position: sticky;
    bottom: 0;
}
.system-ai-theme-canvas-container{
    display: flex;
    position: absolute;
    bottom: 0.25%;
    left: 49.9%;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 2;
    /* transition: opacity .6s ease; */
}
.system-ai-theme-container.active .system-ai-theme-canvas-container{
    opacity: 0;
    transition: opacity .6s ease 2.375s;
}
.system-ai-theme-canvas{
    width: 50vw;
    height: 43.75vw;
    /* transition: transform 3s ease .6s; */
}
.system-ai-theme-container.active .system-ai-theme-canvas{
    transform: translateY(20.75%) scale(.5);
    transition: transform 1s ease 1.375s;
}
.system-ai-theme-canvas canvas{
    width: 100%;
    height: 100%
}
.system-ai-theme-content{
    margin: 0 auto;
    width: 41%;
    text-align: center;
}
.system-ai-theme-row{
    margin: 0 auto;
    width: 61.66vw;
    opacity: 0;
    /* transition: opacity .6s ease; */
}
.system-ai-theme-container.active .system-ai-theme-row{
    opacity: 1;
    transition: opacity .6s ease 2.375s;
}
.main-container .swiper-wrapper{
    transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
.system-ai-theme-swiper .swiper-wrapper{
    justify-content: space-between;
    align-items: center;
}
.system-ai-theme-swiper .swiper-slide{
    width: auto;
}
.system-ai-theme-swiper .swiper-slide:nth-of-type(1){
    order: 2;
}
.system-ai-theme-swiper .swiper-slide:nth-of-type(2){
    order: 3;
}
.system-ai-theme-swiper .swiper-slide:nth-of-type(3){
    order: 1;
}
.system-ai-theme-item-1{
    width: 17.5vw;
}
.system-ai-theme-item-2,
.system-ai-theme-item-3{
    width: 15.3125vw;
}
.system-ai-theme-item-text{
    color: #F5F5F7;
    font-size: 1.04vw;
    margin-top: 1.125vw;
    text-align: center;
}
.system-ai-theme-item-image{
    position: relative;
}
.system-ai-theme-item-ui-container{
    border-radius: 2.22vw;
    cursor: pointer;
    position: absolute;
    top: .75%;
    left: 1%;
    width: 98%;
    overflow: hidden;
    z-index: 1;
    will-change: transform;
}
.system-ai-theme-item-frame{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 2;
    will-change: transform;
}
.system-ai-theme-learn-more-btn-container{
    margin-top: 4.167vw;
}
.system-ai-theme-popup-text{
    margin: 2.08vw auto 0;
    width: 33vw;
    text-align: center;
}
.system-ai-theme-learn-more-popup .common-popup-content-container{
    width: 67.5%;
}
.system-ai-theme-popup-image{
    border-top-left-radius: .833vw;
    border-top-right-radius: .833vw;
    margin: -5.5vw auto 0;
    width: 100%;
    overflow: hidden;
    will-change: transform;
}
.system-ai-theme-container .product-disclaimer{
    margin-top: 2.91vw;
    text-align: center;
}
.system-feature-1-swiper .swiper-slide{
    width: 46.2vw;
}
.system-feature-1-swiper .swiper-slide:nth-of-type(3){
    width: 66.5vw;
}
.q7-common-sound-wrapper{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    user-select: none;
    pointer-events: none;
}
.q7-common-sound-wrapper .q7-sound-cwave1 {
    width: 3.80208vw;
    height: 5.83333vw;
    top: 21.75vw;
    left: 20.4vw;
}
.q7-common-sound-wrapper .q7-sound-cwave {
    position: absolute;
}
.q7-common-sound-wrapper .q7-sound-cwave-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.q7-common-sound-wrapper .q7-sound-cwave-img {
    width: 100%;
    opacity: 0;
}

.q7-common-sound-wrapper .q7-sound-cwave-img1 {
    -webkit-animation: cwave 3s linear infinite 0s;
    animation: cwave 3s linear infinite 0s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.q7-common-sound-wrapper .q7-sound-cwave-img2 {
    -webkit-animation: cwave 3s linear infinite 0s;
    animation: cwave 3s linear infinite 1s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.q7-common-sound-wrapper .q7-sound-cwave-img3 {
    -webkit-animation: cwave 3s linear infinite 0s;
    animation: cwave 3s linear infinite 2s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
@keyframes cwave {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: scale(1.59)
    }

    100% {
        opacity: 0;
        transform: scale(2.567)
    }
}
.system-feature-2-container .system-feature-2-disclaimer{
    font-size: .73vw;
    margin-top: 2.91vw;
    text-align: center;
}
@media (max-width: 1920px) {
    .system-feature-2-container .system-feature-2-disclaimer{
        font-size: 14px;
    }
}
.system-performance-detail-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    width: 42.5%;
}
.system-performance-content{
    width: 50%;
}
.system-performance-image{
    margin: 0 auto;
    width: 66.3%;
}
.system-performance-detail-container{
    margin: 0 auto;
    width: 40%;
    position: relative;
}
.system-performance-detail-row{
    display: flex;
    justify-content: space-between;
}
.system-performance-detail-compare-container{
    width: 42%;
}
.system-performance-detail-num-container{
    width: 25%;
}
.system-performance-detail-compare-title{
    color: #F5F5F7;
    font-size: 1.25vw;
    line-height: 1.25;
    margin-bottom: .833vw;
    margin-left: .5em;
}
.system-performance-detail-num-title{
    color: #969699;
    font-size: 1.145vw;
    line-height: 1.25;
}
.system-performance-detail-num-text{
    background: linear-gradient(135deg,#EAE9E8,#B1AEAA);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 4.11vw;
    line-height: 1.25;
}
.system-performance-detail-num-text .system-performance-detail-num-text-2{
    font-size: .5em;
}
.system-performance-detail-num-text-3{
    color: #969699;
    font-size: .833vw;
    line-height: 1.25;
}
.system-performance-select-btn-container{
    display: flex;
    justify-content: center;
}
.system-performance-select-btn .shine-wrapper{
    width: 16vw;
}
.system-performance-select-btn .product-shine-button-item{
    justify-content: space-between;
}
.system-performance-select-btn-container .button-svg{
    width: .73vw;
    margin-left: 2.5vw;
    margin-right: 1vw;
    transform: translateY(-10%) rotate(315deg);
}
.system-performance-select-btn.active .system-performance-select-list-container{
    display: block;
}
.system-performance-select-list-container{
    position: absolute;
    top: 100%;
    width: 100%;
    background-color: #414141;
    border-radius: 6px;
    display: none;
    z-index: 10;
    will-change: transform;
}
.system-performance-select-list-wrapper{
    position: relative;
    display: flex;
    margin: 0 auto;
}
.system-performance-select-list{
    box-sizing: border-box;
    display: block;
    padding: .4167vw 0;
    width: 100%;
}
.system-performance-select-item{
    color: #969699;
    padding: 8px 24px;
    cursor: pointer;
    position: relative;
    font-size: .833vw;
    list-style: none;
}
.system-performance-select-item:hover{
    color: #FFFFFF;
}
.system-performance-select-item.active{
    background-color: #414141;
    color: #FFFFFF;
}
.system-performance-select-item.active::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    width: 6px;
    height: 12px;
    border-color: #FFF;
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: translateY(-50%) rotate(45deg);
}
.system-signal-container{
    margin-top: -14vw;
    position: relative;
}
.system-signal-text{
    margin: 0 auto;
    width: 48%;
    text-align: center;
}
.system-signal-image-container{
    margin: 0 auto;
    width: 67.5%;
}
.system-signal-image-satellite{
    border-radius: .833vw;
    overflow: hidden;
    will-change: transform;
}
.system-signal-image-lingxi{
    background-color: #131313;
    border-radius: .833vw;
    display: flex;
    align-items: center;
    position: relative;
    will-change: transform;
}
.system-signal-image-lingxi-content{
    margin-right: 8.3vw;
    margin-left: 7.18vw;
    width: 23.64vw;
}
.system-signal-image-lingxi-media{
    width: 19.63vw;
}
.system-screen-container{
    overflow: hidden;
}
.system-screen-content{
    margin-left: 35.4%;
    width: 35.5%;
}
.system-screen-content .h2{
    justify-content: flex-start;
    text-align: left;
}
.system-screen-text{
    
}

.system-screen-image{
    margin: 0 auto;
    width: 72%;
    opacity: .6;
    transform: translateY(3.90625vw) scale(1.163);
    transition: all .8s ease;
}
.system-screen-image-container.active .system-screen-image{
    opacity: 1;
    transform: translateY(0) scale(1);
}
.system-feature-3{
    position: relative;
    z-index: 1;
}
.system-feature-3-item-1{
    width: 46.875vw;
}
.system-feature-3-item-2{
    width: 46.875vw;
}
.system-feature-3-item-3{
    width: 67.5vw;
}
.system-feature-3-swiper .product-common-swiper-item-title{
    opacity: 0;
    transition: opacity .6s ease;
}
.system-feature-3-swiper .product-common-swiper-item-text{
    opacity: 0;
    transition: opacity .6s ease;
}
.swiper-slide-active .product-common-swiper-item-title{
    opacity: 1;
}
.swiper-slide-active .product-common-swiper-item-text{
    opacity: 1;
}
.section-accessory{

}
.accessory-phonecase-title{
    margin: 0 auto;
    width: 40%;
    text-align: center;
}
.accessory-phonecase-main-container{
    border-radius: .833vw;
    margin: 0 auto;
    width: 67.5%;
    position: relative;
    overflow: hidden;
    will-change: transform;
}
.accessory-phonecase-row{
    display: flex;
    position: absolute;
    top: 4.2vw;
    left: 10.36vw;
}
.accessory-phonecase-item:nth-of-type(1){
    width: 18.54vw;
}
.accessory-phonecase-item:nth-of-type(2){
    width: 18.4vw;
}
.accessory-phonecase-item:nth-of-type(3){
    width: 18.54vw;
}
.accessory-phonecase-item-link-container{
    margin-top: -3.25vw;
    margin-left: 1vw;
    position: relative;
    z-index: 1;
    will-change: transform;
}
.accessory-phonecase-item-2 .accessory-phonecase-item-link-container{
    margin-left: 2.1vw;
}
.accessory-phonecase-item-3 .accessory-phonecase-item-link-container{
    margin-left: 1vw;
}
.accessory-phonecase-item-link a{
    color: #39342B;
    font-size: 1.04vw;
    line-height: 1.25;
}
.link-gt{
    display: inline-block;
    margin-left: .36em;
    transition: transform .3s ease-out;
}
.link-gt svg{
    width: .36em;
    height: .588em;
}
.accessory-phonecase-item-link:hover .link-gt{
    transform: translateX(3px);
}
.accessory-phonecase-disclaimer{
    margin: 1.67vw auto 0;
    width: 67.5%;
    text-align: right;
}
.accessory-more-part-text{
    display: flex;
    justify-content: center;
}
.accessory-more-part-text.hidden-web{
    display: none;
}
.accessory-more-part-link a{
    color: #969699;
    font-size: 1.04vw;
    line-height: 1.25;
}
.accessory-more-part-link:hover .link-gt{
    transform: translateX(3px);
}
.accessory-more-part-image{
    border-radius: .833vw;
    margin: 0 auto;
    width: 67.5%;
    overflow: hidden;
    position: relative;
    will-change: transform;
}
.accessory-more-part-disclaimer {
    margin: 1.67vw auto 0;
    width: 67.5%;
    text-align: right;
}



.section-disclaimer{

}
.disclaimer-container{
    color: #797979;
    font-size: 12px;
    margin: 0 auto;
    width: 67.5%;
    overflow: hidden;
}
.disclaimer-container ol{
    list-style-type: decimal;
    padding-left: 2em;
}
.disclaimer-container li{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    line-height: 1.6em;
}
.disclaimer-container .price{
    list-style: none;
    position: relative;
}
.disclaimer-container .price::before{
    content: "*";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-125%);
}
.disclaimer-container .no-num{
    list-style: none;
}
.disclaimer-container .other{
    list-style: none;
    position: relative;
}
.disclaimer-container .other::before{
    content: "**";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-125%);
}
.disclaimer-container .more-discalimer{
    list-style: none;
    margin-top: 2vw;
}
.disclaimer-container .active{
    color: #FFFFFF;
    opacity: 1;
}
.disclaimer-link{
    color: #2997FF;
    word-wrap: break-word;
}
.disclaimer-tips-container{
    margin-bottom: 2.08vw;
}
@media (min-width: 1920px){
    .disclaimer-container{
        font-size: .625vw;
    }
}
@media (max-width:1200px) {
    .main-container .product-disclaimer{
        font-size: 1.16vw;
    }
}
.gray-background-container{
    background-color: #000000;
    position: relative;
}
.gray-background-container::before{
    background: linear-gradient(to bottom,#000000 0,#101010 9%,#101010 100%);
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 92%;
}
@media (max-aspect-ratio: 11/10){
    .header-top{
        top: 0;
    }
    .hidden-web{
        display: block;
    }
    .main-container .hidden-mob{
        display: none;
    }
    .hidden-inline-web{
        display: inline-block;
    }
    .space-300{
        height: 21.42vw;
    }
    .space-280{
        height: 20vw;
    }
    .space-240{
        height: 17.14vw;
    }
    .space-200{
        height: 14.28vw;
    }
    .space-180{
        height: 12.857vw;
    }
    .space-160{
        height: 11.428vw;
    }
    .space-140{
        height: 10vw;
    }
    .space-120{
        height: 8.57vw;
    }
    .space-100{
        height: 7.14vw;
    }
    .space-80{
        height: 5.71vw;
    }
    .space-64{
        height: 4.57vw;
    }
    .space-60{
        height: 4.28vw;
    }
    .space-48{
        height: 3.42vw;
    }
    .space-40{
        height: 2.85vw;
    }
    .space-32{
        height: 2.28vw;
    }
    .space-30{
        height: 2.14vw;
    }
    .space-24{
        height: 1.71vw;
    }
    .space-20{
        height: 1.428vw;
    }
    .sticky-viewport{
        height: 100vh;
        top: 0;
    }
    .main-container{
        font-size: 1.14vw;
    }
    .main-container .big-title{
        font-size: 13.89vw;
        line-height: normal;
    }
    .main-container .small-title{
        font-size: 6.66vw;
        font-weight: bold;
        line-height: 1.25;
    }
    .main-container .h2{
        font-size: 6.857vw;
    }
    .main-container .h3{
        font-size: 4.57vw;
    }
    .main-container .subtitle{
        font-size: 6.667vw;
        font-weight: bold;
        line-height: 1.25;
    }
    .main-container .h4{
        font-size: 3.42vw;
    }
    .main-container .h5{
        font-size: 3.42vw;
    }
    .main-container .big-title-xs{
        font-size: 11.1vw;
    }
    .main-container .h2-xs{
        font-size: 8.8vw;
    }
    .main-container .h3-xs{
        font-size: 11.1vw;
    }
    .main-container .h4-xs{
        font-size: 9.16vw;
    }
    .main-container p{
        font-size: 2.285vw;
    }
    .main-container .smaller-text{
        font-size: 3.6vw;
        line-height: 1.6;
    }
    .main-container .product-disclaimer{
        font-size: 1.71vw;
        margin-top: 1.14vw;
    }
    .main-container .product-subtitle{
  	    font-size: 3.888vw;
    }
    .main-container .swiper-wrapper{
        transition-timing-function: ease;
    }
    .video-pop-play{
        font-size: 3.888vw;
    }
    .auto-video-btn{
        font-size: 3.8vw;
    }
    .common-transform-show{
        opacity: 0;
        transform: translateY(5.55vw);
    }
    .common-scroll-bar{
        background-color: #C7C7C7;
        width: 33.33vw;
        height: 1px;
        position: relative;
    }
    .common-scroll-bar .swiper-scrollbar-drag{
        background-color: #B8E522;
        border-radius: 3px;
        margin-top: -1px;
        height: 3px;
    }
    .common-swiper-btn-container{
        display: flex;
    }
    .common-swiper-btn-container .common-control-swiper-btn:first-child{
        margin-right: 3.722vw;
    }
    .common-control-swiper-btn{
        cursor: pointer;
        opacity: 1;
        transition: opacity .3s ease;
    }
    .common-control-swiper-btn.btn-disable{
        cursor: default;
        opacity: .6;
    }
    .common-popup-btn-container svg{
        width: 8.333vw;
        height: 8.333vw;
    }
    .common-popup-btn-container:hover .common-popup-btn-light{
        opacity: 0;
    }
    .video-replay-btn{
        font-size: 2.28vw;
    }
    .video-replay-btn svg{
        box-sizing: border-box;
        width: 1.78vw;
        height: 1.92vw;
        padding: 1px;
    }
    .swiper-btn-before{
        display: none;
    }
    .swiper-prev-btn{
        margin-right: 2.857vw;
    }
    .swiper-next-btn{
        margin-right: 0vw;
    }
    .swiper-prev-btn:hover:not(.btn-disable) .svg-hover-opacity,
    .swiper-next-btn:hover:not(.btn-disable) .svg-hover-opacity{
        opacity: 1;
    }
    .swiper-next-btn .product-shine-button .product-shine-button-item{
        padding: 1.64vw 1.93vw 1.64vw 1.35vw;
    }
    .swiper-prev-btn .product-shine-button .product-shine-button-item{
        padding: 1.64vw 1.35vw 1.64vw 1.93vw;
    }
    .swiper-control-btn .product-shine-button .button-svg svg{
        width: 2.42vw;
        height: 2.42vw;
    }
    .swiper-control-btn .product-shine-button .button-svg{
        width: 2.42vw;
    }
    .product-shine-button .shine-inside::before{
        height: 2.4vw;
    }
    .product-shine-button .shine-inside::after{
        height: 2.4vw;
    }
    .swiper-control-btn .product-shine-button .shine-inside::before{
        top: -1.6vw;
    }
    .swiper-control-btn .product-shine-button .shine-inside::after{
        bottom: -1.6vw;
    }
    .swiper-control-btn .product-shine-button .shine-inside::before, .swiper-control-btn .product-shine-button .shine-inside::after{
        filter: blur(1.3vw);
    }
    .swiper-control-btn .shine-wrapper:hover .shine-inside{
        opacity: 1;
    }
    .kv-content-price-container{
        margin-top: 0;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
    }
    .huawei-product-buy-btn-container{
        flex-direction: column;
        margin-top: 5.14vw;
        padding-top: 0;
    }
    .huawei-product-buy-btn{
        margin-top: 24px;
        margin-left: 0;
    }
    .huawei-product-buy-btn-price{
        font-size: 2.857vw;
    }
    .huawei-product-buy-btn-price span{
        font-size: 1.857vw;
    }
    .video-control-btn-container{
        right: 2.857vw;
        bottom: 2.857vw;
    }
    .video-control-btn-container:hover{
        opacity: 1;
    }
    .video-control-btn-container svg{
        width: 5.7vw;
        height: 5.7vw;
    }
    .product-common-swiper-item-image .video-control-btn-container{
        right: 2.85vw;
        bottom: 2.85vw;
    }
    .system-ai-translate-container .product-common-swiper-item-image{
        border-radius: 1.14vw;
    }
    .system-ai-translate-media{
        margin: 3.64vw 0;
    }
    .product-common-swiper-item-image-border{
        border-radius: 1.14vw;
    }
    .kv-image-container{
        overflow: hidden;
    }
    .kv-image-container img{
        transform: scale(1.1);
        transform-origin: 50% 0%;
        width: 100%;
    }
    .kv-container{
        background-color: #FFFFFF;
    }
    .kv-container .sticky-viewport{
        height: auto;
    }
    .kv-content-container{
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        margin: 10vw auto 0;
        padding: 0;
        width: 100%;
        transform: translate(0, 15%);
    }
    .kv-container.active .kv-content-container{
        transform: translate(0, 0);
    }
    .kv-product-name svg{
        width: 68vw;
        height: 8.76vw;
    }
    .kv-slogan-container{
        font-size: 6.28vw;
        margin-top: 3.42vw;
        margin-bottom: 3.42vw;
    }
    .kv-slogan-detail{
        font-size: 3vw;
        margin-bottom: 5.71vw;
    }
    .kv-features{
        font-size: 2.78vw;
    }
    .kv-product-video{
    }
    .kv-product-video .video-pop-play{
        font-size: 3vw;
    }
    .kv-product-video .video-pop-play svg{
        margin-left: 2.57vw;
        width: 5.5vw;
        height: 5.5vw;
    }
    .kv-intro-container{
        margin-top: 0;
        overflow: hidden;
    }
    .kv-intro-text-container{
        font-size: 6.667vw;
    }
    .kv-intro-bg-container{
        height: 118vw;
    }
    .kv-intro-bg-top{
        top: 52%;
    }
    .kv-intro-bg-bottom{
        bottom: 10%;
    }
    .reasontobuy-item-container{
        flex-direction: column;
        height: 100%;
    }
    .reasontobuy-item-image-container{
        border-radius: 1.14vw;
    }

    .kv-reasontobuy{
        margin-top: 0;
    }
    .kv-reasontobuy-bg{
    }
    .reasontobuy-item-content{
        top: 3.42vw;
        left: 3.42vw;
    }
    .reasontobuy-item-content-title{
        font-size: 3.43vw;
        opacity: 1;
        width: 100%;
    }
    .reasontobuy-item-content-text{
        font-size: 2.285vw;
        opacity: 1;
    }
    .reasontobuy-endurance-content-container{
        top: 19.88%;
        left: 16%;
        width: 75.67%;
    }
    .reasontobuy-endurance-content-item{
        box-sizing: border-box;
        border-radius: 2.22vw;
        margin: 0;
        padding: 3.2vw 2.7vw 2.22vw;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        pointer-events: none;
        width: 100%;
        transition: opacity .6s ease;
    }
    .reasontobuy-endurance-content-item:first-child{
        position: relative;
    }
    .reasontobuy-item-image-container[data-index="0"] .reasontobuy-endurance-content-item:nth-of-type(1){
        opacity: 1;
        pointer-events: all;
    }
    .reasontobuy-item-image-container[data-index="1"] .reasontobuy-endurance-content-item:nth-of-type(2){
        opacity: 1;
        pointer-events: all;
    }
    .reasontobuy-endurance-image-container{
        top: 56%;
        left: 14%;
        width: 62%;
    }
    .reasontobuy-endurance-bg-container{
        top: 66.3%;
        left: 50%;
    }
    .reasontobuy-endurance-bg svg{
        width: 27.625vw;
        height: 34.375vw;
    }
    .reasontobuy-container{
        padding-bottom: 0;
    }
    .reasontobuy-container .space-64{
        height: 4.57vw;
    }
    .reasontobuy-endurance-content-item-title{
        font-size: 4.44vw;
    }
    .reasontobuy-endurance-content-item-line{
        margin: 1.67vw 0 2.5vw;
        width: 92.7%;
    }
    .reasontobuy-endurance-content-item-detail-day{
        font-size: 3.88vw;
    }
    .reasontobuy-endurance-content-item-detail-text-1{
        font-size: 2.22vw;
    }
    .reasontobuy-endurance-content-item-detail-text-2{
        font-size: 2.5vw;
    }
    .reasontobuy-endurance-content-item-detail-text-3{
        font-size: 2.22vw;
    }
    .reasontobuy-endurance-content-item-detail-text-3-btn{
        border-radius: .55vw;
        margin-top: 2em;
    }
    .reasontobuy-swiper-btn-shdow-top-bottom{
        border-radius: 12.22vw;
    }
    .reasontobuy-swiper-btn-shdow-left-right{
        border-radius: 12.22vw;
    }
    .reasontobuy-swiper-btns{
        border-radius: 6.28vw;
        padding: 2.28vw 0;
    }
    .reasontobuy-swiper-prev-btn{
        padding: 0 2.85vw;
    }
    .reasontobuy-swiper-next-btn{
        padding: 0 2.85vw;
    }
    .reasontobuy-swiper-prev-btn:hover,
    .reasontobuy-swiper-next-btn:hover{
        opacity: 1;
    }
    .reasontobuy-swiper-btns .btn-disable{
        cursor: default;
        opacity: 0.3;
    }
    .reasontobuy-swiper-btns .reasontobuy-swiper-pagination{

    }
    .reasontobuy-swiper-btns .reasontobuy-swiper-prev-btn,
    .reasontobuy-swiper-btns .reasontobuy-swiper-next-btn{

    }
    .reasontobuy-swiper-btns svg{
        width: 1.515vw;
        height: 2.415vw;
    }
    .reasontobuy-control-container{
        /* padding-bottom: 1vw; */
    }
    .reasontobuy-swiper-btn-container{
        border-radius: 12.22vw;
        padding: 2px;
    }
    .btn-border-container,.btn-border-shodow-container{
        border-radius: 12.22vw;
    }
    .reasontobuy-swiper-btn-container:hover .btn-border-bg-item, .reasontobuy-swiper-btn-container:hover .btn-shodow-bg-item{
        background-image: conic-gradient(#00000000 0,#2997FF 5%, #2997FF 20%, #00000000 25%, #00000000 50%, #2997FF 55%, #2997FF 70%, #00000000 75%);
        animation-play-state: running;
    }
    .reasontobuy-swiper-btn-container:hover .btn-border-shodow-container{
        opacity: 0;
    }
    .reasontobuy-control-container .reasontobuy-swiper-btns .swiper-pagination-bullet{
        margin-right: 1.71vw;
        width: 1.142vw;
        height: 1.142vw;
    }
    .reasontobuy-control-container .reasontobuy-swiper-btns .swiper-pagination-bullet:last-child{
        margin-right: 0;
    }
    .btn-border-bg{
        width: 140%;
        height: 550%;
    }
    .btn-shodow-bg{
        width: 140%;
        height: 550%;
    }
    .kv-reasontobuy-space{
        height: 23.05vw;
    }
    .reasontobuy-main-swiper{
        transform: scale(1);
    }
    .kv-color-u .hidden-web{
        display: none;
    }
    .kv-color-u .hidden-mob{
        display: block;
    }
    #kv-color-u-image-background-animation{
        height: 70vw;
    }
    .kv-color-u-image-background-svg{
        height: 70vw;
    }
    .kv-color-u-image-swiper-container{
       margin: 4.57vw auto 2.85vw;
       width: 90.85714285714286vw;
    }
    .kv-color-u-content{
        width: 75%;
    }
    .kv-color-u-image-swiper-control-btn-item{
        width: 4.57vw;
        height: 4.57vw;
        padding: 3px;
    }
    .kv-color-u-image-swiper-control-btn-item[data-id="1"]{
        margin-left: 2.85vw;
    }
    .kv-color-u-image-swiper-control-text-container{
        margin-left: 2.28vw;
    }
    .kv-color-u-image-swiper-control-text-item{
        font-size: 2vw;
    }
    .kv-color-u-image-swiper-control-container{
        left: 70%;
    }
    .kv-color-p .hidden-web{
        display: none;
    }
    .kv-color-p .hidden-mob{
        display: block;
    }
    .kv-color-p-text{
        width: 60%;
    }
    .kv-color-p-image-swiper-control-container{
        top: 85%;
        left: 33%;
    }
    .kv-color-p-image-swiper-control-btn-item{
        margin-right: 2.85vw;
        width: 4.57vw;
        height: 4.57vw;
        padding: 3px;
    }
    .kv-color-p-switch-swiper-container{
        margin-bottom: 10vw;
    }
    .kv-color-p-switch-container::before{
        background: linear-gradient(to bottom, #FFFFFF00, #FFFFFFFF 40%,#FCFCFD 100%);
        height: 100%;
    }
    .kv-color-p-image-swiper-control-text-item{
        font-size: 2.85vw;
    }
    .design-intro .space-200.hidden-web{
        display: none;
    }
    .design-intro-content .design-intro-title{
        justify-content: center;
        margin: 0 auto;
        text-align: center;
    }
    .design-intro-content{
        margin: 0 auto;
        width: 73vw;
        text-align: center;
        transform: none;
    }
    .design-intro-image-container{
        margin-top: 5.71vw;
    }
    .design-intro-image{
        transform-origin: 50% 25%;
        width: 100%;
    }
    .design-intro-image-container.active .design-intro-image{
        transform: scale(1);
        transition: transform .6s ease;
    }
    .design-camera-lens-content{
        width: 77.78vw;
        text-align: left;
    }
    .design-camera-lens-title br{
        display: none;
    }
    .design-camera-lens-image{
        border-radius: 1.142vw;
        width: 90.8%;
    }
    .design-camera-portrait-swiper-container{
        width: 90.8%;
    }
    .design-camera-portrait-item-text{
        margin: 2.28vw 0 0 1.14vw;
    }
    .design-camera-portrait-content{
        margin-left: 12.28%;
        width: auto;
        text-align: left;
    }
    .design-camera-portrait-item-text-white{
        font-size: 2.28vw;
    }
    .design-camera-portrait-item-text-gray{
        font-size: 1.71vw;
    }
    .design-camera-portrait-swiper-control{
        margin-top: 2.85vw;
    }
    .swiper-prev-btn svg, .swiper-next-btn svg{
        width: 5.7vw;
        height: 5.7vw;
    }
    .design-camera-sample .hidden-mob{
        display: block;
    }
    .design-camera-sample .hidden-web{
        display: none;
    }
    .design-camera-sample-content{
        display: block;
        margin-left: 12.28%;
        margin-bottom: 0;
        width: 71%;
        text-align: left;
    }
    .design-camera-sample-title{
        width: 100%;
    }
    .design-camera-sample-swiper-pagination-container {
        transform: translateY(9.5vw);
    }
    .design-camera-sample-swiper-pagination-container .swiper-pagination .swiper-pagination-bullet{
        margin-right: 1.71vw;
        width: 1.142vw;
        height: 1.142vw;
    }
    .design-camera-sample-swiper-container{
        margin: 4.28vw auto 0;
        width: 91.11vw;
    }
    .design-camera-sample-swiper.pausing .design-camera-sample-item{
        clip-path: none;
    }
    .design-camera-sample-swiper-cover{
        display: none;
    }
    .design-camera-sample-swiper.pausing .design-camera-sample-item-image{
        transform: scale(1);
    }
    .design-camera-sample-item{
        border-radius: 1.142vw;
    }
    .design-camera-sample-text{
        margin: 2.28vw auto 0;
        width: 100%;
        text-align: left;
    }
    .design-camera-sample-swiper-control-row{
        margin-top: 4.28vw;
        width: 100%;
    }
    .design-camera-sample-swiper-switch-container{
        background: radial-gradient(#FFFFFF22,#FDFEFF22);
        -webkit-backdrop-filter: blur(2vw);
        backdrop-filter: blur(2vw);
        border: 2px #FFFFFF40 solid;
        border-radius: 10.13vw;
        padding: 2px;
        z-index: 3;
    }
    .design-camera-sample-swiper-switch-row::before{
        border-radius: 10.13vw;
    }
    .design-camera-sample-swiper-switch-item{
        font-size: 2.285vw;
        padding: 1.07vw 2.85vw;
    }
    .design-camera-sample-swiper-switch-row[data-index="0"] .design-camera-sample-swiper-switch-item[data-id="1"]:hover{
        opacity: 1;
    }
    .design-camera-sample-swiper-switch-row[data-index="1"] .design-camera-sample-swiper-switch-item[data-id="0"]:hover{
        opacity: 1;
    }
    .product-shine-button .shine-wrapper{
        border-radius: 11.11vw;
    }
    .product-shine-button .shine-item{
        border-radius: 11.11vw;
    }
    .product-shine-button .shine-inside{
        border-radius: 11.11vw;
    }
    .product-shine-button .shine-item::after{
        border-radius: 11.11vw;
    }
    .product-shine-button .product-shine-button-item{
        padding: 1.71vw 1.71vw 1.71vw 3.42vw;
    }
    .shine-wrapper:hover .shine-inside{
        /* opacity: 1; */
    }
    .shine-wrapper:hover .shine-item::after{
        background: linear-gradient(to right, #080808 0, #2C281C 50%, #080808 100%);
    }
    .shine-wrapper:hover .shine-item::before{
        opacity: 1;
    }
    .product-shine-button .button-text{
        font-size: 2vw;
    }
    .product-shine-button .button-svg{
        margin-left: 1.71vw;
        width: 3.42vw;
    }
    .common-popup-content-container{
        width: 88.57vw;
        padding-top: 5.71vw;
        padding-bottom: 5.71vw;
    }
    .common-popup-content-wrapper{
        border-radius: 1.71vw;
        padding-top: 0;
        padding-bottom: 8.57vw;
    }
    .common-popup-close-btn-container{
        top: 1.71vw;
        padding-bottom: 0;
    }
    .common-popup-close-btn{
        margin-top: 1.71vw;
        margin-right: 1.71vw;
        width: 5.71vw;
    }
    .common-popup-close-btn:hover{
        opacity: 1;
    }
    .design-camera-sample-learn-more-popup .common-popup-close-btn-container{
        padding-bottom: 0;
    }
    .design-camera-sky-sample-text{
        margin-bottom: 3.42vw;
    }
    .design-camera-sample-learn-more-popup .hidden-mob{
        display: block;
    }
    .design-camera-sample-learn-more-popup .hidden-web{
        display: none;
    }
    .design-camera-zoom-content{
        margin-left: 12.28%;
        width: 65%;
        text-align: left;
    }
    .design-camera-zoom-title{
        text-align: left;
        width: 100%;
    }
    .design-camera-zoom-swiper{
        border-radius: 1.14vw;
        width: 90.8%;
    }
    .design-camera-zoom-image-container{
        width: 100%;
    }
    .design-camera-zoom-text{
        width: 100%;
        text-align: left;
    }
    .design-camera-zoom-control-container::before{
        background: linear-gradient(to right,#000000FF,#000000FF 30%,#00000000);
        width: 30%;
    }
    .design-camera-zoom-control-container::after{
        background: linear-gradient(to left,#000000FF,#000000FF 30%,#00000000);
        width: 30%;
    }
    .design-camera-zoom-control-text-row{
        margin-bottom: 2.22vw;
    }
    .design-camera-zoom-control-text-item{
        font-size: 3.42vw;
        transform: scale(.666)
    }
    .design-camera-zoom-control-container{
        margin-top: 4.28vw;
    }
    .design-camera-zoom-control-line-row{
        height: 2.24vw;
    }
    .design-camera-zoom-control-line-item{
        margin-left: 1.2vw;
        width: .142vw;
        height: 1.12vw;
    }
    .design-camera-zoom-control-line-group-sp .design-camera-zoom-control-line-item:last-child{
        width: .214vw;
    }
    .design-camera-zoom-control-line-item:last-child{
        width: .214vw;
    }
    .design-camera-zoom-control-container[data-index="0"] .design-camera-zoom-control-line-group[data-id="0"] .design-camera-zoom-control-line-item:last-child{
        height: 2.24vw;
    }
    .design-camera-zoom-control-container[data-index="1"] .design-camera-zoom-control-line-group[data-id="1"] .design-camera-zoom-control-line-item:last-child{
        height: 2.24vw;
    }
    .design-camera-zoom-control-container[data-index="2"] .design-camera-zoom-control-line-group[data-id="2"] .design-camera-zoom-control-line-item:last-child{
        height: 2.24vw;
    }
    .design-camera-zoom-control-container[data-index="3"] .design-camera-zoom-control-line-group[data-id="3"] .design-camera-zoom-control-line-item:last-child{
        height: 2.24vw;
    }
    .design-camera-zoom-control-line-group:first-child{
        margin-left: 9.75vw;
    }
    .design-camera-zoom-control-text-item[data-id="0"]{
        margin-left: 48.5vw;
    }
    .design-camera-zoom-control-text-item[data-id="1"] {
        margin-left: 9vw;
    }
    .design-camera-zoom-control-text-item[data-id="2"] {
        margin-left: 7.25vw;
    }
    .design-camera-zoom-control-text-item[data-id="3"] {
        margin-left: 7.5vw;
    }
    .design-camera-zoom-image-container .design-camera-zoom-control-container .design-camera-zoom-control-wrapper{
        transform: none;
    }
    .design-camera-zoom-control-container[data-index="1"] .design-camera-zoom-control-wrapper{
        transform: translateX(-13.5vw);
    }
    .design-camera-zoom-control-container[data-index="2"] .design-camera-zoom-control-wrapper{
        transform: translateX(-27vw);
    }
    .design-camera-zoom-control-container[data-index="3"] .design-camera-zoom-control-wrapper{
        transform: translateX(-40.5vw);
    }
    .design-camera-zoom-video-mob-replay-btn{
        display: flex;
        justify-content: center;
        position: relative;
        right: 0;
        bottom: 0;
    }
    .design-camera-sky-sample-image{
        border-radius: 1.14vw;
        width: 77vw;
    }
    .design-camera-night-sample{
        border-radius: 1.14vw;
        width: 77vw;
    }
    .design-camera-night-sample-text{
        margin: 8.88vw auto 0;
        width: 72.7vw;
        text-align: center;
    }
    .design-camera-sensor-container{
        display: block;
        width: 100%;
    }
    .design-camera-sensor-content{
        margin-left: 12.28%;
        width: 70%;
    }
    .design-camera-sensor-image{
        border-radius: 1.14vw;
        margin: 4.28vw auto 0;
        width: 90.8%;
    }
    .design-camera-light-title{
        margin-left: 12.28%;
        width: 60%;
        text-align: left;
    }
    .design-camera-light-image{
        border-radius: 1.14vw;
        width: 90.8vw;
    }
    .design-camera-light-text{
        margin-left: 12.28%;
        width: 76%;
        text-align: left;
    }
    .design-camera-light-popup-container{
        margin-top: -7.5vw;
    }
    .design-camera-light-main-swiper{
        border-top-left-radius: 1.71vw;
        border-top-right-radius: 1.71vw;
    }
    .design-camera-light-popup-content{
        flex-direction: column-reverse;
        align-items: flex-start;
        margin: 0 auto;
        width: 77.14vw;
    }
    .design-camera-light-popup-text{
        margin-top: 5.71vw;
        width: 65%;
    }
    .design-camera-light-learn-more-popup .common-popup-content-wrapper{
        padding-bottom: 8.57vw;
    }
    .design-camera-light-popup-swiper-control{
        display: none;
    }
    .design-camera-light-popup-container .design-camera-light-popup-thumb-swiper{
        display: block;
        width: 58%;
    }
    .design-camera-light-popup-thumb-item{
        border-radius: .5vw;
        padding: .1428vw;
    }
    .design-camera-light-popup-thumb-item img{
        border-radius: .285vw;
    }
    .design-camera-zoom-video-container{
        display: block;
        width: 91.11111vw;
    }
    .design-camera-zoom-video-content{
        display: block;
        width: 100%;
    }
    .design-camera-zoom-video-title{
        margin: 0 auto;
        width: 86.11111vw;
    }
    .design-camera-zoom-video-title br{
        display: none;
    }
    .design-camera-zoom-video-text{
        margin: 0 auto;
        width: 86.11111vw;
    }
    .design-camera-zoom-video-media{
        width: 91.11vw;
    }
    .design-camera-zoom-video-media-item{
        border-radius: 1.14vw;
    }
    .design-camera-zoom-video-title{
        width: 77.77vw;
        text-align: center;
    }
    .design-camera-zoom-video-text{
        width: 55vw;
        text-align: center;
    }
    .design-camera-zoom-video-popup-btn{
        right: 2.85vw;
        bottom: 2.85vw;
    }
    .product-common-popup-btn-text{
        font-size: 2.285vw;
    }
    .product-common-popup-btn-icon{
        width: 3.57vw;
        height: 3.57vw;
    }
    .design-camera-color-container{
        display: block;
        margin-left: 0;
        width: 100%;
    }
    .design-camera-color-content{
        margin: 0 auto;
        width: 57vw;
        text-align: center;
    }
    .design-camera-color-image-container{
        margin: 0 auto;
        width: 35.92857%;
    }
    .design-camera-color-image-swiper{
        border-radius: 2.22vw;
    }
    .design-camera-color-switch-container.hidden-mob{
        display: none;
    }
    .design-camera-color-switch-item{
        margin-right: 0;
    }
    .design-camera-color-switch-container.hidden-web{
        display: flex;
        justify-content: space-between;
        margin: 4vw auto 0;
        width: 46.85%;
    }
    .design-camera-color-switch-item-icon-image{
        border-radius: 1.07vw;
        padding: .357vw;
        width: 8.78vw;
    }
    .design-camera-color-switch-item-icon-image img{
        border-radius: .714vw;
    }
    .design-camera-color-switch-item-text{
        font-size: 2.71vw;
        margin-top: .957vw;
    }
    .design-camera-color-learn-more-btn{
        justify-content: center;
    }
    .design-camera-color-popup-swiper{
        margin-top: 5.71vw;
    }
    .design-camera-color-popup-swiper-control-btn{
        margin-right: 5.14vw;
    }
    .design-camera-color-learn-more-popup .design-camera-color-popup-item{
        border-radius: .833vw;
    }
    .design-camera-color-popup-item-text{
        font-size: 2vw;
        right: 1.71vw;
        bottom: 1.71vw;
    }
    .design-camera-color-popup-item-1{
        margin-left: 8.43%;
        width: 36.2%;
    }
    .design-camera-color-popup-item-2{
        margin-top: -20.5%;
        margin-left: 62.79%;
        width: 32%;
    }
    .design-camera-color-popup-item-3{
        margin-top: -9.3%;
        margin-left: 16.378%;
        width: 31.92%;
    }
    .design-camera-color-popup-item-4{
        margin-top: -19.23%;
        margin-left: 56.95%;
        width: 34.6%;
    }
    .design-camera-color-popup-item-5{
        margin-top: 10.89%;
        margin-left: 5.16%;
        width: 50.44%;
    }
    .design-camera-color-popup-item-6{
        margin-top: -28%;
        margin-left: 66.44%;
        width: 28.4%;
    }
    .design-camera-fullview-video{

    }
    .design-camera-fullview-video.hidden-mob{
        display: block;
    }
    .design-camera-fullview-video.hidden-web{
        display: none;
    }
    .product-common-swiper-item-text{
        margin-top: 2.85vw;
        margin-left: 1.14vw;
        width: auto;
    }
    .product-common-swiper .swiper-control-container{
        margin-top: 0;
        margin-right: 4.57vw;
    }
    .product-common-swiper .design-camera-feature-swiper-control{
        margin-top: 2.85vw;
    }
    .design-camera-p-night-content{
        display: block;
        margin: 0 auto;
        width: 75.4vw;
    }
    .design-camera-p-night-title{
        width: 100%;
    }
    .design-camera-p-night-text{
        margin-top: 2.28vw;
        width: 100%;
    }
    .design-camera-p-night-image-container{
        border-radius: 1.14vw;
        margin: 1.14vw auto 0;
        height: auto;
        width: 90.8%;
    }
    .design-camera-p-portrait .hidden-mob{
        display: block;
    }
    .design-camera-p-portrait .hidden-web{
        display: none;
    }
    .design-camera-p-portrait-container{
        width: 90.8%;
    }
    .design-camera-p-night-image{
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
    }
    .design-camera-p-portrait .design-camera-p-portrait-container.hidden-mob{
        display: flex;
    }
    .design-camera-p-portrait-1{
        width: 45.8vw;
    }
    .design-camera-p-portrait-2{
        margin-left: 2.85vw;
        width: 30.7vw;
    }
    .design-camera-p-portrait-3{
        margin-top: 2.85vw;
    }
    .design-camera-p-portrait-1 .design-camera-p-portrait-image-container{
        border-radius: 1.14vw;
        height: auto;
    }
    .design-camera-p-portrait-2 .design-camera-p-portrait-image-container{
        border-radius: 1.14vw;
        height: auto;
        transform: none;
    }
    .design-camera-p-portrait-3 .design-camera-p-portrait-image-container{
        border-radius: 1.14vw;
        width: 68.5vw;
        height: auto;
        transform: none;
    }
    .design-camera-p-portrait-text{
        margin-top: 4vw;
        margin-left: 27vw;
        width: 52%;
        text-align: left;
        padding: 0;
    }
    .system-intro-title{
        flex-direction: column;
        position: relative;
    }
    .system-intro-title-left{
        transform: translateY(150%);
    }
    .system-intro-title-right{
        transform: translateY(150%);
    }
    .system-intro-title-icon{
        width: 20vw;
    }
    .system-intro-title.active .system-intro-title-icon{
        opacity: 0;
    }
    .system-intro-title-icon-container{

    }
    .system-intro-image{
        margin-top: 11.11vw;
        width: 100%;
    }
    .system-xiaoyi{
        height: auto;
    }
    .system-xiaoyi-container{
        position: relative;
        height: auto;
    }
    .system-xiaoyi-content{
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        opacity: 1;
        transform: translateY(0);
    }
    .system-xiaoyi-title br{
        display: none;
    }
    .system-xiaoyi-image img{
        height: auto;
    }
    .system-xiaoyi-image video{
        height: auto;
    }
    .system-xiaoyi-content .system-xiaoyi-title{
        margin: 0 auto;
        width: 86.11111vw;
        text-align: center;
    }
    .system-xiaoyi-content .product-disclaimer{
        margin-top: 4.28571vw;
        text-align: center;
    }
    .system-xiaoyi-pop-video{
        right: 8.88vw;
        bottom: 8.88vw;
        width: 11.11vw;
    }
    .system-xiaoyi-image{
        margin: 4.57vw 0;
    }
    .system-xiaoyi-text{
        margin: 0 auto;
        width: 61.85vw;
        text-align: center;
    }
    .system-xiaoyi-text p{
        color: #969699;
    }
    .system-xiaoyi-card{
        border-radius: 2.22vw;
        flex-direction: column;
        width: 91.11%;
    }
    .system-xiaoyi-card-content{
        margin-top: 5.77vw;
        margin-left: 7.3%;
        width: 80%;
    }
    .system-xiaoyi-card-image{
        margin: 8.88vw auto 13.2vw;
        width: 52.48vw;
        padding: 0;
    }
    .system-fingertips-container{
        margin-top: 6.28vw;
        width: 90.857%;
    }
    .system-fingertips-card{
        border-radius: 1.142vw;
        width: 49.05%;
    }
    .system-fingertips-text{
        width: 79.2%;
    }
    .system-cards-content{
        width: 100%;
    }
    .system-cards-content .system-cards-item-image{
        border-radius: 0;
        margin: 8.88vw 0;
    }
    .system-cards-text{
        margin: 8.88vw auto 0;
        width: 77.77vw;
        text-align: left;
    }
    .system-cards-images-container{
        margin-top: 16.67vw;
        width: 100%;
    }
    .system-cards-images-row:nth-of-type(2){
        margin-top: 0;
    }
    .system-cards-item-image{
        border-radius: 2.22vw;
    }
    .system-cards-images-swiper-control{
        display: flex;
        justify-content: flex-end;
    }
    .system-ai-theme-main-part{
        position: relative;
    }
    .system-ai-theme-canvas-container{
        justify-content: center;
        position: relative;
        bottom: 0;
        left: 0;
        transform: none;
    }
    .system-ai-theme-canvas{
        margin: 0 auto;
        width: 70%;
        height: 61.25vw;
    }
    .system-ai-theme-container.active .system-ai-theme-canvas-container{
        opacity: 1;
    }
    .system-ai-theme-container.active .system-ai-theme-canvas{
        transform: none;
    }
    .system-ai-theme-row{
        width: 100%;
        opacity: 1;
    }
    .system-ai-theme-swiper .swiper-wrapper{
        justify-content: flex-start;
        align-items: stretch;
    }
    .system-ai-theme-swiper .swiper-slide:nth-of-type(1),
    .system-ai-theme-swiper .swiper-slide:nth-of-type(2),
    .system-ai-theme-swiper .swiper-slide:nth-of-type(3){
        order: 1;
    }
    .system-ai-theme-swiper .swiper-slide{
        width: 100%;
    }
    .system-ai-theme-item-1{
        width: auto;
    }
    .system-ai-theme-item-2,
    .system-ai-theme-item-3{
        width: auto;
    }
    .system-ai-theme-item-ui-container{
        border-radius: 3.88vw;
    }
    .system-ai-theme-content{
        margin-top: 14vw;
        width: 55.2vw;
    }
    .system-ai-theme-item-text{
        font-size: 2.28vw;
        margin-top: 2.85vw;
    }
    .system-ai-theme-swiper-control-btn{
        display: flex;
        justify-content: center;
        margin-top: 4.57vw;
    }
    .system-ai-theme-next-btn{
        margin-right: 0;
    }
    .system-ai-theme-learn-more-btn-container{
        margin-top: 7.14vw;
    }
    .system-ai-theme-popup-container{

    }
    .system-ai-theme-learn-more-popup .common-popup-content-container{
        width: 92.57%;
    }
    .system-ai-theme-popup-image{
        border-top-left-radius: 1.142vw;
        border-top-right-radius: 1.142vw;
        display: flex;
        margin-top: -7.5vw;
        width: 100%;
    }
    .system-ai-theme-popup-content{
        margin: 4.57vw auto 0;
        width: 78.47vw;
        text-align: left;
    }
    .system-ai-theme-popup-text{
        width: 100%;
        text-align: left;
    }
    .system-ai-theme-popup-content{
        margin: 4.57vw auto 0;
        width: 78.47vw;
        text-align: left;
    }
    .system-ai-theme-popup-text{
        width: 100%;
        text-align: left;
    }
    .system-ai-theme-popup-scroll-tips{
        display: flex;
        justify-content: center;
        margin-top: 6.11vw;
    }
    .system-ai-theme-popup-scroll-tips-content{
        display: flex;
        align-items: center;
    }
    .system-ai-theme-popup-scroll-tips-icon{
        display: flex;
    }
    .system-ai-theme-popup-scroll-tips-icon svg{
        width: 2.5vw;
        height: 1.5vw;
    }
    .system-ai-theme-popup-scroll-tips-text{
        color: #F5F5F7;
        font-size: 2vw;
        margin-left: .5em;
    }
    .system-ai-theme-container .product-disclaimer{
        margin: 4.57vw auto 0;
        width: 65%;
    }
    .product-common-swiper-item-title{
        top: 3vw;
        left: 3.42vw;
    }
    .system-feature-1-swiper .swiper-slide{
        width: 63.3vw;
    }
    .system-feature-1-swiper .swiper-slide:nth-of-type(3){
        width: 90.8vw;
    }
    .q7-common-sound-wrapper .q7-sound-cwave1 {
        width: 5.21429vw;
        height: 8vw;
        top: 29.75vw;
        left: 28vw;
    }
    .system-feature-2-container .system-feature-2-disclaimer{
        margin-top: 4.57vw;
    }
    .system-performance-content{
        width: 39vw;
    }
    .system-performance-image{
        width: 100%;
    }
    .system-performance-detail-container{
        width: 71.11vw;
    }
    .system-performance-detail-compare-title{
        font-size: 2.28vw;
        margin-bottom: 2.28vw;
    }
    .system-performance-select-btn .shine-wrapper{
        width: 30vw;
    }
    .system-performance-select-btn-container{
        justify-content: flex-start;
    }
    .system-performance-select-btn-container .button-svg{
        width: 1.8vw;
        transform: translateY(-20%) rotate(315deg)
    }
    .system-performance-select-item{
        font-size: 2vw;
    }
    .system-performance-detail-num-container{
        width: 43%;
    }
    .system-performance-detail-num-title{
        font-size: 2vw;
    }
    .system-performance-detail-num-text{
        font-size: 9vw;
    }
    .system-performance-detail-num-text-3{
        font-size: 1.71vw;
    }
    .system-signal-container{
        margin-top: -20vw;
    }
    .system-signal-text{
        width: 71.11vw;
    }
    .system-signal-image-container{
        width: 100%;
    }
    .system-signal-image-container .space-200{
        display: none;
    }
    .system-signal-image-satellite{
        border-radius: 0;
    }
    .system-signal-image-lingxi{
        border-radius: 1.14vw;
        margin: 4.57vw auto 0;
        width: 90.8%;
    }
    .system-signal-image-lingxi-content{
        margin: 0 9.07vw 0 9.7vw;
        width: 35vw;
    }
    .system-signal-image-lingxi-media{
        width: 26.42vw;
    }
    .system-signal-image-antenna{
        margin: 19.44vw auto 0;
        width: 91.11vw;
    }
    .system-signal-image-antenna-media{
        border-radius: 2.22vw;
    }
    .system-signal-image-antenna-content{
        top: 5.55vw;
        left: 6.67vw;
        transform: none;
    }
    .system-screen-content{
        text-align: center;
        margin: 0 auto;
        width: 71.11vw;
        opacity: 1;
        transform: none;
    }
    .system-screen-content .h2{
        justify-content: center;
        text-align: center;
    }
    .system-screen-text{
        width: 100%;
    }
    .system-screen-image{
        opacity: 1;
        transform: none;
        width: 90.8%;
    }
    .system-feature-3-container{
        
    }
    .system-feature-3-item-1{
        width: 61vw;
    }
    .system-feature-3-item-2{
        width: 61vw;
    }
    .system-feature-3-item-3{
        width: 87.945vw;
    }
    .system-feature-3-swiper .product-common-swiper-item-title{
        top: 2.57vw;
        left: 2.85vw;
    }
    .system-feature-3-swiper .swiper-control-container{
        margin-top: 5.71vw;
    }
    .accessory-phonecase-main-container{
        border-radius: 1.14vw;
        width: 90.8vw;
    }
    .accessory-phonecase-row{
        top: 5vw;
        left: 11.07vw;
    }
    .accessory-phonecase-item:nth-of-type(1){
        margin-right: 1.07vw;
        width: 25.69vw;
    }
    .accessory-phonecase-item:nth-of-type(2){
        margin-right: 2.42vw;
        width: 25.39vw;
    }
    .accessory-phonecase-item:nth-of-type(3){
        width: 25.69vw;
    }
    .accessory-phonecase-item-link-container{
        margin-top: -4vw;
        margin-left: .5vw;
    }
    .accessory-phonecase-item-2 .accessory-phonecase-item-link-container{
        margin-left: 1.1vw;
    }
    .accessory-phonecase-item-3 .accessory-phonecase-item-link-container{
        margin-left: .5vw;
    }
    .accessory-phonecase-item-link a{
        font-size: 1.71vw;
    }
    .accessory-phonecase-swiper-control.hidden-web{
        display: none;
    }
    .accessory-phonecase-container .accessory-phonecase-disclaimer.hidden-mob{
        display: block;
    }
    .accessory-phonecase-disclaimer{
        margin-top: 2.28vw;
        width: 90.8vw;
    }
    .accessory-more-part .hidden-web{
        display: none;
    }
    .accessory-more-part-image{
        border-radius: 1.14vw;
        margin: 0 auto;
        width: 90.8vw;
    }
    .accessory-more-part-text.hidden-mob{
        display: flex;
        margin: 1.71vw 0 3.42vw;
    }
    .accessory-more-part-link a{
        font-size: 1.71vw;
        text-align: center;
    }
    .accessory-more-part-disclaimer{
        margin-top: 2.85vw;
        width: 90.8vw;
        text-align: right;
    }
    .section-disclaimer{

    }
    .disclaimer-container{
        font-size: 1.71vw;
        width: 90.8vw;
        padding-top: 0;
        padding-bottom: 4.28%;
    }
    .disclaimer-container .more-discalimer{
        margin-top: 5vw;
    }
}
@media (max-aspect-ratio: 7 / 10){
    .header-top{
        top: 0;
    }
    .hidden-web{
        display: block;
    }
    .show-mob{
        display: block;
    }
    .main-container .hidden-mob{
        display: none;
    }
    .hidden-inline-web{
        display: inline-block;
    }
    .space-300{
        height: 34.722vw;
    }
    .space-280{
        height: 27.777vw;
    }
    .space-240{
        height: 33.333vw;
    }
    .space-200{
        height: 27.77vw;
    }
    .space-180{
        height: 25vw;
    }
    .space-160{
        /* height: 22.222vw; */
        height: 27.77vw;
    }
    .space-140{
        height: 19.444vw;
    }
    .space-120{
        height: 16.666vw;
    }
    .space-100{
        height: 13.888vw;
    }
    .space-80{
        height: 11.111vw;
    }
    .space-64{
        height: 8.88vw;
    }
    .space-60{
        height: 8.33vw;
    }
    .space-48{
        height: 6.66vw;
    }
    .space-40{
        height: 5.55vw;
    }
    .space-32{
        height: 4.44vw;
    }
    .space-30{
        height: 4.167vw;
    }
    .space-24{
        height: 3.33vw;
    }
    .space-20{
        height: 2.77vw;
    }
    .sticky-viewport{
        height: 100vh;
        top: 0;
    }
    .main-container{
        font-size: 3.6vw;
    }
    .main-container .big-title{
        font-size: 13.89vw;
        line-height: normal;
    }
    .main-container .small-title{
        font-size: 6.66vw;
        font-weight: bold;
        line-height: 1.25;
    }
    .main-container .h2{
        font-size: 13.33vw;
    }
    .main-container .h3{
        font-size: 8.88vw;
    }
    .main-container .subtitle{
        font-size: 6.667vw;
        font-weight: bold;
        line-height: 1.25;
    }
    .main-container .h4{
        font-size: 6.667vw;
    }
    .main-container .h5{
        font-size: 6.667vw;
    }
    .main-container .big-title-xs{
        font-size: 11.1vw;
    }
    .main-container .h2-xs{
        font-size: 8.8vw;
    }
    .main-container .h3-xs{
        font-size: 11.1vw;
    }
    .main-container .h4-xs{
        font-size: 9.16vw;
    }
    .main-container p{
        font-size: 4.44vw;
    }
    .main-container .smaller-text{
        font-size: 3.6vw;
        line-height: 1.6;
    }
    .main-container .product-disclaimer{
        font-size: 3.33vw;
        margin-top: 2.22vw;
        text-align: left;
    }
    .main-container .product-subtitle{
  	    font-size: 3.888vw;
    }
    .video-pop-play{
        font-size: 3.888vw;
    }
    .auto-video-btn{
        font-size: 3.8vw;
    }
    .common-transform-show{
        opacity: 0;
        transform: translateY(5.55vw);
    }
    .common-scroll-bar{
        background-color: #C7C7C7;
        width: 33.33vw;
        height: 1px;
        position: relative;
    }
    .common-scroll-bar .swiper-scrollbar-drag{
        background-color: #B8E522;
        border-radius: 3px;
        margin-top: -1px;
        height: 3px;
    }
    .common-swiper-btn-container{
        display: flex;
    }
    .common-swiper-btn-container .common-control-swiper-btn:first-child{
        margin-right: 3.722vw;
    }
    .common-control-swiper-btn{
        cursor: pointer;
        opacity: 1;
        transition: opacity .3s ease;
    }
    .common-control-swiper-btn.btn-disable{
        cursor: default;
        opacity: .6;
    }
    .common-popup-btn-container svg{
        width: 8.333vw;
        height: 8.333vw;
    }
    .common-popup-btn-container:hover .common-popup-btn-light{
        opacity: 0;
    }
    .video-replay-btn{
        font-size: 4.44444vw;
    }
    .video-replay-btn svg{
        box-sizing: border-box;
        width: 4.44vw;
        height: 4.93vw;
        padding: 1px;
    }
    .swiper-btn-before{
        display: none;
    }
    .swiper-prev-btn{
        margin-right: 5.55vw;
    }
    .swiper-next-btn{
        margin-right: 8.88vw;
    }
    .swiper-prev-btn:hover:not(.btn-disable) .svg-hover-opacity,
    .swiper-next-btn:hover:not(.btn-disable) .svg-hover-opacity{
        opacity: 1;
    }
    .swiper-next-btn .product-shine-button .product-shine-button-item{
        padding: 3.194vw 3.75vw 3.194vw 2.638vw;
    }
    .swiper-prev-btn .product-shine-button .product-shine-button-item{
        padding: 3.194vw 2.638vw 3.194vw 3.75vw;
    }
    .swiper-control-btn .product-shine-button .button-svg svg{
        width: 4.72vw;
        height: 4.72vw;
    }
    .swiper-control-btn .product-shine-button .button-svg{
        width: 4.72vw;
    }
    .product-shine-button .shine-inside::before{
        height: 2.5vw;
    }
    .product-shine-button .shine-inside::after{
        height: 2.5vw;
    }
    .swiper-control-btn .shine-wrapper:hover .shine-inside{
        opacity: 1;
    }
    .kv-content-price-container{
        margin-top: 0;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
    }
    .huawei-product-buy-btn-container{
        flex-direction: column;
        margin-top: 10vw;
        padding-top: 0;
    }
    .huawei-product-buy-btn{
        margin-top: 24px;
        margin-left: 0;
    }
    .huawei-product-buy-btn-price{
        font-size: 5.56vw;
    }
    .huawei-product-buy-btn-price span{
        font-size: 3.611111111vw;
    }
    .video-control-btn-container{
        right: 5.55vw;
        bottom: 5.55vw;
    }
    .video-control-btn-container svg{
        width: 11.11vw;
        height: 11.11vw;
    }
    .product-common-swiper-item-image .video-control-btn-container{
        right: 5.55vw;
        bottom: 5.55vw;
    }
    .kv-image-container{
        overflow: hidden;
    }
    .kv-image-container img{
        transform: scale(1.1);
        transform-origin: 50% 0%;
        width: 100%;
    }
    .kv-container{
        background-color: #FFFFFF;
    }
    .kv-container .sticky-viewport{
        height: auto;
    }
    .kv-content-container{
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        margin: 16.67vw auto 0;
        padding: 0;
        width: 100%;
        transform: translate(0, 15%);
    }
    .kv-container.active .kv-content-container{
        transform: translate(0, 0);
    }
    .kv-product-name svg{
        width: 82.35vw;
        height: 10.57vw;
    }
    .kv-slogan-container{
        font-size: 7.77vw;
        margin-top: 4.44vw;
        margin-bottom: 4.44vw;
    }
    .kv-slogan-detail{
        font-size: 4.44vw;
        margin-bottom: 6.66vw;
    }
    .kv-features{
        font-size: 2.78vw;
    }
    .kv-product-video{

    }
    .kv-product-video .video-pop-play{
        font-size: 3.88vw;
    }
    .kv-product-video .video-pop-play svg{
        margin-left: 2.22vw;
        width: 6.67vw;
        height: 6.67vw;
    }
    .kv-intro-container{
        margin-top: 0;
        overflow: hidden;
    }
    .kv-intro-text-container{
        font-size: 6.667vw;
    }
    .kv-intro-bg-container{
        height: 118vw;
    }
    .kv-intro-bg-top{
        top: 52%;
    }
    .kv-intro-bg-bottom{
        bottom: 10%;
    }
    .reasontobuy-item-container{
        flex-direction: column;
        height: 100%;
    }
    .reasontobuy-item-image-container{
        border-radius: 2.22vw;
    }

    .kv-reasontobuy{
        margin-top: 0;
    }
    .kv-reasontobuy-bg{
    }
    .reasontobuy-item-content{
        margin: 5.83vw auto 0;
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
        width: 90%;
    }
    .reasontobuy-container.pausing .reasontobuy-item-content-title{
        opacity: 1;
    }
    .reasontobuy-item-content-title{
        color: #333333;
        font-size: 5.55vw;
        opacity: 1;
        width: 100%;
    }
    .reasontobuy-item-content-text{
        color: #797979;
        font-size: 4.44vw;
        margin-top: 2.5vw;
        opacity: 1;
    }
    .reasontobuy-item-1 .reasontobuy-item-content-text{
        color: #797979;
        opacity: 1;
    }
    .reasontobuy-endurance-content-container{
        top: 19.88%;
        left: 16%;
        width: 75.67%;
    }
    .reasontobuy-endurance-content-item{
        box-sizing: border-box;
        border-radius: 2.22vw;
        margin: 0;
        padding: 3.2vw 2.7vw 2.22vw;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        pointer-events: none;
        width: 100%;
        transition: opacity .6s ease;
    }
    .reasontobuy-endurance-content-item:first-child{
        position: relative;
    }
    .reasontobuy-item-image-container[data-index="0"] .reasontobuy-endurance-content-item:nth-of-type(1){
        opacity: 1;
        pointer-events: all;
    }
    .reasontobuy-item-image-container[data-index="1"] .reasontobuy-endurance-content-item:nth-of-type(2){
        opacity: 1;
        pointer-events: all;
    }
    .reasontobuy-endurance-image-container{
        top: 56%;
        left: 14%;
        width: 62%;
    }
    .reasontobuy-endurance-bg-container{
        top: 66.3%;
        left: 50%;
    }
    .reasontobuy-endurance-bg svg{
        width: 27.625vw;
        height: 34.375vw;
    }
    .reasontobuy-container{
        padding-bottom: 0;
    }
    .reasontobuy-container .space-64{
        height: 8.88vw;
    }
    .reasontobuy-endurance-content-item-title{
        font-size: 4.44vw;
    }
    .reasontobuy-endurance-content-item-line{
        margin: 1.67vw 0 2.5vw;
        width: 92.7%;
    }
    .reasontobuy-endurance-content-item-detail-day{
        font-size: 3.88vw;
    }
    .reasontobuy-endurance-content-item-detail-text-1{
        font-size: 2.22vw;
    }
    .reasontobuy-endurance-content-item-detail-text-2{
        font-size: 2.5vw;
    }
    .reasontobuy-endurance-content-item-detail-text-3{
        font-size: 2.22vw;
    }
    .reasontobuy-endurance-content-item-detail-text-3-btn{
        border-radius: .55vw;
        margin-top: 2em;
    }
    .reasontobuy-swiper-btn-shdow-top-bottom{
        border-radius: 12.22vw;
    }
    .reasontobuy-swiper-btn-shdow-left-right{
        border-radius: 12.22vw;
    }
    .reasontobuy-swiper-btns{
        border-radius: 6.28vw;
        padding: 4.44vw 0;
    }
    .reasontobuy-swiper-prev-btn{
        padding: 0 6.94vw;
    }
    .reasontobuy-swiper-next-btn{
        padding: 0 6.94vw;
    }
    .reasontobuy-swiper-prev-btn:hover,
    .reasontobuy-swiper-next-btn:hover{
        opacity: 1;
    }
    .reasontobuy-swiper-btns .btn-disable{
        cursor: default;
        opacity: 0.3;
    }
    .reasontobuy-swiper-btns .reasontobuy-swiper-pagination{

    }
    .reasontobuy-swiper-btns .reasontobuy-swiper-prev-btn,
    .reasontobuy-swiper-btns .reasontobuy-swiper-next-btn{

    }
    .reasontobuy-swiper-btns svg{
        width: 2.51vw;
        height: 4.32vw;
    }
    .reasontobuy-control-container{
        /* padding-bottom: 1vw; */
    }
    .reasontobuy-swiper-btn-container{
        border-radius: 12.22vw;
        padding: 2px;
    }
    .btn-border-container,.btn-border-shodow-container{
        border-radius: 12.22vw;
    }
    .reasontobuy-swiper-btn-container:hover .btn-border-bg-item, .reasontobuy-swiper-btn-container:hover .btn-shodow-bg-item{
        background-image: conic-gradient(#00000000 0,#2997FF 5%, #2997FF 20%, #00000000 25%, #00000000 50%, #2997FF 55%, #2997FF 70%, #00000000 75%);
        animation-play-state: running;
    }
    .reasontobuy-swiper-btn-container:hover .btn-border-shodow-container{
        opacity: 0;
    }
    .reasontobuy-control-container .reasontobuy-swiper-btns .swiper-pagination-bullet{
        margin-right: 3.33vw;
        width: 2.22vw;
        height: 2.22vw;
    }
    .reasontobuy-control-container .reasontobuy-swiper-btns .swiper-pagination-bullet:last-child{
        margin-right: 0;
    }
    .btn-border-bg{
        width: 140%;
        height: 550%;
    }
    .btn-shodow-bg{
        width: 140%;
        height: 550%;
    }
    .kv-reasontobuy-space{
        height: 23.05vw;
    }
    .reasontobuy-main-swiper{
        transform: scale(1);
    }
    .kv-color-u .hidden-web{
        display: block;
    }
    .kv-color-u .hidden-mob{
        display: none;
    }
    .kv-color-u-image-background-canvas{
        display: none;
    }
    #kv-color-u-image-background-animation{
        width: 100vw;
        height: 125vw;
    }
    .kv-color-u-image-container{
        
    }
    .kv-color-u-image-background-container{
        position: absolute;
        top: 18.5%;
        left: 0;
        width: 100%;
    }
    .kv-color-u-image-background-svg{
        height: 125vw;
    }
    .kv-color-u-image-swiper-container{
        border-radius: 0;
        margin: 6.66vw auto 8.33vw;
        width: 100%;
    }
    .kv-color-u-image-swiper-control-btn-item{
        width: 8.88vw;
        height: 8.88vw;
        padding: 3px;
    }
    .kv-color-u-image-swiper-control-btn-item[data-id="1"]{
        margin-left: 5.55vw;
    }
    .kv-color-u-image-swiper-control-text-container{
        margin-left: 7.63vw;
    }
    .kv-color-u-image-swiper-control-text-item{
        color: #6A430F;
        font-size: 5.55vw;
    }
    .kv-color-u-content{
        width: 100%;
    }
    .kv-color-u-text{
        margin: 8.88% auto 0;
        width: 77.77%;
    }
    .kv-color-p-switch-container{
        -webkit-backdrop-filter: blur(10vw) brightness(1.8);
        backdrop-filter: blur(10vw) brightness(1.8);
        border-radius: 2.22vw;
        margin-top: -34.166vw;
        transform: translateY(29.166vw);
        width: 91.67%;
    }
    .kv-color-p-switch-container::before{
        background: linear-gradient(to bottom, #FFFFFF00, #FFFFFFFF 40%,#FCFCFD 100%);
        height: 100%;
    }
    .kv-color-p-switch-swiper-container{
        margin: 10.7vw auto 0;
        width: 38vw;
    }
    .kv-color-p-switch-bg-container{

    }
    .kv-color-p .hidden-web{
        display: block;
    }
    .kv-color-p .hidden-mob{
        display: none;
    }
    .kv-color-p-switch-bg-text-item{
        display: none;
    }
    .kv-color-p-image-swiper-control-container{
        margin-left: 6.94vw;
        position: relative;
        top: 0;
        left: 0;
    }
    .kv-color-p-image-swiper-control-btn-item{
        margin-right: 5.56vw;
        width: 8.88vw;
        height: 8.88vw;
        padding: 3px;
    }
    .kv-color-p-image-swiper-control-text-container{
        margin-left: 5.56vw;
    }
    .kv-color-p-image-swiper-control-text-item{
        color: #6A430F;
        font-size: 5.55vw;
    }
    .kv-color-p-text{
        margin: 9.72vw auto 0;
        width: 77.78vw;
        text-align: left;
    }
    .kv-color-p-text p{
        color: #333333;
    }
    .design-intro-content{
        margin: 0 auto;
        width: 100%;
        text-align: center;
        transform: none;
    }
    .design-intro-content .design-intro-title{
        justify-content: center;
        text-align: center;
    }
    .design-intro-text{
        margin: 0 auto;
        width: 77.78vw;
    }
    .design-intro-image-container{
        margin-top: 11.11vw;
    }
    .design-intro-image{
        margin-left: 0;
        transform-origin: 50% 25%;
        width: 100%;
    }
    .design-intro-image-container.active .design-intro-image{
        transform: scale(1);
        transition: transform .6s ease;
    }
    .design-camera-lens-content{
        width: 77.78vw;
        text-align: left;
    }
    .design-camera-lens-title br{
        display: block;
    }
    .design-camera-lens-image{
        border-radius: 0;
        width: 100%;
    }
    .design-camera-portrait-content{
        width: 77.78vw;
        text-align: left;
    }
    .design-camera-portrait-swiper-container{
        width: 91.11vw;
    }
    .design-camera-portrait-media{
        flex-wrap: wrap;
    }
    .design-camera-portrait-item{
        width: 100%;
    }
    .design-camera-portrait-item-image{
        border-radius: 2.22vw;
    }
    .design-camera-portrait-item-text{
        margin: 4.44vw 0 0 2.22vw;
    }
    .design-camera-portrait-item-text-white{
        font-size: 4.44vw;
    }
    .design-camera-portrait-item-text-gray{
        font-size: 3.61vw;
    }
    .design-camera-portrait-item:nth-of-type(2){
        margin-top: 8.33vw;
    }
    .design-camera-portrait-swiper-control{
        margin-top: 5.55vw;
    }
    .swiper-prev-btn svg, .swiper-next-btn svg{
        width: 11.11vw;
        height: 11.11vw;
    }
    .design-camera-sample .hidden-mob{
        display: none;
    }
    .design-camera-sample .hidden-web{
        display: block;
    }
    .design-camera-sample-content{
        width: 77.78vw;
        text-align: left;
    }
    .design-camera-sample-swiper-container{
        margin: 8.88vw auto 0;
        width: 91.11vw;
    }
    .design-camera-sample-swiper.pausing .design-camera-sample-item{
        clip-path: none;
    }
    .design-camera-sample-swiper-cover{
        display: none;
    }
    .design-camera-sample-swiper.pausing .design-camera-sample-item-image{
        transform: scale(1);
    }
    .design-camera-sample-item{
        border-radius: 2.22vw;
    }
    .design-camera-sample-text{
        margin: 8.88vw auto 0;
        width: 77.78vw;
        text-align: left;
    }
    .design-camera-sample-swiper-control-row{
        margin-top: 10.5vw;
        width: 82.22vw;
    }
    .design-camera-sample-swiper-control-row .swiper-next-btn{
        margin-right: 0;
    }
    .design-camera-sample-swiper-switch-container{
        background: linear-gradient(to right,#080808,#2C281C,#080808);
        -webkit-backdrop-filter: blur(2vw);
        backdrop-filter: blur(2vw);
        border: 2px #FFFFFF40 solid;
        border-radius: 10.13vw;
        padding: 2px;
        z-index: 3;
    }
    .design-camera-sample-swiper-pagination-container{
        padding-top: 6.66vw;
        transform: none;
    }
    .design-camera-sample-swiper-pagination-container .swiper-pagination .swiper-pagination-bullet{
        margin-right: 3.33vw;
        width: 2.22vw;
        height: 2.22vw;
    }
    .design-camera-sample-swiper-switch-container.hidden-web{
        display: flex;
    }
    .design-camera-sample-swiper-switch-row::before{
        border-radius: 10.13vw;
    }
    .design-camera-sample-swiper-switch-item{
        font-size: 4.44vw;
        padding: 1.75vw 4.44vw;
    }
    .design-camera-sample-swiper-switch-row[data-index="0"] .design-camera-sample-swiper-switch-item[data-id="1"]:hover{
        opacity: 1;
    }
    .design-camera-sample-swiper-switch-row[data-index="1"] .design-camera-sample-swiper-switch-item[data-id="0"]:hover{
        opacity: 1;
    }
    .product-shine-button .shine-wrapper{
        border-radius: 11.11vw;
    }
    .product-shine-button .shine-item{
        border-radius: 11.11vw;
    }
    .product-shine-button .shine-inside{
        border-radius: 11.11vw;
    }
    .product-shine-button .shine-item::after{
        border-radius: 11.11vw;
    }
    .product-shine-button .product-shine-button-item{
        padding: 3.33vw 3.33vw 3.33vw 6.66vw;
    }
    .shine-wrapper:hover .shine-inside{
        /* opacity: 1; */
    }
    .shine-wrapper:hover .shine-item::after{
        background: linear-gradient(to right, #080808 0, #2C281C 50%, #080808 100%);
    }
    .shine-wrapper:hover .shine-item::before{
        opacity: 1;
    }
    .product-shine-button .button-text{
        font-size: 3.87vw;
    }
    .product-shine-button .button-svg{
        margin-left: 3.33vw;
        width: 6.66vw;
    }
    .common-popup-content-container{
        width: 95.55vw;
        padding-top: 8.88vw;
        padding-bottom: 8.88vw;
    }
    .common-popup-content-wrapper{
        border-radius: 2.22vw;
        padding: 0 0 11.11vw;
    }
    .common-popup-close-btn-container{
        top: 3.33vw;
        padding-bottom: 0;
    }
    .common-popup-close-btn{
        margin-top: 3.33vw;
        margin-right: 3.33vw;
        width: 11.11vw;
    }
    .common-popup-close-btn:hover{
        opacity: 1;
    }
    .design-camera-sample-popup-container{
        margin-top: -14.44vw;
    }
    .design-camera-zoom-swiper{
        border-radius: 2.22vw;
        width: 91.11%;
    }
    .design-camera-zoom-image-container{
        width: 100%;
    }
    .design-camera-sample-learn-more-container{
        margin-top: 2.78vw;
    }
    .design-camera-zoom-content{
        margin: 0 auto;
        width: 77.78vw;
    }
    .design-camera-zoom-text{
        margin: 0;
        width: 100%;
    }
    .design-camera-zoom-control-container::before{
        background: linear-gradient(to right,#000000FF,#00000000);
        width: 10%;
    }
    .design-camera-zoom-control-container::after{
        background: linear-gradient(to left,#000000FF,#00000000);
        width: 10%;
    }
    .design-camera-zoom-control-text-item{
        font-size: 7.22vw;
    }
    .design-camera-zoom-control-container{
        margin-top: 5.55vw;
    }
    .design-camera-zoom-control-line-row{
        height: 3.6vw;
    }
    .design-camera-zoom-control-line-item{
        margin-left: 1.8vw;
        width: .416vw;
        height: 2.22vw;
    }
    .design-camera-zoom-control-line-group-sp .design-camera-zoom-control-line-item:last-child{
        width: .555vw;
    }
    .design-camera-zoom-control-line-item:last-child{
        width: .555vw;
    }
    .design-camera-zoom-control-container[data-index="0"] .design-camera-zoom-control-line-group[data-id="0"] .design-camera-zoom-control-line-item:last-child{
        height: 3.6vw;
    }
    .design-camera-zoom-control-container[data-index="1"] .design-camera-zoom-control-line-group[data-id="1"] .design-camera-zoom-control-line-item:last-child{
        height: 3.6vw;
    }
    .design-camera-zoom-control-container[data-index="2"] .design-camera-zoom-control-line-group[data-id="2"] .design-camera-zoom-control-line-item:last-child{
        height: 3.6vw;
    }
    .design-camera-zoom-control-container[data-index="3"] .design-camera-zoom-control-line-group[data-id="3"] .design-camera-zoom-control-line-item:last-child{
        height: 3.6vw;
    }
    .design-camera-zoom-control-line-group:first-child{
        margin-left: -16.5vw;
    }
    .design-camera-zoom-control-text-item[data-id="0"]{
        margin-left: 46.5vw;
    }
    .design-camera-zoom-control-text-item[data-id="1"] {
        margin-left: 13.25vw;
    }
    .design-camera-zoom-control-text-item[data-id="2"] {
        margin-left: 9.5vw;
    }
    .design-camera-zoom-control-text-item[data-id="3"] {
        margin-left: 9.5vw;
    }
    .design-camera-zoom-image-container .design-camera-zoom-control-container .design-camera-zoom-control-wrapper{
        transform: none;
    }
    .design-camera-zoom-control-container[data-index="1"] .design-camera-zoom-control-wrapper{
        transform: translateX(-21.5vw);
    }
    .design-camera-zoom-control-container[data-index="2"] .design-camera-zoom-control-wrapper{
        transform: translateX(-43.5vw);
    }
    .design-camera-zoom-control-container[data-index="3"] .design-camera-zoom-control-wrapper{
        transform: translateX(-65.5vw);
    }
    .design-camera-sky-sample-image{
        border-radius: 0;
        border-top-left-radius: 2.22vw;
        border-top-right-radius: 2.22vw;
        width: 100%;
    }
    .design-camera-night-sample{
        width: 91.11vw;
    }
    .design-camera-sample-learn-more-popup .hidden-web{
        display: block;
    }
    .design-camera-night-sample-text{
        margin: 8.88vw auto 0;
        width: 76vw;
        text-align: center;
    }
    .design-camera-sensor-container{
        display: block;
        width: 100%;
    }
    .design-camera-sensor-content{
        margin: 0 auto;
        width: 77.78vw;
    }
    .design-camera-sensor-image{
        margin-top: 8.888vw;
        width: 100%;
    }
    .design-camera-light-title{
        width: 77.78vw;
        text-align: left;
    }
    .design-camera-light-image{
        border-radius: 2.22vw;
        width: 91.11vw;
    }
    .design-camera-light-text{
        margin: 0 auto;
        width: 77.78vw;
        text-align: left;
    }
    .design-camera-light-popup-container{
        margin-top: -14.44vw;
    }
    .design-camera-light-popup-content{
        margin: 0 auto;
        width: 77.78vw;
    }
    .design-camera-light-popup-text{
        margin-top: 2.22vw;
        width: 100%;
    }
    .design-camera-light-learn-more-popup .common-popup-content-wrapper{
        padding-bottom: 11.11vw;
    }
    .design-camera-light-popup-swiper-control{
        display: flex;
        justify-content: flex-end;
        margin-top: 10.55vw;
    }
    .design-camera-light-main-swiper{
        border-top-left-radius: 2.22vw;
        border-top-right-radius: 2.22vw;
    }
    .design-camera-zoom-video-container{
        display: block;
        width: 91.11111vw;
    }
    .design-camera-zoom-video-title{
        margin: 0 auto;
        width: 77.77vw;
        text-align: left;
    }
    .design-camera-zoom-video-title br{
        display: block;
    }
    .design-camera-zoom-video-text{
        margin: 0 auto;
        width: 77.77vw;
        text-align: left;
    }
    .design-camera-zoom-video-media{
        border-radius: 2.22vw;
        width: 91.11vw;
    }
    .design-camera-zoom-video-media-item{
        border-radius: 2.22vw;
    }
    .design-camera-zoom-video-disclaimer{
        margin: 0 auto;
        width: 77.77vw;
    }
    .design-camera-zoom-video-popup-btn{
        right: 5.55vw;
        bottom: 5.55vw;
    }
    .product-common-popup-btn-text{
        font-size: 3.88vw;
    }
    .product-common-popup-btn-icon{
        width: 6.944vw;
        height: 6.944vw;
    }
    .design-camera-color-container{
        display: block;
        margin-left: 0;
        width: 100%;
    }
    .design-camera-color-content{
        margin: 0 auto;
        width: 77.78vw;
        text-align: left;
    }
    .design-camera-color-image-container{
        margin: 0 auto;
        width: 70vw;
    }
    .design-camera-color-image-swiper{
        border-radius: 2.22vw;
    }
    .design-camera-color-switch-container.hidden-mob{
        display: none;
    }
    .design-camera-color-switch-item{
        margin-right: 0;
    }
    .design-camera-color-switch-container.hidden-web{
        display: flex;
        justify-content: space-between;
        margin: 8.33vw auto 0;
        width: 90.7vw;
    }
    .design-camera-color-switch-item-icon-image{
        border-radius: 2.5vw;
        padding: .972vw;
        width: 17.08vw;
    }
    .design-camera-color-switch-item-icon-image img{
        border-radius: 1.38vw;
    }
    .design-camera-color-switch-item-text{
        font-size: 4.44vw;
        margin-top: 1.67vw;
    }
    .design-camera-color-learn-more-container{
        margin-top: 2.77vw;
    }
    .design-camera-color-learn-more-btn{
        justify-content: center;
    }
    .design-camera-color-popup-swiper{
        margin-top: 7.77vw;
    }
    .design-camera-color-popup-swiper-control-btn{
        margin-right: 0;
    }
    .design-camera-color-learn-more-popup .design-camera-color-popup-item{
        border-radius: 2.222vw;
    }
    .design-camera-color-popup-item-text{
        font-size: 4.444vw;
        right: 4.444vw;
        bottom: 4.444vw;
    }
    .design-camera-color-popup-item-1{
        margin-left: 4.65%;
        width: 82.122%;
    }
    .design-camera-color-popup-item-2{
        margin-top: 11.63%;
        margin-left: 22.67%;
        width: 72.67%;
    }
    .design-camera-color-popup-item-3{
        margin-top: 11.63%;
        margin-left: 4.65%;
        width: 72.38%;
    }
    .design-camera-color-popup-item-4{
        margin-top: 11.63%;
        margin-left: 16.78%;
        width: 78.48%;
    }
    .design-camera-color-popup-item-5{
        margin-top: 11.63%;
        margin-left: 4.65%;
        width: 81.25%;
    }
    .design-camera-color-popup-item-6{
        margin-top: 11.63%;
        margin-left: 25.72%;
        width: 64.38%;
    }
    .design-camera-fullview-video.hidden-web{
        display: block;
    }
    .product-common-swiper-item-image{
        border-radius: 2.22vw;
    }
    .product-common-swiper-item-image-border{
        border-radius: 2.22vw;
    }
    .system-feature-2-swiper .swiper-slide:nth-of-type(2) .product-common-swiper-item-image{
        border: 1px #191919 solid;
        border-radius: 2.22vw;
        will-change: transform;
    }
    .product-common-swiper-item-text{
        margin-top: 0;
        margin-left: 2.22vw;
        width: auto;
    }
    .product-common-swiper .swiper-control-container{
        margin-top: 0;
        margin-right: 0;
    }
    .product-common-swiper .design-camera-feature-swiper-control{
        margin-top: 5.55vw;
    }
    .system-ai-translate-container .product-common-swiper-item-image{
        border-radius: 2.22vw;
    }
    .system-ai-translate-video{
        border-radius: 3.5vw;
    }
    .system-ai-translate-media{
        margin: 7.652vw;
        width: 53.9%;
    }
    .design-camera-p-night-content{
        display: block;
        margin: 0 auto;
        width: 77.77vw;
    }
    .design-camera-p-night-title{
        width: 100%;
    }
    .design-camera-p-night-text{
        margin-top: 4.44vw;
        width: 100%;
    }
    .design-camera-p-night-image-container{
        border-radius: 2.22vw;
        margin: 2.22vw auto 0;
        height: auto;
        width: 91.11%;
    }
    .design-camera-p-night-image{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        transform: none;
    }
    .design-camera-p-portrait .hidden-mob{
        display: none;
    }
    .design-camera-p-portrait .hidden-web{
        display: block;
    }
    .design-camera-p-portrait .design-camera-p-portrait-container.hidden-mob{
        display: none;
    }
    .design-camera-p-portrait-container{
        width: 100%;
    }
    .design-camera-p-portrait-container.hidden-web{
        display: block;
    }
    .design-camera-p-portrait-text{
        margin: 0 auto;
        width: 77.77vw;
        text-align: left;
    }
    .design-camera-p-portrait-swiper-container{
        margin-top: 5.55vw;
    }
    .design-camera-p-portrait-image{
        border-radius: 2.22vw;
        overflow: hidden;
    }
    .design-camera-p-portrait-swiper-control{
        display: flex;
        justify-content: flex-end;
        margin-top: 2.22vw;
    }
    .system-intro-title{
        flex-direction: column;
        position: relative;
        width: 100%;
    }
    .system-intro-title-left{
        transform: translateY(150%);
    }
    .system-intro-title-right{
        transform: translateY(150%);
    }
    .system-intro-title-icon{
        width: 20vw;
    }
    .system-intro-title.active .system-intro-title-icon{
        opacity: 0;
    }
    .system-intro-title-icon-container{

    }
    .system-intro-image{
        margin-top: 11.11vw;
        width: 100%;
    }
    .system-xiaoyi{
        height: auto;
    }
    .system-xiaoyi-container{
        position: relative;
        height: auto;
    }
    .system-xiaoyi-content{
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        transform: translateY(0);
    }
    .system-xiaoyi-image img{
        height: auto;
    }
    .system-xiaoyi-image video{
        height: auto;
    }
    .system-xiaoyi-title br{
        display: block;
    }
    .system-xiaoyi-content .system-xiaoyi-title{
        margin: 0 auto;
        width: 86.11111vw;
    }
    .system-xiaoyi-content .product-disclaimer{
        width: 77.77vw;
        margin: 5.55556vw auto 0;
        text-align: left;
    }
    .system-xiaoyi-pop-video{
        right: 8.88vw;
        bottom: 8.88vw;
        width: 11.11vw;
    }
    .system-xiaoyi-image{
        margin: 8.88vw 0;
    }
    .system-xiaoyi-text{
        margin: 0 auto;
        width: 77.77vw;
        text-align: left;
    }
    .system-xiaoyi-text p{
        color: #969699;
    }
    .system-xiaoyi-card{
        border-radius: 2.22vw;
        flex-direction: column;
        width: 91.11%;
    }
    .system-xiaoyi-card-content{
        margin-top: 5.77vw;
        margin-left: 7.3%;
        width: 80%;
    }
    .system-xiaoyi-card-image{
        margin: 8.88vw auto 13.2vw;
        width: 52.48vw;
        padding: 0;
    }
    .system-fingertips-container{
        margin-top: 8.88vw;
        width: 100%;
    }
    .system-fingertips-container .space-64{
        display: none;
    }
    .system-fingertips-container .space-40{
        display: none;
    }
    .system-fingertips-cards-swiper{
        display: block;
    }
    .system-fingertips-cards-row{
        display: none;
    }
    .system-fingertips-control{
        display: flex;
        justify-content: flex-end;
        margin-top: 10vw;
    }
    .system-fingertips-container .system-fingertips-title{
        font-size: 6.667vw;
        margin: 5.833vw auto 0;
        width: 77.78%;
        text-align: left;
    }
    .system-fingertips-text{
        margin-top: 3.33vw;
        text-align: left;
        width: 77.78%;
    }
    .system-fingertips-card{
        background-color: #1A1A1A;
        border-radius: 2.22vw;
        padding: 6.25vw 0;
    }
    .system-cards-content{
        width: 100%;
    }
    .system-cards-content .system-cards-item-image{
        border-radius: 0;
        margin: 8.88vw 0;
    }
    .system-cards-text{
        margin: 8.88vw auto 0;
        width: 77.77vw;
        text-align: left;
    }
    .system-cards-images-container{
        margin-top: 16.67vw;
        width: 100%;
    }
    .system-cards-images-row:nth-of-type(2){
        margin-top: 0;
    }
    .system-cards-item-image{
        border-radius: 2.22vw;
    }
    .system-cards-images-swiper-control{
        display: flex;
        justify-content: flex-end;
    }
    .system-ai-theme-main-part{
        position: relative;
    }
    .system-ai-theme-canvas-container{
        justify-content: center;
        position: relative;
        bottom: 0;
        left: 0;
        transform: none;
    }
    .system-ai-theme-canvas{
        width: 100%;
        height: 87.5vw;
    }
    .system-ai-theme-container.active .system-ai-theme-canvas-container{
        opacity: 1;
    }
    .system-ai-theme-container.active .system-ai-theme-canvas{
        transform: none;
    }
    .system-ai-theme-row{
        width: 100%;
        opacity: 1;
    }
    .system-ai-theme-swiper .swiper-wrapper{
        justify-content: flex-start;
        align-items: stretch;
    }
    .system-ai-theme-swiper .swiper-slide:nth-of-type(1),
    .system-ai-theme-swiper .swiper-slide:nth-of-type(2),
    .system-ai-theme-swiper .swiper-slide:nth-of-type(3){
        order: 1;
    }
    .system-ai-theme-swiper .swiper-slide{
        width: 100%;
    }
    .system-ai-theme-item-1{
        width: auto;
    }
    .system-ai-theme-item-2,
    .system-ai-theme-item-3{
        width: auto;
    }
    .system-ai-theme-item-ui-container{
        border-radius: 6.66vw;
    }
    .system-ai-theme-content{
        margin-top: 27.7vw;
        width: 77.77vw;
    }
    .system-ai-theme-item-text{
        font-size: 4.44vw;
        margin-top: 6.08vw;
    }
    .system-ai-theme-swiper-control-btn{
        display: flex;
        justify-content: center;
        margin-top: 11.11vw;
    }
    .system-ai-theme-next-btn{
        margin-right: 0;
    }
    .system-ai-theme-learn-more-btn-container{
        margin-top: 19.44vw;
    }
    .system-ai-theme-popup-container{

    }
    .system-ai-theme-popup-image{
        border-top-left-radius: 2.22vw;
        border-top-right-radius: 2.22vw;
        display: flex;
        margin: -14.44vw 0 0;
        width: 100%;
        overflow: auto;
    }
    .system-ai-theme-popup-content{
        margin: 10vw auto 0;
        width: 78.47vw;
        text-align: left;
    }
    .system-ai-theme-popup-text{
        width: 100%;
    }
    .system-ai-theme-popup-image{
        border-top-left-radius: 2.22vw;
        border-top-right-radius: 2.22vw;
        display: flex;
        margin: -14.44vw 0 0;
        width: 100%;
        overflow: auto;
    }
    .system-ai-theme-popup-content{
        margin: 10vw auto 0;
        width: 78.47vw;
        text-align: left;
    }
    .system-ai-theme-popup-text{
        width: 100%;
    }
    .system-ai-theme-popup-scroll-tips{
        display: flex;
        justify-content: center;
        margin-top: 6.11vw;
    }
    .system-ai-theme-popup-scroll-tips-content{
        display: flex;
        align-items: center;
    }
    .system-ai-theme-popup-scroll-tips-icon{
        display: flex;
    }
    .system-ai-theme-popup-scroll-tips-icon svg{
        width: 4.92vw;
        height: 2.97vw;
    }
    .system-ai-theme-popup-scroll-tips-text{
        color: #F5F5F7;
        font-size: 3.88vw;
        margin-left: .5em;
    }
    .system-ai-theme-container .product-disclaimer{
        margin-top: 8.88vw;
        width: 75%;
    }
    .product-common-swiper-item{
        display: flex;
        flex-direction: column;
    }
    .product-common-swiper-item-title{
        order: 3;
        margin-top: 5.833vw;
        margin-bottom: 3.33vw;
        margin-left: 2.22vw;
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .product-common-swiper-item-title br{
        display: none;
    }
    .product-common-swiper-item-image{
        order: 2;
    }
    .product-common-swiper-item-text{
        margin-top: 0;
        order: 3;
        z-index: 1;
    }
    .q7-common-sound-wrapper .q7-sound-cwave1 {
        width: 12.22222vw;
        height: 18.61111vw;
        left: 33.47222vw;
        top: 59.30556vw;
    }
    .system-feature-2-container .system-feature-2-disclaimer{
        margin: 11.11vw auto 0;
        width: 84vw;
    }
    .system-performance-content{
        margin: 0 auto ;
        width: 77.77vw;
        text-align: left;
    }
    .system-performance-image{
        width: 100%;
    }
    .system-performance-detail-row{
        display: block;
    }
    .system-performance-detail-compare-container{
        width: 100%;
    }
    .system-performance-detail-container{
        flex-wrap: wrap;
        width: 77.77vw;
    }
    .system-performance-content{
        width: 100%;
    }
    .system-performance-compare{
        margin-top: 7.777vw;
    }
    .system-performance-detail-compare-title{
        font-size: 4.44vw;
        margin-bottom: 4.44vw;
    }
    .system-performance-select-btn .shine-wrapper{
        width: 60vw;
    }
    .system-performance-select-btn-container{
        justify-content: flex-start;
    }
    .system-performance-select-btn-container .button-svg{
        width: 3.33vw;
    }
    .system-performance-select-item{
        font-size: 3.87vw;
    }
    .system-performance-detail-num-container{
        margin-top: 10.55vw;
        width: 100%;
    }
    .system-performance-detail-num-title{
        font-size: 4.44vw;
    }
    .system-performance-detail-num-text{
        font-size: 17.5vw;
    }
    .system-performance-detail-num-text-3{
        font-size: 4.167vw;
    }
    .system-signal-container{
        margin-top: -28vw;
    }
    .system-signal-text{
        width: 77.78vw;
    }
    .system-signal-image-container{
        width: 100%;
    }
    .system-signal-image-satellite{
        border-radius: 0;
    }
    .system-signal-image-container .space-200{
        display: block;
    }
    .system-signal-image-lingxi{
        border-radius: 2.22vw;
        flex-direction: column;
        justify-content: flex-start;
        margin: 0 auto;
        width: 91.11%;
    }
    .system-signal-image-lingxi-content{
        margin-top: 5.7vw;
        margin-left: 6.67vw;
        width: 80%;
    }
    .system-signal-image-lingxi-text{
        margin-top: 1.11vw;
    }
    .system-signal-image-lingxi-text p{
        font-size: 3.88vw;
    }
    .system-signal-image-lingxi-media{
        margin-top: 4.167vw;
        width: 100%;
    }
    .system-signal-image-antenna{
        margin: 19.44vw auto 0;
        width: 91.11vw;
    }
    .system-signal-image-antenna-media{
        border-radius: 2.22vw;
    }
    .system-signal-image-antenna-content{
        top: 5.55vw;
        left: 6.67vw;
        transform: none;
    }
    .system-screen-container{
        background: linear-gradient(to bottom,#000000 0,#000000 10%,#1A160E 60%,#1A160E 100%);
    }
    .system-screen-content{
        text-align: center;
        margin: 0 auto;
        width: 71.11vw;
        opacity: 1;
        transform: none;
    }
    .system-screen-content .h2{
        justify-content: center;
        text-align: center;
    }
    .system-screen-text{
        width: 100%;
    }
    .system-screen-image{
        opacity: 1;
        transform: none;
        width: 100%;
    }
    .system-feature-3-container{
        
    }
    .system-feature-3-swiper .swiper-wrapper{
        flex-direction: column;
    }
    .system-feature-3-item-1{
        margin: 0 auto;
        width: 91.11vw;
    }
    .system-feature-3-item-1 .product-common-swiper-item-image{
        background-color: #000000;
        padding-top: 5vw;
    }
    .system-feature-3-item-2{
        margin: 8.88vw auto;
        width: 91.11vw;
    }
    .system-feature-3-item-3{
        margin: 0 auto;
        width: 91.11vw;
    }
    .system-feature-3-swiper .product-common-swiper-item-title{
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 3.33vw;
        position: absolute;
        top: 5.55vw;
        left: 6.66vw;
        opacity: 1;
    }
    .system-feature-3 .product-common-swiper-item-text{
        margin: 0;
        position: absolute;
        top: 16.5vw;
        left: 6.66vw;
        width: 80%;
        opacity: 1;
    }
    .system-feature-3 .product-common-swiper-item-text p{
        font-size: 3.88vw;
    }
    .system-feature-3-swiper .system-feature-3-swiper-control{
        display: none;
    }
    .product-common-swiper-item-disclaimer{
        margin-top: 3.33vw;
    }
    .accessory-phonecase-title{
        margin: 0 auto;
        width: 77.77vw;
        text-align: left;
    }
    .accessory-phonecase-main-container{
        border-radius: 0;
        width: 100%;
    }
    .accessory-phonecase-main-bg{
        display: none;
    }
    .accessory-phonecase-row{
        position: relative;
        top: 0;
        left: 0;
    }
    .accessory-phonecase-item-image{
        border-radius: 2.22vw;
        overflow: hidden;
        will-change: transform;
    }
    .accessory-phonecase-item-link-container{
        margin: 0;
        text-align: center;
        position: absolute;
        left: 50%;
        bottom: 8.88vw;
        transform: translateX(-50%);
        width: 100%;
    }
    .accessory-phonecase-item-link-container br{
        display: none;
    }
    .accessory-phonecase-item-link a{
        font-size: 3.88vw;
    }
    .accessory-phonecase-swiper-control.hidden-web{
        display: flex;
    }
    .main-container .accessory-phonecase-disclaimer{
        margin-top: 0;
    }
    .accessory-phonecase-disclaimer{
        position: absolute;
        left: 8.88vw;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0;
        width: 50vw;
        text-align: left;
    }
    .accessory-phonecase-swiper-control {
        display: flex;
        justify-content: flex-end;
        margin-top: 11.11vw;
        position: relative;
    }
    .accessory-phonecase-container .accessory-phonecase-disclaimer.hidden-mob{
        display: none;
    }
    .accessory-more-part .hidden-mob{
        display: none;
    }
    .accessory-more-part .hidden-web{
        display: block;
    }
    .accessory-more-part-image{
        border-radius: 2.22vw;
        margin: 8.88vw auto 0;
        width: 82.22vw;
    }
    .accessory-more-part-text.hidden-web{
        display: flex;
    }
    .accessory-more-part-text{
        position: absolute;
        bottom: 8.88vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .accessory-more-part-link a{
        color: #333333;
        font-size: 3.88vw;
    }
    .accessory-more-part-disclaimer{
        margin-top: 6.94vw;
        width: 82.22vw;
        text-align: left;
    }
    .section-disclaimer{

    }
    .disclaimer-container{
        font-size: 3.33vw;
        width: 86.25%;
        padding-top: 0;
        padding-bottom: 4.28%;
    }
    .disclaimer-container .more-discalimer{
        margin-top: 5vw;
    }
}

html.overflow-hidden body{
    padding-right: var(--scrollbar-width);
}
.no-inline-video .video-fallback{
    display: block;
}
.no-inline-video video{
    display: none;
}
.no-inline-video .video-replay-btn{
    display: none;
}
.no-inline-video .video-control-btn-container{
    display: none;
}
.no-inline-video .system-ai-theme-item-ui-container{
    top: 1.25%;
    left: 3%;
    width: 94%;
}

.kv-color-u-learn-more-popup .common-popup-content-wrapper{
    background: #FFFFFF;
}
.kv-color-u-learn-more-container{
    margin-top: 4.167vw;
}
.kv-color-u-learn-more-container .button-text{
    color: #81623E;
}
.kv-color-u-learn-more-container .shine-wrapper{
    background: linear-gradient(to right, #FFFFFF 0, #FFFAF0 50%, #FFFFFF 100%);
    border: #EBE7E2 solid 2px;
    transition: all .6s ease;
}
.kv-color-u-learn-more-container .shine-wrapper:hover{
    border: #EBE7E298 solid 2px;
}
.kv-color-u-popup-frame iframe{
    width: 100%;
    height: 100%;
}
.kv-color-u-popup-frame{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.kv-color-u-popup-container{
    margin: 0 auto;
    height: 100%;
    width: 96%;
}
.kv-color-u-learn-more-popup .common-popup-content-container{
    box-sizing: border-box;
    height: 100vh;
}
.kv-color-u-learn-more-popup .common-popup-content-wrapper{
    box-sizing: border-box;
    height: 100%;
    padding-bottom: 1.667vw;
}
.kv-color-u-learn-more-popup .common-popup-close-btn-container{
    position: absolute;
    right: 0;
}
@media (max-aspect-ratio: 11 / 10){
    .kv-color-u-learn-more-container .shine-wrapper:hover{
        border: #EBE7E2 solid 2px;
    }
    .kv-color-u-learn-more-popup .common-popup-content-container{
        width: 100vw;
        padding-bottom: 0;
    }
    .kv-color-u-learn-more-popup .common-popup-content-wrapper{
        padding: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .kv-color-u-learn-more-container{
        display: none;
        margin-top: 1.428vw;
    }
}
@media (max-aspect-ratio: 7 / 10){
    .kv-color-u-learn-more-container{
        margin-top: 0;
    }
}