.title-bar[data-v-1b30b478]{height:30px;padding:0 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.title-bar[data-v-1b30b478]:before{content:"";width:4px;height:14px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%) skewY(-40deg);transform:translateY(-50%) skewY(-40deg);border-radius:0;background:#188bfe}.title-bar>div[data-v-1b30b478]{height:100%}.title-bar>div.left[data-v-1b30b478]{font-size:15px;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:30px}.title-bar>div.right[data-v-1b30b478]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.time-dimension-select[data-v-0bf43f5c]{display:inline-block;vertical-align:middle}.time-dimension-select .select-trigger[data-v-0bf43f5c]{cursor:pointer;background-color:#fff;border-radius:4px;border:1px solid #dcdfe6;color:#606266;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 10px;height:28px;min-width:80px;font-size:12px;-webkit-transition:border-color .2s;transition:border-color .2s}.time-dimension-select .select-trigger[data-v-0bf43f5c]:hover{border-color:#c0c4cc}.time-dimension-select .select-trigger.is-active[data-v-0bf43f5c]{border-color:#409eff}.time-dimension-select .select-trigger .label[data-v-0bf43f5c]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.time-dimension-select .select-trigger i[data-v-0bf43f5c]{color:#c0c4cc;font-size:12px;margin-left:5px}.time-dimension-menu[data-v-0bf43f5c]{min-width:120px}.time-dimension-menu .is-selected[data-v-0bf43f5c]{color:#409eff;font-weight:700;background-color:#f5f7fa}.time-dimension-menu .custom-date-item[data-v-0bf43f5c]{padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;cursor:default}.time-dimension-menu .custom-date-item[data-v-0bf43f5c]:hover{background-color:transparent;color:inherit}.time-dimension-menu .custom-date-item .custom-label[data-v-0bf43f5c]{font-size:12px;color:#606266}.time-dimension-menu .custom-date-item[data-v-0bf43f5c] .el-range-editor.el-input__inner{width:220px}.time-select-popper-end{left:auto!important;right:0!important}.time-select-popper-start{right:auto!important;left:0!important}.kpi-card-container[data-v-57d6ff67]{width:100%}.toolbar[data-v-57d6ff67]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.toolbar[data-v-57d6ff67] .el-input__inner{width:90px}.title-bar[data-v-57d6ff67]{margin:3px 0 10px 18px}.kpi-card-main[data-v-57d6ff67]{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex[data-v-57d6ff67],.kpi-card-main[data-v-57d6ff67],.kpi-card[data-v-57d6ff67]{display:-webkit-box;display:-ms-flexbox;display:flex}.kpi-card[data-v-57d6ff67]{background:#fff;padding:20px 18px;position:relative;height:192px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.kpi-card .w50[data-v-57d6ff67]{width:50%}.kpi-card .kpi-header[data-v-57d6ff67]{margin-bottom:15px;padding:0 15px}.kpi-card .kpi-header .kpi-title[data-v-57d6ff67]{font-size:15px;color:#3b3b3b;font-weight:500}.kpi-card .kpi-content[data-v-57d6ff67]{gap:8px;padding:0 15px}.kpi-card .kpi-content .kpi-main[data-v-57d6ff67],.kpi-card .kpi-content[data-v-57d6ff67]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.kpi-card .kpi-content .kpi-main[data-v-57d6ff67]{gap:6px}.kpi-card .kpi-content .kpi-value-row[data-v-57d6ff67]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;margin-bottom:8px}.kpi-card .kpi-content .kpi-value-row>div[data-v-57d6ff67]{font-size:22px;color:#333;font-weight:700}.kpi-card .kpi-content .kpi-value-row>div>span[data-v-57d6ff67]{font-weight:500;font-size:13px;margin-left:8px}.kpi-card .kpi-content .kpi-value-row .total-cabinet[data-v-57d6ff67]{margin-left:30px}.kpi-card .kpi-content .kpi-img[data-v-57d6ff67]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.kpi-card .kpi-content .kpi-trend[data-v-57d6ff67]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#959595}.kpi-card .kpi-content .kpi-trend-item[data-v-57d6ff67]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px;white-space:nowrap;font-size:12px}.kpi-card .kpi-content .kpi-trend-item .trend-icon[data-v-57d6ff67]{font-size:12px;font-weight:700;margin-left:14px}.kpi-card .kpi-content .kpi-trend-item .trend-val[data-v-57d6ff67]{color:#3b3b3b}.kpi-card .trend-up[data-v-57d6ff67]{color:#e25f5f}.kpi-card .trend-down[data-v-57d6ff67]{color:#4fb426}.kpi-card .kpi-extra[data-v-57d6ff67]{font-size:13px;color:#3b3b3b;border-top:1px solid #eceef5;padding:17px 0}.kpi-card .kpi-extra .val[data-v-57d6ff67]{margin-left:24px}.kpi-card .kpi-extra .kpi-extra-card[data-v-57d6ff67]{width:50%}.kpi-card .flex[data-v-57d6ff67]{display:-webkit-box;display:-ms-flexbox;display:flex}.kpi-card[data-v-57d6ff67]:first-of-type{width:46.5%}.kpi-card[data-v-57d6ff67]:nth-of-type(2){width:calc(29.08% - 24px)}.kpi-card[data-v-57d6ff67]:nth-of-type(3){width:24.416%}