.chart-group-wrap[data-v-3809ea74]{display:flex;flex-wrap:wrap;justify-content:space-between}.chart-group-wrap .chart-item[data-v-3809ea74]{margin-top:16px;width:calc(33.33333% - 10.66667px);background-color:var(--bg-color)}.chart-group-wrap .chart-item.chart-item-col-12[data-v-3809ea74]{width:calc(50% - 8px)}.chart-group-wrap .chart-item .item-title[data-v-3809ea74]{height:44px;padding:16px 20px 6px;font-size:16px;line-height:22px;color:var(--color-text-primary)}.chart-group-wrap .chart-item .item-cont[data-v-3809ea74]{height:216px;padding:0 10px}.table-list[data-v-a73011d2]{padding:16px 20px 20px;background:var(--bg-color)}.table-list .list-head[data-v-a73011d2]{margin-bottom:10px;font-size:13px;line-height:22px}.table-list .list-body[data-v-a73011d2]{height:calc(100% - 32px)}.table-list .list-body .table[data-v-a73011d2]{height:100%;overflow:visible}.service-call-view-wrap[data-v-3dc78023]{display:flex;flex-direction:column}.service-call-header[data-v-3dc78023]{margin-top:16px;display:flex}.service-call-header .header-split[data-v-3dc78023]{width:10%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px}.service-call-header .header-split .arrow[data-v-3dc78023]{display:block;font-size:40px;line-height:1;transform:scale(1.2)}.service-call-header .header-item[data-v-3dc78023]{width:45%;background:var(--bg-color)}.service-call-header .header-item-title[data-v-3dc78023]{padding:16px 20px 12px 46px;font-size:16px;line-height:22px;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}.service-call-header .header-item-title[data-v-3dc78023]:before{padding:18px 0 0 20px;font-size:20px;line-height:1;text-align:center;display:block;font-family:st-iconfont;position:absolute;left:0;top:0;bottom:0;pointer-events:none}.service-call-header .header-item-title[data-type=db][data-v-3dc78023]:before{content:"\E6B8"}.service-call-header .header-item-title[data-type=mq][data-v-3dc78023]:before{content:"\E621"}.service-call-header .header-item-title[data-type=cache][data-v-3dc78023]:before{content:"\E669"}.service-call-header .header-item-title[data-type=custom][data-v-3dc78023]:before,.service-call-header .header-item-title[data-type=web][data-v-3dc78023]:before{content:"\E7D8"}.service-call-header .header-item-cont[data-v-3dc78023]{padding:0 20px 16px;display:flex;justify-content:space-between}.service-call-header .header-item-cont .info-t[data-v-3dc78023]{width:33%;display:flex;flex-direction:column;align-items:center;line-height:18px;font-size:12px;color:var(--color-text-regular)}.service-call-header .header-item-cont .info-t .count[data-v-3dc78023]{padding:4px 6px 0;min-width:60px;font-size:22px;line-height:26px;color:var(--color-black);text-align:center;white-space:nowrap}.service-call-list[data-v-3dc78023]{margin-top:16px;flex:1;min-height:400px;overflow:hidden}.metric-info[data-v-3d001414]{width:100%;padding:12px;border-radius:4px;overflow:hidden}.metric-info.tooltip[data-v-3d001414]{display:none;position:fixed;width:400px;background-color:var(--bg-color);border:solid 1px var(--border-color-base);box-shadow:0 2px 12px rgba(0,0,0,.1);z-index:110}.metric-info .mt-info-item[data-v-3d001414]{line-height:20px;display:flex;align-items:flex-start}.metric-info .mt-info-item+.mt-info-item[data-v-3d001414]{margin-top:6px}.metric-info .mt-info-item .mt-info-item-title[data-v-3d001414]{box-sizing:border-box;padding-right:10px;min-width:65px;font-size:12px;color:var(--color-text-regular)}.metric-info .mt-info-item .mt-info-item-value[data-v-3d001414]{flex:1;font-size:12px;word-break:break-all;white-space:normal;color:var(--color-text-primary)}.metric-info .mt-info-item .metric-overview-label[data-v-3d001414]{font-size:12px;max-width:150px;background-color:var(--bg-color03);border-radius:3px;height:26px;line-height:26px;padding:0 10px}.metric-info .mt-info-item .metric-overview-label>i[data-v-3d001414]{font-style:normal}.el-popover.metric-info-popper{padding:0}.type-list[data-v-3117ed65]{margin:6px 0 -4px -4px;display:flex;flex-wrap:wrap}.type-list .type-item[data-v-3117ed65]{margin:4px;padding:0 12px;max-width:100%;height:28px;box-sizing:border-box;background-color:var(--bg-color);border:1px solid var(--border-color-base);border-radius:2px;line-height:26px;color:var(--color-text-regular);text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:all .3s}.type-list .type-item[data-v-3117ed65]:hover{color:var(--color-text-link)}.type-list .type-item.active[data-v-3117ed65]{background-color:#5273e0;border-color:#5273e0;color:#fff}.chart-item[data-v-3117ed65]{margin-top:16px;display:inline-block;vertical-align:top;width:calc(50% - 8px);height:280px;background-color:var(--bg-color);overflow:hidden}.chart-item[data-v-3117ed65]:nth-child(2n){margin-left:16px}.chart-item .item-title[data-v-3117ed65]{height:60px;padding:12px 20px 0;font-size:16px;line-height:28px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chart-item .item-title>[data-v-3117ed65]{vertical-align:top}.chart-item .item-title>span[data-v-3117ed65]{display:inline-block;max-width:100%}.chart-item .item-title .tit[data-v-3117ed65],.chart-item .item-title[data-v-3117ed65] .el-popover__reference-wrapper{display:block}.chart-item .item-title .desc[data-v-3117ed65],.chart-item .item-title .name[data-v-3117ed65]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chart-item .item-title .desc[data-v-3117ed65]{line-height:20px;font-size:13px;color:var(--color-text-secondary)}.chart-item .item-cont[data-v-3117ed65]{height:calc(100% - 60px);padding:0 10px 5px;position:relative}.service-call-wrap[data-v-2b5dd97b]{flex:1;padding:16px;height:100%;display:flex;flex-direction:column;color:var(--color-text-regular);overflow:auto}.service-call-tabnav[data-v-2b5dd97b]{height:44px}.service-call-content[data-v-2b5dd97b]{margin-top:16px;flex:1}