index.less

.root {
  height: 100%;
  background: rgba(247, 247, 247, 1);
  padding: 16px;
  .item {
    min-height: 121px;
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 16px 16px;
    .top {
      display: flex;
      justify-content: space-between;
      .title{
        .courseTitle {
          font-size: 16px;
          font-weight: 600;
          color: #202030;
          line-height: 1.5;
        }
        .courseType {
          font-size: 12px;
          font-weight: 500;
          color: rgba(144, 144, 150, 1);
          line-height: 1.5;
        }
      }

      .amount {
        height: 26px;
        font-size: 20px;
        font-weight: 500;
        color: rgba(255, 0, 0, 1);
        line-height: 2;
      }
    }
    .bottom {
      margin-top: 16px;
      height: 17px;
      font-size: 12px;
      font-weight: 500;
      color: rgba(204, 204, 204, 1);
      line-height: 17px;
      .time{
        display: flex;
        justify-content: space-between;
      }
    }
  }
}