@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;
}
.cdetail-contoptet{
	width:1200px;
	margin:0 auto;
}
.cd-ctnav{
	height:40px;
	line-height: 40px;
}
.cd-ctnav a{
	color: #c6c6c6;
	font-size:14px;
	display: block;
	float: left;
}
.cd-ctnav a:hover{
	color: #3c8eda;
}
.cd-ctnav i{
	background: url(../imgs/cd-ctnavbg.png) no-repeat;
	width:7px;
	height:7px;
	display: block;
	float: left;
	margin:17px 6px 0 5px;
}
.cd-ctnav span{
	color: #c6c6c6;
}
/***course-detailcontop end***/

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

}
.official-li01 .french-icon{
	display: block;
	width:40px;
	height:40px; 
	background:#c6c6c6 url(../images/french-icon.png) no-repeat center center;
	-moz-background-size: 21px 30px;
	     background-size: 21px 30px;

}
.official-li01 .french-icon:hover{
	display: block;
	height:40px; 
	background:#3c8eda url(../images/french-icon.png) no-repeat center center;
	-moz-background-size: 21px 30px;
	     background-size: 21px 30px;
	width:100px;
	-webkit-transform: translateX(-40px);
	   -moz-transform: translateX(-40px);
	    -ms-transform: translateX(-40px);
	        transform: translateX(-40px);

}
.official-li01 .cihui{
	display: block;
	width:40px;
	height:40px; 
	background:#c6c6c6 url(../images/cihui.png) no-repeat center center;
	-moz-background-size: 21px 20px;
	     background-size: 21px 20px;

}
.official-li01 .cihui:hover{
	display: block;
	width:100px;
	-webkit-transform: translateX(-40px);
	   -moz-transform: translateX(-40px);
	    -ms-transform: translateX(-40px);
	        transform: translateX(-40px);
	height:40px;
	background:#3c8eda url(../images/cihui.png) no-repeat center center;
	-moz-background-size: 21px 20px;
	     background-size: 21px 20px;
}
.official-li .weixin{
	display: block;
	width:40px;
	height:40px; 
	background:#c6c6c6 url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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:108px;
	height:108px;
	display: block;
}
.online-zixunimg .online-zixunimghi01 i {
    background: url(../images/triangle-blue.png) no-repeat;
    width: 7px;
    height: 7px;
    display: block;
    position: absolute;
    right: -6px;
    top: 20px;
}
.online-zixunimg .online-zixunimghi02 i {
    background: url(../images/triangle-blue.png) no-repeat;
    width: 7px;
    height: 7px;
    display: block;
    position: absolute;
    right: -6px;
    top: 62px;
}
.online-zixunimg .online-zixunimghi03 i {
    background: url(../images/triangle-blue.png) no-repeat;
    width: 7px;
    height: 7px;
    display: block;
    position: absolute;
    right: -6px;
    top: 106px;
}
/***slider end***/
/*------------*/
.sb-zone{

}
.sb-zone li{
	display: flex;
    align-items: center;
    height: 40px;
    margin-bottom: 2px;
    /*background: ;*/
}
.sb-zone li span{
	width:48px;
	font-size: 12px;
	opacity: 0;
	color: #fff;
	margin-left: -8px;
	height: 40px;
	line-height: 40px;
	background:#3c8eda;
	position:relative;
}
.sb-zone li .actived{
	height: 34px;
	line-height: 14px;
	padding-top:6px;
}
.sb-zone li span:after{
	content: '';
	position: absolute;
	top:0;
	left: -5px;
	height: 40px;
	width: 5px;
	background: #3c8eda;
}
.sb-zone li a{
	display: block;
    width: 40px;
    height: 40px;
    background:#c6c6c6;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    text-align: center;
}
/*.sb-zone li:hover{
	background: #fff;
}*/
.sb-zone li:hover span{
	opacity: 0;
}
.sb-zone li:hover a{
	background:#3c8eda ;
}

/*****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;
}
.live-courul .live-courli{
	float: left;
	font-size:18px;
	color: #989797;
	height:38px;
	line-height: 38px;
	border-bottom: 2px solid #fff;
	margin-right: 58px;
	cursor: pointer;
}
.live-courul .active{
	color: #3c8eda;
	border-bottom: 2px solid #3c8eda;
}
.teacher-decontent{
	width:1175px;
	padding-left:25px;
	background: #fff;
	margin:28px auto 48px auto;
}
.curriculum{
	height:48px;
	line-height: 48px;
	background: #e9eef4;
	padding-left:30px;
	font-size:16px;
	color: #545353;
}

.teacher-deconul{
	padding:10px 20px 0 0;
}
.teacher-deconul li{
	border-left:1px dashed #c6c6c6;
}
.active-tedeconul{
	float: left;
	width:223px;
	padding-top:80px;
}
.deconli-circle{
	height:23px;
	float: left;
	background: #fff;
	margin:13px 26px 0 -8px;
}
.deconli-circle i{
	background: url(../imgs/circle-gray.png) no-repeat;
	width:15px;
	height:15px;
	display: block;
	margin-top:4px;
}
.deconli-cir i{
	background: url(../imgs/circle-blue.png) no-repeat;
}
.active-tedeconul .zhi-time{
	float: left;
}
.active-tedeconul .zhi-time h5, .active-tedeconul .zhi-time p{
	font-size:14px;
	color: #989797;
	line-height: 24px;
	font-weight: normal;
}
.active-tedeconul .zhi-tim h5, .active-tedeconul .zhi-tim p{
	color: #3c8eda;
}
.teacher-deconli{
	border-bottom: 1px solid #e9eef4;
	padding:30px 0;
	width:930px;
	float: left;
}
.teacher-deconli img{
	width:200px;
	height:150px;
	display: block;
	float: left;
}
.teacher-deconli .teacher-decons{
	float: left;
	margin:0 32px 0 22px;
	width:440px;
}
.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;
}
.teacher-decons .duiyu{
	font-size:12px;
	color: #545353;
	height: 34px;
	margin-bottom: 7px;
	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 200px;
    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-deconul01 li{
	border-left:none;
}
.teacher-deconul01 .teacher-deconli{
	width:1142px;
}
.teacher-deconul01 .teacher-decons{
	width:592px;
}
.teacher-deconul01 .curriculum-lrig .libao{
	background: #ffe8d9;
	color: #ff6600;
}
.teacher-deconul01 .curriculum-lrig .libao:hover{
	background: #fbcbac;
	
}
/*****teacher-details end*****/