.product-bg.amber{
                background: url('/assets/img/products/amber/kv.webp') no-repeat center;
                background-size: cover;
                height: 46vw;
                margin-top: 0;
            }
            .product-bg.amber img{
                height: 2.8vw;
            }
            .product-bg.amber .info{
                position: relative;
                z-index: 1;
                display: flex;
                flex-direction: column;
                align-items: center;
                padding-top: clamp(30px, 8vw, 50px);
                text-align: center;
            }
            .product-bg.amber h2{
                color: #fff;
                margin-top: .8vw;
                font-size: 1.2500vw;
            }
            .product-bg.amber .play-btn{
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: .45vw;
                margin-top: 0.5vw;
                padding: 0 1.1vw;
                min-width: 0;
                height: 2.2vw;
                border-radius: 999px;
                background: #ff7300;
                color: #fff;
                text-decoration: none;
                box-shadow: none;
                transition: none;
                cursor: pointer;
                user-select: none;
            }
            .product-bg.amber .play-btn:hover,
            .product-bg.amber .play-btn:focus,
            .product-bg.amber .play-btn:active{
                background: #ff7300;
                color: #fff;
                box-shadow: none;
                transform: none;
                text-decoration: none;
            }
            .product-bg.amber .play-btn span{
                font-size: .8333vw;
                line-height: 1;
                font-weight: 600;
                letter-spacing: .04em;
            }
            .product-bg.amber .play-btn img{
                width: .65vw;
                height: auto;
                flex: 0 0 auto;
                display: block;
            }
            .amber-video-popup{
                position: relative;
                width: 100vw;
                height: 100vh;
                max-width: none;
                margin: 0;
                background-color: #232526;
                overflow: hidden;
                padding: 0;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .amber-video-popup .amber-video-shell{
                position: relative;
                width: min(92vw, calc((92vh - 56px) * 16 / 9));
                padding-top: 56px;
            }
            .amber-video-popup video{
                display: block;
                width: 100%;
                height: auto;
                aspect-ratio: 16 / 9;
                background: #000;
            }
            .amber-video-popup-close{
                position: fixed;
                top: 20px;
                right: 20px;
                width: 40px;
                height: 40px;
                border: 0;
                border-radius: 999px;
                background: rgba(255,255,255,.15);
                color: #fff;
                font-size: 18px;
                line-height: 1;
                z-index: 2;
            }
            .amber-video-popup .mfp-close{
                display: none;
            }
            .product-bg .video-bg{
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                z-index: 0;
            }
            .banner-sales{
                height: 300vh;
                overflow: initial !important;
            }
            .banner-sales .section-sticky{
                background: url('/assets/img/products/amber/bg-sale-light.webp') no-repeat center;
                background-size: cover;
                display: flex;
                align-items: center;
            }
            .banner-sales .content{
                position: relative;
                width: 75vw;
                height: 37.8vw;
                margin: 0 auto;
            }
            .banner-sales .c-tank{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                transform: scale(0.7);
                opacity: 0;
                transition: all .8s;
                background: url('/assets/img/products/amber/bg-tank.webp') no-repeat center;
                background-size: cover;
            }
            .text-yellow{
                color: #F5CD2B;
            }
            .banner-sales .c-tank .info{
                position: absolute;
                text-align: right;
                top: 16vw;
                right: 18vw;
                max-width: 32vw;
                opacity: 0;
                transition: all .5s;
            }
            .banner-sales .c-tank img{
                height: 100%;
            }
            .banner-sales img{
                transition: all .5s;
            }
            .banner-sales .s1{
                position: absolute;
                left: 0;
                top: 0;
                width: 11.875vw;
            }
            .banner-sales .s2{
                position: absolute;
                left: 0;
                bottom: 0;
                width: 36.094vw;
            }
            .banner-sales .s3{
                position: absolute;
                right: 0;
                top: 0;
                width: 24.531vw;
            }
            .banner-sales .s4{
                position: absolute;
                right: 12.5vw;
                bottom: 0;
                width: 25.781vw;
            }
            .banner-sales .s5{
                position: absolute;
                right: 0;
                bottom: 0;
                width: 11.875vw;
            }
            .banner-sales .s6{
                position: absolute;
                right: 12.5vw;
                bottom: 11.25vw;
                width: 11.849vw;
            }
            .banner-sales .s7{
                position: absolute;
                left: 12.7vw;
                top: -3.6vw;
                width: 37vw;
            }
            .product-bg.duo{
                background: url('/assets/img/products/amber/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/amber/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);
            }
            .product-bg.product-color .cmf img{
                display: block;
                width: 82%;
                margin: 0 auto;
            }
            .color-tab{
                margin-top: 2vw;
                padding-bottom: 4vw;
            }
            .vlite-cmf .content{
                position: relative;
            }
            .vlite-cmf .content .info{
                position: absolute;
                top: 5vw;
                right: 25vw;
                z-index: 2;
                max-width: 32%;
            }
            .vlite-cmf .content .info h3{
                font-size: 2.4vw;
            }
            .vlite-cmf .content .info p{
                font-size: 1.2vw;
                line-height: 1.5;
                color: #000;
            }
            .vlite-cmf .content .detail .d1{
                display: none;
                gap: 2vw;
                justify-content: space-around;
            }
            .vlite-cmf .content .btns{
                position: absolute;
                left: calc(50% - 11vw);
                bottom: 3.5vw;
                z-index: 2;
                gap: 1vw;
                padding: 1vw 2vw;
                border-radius: 4vw;
                background-color: #fff;
                width: fit-content;
                margin: 0 auto;
                margin-top: 2vw;
                justify-content: center;
            }
            .vlite-cmf .content .btns span.alls{
                background: url('/assets/img/products/amber/alls.svg') no-repeat center;
                background-size: cover;
            }
            .vlite-cmf .content .btns span{
                position: relative;
                display: inline-block;
                width: 2vw;
                height: 2vw;
                border-radius: 50%;
                cursor: pointer;
            }
            .vlite-cmf .content .btns span.active::after{
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                content: '✔';
                font-size: 1.2vw;
                color: #fff;
            }
            .vlite-cmf .content .c-name p{
                display: none;
                font-size: 1.4vw;
                text-align: center;
            }
            .product-bg.style{
                align-items: center;
                height: 50.24vw;
            }
            .product-bg.style video{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .product-bg.style .info{
                padding-left: 10vw;
                z-index: 1;
                max-width: 42%;
            }
            .product-bg.style .info h3, .product-bg.style .info p{
                color: #fff;
            }
            .product-bg.clouds{
                background: url('/assets/img/products/amber/bg-clouds.webp') no-repeat center;
                background-size: cover;
            }
            .product-bg.clouds .info{
                padding-left: 58vw;
                max-width: 88%;
            }
            .product-bg.bat{
                align-items: start;
            }
            .product-bg.bat img{
                width: 70vw;
                position: absolute;
                left: 15vw;
                bottom: 5vw;
            }
            .product-bg.bat .info{
                padding: 0;
                padding-top: 5vw;
                max-width: 100%;
                text-align: center;
                color: #000;
            }
            .product-bg.bat .info p{
                text-align: center;
                color: #000;
                max-width: 48%;
                margin: 0 auto;
            }
            .product-bg.bat .info h3{
                text-align: center;
                color: #000;
            }
            .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{
                    height: auto;
                    overflow: hidden;
                }
                .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/amber/mob/bg-pack.webp') no-repeat center;
                    background-size: cover;
                    height: 7.5rem;
                }
                .product-bg.amber{
                    background: url('/assets/img/products/amber/mob/kv.webp') no-repeat center;
                    background-size: cover;
                    height: 10.5rem;
                    margin-top: 0;
                }
                .product-bg.amber img{
                    height: .5rem;
                }
                .product-bg.amber .info{
                    padding-top: .9rem;
                }
                .product-bg.amber h2{
                    margin-top: .2rem;
                    font-size: .4rem;
                }
                .product-bg.amber .play-btn{
                    margin-top: .28rem;
                    padding: 0 .34rem;
                    height: .56rem;
                    gap: .16rem;
                }
                .product-bg.amber .play-btn span{
                    font-size: .28rem;
                    letter-spacing: .03em;
                }
                .product-bg.amber .play-btn img{
                    width: .18rem;
                }
                .amber-video-popup .amber-video-shell{
                    width: min(calc(100vw - .5rem), calc((92vh - 44px) * 16 / 9));
                    padding-top: 44px;
                }
                .amber-video-popup-close{
                    width: 32px;
                    height: 32px;
                    top: 12px;
                    right: 12px;
                }
                .banner-sales{
                    overflow: hidden;
                    height: 27rem;
                    background: url('/assets/img/products/amber/mob/bg-tank.webp') no-repeat center;
                    background-size: cover;
                }
                .banner-sales .info{
                    text-align: right;
                    max-width: 100%;
                    padding-left: 24%;
                    padding-top: .5rem;
                }
                .banner-video.amber{
                    padding: 4rem .6rem;
                }
                .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.product-color{
                    padding-bottom: 0;
                }
                .product-spec .area img{
                    width: 100%;
                }
                .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 .info{
                    top: .6rem;
                    padding: 0 .6rem;
                    right: 0;
                    width: 100%;
                    max-width: 100%;
                    text-align: center;
                }
                .vlite-cmf .content .info h3{
                    font-size: .64rem;
                    margin-bottom: .24rem;
                }
                .vlite-cmf .content .info p{
                    font-size: .32rem;
                    line-height: 1.5;
                }
                .vlite-cmf .content .detail{
                    margin-bottom: 0;
                }
                .vlite-cmf .content .detail .d1{
                    gap: .3rem;
                    flex-wrap: wrap;
                }
                .vlite-cmf .content .detail .d1 img{
                    height: 100%;
                    width: 100%;
                }
                .vlite-cmf .content .c-name p{
                    font-size: .36rem;
                    font-family: 'inter-b';
                }
                .vlite-cmf .content .btns{
                    gap: .2rem;
                    padding: .25rem .5rem;
                    border-radius: 1rem;
                    left: calc(50% - 2.14rem);
                }
                .vlite-cmf .content .btns span.active::after{
                    font-size: .3rem;
                }
                .vlite-cmf .content .btns span{
                    width: .5rem;
                    height: .5rem;
                }
                .product-bg.style .info{
                    padding: 0 .6rem;
                    max-width: 100%;
                    margin-top: 6rem;
                    padding-bottom: .2rem;
                    text-align: center;
                }
                .product-bg.air .info{
                    margin-top: 1.2rem;
                    padding-bottom: 6rem;
                }
                .product-bg.bat .info p{
                    max-width: 100%;
                }
                .product-bg.bat .info{
                    margin-top: 1.2rem;
                    padding-bottom: 6rem;
                }
                .product-bg.bat img{
                    width: 90%;
                    left: 5%;
                    bottom: 1rem;
                }
                .product-bg.clouds{
                    height: 12rem;
                    background: url('/assets/img/products/amber/mob/bg-clouds.webp') no-repeat center;
                    background-size: cover;
                }
                .product-bg.clouds .info{
                    margin-top: 8rem;
                }
            }