.product-operation-process .product-operation-process-module{height:calc(var(--process-slide-count, 5) * 39.583vw);margin:5.729vw 0}.product-operation-process .product-operation-process-module .operation-process-content{height:39.063vw;position:sticky;top:140px}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists{position:relative}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content{width:100%;height:39.063vw;position:absolute;top:0;display:flex;justify-content:space-between;align-items:center;background:url(/cdn/shop/files/Group_298-tuya.jpg?v=1704936176) no-repeat;background-size:cover;border-radius:20px;opacity:0;pointer-events:none;transition:all 1s;padding:0 4vw}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content .process-message{width:27.604vw;font-size:calc(8px + .521vw);line-height:1.5;margin-top:15.625vw;text-wrap:auto}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content .process-message .desc{font-size:14px;margin-top:clamp(7px,1vw,20px)}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content .process-img{width:29.688vw;height:29.688vw}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content .process-img .process-img-picture,.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content .process-img img{width:100%;height:100%;display:block;object-fit:contain}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content-1,.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content.is-active{opacity:1;pointer-events:auto;z-index:1}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination{position:absolute;width:calc(100px + 17vw);left:4vw;right:auto;top:6.771vw;z-index:2}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet{font-weight:400;width:auto;height:auto;font-size:calc(10px + .729vw);line-height:1;text-align:left;border-radius:0;color:#3e505c;background-color:transparent;transition:all .6s;opacity:1;margin-bottom:1.563vw;cursor:pointer}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet-active{font-size:calc(14px + 1.354vw);color:#6fa5a9;transform:scale(1)}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet-active:before{content:"";display:inline-block;position:absolute;left:-2.083vw;width:10px;height:35px;background-color:#6fa5a9}@media(max-width:2000px){.product-operation-process .product-operation-process-module .operation-process-content .process-pagination{left:8vw}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content{padding:0 8vw}}@media(max-width:1500px){.product-operation-process .product-operation-process-module{height:calc(var(--process-slide-count, 5) * (70px + 39.333vw))}.product-operation-process .product-operation-process-module .operation-process-content{height:calc(300px + 23.333vw);top:150px}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content{height:calc(300px + 23.333vw);padding:0 12vw}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content .process-message{width:28vw;font-size:calc(8px + .533vw);margin-top:18.5vw;margin-right:13.333vw}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content .process-img{width:30vw;height:30vw}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination{width:calc(100px + 23.333vw);top:8vw;left:12vw}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet{font-size:calc(10px + .8vw);margin-bottom:25px}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet-active{font-size:calc(14px + 1.467vw)}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet-active:before{left:-2.083vw;width:10px;height:35px}}@media(max-width:1200px){.product-operation-process .product-operation-process-module{height:calc(var(--process-slide-count, 5) * 53.333vw)}.product-operation-process .product-operation-process-module .operation-process-content{height:calc(300px + 26.667vw);top:150px}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content{height:calc(300px + 26.667vw)}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content .process-message{width:37.5vw;font-size:calc(8px + .833vw);margin-top:23.333vw;margin-right:4.167vw}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content .process-img{width:33.333vw;height:33.333vw}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination{width:calc(100px + 23.333vw);top:7vw;left:12vw}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet{font-size:calc(10px + .833vw);margin-bottom:2.083vw}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet-active{font-size:calc(14px + 1.5vw)}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet-active:before{left:-2.083vw;width:10px;height:30px}}@media(max-width:900px){.product-operation-process .product-operation-process-module{height:calc(var(--process-slide-count, 5) * 55.556vw)}.product-operation-process .product-operation-process-module .operation-process-content{height:calc(300px + 31.111vw);top:150px}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content{height:calc(300px + 31.111vw);padding:0 4vw}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content .process-message{width:33.333vw;font-size:calc(8px + .889vw);margin-top:27.778vw;margin-right:4.444vw}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content .process-img{width:42.222vw;height:42.222vw}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination{width:calc(100px + 23.333vw);top:8vw;left:4vw}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet{font-size:calc(10px + 1.111vw);margin-bottom:2.778vw}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet-active{font-size:calc(14px + 1.5vw)}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet-active:before{left:-25px;width:10px;height:30px}}@media(max-width:680px){.product-operation-process .operation-process-content{border-radius:35px}.product-operation-process .product-operation-process-module{--process-sticky-top: max(3.25rem, var(--header-height, 0px));--process-sticky-bottom: calc(5.75rem + env(safe-area-inset-bottom, 0px)) ;height:calc(var(--process-slide-count, 5) * 97.059vw)}.product-operation-process .product-operation-process-module .operation-process-content{display:flex;flex-direction:column;align-items:stretch;gap:1rem;height:calc(100vh - var(--process-sticky-top) - var(--process-sticky-bottom));height:calc(100svh - var(--process-sticky-top) - var(--process-sticky-bottom));min-height:0;top:var(--process-sticky-top);overflow:hidden}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists{order:2;width:100%;min-height:0;flex:1 1 0;position:relative;overflow:hidden}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content{top:0;right:0;bottom:0;left:0;height:auto;min-height:0;max-height:100%;justify-content:flex-start;align-items:center;background:url(/cdn/shop/files/Group_298_1_-tuya.jpg?v=1704936175) no-repeat;background-size:cover;border-radius:35px;flex-direction:column;overflow:hidden}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content .process-message{position:relative;order:2;width:100%;flex:1 1 0;min-height:0;font-size:calc(8px + 1.176vw);line-height:1.3;margin-top:.75rem;margin-right:0;margin-bottom:0;padding:0 14.706vw 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:auto;touch-action:pan-y}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content .process-img{order:1;flex-shrink:0;width:42.647vw;height:42.647vw;margin-top:1rem}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination{position:relative;order:1;top:auto;left:auto;right:auto;width:100%;max-width:100%;flex-shrink:0;box-sizing:border-box;padding:2rem 1rem .5rem 2rem}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet{font-size:calc(8px + 1.471vw);margin-bottom:2.941vw}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet-active{font-size:calc(12px + 2.647vw)}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet-active:before{left:-25px;width:calc(5px + .735vw);height:calc(15px + 2.206vw)}}@media(max-width:500px){.product-operation-process .product-operation-process-module{height:calc(var(--process-slide-count, 5) * 560px);margin:50px 0;padding:0}.product-operation-process .product-operation-process-module .operation-process-content{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;width:100%;height:calc(100vh - var(--process-sticky-top) - var(--process-sticky-bottom));height:calc(100svh - var(--process-sticky-top) - var(--process-sticky-bottom));min-height:0;padding:0;margin:0 auto;top:var(--process-sticky-top);overflow:hidden}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists{order:2;width:100%;min-height:0;flex:1 1 0;overflow:hidden}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content{width:100%;height:auto;min-height:0;max-height:100%;justify-content:flex-start;overflow:hidden}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content .process-message{position:relative;order:2;font-size:16px;margin-top:.75rem;margin-bottom:0;padding:0 30px 1rem;flex:1 1 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.product-operation-process .product-operation-process-module .operation-process-content .operation-process-lists .process-content .process-img{order:1;flex-shrink:0;width:min(200px,53.333vw);height:min(200px,53.333vw);margin-top:.5rem}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination{position:relative;order:1;top:auto;left:auto;width:100%;max-width:100%;flex-shrink:0;box-sizing:border-box;padding:1.25rem 1.25rem .25rem 2.5rem}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet{font-size:16px;margin-bottom:15px}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet-active{font-size:24px}.product-operation-process .product-operation-process-module .operation-process-content .process-pagination .process-pagination-bullet-active:before{left:-25px;width:6px;height:22px}}@media(max-width:590px){body.product-navbar-visible .product-operation-process .product-operation-process-module{--process-sticky-top: 3.25rem}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/product-operation-process.css.map */