.art-list-wrap {
  padding: 0 30rpx 50rpx 30rpx;
  background: #fff;
}

.art-list-con {
  margin-top: 20rpx;
  background: #F8F8F8;
  border-radius: 10rpx;
  padding: 15rpx 30rpx;
}

.list-title {
  font-size: 26rpx;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.list-intro {
  padding-top: 12rpx;
  font-size: 20rpx;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.list-img {
  width: 165rpx;
  height: 159rpx;
}

.flex-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: left;
  -webkit-box-align: left;
}

.flex-row {
  display: flex;
}

.list-img {
  font-size: 0;
  margin-left: 45rpx;
}

.pic {
  width: 165rpx;
  height: 159rpx;
}

.list-bot {
  padding-top: 28rpx;
}

.list-left {
  color: #A0A0A0;
  font-size: 18rpx;
}

.list-right {
  color: #3D98FF;
  font-size: 18rpx;
}

.no-more {
  padding-top: 80rpx;
  text-align: center;
  color: #A0A0A0;
  font-size: 20rpx;
}