.info{
	text-align:center;
	padding-top:.6rem;
}
.info>img{
	width:1.62rem;
	height:2rem;
	margin:0 auto;
}
.info h5{
	font-size: .3rem;
	color:#20242c;
	margin:.4rem 0 .24rem;
}
.info span{
	font-size: .24rem;
	color:#20242c;
}
.info p{
	font-size: .24rem;
	color:#bbc1c7;
	margin:.4rem .3rem 0;
	text-align:left;
}
/* 列表 */
.list{
	padding:0 .3rem;
}
.list>h4{
	font-size: .3rem;
	color:#20242c;
	margin:.6rem 0 .4rem;
}
/* 课程列表 */
.course dl{
	display: flex;
	justify-content: space-between;
	margin-bottom: .3rem;
	background: #fff;
	padding:.4rem;
	border-radius: .1rem;
}
.course dl dt{
	width:1.5rem;
	height:1.5rem;
}
.course dl dt img{
	width:100%;
	height:100%;
}
.course dl dd{
	width:0;
	flex:1;
	margin-left:.22rem;
}
.course dl h5{
	font-size: .3rem;
	color:#222222;
}
.course dl h5 span{
	font-size: .24rem;
	color:#bbcccc;
	margin-left:.4rem;
}
.course p{
	color:#bbcccc;
	margin-top:.67rem;
}
.course p span{
	font-size: .22rem;
	color:#bbcccc;
	margin:0 .2rem;
}
.course p span:first-child{
	margin-left:0;
}
.course p span:last-child{
	float:right;
	background:url(../../images/icon.png)no-repeat left center;
	background-size:.24rem;
	padding-left:.4rem;
	margin:.1rem 0 0;
}
/* 图书 */
.book{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.book dl{
	background:#fff;
	border-radius: .1rem;
	width:2.1rem;
	padding-bottom: .25rem;
}
.book dl dt{
	width:100%;
	height:2.1rem;
}
.book dl dt img{
	width:100%;
	height:100%;
	border-radius:.1rem .1rem 0 0;
}
.book dd{
	padding:0 .25rem;
}

.book dd p{
	margin:.26rem 0 .34rem;
	font-size: .3rem;
	color:#222222;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	line-clamp: 2;
  	-webkit-box-orient: vertical;
  	word-break: break-all;
  	height: .8rem;
}
.book dd span{
	color:#ec3115;
	font-size: .22rem;
}
/* 直播 */
.live dl{
	display: flex;
	margin-bottom: .3rem;
	background: #fff;
	padding:.4rem;
	border-radius: .1rem;
}
.live dl dt{
	width:1.5rem;
}
.live dl dt img{
	width:100%;
	height:100%;
}
.live dl dd{
	margin-left:.3rem;
	flex:1;
}
.live dl h4{
	font-size: .3rem;
	color:#20242c;
	overflow: hidden;
	height:1rem;
}
.live dl dd span{
	display: block;
	width:1.3rem;
	height:.6rem;
	line-height:.6rem;
	text-align:center;
	color:#fff;
	font-size:.26rem;
	font-weight: 900;
	background:#c7cdd3;
	border-radius: .3rem;
	float: right;
}
.live .zhi{
	background:#007aff;
}