/* 相关教程样式 */
.album_item {
  margin-top: 20px;
}

.album_item li {
  margin-bottom: 28px;
  width: 100%; 
}

.album_item li:last-child { 
  margin-bottom: 0; 
}

.album_item .article { 
  height: 69px; 
  position: relative; 
  margin-left: 116px;  
}

.album_item.article a { 
  color: #666; 
}

.album_item li .img-cover { 
  float: left; 
  margin-right: 14px; 
}

.album_item .img-cover img { 
  width: 102px; 
  height: 69px; 
}

.album_item li h4 { 
  font-weight: normal; 
  font-size: 14px; 
  line-height: 24px; 
  color: #666; 
  margin-top: 0; 
  margin-bottom: 0; 
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2; 
  overflow: hidden;
}

.album_item li h4 a {
  color: #666; 
}

.album_item li:first-child .img-cover { 
  float: unset; 
  margin-right: 0;
}

.album_item li:first-child .img-cover img { 
  width: 100%; 
  height: 160px; 
}

.album_item li:first-child .article { 
  width: 100%; 
  height: auto; 
  margin-left: 0; 
}

.album_item li:first-child h4 { 
  margin-top: 15px; 
}

.album_item li:first-child .time_about { 
  display: none; 
}

.album_item .time_about { 
  color: #999; 
  font-size: 12px; 
  position: absolute; 
  bottom: -3px; 
}

@media (max-width:576px) {
  .album_item li { 
    margin-bottom: 20px; 
  }
  
  .album_item .article { 
    margin-left: 140px; 
    height: 80px; 
  }

  .album_item .article a { 
    line-height: 18px; 
  }

  .album_item .img-cover { 
    margin-right: 10px !important; 
  }

  .album_item .img-cover img { 
    width: 130px; 
    height: 80px; 
  }

  .album_item li:first-child .article { 
    height: 80px !important; 
  }

  .album_item li:first-child .img-cover { 
    float: left; 
    margin-right: 10px;
  }

  .album_item li:first-child .img-cover img{ 
    width: 130px; 
    height: 80px;
  }

  .album_item li:first-child .article { 
    height: 69px; 
    position: relative; 
    margin-left: 140px; 
    width: auto;
  }

  .album_item li:first-child h4 { 
    margin-top: 19px; 
  }

  .album_item li:first-child .time_about { 
    display: block; 
  }
}