app/pages/home/index/template/course-template/course-template.wxss

.flex-box{
	display: flex;
}
.flex-btn{
	flex: 1;
}
.list{
	border-bottom: 1rpx solid #e5e5e5;
	padding: 30rpx;
  position: relative;
}
.list-img{
	width: 130rpx;
	height: 180rpx;
	/* margin-right: 20rpx; */
	position: relative;
  display:flex;
  align-items:center;

}
.list-img .img{
	width:120rpx;
  height:137rpx;
}
.list-play{
	position: absolute;
	left: 45rpx;
	top: 70rpx;
	width: 40rpx;
	height: 40rpx;
}
.list-title{
	height: 52rpx;
}
.list-title text{
	font-size: 18px;
	line-height: 52rpx;
	color: #000;
}
.list-brief{
	font-size: 12px;
	line-height: 56rpx;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 400rpx;
}
.list-brief .sale{
  border:1px solid #D7D7D7;
  padding:0 4px;
  margin-left:8rpx;
}
.list-brief .price{
  font-size: 18px;
  color:#EC2E26;
  font-family:PingFang-SC-Bold;
  font-weight: bold;
}
.list-brief .txt{
  font-size: 13px;
  color:#EC2E26;
  font-family:PingFang-SC-Bold;
}

.list-brief .sale{
	padding-right: 8rpx;
}

.list-main{
	position: relative;
  padding-left: 8rpx;
}
.list-sale{
	position: absolute;
	right: 10rpx;
	top: 139rpx;
}
.list-sale text{
	padding: 10rpx 18rpx;
	border: 1rpx solid #FFDE00;
	font-size: 14px;
	color: #292929;
	border-radius: 25rpx;
  background: #FFDE00
}