.container{
	background-color: #fff;
}
.contain{
	width:1200px;
	margin: 0 auto;
	overflow:hidden;
}
.container  .head{
	height: 38px;
	background-color:#f5f5f5;
}
.boxtop{
	width: 100%;
	background-color:#f5f5f5;
}
.middlebox{
	width: 100%;
	background-color:#ececec;
}
 .head-nav-left{
	float:left;
	height:38px;
	
}
 .head-nav-left li {
	float: left;
	padding-right:25px;
	font-size: 12px;
	padding-top: 11px;
	color:#888;
}
 .head-nav-left li a{
 	color:#888;
 }
  .head-nav-left li a:hover{
  	color:#3388ff;
  }
.head-nav-right{
	float:right;
}
.head-nav-right li{
	float:right;
}
.head-nav-right{
	padding-top:8px;
}
.head-nav-right li span{
    padding:0 8px;
	font-size:12px;
	color:#888;
}
.head-nav-right li span a{
	color:#888;
}
.head-nav-right li .number a{
	color:#f45a58;  
}
.head-nav-right li .number img{
	vertical-align: middle;
	margin-top:-3px;
}
/* 课程导航部分 */
.nav-lesson{
	height:100px;
	
}
.nav-lesson .logo{
	padding-top: 34px;
}
.nav-lesson .list{
	padding-top:40px;
	margin-right:150px;
}
.nav-lesson .list li {
	font-size: 16px;
	color:#666;
	float:left;
	padding-right:60px;
}
.nav-lesson .list li a{
	color:#666;
}
.nav-lesson .list li a:hover{
	color:#3388ff;
}
.nav-lesson .list .active a{
	color:#3388ff;
}
.register{
	float:right;
	padding-top:40px;
}
.register span {
	padding:5px 7px;
}
.nav-lesson .list .register span:last-child{
    padding-right:0;
}


/* 中间社交立减金部分 */
.middle-online {
	background-color:#ececec;
	height: 364px;
	position:relative;
	
	
}
.middle-online .lesson{
	font-size:14px;
	height: 45px;
	line-height: 45px;
	color:#999;
	margin-bottom:12px;
}
.lesson span{
	font-size: 14px;
	float:left;	
	color:#666;
}
.lesson span a{
	color:#666;
}
.lesson span:first-child a,.lesson span:nth-child(2) a{
	color:#999;
}
.line1{
	width: 20px;
	height: 1px;
	background-color:#999;
	margin-top: 22px;
}
.middle-right {
	width: 765px;
	height: 228px;
	/* background-color:pink; */
	position:relative;
}
.middle-right .info {
	height: 90px;
	width: 100%;
}
.middle-right  .title{
	width: 256px;
	height: 40px;
}
.infoDetail{
	color:#666;
	font-size:14px;
	margin-top: 2px;
}
.title h2 {
	font-size: 22px;
	font-weight: normal;
}
.middle-right p {
	color:#eee;
	font-size: 14px;
}
.line{
	width: 33px;
	height: 1px;
	background-color:#000;
	margin-top: 15px;
}
.middle-right .detail{
   width: 600px;
   height: 56px;
   position:relative;
}
.detail ul li {
	float:left;
	width:240px;
	font-size:12px;
	margin-top:10px;
}
.detail ul li span{
	color:#808080;
}
.detail ul li span:last-child{
	color:#333;
}
.detail ul li span:first-child{
	letter-spacing: 14px;
}
.de_time{
	padding-left:10px;
}
.de_jiang a{
	color:#3388ff;
}
.detail ul li:last-child span{
	letter-spacing: 0px;
}
.detail ul{
	overflow:hidden;
}
.study {
	width: 160px;
	height: 45px;
	background-color:#009dd9;
	text-align:center;
	border-radius:4px;
    margin-top:35px;
    line-height: 45px;
}
.study:hover{
	opacity: 0.7;
}
.study p {
	font-size:18px;
	color:#fff;
}
.study p a{
	display:inline-block;
	width:100%;
	height:100%;
	color:#fff;
}
.middle-online-button{
	height: 16px;
	width: 450px;
   position:absolute;
   left:0;
   bottom:32px;
}
.middle-online-button img{
	padding-right:7px;
	float: left;
	margin-top:4px;
}
.extrainfo{
	width: 250px;

}
.extrainfo span{
	font-size:12px;
}
.heart{
   height:23px;
   display:flex;
   align-items: center;
   cursor: pointer;
}
.zan{
	width: 120px;
	overflow:hidden;
	display:flex;
	align-items: center;
	cursor: pointer;
}
.zan span,.zan img{
	float:left;
}

