/*转发&评论&收藏*/
.gn_area,.given_area{
	background-color: #fff;
	box-shadow: 0 0.01rem 0.08rem 0 rgba(243,244,245,.75);
	/*rgba(0,0,0,.1*/
	margin-bottom: 0.2rem;
}
.gn_area{
	padding: 0 0.2rem;
}
.gn_area h3{
	padding: 0.2rem 0;
	float: left;
}
.gn_area i{
	float: left;
	display: block;
	width: 0.22rem;
	height: 100%;
	margin-right: 0.1rem;
}
.gn_area i img{
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 0.01rem;
}
.gn_area span{
	float: left;
	display: block;
	height: 100%;
	line-height: 0.24rem;
	font-size: 0.22rem;
	color: #161616;
}
.gn_wrap{
	float: right;
}
.gn_list{
	float: left;
	padding: 0.2rem;
	cursor: pointer;
	position: relative;
}
.gn_list:after{
	display: block;
	content: "";
	height: 0.21rem;
	border-right: 0.01rem solid #d1d1d1;
	position: absolute;
	top: 0.21rem;
	right: 0;
}
.gn_list:last-child{
	padding-right: 0;
}
.gn_list:last-child:after{
	display: none;
}
/*given_area*/
.given_area{
	height: 1.86rem;
	padding: 0 0.2rem;
}
.given_nr{
	width: 100%;
	padding: 0.2rem 0.2rem 0.2rem 0;
	border-bottom: 0.01rem solid #e1e1e1;
}
.nr_title{
	height: 0.26rem;
	line-height: 0.26rem;
	font-size: 0.24rem;
	color: #222;
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.content_type{
	height: 0.25rem;
	margin-top: 0.05rem;
}
.content_type i{
	float: left;
	display: block;
	height: 0.23rem;
	line-height: 0.23rem;
	padding: 0 0.03rem;
	border-width: 0.01rem;
	border-style: solid;
	font-style: normal;
	margin-right: 0.05rem;
	font-size: 0.16rem;
	border-radius: 0.03rem;
}
.content_type .yp_tips{
	border-color: #58ce2f;
	color: #58ce2f;
}
.content_type .sp_tips{
	border-color: #4091ff;
	color: #4091ff;
}
.content_type p{
	font-size: 0.2rem;
	color: #434343;
	float: left;
	height: 100%;
	line-height: 0.25rem;
}
.nr_data{
	padding: 0.15rem 0 0.2rem;
	height: 0.54rem;
}
.jt_data{
	height: 100%;
	float: left;
}
.jg_data{
	height: 0.29rem;
}
.jg_data span{
	display: block;
	float: left;
	height: 100%;
}
.jg_data .org_price{
	margin-left: 0.1rem;
	font-size: 0.18rem;
	color: #a3a3a3;
	line-height: 0.35rem;
	text-decoration: line-through;
}
.jg_data .cur_price{
	font-size: 0.28rem;
	color: #f12538;
	line-height: 0.29rem;
}
.content_data{
	height: 0.2rem;
	margin-top: 0.05rem;
}
.content_data li{
	float: left;
	height: 100%;
}
.content_data li:last-child{
	margin-left: 0.2rem;
}
.content_data li i{
	float: left;
	display: block;
	width: 0.2rem;
	height: 0.2rem;
	margin-right: 0.05rem;
	background-color: #a3a3a3;
}
.content_data li i img{
	display: block;
	width: 100%;
	height: 100%;
}
.content_data li span{
	display: block;
	float: left;
	height: 100%;
	line-height: 0.22rem;
	font-size: 0.18rem;
	color: #a3a3a3;
}
.give_btn{
	float: right;
	width: 1.5rem;
	height: 0.45rem;
	text-align: center;
	line-height: 0.45rem;
	font-size: 0.2rem;
	border-radius: 0.25rem;
	background: -webkit-linear-gradient(#fe7676,#ff1e33);
	background: -o-linear-gradient(#fe7676,#ff1e33);
	background: -moz-linear-gradient(#fe7676,#ff1e33);
	background: linear-gradient(#fe7676,#ff1e33);
	overflow: hidden;
	box-shadow: 0 0.01rem 0.05rem 0 rgba(255,50,50,.2);
	margin-top: 0.05rem;
}
.give_btn a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
/*main_area*/
.main_area{
	padding-bottom: 1rem;
}
.main_menu{
	width: 100%;
	height: 0.9rem;
	background-color: #fff;
	line-height: 0.9rem;
	border-bottom: 0.01rem solid #e1e1e1;
	cursor: pointer;
	position: relative;
}
.dt_wz{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
.main_menu:after{
	display: block;
	content: "";
	width: 0.01rem;
	height: 0.2rem;
	background-color: #d1d1d1;
	position: absolute;
	top: 50%;
	margin-top: -0.1rem;
	right: 50%;
}
.menu_item{
	display: block;
	width: 50%;
	height: 100%;
	float: left;
	text-align: center;
	font-size: 0.28rem;
	color: #222;
	position: relative;
}
.menu_active{
	color: #f12538;
	position: relative;
}
.menu_active:after{
	display: block;
	content: "";
	width: 0.38rem;
	height: 0.04rem;
	border-radius: 0.04rem;
	background-color: #f12538;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -0.19rem;
}
.main_content{
	background-color: #fff;
	box-shadow: 0 0.01rem 0.08rem 0 rgba(243,244,245,.75);
	/*rgba(0,0,0,.1*/
}
.item_content{
	display: none;
}
.kz_bar{
	height: 0.8rem;
	padding: 0 0.2rem;
}
.kz_bar ul{
	width: 100%;
	height: 100%;
	padding-right: 0.2rem;
	border-bottom: 0.01rem solid #d1d1d1;
}
.kz_bar ul li{
	height: 100%;
}
.kz_all{
	float: left;
}
.kz_bar ul li a{
	display: block;
	height: 0.26rem;
	padding: 0.27rem 0;
}
.kz_sort{
	float: right;
}
.kz_bar ul li i{
	display: block;
	width: 0.26rem;
	height: 0.26rem;
	float: left;
	margin-right: 0.1rem;
}
.kz_bar ul li i img{
	display: block;
	width: 100%;
	height: 100%;
}
.kz_bar ul li a span{
	display: block;
	height: 100%;
	float: left;
	height: 100%;
	color: #222;
	line-height: 0.26rem;
	font-size: 0.24rem;
}
.play_wrap{
	padding: 0 0.2rem;
}
.play_list{
	width: 100%;
	padding: 0.2rem 0.2rem 0.2rem 0;
	border-bottom: 0.01rem solid #d1d1d1;
	overflow: hidden;
}
.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;
	color: #222;
	font-weight: normal;
	line-height: 0.3rem;
	max-height: 0.6rem;
}
.clearfix:after{
	display: block;
	content: "";
	clear: both;
}
.cont_status{
	margin-top: 0.1rem;
}
.cont_status i{
	display: block;
	float: left;
	height: 0.28rem;
	line-height: 0.32rem;
	font-size: 0.2rem;
	font-style: normal;
	border-radius: 0.05rem;
	padding: 0 0.05rem;
	margin-left: 0.15rem;
}
.cont_status i:nth-of-type(1){
	margin-left: 0;
}
.cont_status .cont_test_listen{
	color: #58ce2f;
	border: 0.01rem solid #58ce2f;
}
.cont_status .cont_update{
	color: #6baaff;
	border: 0.01rem solid #6baaff;
}
.cont_status .cont_unfree{
	color: #ff6b72;
	border: 0.01rem solid #ff6b72;
}
.cont_status .cont_payed{
	color: #676767;
	border: 0.01rem solid #676767;
}
/*sub_area*/
.subscribe_area{
	width: 100%;
	height: 0.8rem;
	position: fixed;
	bottom: 0;
	left: 0;
}
.subscribe_area a{
	display: block;
	height: 100%;
	float: left;
	text-align: center;
	line-height: 0.8rem;
	font-size: 0.2rem;
	color: #fff;
	display: flex;
	justify-content: center;
}
.subscribe_area .ask{
	width: 2rem;
	height: 100%;
	background-color: rgba(75,75,75.98);
}
.subscribe_area .ask i{
	display: block;
	width: 0.24rem;
	height: 0.21rem;
	margin-top: 0.28rem;
	margin-right: 0.05rem;
}
.subscribe_area .ask i img{
	display: block;
	width: 100%;
	height: 100%;
}
.subscribe_area .buy{
	width: calc(100% - 2rem);
	background: -webkit-linear-gradient(rgba(254,118,118,.98), rgba(255,30,51,.98));
	background: -o-linear-gradient(rgba(254,118,118,.98), rgba(255,30,51,.98));
	background: -moz-linear-gradient(rgba(254,118,118,.98), rgba(255,30,51,.98));
	background: linear-gradient(rgba(254,118,118,.98), rgba(255,30,51,.98));
}
.subscribe_area a span{
	font-size: 0.28rem;
}
/*lectrue*/
.lectrue_area{
	position: relative;
}
.lectrue_home{
	height: 3.7rem;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.lectrue_home img{
	display: block;
	width: 100%;
}
.module_header{
	text-align: center;
	padding: 0.3rem 0;
	position: relative;
}
.module_header:after{
	display: block;
	content: "";
	width: 0.2rem;
	height: 0.02rem;
	background-color: #f12538;
	position: absolute;
	bottom: 0.2rem;
	left: 50%;
	margin-left: -0.1rem;
}
.module_header h3{
	height: 0.3rem;
	line-height: 0.3rem;
	font-size: 0.28rem;
	font-weight: normal;
	color: #222;
}
.module_header h3 span{
	color: #cecece;
}
.module_header p{
	height: 0.2rem;
	line-height: 0.2rem;
	font-size: 0.14rem;
	color: #161616;
	margin-top: 0.05rem;
}
.bm_wrap{
	height: 2.55rem;
	background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 50%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 50%);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 50%);
	background: linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 50%);
}
.bm_img{
	width: 1.4rem;
	height: 1.4rem;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 0.1rem;
	background-color: #ccc;
}
.bm_img img{
	display: block;
	width: 100%;
	height: 100%;
}
.bm_name{
	height: 0.3rem;
	line-height: 0.3rem;
	font-size: 0.24rem;
	color: #222;
	text-align: center;
	position: relative;
	font-weight: normal;
}
.bm_name i{
	height: 0.2rem;
	font-size: 0.12rem;
	color: #fff;
	line-height: 0.2rem;
	padding: 0 0.05rem;
	border-radius: 0.02rem;
	background-color: #ff2828;
	font-style: normal;
	box-shadow: 0 0.01rem 0.05rem 0 rgba(255,40,40,.2);
	position: absolute;
	top: 0.05rem;
	right: 2.1rem;
}
.bm_title{
	max-height: 0.5rem;
	line-height: 0.25rem;
	text-align: center;
	font-size: 0.2rem;
	color: #222;
	margin-top: 0.05rem;
}
.lectrue_intro{
	font-size: 0.22rem;
	color: #222;
	line-height: 0.35rem;
	padding: 0 0.2rem;
	text-align: justify;
}
.lectrue_intro p{
	margin-bottom: 0.2rem;
}
.lectrue_intro p:last-child{
	margin-bottom: 0;
}
/*课程极介绍*/
.intro_area{
	margin-top: 0.3rem;
}
.intro_desc{
	margin-top: 0.8rem;
	padding: 2.4rem 0.2rem 0.2rem;
	background-color: #cb372c;
	position: relative;
}
.intro_img{
	width: calc(100% - 0.4rem);
	height: 3.2rem;
	border-radius: 0.05rem;
	overflow: hidden;
	background-color: #ccc;
	box-shadow: 0 0.01rem 0.2rem 0 rgba(45,45,45,.1);
	position: absolute;
	top: -0.8rem;
	left: 0.2rem;
}
.intro_img img{
	display: block;
	width: 100%;
	height: 100%;
}
.desc_detail{
	font-size: 0.22rem;
	color: #fff;
	margin-top: 0.2rem;
}
.desc_detail p{
	line-height: 0.35rem;
}
/*outline_area*/
.outline_img{
	width: 100%;
}
.outline_img img{
	display: block;
	width: 100%;
}
/*fit*/
.fit_rq{
	width: 100%;
	height: 4.7rem;
	background-color: #cb372c;
}
.fit_header:after{
	background-color: #fff;
}
.fit_header h3,.fit_header p{
	color: #fff;
}
.lectrue_bm{
	position: relative;
}
.fit_info{
	padding: 0 0.2rem;
}
.fit_dx{
	width: 100%;
	height: 2.4rem;
	display: flex;
	justify-content: space-between;
	margin-bottom: 
}
.dx_list{
	width: 1.8rem;
	height: 100%;
	border-radius: 0.05rem;
	background-color: #ccc;
	box-shadow: 0 0.01rem 0.2rem 0 rgba(45,45,45,.1);
	overflow: hidden;
}
.dx_list img{
	display: block;
	width: 100%;
	height: 100%;
}
.fit_server{
	margin-top: -0.4rem;
	padding: 0 0.2rem;
}
.fit_item{
	height: 0.4rem;
	line-height: 0.4rem;
	display: flex;
	justify-content: center;
}
.fit_item span{
	font-size: 0.24rem;
	padding: 0 0.1rem;
	color: #222;
}
.hd_title span{
	background: -webkit-linear-gradient(transparent 0%,transparent 50%,#ff8a6b 50%,#ff8a6b 100%);
	background: -o-linear-gradient(transparent 0%,transparent 50%,#ff8a6b 50%,#ff8a6b 100%);
	background: -moz-linear-gradient(transparent 0%,transparent 50%,#ff8a6b 50%,#ff8a6b 100%);
	background: linear-gradient(transparent 0%,transparent 50%,#ff8a6b 50%,#ff8a6b 100%);
}
.hd_img{
	width: calc(100% - 0.4rem);
	padding: 0.5rem 0.2rem;
}
.hd_img img{
	display: block;
	width: 100%;
}
.tl_title span{
	background: -webkit-linear-gradient(transparent 0%,transparent 50%,#ffc66b 50%,#ffc66b 100%);
	background: -o-linear-gradient(transparent 0%,transparent 50%,#ffc66b 50%,#ffc66b 100%);
	background: -moz-linear-gradient(transparent 0%,transparent 50%,#ffc66b 50%,#ffc66b 100%);
	background: linear-gradient(transparent 0%,transparent 50%,#ffc66b 50%,#ffc66b 100%);
}
.tl_img{
	margin: 0.42rem 0;
	width: 100%;
	height: 3.35rem;
	overflow: hidden;
	border-radius: 0.05rem;
	box-shadow: 0 0.01rem 0.2rem 0 rgba(45,45,45,.1);
}
.tl_img img{
	display: block;
	width: 100%;
	height: 100%;
}
/*notice*/
.notice_wrap{
	padding: 0 0.2rem;
}
.notice_detail{
	width: 100%;
	padding-bottom: 0.2rem;
}
.notice_list{
	padding-left: 0.4rem;
	margin-bottom: 0.2rem;
	position: relative;
}
.notice_list:last-child{
	margin-bottom: 0;
}
.notice_list i{
	display: block;
	width: 0.26rem;
	height: 0.26rem;
	position: absolute;
	left: 0;
	top: 0.03rem;
	background-color: #cb372c;
	font-size: 0.18rem;
	color: #fff;
	line-height: 0.26rem;
	text-align: center;
}
.notice_list p{
	font-size: 0.22rem;
	color: #222;
	line-height: 0.35rem;
	text-align: justify;
}