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


/******课程名称与简介******/

.wrapper_details {
	overflow: hidden;
	/*	margin-left: 28px;*/
	margin-top: 10px;
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 20px;
}

.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 {
	border: 1px solid #E4E4E4;
	margin-top: 10px;
	margin-bottom: 40px;
}

.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%;height: 155px;
}

.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;
}


/*新追加样式 08.08  */

.new_left_map {
	margin-top: 40px;
}

.mew_shuju {
	text-align: center;
}

.mew_shuju h3 {
	font-size: 30px;
	color: #3487f5;
}

.mew_shuju p {
	font-size: 14px;
	margin-top: 5px;
}

.jieshao_map {
	margin-top: 10px;
	color: #666666;
}

.jieshao_map h2 {
	border-bottom: solid 1px #e9e9e9;
	font-size: 18px;
	color: #3487f5;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	margin-bottom: 10px;
}

.clearfix {
	overflow: hidden;
	zoom: 1
}

.sshdBox dl {
	border-bottom: solid 1px #f0f0f0;
	padding: 35px 64px 30px 24px;
}


/*师生互动*/

.sshdBox {
	padding: 0 30px;
	position: relative
}

.askBtn {
	position: absolute;
	width: 195px;
	height: 35px;
	border: solid 1px #e9e9e9;
	background: #ff900d;
	border-radius: 5px;
	top: -40px;
	right: 64px;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	color: #fff
}

.askBtn i {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(/images/template60/images/ask.png) no-repeat;
	vertical-align: middle;
	margin-right: 8px
}

.askBtn:hover {
	background: #f4880a
}

.sshdBox dl {
	border-bottom: solid 1px #f0f0f0;
	padding: 35px 64px 30px 24px
}

.sshdBox dl:last-child {
	border: 0
}

.sshdBox dl dt {
	width: 58px;
	height: 58px;
	border-radius: 100%;
	overflow: hidden;
	float: left
}

.sshdBox dl dd {
	float: right;
	width: 980px
}

.Questioner {
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	color: #333
}

.questionerName {
	font-size: 16px;
	color: #3487f5;
	font-weight: bold;
	margin-right: 10px
}

.questionerSchool {
	color: #999;
	margin-right: 10px
}

.quesTimes {
	font-size: 14px;
	color: #999;
	margin-left: 10px
}

.zan {
	color: #1a8e19;
	padding-left: 18px;
	cursor: pointer
}

.greenAnswer {
	color: #1a8e19;
	padding-left: 18px;
	cursor: pointer;
	margin-right: 25px
}

.quesContain h3 {
	font-size: 18px;
	margin-bottom: 8px;
	color: #3487f5;
}

.quesContain p {
	font-size: 14px;
	color: #838383;
}

.answerBox {
	position: relative;
	background: #f7f7f7;
	padding: 0 30px;
	margin-top: 20px;
	border-radius: 5px
}

.answerArrow {
	position: absolute;
	width: 28px;
	height: 16px;
	background: url(/images/template60/images/answerArrow.png) no-repeat;
	left: 16px;
	top: -10px
}

.answerBox ul li {
	border-bottom: dashed 1px #e1e1e1;
	padding: 20px 0
}

.answerBox ul li:last-child {
	border: 0
}

.touxiang {
	width: 28px;
	height: 28px;
	border: solid 1px #dfdfdf;
	border-radius: 100%;
	overflow: hidden
}

.answerRight {
	width: 95%;
	margin-left: 15px;
	font-size: 14px;
	color: #838383
}

.answerRight h3 {
	height: 30px;
	line-height: 30px
}

.grayAnswer {
	display: block;
	margin-top: 10px;
	background: url(/images/template60/images/grayAnswer.png) no-repeat left center;
	padding-left: 20px;
	cursor: pointer;
	width: 100px
}

.hfBox {
	padding: 30px 0;
}

.textarea02 {
	width: 869px;
	height: 48px;
	border: solid 1px #ccc;
	background: #fff;
	resize: none;
	padding: 15px;
	font-family: Microsoft YaHei;
	border-right: 0;
	float: left
}

.submit {
	width: 80px;
	height: 80px;
	background: #3dbc3b;
	border: 0;
	color: #fff;
	float: left;
	cursor: pointer
}

.textarea02:focus,
.questionInput:focus {
	border-color: #3dbc3b;
	box-shadow: 0 0 6px rgba(12, 153, 10, .2)
}

.childHf {
	padding-top: 10px;
}

.childHf .textarea02 {
	width: 762px
}

.tiwen {
	padding-bottom: 0;
	padding-left: 24px
}

.tiwen .textarea02 {
	width: 974px
}

.questionInput {
	width: 950px;
	border: solid 1px #ccc;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	padding: 0 15px;
	margin-bottom: 10px
}

.moreBtn {
	border: 0;
	background: #3487f5;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	margin: 10px 0;
}

.login_zhuc {
	float: right;
	color: #999999;
}

.login_zhuc a:hover {
	color: #3487f5;
}


/*常见问题*/

.changwen {
	margin-top: 80px;
}

.jchsTitle {
	height: 60px;
	border-bottom: solid 1px #e9e9e9;
	font-size: 20px;
	color: #999;
	font-weight: bold;
	line-height: 60px;
    color:#3487f5 ; 
}

.questionBox {
	padding: 0 10px 20px 10px;
	font-size: 14px;
	color: #888;
	line-height: 2;
}

.questionBox ul li {
	margin-top: 30px;
}

.questionBox ul li h3 {
	font-size: 16px;
	font-weight: bold;
}


/*课程封面处理*/

.sp_tu {
	position: relative;
	width: 510px;
	height: 290px;
	cursor: pointer;
}



.bf_tb {
	position: absolute;
	left: 0;
	top: 120px;
	right: 0;
	bottom: 0;
	width: 60px;
	height: 60px;
	background: url(../img/spbs_tu01.png) no-repeat center;
	background-size: 60px;
	margin: auto;
	z-index: 3
}

.sp_tu .spzz {
	display: none;
}

.sp_tu:hover .spzz {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .3);
	z-index: 1
}