.scrollbox[data-v-dd3b07a8]{width:100%;height:100%;position:relative;padding-right:8px;overflow-y:hidden}.scrollbar[data-v-dd3b07a8]{width:8px;height:100%;background-color:#01caa6;position:absolute;right:0;border-radius:4px}.scrollbar.force[data-v-dd3b07a8],.scrollbar[data-v-dd3b07a8]:hover{background-color:grey}.fade-enter-active[data-v-dd3b07a8],.fade-leave-active[data-v-dd3b07a8]{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter[data-v-dd3b07a8],.fade-leave-to[data-v-dd3b07a8]{opacity:0}.empty-box{position:relative;text-align:center;height:100%;padding:10px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.empty-box .empty{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.empty-box p{font-size:16px;margin-top:20px}.small-empty{padding-top:30px}.small-empty img{width:80px}.box-item-chart[data-v-361fb005]{width:calc(100% + 80px)}.box-item-chart .echarts[data-v-361fb005]{margin-top:-20px;min-height:200px}.monitoring-data-box{margin:0 -10px}.monitoring-data-box .qx-box{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-negative:0;flex-shrink:0}.monitoring-data-box .item-box{width:calc(50% - 20px);padding:4px 20px;background:#092e7a;border:1px solid #3aa7e2;border-radius:8px;margin-bottom:20px!important;position:relative}.monitoring-data-box .item-box .item-left{position:relative;width:44px}.monitoring-data-box .item-box .item-left img{width:44px;height:44px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.monitoring-data-box .item-box .item-right{position:relative}.monitoring-data-box .item-box .item-right .right-name{font-size:16px;font-family:PingFang SC;font-weight:400;color:hsla(0,0%,100%,.6)}.monitoring-data-box .item-box .item-right .right-data{font-size:24px;font-family:PingFang SC;font-weight:400;color:#fff}.monitoring-data-box .item-box .item-right .right-data .unit{font-size:16px}.monitoring-data-box .item-box .flag-box{position:absolute;right:2px;top:6px;color:#fff;padding:0 12px;border-radius:10px}.monitoring-data-box .item-box .zc{background:#2960bc}.monitoring-data-box .item-box .pyy{background:#ee00d5}.monitoring-data-box .item-box .zyy{background:#ff9702}.monitoring-data-box .item-box .fyy{background:#03be5f}.monitoring-data-box .item-box .yc{background:#ff3802}.monitoring-data-box .mlr10{margin:0 10px}.monitoring-data-box .header-top{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:10px;border-bottom:6px solid #092e7a;height:90px}.monitoring-data-box .header-top .current{background:-webkit-gradient(linear,left top,left bottom,from(#00a5ff),to(#0156b6))!important;background:linear-gradient(180deg,#00a5ff,#0156b6)!important}.monitoring-data-box .header-top .item-top-box{background:#092e7a;border:1px solid #3aa7e2;border-radius:8px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:3px 10px;cursor:pointer;position:relative}.monitoring-data-box .header-top .item-top-box .flag-box{position:absolute;right:2px;top:6px;color:#fff;padding:0 12px;border-radius:10px}.monitoring-data-box .header-top .item-top-box .zc{background:#2960bc}.monitoring-data-box .header-top .item-top-box .pyy{background:#ee00d5}.monitoring-data-box .header-top .item-top-box .zyy{background:#ff9702}.monitoring-data-box .header-top .item-top-box .fyy{background:#03be5f}.monitoring-data-box .header-top .item-top-box .yc{background:#ff3802}.monitoring-data-box .header-top .item-top-box .name{font-size:16px;font-family:PingFang SC;font-weight:400;color:hsla(0,0%,100%,.68)}.monitoring-data-box .header-top .item-top-box .data{text-align:right;font-size:24px;font-family:PingFang SC;font-weight:400;color:#fff}.monitoring-data-box .header-top .item-top-box .data .unit{font-size:16px}.monitoring-data-box .header-top .item-top-box .line-curr{position:absolute;bottom:-18px;width:100%;height:6px;left:0;background:#0b83e9;border-radius:2px}.monitoring-data-box .line-echart{height:calc(100% - 90px)}.monitoring-data-box .position-box{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.yq-spin{background:transparent}.textone{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:25px;max-height:25px;-webkit-line-clamp:1;-webkit-box-orient:vertical}.flex-shrink{-ms-flex-negative:0;flex-shrink:0}