.device[data-v-db6d9476]{display:flex;flex-direction:column}.device .wrap[data-v-db6d9476]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#fff;padding-bottom:.052083rem;padding-top:.020833rem}.device .wrap[data-v-db6d9476]:after{content:"";width:3.151042rem}.device .device-box[data-v-db6d9476]{padding:0 .104167rem;flex:25%;margin-bottom:.0625rem}.device .device-box .box-item[data-v-db6d9476]{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:.104167rem;border-radius:.052083rem;box-sizing:border-box;height:100%}.device .device-box .box-item .box-top[data-v-db6d9476]{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:.005208rem solid hsla(0,0%,100%,.2)}.device .device-box .box-item img[data-v-db6d9476]{width:.338542rem;height:.338542rem;opacity:.6}.device .device-box .box-item .box-left .title[data-v-db6d9476]{width:.546875rem;height:.255208rem;font-size:.182292rem;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;line-height:.255208rem;white-space:nowrap}.device .device-box .box-item .box-left .value[data-v-db6d9476]{font-size:.083333rem;line-height:.15625rem}.device .device-box .box-item .box-right[data-v-db6d9476]{align-self:self-start}.device .device-box .box-item .box-bottom[data-v-db6d9476]{display:flex;align-items:center;width:100%}.device .device-box .box-item .box-bottom .label[data-v-db6d9476]{position:relative;flex:1;height:.520833rem;font-size:.130208rem;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;display:flex;flex-direction:column;justify-content:center;border:.005208rem solid rgba(0,0,0,.2);margin:.145833rem 0;cursor:pointer;border-radius:.03125rem;margin-right:.03125rem;background:hsla(0,0%,100%,.2)}.device .device-box .box-item .box-bottom .label[data-v-db6d9476]:hover{background:hsla(0,0%,100%,.4)}.device .device-box .box-item .box-bottom .label span[data-v-db6d9476]{font-size:.104167rem;color:#eee}.device .device-box .box-item .box-bottom .label .count[data-v-db6d9476]{font-size:.15625rem;font-weight:700;z-index:1}.device .device-box .box-item .box-bottom .label[data-v-db6d9476]:last-child{margin-right:0}.device .device-box .box-item .box-bottom .label .bj[data-v-db6d9476]{position:absolute;left:0;right:0;top:.020833rem;content:"";width:.447917rem;height:.447917rem;background-color:rgba(0,0,0,.2);border-radius:50%;margin:auto;transform:rotateX(264deg);z-index:0}[data-v-1633a4b2] .el-table .cell{display:flex;justify-content:center;align-items:center}.fullscreen_box[data-v-1633a4b2]{position:absolute;right:0;top:.015625rem}.fullscreen-change-box[data-v-1633a4b2]{display:flex;justify-content:center;align-items:center;width:.166667rem;height:.166667rem;z-index:11;border-radius:.020833rem;cursor:pointer;border:.005208rem solid #dcdfe6}.fullscreen-change-box[data-v-1633a4b2]:hover{background:#ecf5ff;border-color:#409eff!important}.fullscreen-change-box:hover i[data-v-1633a4b2]{color:#409eff}.fullscreen-change-box i[data-v-1633a4b2]{font-size:.09375rem}.box-background[data-v-1633a4b2]{background:rgba(31,49,65,.8)}.p-box[data-v-1633a4b2]{position:absolute;top:.083333rem;left:0;right:0;bottom:0;margin:auto;overflow-x:hidden;overflow-y:auto}.real-monitoring-body[data-v-1633a4b2],.waterLevel[data-v-1633a4b2]{width:100%;display:flex}.real-monitoring-body .real-monitoring-tree[data-v-1633a4b2],.waterLevel .real-monitoring-tree[data-v-1633a4b2]{display:flex;flex-direction:column;width:1.1875rem;background-color:#fff;overflow:hidden;padding-top:.0625rem;border-radius:0 .03125rem 0 0}.real-monitoring-body .real-monitoring-tree[data-v-1633a4b2] .el-tree-node__content,.waterLevel .real-monitoring-tree[data-v-1633a4b2] .el-tree-node__content{position:relative}.real-monitoring-body .real-monitoring-tree[data-v-1633a4b2] .el-tree-node.is-expanded>.el-tree-node__children,.waterLevel .real-monitoring-tree[data-v-1633a4b2] .el-tree-node.is-expanded>.el-tree-node__children{display:inline}.real-monitoring-body .real-monitoring-tree[data-v-1633a4b2] .el-scrollbar,.waterLevel .real-monitoring-tree[data-v-1633a4b2] .el-scrollbar{height:100%}.real-monitoring-body .real-monitoring-right[data-v-1633a4b2],.waterLevel .real-monitoring-right[data-v-1633a4b2]{margin:0 .083333rem;flex:1;height:100%;overflow:hidden;display:flex;flex-direction:column;border-radius:.03125rem .03125rem 0 0}.real-monitoring-body .real-monitoring-right .offline-data-box[data-v-1633a4b2],.waterLevel .real-monitoring-right .offline-data-box[data-v-1633a4b2]{display:flex;align-items:center;justify-content:flex-start;padding:.052083rem .083333rem;margin-bottom:.052083rem;background-color:#fff4f4;border:.005208rem solid #fcc;border-radius:.020833rem;color:#ff4d4f;font-size:.072917rem}.real-monitoring-body .real-monitoring-right .offline-data-box .offline-count[data-v-1633a4b2],.waterLevel .real-monitoring-right .offline-data-box .offline-count[data-v-1633a4b2]{font-weight:700;margin-left:.026042rem}.real-monitoring-body .real-monitoring-right .real_device[data-v-1633a4b2],.waterLevel .real-monitoring-right .real_device[data-v-1633a4b2]{position:relative;background-color:#fff;height:max-content}.real-monitoring-body .real-monitoring-right .real_device .cz-type[data-v-1633a4b2],.waterLevel .real-monitoring-right .real_device .cz-type[data-v-1633a4b2]{position:absolute;top:0;right:.104167rem;height:.1875rem;display:flex;align-items:center}.real-monitoring-body .real-monitoring-right .device_charts[data-v-1633a4b2],.waterLevel .real-monitoring-right .device_charts[data-v-1633a4b2]{height:1.40625rem;flex-shrink:0}.real-monitoring-body .real-monitoring-right .device_charts .bar-echarts[data-v-1633a4b2],.waterLevel .real-monitoring-right .device_charts .bar-echarts[data-v-1633a4b2]{height:calc(100% - .1875rem)}.real-monitoring-body .real-monitoring-right .real-monitoring-content[data-v-1633a4b2],.waterLevel .real-monitoring-right .real-monitoring-content[data-v-1633a4b2]{width:100%;display:flex;flex-direction:column;background-color:#fff;flex:.6}.real-monitoring-body .real-monitoring-right .real-monitoring-content .search-menu-zk[data-v-1633a4b2],.real-monitoring-body .real-monitoring-right .real-monitoring-content .search-menu[data-v-1633a4b2],.waterLevel .real-monitoring-right .real-monitoring-content .search-menu-zk[data-v-1633a4b2],.waterLevel .real-monitoring-right .real-monitoring-content .search-menu[data-v-1633a4b2]{position:relative;padding:.041667rem 0}.real-monitoring-body .real-monitoring-right .real-monitoring-content .search-menu-zk>div[data-v-1633a4b2],.real-monitoring-body .real-monitoring-right .real-monitoring-content .search-menu>div[data-v-1633a4b2],.waterLevel .real-monitoring-right .real-monitoring-content .search-menu-zk>div[data-v-1633a4b2],.waterLevel .real-monitoring-right .real-monitoring-content .search-menu>div[data-v-1633a4b2]{display:flex;flex-wrap:wrap}.real-monitoring-body .real-monitoring-right .real-monitoring-content .search-menu-zk>div>div[data-v-1633a4b2],.real-monitoring-body .real-monitoring-right .real-monitoring-content .search-menu>div>div[data-v-1633a4b2],.waterLevel .real-monitoring-right .real-monitoring-content .search-menu-zk>div>div[data-v-1633a4b2],.waterLevel .real-monitoring-right .real-monitoring-content .search-menu>div>div[data-v-1633a4b2]{height:.229167rem;display:flex;margin-left:.052083rem;align-items:center}.real-monitoring-body .real-monitoring-right .real-monitoring-content .table-content[data-v-1633a4b2],.waterLevel .real-monitoring-right .real-monitoring-content .table-content[data-v-1633a4b2]{height:calc(100% - 3.46875rem)}.real-monitoring-body .real-monitoring-right .real-monitoring-content .table-pagination[data-v-1633a4b2],.waterLevel .real-monitoring-right .real-monitoring-content .table-pagination[data-v-1633a4b2]{height:.260417rem;width:100%;background-color:#fff;display:flex;margin-top:0;align-items:center;justify-content:right;border-radius:.010417rem}.dialog_table[data-v-1633a4b2] .el-dialog{width:100%!important;margin-top:0!important}