#app,body,html{height:100%;font-family:Alibaba-PuHuiTi-Regular}body{margin:0}.d-color-brand-primary-text{color:#3981f4}.d-color-brand-primary-background{background-color:#3981f4}.d-color-brand-hover-text{color:#63a4ff}.d-color-brand-hover-background{background-color:#63a4ff}.d-color-brand-click-text{color:#2560cf}.d-color-brand-click-background{background-color:#2560cf}.d-color-brand-disable-text{color:#aac4f6}.d-color-brand-disable-background{background-color:#aac4f6}.d-color-brand-light-text{color:#aac4f6}.d-color-brand-light-background{background-color:#aac4f6}.d-color-success-background,.d-color-success-text{color:#49b371}.d-color-warning-background,.d-color-warning-text{color:#f77e02}.d-color-danger-background,.d-color-danger-text{color:#ef524d}.d-color-info-background,.d-color-info-text{color:#edeef0}.d-color-functional-primary-text{color:#ef524d}.d-color-functional-primary-background{background-color:#ef524d}.d-color-functional-hover-text{color:#49b371}.d-color-functional-hover-background{background-color:#49b371}.d-color-functional-click-text{color:#f77e02}.d-color-functional-click-background{background-color:#f77e02}.d-color-functional-info-text{color:#edeef0}.d-color-functional-info-background{background-color:#edeef0}.d-color-text-white{color:#fff}.d-color-text-black{color:#000}.d-color-text-primary{color:#292a2d}.d-color-text-regular{color:#63656a}.d-color-text-secondary{color:#a8b0bc}.d-color-text-placeholder{color:#c8cdd4}.d-color-background-white{background-color:#fff}.d-color-background-black{background-color:#000}.d-color-background-base{background-color:#eff2f6}.d-color-background-light{background-color:#f0f2f5}.d-color-background-lighter{background-color:#f8f9fa}.d-color-background-table{background-color:#f0f4fb}.d-color-background-transparent{background-color:#fff}.d-color-border-primary{border:1px solid #c0c6cf}.d-color-border-regular{border:1px solid #dbdfe4}.d-color-border-secondary{border:1px solid #e4e7ec}.d-color-border-placeholder{border:1px solid #eff2f6}.d-color-border-table{border:1px solid #e2e9f1}.d-font-size-12{font-size:12px;line-height:18px}.d-font-size-14{font-size:14px;line-height:22px}.d-font-size-16{font-size:16px;line-height:24px}.d-font-size-18{font-size:18px;line-height:26px}.d-font-size-20{font-size:20px;line-height:28px}.d-font-size-22{font-size:22px;line-height:30px}.d-font-size-24{font-size:24px;line-height:32px}.d-font-size-26{font-size:26px;line-height:34px}.d-font-size-28{font-size:28px;line-height:36px}.breadcrumb{padding-bottom:10px;border-bottom:1px solid #e6e6e6}.form-box{position:relative;padding:0 0 60px;margin-top:66px}.form-title{line-height:18px;border-left:4px solid #409eff}.form-title,.form-title-custom{padding-left:10px;margin-bottom:20px}.form-title-custom{line-height:17px;font-size:17px;border-left:4px solid #0082e6;font-weight:700;color:#000}.form-red-title{line-height:18px;border-left:4px solid #409eff;padding-left:10px;margin-bottom:20px;color:#fa0a0a}.el-drawer__body [tabindex]:focus,.el-drawer__header [tabindex]:focus{outline:none!important;box-shadow:none!important}.tree-title{line-height:22px;font-size:16px;color:#63656a;padding-left:21px;padding-bottom:17px}.drawer-title{color:#292a2d;padding:20px;border-bottom:1px solid rgba(40,44,49,.12)}.drawer-content{padding:0}.table-tree{display:flex;height:calc(100% - 110px);margin-top:0}.table-tree .tree{width:340px;border-right:1px solid rgba(40,44,49,.12);padding:20px 8px 0}.table-tree .tree .el-tree{height:730px;overflow:scroll}.table-tree .tree .el-tree ::v-deep .el-icon-caret-right:before{content:"\e6df";color:#292a2d;font-weight:700}.table-tree .tree .el-tree ::v-deep .expanded:before{color:#3981f4!important}.table-tree .tree .el-tree ::v-deep .el-tree-node__expand-icon.expanded{transform:rotate(180deg)!important}.table-tree .tree .el-tree ::v-deep .el-icon-caret-right.el-tree-node__expand-icon.is-leaf:before{content:""!important}.table-tree .tree .el-tree ::v-deep .el-tree-node:focus>.el-tree-node__content,.table-tree .tree .el-tree ::v-deep .el-tree-node__content:hover{background:rgba(57,129,244,.15);color:#3981f4}.table-tree .table{flex:1;margin:4px 20px 0 20px}.table-tree .operate:hover{color:#409eff}.table-tree .custom-tree-node{font-size:14px}.el-collapse{border:0}.el-collapse-item{background-color:#fafafa;border-radius:10px;margin:10px 0;padding:5px 20px}.el-collapse-item__header{color:#409eff;font-size:15px}.el-collapse-item__header,.el-collapse-item__wrap{background-color:#fafafa;border:0}.el-collapse-item__content{padding:0}.el-image-viewer__btn{color:#fff}.el-tree-node__content{height:35px}.white-bg-card{width:100%;background-color:#fff;border-radius:10px;margin:20px 0 0;padding:20px;box-sizing:border-box}.el-menu--vertical{left:55px!important}.el-menu--vertical .el-dropdown-menu__item,.el-menu-item{height:40px;line-height:40px}.el-menu--vertical .el-dropdown-menu__item,.el-menu-item.is-active,.el-menu-item:hover{background-color:rgba(57,129,244,.15)!important}.el-menu--vertical .el-menu--popup{min-width:150px}.layui-laydate-list .laydate-time-list .layui-laydate li.layui-this,.layui-laydate .laydate-time-list li.layui-this{background-color:#3981f4!important;color:#fff!important}.layui-laydate-footer span:hover{color:#3981f4!important}@keyframes valveRotate{to{transform:rotate(1turn)}}.valve-rotata{transform-box:fill-box;transform-origin:center;animation:valveRotate 3s linear infinite normal}@keyframes levelTranslate{to{transform:translateY(0)}}.level-translate{transform-box:fill-box;transform-origin:center;animation:levelTranslate 3s linear 1 normal}.context-menu-container{position:absolute;z-index:10000;border-radius:4px;background:#fff;box-shadow:0 4px 12px 0 rgba(36,39,47,.1);min-width:172px}.context-menu{display:flex;flex-direction:column;padding:10px 0}.context-menu-item{height:28px;cursor:pointer;font-size:14px;font-weight:400;line-height:28px;color:#464646;padding:0 14px;margin:4px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.context-menu-item:hover{color:#fff;background:#3981f4}.not-allowed{cursor:default;color:rgba(70,70,70,.5)}.not-allowed:hover{color:rgba(70,70,70,.5);background:#fff}.allowed{cursor:pointer}.mains-wrapper{position:relative;height:calc(100vh - 220px);padding:0}.mains-wrapper ::-webkit-scrollbar{width:4px!important;height:4px}.mains-wrapper::-webkit-scrollbar-track{background-color:#f1f1f1}.mains-wrapper ::-webkit-scrollbar-thumb{border-radius:0;background-color:#b4b4b4!important}.mains-wrapper .x6-widget-transform{margin:-1px 0 0 -1px;padding:0;border:1px solid #3981f4;border-radius:0}.mains-wrapper .x6-widget-transform>div{border:1px solid #3981f4}.mains-wrapper .x6-widget-transform-active-handle,.mains-wrapper .x6-widget-transform>div:hover{background-color:#3981f4}.mains-wrapper .x6-widget-transform-resize{border-radius:0}.mains-wrapper .x6-widget-snapline-horizontal,.mains-wrapper .x6-widget-snapline-vertical{stroke:#df2bff;stroke-width:1px}.mains-wrapper .x6-widget-selection-box,.mains-wrapper .x6-widget-selection-inner{margin:-1px 0 0 -1px;padding:0;border:1px solid #3981f4;box-shadow:none}.mains-wrapper .full-wrap{width:100%;height:calc(100vh - 276px);background-color:#eff2f6}.mains-wrapper .full-wrap .config-title{font-size:18px;font-weight:500;line-height:20px;color:#292a2d;font-family:AlibabaPuHuiTi-3-65-Medium;margin-bottom:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mains-wrapper .full-wrap .top-operating{height:60px;padding:0 20px;box-sizing:border-box;background-color:#f8f9fb;display:flex;justify-content:center;margin-bottom:16px}.mains-wrapper .full-wrap .container_wrap_add{width:100%;height:calc(100% - 78px);display:flex}.mains-wrapper .full-wrap .container_wrap_add .left_drawer{height:100%;min-width:266px;max-width:266px;border-right:1px solid #eee;background-color:#fff;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:16px}.mains-wrapper .full-wrap .container_wrap_add .config-wrapper{width:100%;height:100%;margin:0 20px;display:flex;justify-content:center;align-items:center;overflow:auto}.mains-wrapper .full-wrap .container_wrap_add .wrapper-chart{width:100%;height:100%}.mains-wrapper .full-wrap .container_wrap_add .wrapper-chart #containerChart{background-color:#fff;border:1px solid #828282;overflow:hidden!important;position:relative}.mains-wrapper .full-wrap .container_wrap_add .right_drawer{height:100%;min-width:270px;max-width:270px;border-left:1px solid #eee;background:#fff;padding:16px}.mains-wrapper .full-wrap:-webkit-full-screen .el-tooltip__popper,.mains-wrapper .full-wrap:fullscreen .el-tooltip__popper{z-index:10000!important}.top-nav-container{display:flex;justify-content:space-between;align-items:center}.top-nav-container .top-left-con{width:350px}.top-nav-container .top-left-con .config-name{font-family:AlibabaPuHuiTi-3-65-Medium;font-size:16px;line-height:20px;color:#292a2d}.top-nav-container .top-left-con .config-desc{font-size:14px;font-weight:400;line-height:20px;color:#8f99af}.top-nav-container .top-center-con{width:100%}.top-nav-container .top-center-con,.top-nav-container .top-center-con .con-wrapper{display:flex;justify-content:center;align-items:center}.top-nav-container .top-center-con .con-wrapper .icon{width:28px;height:28px;border-radius:4px;color:#464646;text-align:center;line-height:28px;margin-right:12px;cursor:pointer;transition:all .2s ease}.top-nav-container .top-center-con .con-wrapper .icon i{font-size:24px}.top-nav-container .top-center-con .con-wrapper .icon:hover{background-color:#f0f0f0}.top-nav-container .top-center-con .con-wrapper .icon.active{background-color:#3981f4;color:#fff}.top-nav-container .top-center-con .con-wrapper .icon.disabled{cursor:not-allowed;color:rgba(70,70,70,.3)}.top-nav-container .top-center-con .con-wrapper .icon.disabled:hover{background-color:#f8f9fb}.top-nav-container .top-center-con .con-wrapper .line{width:1px;height:22px;background-color:#e8e8e8;margin-right:12px}.top-nav-container .top-center-con .con-wrapper .control-select{margin-right:12px;position:relative}.top-nav-container .top-center-con .con-wrapper .control-select .control-select-con{width:101px;height:32px;border-radius:4px;background:#e9e9e9;display:flex;justify-content:space-between;align-items:center;padding:0 12px;cursor:pointer;font-family:Alibaba-PuHuiTi-Regular;color:#292a2d;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}.top-nav-container .top-center-con .con-wrapper .control-select .control-select-con:hover{background-color:#e3e3e3}.top-nav-container .top-center-con .con-wrapper .control-select .control-select-con .scaling-value{font-size:16px;line-height:20px}.top-nav-container .top-center-con .con-wrapper .control-select .control-select-con .triangle{width:16px;height:16px;text-align:center;line-height:14px}.top-nav-container .top-center-con .con-wrapper .control-select .control-select-con .triangle i{display:inline-block;transition:all .4s ease;font-size:12px;font-weight:700}.top-nav-container .top-center-con .con-wrapper .control-select .pop-up-box{position:absolute;top:40px;left:0;z-index:1;background-color:#fff;border-radius:4px;box-shadow:0 4px 12px 0 rgba(36,39,47,.1);padding:14px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.top-nav-container .top-center-con .con-wrapper .control-select .pop-up-box .box-input{width:172px;padding:0 14px;margin-bottom:12px}.top-nav-container .top-center-con .con-wrapper .control-select .pop-up-box .box-input .el-input{width:100%}.top-nav-container .top-center-con .con-wrapper .control-select .pop-up-box .box-input .el-input .el-input__inner{border-radius:4px;height:32px;line-height:32px}.top-nav-container .top-center-con .con-wrapper .control-select .pop-up-box .box-input .el-input .el-input__inner:focus{border:1px solid #3981f4}.top-nav-container .top-center-con .con-wrapper .control-select .pop-up-box .box-item{width:172px;height:28px;line-height:28px;cursor:pointer;padding:0 14px;font-size:14px;color:#464646;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.top-nav-container .top-center-con .con-wrapper .control-select .pop-up-box .box-item:last-child{margin-bottom:0}.top-nav-container .top-center-con .con-wrapper .control-select .pop-up-box .box-item:hover{background-color:#2d8cf0;color:#fff}.top-nav-container .top-right-con{width:350px;text-align:right}.top-nav-container .top-right-con .el-button{padding:7px 15px}.top-nav-container .top-right-con .el-button span{display:flex;font-family:Alibaba-PuHuiTi-Regular;line-height:20px;align-items:center}.top-nav-container .top-right-con .el-button span i{margin-right:7px}.btn-group{display:flex;flex-wrap:wrap;align-items:center;position:relative}.btn-group .btn-group-item{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:8px 7px 8px 0}.btn-group .btn-group-item:nth-child(4n){margin-right:0}.btn-group .btn-group-item .text-info{width:52px;font-size:12px;line-height:16px;color:#96a2b5;font-family:AlibabaPuHuiTi-3-65-Medium;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-group .btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:4px;background:#ecf0f4;cursor:pointer;transition:all .3s;margin-bottom:8px}.btn-group .btn i{font-size:20px}.btn-group .hbtn:hover{background:hsla(0,0%,77.3%,.7)}.btn-group .left-shape span{display:inline-block;background:#96a2b5}.btn-group .svg-shape{cursor:pointer;display:flex;align-items:center;justify-content:center;width:52px;height:52px}.btn-group .rect span{width:30px;height:20px}.btn-group .rectry span{width:40px;height:30px;border-radius:10px}.btn-group .square span{width:30px;height:30px}.btn-group .circle span{width:26px;height:26px;border-radius:50%}.btn-group .ellipse span{width:40px;height:30px;border-radius:50%}.btn-group .polygon span{width:30px;height:30px;transform:rotate(45deg)}.btn-group .line-water span{display:inline-block;width:30px;height:2px;border:0;border-top:2px dashed #24d200;background:none}.btn-group .liquid-level span{width:30px;height:20px;display:inline-block;background-color:#ecf0f4;border:1px solid #000}.btn-group .images{width:20%;height:100%;margin:9px;background:hsla(0,0%,95.3%,.5);padding:12px 8px 2px}.btn-group .images:hover{background:hsla(0,0%,85.9%,.5)}.btn-group .water-pump-img img{width:100%;height:40px}.btn-group .currentArrow{background:#2d8cf0;color:#fff}@keyframes tips{0%{opacity:0;transform:scale(0)}10%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#828282}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{background-color:#a0cfff;border-color:#a0cfff}