@import 'reste.css';

body{
	background: #f4f4f4;
}
.menu-wrapper .counav-list{
	padding-left:0;
}
.headcont{
	width:100%;
	background: #fff;
	padding-bottom: 20px;
}
.headlosch{
	width: 1200px;
  margin: 0px auto;
  position: relative;
}
.nav-view{
	margin-top:0;
}
/*****course-detailcontent begin*****/
/***course-detailcontop begin***/
.course-detailcontop{
	background: #fff;
	width:100%;
	height:460px;
}
/***course-detailcontop end***/

/***slider begin***/
.slider{
	position: fixed;
	right:0;
	top:280px;
}
.slider-li{
	background: #3c8eda;
	width:80px;
	padding:8px 0 6px 0;
	margin-bottom: 2px;
}
.slider-li img{
	width:30px;
	height:30px;
	display: block;
	margin:0 auto 4px auto;
}
.slider-li .slider-lipic{
	width:60px;
	height:60px;
	display: block;
}
.slider-li p{
	font-size:14px;
	color: #fff;
	line-height: 18px;
	text-align: center;
}
.official-ul{
	margin-top:2px;
}
.official-li{
	margin-bottom: 2px;
	
}
.official-li{
	-webkit-transform: translateX(40px);
	   -moz-transform: translateX(40px);
	    -ms-transform: translateX(40px);
	        transform: translateX(40px);

}
.official-li li:hover{
	
}
.official-li .weixin{
	display: block;
	width:40px;
	height:40px; 
	background:#c6c6c6 url(../img/weixin-img.png) no-repeat center center;
	-moz-background-size: 24px 20px;
	     background-size: 24px 20px;

}
.official-li .weixin:hover{
	display: block;
	height:40px; 
	background:#3c8eda url(../img/weixin-img.png) no-repeat center center;
	-moz-background-size: 24px 20px;
	     background-size: 24px 20px;
	width:80px;
	-webkit-transform: translateX(-40px);
	   -moz-transform: translateX(-40px);
	    -ms-transform: translateX(-40px);
	        transform: translateX(-40px);
}
.official-li .weibo{
	display: block;
	width:40px;
	height:40px; 
	background:#c6c6c6 url(../img/weibo-img.png) no-repeat center center;
	-moz-background-size: 24px 19px;
	     background-size: 24px 19px;
}
.official-li .weibo:hover{
	display: block;
	width:80px;
	-webkit-transform: translateX(-40px);
	   -moz-transform: translateX(-40px);
	    -ms-transform: translateX(-40px);
	        transform: translateX(-40px);
	height:40px;
	background:#3c8eda url(../img/weibo-img.png) no-repeat center center;
	-moz-background-size: 24px 19px;
	     background-size: 24px 19px;
	
}
.official-li .xiazai{
	display: block;
	width:40px;
	height:40px; 
	background:#c6c6c6 url(../img/xiazai-img.png) no-repeat center center;
	-moz-background-size: 24px 24px;
	     background-size: 24px 24px;
}
.official-li .xiazai:hover{
	display: block;
	width:80px;
	-webkit-transform: translateX(-40px);
	   -moz-transform: translateX(-40px);
	    -ms-transform: translateX(-40px);
	        transform: translateX(-40px);
	height:40px; 

	background:#3c8eda url(../img/xiazai-img.png) no-repeat center center;
	-moz-background-size: 24px 24px;
	     background-size: 24px 24px;
}
.online-zixunimg{
	position: absolute;
    bottom:13px;
    right: 89px;
}
.online-zixunimg div{
	position: relative;
}
.online-zixunimg div p{
	border:5px solid #3c8eda;
}
.online-zixunimg div p img{
	width:90px;
	height:90px;
	display: block;
}
.online-zixunimg .online-zixunimghi01 i {
    background: url(../img/triangle-blue.png) no-repeat;
    width: 7px;
    height: 7px;
    display: block;
    position: absolute;
    right: -6px;
    top: 6px;
}
.online-zixunimg .online-zixunimghi02 i {
    background: url(../img/triangle-blue.png) no-repeat;
    width: 7px;
    height: 7px;
    display: block;
    position: absolute;
    right: -6px;
    top: 48px;
}
.online-zixunimg .online-zixunimghi03 i {
    background: url(../img/triangle-blue.png) no-repeat;
    width: 7px;
    height: 7px;
    display: block;
    position: absolute;
    right: -6px;
    top: 88px;
}
/***slider end***/
/*****course-detailcontent end*****/

