.consume-record__wrap {
  flex-direction: column;

  .tabbar-wrap {
    height: 80px;
    justify-content: space-between;
    align-items: center;

    text {
      color: #999;
      font-size: 30px;
    }

    .tab-item {
      flex: 1;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      .tab-active__border {
        height: 6px;
        width: 60px;
        border-radius: 4px;
        background-color: #fff;
        margin-top: 10px;

        &--active {
          background-color: #EF5952;
          
        }
      }
      
      .active {
        color: #EF5952;
        font-size:36px;
          font-weight: bold;
      }
    }
  }

  .consume-wrap {
    flex-direction: column;

    .consume-item {
      justify-content: space-between;
      align-items: center;
      margin: 24px 24px 0;
      padding-bottom: 24px;
      border-bottom: 2px solid #f7f7f7;

      .consume-info {
        flex: 1;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-right: 40px;

        .name {
          font-size: 30px;
          color: #333;
          lines: 1;
          text-overflow: ellipsis;
        }

        .chapter {
          font-size: 26px;
          color: #333;
          margin-top: 18px;
          lines: 1;
          text-overflow: ellipsis;
        }

        .create {
          font-size: 24px;
          color: #999;
          margin-top: 18px;
        }
      }

      .consume-price {
        color: #ff6060;
        font-size: 26px;
      }
    }
  }
}