.product-bg.vlitex{
                background: url('/assets/img/products/vlite/kv.webp') no-repeat center;
                background-size: cover;
                height: 46vw;
                margin-top: 0;
            }
            .product-bg.vlitex img{
                height: 3vw;
            }
            .product-bg.vlitex h2{
                color: #fff;
                margin-top: .5vw;
                font-size: 2vw;
            }
            .product-bg.vlitex .popup-video{
                margin-top: 32vw;
            }
            .product-bg.duo{
                background: url('/assets/img/products/vlite/bg-clear.webp') no-repeat center;
                background-size: cover;
            }
            .product-bg.cloud{
                padding-top: 2vw;
                display: block;
                height: 52vw;
            }
            .product-bg.cloud .boost{
                width: 75vw;
                margin: 0 auto;
                gap: 2vw;
            }
            .product-bg.cloud.sf{
                padding-bottom: 0;
                padding-top: 0;
                height: 45vw;
            }
            .product-bg.cloud.sf .info{
                width: 75vw;
                margin: 0 auto;
                margin-bottom: 2vw;
            }
            .product-bg.cloud .box{
                position: relative;
                transition: all .3s;
                cursor: pointer;
                overflow: hidden;
            }
            .product-bg.cloud .box h4{
                color: #000;
                font-size: 2.2vw;
                width: 100%;
            }
            .product-bg.cloud .box .info p{
                font-size: 1.04vw;
                line-height: 1.5;
            }
            .product-bg.cloud .box .info{
                padding-bottom: 2vw;
            }
           
            .product-bg.screen{
                height: 400vh;
                overflow: initial !important;
            }
            .product-bg.screen .section-sticky{
                display: flex;
                flex-wrap: wrap;
                background: url('/assets/img/products/vlite/bg-uni.webp') no-repeat center;
                background-size: cover;
            }
            .product-bg.screen .canvas-bg{
                width: 31.8vw;
                height: 36.4vw;
                margin: 0 auto;
                margin-top: 3vw;
            }   
            .product-bg.screen .canvas-bg canvas{
                transition: all .3s;
            }
            .product-bg.screen .tips{
                font-weight: 700;
                transition: all .3s;
                display: flex;
                align-items: center;
                gap: 1vw;
                max-width: 20vw;
                font-size: 1.4vw;
                color: #fff;
                line-height: 1.3;
                transition: all .5s;
                transform: translateY(30px);
                opacity: 0;
            }
            .product-bg.screen .tips.show{
                transform: translateY(0);
                opacity: 1;
            }
            .product-bg.screen .tips.left{
                position: absolute;
                top: 4vw;
                left: -9.5vw;
                text-align: right;
            }
            .product-bg.screen .tips.left.l2{
                top: 20vw;
                left: -7.5vw;
            }
            .product-bg.screen .tips.right{
                position: absolute;
                top: 7vw;
                right: -10vw;
                text-align: left;
            }
            .product-bg.screen .tips.right.r2{
                top: 25vw;
            }
            .product-pack{
                background: url('/assets/img/products/vlite/bg-pack.webp') no-repeat center;
                background-size: cover;
                height: 50vw;
            }
            .product-bg.duo{
                background: url('/assets/img/products/vlite/bg-see.webp') no-repeat center;
                background-size: cover;
                align-items: center;
            }
            .product-bg.duo .info{
                position: relative;
                z-index: 3;
                max-width: 40vw;
                margin: 0 auto;
                padding-top: 0;
            }
            .product-bg.led{
                height: 350vh;
                overflow: initial !important;
            }
            .product-bg.led .p{
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                transition: all .3s;
                z-index: 0;
                background: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .product-bg.led .p2{
                z-index: 1;
                display: none;
            }
            .product-bg.led .p3{
                z-index: 2;
                display: none;
            }
            .product-bg.led .p .pro{
                display: flex;
                align-items: center;
                position: relative;
                gap: 5vw;
            }
            .product-bg.led .p .pro .label{
                height: 35vw;
            }
            .product-bg.led .p .pro .desc{
                position: relative;
                max-width: 24vw;
                transition: all .5s;
            }
            .product-bg.led .p .pro .desc h4{
                position: relative;
                font-size: 2vw;
                z-index: 3;
            }
            .product-bg.led .p .pro .desc h4::after{
                position: absolute;
                content: '';
                left: -1.8vw;
                top: 0.6vw;
                width: 1.2vw;
                height: 1.2vw;
                background-color: #A530FF;
                border-radius: 50%;
                z-index: 2;
            }
            .product-bg.led .p.p1 .pro .desc h4::after{
                left: 24.6vw;
            }
            .product-bg.led .p.p1 .pro .desc .line{
                position: absolute;
                left: 25.4vw;
                top: 1.7vw;
                z-index: 0;
                width: 16vw;
                transition: all .5s;
            }
            .product-bg.led .p.p2 .pro .desc .line{
                position: absolute;
                left: -13vw;
                top: 1.2vw;
                z-index: 0;
                width: 12vw;
                transition: all .5s;
            }
            .product-bg.led .p.p3 .pro .desc .line{
                position: absolute;
                left: -21vw;
                top: 1.2vw;
                z-index: 0;
                width: 20vw;
                transition: all .5s;
            }
            .product-bg.led .p .pro .desc p{
                font-size: 1.04vw;
            }
            .product-bg.led .p.p1 .pro .desc{
                text-align: right;
                transform: translateX(-8vw);
            }
            .product-bg.led .p.p3 .pro .desc{
                text-align: right;
                transform: translateX(5vw);
            }
            .color-tab{
                margin-top: 2vw;
                padding-bottom: 4vw;
            }
            .vlite-cmf{
                padding: 6vw 0;
                background: url('/assets/img/products/vlite/bg-cmf.webp') no-repeat center;
                background-size: cover;
                overflow: hidden;
            }
            .vlite-cmf .content{
                padding: 0 15vw;
            }
            .vlite-cmf .content .detail{
                margin-bottom: 2vw;
            }
            .vlite-cmf .content .detail .d1{
                display: none;
                gap: 2vw;
                justify-content: space-around;
            }
            .vlite-cmf .content .detail .d1 img{
                height: 30vw;
                border-radius: 1.5vw;
            }
            .vlite-cmf .content .btns{
                gap: 1vw;
                padding: 0.7vw 2vw;
                border-radius: 4vw;
                background-color: #f0f0f0;
                width: fit-content;
                margin: 0 auto;
                margin-top: 2vw;
                justify-content: center;
            }
            .vlite-cmf .content .btns span.alls{
                background: url('/assets/img/products/vlite/alls.svg') no-repeat center;
                background-size: cover;
            }
            .vlite-cmf .content .btns span{
                position: relative;
                display: inline-block;
                width: 2.2vw;
                height: 2.2vw;
                border-radius: 50%;
                cursor: pointer;
            }
            .vlite-cmf .content .btns span.active::after{
                position: absolute;
                width: 104%;
                height: 104%;
                left: -2%;
                top: -2%;
                border-radius: 50%;
                border: 3px solid var(--tp-theme-color);
                content: '';
            }
            .vlite-cmf .content .c-name p{
                display: none;
                font-size: 1.4vw;
                text-align: center;
            }
            .product-bg.style{
                background: url('/assets/img/products/vlite/bg-style.webp') no-repeat center;
                background-size: cover;
            }
            .product-bg.style .info{
                padding: 8vw 0 0 8vw;
            }
            .product-bg.style .info h3, .product-bg.style .info p{
                color: #fff;
            }
            .life-style .info{
                padding: 6vw 0 0 12vw;
            }
            .life-style h3{
                font-size: 3vw;
            }
            .life-style .social-swiper{
                position: relative;
                padding-top: 0;
                max-width: 100vw;
                margin-left: 12vw;
                padding-bottom: 6vw;
            }
            .social-swiper .swiper-slide{
                width: auto;
                margin: 0 0.5vw;
            }
            .life-style .social-swiper .swiper-slide img{
                height: 30vw;
            }
            .life-style .swiper-button-next::after, .life-style .swiper-button-prev::after{
                display: none;
            }
            .life-style .slider-btn-1{
                position: absolute;
                right: 15vw;
                bottom: 3vw;
            }
            .life-style .swiper-button-next{
                width: 48px;
                height: 48px;
                border-radius: 50%;
                background: url('/assets/img/products/vlite/icon-next.svg') no-repeat center;
                background-size: cover;
                content: '';
                transform: rotate(180deg);
            }
            .life-style .swiper-button-prev{
                width: 48px;
                height: 48px;
                border-radius: 50%;
                background: url('/assets/img/products/vlite/icon-next.svg') no-repeat center;
                background-size: cover;
                content: '';
                transform: rotate(0);
            }
            /** mob **/
            @media (max-width: 991px) {
                .product-bg.style{
                    background: url('/assets/img/products/vlite/mob/bg-style.webp') no-repeat center;
                    background-size: cover;
                }
                .life-style .info{
                    padding: 1rem 0 0 .8rem;
                }
                .life-style h3{
                    font-size: .48rem;
                }
                .life-style .social-swiper .swiper-slide img{
                    height: 5rem;
                }
                .product-bg.cloud .info p{
                    max-width: 100%;
                    margin-bottom: 0;
                }
                .product-bg.cloud{
                    height: auto;
                    padding: 1.2rem .6rem;
                }
                .product-bg.cloud .boost{
                    width: 100%;
                    height: auto;
                    flex-wrap: wrap;
                    margin-top: 0;
                    gap: .4rem;
                }
                .product-bg.cloud .box h4{
                    top: .6rem;
                    font-size: .48rem;
                }
                .product-bg.cloud .box .info p{
                    font-size: .32rem;
                    margin-top: .2rem;
                }
                .product-bg.cloud.sf .info{
                    width: 100%;
                    gap: 0;
                    flex-wrap: wrap;
                    padding: 0;
                    margin-bottom: .4rem;
                }
                .product-bg.cloud .box{
                    width: 100%;
                }
                .product-bg.cloud .box.p{
                    border-radius: 0;
                    border-bottom-left-radius: .32rem;
                    background-size: cover;
                }
                .product-bg.cloud .box.c{
                    border-radius: 0;
                    border-bottom-right-radius: .32rem;
                    background-size: cover;
                }
                .product-bg.cloud .tp-skill-item{
                    margin-bottom: .2rem;
                }
                .product-bg.cloud .tp-skill-item.m{
                    margin-bottom: .6rem;
                }
                .product-bg.cloud .tp-skill-bar label{
                    font-size: .36rem;
                    margin-bottom: .3rem;
                }
                .product-bg.cloud .progress-outer p{
                    font-size: .48rem;
                    right: 0;
                    top: -0.12rem;
                }
                .product-bg.cloud .progress-outer.n p{
                    font-size: .48rem;
                    right: 1.3rem;
                    top: -0.12rem;
                }
                .product-bg.cloud .progress-outer.nt p{
                    right: 2.5rem;
                }
                .product-bg.beauty .info p{
                    text-align: center;
                }
                .product-pack{
                    background: url('/assets/img/products/vlite/mob/bg-pack.webp') no-repeat center;
                    background-size: cover;
                    height: 7.5rem;
                }
              
                .product-bg.vlitex{
                    background: url('/assets/img/products/vlite/mob/kv-mob.webp') no-repeat center;
                    background-size: cover;
                    height: 10.5rem;
                    margin-top: 0;
                }
                .product-bg.vlitex img{
                    height: .5rem;
                }
                .product-bg.vlitex .info{
                    padding-top: .4rem;
                }
                .product-bg.vlitex h2{
                    margin-top: 8.2rem;
                    font-size: .4rem;
                }
                .banner-video.vlitex{
                    padding: 4rem .6rem;
                }
                .product-bg.duo{
                    background: url('/assets/img/products/vlite/mob/bg-see.webp') no-repeat center;
                    background-size: cover;
                    align-items: start;
                }
                .product-bg.duo .p{
                    background-color: #e0dee8;
                    background-size: 215%;
                    background-position: center;
                }
                .product-bg.duo .info{
                    padding-top: .8rem;
                    max-width: 100%;
                }
                .product-bg.cloud .box .info{
                    padding: 0 0 .5rem 0;
                }
                .product-bg.cloud .info h3{
                    font-size: .48rem;
                }
                .product-bg.cloud.sf{
                    height: auto;
                }
                .product-bg.led .p .pro .desc h4{
                    font-size: .48rem;
                    margin-bottom: .1rem;
                }
                .product-bg.led .p .pro .desc p{
                    font-size: .32rem;
                }
                .product-bg.led .p .pro{
                    flex-wrap: wrap;
                    gap: .4rem;
                    width: 100%;
                    justify-content: center;
                }
                .product-bg.led .p .pro .desc{
                    transform: translateX(0) !important;
                    text-align: left !important;
                    width: 100%;
                    max-width: 100%;
                    padding: 0 .6rem;
                }
                .product-bg.led .p .pro .desc .line, .product-bg.led .p .pro .desc h4::after{
                    display: none;
                }
                .product-bg.led .p .pro .label{
                    height: auto;
                    width: 2rem;
                }
                .product-bg.led .p2 .pro{
                    flex-direction: column-reverse;
                }
                .product-bg.led .p2 .pro .label{
                    width: 6rem;
                }
                .product-bg.led .p3 .pro{
                    flex-direction: column-reverse;
                }
                .product-bg.led .p3 .pro .label{
                    width: 4rem;
                }
                .product-bg.product-color{
                    padding-bottom: 0;
                }
                .product-spec .area img{
                    width: 100%;
                }
                .product-bg.vlitex .popup-video{
                    margin-top: 6rem;
                }
                .vlite-cmf{
                    padding: 1rem 0;
                }
                .life-style .swiper-button-next, .life-style .swiper-button-prev{
                    width: .64rem;
                    height: .64rem;
                }
                .life-style .social-swiper{
                    margin-left: .8rem;
                    padding-bottom: 1rem;
                }
                .color-tab{
                    padding-bottom: 0;
                }
                .life-style .slider-btn-1{
                    right: 1.6rem;
                    bottom: .2rem;
                }
                .vlite-cmf .content{
                    padding: 0 .2rem;
                }
                .vlite-cmf .content .detail{
                    margin-bottom: .6rem;
                }
                .vlite-cmf .content .detail .d1{
                    gap: .3rem;
                    flex-wrap: wrap;
                }
                .vlite-cmf .content .detail .d1 img{
                    height: 3.7rem;
                    border-radius: .24rem;
                }
                .vlite-cmf .content .c-name p{
                    font-size: .36rem;
                    font-family: 'inter-b';
                }
                .vlite-cmf .content .btns{
                    gap: .2rem;
                    padding: .4rem .6rem;
                    border-radius: 1rem;
                }
                .vlite-cmf .content .btns span{
                    width: .6rem;
                    height: .6rem;
                }
            }