.weekly,
.monthly,
.dmin,
.n-1,
.n-2 {
  display: none;
}
.weekly.active,
.monthly.active,
.dmin.active,
.n-1.active,
.n-2.active {
  display: block;
}
#chart-3 .child-line .num .n-1 {
  left: 0;
}
#chart-3 .child-line .num .n-2 {
  left: 0;
}
#wrap-child-2 {
  display: none;
}
/* #wrap-child-2 .n-2 {
  position: relative;
  right: -10px;
} */
.time-title {
  position: absolute;
  top: 50%;
  left: -310px;
  text-align: right;
  max-width: 100px;
  display: block;
  width: 100%;
  transform: translate(0%, -50%);
}
.child-line {
  position: relative;
}
#chart-1 .child-line:before {
  content: '';
  width: 2px;
  height: 100%;
  background: #fff;
  position: absolute;
  left: -190px;
}
#chart-1 .time-label {
  position: absolute;
  top: 2px;
  left: -170px;
  width: 170px;
}
#chart-1.active {
  display: flex;
}
#chart-1 .wrap-child-line {
  display: none;
}
#chart-1 .wrap-child-line.active {
  display: block;
}