.wrapper{
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 84px;
}

/******课程名称与简介******/
.wrapper_details{
	overflow: hidden;
/*	margin-left: 28px;*/
	margin-top: 10px;
}

.details_left{
	float: left;
	width: 510px;

}

.details_left img{
	width: 100%;
/*	height: 100%;*/
	height: 288px;
}

.details_right{
	float: right;
	width: 662px;
	height: 288px;
	background-color: #FBFBFB;
	padding: 0 36px;
}

.details_right h2{
	font-size: 22px;
	font-weight: 600;
	color: #333333;
	margin-top: 10px;
   margin-bottom: 16px;
}

.details_right h3{
font-size: 16px;
font-weight: 600;
	
}

.details_right div{
	color: #666666;
	height: 120px;
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp:5;
}





/******课程目录列表******/
.catalog_list{
/*	width: 1172px;*/
/*	margin-left: 28px;*/
	border: 1px solid #E4E4E4;
	margin-top: 50px;
	margin-bottom: 40px;
	/*border-top: none;*/
}

.list_title{
	height: 54px;
	line-height: 54px;
	text-align: center;
	font-size: 18px;
	color: #3487f5;
	background-color: #ece7e7;
}

.list_tabbar{
	border-left:1px solid #D9DCE1;
	border-top-left-radius: 10px;
	margin: 30px 36px;
}

.list_tabbar p{
	margin-bottom: 18px;
}

.tabbar_name{
	font-size: 19px;
	position: relative;
	padding-left: 30px;
}

.tabbar_name img{
	position: absolute;
	top: 3px;
	left: -8px;
}

.tabbar_name .plans{
	float: right;
	font-size: 16px;
	padding-top: 4px;
   letter-spacing: 1px;
}

.knobble_name{
	overflow: hidden;
	padding-left: 42px;
}

.pack_up,
.pack_down{
	cursor: pointer;
	color: #A0A0A0;
	padding-left: 22px;
	margin-right: 20px;
	font-size: 14px;
}

.pack_down{
	background: url(../img/z_up_samil.png) no-repeat 0 center;
}

.knobble_txt{
	font-size: 15px;
	display: none;
}

.knobble_txt p{
	cursor: pointer;
	height: 38px;
   padding-top: 7px;
   margin-bottom: 8px;
   padding-left: 92px;
}

.knobble_txt p:hover{
	background-color:#FFF9F3;
}

.knobble_txt span{
	display: inline-block;
	padding: 2px 10px;
   margin-right: 8px;
	border-radius: 4px;
}

.knobble_txt .videoColor{
	color: #348CF7;
	border: 1px solid #348CF7;
}

.knobble_txt .pptColor{
	color: #F95E45;
	border: 1px solid #F95E45;
}

.knobble_txt .study_learn{
	float: right;
	font-size: 14px;
	color: #CF9354;
}

.knobble_txt .study_ok{
	float: right;
	font-size: 14px;
	padding-left: 20px;
	background: url(../img/is_ok.png) no-repeat 0 center;
	background-size: 18px;
}





/*显示内容切换样式*/
.disBlock{
	display: block;
}

/*收起展开切换样式*/
.pack_up{
	background: url(../img/z_down_samil.png) no-repeat 0 center;
}

/*小节里的切换样式*/
.redColor{
	background-color:#FFF9F3;
}



/*新加样式*/

.jiangshi_map{
	border: 1px solid #E4E4E4;
	margin-top: 50px;
	min-height: 150px;
	text-align: center;
}

.pub_title{
	background-color: #3487f5;
	color: white;
	text-align: center;
	padding: 10px 0px;
	margin-bottom: 15px;
}

.xiang_text{
	padding: 0px 15px;
	
}


.shi_img{
	text-align: center;
}

.shi_img img{
	width: 80px;
	border-radius: 50%;
}


.text_hui{
color: #999999;	
}

.text_qian{
	color: #333333;
}

.tuan_img{
	text-align: center;
}

.tuan_img img{
	width: 90%;
	border-radius: 50%;	
}

.timenum{
	margin-top: 5px;
}

.timenum img{
	width: 19px;
	height: 19px;
}



/*新增问一问模块样式*/
.ico_wenda {
				position: absolute;
				width: 13%;
				height: 11%;
				cursor: pointer;
				background: url(../img/ico_wenda.png) center no-repeat;
				background-size: 100% 100%;
				right: 0;
				top: 35%;
				z-index: 999999;
}

.wenda_map{
	padding: 0px 15px;
}


   .col_lv {
        color: #45b882 !important;
    }


    .col_lan {
        color: #3487f5 !important;
    }


    .col_red {
        color: #f34536 !important;
    }
    
    .col_yel {
        color: #e4862c !important;
    }


.wenda_list ul li{
	margin: 15px 0px;
	padding: 15px;
	    background-color: #ffffff;
    box-shadow: 0px 7px 14px 1px rgba(221, 221, 221, 0.44);
    border-radius: 14px;
    border: solid 1px #d9d9d9;
}

.timap p{
	margin: 5px 0px;
}

