tourism-wxapp/components/diy-lessongroup/lessongroup.less

  // 课程组
  .fui-lesson-group {
    height: auto;
    overflow: hidden;
    background: #f9f9f9;
    display: flex;
    flex-wrap: wrap;
    padding: 8rpx;
      
    // 课程组
    .fui-lesson-item {
      box-sizing: border-box;
      display: flex;
      align-items: center;
      padding: 10rpx 6rpx;
      margin-top: 10rpx;
      margin-bottom: 20rpx;
      border-bottom: 0;
      background: none;
      .image{
        width: 100%;
        margin: 0;
        padding:0;
      }
      .info{
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        height: 100%;
        .name{
          padding-top: 20rpx;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
        }
        .teacher {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
        }
        .desc {
          color: #b4b4b4;
          overflow : hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
        }
        .tags {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          .tag {
            width:80rpx;
            height: 32rpx;
            font-size: 24rpx;
            line-height: 32rpx;
            margin-right:6rpx;
            margin-bottom:6rpx;
            text-align: center;
            color: #fff;
            border-radius: 8rpx;
          }
        }
        .original_price{
            margin-left: 10rpx;
            font-size: 28rpx;
            color: #b4b4b4;
            text-decoration: line-through;
        }
        .buy_group {
          display: flex;
          align-items: center;
          justify-content: space-between;
          .price{
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 28rpx;
            color: #ed2822;
          }
          .btn{
            display: inline-block;
            height: 1.1rem;
            color: #ff5555;
            border-radius: 0;
            background: #fff;
            text-align: center;
            padding: 0;
            width: auto;
            border-radius: 0.1rem;
            border: 1rpx solid transparent;
          }
        }
      }
    }
    .lesson-two {
      flex-direction: column;
    }
  }