.calendar-cont {
	width: 260px;
	height: 423px;
	overflow: hidden;
	padding-bottom: 17px;
	background: #fff url(../images/calendar.png) no-repeat 196px 0
}

.cc-tit {
	font-weight: normal;
	padding: 15px 0 10px 0;
	text-align: center;
	font-size: 18px;
	color: #333
}

.cc-tips {
	color: #000;
	text-align: center;
	margin-top: 10px;
	font-size: 14px
}

.cc-tips span {
	color: #fd7923
}

.exam-txt {
	width: 260px;
	text-align: center;
	margin-top: 25px;
}

.exam-txt span {
	display: inline-block;
	width: 14px;
	margin: 0 5px;
	height: 14px;
	border-radius: 50%;
	background-color: #bcdce9;
}

.exam-btn {
	display: inline-block;
	padding: 0;
	width: 200px;
	height: 40px;
	line-height: 40px;
	background-color: #ed6e2b;
	border: 1px solid #ed6e2b;
	border-radius: 40px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	display: block;
	margin: 10px auto 0
}

.exam-btn .icon-exam-white {
	vertical-align: -4px;
	margin-right: 6px
}

.calendar {
	height: 316px;
	overflow: hidden;
}

.mod-main-section {
	margin: 10px auto 0;
	width: 1200px;
	height: 440px
}

.mod-banner {
	width: 260px;
	background: #fff;
	position: relative;
	height: 440px
}

.mod-banner li {
	position: absolute;
	zoom: 1;
	width: 100%;
	height: 440px;
	text-align: center;
	overflow: hidden
}

.mod-banner li img {
	width: 100%;
	height: 440px
}

.mod-banner .focus-dot {
	position: relative;
	z-index: 5;
	top: 410px;
	width: 100%;
	text-align: center
}

.mod-banner .focus-dot a {
	display: inline-block;
	margin: 0 5px;
	width: 8px;
	height: 8px;
	line-height: 20px;
	border-radius: 50%;
	background: #fff;
	opacity: .7;
	filter: alpha(opacity=70);
	overflow: hidden
}

.mod-banner .focus-dot .on {
	background: #fff;
	color: #fff;
	margin-top: -1px;
	width: 10px;
	height: 10px;
	opacity: 1;
	filter: alpha(opacity=100)
}

.mod-banner .left-btn,
.mod-banner .right-btn {
	display: inline-block;
	position: absolute;
	z-index: 10;
	top: 50%;
	margin-top: -20px;
	width: 28px;
	height: 40px;
	line-height: 40px;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#1AFFFFFF', endColorstr='#1AFFFFFF');
	background-color: rgba(255, 255, 255, 0.1);
	text-align: center;
	vertical-align: middle
}

.mod-banner .left-btn:hover,
.mod-banner .right-btn:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#4DFFFFFF', endColorstr='#4DFFFFFF');
	background-color: rgba(255, 255, 255, 0.3)
}

.mod-banner .left-btn {
	left: 0
}

.mod-banner .right-btn {
	right: 0
}

.mod-calendar {
	width: 260px;
}

.mod-message {
	margin: 0 10px;
	width: 660px;
	height: 440px;
	background: #fff
}

.mod-collect {
	padding: 20px 25px;
	height: 159px;
	overflow: hidden;
	border-bottom: 1px solid #f0f0f0;
	line-height: 40px;
	font-size: 14px
}

.mod-collect a:link {
	color: #333
}

.mod-collect a:visited {
	color: #999
}

.mod-collect a:hover {
	color: #ff7900
}

.mod-collect h6 {
	margin-bottom: 15px;
	height: 32px;
	line-height: 32px;
}

.mod-collect h6 a {
	color: #ff7900 !important;
	font-size: 20px;
	font-weight: 400
}

.mod-collect li {
	margin-right: 25px;
	display: inline-block;
	width: 280px;
	float: left;
}

.mod-collect li a {
	font-size: 14px;
}

.mod-collect li b {
	font-weight: 400
}

.mod-classify .item {
	margin-top: -1px;
	margin-left: -1px;
	padding: 0 5px 0 25px;
	width: 300px;
	height: 118px;
	float: left;
	border-top: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0
}

.mod-classify .item h6 {
	margin-top: 12px;
	height: 32px;
	line-height: 32px;
	color: #333;
	font-size: 16px
}

.mod-classify .item .list {
	line-height: 30px;
	font-size: 14px
}

.mod-classify .item .list a:link {
	color: #333
}

.mod-classify .item .list a:visited {
	color: #333
}

.mod-classify .item .list a:hover {
	color: #ff7900
}

.mod-classify .item .list li {
	margin-right: 5px;
	width: 140px;
	float: left;
}

.teacher-box {
	width: 1200px;
	margin: 30px auto 0;
	background-color: #fff;
}

.teacher-box .teacarouselBox {
	width: 1140px;
	padding: 20px 30px 30px;
	position: relative;
}

.teacher-box .teawrapBox {
	width: 1140px;
	overflow: hidden;
	height: 254px;
	margin: 0 auto;
}

.teacher-box .teawrapBox .teawrap {
	width: 1150px;
}

.teacher-box .teawrap li.on .info {
	display: inline-block;
	float: left;
}

.teacher-box .teawrap li .info {
	display: none;
}

.teacher-box .headline {
	height: 45px;
	padding: 25px 30px 0 0;
	line-height: 24px;
	border-bottom: 1px solid #f2f2f2;
}

.teacher-box .headline p {
	float: left;
	font-size: 24px;
	padding-left: 26px;
	border-left: 3px #ed6e2b solid;
}

.teacher-box .headline a {
	color: #333;
	float: right;
}

.teacher-box .headline a:hover {
	color: #ed6e2b;
}

.teacher-box .teateawrapBox ul {
	margin-left: -10px;
}

.teacher-box .teawrapBox li {
	display: inline;
	float: left;
	margin-right: 10px;
}

.teacher-box .teawrapBox li .item {
	position: relative;
}

.teacher-box .teawrapBox li .img {
	display: block;
	width: 200px;
	float: left;
	background-color: #676767;
}

.teacher-box .teawrapBox li img {
	width: 200px;
	min-height: 255px;
}

.teacher-box .teawrapBox li.on {
	width: 510px;
}

.teacher-box .teawrapBox li .info {
	position: absolute;
	top: 0;
	left: 200px;
	width: 250px;
	padding: 30px;
	height: 194px;
	background-color: #000;
	color: #fff;
	line-height: 22px;
}

.teacher-box .teawrapBox li .item,
.teacher-box .teawrapBox li .item>div {
	transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
}

.teacher-box .teawrapBox li .item.active>div {
	box-shadow: 0 6px 10px rgba(27, 21, 15, 0.15);
	opacity: 1;
}

.teacher-box .teawrapBox li h5 {
	font-size: 30px;
	line-height: 30px;
	width: 140px;
	font-weight: lighter;
	margin-bottom: 10px;
	background: url(../images/icons.png) no-repeat 105px -150px;
}

.teacher-box .teawrapBox li span {
	display: block;
	margin: 10px 0;
	min-height: 24px;
}

.teacher-box .teawrapBox li span:after {
	content: "";
	display: block;
	height: 1px;
	width: 140px;
	background-color: #fff;
}

.teacher-box .teawrapBox li .btn-box {
	position: absolute;
	bottom: 40px;
	left: 30px;
}

.teacher-box .teawrapBox li .btn {
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	border-radius: 50px;
	border: 0;
	text-align: center;
	background-color: #ed6e2b;
	color: #fff;
	float: left;
}

.teacher-box .teawrapBox li .btn:hover {
	background-color: #ff4e00;
	color: #fff;
}

.mod-course-center {
	background-color: #fff;
	width: 1200px;
	margin: 30px auto 0;
}

.mod-course-center .mcc-hd {
	position: relative;
	height: 45px;
	padding: 25px 30px 0 0;
	line-height: 24px;
	border-bottom: 1px solid #f2f2f2;
}

.mod-course-center .mcc-hd i.bar {
	position: absolute;
	left: 3px;
	top: 3px
}

.mod-course-center .mcc-hd h3 {
	float: left;
	font-size: 24px;
	padding-left: 26px;
	border-left: 3px #ed6e2b solid;
	font-weight: normal;
}

.mod-course-center .mcc-bd {
	border-top: 1px solid #ed6e2b;
	border-bottom: 1px solid #D8D8D8;
	background: url(../images/bg_mcc_bd.png) repeat-y 0 0;
}

.mod-course-center .mcc-bd .tab-top {
	width: 222px;
	overflow: hidden
}

.mod-course-center .mcc-bd .tab-top li {
	cursor: pointer;
	width: 100%
}

.mod-course-center .mcc-bd .tab-top li.on {
	position: relative;
	z-index: 2;
	background: #fff;
	border-left: 3px #ed6e2b solid;
	color: #000;
}

.mod-course-center .mcc-bd .tab-top a {
	display: block;
	height: 95px;
	line-height: 95px;
	margin-top: -1px;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	color: #666;
	font-size: 20px;
	text-align: center
}