.cart,.yes{

}
.yes{
  width:20px;
}
.love{
	width: 20px;
}
.num{
	color:#ab8d80;
}
.font{
	color:#2c55a0;
	
}
.extrainfo span{
   padding:2px;
   padding-top:5px;
   font-size:12px;
}


/* 课程中心 */
/* 导航条部分 */

.center-left{
	width: 770px;
	/*height: 600px;*/
	/* background-color:pink; */
}
.center-teacher{
	height: 700px;
	width: 370px;

}
.center-nav ul li{
   float:left;
   width:33.3%;
   height:40px;
   line-height: 16px;
   text-align: center;
   font-size:16px;
   color:#333;
   font-weight:bold;
   border-bottom:2px solid #ddd;
   cursor: pointer;
}
.center-nav ul li:hover{
	border
}
.center-nav ul{
	overflow:hidden;
	margin-top:20px;
}
.center-nav ul .nav_active{
	border-bottom:2px solid #e54d26;
}
.center-nav ul li:first-child span{
	border:none;
}
.center-nav ul li span{
	display:inline-block;
	width:100%;
	border-left:1px solid #cccccc;
	height:55%;
	margin-top:10px;
}

/* 课程简介与下载资源 */
.simpleInfo{
	border-bottom: 1px solid #dddddd;
	overflow: hidden;
}
.lessonInfo{
	color:#3e3e3e;
}
.lessonInfo,.down{
	height: 46px;
	line-height: 50px;
	font-size: 15px;	
}
.down span{
	color:#00adf2;
}
.message p {
	margin-top:25px;
	color:#3e3e3e;
	font-size: 14px;
	text-indent: 2em;
	line-height: 26px;
}
.jiaocheng{
	color:#607fa6;
}
.message .list {
	color:#3e3e3e;
	text-indent: 2em;
	margin-top:10px;
}
.message .list span{
	padding-right:20px;
}
.message .go{
	text-indent: 2em;
}

/* 教师信息 */
.teacher{
	position: relative;
	height: 216px;
	/* background-color:pink; */
}

.teacherInfo{
	height: 60px;
	font-size:20px;
	line-height: 60px;
	color:#3e3e3e;
	font-size: 18px;
}
.name{
	width: 55px;
	margin-left:20px;
}
.name span{
	color:#999;
	font-size:12px;
}
.name p a{
	color:#3388ff;
}
.personInfo{
	overflow: hidden;
}
.personInfoButton{
    margin-top:14px;
	font-size: 12px;
	color: #666;
}
.personInfoButton p{
	color: #666;
}
/* 相关课程 */
.aboutLesson .title{
   font-size:18px;
   height: 31px;
   margin-top:40px;
   color:#3e3e3e;
   border-bottom:#d0d6d9 2px solid;
}
.list1{
	height: 126px;
	/* background-color: pink; */
	border-bottom: 1px dashed #ddd;
}
.list1{
	padding-top:15px;
}

.list2{
	height: 126px;
}
.list1 .info1{
	margin-left:18px;
}
.info1 p {
	font-size:15px;
	line-height: 22px;
}
.lesson-center{
	padding-bottom:160px;
}
.zan_no img{
	height:22px;
	vertical-align: middle;
	margin-top:-4px;
}
.zan_no{
	margin-top:56px;
	text-align: center;
	font-size:14px;
}
.zan_no p{
	color:#9b9b9b;
}