.gas-detecting-alarm{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:34.58333rem;height:15rem;background:rgba(2,60,77,.4);border:1px solid #00fefb;padding:.83333rem 1.25rem;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:14.58333rem;height:8.33333rem}.gas-detecting-alarm .group .group-left .alarmState .alarmStateUrl{width:7.53333rem;height:8.2rem}.gas-detecting-alarm .group .group-left .alarmName{cursor:pointer;text-align:center;font-size:1.16667rem;color:hsla(0,0%,100%,.8);background:#013f55;width:14.58333rem;padding:.66667rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:.83333rem}.gas-detecting-alarm .group .group-right .target-state{width:16.25rem;margin-left:.83333rem;display:flex;justify-content:center;align-items:center;margin-top:1.66667rem}.gas-detecting-alarm .group .group-right .target-state .alarmWordUrl{width:7rem;height:3.75rem}.gas-detecting-alarm .group .group-right .target-label{display:flex;justify-content:center;align-items:center;height:3.33333rem;width:16.25rem;background:#013f55;margin-left:.83333rem;margin-top:.83333rem}.gas-detecting-alarm .group .group-right .target-label span{font-size:1.16667rem;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:16.66667rem;display:flex;font-size:1.33333rem;height:3.33333rem;line-height:3.33333rem}.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:.41667rem;margin-left:.83333rem;width:16.25rem}.gas-detecting-alarm .group .group-right .target span .target-vew .target-name.tank-name{width:10rem;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:7.5rem;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:4.16667rem;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:6.66667rem;color:#0ff}.gas-detecting-alarm .group .group-right .target span .target-vew .target-error{font-weight:700;width:6.66667rem;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:2.08333rem;width:2.91667rem}.gas-detecting-alarm .btn-active{top:.83333rem;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)}