.tank-farm{display:flex}.tank-farm .mask{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);top:0;left:0}.gas-detecting-alarm{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.gas-detecting-alarm .group{width:100%}.gas-detecting-alarm .group .alarmState{display:flex;justify-content:space-around;align-items:center;width:100%;height:10rem}.gas-detecting-alarm .group .alarmState .alarmStateUrl{width:9.16667rem;height:9.16667rem}.gas-detecting-alarm .group .alarmState .alarm-val{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.gas-detecting-alarm .group .alarmState .alarm-val .alarmWordUrl{width:7rem;height:3.75rem;margin-bottom:.83333rem}.gas-detecting-alarm .group .alarmState .alarm-val .target{width:16.66667rem;display:flex;font-size:1.33333rem;height:3.33333rem;line-height:3.33333rem}.gas-detecting-alarm .group .alarmState .alarm-val .target span{display:block;width:100%;height:100%}.gas-detecting-alarm .group .alarmState .alarm-val .target span .target-vew{cursor:pointer;display:flex;align-items:center;color:#0ff}.gas-detecting-alarm .group .alarmState .alarm-val .target span .target-vew .target-name.tank-name{width:7.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#0ff;text-align:right}.gas-detecting-alarm .group .alarmState .alarm-val .target span .target-vew .target-value{color:#12f81c;text-align:center;width:7.91667rem;overflow:hidden;text-overflow:ellipsis}.gas-detecting-alarm .group .alarmState .alarm-val .target span .target-vew .target-value.target-run-status1,.gas-detecting-alarm .group .alarmState .alarm-val .target span .target-vew .target-value.target-run-status3{color:#fe1311}.gas-detecting-alarm .group .alarmState .alarm-val .target span .target-vew .target-value.target-run-status0{color:#12f81c}.gas-detecting-alarm .group .alarmState .alarm-val .target span .target-vew .target-value.target-run-status2{color:#c1c1c1}.gas-detecting-alarm .group .alarmState .alarm-val .target span .target-vew .target-unit{text-align:left;width:4.16667rem;color:#0ff}.gas-detecting-alarm .group .alarmState .alarm-val .target span .target-vew .target-error{font-weight:700;width:12.08333rem;color:#fe1311;text-indent:.5em}.gas-detecting-alarm .group .alarmName{text-align:center;font-size:1.33333rem;margin-top:.25rem;color:hsla(0,0%,100%,.8)}.gas-detecting-alarm .mask{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);top:0;left:0}.craft{display:flex;justify-content:space-around;min-height:15.83333rem;border:.08333rem solid #20edfa;background:rgba(0,0,0,.25);box-shadow:0 0 .5rem rgba(11,234,235,.5);border-radius:.25rem;padding:.83333rem;position:relative}.craft .mask{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);top:0;left:0}.real-time-monitoring{width:100%;height:100%;display:flex;flex-direction:column;padding:0 2.5rem}.real-time-monitoring .noData{flex:1;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2.5rem}.real-time-monitoring .header{margin-bottom:.58333rem;color:#0ff;font-size:1.83333rem;display:flex;align-items:center}.real-time-monitoring .header .name{text-indent:1em;border-left:.5rem solid #20edfa}.real-time-monitoring .header .risk{width:10.83333rem;height:4.16667rem;line-height:4.16667rem;text-align:center;font-size:1.83333rem}.real-time-monitoring .content{display:flex;flex-wrap:wrap;width:100%}.real-time-monitoring .content .monitor-tank{border:.08333rem solid #20edfa;box-shadow:0 0 .5rem #20edfa;padding:1.25rem;width:100%;display:flex;flex-wrap:wrap;margin-bottom:.58333rem}.real-time-monitoring .content .monitor-tank .monitor-tank-farm{width:49%;min-width:25rem;height:15.83333rem;border:.08333rem solid #20edfa;background:rgba(0,0,0,.25);box-shadow:0 0 .5rem #20edfa;border-radius:.25rem;overflow:hidden;padding:1.66667rem;margin:.58333rem;color:#fff;position:relative;display:flex;justify-content:space-around}.real-time-monitoring .content .component-gas-monitoring{flex-direction:column;border:.08333rem solid #20edfa;box-shadow:0 0 .5rem #20edfa;padding:1.25rem;width:100%;display:flex;flex-wrap:wrap;margin-bottom:.58333rem}.real-time-monitoring .content .component-gas-monitoring .gas-detecting-alarm-title{width:100%;height:2.08333rem;padding-left:.5rem;margin:.58333rem 0;border-left:.66667rem solid #c1c1c1;color:#c1c1c1;font-size:1.33333rem;display:flex;justify-content:space-between;align-items:center}.real-time-monitoring .content .component-gas-monitoring .gas-detecting-alarm-content{display:flex;flex-wrap:wrap}.real-time-monitoring .content .component-gas-monitoring .gas-detecting-alarm-content .monitor-gas-detecting-alarm{width:24.16667rem;border:.08333rem solid #20edfa;background:rgba(0,0,0,.25);-webkit-box-shadow:0 0 .5rem #20edfa;box-shadow:0 0 .5rem #20edfa;border-radius:.25rem;overflow:hidden;padding:.66667rem;margin:.41667rem;color:#fff}.real-time-monitoring .craft-wrap{width:100%;display:flex;flex-direction:column;margin-bottom:.58333rem}.real-time-monitoring .craft-wrap .craft-content-title{padding-left:.5rem;margin-bottom:.58333rem;color:#0ff;font-size:1.83333rem;display:flex;align-items:center;justify-content:space-between}.real-time-monitoring .craft-wrap .craft-content-title .name{border-left:.5rem solid #20edfa;text-indent:1em}.real-time-monitoring .craft-wrap .craft-content-title .level{background-color:#17596f;width:12.5rem;height:4.16667rem;line-height:4.16667rem;font-size:1.66667rem;text-align:center}.real-time-monitoring .craft-wrap .craft-content{border:.08333rem solid #20edfa;box-shadow:0 0 .5rem #20edfa;padding:1.25rem;width:100%;display:flex;margin-bottom:1.66667rem;flex-wrap:wrap}