.mod-course-center .mcc-bd .tab-top li.on a {
	display: block;
	height: 95px;
	line-height: 95px;
	margin-top: -1px;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	color: #666;
	font-size: 20px;
	text-align: center
}

.mod-course-center .mcc-bd .tab-cont {
	padding: 0 30px 30px 20px;
	overflow: hidden
}

.mod-course-center .table {
	border: 1px solid #DDD;
	width: 100%;
}

.mod-course-center .table caption {
	height: 62px;
	line-height: 62px;
	color: #666;
	font-size: 12px;
	text-align: left
}

.mod-course-center .table caption b {
	margin-right: 20px;
	font-size: 20px
}

.mod-course-center .table th,
.mod-course-center .table td {
	padding: 10px;
	font-size: 14px;
	vertical-align: middle;
	text-align: center
}

.mod-course-center .table th {
	height: 26px;
	background: #f8f8f8;
	border-bottom: 1px solid #DDD;
	color: #666;
	font-weight: 700
}

.mod-course-center .table td {
	border-bottom: 1px solid #DDD;
	color: #666
}

.mod-course-center .table td a {
	color: #333;
}

.mod-course-center .table td a:hover {
	color: #ed6e2b;
}

.mod-course-center .table td.course-name {
	width: 30%;
	border-left: 1px solid #DDD;
	text-align: left
}

.mod-course-center .table td b {
	font-weight: 700
}

..mod-course-center table td b.orange {
	color: #ff7900
}

.mod-course-center .table td .btn-buy {
	display: inline-block;
	padding: 0;
	width: 78px;
	height: 26px;
	line-height: 26px;
	background: #ed6e2b;
	border: 1px solid #ed6e2b;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	text-align: center
}

.mod-course-center .table td .btn-buy:hover {
	color: #fff;
	background: #ff4e00;
	border-color: #ff4e00
}

.mod-news {
	width: 1200px;
	margin: 30px auto 0;
	background: #fff
}

.mod-news .mn-hd {
	height: 45px;
	padding: 25px 30px 0 0;
	line-height: 24px;
	border-bottom: 1px solid #f2f2f2;
}


}
.mod-news .mn-hd i.bar {
	position: absolute;
	left: 3px;
	top: 3px
}
.mod-news .mn-hd h3 {
	font-size: 24px;
	padding-left: 26px;
	border-left: 3px #ed6e2b solid;
	font-weight: normal;
}
.mod-news .mn-bd {
	width: 1140px;
	overflow: hidden;
	padding: 0px 30px 20px;
	overflow: hidden
}
.mod-news .mn-bd .mn-bd-list {
	width: 1215px;
}
.mod-news .item {
	margin-bottom: 20px;
	width: 330px;
	height: 385px;
	margin-right: 75px;
	display: inline-block;
	float: left;
}
.mod-news .item-hd {
	height: 50px;
	line-height: 50px
}
.mod-news .item-hd .right {
	color: #999;
	font-size: 12px
}
.mod-news .item-hd .right:hover {
	color: #ff7900
}
.mod-news .item-hd h6 {
	color: #333;
	font-size: 16px
}
.mod-news .item-hd h6 a {
	color: #fff;
}
.mod-news .item-hd h6 a:hover {
	color: #ed6e2b;
}
.mod-news .item-bd .pic {
	position: relative;
	margin-bottom: 5px;
	overflow: hidden;
	height: 175px
}
.mod-news .item-bd .pic img {
	width: 330px;
	background: #DDD
}
.mod-news .item-bd .pic span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 36px;
	line-height: 36px;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80000000', endColorstr='#80000000');
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 14px;
	text-indent: 1em
}
.mod-news .item-bd .list {
	line-height: 40px;
	font-size: 14px
}
.mod-news .item-bd .list a:link {
	color: #333
}
.mod-news .item-bd .list a:visited {
	color: #999
}
.mod-news .item-bd .list a {
	position: relative;
	padding-left: 20px;
}
.mod-news .item-bd .list a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	vertical-align: middle;
	background-color: #c4c4c4;
	border-radius: 50%;
}
.mod-news .item-bd .list a:hover {
	color: #ff7900
}
.book-box {
	padding-bottom: 30px;
	width: 1200px;
	background-color: #fff;
	margin: 30px auto 0;
}
.book-box .w1140 {
	width: 1140px;
	margin: 20px auto 0;
	overflow: hidden;
}
.book-box .w1140 ul {
	width: 1160px;
}
.book-box .headline {
	height: 45px;
	padding: 25px 30px 0 0;
	line-height: 24px;
	border-bottom: 1px solid #f2f2f2;
}
.book-box .headline h3 a {
	color: #333;
}
.book-box .headline h3 a:hover {
	color: #ed6e2b;
}
.book-box .headline h3 {
	font-size: 24px;
	padding-left: 26px;
	border-left: 3px #ed6e2b solid;
	font-weight: normal;
}
.book-box .container {
	height: 184px;
	padding-right: 0;
}
.book-box .container li {
	float: left;
	width: 135px;
	height: 100%;
	position: relative;
	margin-right: 8.5px;
}
.book-box .container img {
	width: 100%;
	height: 100%;
}
.book-box .container .info {
	display: none;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 20%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 0 0;
	color: #fff;
}
.book-box .container li:hover .info {
	display: block;
}
.book-box .container .info span {
	margin-left: 9px;
	margin-right: 9px;
	display: block;
	line-height: 14px;
}
.book-box .container .info p {
	margin: 9px 10px 0;
	line-height: 18px;
	border-top: 1px solid #fff;
	padding-top: 5px;
	overflow: hidden;
	height: 90px;
}
.book-box .container .info a {
	float: right;
}
.book-box .container .info a:hover {
	color: #ff123f;
}
.book-box .container .btn {
	margin-left: 10px;
	text-align: center;
	width: 115px;
	cursor: pointer;
	height: 30px;
	line-height: 28px;
	background-color: #ff123f;
	color: #fff;
}
.book-box .container .btn:hover {
	background-color: #a01832;
	border-color: #a01832;
	color: #fff;
}

/*  列表  */
.warp {
	margin: 20px auto
}
.warp-left {
	float: left;
	width: 225px;
}
.news_nav {
	width: 100%;
	background-color: #fff;
	padding: 10px 0;
	margin-bottom: 20px;
}
.warp-right {
	background-color: #fff;
	width: 895px;
	float: right;
	margin-left: 20px;
	padding-right: 30px;
	padding-left: 30px
}
.warp-right .load {
	height: 700px
}
.clearfloat {
	clear: both
}
.left-head {
	width: 136px;
	height: 55px;
	border-bottom: 1px solid #d9d9d9;
	margin: 20px auto;
}
.left-head a {
	width: 100%;
	color: #333;
	display: inline-block;
	font-size: 30px;
	text-align: center;
}
.verticleNav {
	width: 225px
}
.verticleNav li {
	height: 35px;
	list-style: none;
	text-align: center;
	line-height: 35px;
	margin-bottom: 13px;
	font-size: 15px
}
.verticleNav li a {
	color: #666
}
.verticleNav .tabSelected {
	border-left: 5px solid #ed6e2b
}
.verticleNav .tabSelected a {
	color: #ed6e2b;
	font-size: 18px
}
.verticleNav a:hover {
	color: #ed6e2b
}
.content-list {
	width: 100%;
	height: 178px;
	position: relative;
	border-bottom: 1px solid #f5f5f5
}
.main-left {
	position: absolute;
	margin-top: -62px;
	top: 50%;
	left: 0
}
.main-left,
.main-left img {
	width: 190px;
	height: 125px
}
.main-right {
	width: 685px;
	height: 125px;
	position: absolute;
	left: 210px;
	margin-top: -62px;
	top: 50%
}
.main-right1 {
	width: 590px;
	height: 125px;
	position: absolute;
	left: 210px;
	margin-top: -62px;
	top: 50%
}
.main-title {
	width: 100%;
	height: 25px;
	font-size: 18px;
	position: absolute;
	left: 0;
	top: 0
}
.main-title a {
	color: #494949;
	font-size: 18px;
	display: block;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden
}
.main-title a:hover {
	color: #ed6e2b
}
.main-con {
	width: 685px;
	height: 45px;
	line-height: 23px;
	margin: 40px 0 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px
}
.main-con1 {
	width: 590px;
	height: 45px;
	line-height: 23px;
	margin: 40px 0 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px
}
.main-foot {
	width: 100%;
	height: 15px;
	position: absolute;
	bottom: 5px;
	left: -10px;
	color: #c9c9c9
}
.main-foot span {
	color: #c9c9c9;
	vertical-align: middle
}
.main-foot span a {
	color: #c9c9c9;
}
.main-foot span a:hover {
	color: #ed6e2b;
	text-decoration: underline;
}
.main-foot .img0 {
	top: 0;
	background: url(../images/greyollow.png) no-repeat 50%
}
.main-foot .img0,
.main-foot .img1 {
	display: inline-block;
	width: 26px;
	height: 20px;
	position: relative
}
.main-foot .img1 {
	top: -2px;
	background: url(../images/greyzan.png) no-repeat 50%
}
.main-foot .spacing {
	margin: 0 10px;
	display: inline
}
.jump-page-l {
	line-height: 70px;
	text-align: center;
	width: 100%;
	background-color: #fff;
	padding: 60px 0 0
}
.jump-page-l .pages {
	display: inline-block;
	*display: inline;
	zoom: 1
}
.pages {
	text-align: center;
	color: #999;
	margin: 20px 0;
	line-height: 150%;
	font-size: 12px
}
.pages a b {
	display: inline-block;
	margin-top: 0px;
	letter-spacing: 0px;
	border: none;
	background-color: #ffffff;
	padding: 0;
	color: #666;
	vertical-align: 0;
}
.pages b {
	color: #fff;
	display: inline-block;
	margin-top: 1px;
	letter-spacing: 2px;
	border: 1px solid #ed6e2b;
	background-color: #ed6e2b;
	padding: 7px 12px;
	vertical-align: 2px;
}
.pages a.prev {
	position: relative;
	padding: 8px 15px 8px 30px;
	margin-right: -4px
}
.pages a.next {
	position: relative;
	padding: 8px 30px 8px 15px
}
.pages a {
	vertical-align: top;
	display: inline-block;
	_display: inline;
	zoom: 1;
	border: 1px solid #eee;
	padding: 8px 12px;
	color: #666;
	margin-left: 3px;
	text-decoration: none;
	font-size: 16px;
	background: #fff
}
.pages a:hover {
	border: 1px solid #ed6e2b;
	color: #ed6e2b
}
.pages a.currpage {
	background-color: #ed6e2b;
	border-color: #ed6e2b;
	color: #fff!important;
	cursor: default
}
.pages a.next em,
.pages a.prev em {
	display: inline-block;
	zoom: 1;
	width: 6px;
	height: 12px;
	position: absolute;
	top: 12px
}
.pages a.prev:hover em,
.pages a.prev em {
	background: url() no-repeat
}
.pages a.prev em {
	left: 16px
}
.pages a.next:hover em,
.pages a.next em {
	background: url() no-repeat
}
.pages a.next em {
	right: 15px
}
.bread-list {
	display: inline-block
}
.bread-list,
.bread-list a {
	color: #c8c8c8
}
.bread-list a:hover {
	color: #ed6e2b
}
.warp .bread {
	margin: 32px 0 5px
}

