/** 折线柱状图 */
.chartTable {
  position: relative;
  overflow: hidden;
  width   : 100%;
  height  : 100%;
}

.chartTable :global(.ant-spin-container) {
  width : 100%;
  height: 100%;
}

.chartTableSwap {
  position   : absolute;
  top        : 0;
  right      : 7px;
  line-height: 1;
  z-index    : 10;
  cursor     : pointer;
}

.chartTable .chart,
.chartTable .table {
  transition: all .2s ease-in-out;
}

.chartTable .chart {
  position: relative;
  left    : 0;
}

.chartTable .chart.show {
  left: 0
}

.chartTable .chart.hide {
  left: -100%;
}

.chartTable .table {
  width    : 100%;
  position : absolute;
  top      : 50%;
  left     : 100%;
  transform: translateY(-50%);
}

.chartTable .table.show {
  left: 0;
}

.chartTable .table.hide {
  left: 100%;
}

.chartTable .empty {
  position : relative;
  top      : 50%;
  transform: translateY(-50%);
}

/** 桑基图 */
.sanChart_wrap {
  width           : 100%;
  background-color: #ffffff;
}

.sanChart_wrapLevel {
  padding: 0.16rem 0.51rem 0.26rem 0.51rem;
}

.sanChart_header {
  width          : 100%;
  padding        : 2px 18px;
  border         : 1px solid #dbdbdb;
  border-bottom  : none;
  display        : none;
  flex-direction : row;
  justify-content: flex-start;
  align-items    : center;
}

.sanChart_headerLevel {
  display: flex;
}

.sanChart_headerTitle,
.sanChart_headerAttach {
  text-align: center;
  font-size : 12px;
  color     : #333333;
}

.sanChart_headerTitle {
  font-weight: bold;
}

.sanChart_headerAttach {
  flex        : 1;
  border-left : 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  height      : 54px;
}

.sanChart_zone {
  border: none;
}

.sanChart_zoneLevel {
  border: 1px solid #dbdbdb;
}