.container {
  width: 630px;
  height: 711px;
  border-radius: 20px;
  background: rgba(57, 122, 183, 0.2;);
  padding: 30px;
  box-sizing: border-box;

  .header {
    .title {
      font-size: 22px;
      font-weight: 700;
      color: #b3d6f7;
      font-family: DingTalk JinBuTi;
    }
  }

  .btnGroup {
    display: flex;
    gap: 6px;
  }

  .btn {
    width: 69px;
    height: 31px;
    display: flex;
    color: rgb(97, 148, 199);
    font-family: DingTalk JinBuTi;

    font-size: 16px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 25px;

    background: rgba(7, 50, 93, 0.8);
  }
  .btnSelected {
    width: 69px;
    height: 31px;
    color: rgb(255, 255, 255);

    background: linear-gradient(
      180deg,
      rgb(28, 192, 255),
      rgb(82, 148, 255) 100%
    );
  }
}

.infoWrap {
  margin: 24px 0;
}

.chartHeader {
  color: rgb(179, 214, 247);
  font-size: 18px;
  font-weight: 400;
  .title {
    color: rgb(179, 214, 247);
    font-family: DingTalk JinBuTi;

    font-size: 22px;
    font-weight: 400;
  }

  .compareNum {
    color: rgb(9, 195, 92);
    font-family: D-DIN;
    font-size: 20px;
    font-weight: 400;
  }
}
