.lesson_img {
	background-color: #EEE;
	background-image: url(../../images/default_img.png);
	background-size: 100% 100%;
	border-radius: 5px;
	float: left;
}
.lesson_img img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.lesson_img::after {
	content: "  ";
	position: absolute;
	left: 0;
	top: 0;
	/* z-index:0; */
	width: 200%;
	height:200%;
	border:1px solid #dddddd;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(.5, .5);
	transform: scale(.5, .5);
	border-radius: 10px;
}
/*第一种课程样式 横排显示*/
.lesson_list1 {
	width: 100%;
	height: 90px;
	margin-bottom: 8px;
}
.lesson_list1 .lesson_img {
	width: 42%;
	height: 100%;
}

.lesson_list1 .lesson_introduce {
	width: 100%;
	height: 100%;
	font-size: 14px;
	padding-left: 44%;
	padding-top: 5px;
}
.lesson_list1 .lesson_title {
	width: 100%;
	line-height: 20px;
	font-size: 16px;
	font-weight: 600px;
	overflow: hidden;
	text-overflow: ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.lesson_list1 .lesson_author {
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	color: #666;
}
.lesson_list1 .lesson_tab {
	width: 100%;
	line-height: 20px;
	color: #999;
}
.lesson_tab del, .lesson_author del{
	color: #666;
	font-size: 12px;
}
.lesson_list1 .tab1, .lesson_list1 .tab2 {
	margin-right: 4px;
}
/*第一种课程样式 横排显示*/

/*第二种课程样式 横排两行显示*/
.lesson_list2 {
	width: 47%;
	height: auto;
	margin-right: 3%;
	margin-bottom: 12px;
	float: left;
	/* background-color: #FFF; */
	/* border-radius: 5px; */
	/* overflow: hidden; */
	/* box-shadow: 0 0 4px rgba(0,0,0,.1); */
}
.lesson_list2 .lesson_img {
	width: 100%;
	height: 100px;
	margin-bottom: 10px;
}
.lesson_list2 .lesson_img img {
	width: 100%;
	height: 100%;
}
.lesson_list2 .lesson_title {
	width: 100%;
	height: 40px;
	line-height: 20px;
	font-size: 16px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	/* padding: 0 8px; */
}
.lesson_list2 .lesson_author {
	width: 100%;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	/* padding: 0 8px; */
}
.lesson_list2 .lesson_tab {
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	/* padding: 0 8px; */
}
.price {
	font-size: 14px;
	color: #ff701a;
}
/* .discount {
	color: #ff701a;
	font-size: 10px;
	border: 1px solid #ff701a;
} */
.new {
	color: #333;
	font-size: 14px;
	float: right;
}
.surplus {
	color: #999;
}
.study {
	color: #999;
	float: right;
}
/*第二种课程样式 横排两行显示*/

/*第一种课程样式 横排显示*/
.lesson_list3 {
	width: 100%;
	height: auto;
	padding: 12px 0 0 3%;
	background-color: #FFF;
}
.lesson_list3 .lesson_img {
	width: 120px;
	height: 72px;
}
.lesson_img img {
	width: 100%;
	height: 100%;
}
.lesson_list3 .lesson_introduce {
	width: 100%;
	height: auto;
	min-height: 72px;
	font-size: 14px;
	padding-left: 128px;
	padding-right: 3%;
}
.lesson_list3 .lesson_title {
	width: 100%;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	color: #232323;
	font-weight: 800;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.lesson_list3 .lesson_play {
	width: 100%;
	height: 24px;
	line-height: 24px;
	color: #999999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.lesson_list3 .lesson_tab {
	width: 100%;
	line-height: 22px;
	color: #999;
}
.lesson_list3 .tab1, .lesson_list3 .tab2 {
	display: inline-block;
	/* max-width: 80%; */
	/* margin-right: 4px; */
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.lesson_list3 .tab2 {
	color: #3388ff;
}
.lesson_list3 .tab3 {
	box-sizing: border-box;
	height: 24px;
	font-size: 18px;
	color: #666;
	vertical-align: middle;
	float: right;
	margin-right: 5px;
	padding: 3px 0;
}
/*第一种课程样式 横排显示*/
.bottom_bar {
	position: fixed;
	bottom: 54px;
	left: 50%;
    transform: translateX(-50%);
	z-index: 999;
	width: 96%;
	height: 44px;
	border-radius: 6px;
	background-color: rgba(0,0,0,.8);
	padding: 5px 0;
	color: #FFF;
	font-size: 12px;
}
.bottom_bar .delete {
	width: 34px;
	height: 34px;
	padding: 7px;
	float: left;
	z-index: 2;
}
.bottom_bar .delete .van-icon {
	font-size: 20px;
}
.bottom_bar .content {
	width: 100%;
	height: 34px;
	padding: 0 44px 0 34px;
}
.content .con1{
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.content .con2{
	width: 100%;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bottom_bar .play {
	width: 44px;
	height: 34px;
	padding: 2px;
	float: right;
	z-index: 2;
}
.bottom_bar .play .van-icon {
	font-size: 30px;
}


@media screen and ( min-width:768px ) {
	.lesson_list1 {
		height: 150px;
	}

	.lesson_list1 .lesson_introduce {
		padding: 30px 0;
		padding-left: 44%;
	}

	.lesson_list2 .lesson_img {
		height: 180px;
	}

	.lesson_list3 .lesson_img {
		width: 240px;
		height: 140px;
	}

	.lesson_list3 .lesson_introduce {
		padding: 30px 3% 30px 250px;
		min-height: 140px;
	}
}
.self_tag {
	box-sizing: border-box;
    font-size: 10px;
    height: 14px;
    line-height: 14px;
    padding: 0 1px 0 3px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px;
}
.self_tag::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
	margin-top: 1px;
}