@import "../index";

.course-card-h {
  position: relative;
  display: flex;
  width: 351px;
  height: 108px;

  .show {
    position: relative;
    flex: 0 0 auto;
    width: 150px;
    height: 108px;
    margin-right: 15px;

    img {
      width: 100%;
      height: 100%;
      border-radius: 3px;
    }
  }

  .info {
    position: relative;
    width: 181px;
    height: 100%;

    .title {
      width: 100%;
      margin-bottom: 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 16px;
      color: #333;
    }

    .subtitle {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -webkit-line-clamp: 2;
      font-size: 14px;
      color: #666;
    }

    .status {
      position: absolute;
      left: 0;
      bottom: 5px;
      width: 100%;
    }
  }
}
