.real-time-monitoring{width:100%;height:100%;display:flex;flex-direction:column;padding:0 .83333rem}.real-time-monitoring .filter-btn-group{width:18.33333rem;height:3.75rem;display:flex;justify-content:space-between;position:absolute;right:1.33333rem;top:1.08333rem;z-index:2}.real-time-monitoring .filter-btn-group .checkbox{width:50%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-right:.41667rem}.real-time-monitoring .filter-btn-group .checkbox .el-checkbox{width:100%;height:100%;border:1px solid #01abe9;display:flex;align-items:center;background:rgba(4,56,82,.8)}.real-time-monitoring .filter-btn-group .checkbox .el-checkbox__inner{color:#fff;border-color:#01abe9}.real-time-monitoring .filter-btn-group .checkbox .el-checkbox__inner:after{border-color:#f93204!important}.real-time-monitoring .filter-btn-group .checkbox .el-checkbox__input.is-checked .el-checkbox__inner{border-color:#f93204!important;background:transparent;color:#f93204}.real-time-monitoring .filter-btn-group .checkbox .el-checkbox__input.is-checked+.el-checkbox__label{color:#fff}.real-time-monitoring .filter-btn-group .checkbox .is-checked{border-color:#b80707;background:rgba(227,4,4,.2)}.real-time-monitoring .filter-btn-group .btn{width:8.33333rem;height:3.75rem;display:flex;flex-direction:column}.real-time-monitoring .filter-btn-group .btn .el-button{width:100%;height:100%;border:1px solid #01abe9;color:#fff;background:rgba(4,56,82,.8)}.real-time-monitoring .main-content{width:100%;height:100%}.real-time-monitoring .main-content .real-time-monitoring-data{width:100%;height:100%;position:absolute;top:0;left:0;flex:1;padding:0 .83333rem;overflow:hidden;overflow-y:auto}.real-time-monitoring .main-content .real-time-monitoring-data .real-time-monitoring-data-content{padding-top:.83333rem;display:flex;flex-direction:column;width:100%;height:auto;transition:all .2s}.real-time-monitoring .main-content .real-time-monitoring-data .header{margin-bottom:.58333rem;color:#0ff;font-size:1.83333rem;display:flex;align-items:center}.real-time-monitoring .main-content .real-time-monitoring-data .header .name{text-indent:1em;border-left:.5rem solid #20edfa}.real-time-monitoring .main-content .real-time-monitoring-data .header .risk{width:10.83333rem;height:4.16667rem;line-height:4.16667rem;text-align:center;font-size:1.83333rem}.real-time-monitoring .main-content .real-time-monitoring-data .content{display:flex;flex-wrap:wrap;width:100%}.real-time-monitoring .main-content .real-time-monitoring-data .content .monitor-tank,.real-time-monitoring .main-content .real-time-monitoring-data .content .warehouse-type{border:.08333rem solid #20edfa;box-shadow:0 0 .5rem #20edfa;padding:1.25rem .58333rem;width:100%;display:flex;flex-wrap:wrap;margin-bottom:.58333rem}.real-time-monitoring .main-content .real-time-monitoring-data .content .monitor-tank .monitor-tank-farm,.real-time-monitoring .main-content .real-time-monitoring-data .content .warehouse-type .monitor-tank-farm{width:48.5%;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:.83333rem;margin:.58333rem;color:#fff;position:relative;display:flex;justify-content:space-around}.real-time-monitoring .main-content .real-time-monitoring-data .content .monitor-tank .monitor-tank-farm.warn,.real-time-monitoring .main-content .real-time-monitoring-data .content .warehouse-type .monitor-tank-farm.warn{border:.08333rem solid red;background:rgba(255,0,0,.15);box-shadow:0 0 .5rem red}.real-time-monitoring .main-content .real-time-monitoring-data .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 .main-content .real-time-monitoring-data .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 .main-content .real-time-monitoring-data .content .component-gas-monitoring .gas-detecting-alarm-content{display:flex;flex-wrap:wrap}.real-time-monitoring .main-content .real-time-monitoring-data .content .component-gas-monitoring .gas-detecting-alarm-content .monitor-gas-detecting-alarm{width:27.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 .main-content .real-time-monitoring-data .craft-wrap{width:100%;display:flex;flex-direction:column;margin-bottom:.58333rem}.real-time-monitoring .main-content .real-time-monitoring-data .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 .main-content .real-time-monitoring-data .craft-wrap .craft-content-title .name{border-left:.5rem solid #20edfa;text-indent:1em}.real-time-monitoring .main-content .real-time-monitoring-data .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 .main-content .real-time-monitoring-data .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}.real-time-monitoring .main-content .real-time-monitoring-data.active{left:-100%}.real-time-monitoring .main-content .table{width:100%;height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:calc(100% + .1667rem);transition:all .2s}.real-time-monitoring .main-content .table.active{left:0}.real-time-monitoring .main-content .table .el-table th{background:#044d78!important}.real-time-monitoring .main-content .table .form-box{width:100%;height:auto;padding:.41667rem 20rem 1.25rem 0!important;margin-bottom:1.25rem;position:relative;background-image:url(/static/images/querybg.png);background-size:100% 100%}.real-time-monitoring .main-content .table .form-box .el-form-item{margin-top:.83333rem}.real-time-monitoring .main-content .table .form-box .el-form-item .el-form-item__content .el-button{margin-left:0}