html,body{
	background-color: #f3f4f5;
}
#course_home_result{
	background-color: #fff;
	box-shadow: 0 0 0.2rem 0 rgba(0,0,0,.1);
	position: relative;
	z-index: 2;
	margin: 0.9rem 0 0.2rem;
	display: none;
}
#result_wrap{
	padding: 0 0.8rem;
	height: 100%;
	overflow: hidden;
	display: none;
}
.result_tip{
	height: 0.64rem;
	margin-top: 0.4rem;
	display: flex;
	justify-content: space-around;
}
.result_tip i,
.result_tip i img{
	display: block;
	width: 0.64rem;
	height: 0.64rem;
}
.result_tip h3{
	font-size: 0.26rem;
	line-height: 0.65rem;
	font-weight: normal;
	color: #434343;
}
.course_suggest{
	width: 3.9rem;
	margin: 0.5rem auto 0.4rem;
	position: relative;
}
.course_suggest a{
	display: block;
	width: 100%;
}
.course_suggest p{
	font-size: 0.24rem;
	line-height: 0.35rem;
	color: #434343;
}
.course_suggest i,
.course_suggest i img{
	display: inline-block;
	width: 0.35rem;
	height: 0.34rem;
}
@media screen and (max-width: 320px){
	.course_suggest a{
		right: 0.3rem;
	}
}
/*intro---课程推荐区*/
#course_home_intro{
	position: relative;
	z-index: 1;
}
.intro_list{
	padding: 0 0.2rem 0.2rem;
	background-color: #fff;
}
/*search_refer搜索相关信息*/
#course_search_wrap{
	width: 100%;
	position: fixed;
	height: calc(100% - 0.9rem);
	top: 0.9rem;
	left: 0;
	overflow-y: auto;
}
.search_header_refer_audio{
	margin-bottom: 0.15rem;
	box-shadow: 0 0.02rem 0.05rem 0.02rem rgba(237,238,239,0.75);
}
.search_content_wrap{
	background-color: #fff;
	padding: 0 0.4rem 0.2rem;
}
/*相关课程*/
.search_refer_course{
	background-color: #fff;
	padding: 0 0.2rem 0.2rem;
}
/*列表*/
.play_list{
	width: 100%;
	padding: 0.2rem 0.2rem 0.2rem 0;
	border-bottom: 0.01rem solid #e1e1e1;
	overflow: hidden;
}
.cont_pay{
	position: relative;
}
.cont_pay:after{
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.play_list:last-child{
	border-bottom: none;
}
.list_cover{
	float: left;
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 0.05rem;
	overflow: hidden;
	position: relative;
}
.list_cover>img{
	display: block;
	width: 100%;
	height: 100%;
}
.play_status{
	width: 100%;
	height: 100%;
	background-color: rgba(28,28,28,.8);
	position: absolute;
	top: 0;
	left: 0;
}
.play_img{
	display: block;
	width: 0.36rem;
	height: 0.36rem;
	margin: 0.22rem auto;
}
.play_img img{
	display: block;
	width: 100%;
	height: 100%;
}
.list_msg{
	display: block;
	float: left;
	width: calc(100% - 1rem);
	margin-left: 0.2rem;
}
.msg_title{
	font-size: 0.26rem;
	font-weight: normal;
	line-height: 0.3rem;
	max-height: 0.6rem;
}
.play_list .content_data{
	float: none;
} 
.audio_inital{
	color: #4c4c4c;
}
.audio_visited{
	color: #b7b7b7;
}
.audio_active{
	color: #cf0202;
}
.clearfix:after{
	display: block;
	content: "";
	clear: both;
}
.cont_status{
	margin-top: 0.1rem;
}
.cont_status i{
	display: block;
	float: left;
	padding: 0 0.05rem;
	margin-left: 0.15rem;
	height: 0.23rem;
	line-height: 0.25rem;
	border-width: 0.01rem;
	border-style: solid;
	font-style: normal;
	font-size: 0.16rem;
	border-radius: 0.03rem;
}
.cont_status i:nth-of-type(1){
	margin-left: 0;
}
.cont_status .cont_test_listen{
	color: #58ce2f;
	border-color:  #58ce2f;
}
.cont_status .cont_update{
	color: #6baaff;
	border-color: #6baaff;
}
.cont_status .cont_unfree{
	color: #ff6b72;
	border-color: #ff6b72;
}
.cont_status .cont_payed{
	color: #676767;
	border-color: #676767;
}