/* header 下载app */
.downApp{
	width:100%;
	height:1.2rem;
	background:#fff;
	display:flex;
	align-items: center;
}
.closeApp{
	margin:0 .25rem 0 .1rem;
	width:.38rem;
	height:.38rem;
	padding: .2rem;
}
.logo{
	width:2.95rem;
	height:.65rem;
}
.downApp a{
	margin-left:1.4rem;
	width:1.8rem;
	height:.6rem;
	color:#fff;
	text-align:center;
	line-height: .6rem;
	font-size: .26rem;
	border-radius:.3rem;
	background:#0077ff;
}
.logoTit{
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 1rem;
	padding:.24rem .3rem;
}
.logoTit img{
	width:1.72rem;
	height:.43rem;
}
.logoTit span{
	background:url(../../images/left.png)no-repeat right center;
	background-size: .25rem;
	font-size: .24rem;
	color:#0e2333;
	padding-right:.3rem;
}
/* banner */
.homeBanner{
	width:6.9rem;
	height:2.45rem;
	margin:0 auto;
	border-radius:.1rem;
}
.homeBanner img{
	width:100%;
	height:100%;
}
/* 分类 */
.classify{
	margin:.4rem .3rem 0;
	background:#fff;
	border-radius:.1rem;
	display: flex;
	justify-content: space-around;
	flex-wrap:wrap;
	padding-top: .4rem;
}
.classify>div{
	width:25%;
	text-align: center;
	margin-bottom: .4rem;
}
.classify>div>a{
	color:#222;
}
.classify img{
	width:.88rem;
	height:.88rem;
}
.cont{
	padding:0 .3rem;
}
/* 标题 */
.title{
	margin:.4rem 0;
	display: flex;
	justify-content: space-between;
	align-items:center;
}
.title h2{
	font-size: .4rem;
	color:#0e2333;
	border-left:solid .06rem #0077ff;
	padding-left:.28rem;
}
.title span{
	background:url(../../images/left1.png)no-repeat right center;
	background-size: .25rem;
	font-size: .24rem;
	color:#cccccc;
	padding-right:.3rem;
}
/* 热点 */
.hot{
	background:#fff;
	border-radius:.1rem;
	height:.8rem;
	line-height:.8rem;
	padding:0 .3rem;
	margin:.6rem .3rem 0;
	width:84%;
}
.hot a{
	color:#333;
	display: block;
	width:100%;
	height:100%;
}
.hot a span{
	color:#4848e4;
	margin-right:5px;
}
/* .hot .swiper-slide{
	background:#fff;
	text-overflow: ellipsis;
} */
/* 课堂 */
.free dl{
	display: flex;
	justify-content: space-between;
	background: #fff;
	padding:.3rem;
	border-radius: .1rem;
	margin-bottom: .3rem;
}
.free dl dt{
	width:1.5rem;
	height:1.5rem;
}
.free dl dt img{
	width:100%;
	height:100%;
}
.free dl dd{
	width:0;
	flex:1;
	margin-left:.22rem;
}
.free dl h5{
	font-size: .3rem;
	color:#222222;
}
.free dl h5 span{
	font-size: .24rem;
	color:#bbcccc;
	margin-left:.4rem;
}
.free dl p{
	font-size: .24rem;
	color:#222222;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin:.23rem 0;
}
.free .affiliation{
	color:#bbcccc;
	margin:0;
}
.free .affiliation span{
	font-size: .22rem;
	color:#bbcccc;
	margin:0 .2rem;
}
.free .affiliation span:first-child{
	margin-left:0;
}
.free .affiliation span:last-child{
	float:right;
	background:url(../../images/icon.png)no-repeat left center;
	background-size:.24rem;
	padding-left:.4rem;
	margin-right:0;
}
/* 师资 */
.teachers{
	display: flex;
	justify-content: space-between;
}
.teachers dl{
	background:#fff;
	border-radius: .1rem;
	text-align: center;
	width:2.1rem;
	padding:.2rem 0 .3rem;
}
.teachers dl dt{
	width:1.07rem;
	height:1.2rem;
	border-radius: .5rem;
	margin:0 auto .2rem;
}
.teachers dl dt img{
	width:100%;
	height:100%;
	border-radius: .5rem;
}
.teachers dd{
	padding:0 .2rem;
}
.teachers dd h5{
	font-size: .26rem;
	color:#222222;
}
.teachers dd span{
	color:#222222;
	font-size: .24rem;
	margin-top:.2rem;
}
.teachers dd p{
	margin-top:.26rem;
	font-size: .22rem;
	color:#bbcccc;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	line-clamp: 2;
  	-webkit-box-orient: vertical;
  	word-break: break-all;
}
/* 360班次/图书 */
.shop{
	display: flex;
}
.shop dl{
	background:#fff;
	border-radius: .1rem;
	width:2.1rem;
	padding-bottom: .25rem;
	margin-right:.3rem;
}
.shop dl:nth-child(3){
	margin-right:0;
}
.shop dl dt{
	width:100%;
	height:2.1rem;
}
.shop dl dt img{
	width:100%;
	height:100%;
	border-radius:.1rem .1rem 0 0;
}
.shop dd{
	padding:0 .25rem;
}

.shop 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;
}
.shop dd span{
	color:#ec3115;
	font-size: .22rem;
}
/* 页脚 */
.footer{
	margin: .3rem 0;
	text-align:center;
	font-size: .26rem;
	color:#999;
}
.footer p{
	line-height:.4rem;
}
.footer a{
	color:#1566db;
	text-decoration: underline;
}
.footer ul a{
	color:#333;
	text-decoration: none;
}
a,span,div{
	-webkit-tap-highlight-color:transparent;
}
.footer ul{
	color:#0e2333;
	display: flex;
	justify-content: center;
	font-size: .22rem;
	margin:.78rem 0 .15rem;
}
.footer ul li{
	margin:0 .22rem;
}