.bar-group{position:relative;z-index:1;padding-left:rem(24px);padding-top:rem(24px);margin-right:rem(16px)}.bar-item{color:#0acccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:rem(12px);font-size:rem(14px)}.bar-item__name{width:rem(140px);line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.bar-item__bar{background:-webkit-gradient(linear,left top,right top,from(rgba(24,232,232,0)),to(#0acccc));background:linear-gradient(90deg,rgba(24,232,232,0),#0acccc);height:rem(20px);position:relative}.bar-item__bar:after{content:"";width:rem(2px);height:100%;background:#0ff;position:absolute;right:0;top:0}.bar-item__value{margin-left:rem(16px)}.progress-group{position:relative;z-index:1;padding-left:rem(24px);padding-top:rem(24px)}.progress-item{color:#0acccc;margin-bottom:rem(18px);font-size:rem(14px);width:rem(340px)}.progress-item__info{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:rem(10px);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.progress-item__name{font-size:rem(14px);color:#fff;-ms-flex-negative:0;flex-shrink:0}.progress-item__progress{background:#001529;height:rem(4px);position:relative}.progress-item__progress-inner{height:100%;background:#0ff;position:absolute;left:0;top:0}.progress-item__value{font-size:rem(14px)}.progress-item__value-count{font-size:rem(20px);color:#fff;font-family:DINAlternate-Bold}.cur-alarm-level-data{height:rem(100px)}.trend-data{height:rem(200px)}.guage-chart{height:rem(230px)}.guage-chart-wrap{position:relative}.guage-chart-info{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:rem(16px)}.guage-chart-info-value{font-size:rem(96px);font-family:Digital;color:rgba(20,112,204,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.guage-chart-info-value-bg{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.guage-chart-info-value-integer{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.guage-chart-info-value-dot{margin:0 12px;color:#0acccc}.guage-chart-info-value-float{font-size:rem(80px);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.guage-chart-info-value-data{position:absolute;right:0;color:#0acccc;text-align:right}.guage-chart-info-value-unit{color:#0acccc;font-size:rem(80px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.alarm-level-data{color:#fff;text-align:center;padding-top:rem(24px)}.alarm-level-data-wrap{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.alarm-level-data-value{font-family:DINAlternate-Bold;font-size:rem(26px);margin-bottom:rem(16px)}.alarm-level-data-data{font-size:rem(14px)}.alarm-level-data:first-child,.alarm-level-data:nth-child(2){color:#ff3e00}.alarm-level-data:nth-child(3){color:#ff7a0d}.alarm-level-data:nth-child(4){color:#ffb20d}.alarm-level-data:last-child{color:#0080ff}