.tree-container .el-tree-node__label,.tree-outer .tree-container .el-tree-node__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-outer{height:100%;display:flex;flex-flow:row nowrap}.tree-outer .tree-container{height:100%;background:transparent}.tree-outer .tree-container .el-scrollbar__view{margin-bottom:40px;box-sizing:border-box}.tree-outer .tree-container .button-wrap{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px}.tree-outer .tree-container .el-tree-node__label{width:100%;text-align:left;color:#fff}.tree-outer .tree-container .title-wrap{text-align:left;font-size:16px;width:100%;height:50px;line-height:50px;padding-left:10px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;color:#fff;justify-content:left;border-bottom:1px solid #778f99;margin-bottom:10px}.tree-outer .tree-container .title-wrap .title{padding-right:10px}.tree-outer .tree-container .title-wrap .split-line{display:inline-block;background:#56fcff;width:4px;height:14px;border-radius:2px;margin-right:10px}.tree-outer .tree-container .right-icon{color:#ff6637;position:relative;font-size:.3rem;top:-2px;left:5px}.tree-outer .stretchArea{color:#fff;display:flex;flex-flow:column wrap;justify-content:center}.tree-outer .stretchArea .icon-left-circle-fill{font-size:20px;color:#06b4f9;cursor:pointer}.tree-outer .stretchArea .icon-right-circle-fill{font-size:20px;color:#06b4f9;margin-top:30px;cursor:pointer}.el-tree{background:transparent}.span-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;color:#fff;font-size:14px}.tree_search_inp{margin-bottom:5px}.tree_search_inp .el-input__inner{border:1px solid #277ea3;color:#fff;background-color:transparent!important}.tree_search_inp .el-input__inner:hover{border:1px solid #56fbff}.tree_search_inp input::-webkit-input-placeholder{color:#aab2bd}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content,.el-tree-node__content:hover{background-color:#1a6292}.el-tree__empty-text{color:#fff}.tree-container{width:100%;height:100%;min-width:14.5833333333rem;z-index:0;background:transparent}.tree-container .treeOuterWrapper{overflow-y:hidden}.tree-container .el-scrollbar__view{margin-bottom:40px;box-sizing:border-box}.tree-container .button-wrap{width:100%;display:flex;flex-direction:row;justify-content:space-around;margin-bottom:20px}.tree-container .el-tree-node__label,.tree-container .title-wrap{width:100%;text-align:left;color:#fff}.tree-container .title-wrap{font-size:16px;height:50px;line-height:50px;padding-left:10px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:left;border-bottom:1px solid #dedede;margin-bottom:10px}.tree-container .title-wrap .title{padding-right:10px}.tree-container .title-wrap .split-line{display:inline-block;background:#56fcff;width:4px;height:14px;border-radius:2px;margin-right:10px}.tree-container .right-icon{color:#ff6637;position:relative;font-size:.3rem;top:-2px;left:5px}.collapes-block-container{z-index:0;position:relative;height:calc(98% - 5px);overflow:hidden;transition:width .5s;margin:0 30px;border-radius:5px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.collapes-block-container .collapes-wrap{width:100%;height:100%}.collapes-block-container .collapes-btn{position:absolute;top:0;right:0;font-size:18px;width:36px;height:2rem;border-radius:5px;text-align:center}.collapes-block-container .collapes-btn .btn-wrap{margin-top:0}.collapes-block-container .collapes-btn .btn-wrap i{color:#56fcff;font-weight:700}.collapes-block-container .collapes-btn .collapes-title span{display:block;width:16px;height:4px;border-radius:2px;background:#56fcff!important;margin:0 auto;margin-top:12px;margin-bottom:8px}.collapes-block-container .collapes-btn .collapes-title .title{text-indent:0;color:#fff;width:20px;line-height:20px;margin:0 auto;font-size:16px;border-bottom:0}.instant{width:98%;padding-left:.6770833333rem}.instant .tab_cont{width:100%;display:flex;justify-content:space-between}.instant .chart_cont{width:100%;margin-top:1.5625rem}.instant .chart_cont .echart-container{width:100%;min-height:31.25rem}.instant .chart_cont .echart-container .echarts{width:100%;height:26.0416666667rem}.instant .chart_cont .table-container{width:100%;height:31.25rem}.u_water_monitor{width:calc(100% - 300px);box-sizing:border-box;margin:0 1.0416666667rem}.u_water_monitor .content{width:100%}.u_water_monitor .content .el-tabs--card{margin:0}.u_water_monitor .item_content_1{width:100%;height:100%}.u_water_monitor .item_content_1 .search_cont{width:100%}.u_water_monitor .item_content_1 .search_cont .time_btn{background:#29b85e;color:#fff}.u_water_monitor .item_content_1 .elc_card_cont{width:100%;display:flex;justify-content:space-between}.u_water_monitor .item_content_1 .elc_card_cont .elc_card_item{width:30%;height:7.8125rem;margin:.5208333333rem;cursor:pointer}.u_water_monitor .item_content_1 .elc_card_cont .elc_card_item .title{line-height:1.0416666667rem;color:#fff;font-size:.8333333333rem;text-align:left;height:1.0416666667rem;padding:.6rem}.u_water_monitor .item_content_1 .elc_card_cont .elc_card_item .kwh_content{color:#fff;font-size:1.3020833333rem;line-height:2.8645833333rem;text-align:left;padding:1.0416666667rem 1.0416666667rem 0}.u_water_monitor .item_content_1 .elc_card_cont .elc_card_item .kwh_content .unit{font-size:.8333333333rem;display:inline}.u_water_monitor .item_content_1 .elc_card_cont .elc_card_item .noElc_content{color:#fff;font-size:1.0416666667rem;line-height:1.5625rem;text-align:left;padding:.5208333333rem 1.0416666667rem}.u_water_monitor .item_content_1 .elc_card_cont .pink{width:100%;background:url(../img/pinkBG.db367351.png) no-repeat;background-size:100% 100%}.u_water_monitor .item_content_1 .elc_card_cont .perple{width:100%;background:url(../img/perpleBG.829da4cb.png) no-repeat;background-size:100% 100%}.u_water_monitor .item_content_1 .elc_card_cont .yellow{width:100%;background:url(../img/yellowBG.1529c10e.png) no-repeat;background-size:100% 100%}.u_water_monitor .item_content_1 .chart_cont{margin-top:1.0416666667rem}.u_water_monitor .item_content_1 .chart_cont .title{width:100%;font-size:.8333333333rem;text-align:left;line-height:1.6666666667rem;height:1.6666666667rem;border-bottom:0 solid #ddd;color:#fff}.u_water_monitor .item_content_1 .chart_cont .title .green{height:.625rem;width:.2604166667rem;background:#56fcff;margin:.5208333333rem;float:left}.u_water_monitor .item_content_1 .chart_cont .echart-container{width:100%;position:relative}.u_water_monitor .item_content_1 .chart_cont .echart-container .changeBtn{position:absolute;top:0;right:20px;z-index:9}.u_water_monitor .item_content_1 .chart_cont .echart-container .echarts{width:100%;height:18.75rem}.u_water_monitor .item_content_1 .chart_cont .echart-container .leader-style-table{width:calc(100% - 17px)}.u_water_monitor .item_content_2{width:100%}.el-card{color:#303133;-webkit-transition:.3s;transition:.3s}.is-alway-shadow{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.Use_water_monitor{width:100%;height:100%;display:flex;flex-direction:row}.Use_water_monitor .tree_container{padding-bottom:10px;height:calc(100% - 10px)}.Use_water_monitor .el-card{color:#303133;-webkit-transition:.3s;transition:.3s}.Use_water_monitor .is-alway-shadow{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}