.container {
  height: 100%;

  .top {
    padding: 32px 76px 0 54px;
    margin-bottom: 25px;

    .title {
      font-family: DingTalk JinBuTi;
      font-size: 40px;
      color: #fff;
    }

    .right {
      font-size: 20px;
      color: #b3d6f7;
      cursor: pointer;
    }
  }

  .main {
    flex: 1;
    padding: 0 60px 60px;

    .center {
      height: 100%;
      border-radius: 40px;
      background: linear-gradient(180deg,
          rgba(27, 50, 89, 0.3),
          rgba(27, 50, 89, 0.3) 100%);
      padding: 40px;

      .sign {
        text-align: center;

        &:hover {
          cursor: pointer;
        }

        .title {
          font-family: DingTalk JinBuTi;
          font-size: 40px;
          font-weight: 400;
          color: #e4edff;
          margin-bottom: 30px;
        }

        .num {
          font-family: D-DIN;
          font-size: 80px;
          font-weight: 700;
          color: #57ef58;
          line-height: 1;
          margin-right: 20px;
        }

        .desc {
          font-size: 18px;
          font-weight: 400;
          color: #d9d9d9;
        }

        .rateName {
          font-size: 18px;
          font-weight: 400;
          color: #d9d9d9;
        }

        .rate {
          font-size: 20px;
          font-weight: 700;
          font-family: D-DIN;
        }
      }

      .chartSection {
        flex: 1;
        height: 187px;

        .title {
          font-size: 20px;
          font-weight: 700;
          color: #e4edff;
        }
      }
    }
  }
}