/*  文章  */
.wrap {
	margin: 20px 0;
}
.wrap .bread {
	margin: 25px 0;
}
.wrap-left {
	width: 800px;
	background-color: #fff;
	padding: 0 30px;
	padding-bottom: 30px;
}
.wrap-right {
	width: 250px;
	padding: 25px 30px 0;
	background-color: #fff;
}
.article-info .info {
	margin: 10px 0 15px -10px;
	color: #c9c9c9;
	position: relative;
}
.article-info .info .spacing {
	margin: 0 10px;
}
.article-info .info span {
	color: #c9c9c9;
}
.article-info .info .padd {
	padding: 0 17px;
	position: relative;
}
.article-info .info .go-right {
	padding: 0 0 0 7px;
}
.article-info .info .img-read {
	position: absolute;
	left: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
}
.article-info .info .img-read {
	top: -2px;
	background: url(../images/greyollow.png) no-repeat 50%;
}
.article-info {
	width: 800px
}
.article-content {
	margin-top: 25px;
	font-size: 16px;
	line-height: 32px
}
.article-content p{ margin-bottom:20px;}
.article-content img {
	max-width: 100%
}
.article-content img {
	margin-top: 10px;
	margin-bottom: 10px;
}
.advertise {
	margin-top: 25px
}
.advertise,
.advertise img {
	width: 253px;
	height: 161px
}
.topnews {
	width: 253px;
	padding-bottom: 20px;
}
.news-title {
	font-size: 18px;
	padding-bottom: 15px;
	border-bottom: 1px solid #f1f1f1;
}
.news-list {
	margin-top: 15px
}
.news-list li {
	list-style: none;
	font-size: 14px;
	margin: 5px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	height: 32px
}
.news-list li .circlespan {
	display: inline-block;
	text-align: center;
	font-size: 12px;
	margin-right: 10px
}
.news-list li .circle_1,
.news-list li .circle_2,
.news-list li .circle_3 {
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	background-color: #49b849;
	border-radius: 10px
}
.news-list li .circle_4,
.news-list li .circle_5 {
	color: #49b849;
	border: 1px solid #49b849;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius: 9px
}
.news-list li a:hover {
	color: #49b849
}
.news-list li a {
	font-size: 14px;
	color: #494949
}

