.graph-box-main[data-v-a17b449c]{position:relative;height:100%;width:100%}.graph-box-main .scale-slider[data-v-a17b449c]{position:absolute;bottom:20px;width:25%;transform:translateX(150%)}.graph-box-main .scale-slider[data-v-a17b449c] .ant-slider-track{background-color:#2970ff}.graph-box-main .scale-slider[data-v-a17b449c] .ant-slider-handle{border-color:#2970ff}.graph-box-main .scale-slider[data-v-a17b449c] .ant-slider-rail{background-color:#e4e4e7}.graph-box-main .scale-slider[data-v-a17b449c]:after,.graph-box-main .scale-slider[data-v-a17b449c]:before{position:absolute;font-size:14px;color:#797a7d;top:-5px}[data-theme=dark] * .graph-box-main .scale-slider[data-v-a17b449c]:after,[data-theme=dark] * .graph-box-main .scale-slider[data-v-a17b449c]:before{color:#aaa}.graph-box-main .scale-slider[data-v-a17b449c]:before{content:"0%";left:-30px}.graph-box-main .scale-slider[data-v-a17b449c]:after{content:"300%";right:-50px}.graph-box-loading[data-v-a17b449c]{height:100%;width:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25)}[data-theme=dark] * .graph-box-loading[data-v-a17b449c]{background:hsla(0,0%,100%,.25)}.empty-block[data-v-a17b449c]{height:100%;width:100%;position:absolute;top:0;left:0}.graph-box[data-v-a17b449c]{position:relative;height:100%;width:100%;overflow:hidden}.graph-box[data-v-a17b449c] .g6-component-tooltip{border:0;padding:0;transition:opacity .1s ease-in 1s;background-color:transparent}.graph-box[data-v-a17b449c] .g6-component-tooltip .item-link-box{position:relative;padding:0 12px;border:1.5px solid #239cff;line-height:30px;overflow:hidden;color:#147bd1;font-size:14px;height:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:4px;background-color:hsla(0,0%,100%,.9333333333333333)}.graph-box[data-v-a17b449c] .g6-component-tooltip .item-link-box .item-link{display:flex;align-items:center}.graph-box[data-v-a17b449c] .g6-component-tooltip .item-link-box .item-link .label{flex-shrink:0}.graph-box[data-v-a17b449c] .g6-component-tooltip .item-link-box .item-link .item-link-arrow{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid #147bd1;margin-left:12px}.graph-box[data-v-a17b449c] .g6-component-tooltip .item-label-box{display:flex;height:calc(100% - 32px);margin-top:4px}.graph-box[data-v-a17b449c] .g6-component-tooltip .item-label-box .label-item{position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.graph-box[data-v-a17b449c] .g6-component-tooltip .item-label-box .label-item:not(:first-child){margin-left:4px}.graph-box[data-v-a17b449c] .g6-component-tooltip .item-label-box .label-item:not(:last-child){padding-right:6px}.graph-box[data-v-a17b449c] .g6-component-tooltip .item-label-box .label-item:not(:last-child):after{position:absolute;content:"";width:.5px;height:60%;background-color:#4aaeff;right:0;top:50%;transform:translateY(-50%)}.graph-box[data-v-a17b449c] .g6-component-tooltip .item-label-box .label-item .label-title{font-size:12px;color:#797a7d}[data-theme=dark] * .graph-box[data-v-a17b449c] .g6-component-tooltip .item-label-box .label-item .label-title{color:#aaa}.graph-box[data-v-a17b449c] .g6-component-tooltip .item-label-box .label-item .label-content{display:flex;justify-content:space-between;align-items:flex-end}.graph-box[data-v-a17b449c] .g6-component-tooltip .item-label-box .label-item .value{font-size:20px;color:#48494b;line-height:20px;margin-right:4px}[data-theme=dark] * .graph-box[data-v-a17b449c] .g6-component-tooltip .item-label-box .label-item .value{color:#ccc}.graph-box[data-v-a17b449c] .g6-component-tooltip .item-label-box .label-item .unit{font-size:12px;color:#797a7d}[data-theme=dark] * .graph-box[data-v-a17b449c] .g6-component-tooltip .item-label-box .label-item .unit{color:#aaa}.icon-box[data-v-5c53d8fe]{height:32px;width:100px;display:flex;justify-content:space-around;align-items:center;border-radius:20px;margin-right:12px}.icon-box.icon-good[data-v-5c53d8fe]{background-color:#d1fadf}.icon-box.icon-normal[data-v-5c53d8fe]{background-color:#fef0c7}.icon-box.icon-bad[data-v-5c53d8fe]{background-color:#fee4e2}.draw-chart-box[data-v-3d65f960]{height:100%;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.15)}[data-theme=dark] * .draw-chart-box[data-v-3d65f960]{box-shadow:0 4px 12px hsla(0,0%,100%,.25)}.draw-chart-box .draw-chart-title[data-v-3d65f960]{position:relative;height:52px;display:flex;align-items:center;padding:0 12px;justify-content:space-between}.draw-chart-box .draw-chart-title .title-left[data-v-3d65f960]{display:flex;height:100%;align-items:center}.draw-chart-box .draw-chart-title .close-icon[data-v-3d65f960]{font-size:18px;cursor:pointer;height:25px;width:25px;display:flex;justify-content:center;align-items:center;margin-right:12px;transform:rotate(180deg)}.detail-table-box[data-v-3d65f960]{padding-bottom:0}.detail-chart-box[data-v-3d65f960],.detail-table-box[data-v-3d65f960]{position:relative;height:calc(100% - 52px);display:flex;flex-direction:column}.detail-chart-box[data-v-3d65f960]{padding:12px;padding-bottom:0}.detail-chart-box .chart-box[data-v-3d65f960]{position:absolute;height:100%;width:100%;overflow:hidden;top:0;left:64px}.detail-chart-box .type-box[data-v-3d65f960]{position:relative;height:20%;padding-left:138px;box-sizing:content-box;margin-bottom:12px;border-radius:4px;background-color:#f3f5f8;background-position:0 0;background-repeat:no-repeat;border:1px dashed #c0c7d0}[data-theme=dark] * .detail-chart-box .type-box[data-v-3d65f960]{background-color:#444}.detail-chart-box .type-box.active[data-v-3d65f960]{border:1px solid #239cff}.detail-chart-box .type-box .type-item[data-v-3d65f960]{position:absolute;display:flex;justify-content:flex-start;align-items:center;top:12px;left:0}.detail-chart-box .type-box .type-item .type-icon img[data-v-3d65f960]{width:20px;height:20px}.detail-chart-box .type-box .type-content[data-v-3d65f960]{margin-left:8px}.detail-chart-box .type-box .type-content p[data-v-3d65f960]{margin-bottom:0!important}.detail-chart-box .type-box .type-content .label[data-v-3d65f960]{font-size:14px;color:#48494b}[data-theme=dark] * .detail-chart-box .type-box .type-content .label[data-v-3d65f960]{color:#ccc}.detail-chart-box .type-box .type-content .count[data-v-3d65f960]{font-size:14px;color:#48494b}[data-theme=dark] * .detail-chart-box .type-box .type-content .count[data-v-3d65f960]{color:#ccc}.detail-chart-box .type-icon[data-v-3d65f960]{height:20px;width:20px;border-radius:8px;display:flex;justify-content:center;align-items:center;margin-left:12px}.detail-chart-box .type-icon img[data-v-3d65f960]{height:20px;width:20px}.detail-chart-box[data-v-3d65f960] .g6-component-tooltip{width:240px;height:24px;border-radius:12px;padding:0!important;overflow:hidden;border:0}.detail-chart-box[data-v-3d65f960] .g6-component-tooltip .item-link{height:24px;background:#2d96eb;display:flex;padding:4px 8px;justify-content:space-between;align-items:center;align-self:stretch;color:#fff;cursor:pointer}.title-name[data-v-3d65f960]{margin-right:12px}.detail-label-box[data-v-3d65f960]{position:absolute;top:0;left:-32px;width:32px;z-index:-1}.detail-label-box .chart-label[data-v-3d65f960],.detail-label-box .detail-label[data-v-3d65f960]{width:100%;padding:8px;border-top-left-radius:4px;border-bottom-left-radius:4px;margin-bottom:20px}.detail-label-box .chart-label.miss-label[data-v-3d65f960],.detail-label-box .detail-label.miss-label[data-v-3d65f960]{background-color:#eceef0;color:#797a7d}[data-theme=dark] * .detail-label-box .chart-label.miss-label[data-v-3d65f960],[data-theme=dark] * .detail-label-box .detail-label.miss-label[data-v-3d65f960]{background-color:#000;color:#aaa}.detail-label-box .chart-label[data-v-3d65f960]{margin:20px 0;background-color:#2293f1;color:#fff}.detail-label-box .chart-label.hidden[data-v-3d65f960]{background-color:#eceef0;color:#797a7d}[data-theme=dark] * .detail-label-box .chart-label.hidden[data-v-3d65f960]{background-color:#000;color:#aaa}.detail-label-box .detail-label[data-v-3d65f960]{background-color:#6dc41f;color:#fff}.detail-label-box .detail-label .anticon-close[data-v-3d65f960]{cursor:pointer}.graph-box-loading[data-v-3d65f960]{height:100%;width:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25)}[data-theme=dark] * .graph-box-loading[data-v-3d65f960]{background:hsla(0,0%,100%,.25)}.graph-wrap[data-v-7443e9a8]{height:calc(100% - 136px);position:relative;overflow:visible!important}.graph-wrap .service-select[data-v-7443e9a8]{position:absolute;left:130px;top:-50px}.draw-chart-title[data-v-7443e9a8]{position:relative;height:52px;display:flex;align-items:center;padding:0 12px;justify-content:space-between}.draw-chart-title .title-left[data-v-7443e9a8]{display:flex;height:100%;align-items:center}.draw-chart-title .close-icon[data-v-7443e9a8]{font-size:18px;cursor:pointer;height:25px;width:25px;display:flex;justify-content:center;align-items:center;margin-right:12px;transform:rotate(180deg)}.graph-box[data-v-7443e9a8]{display:flex;height:100%;position:relative;overflow:hidden}.graph-box .type-chose-box[data-v-7443e9a8]{height:100%;width:88px;display:flex;flex-direction:column}.graph-box .type-chose-box .type-item[data-v-7443e9a8]{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.graph-box .type-chose-box .type-item[data-v-7443e9a8]:nth-of-type(odd){background-color:#fff}[data-theme=dark] * .graph-box .type-chose-box .type-item[data-v-7443e9a8]:nth-of-type(odd){background-color:#26272b}.graph-box .type-chose-box .type-item[data-v-7443e9a8]:nth-of-type(2n){background-color:#f3f5f8}[data-theme=dark] * .graph-box .type-chose-box .type-item[data-v-7443e9a8]:nth-of-type(2n){background-color:#444}.graph-box .type-chose-box .type-item.active-item[data-v-7443e9a8]{background-color:#cfe9ff}.graph-box .type-chose-box .type-item.active-item .item-count[data-v-7443e9a8]{color:#147bd1}.graph-box .type-chose-box .type-item.active-item[data-v-7443e9a8]:after{position:absolute;content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #cfe9ff;right:-10px;top:50%;transform:translateY(-50%)}.graph-box .type-chose-box .type-item .icon-box[data-v-7443e9a8]{height:48px;width:48px;border-radius:8px;display:flex;justify-content:center;align-items:center}.graph-box .type-chose-box .type-item .icon-box img[data-v-7443e9a8]{height:24px;width:24px}.graph-box .type-chose-box .type-item .item-name[data-v-7443e9a8]{font-size:16px}.graph-box .type-chose-box .type-item .item-count[data-v-7443e9a8]{font-size:14px;color:#bfbfbf}[data-theme=dark] * .graph-box .type-chose-box .type-item .item-count[data-v-7443e9a8]{color:#707277}.graph-box .graph-chart-box[data-v-7443e9a8]{height:100%;width:100%;position:relative}.graph-box .graph-chart-box[data-v-7443e9a8],[data-theme=dark] * .graph-box .graph-chart-box[data-v-7443e9a8]{background:radial-gradient(109.6% 109.6% at 50% 50%,#fff 40.08%,rgba(203,217,229,.15) 100%)}.graph-box .graph-chart-box .chart-tool-bar[data-v-7443e9a8]{position:absolute;width:100%;top:0;left:0}.graph-box .graph-chart-box .chart-tool-bar .tool-box[data-v-7443e9a8]{padding:0 12px;margin-top:12px;height:34px;display:flex;justify-content:flex-end;align-items:center;position:relative}.graph-box .graph-chart-box .chart-tool-bar .tool-box .icon-wrap[data-v-7443e9a8]{position:absolute;left:12px;top:55px;display:flex;width:330px;height:40px}.graph-box .graph-chart-box .chart-tool-bar .tool-box .tool-item[data-v-7443e9a8]{height:32px;width:32px;border:1px solid;margin-left:8px;border-radius:4px;border-color:#d9dbe0;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:18px;cursor:pointer}[data-theme=dark] * .graph-box .graph-chart-box .chart-tool-bar .tool-box .tool-item[data-v-7443e9a8]{border-color:#70707b;background-color:#26272b}[data-v-7443e9a8] .detail-drawer .ant-drawer-body{height:100%;padding:0}[data-v-7443e9a8] .detail-drawer .ant-drawer-content,[data-v-7443e9a8] .detail-drawer .ant-drawer-wrapper-body{overflow:visible!important}[data-v-7443e9a8] .ant-cascader-picker .ant-cascader-picker-arrow{left:12px;right:auto;top:38%}[data-v-7443e9a8] .ant-cascader-picker .ant-cascader-picker-label{padding-left:40px}[data-v-7443e9a8] .ant-cascader-picker .ant-input.ant-cascader-input{padding-left:36px}.type-select-icon[data-v-7443e9a8]{height:20px;width:20px;border:1px solid;border-radius:4px;border-color:#d9dbe0;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:12px;cursor:pointer;margin-left:-4px;transition:transform .2s linear}[data-theme=dark] * .type-select-icon[data-v-7443e9a8]{border-color:#70707b;background-color:#26272b}.type-select-icon.isShow[data-v-7443e9a8]{transform:rotate(90deg)}.setting-box[data-v-7443e9a8]{width:320px;padding:8px;display:flex;justify-content:center;align-items:center;flex-direction:column}.detail-drawer{transform:translateX(0)!important}