@charset "utf-8";
/* CSS Document */

.warp {
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
	background: #F2F2F2;
	border: solid #F00 0px;
	overflow: hidden
}
.center {
	width: 1200px;
	margin: 0 auto
}
.table {
	display: table
}
.table .table-cell {
	display: table-cell;
	vertical-align: middle
}
.left {
	float: left;
	width: 290px
}
.right {
	float: right;
	width: 890px
}
.banner {
	background: url(../images/banner-bj.jpg) center no-repeat;
	height: 242px;
	position: relative
}
.banner .logo {
	margin-left: -600px;
	position: absolute;
	top: 21px;
	left: 50%
}
.banner .banner-1 {
	text-align: center;
	padding-top: 52px
}
.banner .source {
	font-size: 12px;
	color: #f8f8f8;
	line-height: 22px;
	letter-spacing: 2px;
	background: url(../images/source-logo.png) left no-repeat;
	padding-left: 32px;
	margin-right: -600px;
	position: absolute;
	bottom: 12px;
	right: 50%
}
.contaniner {
	margin-top: 10px
}
/*  左侧  */
.left-title {
	background: #005EB5;
	font-size: 18px;
	text-align: center;
	line-height: 22px;
	padding: 10px 0;
	letter-spacing: 1.2px;
}
.left-title a {
	color: #fff;
}
.slide .slideItem {
	margin-bottom: 1px
}
.slide .slideHead {
	background: #377ED0;
	line-height: 30px;
	padding: 9px 0 8px 59px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	position: relative
}
.slide .slideHead:before {
	content: "";
	width: 8px;
	height: 8px;
	border: solid 1px #FFF;
	border-bottom: none;
	border-left: none;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	right: 28px;
	transform: rotate(45deg)
}
.slide .slideItem.on .slideHead:before {
	transform: rotate(135deg)
}
.slide .slideBody {
	background: #FFF;
	display: none
}
.slide .slideBody ul {
	padding: 5px 0;
}
.slide .slideBody li {
	font-size: 14px;
	color: #333;
	line-height: 19px;
	padding: 5px 0 5px 59px
}
.slide .slideBody li a:hover {
	color: #377ed0
}
.slide .slideLink {
	background: #377ED0;
	line-height: 19px;
	padding: 9px 0 8px 59px;
	font-size: 14px;
	color: #fff
}
.slide .slideLink a {
	color: #FFF;
	text-decoration: none
}
.switch {
	margin-top: 0px
}
.switch .switch-cont {
	height: 204px;
	background: #FFF;
	overflow: hidden
}
.switch .switch-cont li {
	height: 204px;
	overflow: hidden
}
.switch .switch-cont li a {
	display: block;
	width: 248px;
	height: 60px;
	margin: 0 auto;
	text-decoration: none;
	position: relative
}
.switch .switch-cont li a.primary {
	background: url(../images/primary-bj.png) no-repeat;
	margin-top: 28px
}
.switch .switch-cont li a.intermediate {
	background: url(../images/intermediate-bj.png) no-repeat;
	margin-top: 33px;
	text-align: right
}
.switch .switch-cont li a.primary span {
	display: block;
	font-size: 14px;
	color: #e4393c;
	line-height: 20px;
	padding: 14px 0 0 6px
}
.switch .switch-cont li a.primary span i {
	font-style: normal;
	display: inline-block;
	background: #E4393C;
	color: #FFF;
	border-radius: 5px;
	padding: 0 3px;
	margin-left: 6px
}
.switch .switch-cont li a.primary p {
	font-size: 12px;
	color: #e4393c;
	line-height: 19px;
	padding-left: 6px
}
.switch .switch-cont li a.primary img {
	position: absolute;
	top: -17px;
	right: 14px
}
.switch .switch-cont li a.intermediate span {
	display: block;
	text-align: right;
	font-size: 14px;
	color: #e4393c;
	line-height: 20px;
	padding: 12px 12px 0 0
}
.switch .switch-cont li a.intermediate span i {
	font-style: normal;
	display: inline-block;
	font-weight: bold;
	font-size: 16px;
	color: #e4393c;
	margin-left: 6px
}
.switch .switch-cont li a.intermediate p {
	display: inline-block;
	background: #FE9A2A;
	line-height: 20px;
	border-radius: 3px;
	padding-left: 12px;
	font-size: 12px;
	color: #fff;
	margin-right: 12px
}
.switch .switch-cont li a.intermediate p b {
	display: inline-block;
	background: #FFA949;
	padding: 0 21px 0 12px;
	margin-left: 20px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	font-weight: normal;
	position: relative
}
.switch .switch-cont li a.intermediate p b:before {
	content: "";
	width: 6px;
	height: 6px;
	border: solid 1px #FFF;
	border-bottom: none;
	border-left: none;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: rotate(45deg)
}
.switch .switch-cont li a.intermediate img {
	position: absolute;
	top: -16px;
	left: 11px
}
.switch .switch-page {
	background: #FFF;
	height: 32px;
	padding: 0 106px;
	border-top: solid 1px #F2F2F2;
	overflow: hidden
}
.switch .switch-page span {
	width: 32px;
	height: 32px;
	float: left;
	font-size: 18px;
	color: #717171;
	text-align: center;
	line-height: 32px;
	cursor: pointer
}
.switch .switch-page span.t {
	transform: rotate(90deg)
}
.switch .switch-page span.b {
	float: right;
	transform: rotate(90deg)
}
.info-ewm {
	padding: 10px 0 0 0;
	background-color: white;
}
.tc {
	text-align: center;
}
.info-ewm img {
	height: 168px;
	width: 168px;
}
.info-ewm p {
	line-height: 20px;
	padding-top: 10px;
	color: #666;
}
/*  右侧  */
.right {
	background: #FFF;
	overflow: hidden
}
.right .title {
	line-height: 19px;
	border-bottom: solid 1px #377ed0;
	padding-bottom: 10px;
	overflow: hidden
}
.right .title span {
	float: left;
	font-size: 16px;
	color: #377ed0;
	padding-left: 14px;
	position: relative;
	font-weight: bold;
}
.right .title span:before {
	content: "";
	background: #377ed0;
	width: 4px;
	height: 14px;
	position: absolute;
	top: 3px;
	left: 1px
}
.right .title ul {
	float: right;
	overflow: hidden
}
.right .title li {
	float: left;
	font-size: 12px;
	color: #999;
	margin-left: 9px
}
.right .title li i {
	font-style: normal
}
.right .title a.more {
	float: right;
	font-size: 12px;
	color: #999
}
.main {
	padding: 0 23px 0px 18px
}
.main1 {
	margin-top: 30px;
}
.main1 .condi-txt {
	font-size: 14px;
	color: #333;
	line-height: 30px;
	padding: 16px 0 0 0;
}
.main1 .condi-txt p {
	text-indent: 2em;
}
.main1 .condi-txt p span {
	font-weight: bold;
}
.main1 .condi-txt p code {
	font-family: "Microsoft Yahei";
	color: #FF0000;
	font-size: 16px;
	margin: 0 10px;
}
.main1 .condi-txt .anniu {
	margin: 10px auto;
	width: 500px;
	height: auto;
	overflow: hidden;
}
.main1 .condi-txt .anniu span {
	display: inline-block;
	border: 1px solid #cecece;
	margin: 2px 0px 2px 15px;
	border-radius: 5px;
}
.main1 .condi-txt .anniu span a {
	padding: 0 20px;
	font-weight: bold;
	text-indent: -2em;
}
.main1 .condi-txt a {
	color: #3366ff;
	text-decoration: underline
}
.main1 .condi-txt .laiyuan {
	color: #999;
	font-size: 12px;
	text-align: right;
}
.main1 .condi-txt .kemu {
	width: 700px;
	margin: 10px auto;
}
.main1 .condi-txt .jianjie {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.main1 .condi-txt .jianjie li:nth-of-type(1) {
	float: left;
	width: 200px;
	text-align: center;
}
.main1 .condi-txt .jianjie li img {
	margin-top: 10px;
}
.main1 .condi-txt .jianjie li p span {
	color: #d62b2b;
}
.main1 .condi-txt .zzx {
	text-align: center;
	margin: 15px 0;
}
.main1 .condi-txt .kq {
	width: 700px;
	margin: 10px auto;
}
.main1 .condi-txt .wj1 {
	text-align: center;
	font-size: 22px;
	color: #bc312e;
	line-height: 42px;
}
.main1 .condi-txt .wj2 {
	font-size: 16px;
	text-align: center;
	color: #434343;
	line-height: 26px;
}
.main1 .condi-txt .wj3 img {
	width: 100%
}
.main1 .condi-txt .anniu {
	margin: 15px auto;
	width: 700px;
	height: auto;
	overflow: hidden;
}
.main1 .condi-txt .anniu span {
	display: inline-block;
	border: 1px solid #cecece;
	margin: 2px 0px 2px 15px;
	border-radius: 5px;
}
.main1 .condi-txt .anniu span a {
	padding: 0 20px;
	text-indent: -2em;
}
.main1 .condi-txt a {
	color: #3366ff;
	text-decoration: underline;
	font-weight: bold;
}
.main1 .condi-txt .laiyuan {
	color: #999;
	font-size: 12px;
	text-align: right;
}
.main2 {
	margin-top: 18px
}
.main2 .condi-name {
	font-size: 14px;
	color: #333;
	line-height: 19px;
	margin-top: 18px
}
.main2 .condi-txt {
	font-size: 14px;
	color: #333;
	line-height: 24px
}
.main2 .condi-txt p {
	text-indent: 2em;
	padding-top: 24px
}
.main2 .condi-txt span {
	color: #e4393c
}
.main2 .condi-txt a {
	color: #3366ff;
	text-decoration: underline
}
.main3 {
	margin-top: 24px
}
.main3 .video {
	width: 600px;
	margin: 30px auto;
}
.main4 {
	margin-top: 29px;
	padding-bottom: 23px
}
.main4 .unscramble {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin-top: 16px;
	height: 280px;
	overflow: hidden
}
.main4 .unscramble p {
	text-indent: 2em;
	margin: 10px 0;
	padding-top: 7px;
}
.main4 .load-more {
	width: 160px;
	height: 40px;
	border: 1px solid #F00;
	border-radius: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
	margin-left: 300px;
	margin-top: 5px;
	color: #F00;
}
.main4 .load-more span {
	display: inline-block;
	/*padding-right: 14px;*/
	position: relative
}
/*.main4 .load-more span:before {
	content: ">";
	font-size: 16px;
	color: #999;
	position: absolute;
	top: 0;
	right: -2px;
	transform: rotate(90deg)
}*/
.main5 {
	margin-top: 29px;
}
.main5 .recommend {
	padding: 18px 0 58px;
}
.main5 .recommend ul {
	overflow: hidden;
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.main5 .recommend li {
	width: 386px;
	font-size: 14px;
	color: #555;
	line-height: 18px;
	padding: 8px 0 8px 27px;
	position: relative
}
.main5 .recommend li:before {
	content: "";
	background: #999;
	width: 3px;
	height: 3px;
	border-radius: 3px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	left: 12px
}
.main5 .recommend li a {
	float: left;
	text-decoration: none;
	color: #555;
	max-width: 300px
}
.main5 .recommend li i {
	float: right;
	font-size: 12px;
	color: #999;
	font-style: normal;
	line-height: 18px
}
.main5 .recommend li a:hover {
	color: #377ed0
}
.calendar {
	background: #FFF;
	padding-top: 20px;
	margin-top: 22px
}
.calendar .calendar-title {
	font-size: 16px;
	color: #377ed0;
	line-height: 16px;
	border-left: solid 4px #377ED0;
	padding-left: 9px;
	margin-left: 26px;
	font-weight: bold;
}
.calendar .calendar-cont {
	width: 1148px;
	height: 216px;
	margin: 30px auto;
	position: relative
}
.calendar .calendar-cont:before {
	content: "";
	background: #377ED0;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 98px;
	left: 0
}
.calendar .calendar-cont ul {
	margin-left: 60px;
	overflow: hidden
}
.calendar .calendar-cont li {
	float: left;
	width: 170px;
	text-align: center;
	position: relative
}
.calendar .calendar-cont li:before {
	content: "";
	background: #377ED0;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	position: absolute;
	left: 50%;
	top: 93px
}
.calendar .calendar-cont li:nth-child(2n+1) {
	margin-top: 115px
}
.calendar .calendar-cont li:nth-child(2n+1):before {
	top: -22px
}
.calendar .calendar-cont li span {
	display: block;
	background: #377ED0;
	width: 100px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	margin: 0 auto
}
.calendar .calendar-cont li p {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	padding-top: 5px
}
.calendar .calendar-cont .calendar-lcon {
	background: #377ED0;
	width: 78px;
	height: 78px;
	text-align: center;
	line-height: 78px;
	border-radius: 9px;
	position: absolute;
	top: 60px;
	right: 0
}
.footer {
	border-top: solid 1px #FAFAFA;
	margin-top: 39px
}
.footer .footer-bom {
	padding: 26px 0 60px
}
.footer .footer-link {
	overflow: hidden
}
.footer .footer-link a {
	float: left;
	margin-bottom: 18px;
	padding: 0 6px 0 30px;
	font-size: 12px;
	color: #666;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 30px;
	background: url(../images/footer-lcon.png) no-repeat
}
.footer .footer-link a:nth-child(1) {
	background-position: 0 0
}
.footer .footer-link a:nth-child(2) {
	background-position: 0 -30px
}
.footer .footer-link a:nth-child(3) {
	background-position: 0 -60px
}
.footer .footer-link a:nth-child(4) {
	background-position: 0 -90px
}
.footer .footer-link a:nth-child(5) {
	background-position: 0 -120px
}
.footer .footer-link a:nth-child(6) {
	background-position: 0 -150px
}
.footer .footer-link a:nth-child(7) {
	background-position: 0 -180px
}
.footer .footer-link a:nth-child(8) {
	background-position: 0 -210px
}
.footer .footer-link a:nth-child(9) {
	background-position: 0 -240px
}
.footer .footer-link a:nth-child(10) {
	background-position: 0 -270px;
	margin-left: 356px
}
.footer .footer-bom p {
	font-size: 12px;
	color: #666;
	line-height: 30px;
	text-align: center
}
.consult {
	width: 161px;
	height: 348px;
	margin-top: -174px;
	position: fixed;
	top: 50%;
	right: 0;
	cursor: pointer
}
#LRdiv0 {
	display: none !important
}
.artbody {
	width: 830px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.zhukuaijjm {
	width: 100%;
	height: auto;
	margin-top: 10px;
	overflow: hidden;
	padding-bottom: 20px;
	font-size: 14px;
	letter-spacing: 1px;
}
.zhukuaijjm span {
	font-weight: bold;
	color: #377ed0;
}
.shipin {
	padding-top: 50px;
	padding-left: 120px;
	padding-bottom: 25px;
	width: 600px;
	height: 338px;
}
.an {
	width: 160px;
	height: 40px;
	border: 1px solid #F00;
	border-radius: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
	margin-left: 300px;
	margin-top: 40px;
	color: #F00;
}
.an a {
	color: #F00;
}
.zhukuaijj p span {
	display: inline-block;
	border: 1px solid #377ed0;
	margin: 8px 15px 8px 15px;
	border-radius: 5px;
}
.zhukuaijj p span a {
	padding: 0 20px;
	_font-weight: bold;
}
.right p {
	text-indent: 2em;
	margin: 10px 0;
	padding-top: 7px;
}
.right .ksjstj p {
	font-size: 14px;
	line-height: 30px;
	margin: 5px 0;
	text-indent: 0em;
	padding-left: 50px;
}
.kctits {
	border: 1px solid #377ed0;
	padding: 3px;
	display: inline-block;
	font-size: 16px;
	margin: 5px 0;
	text-align: center;
}
.kctit {
	border: 1px dashed #377ed0;
	padding: 0.2em 1em;
	color: #377ed0;
	font-weight: bold;
}
.jjxg p {
	_font-size: 14px;
	line-height: 30px;
	margin: 10px 0;
	font-size: 18px;
}
.jjxg p span {
	font-weight: bold;
}
.jjxg p code {
	color: #f00;
	font-family: "微软雅黑";
}
.kechengs {
	width: 830px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}
.kechengsk {
	width: 270px;
	height: 180px;
	overflow: hidden;
	float: left;
	margin: 0 3px;
	padding-top: 8px;
}
.kechengskt {
	width: 270px;
	height: 140px;
}
.container li table {
	width: 100%;
	text-align: center;
	border: solid 1px #E5E5E5;
	border-top: none;
	border-left: none
}
.kechengskz {
	width: 270px;
	height: 30px;
	float: left;
	padding-top: 5px;
}
.kechengskzz {
	width: 150px;
	height: 30px;
	font-size: 14px;
	color: #999;
	float: left;
	line-height: 30px;
}
.kechengskzzz {
	width: 85px;
	height: 26px;
	font-size: 14px;
	color: #fff;
	float: right;
	line-height: 26px;
	margin-right: 20px;
	text-align: center;
	background: #377ed0;
}
.kechengskzzz a {
	width: 85px;
	height: 26px;
	font-size: 14px;
	color: #fff;
	float: right;
	line-height: 26px;
	text-align: center;
}
.kechengskzzz a:hover {
	width: 85px;
	height: 26px;
	font-size: 14px;
	color: #fff;
	float: right;
	line-height: 26px;
	text-align: center;
	background: #F00;
	text-decoration: none;
}
.kechengs ul li {
	width: 270px;
	height: 140px;
	overflow: hidden;
	float: left;
	margin: 0 3px;
}
.kechengs ul li p {
}
.baomingxuzhi {
	background-color: #F8F8F8;
	padding: 5px 30px;
}
.fudaokecheng {
	overflow: hidden;
	margin-left: -60px;
	zoom: 1;
	padding-left: 100px;
	background-color: #33649633;
}
.course-box {
	border-radius: 30px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.45);
	transition: box-shadow 0.2s;
	margin: 15px 0 15px 70px;
	float: left;
	display: inline;
	position: relative;
}
.course-box .mask {
	color: #353535 !important;
	display: block;
	font-size: small;
	width: 270px;
	height: 315px;
	overflow: hidden;
}
.course-box .course-thumb img {
	width: 270px;
	height: 153px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}
.course-box .mask .ketitle {
	display: block;
	font-size: 14px;
	line-height: 1.2;
	min-height: 32px;
	overflow: hidden;
	padding: 10px 10px 5px;
	font-weight: bold;
}
.course-box .mask .details {
	display: block;
	overflow: hidden;
	padding: 5px 10px 5px;
	text-align: center;
 *width: 90%;
}
.mask .price {
	color: #e85d0c;
	float: left;
	font-size: 14px;
	margin-top: -6px;
	height: 16px;
}
.mask .small-rating {
	vertical-align: top;
	float: left;
	height: 12px;
	overflow: hidden;
	margin-left: 5%;
	background: url(http://simg01.gaodunwangxiao.com/images/sprites.png) 0 -70px;
	line-height: 0;
	width: 85px;
	text-align: left;
	position: relative;
	top: 4px;
}
.small-rating span {
	display: inline-block;
	background: url(http://simg01.gaodunwangxiao.com/images/sprites.png) 0 -83px;
	height: 13px;
	line-height: 14px;
	float: left;
}
.mask .stu {
	margin-top: 3px;
	font-family: Arial;
	color: #777;
	float: right;
	background: url(http://simg01.gaodunwangxiao.com/images/sprites.png) no-repeat 0 -111px;
	height: 16px;
	line-height: 16px;
	padding: 0 0 0 24px;
}
.course-box .mask .instructors {
	border-top: 1px solid #2EBD5F;
	display: block;
	margin: 0 10px;
	overflow: hidden;
	padding: 10px 0;
}
.course-box .mask .ins-thumb {
	float: left;
	border-radius: 4px;
	margin-right: 5px;
 width:;
	height: 25px;
}
.course-box .mask .instructors .r {
	margin-left: 33px;
	display: block;
	_float: left;
	_margin-left: 0;
 *margin-top: -5px;
}
.course-box .mask .ins-name {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}
.ellipsis {
	display: block;
}
.course-box .mask .ins-job-title {
	margin-top: 2px;
	font-size: 12px;
	line-height: 1.2;
	color: #555;
}
.layout {
	clear: both;
	width: 1200px;
	text-align: left;
	margin: 0 auto;
	padding-left: 100px;
	background-color: #33649633;
	padding-bottom: 20px;
}
.teacherList li {
	float: left;
	_display: inline;
	margin: 20px 20px 0 0;
	width: 285px;
	height: 400px;
	position: relative;
	overflow: hidden;
}
.teacherList .tex {
	width: 243px;
	height: 32px;
	padding: 50px 20px 12px;
	color: #fff;
	position: absolute;
	bottom: 80px;
	left: 0;
	background: url("http://www.gaodun.com/uploads/allimg/170926/6020-1F9261QZ0M6.png") no-repeat center top;
	overflow: hidden;
}
.teacherList .tex a {
	color: #fff;
	text-decoration: none;
}
.teacherList .tex h3 {
	font-size: 25px;
	line-height: 22px;
	padding-bottom: 17px;
}
.teacherList .tex p {
	font-size: 14px;
	line-height: 19px;
	padding: 0 0 22px 0;
	overflow: hidden;
	margin: 2px 0;
}
.section05 {
	width: 100%;
	background: #fff;
 .content {
 margin: 0 auto;
 width: 1020px;
 padding-bottom: 80px;
 h3 {
 padding: 68px 0 50px 0;
 text-align: center;
 color: #333;
 font-size: 36px;
 font-weight: normal;
}
 .wrapper {
 overflow: hidden;
 padding-bottom: 20px;
 .basic-class {
 float: left;
 margin-right: 10px;
 width: 790px;
 position: relative;
 &:before {
 position: absolute;
 content: '';
 top: 60px;
 left: 101px;
 width: 242px;
 height: 653px;
 border: 1px solid #fda61c;
}
 &:after {
 position: absolute;
 content: '';
 top: 60px;
 left: 400px;
 width: 339px;
 height: 653px;
 border: 1px solid #fda61c;
}
 .tit {
 background: #3978de;
 width: 100%;
 height: 60px;
 line-height: 60px;
 color: #fff;
 font-size: 24px;
 text-align: center;
 i {
 display: inline-block;
 background: url("") no-repeat;
 margin-right: 20px;
 width: 25px;
 height: 25px;
}
}
 table {
 width: 100%;
 border: 1px solid #c9c9c9;
 font-size: 14px;
 th {
 padding: 22px;
 font-size: 14px;
 background: #f2f2f2;
 border: 1px solid #c9c9c9;
 font-weight: bold;
 font-size: 14px;
 text-align: left;
 &.w-01 {
 width: 56px;
}
 &.w-02 {
 width: 198px;
 font-size: 16px;
 color: #fda61c;
}
 &.w-03 {
 width: 28px;
 padding: 22px 10px;
}
 &.w-04 {
 font-size: 16px;
 text-align: left;
 color: #fda61c;
}
}
 td {
 padding: 16px 19px;
 vertical-align: top;
 border: 1px solid #c9c9c9;
 text-align: left;
 &.num {
 vertical-align: middle;
}
}
}
}
 .high-class {
 float: left;
 width: 220px;
 .tit {
 background: url("") repeat-x;
 width: 100%;
 height: 60px;
 line-height: 60px;
 color: #fff;
 text-align: center;
 font-size: 24px;
 i {
 display: inline-block;
 position: relative;
 top: 8px;
 background: url("")no-repeat;
 width: 25px;
 height: 31px;
 margin-right: 19px;
}
}
}
 .glkj-course-list {
 border: 1px solid #c9c9c9;
 ul {
 li {
 background: #f2f2f2;
 font-size: 16px;
 color: #fda61c;
 font-weight: bold;
 border-bottom: 1px solid #c9c9c9;
 span {
 display: inline-block;
 padding: 22px 20px;
}
}
 ul {
 background: #fff;
 padding: 20px 20px 53px 20px;
 &.padding15 {
 padding-bottom: 75px;
 border-bottom: 1px solid #c9c9c9;
}
 li {
 background: #fff;
 font-size: 14px;
 line-height: 21px;
 color: #333;
 font-weight: normal;
 border-bottom: none;
}
}
}
}
}
 .glkj-price {
 width: 1020px;
 text-align: center;
 overflow: hidden;
 color: #999;
 font-size: 16px;
 .basic {
 float: left;
 margin-right: 10px;
 width: 780px;
 position: relative;
 p {
 padding-top: 20px;
}
 .after-p {
 padding-top: 16px;
 line-height: 20px;
 font-size: 16px;
 color: #333;
 b {
 color: #fda61c;
 font-size: 20px;
 font-weight: bold;
}
}
 &.high {
 width: 220px;
 margin-right: 0;
 a {
 background: url("") repeat-x;
 -webkit-transition: .3s;
 transition: .3s;
 &:hover {
 background: url("") repeat-x;
}
}
}
 b {
 vertical-align: top;
 color: #333;
 font-size: 32px;
 font-weight: normal;
}
 em {
 color: #333;
 font-size: 60px;
 height: 60px;
 line-height: 60px;
}
 a {
 vertical-align: text-bottom;
 display: inline-block;
 border-radius: 4px;
 width: 170px;
 height: 48px;
 line-height: 48px;
 color: #fff;
 background: #3978de;
 border-radius: 4px;
 margin-left: 20px;
 -webkit-transition: .3s;
 transition: .3s;
 &:hover {
 background: #5e97f3;
}
}
}
}
}
.class {
	margin: 0 auto;
 .head {
 border-radius: 6px 6px 0 0;
 padding: 0 30px;
 height: 84px;
 line-height: 84px;
 .icon {
 display: inline-block;
 vertical-align: middle;
}
 strong {
 margin-left: 20px;
 font-weight: normal;
 font-size: 42px;
 vertical-align: middle;
}
}
.split {
	height: 60px;
	background-color: #f2f2f2;
	line-height: 60px;
	padding: 0 30px;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	z-index: 10;
}
.detailed {
	background-color: #fff;
	border: 1px solid #ececec;
	border-top-width: 0;
	border-bottom-width: 0;
	box-shadow: 0 10px 30px 0 rgba(0,0,0,.2);
 dl {
 padding: 20px 30px;
 border-bottom: 1px solid #ececec;
}
dt {
	font-size: 20px;
	color: #333333;
	line-height: 1;
	margin-bottom: 10px;
}
dd {
	font-size: 16px;
	color: #666666;
	line-height: 24px;
}
.items {
	padding: 15px 30px;
	font-size: 16px;
	color: #666666;
	line-height: 24px;
	border-bottom: 1px solid #ececec;
}
}
.price {
	text-align: center;
	padding: 8px 35px;
 .money {
 sup {
 font-size: 24px;
 position: relative;
 top: -24px;
}
 span {
 font-size: 60px;
}
 em {
 font-size: 18px;
}
}
.mark {
	font-size: 14px;
	color: #666666;
}
.gift {
	font-size: 14px;
	color: #333333;
}
.btn {
	display: inline-block;
	width: 170px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	border-radius: 4px;
	margin: 20px 0;
	-webkit-transition: .3s;
	transition: .3s;
 &.btn-base {
 background-color: #3978de;
 color: #fff;
 box-shadow: 0 0 20px 0 rgba(57,120,222,.2);
 &:hover {
 background-color: #3978de - 10;
}
}
 &.btn-speed {
 background: url("");
 color: #fff;
 box-shadow: 0 0 20px 0 rgba(252,171,39,.2);
 &:hover {
 background: url("");
}
}
}
}
.base {
	width: 480px;
	float: left;
 .head {
 background-color: #3978de;
 .icon {
 background: url("") no-repeat;
 width: 37px;
 height: 37px;
}
 strong {
 color: #fff;
}
}
.split {
	color: #3978de;
}
.price {
 .money {
 color: #3978de;
}
}
}
.speed {
	width: 480px;
	float: right;
 .head {
 background: url("");
 .icon {
 background: url("") no-repeat;
 width: 37px;
 height: 37px;
}
 strong {
 color: #fff;
}
}
.split {
	color: #fda61c;
}
.mark {
	display: inline;
 span {
 color: #f72f2f;
 margin-right: 20px;
}
}
.gift {
	display: inline;
}
}
.price {
 .money {
 color: #fda61c;
 .now {
 font-size: 20px;
 color: #fda61c;
}
 .o-price, del {
 font-size: 20px;
 color: #999;
 margin-left: 3px;
}
}
}
.tips {
	clear: both;
	text-align: center;
	padding: 25px 0;
	font-size: 16px;
	color: #666666;
}
}
}

.consult{ width:50px; margin-top:-136px; position:fixed; top:50%; left:0; z-index:999999}
.consult li{ background:#377ED0; height:50px; text-align:center; font-size:14px; color:#fff; border-radius:3px; margin-bottom:2px; cursor:pointer; position:relative}
.consult li:before{ content:""; background:url(../images/consult-lcon.png) no-repeat; width:50px; height:50px; position:absolute; top:0; left:0}
.consult li.consult-wk:before{ background-position:0 0}
.consult li.consult-zx:before{ background-position:0 -50px}
.consult li.consult-dh:before{ background-position:0 -100px}
.consult li.consult-wx:before{ background-position:0 -150px}
.consult li.consult-sq:before{ background-position:0 -200px}
.consult li.consult-zl:before{ background-position:0 -250px}
.consult li.consult-close:before{ display:none}
.consult li a{ display:block; width:50px; height:50px; position:relative; z-index:9}
.consult li.consult-dh span,.consult li.consult-wk span,.consult li.consult-zx span,.consult li.consult-zl span{ position:absolute; background:#4489D8; padding:0 10px; white-space:nowrap; height:50px; text-align:center; line-height:50px; font-size:14px; color:#fff; border-radius:3px; opacity:0; transition:all 0.3s linear; top:0; left:-20px}
.consult li.consult-dh:hover span,.consult li.consult-wk:hover span,.consult li.consult-zx:hover span,.consult li.consult-zl:hover span{ left:0; opacity:1}
.consult li.consult-wx span,.consult li.consult-sq span{ position:absolute; background:#4489D8; width:112px; padding:0 9px 9px; border-radius:3px; display:none; right:40px; bottom:0}
.consult li.consult-wx span i,.consult li.consult-sq span i{ display:block; font-style:normal; font-size:13px; color:#fff; line-height:18px; padding:5px 0 4px}
.consult li.consult-wx:hover span,.consult li.consult-sq:hover span{ right:51px; display:block}
.consult li.consult-wechat img{ width:100px; margin-top:-50px; position:absolute; top:50%; left:-100px; z-index:1; opacity:0}
.consult li.consult-close{ background:#BBB; height:30px; line-height:30px; margin-bottom:0}
.consult li span img{ width: 100%;}

#LRdiv0{ display:none !important}
#LRdiv1{ display:none !important}

.speedbar {
    clear: both;
    color: #666;
    background-color: #fbfbfb;
    padding: 8px 20px 18px;
    line-height: 25px;
    overflow: hidden;
    height: 100px;
    margin-bottom: 10px;
}
.right_desc h3 {
    text-align: center;
}

.book_name {
    width: 850px;
    height: 273px;
    background: url(../images/material.png) no-repeat;
    background-size: 850px;
    margin: 15px auto 45px;
}
.book_name p {
    width: 43%;
    float: right;
    font-size: 12px;
    padding: 15px 40px;
    line-height: 24px;
    
}