.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:8.5714285714rem}.gas-detecting-alarm .group .alarmState .alarmStateUrl{width:7.8571428571rem;height:7.8571428571rem}.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:6rem;height:3.2142857143rem;margin-bottom:.7142857143rem}.gas-detecting-alarm .group .alarmState .alarm-val .target{width:14.2857142857rem;display:flex;font-size:1.1428571429rem;height:2.8571428571rem;line-height:2.8571428571rem}.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:6.4285714286rem;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:6.7857142857rem;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:3.5714285714rem;color:#0ff}.gas-detecting-alarm .group .alarmState .alarm-val .target span .target-vew .target-error{font-weight:700;width:10.3571428571rem;color:#fe1311;text-indent:.5em}.gas-detecting-alarm .group .alarmName{text-align:center;font-size:1.1428571429rem;margin-top:.2142857143rem;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:13.5714285714rem;border:.0714285714rem solid #20edfa;background:rgba(0,0,0,.25);box-shadow:0 0 .4285714286rem rgba(11,234,235,.5);border-radius:.2142857143rem;padding:.7142857143rem;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.1428571429rem}.real-time-monitoring .noData{flex:1;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2.1428571429rem}.real-time-monitoring .header{margin-bottom:.5rem;color:#0ff;font-size:1.5714285714rem;display:flex;align-items:center}.real-time-monitoring .header .name{text-indent:1em;border-left:.4285714286rem solid #20edfa}.real-time-monitoring .header .risk{width:9.2857142857rem;height:3.5714285714rem;line-height:3.5714285714rem;text-align:center;font-size:1.5714285714rem}.real-time-monitoring .content{display:flex;flex-wrap:wrap;width:100%}.real-time-monitoring .content .monitor-tank{border:.0714285714rem solid #20edfa;box-shadow:0 0 .4285714286rem #20edfa;padding:1.0714285714rem;width:100%;display:flex;flex-wrap:wrap;margin-bottom:.5rem}.real-time-monitoring .content .monitor-tank .monitor-tank-farm{width:49%;min-width:21.4285714286rem;height:13.5714285714rem;border:.0714285714rem solid #20edfa;background:rgba(0,0,0,.25);box-shadow:0 0 .4285714286rem #20edfa;border-radius:.2142857143rem;overflow:hidden;padding:1.4285714286rem;margin:.5rem;color:#fff;position:relative;display:flex;justify-content:space-around}.real-time-monitoring .content .component-gas-monitoring{flex-direction:column;border:.0714285714rem solid #20edfa;box-shadow:0 0 .4285714286rem #20edfa;padding:1.0714285714rem;width:100%;display:flex;flex-wrap:wrap;margin-bottom:.5rem}.real-time-monitoring .content .component-gas-monitoring .gas-detecting-alarm-title{width:100%;height:1.7857142857rem;padding-left:.4285714286rem;margin:.5rem 0;border-left:.5714285714rem solid #c1c1c1;color:#c1c1c1;font-size:.8571428571rem;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:20.7142857143rem;border:.0714285714rem solid #20edfa;background:rgba(0,0,0,.25);-webkit-box-shadow:0 0 .4285714286rem #20edfa;box-shadow:0 0 .4285714286rem #20edfa;border-radius:.2142857143rem;overflow:hidden;padding:.5714285714rem;margin:.3571428571rem;color:#fff}.real-time-monitoring .craft-wrap{width:100%;display:flex;flex-direction:column;margin-bottom:.5rem}.real-time-monitoring .craft-wrap .craft-content-title{padding-left:.4285714286rem;margin-bottom:.5rem;color:#0ff;font-size:1.5714285714rem;display:flex;align-items:center;justify-content:space-between}.real-time-monitoring .craft-wrap .craft-content-title .name{border-left:.4285714286rem solid #20edfa;text-indent:1em}.real-time-monitoring .craft-wrap .craft-content-title .level{background-color:#17596f;width:10.7142857143rem;height:3.5714285714rem;line-height:3.5714285714rem;font-size:1.4285714286rem;text-align:center}.real-time-monitoring .craft-wrap .craft-content{border:.0714285714rem solid #20edfa;box-shadow:0 0 .4285714286rem #20edfa;padding:1.0714285714rem;width:100%;display:flex;margin-bottom:1.4285714286rem;flex-wrap:wrap}