.component-card.chart-card .title .title-name span::after {
  background: rgba(167, 52, 226, 0.1);
}
.component-card.chart-card .chart-card-content {
  margin-top: 26px;
}
.component-card.chart-card .chart-card-content.no-chart .no-chart {
  display: block;
}
.component-card.chart-card .chart-card-content.no-chart .chart,
.component-card.chart-card .chart-card-content.no-chart .chart-tip {
  display: none;
}
.component-card.chart-card .chart-card-content .chart {
  height: 320px;
}
.component-card.chart-card .chart-card-content .no-chart {
  display: none;
  height: 285px;
  background: url(/assets/images/tagSystem/img-nodata.png) no-repeat center center;
  background-size: 100% auto;
  margin-top: 20px;
}
.component-card.chart-card .chart-card-content .chart-tip {
  line-height: 14px;
  font-size: 12px;
  color: #999;
  text-align: center;
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.component-card.chart-card .chart-card-content .chart-tip .tip-item {
  flex: 1;
  text-align: right;
}