/*  课程  */
.pictext-v-nav-area {
	width: 1200px;
	margin: 20px auto;
}
.breadcrumb-area {
	font-size: 12px;
	color: #666;
	margin-bottom: 16px;
}
.breadcrumb-area a {
	color: #999;
}
.breadcrumb-area a:hover {
	color: #ed6e2b;
}
.breadcrumb-area .item {
	color: #666;
}
.breadcrumb-area .arrow {
	margin: 0 5px;
	vertical-align: -1px;
	font-size: 15px;
}
.course_wrapper {
	width: 1200px;
	margin: 20px auto;
	background: #fff;
}
.course_wrapper .frame-view {
	padding: 24px 30px;
}
.left-area .mask-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	cursor: pointer;
	width: 132px;
	height: 44px;
	line-height: 44px;
	text-align: right;
	padding-right: 20px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	box-sizing: border-box;
	margin-top: -22px;
	margin-left: -66px;
	background: url(../images/course_shiting.png) no-repeat;
}
.navTabs {
	height: 52px;
	background: #fff;
	line-height: 51px;
	height: 51px;
	border-bottom: 1px solid #e5e5e5;
	color: #494949;
	font-size: 16px;
	width: 100%;
	z-index: 10
}
.navTabs .item,
.navTabs .itemActive {
	width: 175px;
	text-align: center;
	float: left;
	cursor: pointer
}
.navTabs .item.on {
	color: #333;
	border-bottom: 3px #ed6e2b solid;
	/* background: #49b849; */
	
	height: 48px;
}
.navTabs .itemActive {
	color: #333;
	border-bottom: 3px #ed6e2b solid;
	/* background: #49b849; */
	
	height: 48px;
}
.navTabs .nowPriceTag {
	font-size: 18px
}
.navTabs .tuan-btn {
	display: block;
	line-height: normal;
	margin-top: 6px;
	font-size: 0
}
.navTabs .tuan-btn>span {
	display: inline-block;
	vertical-align: middle;
	height: 38px
}
.navTabs .tuan-btn .tuan-price {
	position: relative;
	padding-right: 16px;
	padding-left: 56px;
	font-size: 28px;
	border-radius: 2px 0 0 2px;
	color: #fff;
	background: linear-gradient(90deg, #fd914c, #ff8437);
	background: #FF8437\9;
	margin-right: -1px\9
}
.navTabs .tuan-btn .tuan-tips {
	font-size: 12px;
	position: absolute;
	left: 16px;
	bottom: 5px
}
.navTabs .tuan-btn .nowPriceTag {
	font-size: 18px
}
.navTabs .tuan-btn .tuan-line {
	width: 27px;
}
.navTabs .tuan-btn .tuan-buy-btn {
	background: #ffc411;
	border-radius: 0 2px 2px 0;
	padding: 0 16px;
	line-height: 38px;
	color: #eb4d0f;
	font-size: 20px
}
.navTabs .vip-jian span.price {
	line-height: 18px;
	font-size: 12px;
	background-color: #fff4e5;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border: 1px solid #f2c48b;
	border-left: 0;
	color: #b27329;
	letter-spacing: 1px;
	padding-left: 5px;
	padding-right: 3px
}
.navTabs .nowPrice {
	font-size: 28px;
	margin-right: 10px;
	color: #ff8c3a;
	float: left
}
.navTabs .buyBtn,
.navTabs .buyInActive,
.navTabs .customized {
	float: right;
	position: relative;
	margin-top: 6px;
	color: #fff;
	background: #ff8c3a;
	line-height: 37px;
	font-size: 20px;
	width: 171px;
	height: 38px;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle
}
.navTabs .buyInActive {
	background: #e8e8e8
}
.navTabs .iconListen {
	display: inline-block;
	background: #ed6e2b;
	color: #fff;
	margin-left: 4px;
	margin-right: -13px;
	vertical-align: 2px;
	border-radius: 13px;
	font-style: normal;
	line-height: 17px;
	font-size: 12px;
	padding: 1px 7px
}
.vipInfoTips-1 {
	width: 240px;
	padding: 10px 19px;
	display: none;
	position: fixed;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
	top: 50px;
	left: 50%;
	z-index: 1000;
	margin-left: 155px
}
.tab-content {
	width: 860px;
	background-color: #fff
}
.navTabs .recommand-area .itemActive,
.recommand-area .item,
.recommand-area .navTabs .itemActive {
	display: inline-block;
	width: 188px;
	padding: 0 12px;
	box-sizing: border-box;
	white-space: normal
}
.navTabs .recommand-area .itemActive .pic,
.recommand-area .item .pic,
.recommand-area .navTabs .itemActive .pic {
	height: 104px
}
.navTabs .recommand-area .itemActive .title,
.recommand-area .item .title,
.recommand-area .navTabs .itemActive .title {
	font-size: 12px;
	color: #494949;
	line-height: 17px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 2px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.navTabs .offshelf-right-part .recommand-area.children-3 .itemActive,
.offshelf-right-part .recommand-area.children-3 .item,
.offshelf-right-part .recommand-area.children-3 .navTabs .itemActive {
	width: 188px
}
.bottom-infos {
	width: 750px;
	padding-top: 36px
}
.bottom-infos span {
	font-size: 16px;
	font-family: PingFangSC-Regular;
	color: #666;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 12px;
	display: block;
	margin-bottom: 12px
}
.bottom-infos p {
	font-size: 14px;
	color: #999;
	margin-bottom: 7px;
	line-height: 150%;
	width: 750px
}
.bottom-infos p.special {
	font-size: 12px
}
.navPanelSide {
	width: 310px;
	background-color: #fff;
	border: 1px solid #f5f5f5
}
.coouse_root {
	padding: 10px 30px 30px;
}
.coouse_root img {
	max-width: 100%;
}
.rich-text-container img {
	width: 80%;
}
.navPanelSide .title {
	color: #666;
	font-size: 18px;
	line-height: 57px;
	border-bottom: 1px solid #eee;
	padding: 0 20px
}
.navPanelSide .likelist {
	padding-left: 20px
}
.navPanelSide .likelist a {
	display: block;
	overflow: hidden;
	padding: 20px 20px 20px 0;
	border-bottom: 1px solid #eee
}
.navPanelSide .likelist a .likeimg {
	float: left;
	width: 120px;
	height: 80px
}
.navPanelSide .likelist a .like-right {
	margin-left: 136px
}
.navPanelSide .likelist a .like-right .classname {
	color: #494949;
	font-size: 14px;
	max-height: 38px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-all
}
.navPanelSide .likelist a .like-right .price {
	color: #ff8c3a;
	font-size: 18px;
	font-weight: 400;
	margin-top: 24px;
	line-height: 18px
}
.navPanelSide .likelist a .like-right .price span {
	font-size: 14px
}
.navPanelSide .likelist a:last-of-type {
	border-bottom: none
}
.btn-area .customIcon,
.btn-area .repaymentIcon,
.payment-tip-area .conditionIcon {
	vertical-align: middle;
	margin-right: 4px
}
.left-area .picCon {
	height: 269px
}
.left-area .picCon,
.left-area .picCon5 {
	position: relative;
	background: url("../images/course_bg.png") 50% no-repeat #f0f0f0
}
.left-area .picCon5 {
	height: 242px
}
.left-area .v5-video-bg {
	width: 430px;
	height: 100%
}
.left-area .ie-pic,
.left-area .pic {
	width: 100%;
	height: 100%;
	outline: none
}
.left-area .ie-pic .ie-tip {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #333;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	-khtml-opacity: .6;
	opacity: .6;
	filter: alpha(opacity=60);
	color: #fff;
	padding: 8px 0;
	text-align: center;
	font-size: 14px
}
.left-area .organization {
	float: left
}
.left-area .aboutUser {
	float: right
}
.left-area .extend {
	color: #999;
	padding: 10px 0 0
}
.left-area .text {
	margin-left: 2px
}
.left-area .star {
	cursor: pointer
}
.left-area {
	width: 430px
}
.right-area {
	width: 680px;
}
.right-area .title {
	font-size: 22px;
	color: #333;
	font-weight: 500;
	margin-bottom: 5px;
	line-height: 1
}
.right-area .title span {
	vertical-align: middle
}

.right-area .mainTitle {
	max-width: 600px;
	display: inline-block;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap
}
.right-area .subTitle {
	line-height: 2;
	color: #666;
	margin-bottom: 5px
}
.right-area .subTitle.on {
	margin-bottom: 12px
}
.right-area .subTitle.on {
	margin-bottom: 12px
}
.right-area .activityTitle {
	color: #ff8c3a;
	line-height: 1;
	margin-bottom: 12px
}
.right-area .activityTitle a {
	color: #ff8c3a
}
.right-area .activityTitle a:hover {
	text-decoration: underline
}
.product-price-area .content {
	background-color: #f6f6f6;
	line-height: 80px;
	font-size: 28px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.product-price-area .content.on {
	line-height: 60px
}
.product-price-area .bgcontent {
	background-color: #f6f6f6;
	line-height: 80px;
	font-size: 28px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.product-price-area .bgcontent.on {
	line-height: 60px
}
.product-price-area .bgcontent .priceTop .origin-price,
.product-price-area .bgcontent .priceTop .pro-price s {
	color: #fff
}
.product-price-area .bgcontent .priceTop .pro-price .c-price {
	color: #ff8c3a;
	background-color: hsla(0, 0%, 100%, .9);
	border-color: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffe6, endColorstr=#ffffffe6)
}
.product-price-area .bgcontent .timeout {
	display: inline-block;
	width: 29.5%;
	text-align: center
}
.product-price-area .bgcontent .timeout .time-ticket {
	display: inline-block;
	color: #fff
}
.product-price-area .bgcontent .timeout .time-ticket.on {
	line-height: 18px;
	vertical-align: -5px
}
.product-price-area .bgcontent .timeout .time-ticket .time-date {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	line-height: 14px
}
.product-price-area .bgcontent .timeout .time-ticket .time-date .t-icon {
	width: 16px;
	height: 16px
}
.product-price-area .bgcontent .timeout .time-ticket .time-date .time-num {
	display: inline-block;
	background: rgba(0, 0, 0, .1);
	padding: 4px;
	border-radius: 2px;
	text-align: center
}
.product-price-area .bgcontent .timeout .time-ticket .time-date .time-num-fixed {
	width: 15px
}
.product-price-area .bgcontent .timeout .time-ticket .time-date .pos {
	display: inline;
	vertical-align: -8px
}
.product-price-area .bgcontent .timeout .time-ticket .time-date .time-num-fixedtwo {
	width: 26px
}
.product-price-area .priceTop {
	display: inline-block;
	width: 70.5%;
	text-align: left;
	float: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.product-price-area .priceTop .origin-price {
	display: inline-block;
	color: #ff8c3a;
	padding-left: 24px
}
.product-price-area .priceTop .origin-price.on {
	color: rgba(255, 140, 58, .5)
}
.product-price-area .priceTop .origin-price .tip {
	font-size: 18px;
	line-height: 18px;
	vertical-align: 2px
}
.product-price-area .priceTop .origin-price .op-price {
	margin-left: -2px
}
.product-price-area .priceTop .origin-price .op-price .smallprice {
	font-size: 14px;
	margin-left: -8px;
	font-weight: 700;
	line-height: 14px
}
.product-price-area .priceTop .pro-price {
	display: inline-block;
	margin-left: -4px
}
.product-price-area .priceTop .pro-price s {
	font-size: 14px;
	line-height: 14px;
	color: #aeaeae
}
.product-price-area .priceTop .pro-price .c-price {
	color: #ff8c3a;
	font-size: 12px;
	line-height: 15px;
	border: 1px solid #ff8c3a;
	text-align: center;
	border-radius: 2px;
	margin-left: 3px;
	display: inline-block;
	padding: 0 3px;
	vertical-align: 3px
}
.product-price-area .timeout {
	display: inline-block;
	width: 29.5%;
	float: right;
	text-align: center
}
.product-price-area .timeout .time-ticket {
	display: inline-block;
	color: #fff
}
.product-price-area .timeout .time-ticket.on {
	line-height: 18px;
	vertical-align: -5px
}
.product-price-area .timeout .time-ticket .time-text {
	color: #49b849;
	cursor: default;
	font-size: 16px;
	text-align: center;
	width: 100%;
	display: inline-block
}
.product-price-area .timeout .time-ticket .time-date {
	color: #666;
	display: inline-block;
	font-size: 0;
	line-height: 12px
}
.product-price-area .timeout .time-ticket .time-date .time-desc,
.product-price-area .timeout .time-ticket .time-date .time-num,
.product-price-area .timeout .time-ticket .time-date .time-on {
	font-size: 12px;
	margin: .5px
}
.product-price-area .timeout .time-ticket .time-date .time-desc {
	margin-right: 2px;
	letter-spacing: .5px
}
.product-price-area .timeout .time-ticket .time-date .time-num-fixedtwo {
	display: inline-block;
	width: 24px
}
.right-area .yhq-area {
	margin-bottom: 20px;
	background: url("../images/neiyquan_pic.png");
	width: 680px;
	height: 80px;
}
.right-area .yhq-area a {
	color: #fff;
	display: inline-block;
	cursor: pointer;
	font-size: 50px;
	height: 100%;
	line-height: 80px;
	text-indent: 50px;
	width: 100%;
	font-weight: bold;
}
.product-price-area .pro-item {
	margin-top: 14px;
	font-size: 12px;
	line-height: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.product-price-area .pro-item .p-title {
	display: inline-block;
	color: #666;
	width: 50px;
	margin-right: 16px;
	text-align: justify;
	text-align-last: justify
}
.product-price-area .p-content {
	display: inline-block;
	color: #333
}
.product-price-area .p-content a {
	color: #333
}
.product-price-area .p-content .list-item-content {
	position: relative
}
.product-price-area .p-content .list-item-content .dialogTips {
	display: none;
	position: absolute;
	width: 200px;
	padding: 15px;
	background: #fff;
	bottom: 40px;
	left: 50%;
	margin-left: -74px;
	z-index: 1;
	box-shadow: 0 0 5px #ccc;
	font-size: 12px;
	line-height: 1.5;
	color: #666
}
.product-price-area .p-content .list-item-content .dialogTips:after {
	background: url(../introv2/images/arrow.png) no-repeat 50%;
	background-size: 100% 100%;
	width: 23px;
	height: 12px;
	content: "";
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -11px;
	color: #666
}
.product-price-area .p-content .list-item-content:hover .dialogTips {
	display: block
}
.product-price-area .p-content .list-item-content .coupon-item.on {
	color: rgba(255, 140, 58, .6)
}
.product-price-area .p-content .list-item-content .coupon-item.on .coupontype+.coupon-price:before {
	border-left: 1px solid rgba(255, 140, 58, .6)
}
.product-price-area .p-content .list-item-content .coupon-item .btn_coupon,
.product-price-area .p-content .list-item-content .coupon-item .pc-left {
	display: inline-block;
	text-align: center
}
.product-price-area .p-content .list-item-content .coupon-item .pc-left {
	width: 86px;
	font-size: 12px;
	margin-left: 2px
}
.product-price-area .p-content .list-item-content .coupon-item .btn_coupon {
	width: 47px;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	margin-left: -3px
}
.product-price-area .p-content .list-item-content .coupon-item .coupon-price,
.product-price-area .p-content .list-item-content .coupon-item .coupontype {
	font-size: 12px
}
.product-price-area .p-content .list-item-content .coupon-item .coupontype+.coupon-price:before {
	color: #ff8c3a;
	content: "";
	font-size: 0;
	padding: 5px 2px 4px;
	margin-left: 1px;
	border-left: 1px solid #ff8c3a;
	vertical-align: top
}
.product-price-area .p-content .son-class-list {
	width: 498px;
	display: inline-block;
	line-height: 30px;
	border: 1px solid #ffac71;
	overflow: hidden;
	vertical-align: middle;
	text-align: right;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.product-price-area .p-content .son-class-list .pc-left {
	width: 79%;
	display: inline-block;
	text-align: left
}
.product-price-area .p-content .son-class-list .pc-right {
	width: 20%;
	display: inline-block
}
.product-price-area .p-content .son-class-list .pc-right .btn-show {
	display: inline-block;
	width: 82px;
	line-height: 30px;
	background: rgba(255, 140, 58, .2);
	color: #ff8c3a;
	text-align: center
}
.product-price-area .p-content .son-class-list .pc-right .btn-hide {
	width: 82px;
	line-height: 30px;
	height: 100%;
	background: rgba(255, 140, 58, .2);
	color: #ff8c3a;
	text-align: center
}
.product-price-area .p-content .son-class-list .hide-input {
	position: absolute;
	clip: rect(0 0 0 0);
	font-size: 1em;
	font-family: inherit
}
.product-price-area .p-content .son-class-list .o-class-list {
	width: 498px;
	border-left: 1px solid #ffac71;
	border-right: 1px solid #ffac71;
	border-bottom: 1px solid #ffac71;
	position: absolute;
	z-index: 10;
	background: #fff;
	display: none;
	left: 0;
	top: 32px
}
.product-price-area .p-content .son-class-list .o-class-list .ocl-item {
	display: block;
	line-height: 30px;
	text-align: left;
	overflow: hidden
}
.product-price-area .p-content .son-class-list .o-class-list .ocl-item:hover {
	background-color: #f4f4f4
}
.product-price-area .p-content .son-class-list .btn-hide,
.product-price-area .p-content .son-class-list .btn-show {
	color: #34538b;
	cursor: pointer
}
.product-price-area .p-content .son-class-list .btn-hide {
	display: none
}
.product-price-area .p-content .son-class-list .class-name {
	display: inline-block;
	width: 70px;
	text-align: left;
	padding-left: 8px
}
.product-price-area .p-content .son-class-list .class-time {
	display: inline-block
}
.product-price-area .class-period {
	color: #333
}
.product-price-area .class-period span {
	color: #333;
	font-size: 12px
}
.product-price-area .giftlist {
	position: absolute;
	background-color: #fff;
	z-index: 11;
	color: #999;
	font-size: 12px;
	overflow: hidden;
	height: 26px;
	letter-spacing: 1px;
	border: 1px solid transparent;
	margin-top: -6px;
	margin-left: -2px;
	width: 512px;
	box-sizing: border-box
}
.product-price-area .giftlist .ghide-input {
	position: absolute;
	clip: rect(0 0 0 0);
	font-size: 1em;
	font-family: inherit
}
.product-price-area .giftlist .hui-icon-carat-u-small {
	display: none
}
.product-price-area .giftlist .giftitem {
	line-height: 26px;
	padding: 0 0 0 6px
}
.product-price-area .giftlist .giftitem .giftname {
	display: inline-block;
	width: 388px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: bottom
}
.product-price-area .giftlist .giftitem .gifttotal {
	display: inline-block;
	color: #666;
	width: 96px;
	text-align: right
}
.product-price-area .giftlist .giftitem .gifttotal span {
	color: #ff8c3a
}
.product-price-area .giftlist.multon:hover {
	height: auto;
	border: 1px solid #dadada
}
.product-price-area .giftlist.multon:hover .hui-icon-carat-d-small {
	display: none
}
.product-price-area .giftlist.multon:hover .hui-icon-carat-u-small {
	display: inline
}
.product-price-area .selectmoclass {
	position: relative
}
.product-price-area .selectmoclass:hover .o-class-list {
	display: block
}
.product-price-area .selectmoclass:hover .pc-right .btn-show {
	display: none
}
.product-price-area .selectmoclass:hover .pc-right .btn-hide {
	display: inline-block
}
.btn-area .buy,
.btn-area .buyInActive,
.btn-area .customized {
	display: inline-block;
	width: 182px;
	height: 44px;
	background: #ed6e2b;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 44px;
	border-radius: 3px;
	margin-right: 24px
}
.btn-area .buyInActive {
	cursor: default;
	background: #e8e8e8
}
.btn-area .buyInActive:hover {
	background: #e8e8e8
}
.btn-area .consult {
	display: inline-block;
	width: 128px;
	line-height: 42px;
	border-radius: 3px;
	border: 1px solid #ff8c3a;
	color: #ff8c3a;
	text-align: center;
	font-size: 18px;
	height: 44px;
	box-sizing: border-box
}
.btn-area .btns {
	margin-bottom: 16px
}
.btn-area.root {
	margin-top: 24px
}
.btn-area .text {
	vertical-align: -2px
}
.payment-tip-area .interestFreeIcon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1px;
	width: 15px;
	height: 15px
}
.payment-tip-area .interestFreeIcon.icon-freedelay {
	background: url(../images/ico_baojia.png) no-repeat;
	background-size: 100%;
}
.payment-tip-area .interestFreeIcon.icon-15 {
	background: url(../images/ico_yanqi.png) no-repeat;
	background-size: 100%;
}
.payment-tip-area.otherInfoList a {
	color: #9f9f9f;
	vertical-align: -1px;
	margin-left: -1px
}
.payment-tip-area .otherInfoItem {
	margin-right: 24px;
	position: relative
}
.payment-tip-area .otherInfoItem:hover .dialogTips {
	display: block
}
.payment-tip-area .dialogTips {
	display: none;
	position: absolute;
	width: 204px;
	bottom: 30px;
	left: 50%;
	margin-left: -102px;
	z-index: 1;
	color: #666;
	text-align: center
}
.payment-tip-area .dialogTips .dialogTips-inner {
	display: inline-block;
	padding: 15px;
	background: #fff;
	box-shadow: 0 0 5px #ccc;
	font-size: 12px;
	line-height: 1.5;
	position: relative;
	text-align: left
}
.payment-tip-area .dialogTips .dialogTips-inner:after {
	background-size: 100% 100%;
	width: 23px;
	height: 12px;
	content: "";
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -11px;
	color: #666
}
.navPanelMain .root {
	line-height: 1.5;
	font-size: 14px
}
.navPanelMain .root img {
	max-width: 750px;
	vertical-align: middle
}
.navPanelMain .title {
	color: #ff8c3a;
	font-size: 20px;
	line-height: 60px
}
.navPanelMain .icon {
	display: inline-block;
	vertical-align: -3px;
	width: 8px;
	height: 20px;
	background: #ff8c3a;
	margin-right: 11px
}
.navPanelMain .next,
.navPanelMain .prev {
	position: absolute;
	top: 80px;
	width: 19px;
	height: 35px;
	cursor: pointer;
	z-index: 1
}
.navPanelMain .prev {
	left: 10px;
}
.navPanelMain .next {
	right: 10px;
}
.navPanelMain .next.disabled,
.navPanelMain .prev.disabled {
	cursor: default;
	opacity: .5
}
.navPanelMain .classTimePanel {
	background: #f8f8f8;
	padding: 40px 40px 1px;
	margin-bottom: 20px
}
.navPanelMain .timeLineBox {
	width: 509px;
	position: relative;
	margin: 0 auto;
	font-size: 14px;
	height: 112px;
	margin-bottom: 20px
}
.navPanelMain .timelineTotal {
	text-align: center;
	line-height: 31px
}
.navPanelMain .timelineTotal .green {
	font-size: 30px;
	color: #ff8c3a
}
.navPanelMain .timelineStart {
	position: absolute;
	left: -78px;
	top: 63px;
	line-height: 22px;
	color: #999;
	text-align: center;
	width: 300px
}
.navPanelMain .timelineStart .green {
	font-size: 18px;
	color: #ff8c3a
}
.navPanelMain .timelineEnd {
	position: absolute;
	right: -75px;
	top: 63px;
	color: #999;
	line-height: 22px;
	text-align: center;
	width: 300px
}
.navPanelMain .timelineEnd .green {
	font-size: 18px;
	color: #ff8c3a
}
.navPanelMain .briefBlock {
	margin-bottom: 10px;
	overflow: hidden
}
.navPanelMain .briefBlock img {
	max-width: 100%
}
.navPanelMain .goal,
.navPanelMain .serviceObject {
	min-height: 82px;
	position: relative;
	overflow: hidden;
	padding-right: 20px
}
.navPanelMain .goal img,
.navPanelMain .serviceObject img {
	max-width: 100%
}
.navPanelMain .goal>div,
.navPanelMain .goal>p,
.navPanelMain .serviceObject>div,
.navPanelMain .serviceObject>p {
	padding-left: 100px;
	line-height: 28px;
	color: #666
}
.navPanelMain .iconClassRoles {
	background: url(../images/icon-class-role.png) no-repeat
}
.navPanelMain .iconGoal {
	background: url(../images/icon-goal.png) no-repeat;
	left: 30px
}
.navPanelMain .iconClassRoles,
.navPanelMain .iconGoal {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 82px;
	height: 82px;
}
.navPanelMain .selfExam {
	text-align: center
}
.navPanelMain .selfExam a {
	display: inline-block;
	color: #fff;
	line-height: 30px;
	padding: 0 15px;
	background: #74cd55;
	font-size: 14px;
	border-radius: 2px
}
.navPanelMain .selfExam a:hover {
	background: #5fb740
}
.teac_nav {
	width: 100%;
	background-color: #fff;
	padding: 10px 0;
	margin-bottom: 20px;
}
.teac_list {
	margin: 20px auto;
	width: 895px;
	overflow: hidden;
}
.teac_list ul {
	width: 920px;
}
.teac_list ul li {
	float: left;
	border: 1px #f0f0f0 solid;
	width: 203px;
	margin-right: 25px;
	display: inline-block;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.teac_list ul li:hover {
	border: 1px #ed6e2b solid;
}
.teac_list ul li .teacher_t_img img {
	width: 100%;
}
.teac_list ul li .teacher_t_img a {
	display: block;
	width: 203px;
	background-color: #676767
}
.teac_list ul li .teacher_t_img {
	width: 203px;
	height: 254px;
	overflow: hidden;
}
.teac_list ul li .teacher_t_name {
	width: 203px;
	text-align: center;
	margin: 10px 0;
}
.teac_list ul li .teacher_t_name h3 {
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.teac_list ul li .teacher_t_name p {
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}
.teac_list ul li .teacher_t_btn {
	margin: 0 auto;
	text-align: center;
	height: 30px;
}
.teac_list ul li .teacher_t_btn a {
	display: inline-block;
	padding: 5px 0;
	width: 100px;
	background-color: #fff;
	color: #ed6e2b;
	border: 1px #ed6e2b solid;
}
.teac_list ul li .teacher_t_btn a:hover {
	background-color: #ed6e2b;
	color: #fff;
	border: 1px #ed6e2b solid;
}
.textform_nav {
	border: 1px solid #f0f0f0;
	margin-bottom: 20px;
	background: #fff;
	padding-bottom: 20px;
}
.textform_nav h4 {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #666;
	text-indent: 22px;
}
.textform_nav .textform_nav_txt {
	width: 80%;
	margin: 0 auto 5px;
}
.textform_nav .textform_nav_btn {
	width: 80%;
	margin: 0 auto;
}
.textform_nav .textform_nav_txt input {
	width: 100%;
	padding: 5px 0;
	border: 1px #e9e9e9 solid;
	text-indent: 10px;
}
.textform_nav .textform_nav_txt select {
	width: 100%;
	padding: 5px 0;
	border: 1px #e9e9e9 solid;
	text-indent: 6px;
	font-size: 14px;
	color: #666;
}
.textform_nav .textform_nav_btn input {
	width: 100%;
	padding: 10px 0;
	font-size: 16px;
	color: #fff;
	background-color: #ed6e2b;
	border: none;
}

/* 雅思备考工具 */
.encyclopedia {
	border: 1px solid #f0f0f0;
	background: #fff;
	margin-bottom: 20px;
}
.encyclopedia h4 {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #666;
	text-indent: 22px;
}
.encyclopedia .list {
	float: left;
	width: 111px;
	height: 96px;
	border-top: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	font-size: 14px;
	color: #666;
	text-align: center;
}
.encyclopedia .list:hover {
	color: #ffa000;
}
.encyclopedia .list2,
.encyclopedia .list4,
.encyclopedia .list6,
.encyclopedia .list8 {
	width: 110px;
	border-right: 0;
	border-left: 0;
}
.encyclopedia .icon {
	margin: 20px auto 8px;
	display: block;
	width: 32px;
	height: 32px;
	background: url("../images/encyclopedia_icon.png") no-repeat;
}
.encyclopedia .list1 .icon {
	background-position: 0px 0;
}
.encyclopedia .list1:hover .icon {
	background-position: 0px -37px;
}
.encyclopedia .list2 .icon {
	background-position: -37px 0;
}
.encyclopedia .list2:hover .icon {
	background-position: -37px -37px;
}
.encyclopedia .list3 .icon {
	background-position: -74px 0;
}
.encyclopedia .list3:hover .icon {
	background-position: -74px -37px;
}
.encyclopedia .list4 .icon {
	background-position: -111px 0;
}
.encyclopedia .list4:hover .icon {
	background-position: -111px -37px;
}
.encyclopedia .list5 .icon {
	background-position: -148px 0;
}
.encyclopedia .list5:hover .icon {
	background-position: -148px -37px;
}
.encyclopedia .list6 .icon {
	background-position: 0px -74px;
}
.encyclopedia .list6:hover .icon {
	background-position: 0px -111px;
}
.encyclopedia .list7 .icon {
	background-position: -37px -74px;
}
.encyclopedia .list7:hover .icon {
	background-position: -37px -111px;
}
.encyclopedia .list8 .icon {
	background-position: -74px -74px;
}
.encyclopedia .list8:hover .icon {
	background-position: -74px -111px;
}
.encyclopedia .list9 .icon {
	background-position: -111px -74px;
}
.encyclopedia .list9:hover .icon {
	background-position: -111px -111px;
}
.encyclopedia .list10 .icon {
	background-position: -148px -74px;
}
.encyclopedia .list10:hover .icon {
	background-position: -148px -111px;
}
.warp-course {
	float: right;
	margin-left: 20px;
}
.warp-course .listCourse {}
.warp-course .listCourse .courseHd {
	width: 955px;
	background-color: #fff;
	margin-bottom: 20px;
}
.warp-course .listCourse .courseBd {
	width: 895px;
	padding: 20px 30px;
	background-color: #fff;
}
.coupon-filter-wrapper .coupon-filter.coupon-cate-filter .filter-item {
	border-bottom-style: dashed
}
.thirdCateList {
	width: 100%;
	margin: 0;
	line-height: 56px;
	box-sizing: border-box
}
.thirdCateList a {
	display: block;
	float: left;
	padding: 0 0 0 30px;
	margin-right: 10px
}
.thirdCateList a span {
	display: block;
	font-size: 14px;
	color: #494949;
	border-bottom: 2px solid transparent
}
.thirdCateList .on span {
	color: #ed6e2b;
	border-bottom: 3px solid #ed6e2b
}
.courseBd .course-ul .course-li {
	border-bottom: 0;
	position: relative;
}
.courseBd .coursetb .course-image {
	width: 180px;
	height: 114px;
}
.courseBd .course-ul .course-li:after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	border-bottom: 1px solid #f2f2f2;
	position: absolute;
	bottom: 0;
}
.courseBd .course-ul .course-li .course-title-section {
	font-size: 0;
	height: 24px;
	line-height: 24px
}
.courseBd .course-ul .course-li .course-title-section:after {
	font-size: 0;
	content: "";
	height: 24px;
	display: inline-block;
	vertical-align: middle
}
.courseBd .course-ul .course-li .course-title-section .course-title {
	height: auto;
	line-height: normal;
	vertical-align: middle
}
.courseBd .course-ul .course-li .course-title-section .audition {
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	display: inline-block;
	padding-left: 30px;
	zoom: 1;
	line-height: 14px;
	font-size: 14px;
	color: #57bc4c;
}
.courseBd .course-ul .course-li .course-title-section .audition i {
	background-image: url(../images/shiting_link.png);
	position: absolute;
	left: 10px;
	width: 16px;
	height: 16px;
}
.courseBd .course-ul .course-li .open-course {
	bottom: 50%;
	position: absolute;
	right: 0;
	margin-bottom: -16px
}
.courseBd .course-txt-box .course-title {
	color: #333;
	line-height: 22px
}
.courseBd .course-txt-box .course-desc {
	color: #7d7d7d;
	line-height: 22px;
	margin-top: 6px
}
.courseBd .course-txt-box .course-desc .highlight {
	color: #49b849
}
.courseBd .course-txt-box .course-price {
	margin-top: 19px
}
.courseBd .course-txt-box .course-price .price-num {
	vertical-align: -1px;
	font-weight: 500
}
.courseBd .course-txt-box .course-price .price-now,
.courseBd .course-txt-box .course-price .price-unit {
	font-size: 20px;
	color: #ff8c3a
}
.courseBd .course-txt-box .course-price .price-now .price-small,
.courseBd .course-txt-box .course-price .price-unit .price-small {
	font-size: 14px;
	font-weight: 500;
	padding-right: 2px
}
.coupon-filter-wrapper .coupon-filter {
	padding: 0 30px;
	font-size: 14px
}
.coupon-filter-wrapper .coupon-filter .filter-item {
	border-bottom: 1px solid #f2f2f2;
	list-style: none
}
.coupon-filter-wrapper .coupon-filter .filter-item.last-item,
.coupon-filter-wrapper .coupon-filter .filter-item:last-child {
	border-width: 0!important
}
.coupon-filter-wrapper .coupon-filter.coupon-cate-filter {
	border-top: 1px solid #f2f2f2
}
.coupon-filter-wrapper .coupon-filter tr {
	border-bottom: 1px solid #f2f2f2
}
.coupon-filter-wrapper .coupon-filter.coupon-cate-filter .filter-item {
	border-bottom: 1px solid #f2f2f2
}
.coupon-filter-wrapper .coupon-filter tr b {
	float: left;
	display: block;
	font-weight: normal;
	width: 90px;
	height: 48px;
	color: #999;
	line-height: 48px
}
.coupon-filter-wrapper .coupon-filter .filter-item-title {
	float: left;
	display: block;
	width: 90px;
	height: 48px;
	color: #999;
	line-height: 48px
}
.coupon-filter-wrapper .coupon-filter .filter-detail {
	float: left;
	width: 800px;
	position: relative;
}
.coupon-filter-wrapper .coupon-filter tr td a {
	float: left;
	padding: 0 14px;
	color: #494949;
	margin: 12px 0;
	border-radius: 50px;
	list-style: none;
	line-height: 24px;
	cursor: pointer
}
.coupon-filter-wrapper .coupon-filter tr td .changefieldandcss {
	background-color: #ed6e2b;
	color: #ffffff;
}
.coupon-filter-wrapper .coupon-filter .filter-detail-item {
	float: left;
	padding: 0 14px;
	color: #494949;
	margin: 12px 0;
	border-radius: 50px;
	list-style: none;
	line-height: 24px;
	cursor: pointer
}
.coupon-filter-wrapper .coupon-filter .filter-item .filter-detail .mx {
	margin-right: 50px;
}
.coupon-filter-wrapper .coupon-filter .filter-detail .mx:after {
	position: absolute;
	top: 15px;
	left: 268px;
	content: '';
	width: 32px;
	height: 16px;
	background: url(../images/menu_ico1.png) no-repeat;
}
.coupon-filter-wrapper .coupon-filter .filter-detail-item.cur {
	color: #52b231
}
.coupon-filter-wrapper .coupon-filter .coupon-select {
	margin: 14px 0
}
.coupon-filter-wrapper .coupon-filter .more-filter-item {
	float: right;
	color: #999;
	font-size: 12px
}
.coupon-filter-wrapper .coupon-filter .more-filter-item:hover {
	color: #52b231
}
.coupon-filter-wrapper .coupon-filter .filter-detail-spacer {
	display: inline-block;
	margin-top: 18px;
	padding: 0;
	width: 12px;
	height: 12px;
	background-position: 0 -31px;
	vertical-align: middle
}
.coupon-filter-wrapper .coupon-filter .filter-detail-spacer.icon_next-active,
.coupon-filter-wrapper .coupon-filter .filter-detail-spacer:active {
	background-position: 0 -55px
}
.coupon-filter-wrapper .coupon-filter .hui-select-wrapper {
	position: absolute;
	top: 24px;
	right: 0;
	left: 0;
	padding-top: 16px
}
.coupon-filter-wrapper .coupon-filter .hui-select {
	z-index: 1
}
.coupon-filter-wrapper .coupon-filter .hui-select-btn {
	margin-top: 12px;
	padding: 0 6px 0 12px;
	height: 24px;
	border: 1px dashed #cecece;
	line-height: 24px
}
.coupon-filter-wrapper .coupon-filter .hui-select-btn:hover {
	border-color: #52b231
}
.coupon-filter-wrapper .coupon-filter .hui-select-con {
	top: 12px;
	min-width: 120px;
	border-color: #cecece
}
.coupon-filter-wrapper .coupon-filter .hui-select-con .icon-select-bg {
	position: absolute;
	top: -7px;
	left: 18px;
	display: inline-block;
	width: 13px;
	height: 7px;
	background-position: 0 -24px;
	vertical-align: middle
}
.coupon-filter-wrapper .coupon-filter .hui-select-list li {
	padding: 0 15px;
	height: 36px;
	color: #494949;
	line-height: 36px
}
.coupon-filter-wrapper .coupon-filter .hui-select-list li:hover {
	background-color: #f5f5f5
}
.courseBd .coursetb {
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.courseBd .coursetb .course-image-box {
	float: left;
}
.courseBd .coursetb .course-image-link {
	margin-right: 30px
}
.courseBd .course-txt-box {
	float: left;
	line-height: 24px
}
.courseBd .course-txt-box .course-title {
	display: inline-block;
	height: 24px;
	color: #666;
	font-size: 16px;
	font-weight: 600;
	vertical-align: top;
	max-width: 500px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.courseBd .course-txt-box .course-title:hover {
	color: #ed6e2b;
}
.courseBd .course-txt-box .course-desc {
	overflow-y: hidden;
	height: 24px;
	color: #666;
	font-size: 14px;
	display: block;
	max-width: 600px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.courseBd .course-txt-box .course-desc span {
	margin-right: 10px;
	display: inline-block;
}
.courseBd .course-txt-box .course-desc span i {
	border: 1px solid #d8d8d8;
	height: 24px;
	line-height: 22px;
	padding: 0 5px;
	color: #999;
	font-style: normal;
	margin-right: 5px;
	border-radius: 20px;
}
.courseBd .course-txt-box .course-info {
	color: #999
}
.courseBd .course-txt-box .title-sperate {
	padding: 0 12px
}
.courseBd .course-txt-box .course-start {
	padding: 0 4px;
	background-color: #faefe6;
	color: #ff730d
}
.courseBd .course-txt-box .course-time {
	padding-right: 8px
}
.courseBd .course-txt-box .course-price {
	margin-top: 4px
}
.courseBd .course-txt-box .course-price .price-now {
	padding-right: 4px;
	color: #f60;
	font-size: 24px
}
.courseBd .open-course .btn-open {
	display: block;
	font-size: 14px;
	color: #ed6e2b;
	width: 88px;
	height: 30px;
	border: 1px solid #ed6e2b;
	line-height: 30px;
	text-align: center;
	border-radius: 2px
}
.courseBd .open-course .btn-open:hover {
	background-color: #ed6e2b;
	color: #fff
}
.courseBd .open-course .course-collect {
	color: #666
}
.teacher_wrapper {
	width: 1200px;
	margin: 20px auto;
	background: #fff;
}
.teacher_wrapper .frame-view {
	padding: 24px 30px;
}
.teacher_wrapper .left-teac .picCon {
	position: relative;
	width: 260px;
	height: 330px;
	overflow: hidden;
	background-color: #666;
}
.teacher_wrapper .left-teac .pic {
	width: 100%;
	height: 100%;
	display: inline-block;
	outline: none;
}
.teacher_wrapper .left-teac .organization {
	float: left
}
.teacher_wrapper .left-teac .aboutUser {
	float: right
}
.teacher_wrapper .left-teac .extend {
	color: #999;
	padding: 10px 0 0
}
.teacher_wrapper .left-teac .text {
	margin-left: 2px
}
.teacher_wrapper .left-teac .star {
	cursor: pointer
}
.teacher_wrapper .left-teac {
	width: 260px;
	margin-right: 40px;
	display: inline-block;
}
.teacher_wrapper .right-teac {
	width: 840px;
}
.teacher_wrapper .right-teac h3 {
	line-height: 60px;
	font-size: 30px;
	font-weight: normal;
	width: 100%;
	border-bottom: 1px solid #f1f1f1;
	color: #666;
}
.teacher_wrapper .right-teac h3 span {
	padding-left: 20px;
	font-style: normal;
	font-weight: lighter;
}
.teacher_wrapper .right-teac .title {
	font-size: 18px;
	color: #333;
	font-weight: 500;
	margin-bottom: 5px;
	line-height: 1
}
.teacher_wrapper .right-teac .tea-xuek {
	padding: 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f1f1;
}
.teacher_wrapper .right-teac .tea-xuek p {
	font-size: 16px;
	line-height: 40px;
}
.teacher_wrapper .right-teac .tea-xuek p span {
	color: #666;
}
.teacher_wrapper .right-teac .title span {
	vertical-align: middle
}
.teacher_wrapper .right-teac .mainTitle {
	max-width: 600px;
	display: inline-block;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap
}
.teacher_wrapper .right-teac .subTitle {
	line-height: 1;
	color: #666;
	margin-bottom: 5px
}
.teacher_wrapper .right-teac .subTitle.on {
	margin-bottom: 12px
}
.teacher_wrapper .right-teac .subTitle.on {
	margin-bottom: 12px
}
.teacher_wrapper .right-teac .activityTitle {
	color: #ff8c3a;
	line-height: 1;
	margin-bottom: 12px
}
.teacher_wrapper .right-teac .activityTitle a {
	color: #ff8c3a
}
.teacher_wrapper .right-teac .activityTitle a:hover {
	text-decoration: underline
}
.teacher_wrapper .left-teac .mask-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	cursor: pointer;
	width: 132px;
	height: 44px;
	line-height: 44px;
	text-align: right;
	padding-right: 20px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	box-sizing: border-box;
	margin-top: -22px;
	margin-left: -66px;
	background: url(../images/course_shiting.png) no-repeat;
}
.xueyuan_root {
	padding: 0 30px;
}
.pingjia_root {
	padding: 30px;
}
.jinqi_root {
	padding: 20px 30px;
}
.pingjia_root ul li {
	border-bottom: 1px #f5f5f5 solid;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.pingjia_root ul li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0;
}
.pingjia_root ul li .xyplTop .xyplPic {
	float: left;
	height: 40px;
	overflow: hidden;
}
.pingjia_root ul li .xyplTop .xyplPic img {
	width: 40px;
	min-height: 40px;
	float: left;
	border-radius: 50px;
}
.pingjia_root ul li .xyplTop .xyplName {
	float: left;
	font-size: 12px;
	color: #888888;
	line-height: 40px;
	margin-left: 20px;
}
.pingjia_root ul li .xyplTop .xyplDafen {
	float: left;
	margin-left: 20px;
	line-height: 40px;
}
.pingjia_root ul li .xyplTop .xyplDafen img {
	width: 90px;
	display: inline-block;
	vertical-align: 2px;
}
.pingjia_root ul li .xyplCon {
	margin-top: 10px;
	margin-bottom: 10px;
}
.pingjia_root ul li .xyplCon p {
	font-size: 16px;
}
.pingjia_root ul li .xyplBottom span {
	font-size: 12px;
	color: #bbbbbb;
}
.pingjia_root ul li .xyplBottom span a {
	color: #bbbbbb;
}

/* 雅思备考工具 */
.encyclopedia1 {
	background: #fff;
	margin-bottom: 20px;
}
.encyclopedia-content1 {
	border: 1px dashed #e5e5e5;
}
.encyclopedia1 h4 {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #666;
	font-weight: normal;
}
.encyclopedia1 .list {
	float: left;
	width: 81px;
	height: 96px;
	border-top: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	font-size: 14px;
	color: #666;
	text-align: center;
}
.encyclopedia1 .list:hover {
	color: #ffa000;
}
.encyclopedia1 .list3,
.encyclopedia1 .list6,
.encyclopedia1 .list8 {
	width: 82px;
	border-right: 0;
	border-left: 0;
}
.encyclopedia1 .icon {
	margin: 20px auto 8px;
	display: block;
	width: 32px;
	height: 32px;
}
.encyclopedia1 .list1 .icon {
	background-position: 0px 0;
}
.encyclopedia1 .list1:hover .icon {
	background-position: 0px -37px;
}
.encyclopedia1 .list2 .icon {
	background-position: -37px 0;
}
.encyclopedia1 .list2:hover .icon {
	background-position: -37px -37px;
}
.encyclopedia1 .list3 .icon {
	background-position: -74px 0;
}
.encyclopedia1 .list3:hover .icon {
	background-position: -74px -37px;
}
.encyclopedia1 .list4 .icon {
	background-position: -111px 0;
}
.encyclopedia1 .list4:hover .icon {
	background-position: -111px -37px;
}
.encyclopedia1 .list5 .icon {
	background-position: -148px 0;
}
.encyclopedia1 .list5:hover .icon {
	background-position: -148px -37px;
}
.encyclopedia1 .list6 .icon {
	background-position: 0px -74px;
}
.encyclopedia1 .list6:hover .icon {
	background-position: 0px -111px;
}
.encyclopedia1 .list7 .icon {
	background-position: -37px -74px;
}
.encyclopedia1 .list7:hover .icon {
	background-position: -37px -111px;
}
.encyclopedia1 .list8 .icon {
	background-position: -74px -74px;
}
.encyclopedia1 .list8:hover .icon {
	background-position: -74px -111px;
}
.encyclopedia1 .list9 .icon {
	background-position: -111px -74px;
}
.encyclopedia1 .list9:hover .icon {
	background-position: -111px -111px;
}
.encyclopedia1 .list10 .icon {
	background-position: -148px -74px;
}
.encyclopedia1 .list10:hover .icon {
	background-position: -148px -111px;
}
.course_content .title {
	color: #666;
	font-size: 18px;
	line-height: 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid #eee;
}
.course_content .likelist {}
.course_content .likelist a {
	display: block;
	overflow: hidden;
	padding: 20px 20px 20px 0;
	border-bottom: 1px solid #eee
}
.course_content .likelist a .likeimg {
	float: left;
	width: 120px;
	height: 80px
}
.course_content .likelist a .like-right {
	margin-left: 136px
}
.course_content .likelist a .like-right .classname {
	color: #494949;
	font-size: 14px;
	max-height: 38px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-all
}
.course_content .likelist a .like-right .price {
	color: #ff8c3a;
	font-size: 18px;
	font-weight: 400;
	margin-top: 24px;
	line-height: 18px
}
.course_content .likelist a .like-right .price span {
	font-size: 14px
}
.course_content .likelist a:last-of-type {
	border-bottom: none;
}
.mod-qrcode {
	margin: 40px auto 40px;
	padding: 20px;
	width: 700px;
	height: 120px;
	background: #F7F7F7;
	border: 1px solid #DDD;
	overflow: hidden
}
.mod-qrcode .code {
	float: left;
	margin-right: 40px
}
.mod-qrcode .code img {
	width: 120px;
	height: 120px
}
.mod-qrcode h6 {
	margin: 30px 0 20px;
	font-size: 20px
}
.mod-qrcode p {
	font-size: 14px
}
.mod-related-content {
	background: #fff;
	overflow: hidden
}
.mod-related-content .mrc-hd {
	height: 41px;
	border-bottom: 1px solid #EEE;
	position: relative;
	padding-bottom: 2px;
	padding-bottom: 0
}
.mod-related-content .mrc-hd i.bar {
	position: absolute;
	left: -24px;
	top: 3px
}
.mod-related-content .mrc-hd h3 {
	color: #333;
	display: inline-block;
	font-size: 18px;
	line-height: 40px;
	font-weight: normal
}
.mod-related-content .mrc-hd .tab-top li {
	margin-left: 25px;
	float: left;
	font-size: 16px;
	color: #333;
	position: relative;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	cursor: pointer
}
.mod-related-content .mrc-hd .tab-top li.on {
	border-bottom: #fd7923 2px solid
}
.mod-related-content .mrc-bd {
	padding-bottom: 25px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	line-height: 35px;
	font-size: 14px
}
.mod-related-content .mrc-bd a:link {
	color: #333
}
.mod-related-content .mrc-bd a:visited {
	color: #999
}
.mod-related-content .mrc-bd a:hover {
	color: #ff7900
}
.mod-related-content .mrc-bd ul {
	padding: 20px 0 0;
}
.mod-related-content .mrc-bd li {
	float: left;
	width: 50%;
	height: 40px;
	overflow: hidden
}
.mod-related-content .mrc-bd li a {
	width: 90%;
	overflow: hidden;
	display: inline-block;
}
.mod-related-content .mrc-bd .course-loading {
	display: block;
	margin: 30px auto 0;
	width: 28px;
	height: 28px;
}
.mod-chapters {
	padding: 20px 0;
	background: #fff;
	border-top: 1px solid #f2f2f2;
	color: #333;
	font-size: 14px
}
.mod-chapters a {
	color: #333
}
.mod-chapters a:hover {
	color: #ff7900
}
.mod-chapters .item {
	height: 32px;
	line-height: 32px
}