.flex{display:flex;justify-content:space-between;align-items:center}.flex.flex-around{justify-content:space-around}.flex.flex-start,.list-item{justify-content:flex-start}.list-item{background-color:#f1f5f8;padding:12px;border-radius:8px;margin-bottom:16px;box-shadow:0 1px 4px 0 rgba(0,99,206,.2);display:flex;align-items:center;flex-flow:row nowrap;transition:all .3s ease;cursor:pointer}.list-item>.icon,.list-item>img{margin-right:16px}.list-item>.icon{width:40px;height:40px;cursor:pointer}.list-item>.content{flex:1;overflow:hidden;margin-right:16px}.list-item>.content>a{font-size:12px;color:#314659;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px;font-weight:600}.list-item>.content>a:hover{color:#1890ff;text-decoration:underline}.list-item>.content .title{margin-bottom:8px;font-weight:600}.list-item>.content .desc,.list-item>.content .title{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item>.content .desc{color:#7e93a9}.list-item>.content:last-child{margin-right:0}.list-item:hover{background-color:#fafafa;box-shadow:0 4px 8px 0 rgba(24,144,255,.33)}.status{display:inline-block;padding-left:20px;position:relative;font-size:12px;font-weight:bolder}.status:after{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;content:""}.status.success{color:#67c23a}.status.success:after{background-color:#67c23a}.status.danger{color:#e6a23c}.status.danger:after{background-color:#e6a23c}.status.error{color:#e9422a}.status.error:after{background-color:#e9422a}.status.completed{color:#b1c9e2}.status.completed:after{background-color:#b1c9e2}.svg-icon.handle-icon{width:18px;height:18px;cursor:pointer}.svg-icon.table-tool-icon{width:10px;height:10px;cursor:pointer;padding:10px;border:1px solid #e0e7ec;border-radius:3px}.input-search{margin-bottom:20px}.handle-button{justify-content:space-between;border-radius:10px;font-size:12px;color:#fff;background-color:#001529;padding:10px 18px;cursor:pointer}.handle-button,.handle-buttons{display:flex;align-items:center;flex-flow:row wrap}.handle-buttons{justify-content:flex-start}.handle-buttons>div{margin-right:8px}.resource-title{font-size:14px;color:#314659;font-weight:600;margin-bottom:8px}.g2-chart-title{font-size:14px;margin-bottom:6px}.add-form{width:80%;margin:0 auto}.nav-panel-title{display:flex;justify-content:flex-start;align-items:center;flex-flow:row wrap;font-size:14px;color:#314659;font-weight:600;color:#fff;margin-bottom:16px}.nav-panel-title .svg-icon{width:20px}.link{color:#1890ff;display:inline-block;cursor:pointer}.link span{font-size:12px;vertical-align:middle}.name-value{font-size:12px;line-height:30px}.name-value .name{color:#7e93a9}.help{display:block;color:#7e93a9;padding:3px 0}.help,.label{font-size:12px;line-height:16px}.label{display:inline-block;padding:2px 4px 2px 12px;margin:6px 6px 6px 0;color:#314659;font-weight:600;word-break:break-all;white-space:normal;text-align:left!important;border-radius:4px;border:1px solid #314659;position:relative}.label>span{display:inline}.label:before{content:"";position:absolute;left:4px;top:50%;margin-top:-2px;width:4px;height:4px;background-color:#314659}.label .label-name{padding-right:4px}.label .label-name:after{content:":"}.table-name-info{display:flex;justify-content:flex-start;align-items:center;flex-flow:row wrap;padding:0}.table-name-info .content{flex:1;overflow:hidden}.table-name-info .content a{line-height:1.5;margin-bottom:0;font-size:12px;display:inline-block;color:#1890ff;text-shadow:0 4px 8px rgba(36,46,66,.1)}.table-name-info .content .title{font-size:12px;color:#314659;font-weight:600}.table-name-info .content .desc{color:#7e93a9;display:block}.table-name-info .content .desc i{cursor:pointer}.select-option-info{font-size:12px;width:100%;display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap}.item-input{position:relative;padding:6px;border-radius:4px;border:1px solid #e0e7ec;margin-bottom:10px}.empty-text{background:#f1f5f8;padding:16px;font-size:12px;color:#7e93a9;border-radius:8px;margin-bottom:8px}.el-pagination{margin-top:10px}.more-conf{margin-bottom:18px}.more-conf-item{display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap;padding-bottom:16px}.more-conf-item .title{font-size:14px;color:#314659;font-weight:500;line-height:28px}.more-conf-item .desc{font-size:12px;color:#7e93a9}.loading-pre-container{min-height:100px}.dashboard-card{box-shadow:0 1px 4px 0 rgba(0,99,206,.2);padding:16px;border-radius:4px;background:#fff}.dashboard-card .title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;text-indent:16px;color:#314659;font-size:14px;margin-bottom:20px;font-weight:400}.dashboard-card .title:after{position:absolute;width:6px;height:6px;left:0;top:6px;content:"";border-radius:50%;background-color:#314659}.dashboard-card .title{margin-bottom:10px}.dashboard-card .title:after{background-color:#257adf}.el-radio-group label{margin-bottom:0!important}.el-card.main-card{margin-bottom:20px;box-shadow:0 1px 4px 0 rgba(0,99,206,.2)}.el-card.main-card .el-card__header{font-size:14px;color:#314659;font-weight:600;background-color:#f1f5f8}.el-card.main-card .el-card__header .card-header-banner{display:flex;justify-content:flex-start;align-items:center;flex-flow:row wrap}.el-card.main-card .el-card__header .card-header-banner .svg-icon{width:30px;height:30px;margin-right:10px}.el-card.main-card .el-card__header .sub-header{font-size:12px;color:#7e93a9;font-weight:400;margin-top:4px}.el-card.main-card .card-group{min-height:96px;position:relative}.el-card.main-card .card-group .card-link{font-size:14px;color:#1890ff;display:block;margin-bottom:6px}.el-card.main-card .card-group .svg-icon{position:absolute;left:0;bottom:0}.el-card.main-card .card-title{font-size:14px;color:#314659;font-weight:600;margin-bottom:10px}.el-card.main-card .card-sub-title{font-size:12px;color:#7e93a9}.loading-text{font-size:12px;color:#314659;font-weight:600;padding:10px 0}.conditions-container{margin:10px 0}.title{font-size:12px;color:#314659;font-weight:600}.title.primary{color:#67c23a}.title.warning{color:#ff9f00}.desc{font-size:12px;color:#7e93a9}.alert-dot .el-badge__content.is-fixed{top:8px!important}i.el-icon-document-copy{cursor:pointer}.list-title{margin-bottom:14px;font-size:18px;color:#314659;font-weight:600;position:relative;text-indent:12px}.list-title:after{content:"";height:18px;width:4px;background:#1890ff;position:absolute;left:0;top:50%;transform:translateY(-50%)}.list-title .desc{font-size:12px;color:#7e93a9}.list-title .small{font-size:14px}.list-title .small:after{height:14px}.search-normal-container .search-input-wrapper{float:right}.search-normal-container .search-input{width:220px;margin-right:8px}.custom-template-select-popper .el-select-dropdown__item{min-height:60px}.custom-template-select-popper .el-select-dropdown__item .title{font-size:14px}.custom-template-select-popper .el-select-dropdown__item .desc{line-height:1;font-weight:400}.table-row-handle{padding:5px 20px;border:1px solid transparent;background-color:transparent;border-radius:100px;transition:all .3s ease-in-out;color:#314659;text-align:center;cursor:pointer}.table-row-handle:hover{background-color:#e0e7ec}.table-row-handle .el-icon-more-outline{transform:rotate(90deg)}.pod-info-tooltip>.pod-info-tooltip-content{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;flex-flow:row wrap}.pod-info-tooltip>.pod-info-tooltip-content .pod-link{position:absolute;left:0;bottom:10px}.pod-info-tooltip .basic-info{width:400px;padding-bottom:30px}.pod-info-tooltip .conditions-info{width:280px;padding:0 20px}.conf-item-introduce{color:#7e93a9;font-size:12px;margin-bottom:10px}.conf-item-introduce .title{font-size:14px;color:#314659;font-weight:600}.infra-card{box-shadow:0 1px 4px 0 rgba(0,99,206,.2);padding:16px;border-radius:4px;background:#fff;margin-bottom:20px}.infra-card .title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;text-indent:16px;color:#fff;font-size:14px;margin-bottom:20px;font-weight:400}.infra-card .title:after{position:absolute;width:6px;height:6px;left:0;top:6px;content:"";border-radius:50%;background-color:#fff}.infra-card .title{font-size:16px}.infra-card .cluster-usage{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#c9d0ed;margin-bottom:6px;position:relative}.infra-progress{position:relative;border-radius:4px;width:100%;height:20px;background:rgba(0,0,0,.2);margin-bottom:20px}.infra-progress>._inner{position:absolute;left:0;top:0;height:100%;border-radius:4px}.infra-progress .usage{background:hsla(0,0%,100%,.9);z-index:10}.infra-progress .request{background:hsla(0,0%,100%,.5);z-index:11}.chart-tools[data-v-7f074fb0]{margin-bottom:20px;display:flex;justify-content:flex-end;align-items:center;flex-flow:row wrap}.chart-tools .time-range-text[data-v-7f074fb0]{font-size:12px;color:#7e93a9;margin-left:2px}.chart-tools>div[data-v-7f074fb0]{margin-left:8px}.time-range[data-v-7f074fb0]{display:flex;justify-content:flex-start;align-items:flex-top;flex-flow:row nowrap}.time-range>div[data-v-7f074fb0]{width:50%}.time-range .time-range-custom[data-v-7f074fb0]{margin-bottom:10px}.time-range .time-range-custom .title[data-v-7f074fb0]{margin-bottom:6px}.time-range .time-range-title[data-v-7f074fb0]{font-size:14px;color:#7e93a9;margin-bottom:10px}.time-range ul[data-v-7f074fb0]{font-size:12px;overflow:hidden}.time-range ul li[data-v-7f074fb0]{width:100px;line-height:22px;color:#314659;font-weight:600;margin:6px 0;cursor:pointer;float:left}.time-range ul li.active[data-v-7f074fb0],.time-range ul li[data-v-7f074fb0]:hover{color:#1890ff}.component-status-container[data-v-6608cd10]{display:flex;justify-content:space-between;align-items:center;flex-flow:row nowrap}.component-status-container .status-icon[data-v-6608cd10]{width:40px;height:40px;margin-right:6px}.component-status-container .name[data-v-6608cd10]{font-size:12px;color:#314659;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-status-container .status-text[data-v-6608cd10]{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100px}.component-status-container .status-text.success[data-v-6608cd10]{color:#67c23a}.component-status-container .status-text.error[data-v-6608cd10]{color:#e9422a}.resource-panel[data-v-db1770ac]{background-color:#f2f7f8;text-align:center;padding:10px 0;cursor:pointer}.resource-panel .total[data-v-db1770ac]{font-size:18px;color:#314659;font-weight:600;color:#257adf}.resource-panel .name[data-v-db1770ac]{color:#7e93a9;font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.namespace-rank-container[data-v-1d684771]{margin-top:6px;max-height:506px;height:506px;overflow-y:scroll}.namespace-progress-container[data-v-1d684771]{display:flex;justify-content:space-between;align-items:center;flex-flow:row nowrap;margin-bottom:10px}.namespace-progress-container .namespace[data-v-1d684771],.namespace-progress-container .usage[data-v-1d684771]{font-size:12px;width:60px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.namespace-progress-container .namespace[data-v-1d684771]{color:#314659}.namespace-progress-container .namespace[data-v-1d684771]:hover{color:#1890ff}.namespace-progress-container .usage[data-v-1d684771]{color:#257adf}.namespace-progress-container .namespace-progress[data-v-1d684771]{position:relative;border-radius:4px;width:100%;flex:1;background-color:#f2f7f8;height:12px;margin:0 10px}.namespace-progress-container .namespace-progress>._inner[data-v-1d684771]{position:absolute;left:0;top:0;height:100%;border-radius:4px}.namespace-progress-container .namespace-progress ._inner[data-v-1d684771]{background-color:#257adf}.node-error-pods-title{font-size:18px;color:#314659;font-weight:600}.node-info-container{margin-top:6px;max-height:542px;height:542px;overflow-y:scroll}.node-info .node-name{font-size:12px;color:#314659;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;color:#257adf}.node-info .node-name .node-status{width:14px;height:14px;margin-right:2px}.node-info .usage-info{display:flex;justify-content:flex-start;align-items:top;flex-flow:row nowrap;margin-bottom:10px;box-sizing:border-box}.node-info .usage-info .usage-info-item{width:33.3%;margin-right:4px;text-align:center;padding:2px;background-color:#67c23a;color:#fff;font-size:12px}.node-info .usage-info .usage-info-item.has-error-pods{background-color:#e9422a;cursor:pointer}.cost-container[data-v-3ad67b4e]{display:flex;justify-content:space-between;align-items:center;flex-flow:row nowrap;line-height:42px}.cost-container .money[data-v-3ad67b4e]{color:#e09e1f;margin-right:8px;font-size:18px;font-weight:bolder}.cost-container .previous-month[data-v-3ad67b4e]{font-size:12px;color:#7e93a9;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-progress[data-v-3ad67b4e]{position:relative;width:100%;height:14px;background-color:#e17a4c;border-radius:4px;margin-bottom:10px}.node-progress>._inner[data-v-3ad67b4e]{position:absolute;left:0;top:0;height:100%;border-radius:4px}.node-progress ._inner[data-v-3ad67b4e]{border-radius:4px;background-color:#257adf;border-right:1px solid #fff}.node-status-text[data-v-3ad67b4e]{display:flex;justify-content:space-between;align-items:center;flex-flow:row nowrap;font-size:12px;color:#7e93a9}.node-status-text>div[data-v-3ad67b4e]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:50%;position:relative;text-indent:12px}.node-status-text>div[data-v-3ad67b4e]:after{position:absolute;width:6px;height:6px;left:0;top:6px;content:""}.node-status-text>div.ready[data-v-3ad67b4e]:after{background-color:#257adf}.node-status-text>div.not-ready[data-v-3ad67b4e]:after{background-color:#e17a4c}.node-status-text .ready-text[data-v-3ad67b4e]{color:#257adf}.node-status-text .not-ready-text[data-v-3ad67b4e]{color:#e17a4c}.chart-container[data-v-3ad67b4e]{background-color:#f2f7f8;margin-bottom:10px}.current-cluster-info{margin-bottom:20px;overflow:hidden}.current-cluster-info,.current-cluster-info>div{display:flex;justify-content:flex-start;align-items:center;flex-flow:row wrap}.current-cluster-info>div{margin-right:20px}.current-cluster-info>div .name{color:#7e93a9;font-size:12px}.current-cluster-info>div .value{font-size:14px;color:#314659;font-weight:600}.dashboard-title{font-size:18px;color:#314659;font-weight:600;margin-bottom:20px}.dashboard-title i{font-size:20px;color:#257adf}.cluster-tab.el-tabs--card>.el-tabs__header{border-color:#c1c8cd}.cluster-tab.el-tabs--card>.el-tabs__header .el-tabs__nav{border:none}.cluster-tab.el-tabs--card>.el-tabs__header .el-tabs__item{background-color:#cedae7;color:#fff;margin-right:8px;border-radius:4px 4px 0 0;padding:0 30px;font-size:14px;font-weight:bolder;text-align:center}.cluster-tab.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{background-color:#257adf}