.monitor-wrapper[data-v-4cde4e7b]{width:100%;height:100%}.alarm-level-wrap .alarm-level{height:4.6vw;line-height:4.6vw;padding:0 8px;min-width:3.8vw;position:relative;overflow:unset;font-size:2.6vw;text-align:center;bottom:1vw;margin-right:14vw}.alarm-level-wrap .alarm-level:before{left:-1.3vw}.alarm-level-wrap .alarm-level:after,.alarm-level-wrap .alarm-level:before{content:"";border-top:2.3vw solid transparent;border-bottom:2.3vw solid transparent;position:absolute;top:0;bottom:0}.alarm-level-wrap .alarm-level:after{right:-1.3vw}.alarm-level-wrap .level1{background:#24ac45}.alarm-level-wrap .level1:before{border-right:1.3vw solid #24ac45}.alarm-level-wrap .level1:after{border-left:1.3vw solid #24ac45}.alarm-level-wrap .level2{background:#f5b615}.alarm-level-wrap .level2:before{border-right:1.3vw solid #f5b615}.alarm-level-wrap .level2:after{border-left:1.3vw solid #f5b615}.alarm-level-wrap .level3{background:#f66b1c}.alarm-level-wrap .level3:before{border-right:1.3vw solid #f66b1c}.alarm-level-wrap .level3:after{border-left:1.3vw solid #f66b1c}.alarm-level-wrap .level4{background:#9f041b}.alarm-level-wrap .level4:before{border-right:1.3vw solid #9f041b}.alarm-level-wrap .level4:after{border-left:1.3vw solid #9f041b}.alarm-level-wrap .level5{background:#53188c}.alarm-level-wrap .level5:before{border-right:1.3vw solid #53188c}.alarm-level-wrap .level5:after{border-left:1.3vw solid #53188c}.alarm-level-wrap .level6{background:#180e6d}.alarm-level-wrap .level6:before{border-right:1.3vw solid #180e6d}.alarm-level-wrap .level6:after{border-left:1.3vw solid #180e6d}.ht01-device{height:100%;display:flex;flex-direction:column;justify-content:space-around;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ht01-device .meter{width:15.6vw;height:1.66vw}.ht01-device .meter.l0{background-image:linear-gradient(90deg,#34eb18 33.3%,#687188 0 66.6%,#63488c 66.6% 100%)}.ht01-device .meter.l1{background-image:linear-gradient(90deg,#3e7388 33.3%,#f8e816 0 66.6%,#63468d 66.6% 100%)}.ht01-device .meter.l2{background-image:linear-gradient(90deg,#3e7388 33.3%,#687289 0 66.6%,#e0122d 66.6% 100%)}.ht01-device .row{display:flex;justify-content:space-around}.ht01-device .row1{align-items:flex-end}.ht01-device .row1>*{flex:1;padding:0 1vw 0 6vw}.ht01-device .row1 .large{font-size:2.8vw;margin-right:2.5vw}.ht01-device .row1 small{font-size:1.9vw}.ht01-device .row2>*{flex:1;display:flex;align-items:baseline;justify-content:space-between;padding:0 2vw 0 6vw}.ht01-device .row2 .large{font-size:5.8vw}.ht01-device .row3{flex-wrap:wrap}.ht01-device .row3 .column{display:flex;flex-direction:column;justify-content:space-around;flex:1;margin:.5vw;background:#0f2f80;padding:1.5vw;box-sizing:border-box}.ht01-device .row3 .column .name{font-size:2.3vw}.ht01-device .row3 .column .line{display:flex;justify-content:space-between;align-items:center;font-size:2.1vw}.ht01-device .row3 .column2{flex:1;display:flex;min-width:40%;margin:.5vw;box-sizing:border-box}.ht01-device .row3 .column2>*{background:#0f2f80;flex:1;max-width:calc(50% - .5vw);box-sizing:border-box}.ht01-device .row3 .column2>:first-of-type{margin-right:1vw}.ht01-device .row3 .column2 .pm1,.ht01-device .row3 .column2 .pm10{display:flex;flex-direction:column;justify-content:center;padding:0 1vw}.ht01-device .row3 .column2 .pm1 .name,.ht01-device .row3 .column2 .pm10 .name{font-size:2vw;margin-bottom:5px}.ht01-device .row3 .column2 .pm1 .line,.ht01-device .row3 .column2 .pm10 .line{display:flex;justify-content:space-between;align-items:center;font-size:1.8vw}.ht01-device .row3 .column2 .pm1 .line .meter,.ht01-device .row3 .column2 .pm10 .line .meter{width:8vw;height:1.2vw}.ht01-device .row3 .column2 .humidity,.ht01-device .row3 .column2 .temperature{display:flex;align-items:center}.ht01-device .row3 .column2 .humidity .iconfont,.ht01-device .row3 .column2 .temperature .iconfont{font-size:5vw}.ht01-device .row3 .column2 .humidity .val,.ht01-device .row3 .column2 .temperature .val{font-size:3.2vw}.ht01-device .row3 .column2 .humidity .val small,.ht01-device .row3 .column2 .temperature .val small{font-size:2.8vw}.ht01-device .row3 .right{background:linear-gradient(120deg,#0f2f80 88%,transparent 0 100%)}.ht01-device .row3 .right .line{width:80%}