/*****teacher-details begin*****/
.course-detailcontop01{
	width:100%;
	background: #fff;
}
.teacher-textcon{
	padding:0 20px 0 30px;
}
.teacher-textcon .teacher{
	width:258px;
	height:252px;
	border:1px solid #4996dc;
	float: left;
	margin-right:34px;
}
.teacher-textcon .teacher-t{
	width:852px;
	float: left;
}
.teacher-textcon .teacher{
	position: relative;
}
.teacher-textcon .teacher img{
	width:258px;
	height:252px;
	display: block;
}
.teacher-textcon .teacher .shade{
	position: absolute;
	left:0;
	bottom:0;
	width:250px;
	height:46px;
	line-height: 46px;
	background: rgba(138,187,233,0.7);
	font-size:18px;
	color: #fff;
	padding-left:8px;
}
.teacher-t .teacher-name{
	font-size:24px;
	color: #545353;
}
.teacher-t .teacher-name span{
	font-size:14px;
	color: #545353;
	margin-left:16px;
}
.teacher-t .teacher-introduce{
	font-size:14px;
	color: #545353;
	line-height: 24px;
}
.teacher-t .master-course{
	font-size:14px;
	line-height: 24px;
	margin-top:20px;
	color: #545353;
}
.tea-searchresult{
	width:1200px;
	margin:0 auto;
}
.tea-searchresult .teacher-deconli{
	background: #fff;
	padding: 42px 30px 42px 30px;
	height: auto;
}
.tea-searchresult .teacher-deconli .teacher-list {
    float: left;
    position: relative;
}
.tea-searchresult .teacher-list .teacher-img {
    width: 200px;
    height: 196px;
    display: block;
    border: 1px solid #4996dc;
}
.tea-searchresult .teacher-list .shade {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 194px;
    height: 40px;
    line-height: 40px;
    background: rgba(138,187,233,0.7);
    font-size: 18px;
    color: #fff;
    padding-left: 8px;
}
.tea-searchresult .teacher-listcon{
    float: left;
    margin-left: 30px;
    width:880px;
}
.tea-searchresult .teacher-listcon .teacher-name {
    font-size: 18px;
    color: #545353;
    line-height: 26px;
    padding-top: 0;
    margin-bottom: 3px;
}
.tea-searchresult .teacher-listcon .teacher-name span {
    font-size: 14px;
    color: #545353;
    margin-left: 14px;
}
.tea-searchresult .teacher-listcon .teacher-introduce {
    font-size: 12px;
    color: #545353;
    height: 34px;
    margin-top: 0;
    overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}
.tea-searchresult .teacher-listcon .master-course {
    font-size: 12px;
    color: #545353;
    height: 34px;
    overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.tea-searchresult .master-course em {
    font-style: normal;
    color: #3c8eda;
}
.teacher-searchresult .include{
	height:48px;
	line-height: 48px;
}



.teacher-searchresult ,.include-z{
	width:1200px;
	margin:0 auto;
}
.include{
	font-size:14px;
	color: #999;
	height:60px;
	line-height: 60px;
}
.include span{
	color: #3c8eda;
}
.search-result{
	width:1200px;
	background: #fff;
	margin:0 auto 48px auto;
}
.curriculum{
	height:48px;
	line-height: 48px;
	background: #e9eef4;
	padding-left:30px;
	font-size:16px;
	color: #545353;
}
.search-resultul{
	padding:10px 30px 0 30px;
}

.search-resultli {
	border-bottom: 1px solid #e9eef4;
	padding:30px 0;
}
.search-resultli  img{
	width:200px;
	height:150px;
	display: block;
	float: left;
}
.search-resultli  .teacher-decons{
	float: left;
	margin:0 86px 0 22px;
	width:600px;
}
.teacher-decons .caption{
	font-size:16px;
	color: #545353;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 6px;
}
.teacher-decons .caption:hover{
	text-decoration: underline;
}
.teacher-decons .eyu{
	font-size:14px;
	color: #545353;
	height: 36px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}
.teacher-decons .zhu-teacher{
	font-size:12px;
	color: #545353;
	line-height: 16px;
	margin-top:5px;
}
.search-resultli  .duiyu{
	font-size:12px;
	color: #545353;
	height: 34px;
	margin:18px 0 10px 0;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}
.class-hour .hour{
	font-size:12px;
	color: #545353;
	line-height: 20px;
	float: left;
}
.class-hour .hour span, .class-hour .num span{
	font-size:12px;
	color: #ff6600;
}
.class-hour .num{
	font-size:12px;
	color: #545353;
	line-height: 20px;
	float:right;
}
.curriculum-price{
	float: left;
	margin-top:49px;
	text-align: right;
}
.curriculum-price p{
	font-size:24px;
	color: #ff6600;
	line-height: 30px;
}
.curriculum-price span{
	font-size:14px;
	color: #717171;
	line-height: 22px;
	text-decoration: line-through;
}
.curriculum-lrig{
	float: right;
	margin-top:40px;
}
.curriculum-lrig a{
	margin-top:20px;
}
.curriculum-lrig .mian-learn{
	display: block;
	width:118px;
	height:30px;
	line-height: 30px;
	border: 1px solid #ff6600;
	background: #ffe8d9;
	border-radius: 5px;
	text-align: center;
	font-size:16px;
	color:#ff6600 ;
}
.curriculum-lrig .mian-learn:hover{
	background: #fed2b4;
}
.curriculum-lrig .libao{
	display: block;
	width:118px;
	height:30px;
	line-height: 30px;
	border: 1px solid #ff6600;
	background: #ff6600;
	border-radius: 5px;
	text-align: center;
	font-size:16px;
	color:#fff;
}
.curriculum-lrig .libao:hover{
	background: #e45c02;
}
.page-turning{
	padding: 40px 32px 40px 32px;
    width: 882px;
}
.page-turncon{
	min-width:8px;
	margin:0 auto;
	text-align: center;
}
.page-turning a{
	display: inline-block;
	padding:0 10px;
	height:28px;
	line-height: 28px;
	text-align: center;
	border-radius: 5px;
	border:1px solid #bcbcbc;
	font-size:14px;
	color: #bcbcbc;
	margin-right:6px;
}
.page-turning a:hover{
	border:1px solid #3c8eda;
	color: #3c8eda;
}
.page-turning .diactive{
	background: #3c8eda;
	border:1px solid #3c8eda;
	color: #fff;
}
.page-turning .diactive:hover{
	color: #fff;
}
.teacher-deconul01{
	display: none;
}
/*****teacher-details end*****/