.monitor-dashboard{width:100%;height:100%;background-color:#0b0223}.dashboard-top{width:100%;height:.88rem;background-image:url(../img/Header-main.2f9ee855.png);background-repeat:no-repeat;background-size:100% 100%;color:#c4c4c4;text-align:center;line-height:.88rem;font-size:.32rem;font-weight:700;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dashboard-top .text{display:inline-block;max-width:5.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-top .select{display:inline-block;width:.14rem;height:.14rem;position:relative;margin-left:.1rem}.dashboard-top .select /deep/ .base-select{position:relative}.dashboard-top .select /deep/ .base-select .el-input{width:100%;height:100%;top:0}.dashboard-top .select /deep/ .base-select .el-input__inner{width:100%;height:100%;padding:0;position:absolute;top:-.35rem;left:0;color:transparent;border-color:transparent;background-color:transparent;cursor:pointer}.dashboard-top .select /deep/ .base-select .el-input__suffix{display:none}.dashboard-top .select>img{width:.14rem;height:.14rem;position:absolute;top:0;left:0;cursor:pointer}.dashboard-top>.button-drawer{width:.8rem;height:.3rem;position:absolute;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex}.dashboard-top>.button-drawer-left{left:.2rem}.dashboard-top>.button-drawer-right{right:.2rem}.dashboard-top>.button-drawer span{display:block;height:100%;text-align:center;line-height:.3rem;float:left;font-size:.12rem;cursor:pointer;color:#fff;padding:.04rem}.dashboard-top>.button-drawer .icon{opacity:.5;width:.28rem;background-color:#000}.dashboard-top>.button-drawer .text{opacity:.8;font-size:.1rem;background-color:#333}.dashboard-top .full-screen{position:absolute;top:-.15rem;right:.3rem;cursor:pointer;width:.28rem;height:.28rem}.dashboard-content{width:100%;height:calc(100% - .88rem);overflow:hidden;position:relative}.dashboard-content-left{width:4.41rem;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;float:left;z-index:2}.dashboard-content-left-1{width:100%;-webkit-box-flex:1.45;-ms-flex:1.45;flex:1.45}.dashboard-content-left-1 /deep/ .block-title-right{height:100%;line-height:.27rem}.dashboard-content-left-1 /deep/ .block-title-right .el-radio-button{max-width:50%;overflow:hidden;text-overflow:ellipsis}.dashboard-content-left-1 /deep/ .block-title-right .el-radio-button__inner{padding:.06rem;font-size:.12rem;border-radius:0;background-color:#1a0c60;border-color:#1a0c60;color:hsla(0,0%,100%,.65)}.dashboard-content-left-1 /deep/ .block-title-right .is-active .el-radio-button__inner{background-color:#381dc0!important;border-color:#381dc0!important;color:#fff}.dashboard-content-left-1 p{height:.3rem;background-color:#1b1436;color:#b59af5;line-height:.3rem;padding:0 .1rem;overflow:hidden;font-size:.16rem}.dashboard-content-left-1 p span:last-child{float:right}.dashboard-content-left-1 .table-title{text-align:center}.dashboard-content-left-1 .table-title span{display:inline-block;width:50%}.dashboard-content-left-1 /deep/ .el-scrollbar{height:calc(100% - .3rem);max-height:2.7rem;overflow-y:auto}.dashboard-content-left-1 /deep/ .el-scrollbar .el-scrollbar__wrap{overflow:auto}.dashboard-content-left-1 /deep/ .el-tree{background:transparent!important;font-size:.18rem}.dashboard-content-left-1 /deep/ .el-tree .el-tree-node__content{font-size:.16rem;line-height:.4rem;height:.4rem}.dashboard-content-left-1 /deep/ .el-tree .el-tree-node__content .custom-tree-node{height:100%}.dashboard-content-left-1 /deep/ .el-tree .el-tree-node:focus .el-tree-node__content,.dashboard-content-left-1 /deep/ .el-tree .el-tree-node__content:hover{background-color:transparent}.dashboard-content-left-1 /deep/ .el-tree .el-tree-node:hover{background-color:transparent!important}.dashboard-content-left-1 /deep/ .el-tree .el-tree-node__label{color:#fff}.dashboard-content-left-1 /deep/ .el-tree .custom-tree-node{width:100%;position:relative}.dashboard-content-left-1 /deep/ .el-tree .custom-tree-node span{color:#fff;display:inline-block;max-width:2.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-content-left-1 /deep/ .el-tree .custom-tree-node span:last-child{position:absolute;right:10px}.dashboard-content-left-1 ul{color:#fff}.dashboard-content-left-1 ul li{height:.4rem;background-color:rgba(27,20,54,.5);margin-top:.05rem;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.16rem;cursor:pointer}.dashboard-content-left-1 ul li:hover{background-color:#1b1436}.dashboard-content-left-1 ul li span{display:inline-block;width:50%;height:100%;line-height:.4rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-content-left-1 ul li span:first-child{text-align:left}.dashboard-content-left-1 ul li{padding-left:.15rem}.dashboard-content-left-1 ul li:first-child,.dashboard-content-left-1 ul li:last-child{padding-left:0}.dashboard-content-left-1 ul>span{display:block;text-align:center;color:#909399;margin-top:23px}.dashboard-content-left-2{width:100%;-webkit-box-flex:0.65;-ms-flex:0.65;flex:0.65}.dashboard-content-left-2 /deep/ .el-select{width:1.2rem}.dashboard-content-left-2 /deep/ .el-select .el-input__wrapper{background-color:#532fe6;border-radius:0;border:none;padding:0}.dashboard-content-left-2 /deep/ .el-select .el-input{border-color:none}.dashboard-content-left-2 /deep/ .el-select .el-input__inner{color:#fff;background-color:#532fe6;text-align:center;padding:.03rem 0;border:none;height:23px;border-radius:0}.dashboard-content-left-2 /deep/ .el-select .el-input__suffix{background-color:#381dc0;text-align:center;right:0;width:30%}.dashboard-content-left-2 /deep/ .el-select .el-input__suffix .el-input__suffix-inner{width:100%}.dashboard-content-left-3{width:100%;-webkit-box-flex:0.65;-ms-flex:0.65;flex:0.65}.dashboard-content-left-3 .block-title-right img{cursor:pointer}.dashboard-content-left-4{width:100%;-webkit-box-flex:0.95;-ms-flex:0.95;flex:0.95}.dashboard-content-left-4 .block-title-right img{cursor:pointer}.dashboard-content-left-4 .progress{width:100%;height:33.3%;border:1px solid hsla(0,0%,100%,.2);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 .1rem}.dashboard-content-left-4 .progress span{display:block;width:20%;float:left;font-size:.16rem}.dashboard-content-left-4 .progress /deep/ .el-progress{width:80%;float:left;display:-webkit-box;display:-ms-flexbox;display:flex}.dashboard-content-left-4 .progress /deep/ .el-progress .el-progress-bar__outer{height:.16rem!important;background-color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.5)),to(hsla(0,0%,100%,0)));background-image:linear-gradient(90deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,0))}.dashboard-content-left-4 .progress /deep/ .el-progress .el-progress-bar__outer .el-progress-bar__inner{background-color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(#000),to(#a93ffd));background-image:linear-gradient(90deg,#000,#a93ffd)}.dashboard-content-left-4 .progress /deep/ .el-progress .el-progress__text{color:#2ff;font-size:.2rem!important}.dashboard-content-left-4 .progress /deep/ .el-progress .el-progress-bar{width:95%}.dashboard-content .monitor-map-wrapper{height:100%;float:left;z-index:1}.dashboard-content-right{width:4.41rem;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;right:0;top:0;z-index:2}.dashboard-content-right /deep/ .el-scrollbar__wrap{overflow:auto}.dashboard-content-right-1{width:100%;height:calc(50% - .1rem)}.dashboard-content-right-1 .block-content{overflow-y:auto}.dashboard-content-right-1 .block-content .el-scrollbar__view>div{height:22%;border-bottom:1px solid hsla(0,0%,100%,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.2rem 0}.dashboard-content-right-1 .block-content .el-scrollbar__view>div p:first-child{color:#b59af5;font-size:.18rem;margin-bottom:.04rem}.dashboard-content-right-1 .block-content .el-scrollbar__view>div p:first-child span{float:right;display:block;text-align:center;line-height:.2rem;font-size:.12rem;color:#010305;background-color:#52c094;border-radius:.02rem;padding:0 .01rem}.dashboard-content-right-1 .block-content .el-scrollbar__view>div p:last-child{color:#fff;font-size:.16rem}.dashboard-content-right-2{width:100%;height:calc(50% - .1rem)}.dashboard-content-right-2 .block-content{margin:.2rem 0;width:100%;height:calc(100% - .8rem);padding:0;overflow-y:auto}.dashboard-content-right-2 .block-content-alarm{margin:0 .2rem;width:calc(100% - .4rem);border-left:1px solid hsla(0,0%,100%,.5);z-index:1}.dashboard-content-right-2 .block-content-alarm .title{display:inline-block;position:relative;margin:0 .1rem;height:.28rem;line-height:.28rem;background-color:#b8188b;padding:0 0 0 .1rem}.dashboard-content-right-2 .block-content-alarm .title img{width:.18rem;height:.14rem}.dashboard-content-right-2 .block-content-alarm .title-2{display:inline-block;height:100%;color:#fff;padding:0 .1rem;background-color:#532fe6;margin-left:.1rem;font-size:.14rem}.dashboard-content-right-2 .block-content-alarm .title-2 .site{display:block;max-width:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;float:left}.dashboard-content-right-2 .block-content-alarm .title:before{content:" ";display:inline-block;width:.05rem;height:.05rem;background-color:#fff;border-radius:50%;position:absolute;left:-.135rem;top:.14rem;z-index:2}.dashboard-content-right-2 .block-content-alarm>p{margin-left:.1rem;color:#fff;background-color:rgba(103,79,208,.25);height:.7rem;line-height:.7rem}.dashboard-content-right-2 .block-content-alarm>p span{display:inline-block}.dashboard-content-right-2 .block-content-alarm>p span:first-child{font-weight:700;font-size:.2rem;max-width:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-content-right-2 .block-content-alarm>p span:last-child{float:right;font-size:.16rem}.block-content{padding:.1rem}.block-content-img{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff}.block-content-img,.block-content-img .img-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.block-content-img .img-text{font-size:.12rem;margin:0 .1rem;width:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.block-content-img .img-text img{margin-right:.05rem;width:.64rem;height:.64rem}.block-content-img .img-text .nums{font-size:.34rem;font-weight:700;margin-bottom:.15rem;cursor:pointer}.block{background-image:url(../img/Unit-Bg.fb2cbeed.png);margin-top:.1rem}.block,.block-title{background-repeat:no-repeat;background-size:100% 100%}.block-title{height:.44rem;background-image:url(../img/Head.62e09b8f.png);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 .05rem;position:relative}.block-title img{width:.3rem;height:.3rem;margin-right:.05rem}.block-title>span{background-image:-webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,.3)));background-image:linear-gradient(90deg,#fff,hsla(0,0%,100%,.3));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;font-size:.17rem}.block-title-right{position:absolute;right:.1rem}.block-content{height:calc(100% - .7rem);width:calc(100% - .2rem)}.detailCard-box{position:absolute;right:4.41rem;top:50px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:9999}.detailCard-box,.detailCard-box .detailCard-list{display:-webkit-box;display:-ms-flexbox;display:flex}.detailCard-box .detailCard-list{width:200px;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff}.detailCard-box .detailCard-list .detailCard-title{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f4f4f5;line-height:70px;padding:0 .1rem;font-size:18px;background-image:-webkit-gradient(linear,left top,right top,color-stop(100%,#a0e36c),color-stop(0,#67c23a));background-image:linear-gradient(90deg,#a0e36c 100%,#67c23a 0);color:#fff;font-weight:600;border-right:0}.detailCard-box .detailCard-list .detailCard-title.exception{background-image:-webkit-gradient(linear,left top,right top,color-stop(100%,#fba5a5),color-stop(0,#f56c6c));background-image:linear-gradient(90deg,#fba5a5 100%,#f56c6c 0)}.detailCard-box .detailCard-list .detailCard-title.normal{background-image:-webkit-gradient(linear,left top,right top,color-stop(100%,#a0e36c),color-stop(0,#67c23a));background-image:linear-gradient(90deg,#a0e36c 100%,#67c23a 0)}.detailCard-box .detailCard-list .detailCard-scroll{width:100%;height:calc(100% - 74px);overflow-y:auto;border-right:1px solid #f4f2fc}.detailCard-box .detailCard-list .detailCard-scroll::-webkit-scrollbar{width:0!important}.detailCard-box .detailCard-list .detailCard-scroll>span{width:100%;display:inline-block;line-height:30px;padding:5px;cursor:pointer;color:#7850ef;border-bottom:1px solid #f4f2fc}.detailCard-box .detailCard-list .detailCard-scroll .active{color:#fff;background:#bca8f7}.detailCard-box .noPositionCard{position:relative!important}.detailCard-box .offline{background-image:-webkit-gradient(linear,left top,right top,color-stop(100%,#c6c8cc),color-stop(0,#a8abb3))!important;background-image:linear-gradient(90deg,#c6c8cc 100%,#a8abb3 0)!important}.detailCard-box .exception{background-image:-webkit-gradient(linear,left top,right top,color-stop(100%,#fba5a5),color-stop(0,#f56c6c))!important;background-image:linear-gradient(90deg,#fba5a5 100%,#f56c6c 0)!important}.detailCard-box .inuse,.detailCard-box .normal{background-image:-webkit-gradient(linear,left top,right top,color-stop(100%,#a0e36c),color-stop(0,#67c23a))!important;background-image:linear-gradient(90deg,#a0e36c 100%,#67c23a 0)!important}.detailCard-box .nouse{background-image:-webkit-gradient(linear,left top,right top,color-stop(100%,#c6c8cc),color-stop(0,#a8abb3))!important;background-image:linear-gradient(90deg,#c6c8cc 100%,#a8abb3 0)!important}.blue{color:#2ff}.orange{color:#ff792e}.no-data{display:block;text-align:center;color:#909399;margin-top:23px}