/*! autoprefixer: on */*{font-family:manrope,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,"sans-serif";color:#333}p{font-size:1.125rem}.hero{background-image:url(/static/pc/en/online-demo-collection/online-demo.jpg?t=1761286666653);background-size:cover;background-position:50%;height:37.5rem;position:relative}.hero .text{position:absolute;color:#fff;left:50%;top:50%;transform:translateX(-46.875rem) translateY(-50%);width:42.5rem}.hero .text h1{color:#fff;font-size:3.5rem;margin-bottom:.78vw}.hero .text p{color:#fff}.type{gap:4.375rem;height:23.625rem}.type,.type .item{display:flex;align-items:center;justify-content:center}.type .item{margin-top:1.875rem;flex-flow:column nowrap;flex-grow:0;width:11.25rem;cursor:pointer}.type .item:hover .icon{transform:translateY(-.625rem)}.type .item .icon{transition-duration:.3s;width:10rem;height:10rem;background-color:#fff;border:1px solid #c2c2c2;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.type .item .icon img{transition-duration:.3s;width:6.25rem;position:absolute;left:50%;transform:translateX(-50%)}.type .item .icon img.active{opacity:0}.type .item .label{margin-top:2.188rem;text-align:center;transition-duration:.3s}.type .item.active .icon{background-color:#0d58c9;border:1px solid #0d58c9;color:#fff}.type .item.active .icon img{color:#fff;fill:#fff;opacity:0}.type .item.active .icon img.active{opacity:1}.type .item.active .label{color:#0d58c9}.container{background-color:#f5f5f5;padding-top:4.375rem}.container .type-wrap{margin:auto;display:none}.container .type-wrap-head{text-align:center;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.container .type-wrap-head h1{font-size:3rem}.container .type-wrap-head p{width:66rem;font-size:1.125rem;color:#666;margin-top:.625rem}.container .type-wrap .context{padding-bottom:3.75rem}.container .type-wrap .context .type-wrap-context{width:90.75rem;margin:auto;display:flex;flex-flow:row wrap;justify-content:space-between;row-gap:1.875rem;margin-top:5rem}.container .type-wrap .context .type-wrap-context .card{transition-duration:.3s;width:43.75rem;height:16.25rem;background-color:#fff;box-shadow:0 0 .938rem 0 rgba(0,0,0,.1);border-radius:1.25rem;box-sizing:border-box;display:flex;flex-flow:nowrap;overflow:hidden}.container .type-wrap .context .type-wrap-context .card h1,.container .type-wrap .context .type-wrap-context .card p{line-height:1.2}.container .type-wrap .context .type-wrap-context .card .left{height:100%;width:25rem;flex-shrink:0;flex-grow:0;display:flex;align-items:center;justify-content:center}.container .type-wrap .context .type-wrap-context .card .left img{height:100%}.container .type-wrap .context .type-wrap-context .card .right{height:100%;padding-left:1.875rem}.container .type-wrap .context .type-wrap-context .card .right .title{font-size:1.125rem;margin-top:3.125rem;transition-duration:.3s;display:flex;align-items:center;min-height:2.25rem}.container .type-wrap .context .type-wrap-context .card .right .desc{font-size:1rem;color:#666;margin-top:1rem}.container .type-wrap .context .type-wrap-context .card .right .btn{transition-duration:.3s;width:12.5rem;height:2.5rem;text-align:center;line-height:2.5rem;background-color:#f5f5f5;border-radius:.5rem;border:1px solid #999;color:#666;cursor:pointer;margin-top:1.75rem}.container .type-wrap .context .type-wrap-context .card:hover{box-shadow:.313rem .313rem 1.563rem 0 rgba(0,0,0,.13)}.container .type-wrap .context .type-wrap-context .card:hover .right .btn{background-color:#0d58c9;color:#fff;border:1px solid #0d58c9}.container .type-wrap .context .type-wrap-context .card.text .right{padding-left:2.5rem;padding-right:2.5rem}.container .type-wrap .context .type-wrap-context .card.text .right .title{margin-top:3.563rem}.container .type-wrap .context .type-wrap-context .card.text .right .desc{margin-top:1.25rem;line-height:1.6}.container .type-wrap .context .type-wrap-context .card.text .right .desc a{color:#0d58c9}.container .type-wrap.gateway .type-wrap-context .card .title,.container .type-wrap.router .type-wrap-context .card .title{height:2.25rem;margin-top:3rem;display:flex;align-items:center}.container .type-wrap.cloud .context{background-color:#fff;padding-top:3.125rem}.container .type-wrap.cloud .grid{display:grid;grid-template-columns:repeat(4,21.25rem);grid-gap:1.25rem;grid-template-rows:repeat(2,11.25rem)}.container .type-wrap.cloud .grid .cell{box-shadow:0 0 15px 0 rgba(0,0,0,.2);border-radius:1.25rem;padding:1.75rem;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-flow:column nowrap;justify-content:space-around;align-items:center}.container .type-wrap.cloud .grid .cell a,.container .type-wrap.cloud .grid .cell div,.container .type-wrap.cloud .grid .cell h1,.container .type-wrap.cloud .grid .cell p{color:#fff;font-weight:400}.container .type-wrap.cloud .grid .cell a,.container .type-wrap.cloud .grid .cell p{font-size:1.5rem}.container .type-wrap.cloud .grid .cell a svg,.container .type-wrap.cloud .grid .cell p svg{width:1.5rem;height:1.5rem;vertical-align:-.375rem;fill:#fff}.container .type-wrap.cloud .grid .cell .desc{font-size:1rem;line-height:1.5rem}.container .type-wrap.cloud .grid .cell h1{font-size:1.875rem}.container .type-wrap.cloud .grid .cell.start{grid-area:1/1/3/2}.container .type-wrap.cloud .grid .cell.end{grid-area:1/4/3/5}.container .type-wrap.cloud .grid .cell.one{justify-content:space-between;padding-right:.625rem;background-image:url(/static/pc/en/online-demo-collection/milesight-iot-cloud-free-trial.png?t=1761286666653)}.container .type-wrap.cloud .grid .cell.one .flex-start{align-self:flex-start}.container .type-wrap.cloud .grid .cell.one .flex-end{align-self:flex-end}.container .type-wrap.cloud .grid .cell.two{background-image:url(/static/pc/en/online-demo-collection/milesight-iot-cloud-iaq-demo.png?t=1761286666653)}.container .type-wrap.cloud .grid .cell.three{background-image:url(/static/pc/en/online-demo-collection/milesight-iot-cloud-waste-management-demo.png?t=1761286666653)}.container .type-wrap.cloud .grid .cell.four{background-image:url(/static/pc/en/online-demo-collection/milesight-iot-cloud-smart-agriculture-demo.png?t=1761286666653)}.container .type-wrap.cloud .grid .cell.five{background-image:url(/static/pc/en/online-demo-collection/milesight-iot-cloud-smart-buidling-demo.png?t=1761286666653)}.container .type-wrap.cloud .grid .cell.six{background-image:url(/static/pc/en/online-demo-collection/milesight-iot-cloud-smart-city-demo.png?t=1761286666653)}.container .type-wrap.cloud .grid .cell.seven{background-image:url(/static/pc/en/online-demo-collection/milesight-iot-cloud-demo-smart-space-people-counting.png?t=1761286666653)}.container .type-wrap.cloud .grid .cell.seven h1{text-align:center;line-height:1.3}.container .type-wrap.cloud .type-wrap-head{padding-bottom:3.125rem}.container .type-wrap.cloud .type-wrap-head .learnmore{display:flex;margin-top:3.125rem}.container .type-wrap.cloud .type-wrap-head .learnmore img{width:25.688rem}.container .type-wrap.cloud .type-wrap-head .learnmore .text{margin-left:2.25rem;width:12.5rem;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.container .type-wrap.cloud .type-wrap-head .learnmore .text p{width:12.5rem;color:#333}.container .type-wrap.cloud .type-wrap-head .learnmore .text .btn{cursor:pointer;width:12.5rem;height:2.5rem;line-height:2.5rem;background-color:#f5f5f5;border-radius:.5rem;border:1px solid #999;margin-top:1.875rem;color:#666;transition-duration:.3s}.container .type-wrap.cloud .type-wrap-head .learnmore .text .btn:hover{background-color:#0d58c9;border:1px solid #0d58c9;color:#fff}.container .type-wrap.cloud .type-wrap-context{background-color:#fff}