.timap{
	font-size: 16px;
	color: #666666;
}

.tigan{
	font-size: 18px;
	color: #333333;
}

.titime{
	color: #999999;
	font-size: 14px;
}


.btn_wenda{
	position: fixed;
	top: 45%;
	right: 0;
	cursor: pointer;
}





/*评论回复样式*/

address,
			cite,
			dfn,
			em,
			var {
				font-style: normal;
			}
			
			code,
			kbd,
			pre,
			samp {
				font-family: courier new, courier, monospace;
			}
			
			ul,
			ol {
				list-style: none;
			}
			
			a {
				text-decoration: none;
			}
			
			a:hover,
			a:visited,
			a:link,
			a:active {
				text-decoration: none;
			}
			
			sup {
				vertical-align: text-top;
			}
			
			sub {
				vertical-align: text-bottom;
			}
			
			legend {
				color: #000;
			}
			
			fieldset,
			img {
				border: 0;
			}
			
			button,
			input,
			select,
			textarea {
				font-size: 100%;
			
			}
			
			table {
				border-collapse: collapse;
				border-spacing: 0;
			}
			
			.clear {
				clear: both;
				float: none;
				height: 0;
				overflow: hidden;
			}
			
			
			
			#pn {
				width: 100%;
				height: auto;
				background: #fff;
				margin: 0 auto;
				padding: 20px;
			}
			
			.list0 {
				    padding: 20px;
    position: relative;
    border: 1px solid #eee;
    margin-bottom: 20px;
    webkit-box-shadow: 0 0 8px rgba(121, 113, 113, 0.5);
    -moz-box-shadow: 0 0 8px rgba(121, 113, 113, 0.5);
    box-shadow: 0 0 8px rgba(121, 113, 113, 0.5);
			}
			
			.head {
				width: 60px;
				float: left;
			}
			
			.head img {
				width: 60px;
				height: 60px;
			}
			
			.close {
				width: 20px;
				height: 20px;
				position: absolute;
				top: 0;
				right: 0;
				color: #696e78;
				font-size: 14px;
				text-align: center;
				line-height: 20px;
			}
			
			.close:hover {
				color: #eb7350;
			}
			
			.content {

				line-height: 20px;
				font-size: 16px;
			}
			
			.name {
				color: #eb7350;
			}
			
			.pic {
				margin: 5px 0;
			}
			
			.good:after {
				clear: both;
				content: '';
				display: block;
				width: 0;
				height: 0;
				visibility: hidden;
			}
			
			.good {
				*zoom: 1;
			}
			
			.date {
				float: left;
				color: #808080;
			}
			
			.good a {
				float: right;
				color: #808080;
			}
			
			.people {
				background: #F7F7F7;
				height: 28px;
				line-height: 28px;
				padding-left: 10px;
				margin: 5px 0;
			}
			
			.comment:after {
				clear: both;
				content: '';
				display: block;
				width: 0;
				height: 0;
				visibility: hidden;
			}
			
			.comment {
				*zoom: 1;
				padding: 10px 0;
				border-top: 1px solid #eee;
			}
			
			.comment-left {
				width: 30px;
				float: left;
				display: inline;
				margin-right: 10px;
			}
			
			.comment-left img {
				width: 30px;
				height: 30px;
			}
			
			/*.comment-right {
				float: left;
				width: 410px;
			}*/
			
			.comment-text {
				line-height: 18px;
			}
			
			.comment-text span {
				color: #eb7350;
			}
			
			.comment-date {
				font-size: 14px;
				line-height: 14px;
				color: #ccc;
				position: relative;
			}
			
			.comment-zan {
				position: absolute;
				right: 40px;
				bottom: 0;
				color: #808080;
			}
			
			
			.comment-zannew{
			position: absolute;
				right: 0px;
				bottom: 0;
				color: #808080;	
			}
			
			.comment-dele {
				position: absolute;
				right: 0;
				bottom: 0;
				color: #808080;
			}
			
			.hf:after {
				clear: both;
				content: '';
				display: block;
				width: 0;
				height: 0;
				visibility: hidden;
			}
			
			.hf {
				*zoom: 1;
			}
			
			.hf-text {
	 border: 1px solid #eee;
    display: block;
    height: 15px;
    width: 100%;
    padding: 5px;
    resize: none;
    color: #ccc;
    font-size: 12px;
    min-height: 50px;
			}
			
			.hf-on .hf-text {
				height: 60px;
				color: #333;
				border: 1px solid #ff8140;
			}
			
			.hf-text:focus{
				outline: none;
			}
			
		
			
			.hf-btn {
				float: right;
				width: 65px;
				height: 26px;
				background: #f7f7f7;
				color: #ccc;
				font-size: 12px;
				display: none;
				border: none;
			}
			
			.hf-btn-on {
				background: #ff8140;
				color: #fff;
			}
			
			.hf-nub {
				float: right;
				padding: 3px 5px;
				color: #666;
				display: none;
			}
			
			.hf-on .hf-btn {
				display: inline;
			}
			
			.hf-on .hf-nub {
				display: inline;
			}