.charts-container .grid,
.charts-container .grid-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: center;
  width: 100%;
}
.charts-container .grid .grid-item,
.charts-container .grid .grid-img {
  margin-top: 34px;
}
.charts-container .grid .grid-img-img {
  height: 40px;
  width: 40px;
}
.charts-container .grid .chart-text {
  font-size: 30px;
  height: 40px;
}
.charts-container .grid-top .grid-item,
.charts-container .grid-top .grid-img {
  margin-top: 24px;
}
.charts-container .grid-top .grid-item {
  position: relative;
}
.charts-container .grid-top .chart-text-top {
  font-size: 40px;
  height: 80px;
}
.charts-container .grid-chart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.charts-container .chart-empty {
  position: absolute;
  bottom: 2px;
  left: 0;
}
.charts-container .chart-empty-1,
.charts-container .chart-empty-3 {
  width: 100%;
}
.charts-container .chart-empty-4,
.charts-container .chart-empty-5 {
  height: 100%;
}
.charts-container .grid-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: lowercase;
  color: #6B7175;
  margin-top: 8px;
}
.charts-container .chart-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #39B6FF;
}
.charts-container .chart-text-top {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #39B6FF;
  height: 80px;
  line-height: 80px;
}
.charts-container .warning-dig {
  margin-top: -3px;
}
.charts-container .word-cloud-text-container,
.charts-container #map_canvas {
  margin-top: -6px;
}
.charts-container .chart-tiaoxing-default {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
}
.charts-container .grid .chart-bar-default {
  width: 37px;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 1px;
}
.charts-container .grid-top .chart-bar-default {
  width: 71px;
  height: 2px;
  position: absolute;
  bottom: 1px;
  left: 3px;
}
.charts-container .grid-top .chart-tiaoxing-default {
  width: 80px;
  height: 80px;
}
.charts-container .wrapper {
  min-height: 95px;
  margin-top: 15px;
}
.charts-container .wrapper .no-data-wrap {
  width: 100%;
  height: 100%;
  display: inline-block;
  text-align: center;
}
.charts-container .wrapper .no-data-wrap .no-data-body {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 70px;
}
.charts-container .wrapper .no-data-wrap .no-data-body .no-data-svg-wrap {
  background-size: contain;
  margin: auto;
  width: 36px;
  height: 40px;
}
.charts-container .wrapper .no-data-wrap .color4 {
  color: #8bd4f7;
}
.charts-container .wrapper .no-data-wrap .color-icon {
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
}