.container {
  width: 663px;
  height: 353px;
  background: rgba(57, 122, 183, 0.2);
  border-radius: 20px;
  padding: 20px;
}
.container .header {
  margin-bottom: 20px;
}
.container .header .title {
  color: #cbedff;
  font-family: 'DingTalk JinBuTi';
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}
.container .header .yearBtn {
  width: 109px;
  height: 39px;
  background: #062F5A;
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: 'DingTalk JinBuTi';
  font-size: 18px;
  cursor: pointer;
  transition: all 0.3s;
}
.container .header .yearBtn.active {
  background: #0099f7;
}
.container .chart :global .echarts-for-react .echarts-tooltip {
  background: rgba(73, 81, 92, 0.95) !important;
  border: none !important;
}
.container .chart :global .echarts-for-react .echarts-tooltip .tooltip-title {
  color: #fff;
}
.container .chart :global .echarts-for-react .echarts-tooltip .tooltip-value {
  color: #fff;
}
