.WaterLevelMonitoring[data-v-1b37b166]{width:100%;height:100%;position:relative}.WaterLevelMonitoring .top-bg[data-v-1b37b166]{height:42px;width:100%;background-image:url(../img/waterLevel.86272118.png);background-repeat:no-repeat}.WaterLevelMonitoring .water-content[data-v-1b37b166]{width:100%;height:calc(100% - 42px);position:relative}.WaterLevelMonitoring .water-content .line-box[data-v-1b37b166]{position:absolute;top:0;left:0;width:100%;display:flex;z-index:999;pointer-events:none}.WaterLevelMonitoring .water-content .line-box>div[data-v-1b37b166]{height:100%}.WaterLevelMonitoring .water-content .line-label[data-v-1b37b166]{position:absolute;right:100%;white-space:nowrap;line-height:1;transform:translate(-10px,-50%);font-feature-settings:"kern" on}.WaterLevelMonitoring .water-content .line-left[data-v-1b37b166],.WaterLevelMonitoring .water-content .line-right[data-v-1b37b166]{flex-grow:1;border-top:1px solid #00ffd8;position:relative}.WaterLevelMonitoring .water-content .line-center[data-v-1b37b166]{position:relative;width:40%;border:1px solid #00ffd8;border-top:transparent}.WaterLevelMonitoring .water-content .line-center .line[data-v-1b37b166]{position:absolute;bottom:0;left:0;width:100%}.WaterLevelMonitoring .water-content .line-center .water-level-line[data-v-1b37b166]{border-top:1px dashed #02f312;color:#02f312}.WaterLevelMonitoring .water-content .line-center .water-level-line .line-label[data-v-1b37b166]{right:50%;bottom:100%;transform:translate(50%,-5px)}.WaterLevelMonitoring .water-content .line-center .warn-line[data-v-1b37b166]{border-top:1px dashed #ffc438;color:#ffc438}.WaterLevelMonitoring .water-content .line-center .alarm-line[data-v-1b37b166]{border-top:1px dashed #ff1010;color:#ff1010;font-weight:900}.WaterLevelMonitoring .water-content .scale-line[data-v-1b37b166]{position:absolute;left:0;width:16px;height:1px;background-color:#00ffd8}.WaterLevelMonitoring .water-content .scale-line p[data-v-1b37b166]{white-space:nowrap;position:absolute;left:100%;line-height:1;margin:0;transform:translate(10px,-50%);color:#00fff6}.WaterLevelMonitoring .water-content .scale-line p span[data-v-1b37b166]{color:#fff}.WaterLevelMonitoring .water-content .max-label[data-v-1b37b166]{position:absolute;bottom:100%;left:20px;line-height:1;transform:translateY(-5px)}.WaterLevelMonitoring .water-content .water-level[data-v-1b37b166]{position:absolute;width:100%;bottom:0;background:linear-gradient(180deg,rgba(16,115,81,.7637),#04393d)}