.wrap {
  width: 1014px;
  border-radius: 40px;
  background: linear-gradient(180.00deg, rgba(27, 50, 89, 0.8), rgba(27, 50, 89, 0.47) 100%);
  padding: 36px;

  .title {
    font-family: DingTalk JinBuTi;
    font-size: 40px;
    color: #E4EDFF;
    margin-bottom: 20px;
  }

  :global {
    .ant-statistic-content-value {
      background: linear-gradient(180deg,
          rgb(170, 255, 246),
          rgb(37, 187, 255));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      font-weight: 700;
      line-height: normal;
      font-size: 30px;
      font-family: D-DIN;
    }
  }

  .main {
    margin-top: 30px;

    .subTitle {
      color: #E4EDFF;
      font-size: 20px;
      margin-bottom: 4px;
    }

    .desc {
      color: rgb(217, 217, 217);
      font-size: 18px;
      font-weight: 400;

      .value {
        font-family: D-DIN;
        font-size: 20px;
        font-weight: 700;
        color: #09C35C;
        padding: 0 6px;
      }
    }
  }

  .hignWrap {
    width: 100%;
    margin-top: 10px;

    .tab {
      padding: 10px 20px;
      border-radius: 10px;
      font-family: DingTalk JinBuTi;
      font-size: 20px;
      color: #bccee9;
      cursor: pointer;
    }

    .tabActive {
      font-weight: 700;
      color: #fff;
      cursor: pointer;
      background: linear-gradient(-53.5deg,
          rgba(133, 255, 229, 0.25) 1.908%,
          rgba(183, 235, 255, 0.25) 99.807%);
    }
  }
}

.eventWrap {
  width: 52%;
}

.card {
  width: 100%;
  height: 57px;
  border-radius: 10px;
  padding: 0 20px;
  cursor: pointer;

  &.bg {
    background: rgba(58, 126, 188, 0.2);
  }

  .name {
    font-size: 18px;
    font-weight: 700;
    color: #BCCEE9;
  }

  .unit {
    font-size: 20px;
    font-weight: 400;
    color: #bccee9;
  }
}