.gas-detecting-alarm{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:29.6428571429rem;height:12.8571428571rem;background:rgba(2,60,77,.4);border:1px solid #00fefb;padding:.7142857143rem 1.0714285714rem;overflow:hidden}.gas-detecting-alarm .group{display:flex;flex-wrap:wrap}.gas-detecting-alarm .group .group-left .alarmState{display:flex;justify-content:space-around;align-items:center;width:12.5rem;height:7.1428571429rem}.gas-detecting-alarm .group .group-left .alarmState .alarmStateUrl{width:6.4571428571rem;height:7.0285714286rem}.gas-detecting-alarm .group .group-left .alarmName{cursor:pointer;text-align:center;font-size:1rem;color:hsla(0,0%,100%,.8);background:#013f55;width:12.5rem;padding:.5714285714rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:.7142857143rem}.gas-detecting-alarm .group .group-right .target-state{width:13.9285714286rem;margin-left:.7142857143rem;display:flex;justify-content:center;align-items:center;margin-top:1.4285714286rem}.gas-detecting-alarm .group .group-right .target-state .alarmWordUrl{width:6rem;height:3.2142857143rem}.gas-detecting-alarm .group .group-right .target-label{display:flex;justify-content:center;align-items:center;height:2.8571428571rem;width:13.9285714286rem;background:#013f55;margin-left:.7142857143rem;margin-top:.7142857143rem}.gas-detecting-alarm .group .group-right .target-label span{font-size:1rem;font-family:Microsoft YaHei;font-weight:400}.gas-detecting-alarm .group .group-right .target-label .target-type-label{color:#0ff}.gas-detecting-alarm .group .group-right .target-label .target-type-name{font-weight:700;color:#12f81c}.gas-detecting-alarm .group .group-right .target-label .target-type-name1{font-weight:700;color:#fe1311}.gas-detecting-alarm .group .group-right .target{width:14.2857142857rem;display:flex;font-size:1.1428571429rem;height:2.8571428571rem;line-height:2.8571428571rem}.gas-detecting-alarm .group .group-right .target span{display:block;width:100%;height:100%}.gas-detecting-alarm .group .group-right .target span .target-vew{cursor:pointer;display:flex;align-items:center;color:#0ff;background:#013f55;margin-top:.3571428571rem;margin-left:.7142857143rem;width:16.25rem}.gas-detecting-alarm .group .group-right .target span .target-vew .target-name.tank-name{width:8.5714285714rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#0ff;text-align:right}.gas-detecting-alarm .group .group-right .target span .target-vew .target-name.tank-name-error{width:6.4285714286rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#0ff;text-align:right}.gas-detecting-alarm .group .group-right .target span .target-vew .target-value{color:#12f81c;text-align:center;width:3.5714285714rem;overflow:hidden;text-overflow:ellipsis}.gas-detecting-alarm .group .group-right .target span .target-vew .target-value.target-run-status3{color:#fe1311}.gas-detecting-alarm .group .group-right .target span .target-vew .target-value.target-run-status1{color:#febf06}.gas-detecting-alarm .group .group-right .target span .target-vew .target-value.target-run-status0{color:#12f81c}.gas-detecting-alarm .group .group-right .target span .target-vew .target-value.target-run-status2{color:#c1c1c1}.gas-detecting-alarm .group .group-right .target span .target-vew .target-unit{text-align:left;width:5.7142857143rem;color:#0ff}.gas-detecting-alarm .group .group-right .target span .target-vew .target-error{font-weight:700;width:5.7142857143rem;color:#febf06;text-indent:.5em}.gas-detecting-alarm .mask{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);top:0;left:0}.gas-detecting-alarm .btn-active,.gas-detecting-alarm .btn-img{z-index:999;position:absolute;height:1.7857142857rem;width:2.5rem}.gas-detecting-alarm .btn-active{top:.7142857143rem;left:0}.gas-detecting-alarm .image{z-index:1;transform:rotate(-90deg);ms-transform:rotate(-90deg);moz-transform:rotate(-90deg);webkit-transform:rotate(-90deg);o-transform:rotate(-90deg)}