/*!
 *  build: admin-pro 
 *  copyright: vue-admin-beautiful.com 1204505056@qq.com 
 *  time: 2024-11-5 11:51:15
 */body,div,h1,h2,h3,h4,h5,html,p{font-family:PingFang SC;font-weight:400;margin:0}h1,h2,h3{font-weight:700}.row{width:100%;margin:0 auto}.wrapper{width:100%;padding-bottom:30px;height:auto!important;background:url(../../static/img/bg.43541b91.jpg);background-size:100% 100%;padding-top:1px;color:#fff}.mask{width:100%;max-height:10000px!important;height:100%;background:#333;position:fixed;top:0;left:0;z-index:10;opacity:.6}.header{width:100%;height:142px;background:url(../../static/img/tp.d61ae137.gif);background-size:100% 142px;padding-top:1px}.hd-title{width:100%;margin-top:30px;display:flex;align-items:flex-end;justify-content:center}.header img{width:309px;height:20px}.header h2{line-height:64px;font-size:60px;font-weight:800;color:#fff;background:linear-gradient(0deg,#4e97c5,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 60px}.container{min-width:1840px;margin:0 40px;display:flex;flex-direction:row}.aside{width:522px}.section h3{line-height:24px;margin-bottom:10px;font-size:20px;color:#55b3ff;text-align:left}.content{border:2px solid #1749a0;position:relative;color:#fff}.content .box-brd{width:20px;height:20px;position:absolute;z-index:5}.tp-lf-brd{border-left:2px solid #0084ff;left:-2px}.tp-lf-brd,.tp-rt-brd{border-top:2px solid #0084ff;top:-2px}.tp-rt-brd{border-right:2px solid #0084ff;right:-2px}.btm-lf-brd{border-left:2px solid #0084ff;left:-2px}.btm-lf-brd,.btm-rt-brd{border-bottom:2px solid #0084ff;bottom:-2px}.btm-rt-brd{border-right:2px solid #0084ff;right:-2px}.statistics-section h4{margin:18px 30px 0;font-size:20px;font-family:Source Han Sans CN}.equipment-row{width:100%;height:214px;display:flex;flex-direction:row;align-items:center}.equipment-row .canvas{width:66.666%;height:214px}.statistics-section .row{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;text-align:center}.statistics-section .col{width:33.333%;margin-bottom:15px}.statistics-section .col h5{line-height:20px;font-size:16px}.statistics-section .col p{line-height:34px;margin-top:16px;font-size:30px;font-family:Source Han Sans CN}.list-section{margin-top:40px}.recentlyFlows-list{height:400px}.recentlyFlows-list,.warning-list{width:100%;overflow:hidden;position:absolute;top:70px}.warning-list{height:180px}.list-section .content{height:474px;position:relative}.list-section .row{width:100%;height:70px;line-height:70px;background:#05123f;display:flex;flex-direction:row;align-items:center;font-weight:700;text-align:center;position:absolute;top:0;left:0;z-index:5}.list-section .row h5{width:33.333%;line-height:18px;font-size:16px;color:#999}.list-section .row h5 i{font-style:normal}.list-section .row .remark{color:#fff}.list-section ul{width:100%;height:400px;margin-bottom:30px;z-index:1}.list-section ul li{width:100%;height:22px;margin-bottom:18px;display:flex;align-items:center}.list-section ul li:last-child{margin-bottom:0}.list-section ul li p{width:33.333%;line-height:22px;font-size:18px;color:#52d4e0;text-align:center}.main{width:694px;margin:0 40px;text-align:center}.w-quality-data{width:694px;height:338px}.w-quality-data h3{width:100%;line-height:38px;font-size:36px;font-family:Source Han Sans CN;font-weight:400;text-shadow:0 0 7px #64e6f9}.equipment-state{width:100%;line-height:22px;margin:20px auto 30px;font-size:20px;font-family:Microsoft YaHei}.fc-blue{color:#52d4e0}.fc-red{color:#c3031d}.fc-yellow{color:#ffc600}.w-quality-data .section{width:100%;display:flex;flex-direction:row;align-items:center}.w-quality-data .col{width:192px;margin:0 2px;text-align:center}.w-quality-data h4{line-height:24px;margin:40px 10px 0 0;font-size:20px;text-align:left;font-family:Source Han Sans CN}.w-quality-data h5{height:18px;margin-bottom:22px;font-size:16px;font-weight:500}.w-quality-data .section span{line-height:32px;display:block;font-size:30px;font-weight:500}.w-quality-data i{font-size:12px;font-style:normal}.w-quality-data .w-flow{width:100%;margin-top:40px}.w-quality-data .w-flow h4{margin-right:20px}.w-quality-data .w-flow .col{width:144px;margin:0 3px}.w-quality-chart{width:694px;margin-top:80px}.w-quality-chart .canvas,.w-quality-chart .content{width:694px;height:474px}.w-quality-chart .canvas{height:474px;margin-top:24px}.rt-aside{width:522px}.echart-group{display:flex;align-items:center}.terminal-statistics{height:272px}.terminal-statistics .canvas{width:260px;height:238px}.week-water-report{margin:0 0 40px}.week-water-report .canvas,.week-water-report .content{width:522px;height:286px}.week-water-report .canvas{height:264px;margin-top:22px}.warning-info .content{width:522px;height:258px}.warning-info .row{background:0 0}.warning-info ul{height:180px;margin-bottom:24px}.warning-info ul li{margin-bottom:17px}.warning-info .row h5,.warning-info ul li p{width:102px}.warning-info ul li p{font-size:16px}.warning-info .row .imei-title,.warning-info ul li .imei{width:210px}.warning-info .row .remark-title{color:#fff}.warning-info ul li .fc-red{color:#c3031d}[v-cloak]{display:none}body,html{font-family:Microsoft Yahei;height:100%;margin:0;background:#f8f8f8;font-size:14px}li,ul{margin:0;padding:0}li{list-style:none}#app{height:100%}iframe{height:98%;width:100%;border:none}#page{width:100%;height:100%;margin:0 auto}#list,#page{background:#fff}#list{padding:10px;overflow:hidden}.table-image{width:50px}.avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload:hover{border-color:#409eff}.avatar-uploader-icon{font-size:28px;color:#8c939d;width:278px;text-align:center}.avatar{width:178px;display:block}.thumbnail{width:100px}.original{width:50px}.demo-table-expand{font-size:0}.demo-table-expand label{width:90px;color:#99a9bf}.demo-table-expand .el-form-item{margin-right:0;margin-bottom:0;width:50%}.layui-btn:not(.layui-btn-lg):not(.layui-btn-sm):not(.layui-btn-xs){height:34px;line-height:34px;padding:0 8px}::-webkit-scrollbar-track-piece{background-color:#f8f8f8}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background-color:#ddd;background-clip:padding-box;min-height:28px}::-webkit-scrollbar-thumb:hover{background-color:#bbb}.el-cascader-menus{z-index:2147483647!important}.el-form-item{margin-bottom:0}.time h2{color:#f60;margin:20px auto 30px auto}.time-line{position:relative;width:300px;margin:0 auto}.time-line-div{position:relative;min-height:85px}.time-line-div>p:first-child{position:absolute;left:0;width:100px}.time-line-div>p:nth-child(2){position:absolute;left:100px;width:15px;height:15px;top:10px;background:#5cb85c;border-radius:50%;z-index:10}.time-line-div>p:nth-child(3){position:absolute;left:130px;padding:10px;background:#317ef3;font-size:.8rem;color:#fff;border-radius:10px}.img-dotted{position:absolute;width:20px;height:100%;top:0;z-index:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAASgCAYAAABse8GPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMxNTMyRjBFOEFBMTFFODlCNDdDMjM5RTUzN0EwNEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMxNTMyRjFFOEFBMTFFODlCNDdDMjM5RTUzN0EwNEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QkY0MTA4N0U4QUExMUU4OUI0N0MyMzlFNTM3QTA0RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QkY0MTA4OEU4QUExMUU4OUI0N0MyMzlFNTM3QTA0RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pnluue8AAAZlSURBVHja7NrBbVRL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);left:88px}.time-line-detail>p{margin-left:30px;margin-bottom:10px}.com-toast{width:350px;height:auto;padding:5px 0;display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1002;background:#fff;border-radius:10px}.com-toast h3{line-height:28px;margin:25px;font-size:18px;color:#333;text-align:center}.com-toast p{line-height:22px;margin:0 25px 30px;font-size:16px;color:#999;text-align:center}