.gas-detecting-alarm{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:transitionPx(415);height:transitionPx(180);background:rgba(2,60,77,.4);border:1px solid #00fefb;padding:transitionPx(10) transitionPx(15);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:transitionPx(175);height:transitionPx(100)}.gas-detecting-alarm .group .group-left .alarmState .alarmStateUrl{width:transitionPx(90.4);height:transitionPx(98.4)}.gas-detecting-alarm .group .group-left .alarmName{cursor:pointer;text-align:center;font-size:transitionPx(14);color:hsla(0,0%,100%,.8);background:#013f55;width:transitionPx(175);padding:transitionPx(8) 0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:transitionPx(10)}.gas-detecting-alarm .group .group-right .target-state{width:transitionPx(195);margin-left:transitionPx(10);display:flex;justify-content:center;align-items:center;margin-top:transitionPx(20)}.gas-detecting-alarm .group .group-right .target-state .alarmWordUrl{width:transitionPx(84);height:transitionPx(45)}.gas-detecting-alarm .group .group-right .target-label{display:flex;justify-content:center;align-items:center;height:transitionPx(40);width:transitionPx(195);background:#013f55;margin-left:transitionPx(10);margin-top:transitionPx(10)}.gas-detecting-alarm .group .group-right .target-label span{font-size:transitionPx(14);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:transitionPx(200);display:flex;font-size:transitionPx(16);height:transitionPx(40);line-height:transitionPx(40)}.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:transitionPx(5);margin-left:transitionPx(10);width:16.25rem}.gas-detecting-alarm .group .group-right .target span .target-vew .target-name.tank-name{width:transitionPx(120);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:transitionPx(90);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:transitionPx(50);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:transitionPx(80);color:#0ff}.gas-detecting-alarm .group .group-right .target span .target-vew .target-error{font-weight:700;width:transitionPx(80);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:transitionPx(25);width:transitionPx(35)}.gas-detecting-alarm .btn-active{top:transitionPx(10);left:transitionPx(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)}