.banner {
	margin-bottom: 0;
}

.pos-nav {
	height: 54px;
	margin: 0;
	padding: 0;
	line-height: 54px;
	background-color: #f7fbff;
}

/*--------------------item start-------------------*/
.item {
	width: 100%;
	min-width: 1200px;
	margin-bottom: 20px;
	background-color: #f7fbff;
}

.item .wrapper {
	padding: 30px 40px 40px;
	background-color: #fff;
	box-sizing: border-box;
}

.item .item-title {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	border-bottom: 2px solid #eee;
}

.item .item-title .title-tag {
	position: relative;
	top: 2px;
	height: 53px;
	padding-bottom: 20px;
	border-bottom: 2px solid #3799ff;
	font-weight: normal;
	font-size: 24px;
	color: #000;
	box-sizing: border-box;
}

.item .item-title .title-tag i {
	margin-right: 12px;
	font-size: 24px;
	color: #3799ff;
}

.item .item-title .title-tab ul {
	height: 53px;
	padding-left: 74px;
	box-sizing: border-box;
}

.item .item-title .title-tab ul li {
	float: left;
	padding: 0 30px 20px;
	/* padding: 0 40px 20px; */
	font-size: 14px;
	line-height: 32px;
	cursor: pointer;
}
.item .item-title .title-tab ul li.jianzhu {
	padding: 0 30px 20px;
}
.item .item-title .title-tab ul li.active {
	color: #3799ff;
}

.item .item-title .title-tab ul li:hover {
	color: #3799ff;
}

.item .item-title span {
	font-size: 14px;
	line-height: 32px;
	color: #666;
	cursor: pointer;
}

.item .item-title span:hover {
	color: #333;
}

.item .item-con {
	display: none;
}

.item-title-s {
	width: 100%;
	margin-bottom: 40px;
	padding-top: 40px;
	text-align: center;
}

.item-title-s .title-tag {
	margin-bottom: 14px;
	font-size: 28px;
	color: #000;
}

.item-title-s .title-info {
	font-size: 14px;
	color: #999;
}

/*--------------------item end--------------------*/

/*--------------------item-detail start----------------*/
.item-detail {
	width: 100%;
	min-width: 1200px;
	margin-bottom: 0;
	padding-top: 20px;
}

.item-detail .wrapper {
	height: 457px;
}

.item-detail .item-con {
	height: 304px;
}

.item-detail .item-teacher-img {
	margin-right: 20px;
}

.item-detail .item-nav .nav-entry {
	margin-bottom: 22px;
}

.item-detail .item-nav ul {
	width: 616px;
	height: 110px;
	margin: -10px 0 0 -12px;
}

.item-detail .item-nav ul li {
	float: left;
	width: 142px;
	height: 50px;
	margin: 10px 0 0 12px;
	font-size: 16px;
	line-height: 50px;
	color: #000;
	text-align: center;
	background-color: #f7f8fa;
	cursor: pointer;
}

.item-detail .item-nav ul li i {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 16px;
	line-height: 50px;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.item-detail .tag {
	position: relative;
	margin-bottom: 18px;
	font-size: 16px;
	color: #000;
}

.item-detail .tag i {
	display: inline-block;
	width: 2px;
	height: 11px;
	margin-right: 10px;
	border-radius: 1px;
	background-color: #3799ff;
	vertical-align: middle;
}

.item-detail .tag a {
	position: absolute;
	right: 0;
	font-size: 14px;
	color: #999;
	cursor: pointer;
}

.item-detail .tag a:hover {
	color: #333;
}

.item-detail .time-lmt-activity .act-info {
	float: left;
	width: 296px;
	height: 140px;
	padding: 36px 20px;
	box-sizing: border-box;
}

.item-detail .time-lmt-activity .act-info .act-detail {
	margin-left: 14px;
	padding-top: 10px;
}

.item-detail .time-lmt-activity .act-info p {
	color: #fff;
}

.item-detail .time-lmt-activity .act-info p:first-child {
	font-size: 22px;
}

.item-detail .time-lmt-activity .act-info p:last-child {
	font-size: 14px;
}

.item-detail .time-lmt-activity .st {
	margin-right: 12px;
	background: url("../images/act-info-st-bac.png") no-repeat center;
}

.item-detail .time-lmt-activity .nd {
	background: url("../images/act-info-nd-bac.png") no-repeat center;
}

.item-detail .item-hot-links {
	width: 278px;
}

.item-detail .item-hot-links .link-tag {
	border-bottom: 1px solid #eee;
	margin: 0;
	padding-bottom: 12px;
}

.item-detail .item-hot-links ol li {
	margin-top: 15px;
	padding-left: 16px;
	font-size: 14px;
	line-height: 18px;
	color: #333;
	background: url("../images/list-style-disc.png") no-repeat left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
	transition: all .3s ease-in-out;
}

.item-detail .item-hot-links ol li:hover {
	padding-left: 20px;
	/*text-shadow: -8px 3px 2px #999;*/
}

/*--------------------item-detail end------------------*/

/*--------------------rela-course start----------------*/
.rela-course {
	width: 100%;
	min-width: 1200px;
	height: 436px;
	margin-bottom: 0;
	padding: 20px 0 0;
	background-color: #f7fbff;
}

.rela-course .wrapper {
	height: 436px;
}

.rela-course .rela-course-con ul {
	margin-left: -20px;
}

.rela-course .rela-course-con ul li {
	float: left;
	margin-left: 20px;
}

.course-item {
	position: relative;
	width: 265px;
	height: 280px;
	margin: 0 auto;
	padding: 24px 20px;
	border: 1px solid #eee;
	border-radius: 4px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	box-sizing: border-box;
}

.course-item .co-tag {
	width: 73px;
	height: 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #a6b0b8;
}

.course-item .co-name {
	padding-top: 12px;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	color: #30404b;
	cursor: pointer;
}

.course-item .co-name span {
	font-weight: normal;
	font-size: 14px;
}

.course-item .co-type {
	font-size: 12px;
	line-height: 26px;
	color: #999;
}

.course-item .teacher-show {
	height: 83px;
	padding-top: 10px;
}

.course-item .teacher-show ul li {
	float: left;
	width: 40px;
	margin-right: 10px;
}

.course-item .teacher-show ul li img {
	width: 40px;
	height: 40px;
}

.course-item .teacher-show ul li p {
	width: 100%;
	font-size: 12px;
	color: #999;
	line-height: 26px;
	text-align: center;
}

.course-item .co-price {
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(100% - 40px);
	height: 50px;
	padding: 0 20px;
	line-height: 52px;
	background-color: #f9fcff;
}

.course-item .co-price .buyer {
	font-size: 12px;
	color: #333;
}

.course-item .co-price .price {
	font-size: 16px;
	color: #ff6b00;
}

.course-item .co-price i {
	font-style: normal;
	font-size: 12px;
}

.course-item:hover {
	transform: translateY(-8px);
	box-shadow: 1px 1px 8px rgba(88, 145, 205, .3);
}

/*--------------------rela-course end------------------*/

/*--------------------class-type start----------------*/
.class-type {
	margin-bottom: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #f7fbff;
}

.class-type .wrapper {
	background-color: #fff;
}

.class-type .type-tab {
	margin-bottom: 40px;
	font-size: 0;
	text-align: center;
}

/*.class-type .type-tab ul {*/
/*  height: 108px;*/
/*  font-size: 0;*/
/*  text-align: center;*/
/*}*/

.class-type .type-tab .tab-btn {
	display: inline-block;
	width: 200px;
	height: 44px;
	margin: 0 20px 20px 0;
	border: 1px solid #3799ff;
	font-size: 18px;
	line-height: 44px;
	color: #3799ff;
	text-align: center;
	background-color: #fff;
	box-sizing: border-box;
	cursor: pointer;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.class-type .type-tab .tab-btn:hover {
	color: #fff;
	background-color: #3799ff;
}

.class-type .type-tab .tab-btn.active {
	color: #fff;
	background-color: #3799ff;
}

.class-type .type-list {
	display: none;
}

.class-type .type-list .type-item {
	margin-bottom: 10px;
}

.class-type .type-list .above {
	height: 500px;
}

.class-type .type-list .down {
		height: 500px;
}

.class-type .type-list .type-item .class-intro {
	width: 268px;
	height: 100%;
	padding: 40px 20px 0;
	color: #fff;
	box-sizing: border-box;
}

.class-type .first {
	display: block;
}

.class-type .first .type-item .class-intro {
	/*background: linear-gradient(to bottom, #78e3fe, #2ca7fd);*/
	background-color: #3975fd;
}
.class-type .first .type-item .class-intro.class-intro-tow{
	background-color: rgb(236,115,60);
}
.class-type .second .type-item .class-intro {
	background: linear-gradient(to bottom, #ea97e4, #ac60c3);
}

.class-type .third .type-item .class-intro {
	background: linear-gradient(to bottom, #fbb35f, #ef7741);
}

.class-type .fourth .type-item .class-intro {
	background: linear-gradient(to bottom, #1ddcb1, #00b09b);
}

.class-type .fifth .type-item .class-intro {
	background: linear-gradient(to bottom, #78e3fe, #2ca7fd);
}

.class-type .sixth .type-item .class-intro {
	background: linear-gradient(to bottom, #ea97e4, #ac60c3);
}


.class-type .type-list .type-item .class-intro .cover {
	width: 100%;
	height: 100%;
	background: url('../images/class-intro-bc.png') no-repeat center;
}

.class-type .type-list .type-item .class-intro .class-cate {
	margin-bottom: 14px;
	font-size: 18px;
	line-height: 1;
	text-align: center;
}

.class-type .type-list .type-item .class-intro .class-name {
	margin-bottom: 14px;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
}

.class-type .type-list .type-item .class-intro .class-name span {
	display: inline-block;
	width: 30px;
	height: 28px;
	background: url('../images/diamond.png') no-repeat center;
	vertical-align: middle;
}

.class-type .type-list .type-item .class-intro .class-spec {
	width: 268px;
	height: 42px;
	margin: 0 0 28px -20px;
	font-size: 16px;
	line-height: 42px;
	color: #863811;
	text-align: center;
	background: url('../images/class-spec-bc.png') no-repeat center;
}

.class-type .first .above .class-intro .class-spec {
	color: #085b8f;
}

.class-type .first .down .class-intro .class-spec {
	color: #3850a1;
}

.class-type .second .above .class-intro .class-spec {
	color: #66047f;
}

.class-type .second .down .class-intro .class-spec {
	color: #6a51a2;
}

.class-type .third .above .class-intro .class-spec {
	color: #863811;
}

.class-type .third .down .class-intro .class-spec {
	color: #851c01;
}

.class-type .fourth .above .class-intro .class-spec {
	color: #027769;
}

.class-type .fourth .down .class-intro .class-spec {
	color: #0b6e6f;
}

.class-type .fifth .above .class-intro .class-spec {
	color: #085b8f;
}

.class-type .fifth .down .class-intro .class-spec {
	color: #3850a1;
}

.class-type .sixth .above .class-intro .class-spec {
	color: #66047f;
}

.class-type .sixth .down .class-intro .class-spec {
	color: #6a51a2;
}

.class-type .type-list .type-item .class-intro .class-price .price {
	height: 30px;
	margin-bottom: 28px;
	box-sizing: border-box;
}

.class-type .type-list .type-item .class-intro .class-price .price:after {
	display: block;
	content: '';
	clear: both;
}

.class-type .type-list .type-item .class-intro .class-price .price-detail {
	float: left;
}

.class-type .type-list .type-item .class-intro .class-price .price-detail i {
	font-size: 16px;
}

.class-type .type-list .type-item .class-intro .class-price .price-detail span {
	font-size: 24px;
}

.class-type .type-list .type-item .class-intro .class-price .buy-btn {
	float: right;
	width: 94px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	color: #333;
	text-align: center;
	background: linear-gradient(170deg, #ffe9b9, #eeb949);
	box-shadow: 2px 2px 0 #af7b0c;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	cursor: pointer;
}

.class-type .type-list .type-item .class-intro .class-price .buy-btn:hover {
	margin: 2px 0 0 2px;
	box-shadow: none;
}

.class-type .type-list .type-item .class-info {
	width: 852px;
	height: 100%;
	background-color: #fafafa;
}

.class-type .type-list .type-item .class-info ul {
	height: 100%;
}

.class-type .type-list .type-item .class-info ul>li {
	float: left;
	height: 100%;
}

.class-type .type-list .type-item .class-info ul>li:nth-child(1) {
	width: 211px;
	/*width: 236px;*/
}

.class-type .type-list .type-item .class-info ul>li:nth-child(2) {
	width: 200px;
	/*width: 218px;*/
}

.class-type .type-list .type-item .class-info ul>li:nth-child(3) {
	width: 270px;
	/*width: 214px;*/
}

.class-type .type-list .type-item .class-info ul>li:nth-child(4) {
	width: 144px;
	/*width: 184px;*/
}

.class-type .first .above .class-info ul>li:nth-child(even) {
	background-color: #f1f9ff;
}

.class-type .first .down .class-info ul>li:nth-child(even) {
	background-color: #f5f9ff;
}

.class-type .second .above .class-info ul>li:nth-child(even) {
	background-color: #fdf7ff;
}

.class-type .second .down .class-info ul>li:nth-child(even) {
	background-color: #f8f7ff;
}

.class-type .third .above .class-info ul>li:nth-child(even) {
	background-color: #fff9f1;
}

.class-type .third .down .class-info ul>li:nth-child(even) {
	background-color: #fff7f5;
}

.class-type .fourth .above .class-info ul>li:nth-child(even) {
	background-color: #f6fffe;
}

.class-type .fourth .down .class-info ul>li:nth-child(even) {
	background-color: #f2f9f9;
}

.class-type .fifth .above .class-info ul>li:nth-child(even) {
	background-color: #f1f9ff;
}

.class-type .fifth .down .class-info ul>li:nth-child(even) {
	background-color: #f5f9ff;
}

.class-type .sixth .above .class-info ul>li:nth-child(even) {
	background-color: #fdf7ff;
}

.class-type .sixth .down .class-info ul>li:nth-child(even) {
	background-color: #f8f7ff;
}

.class-type .type-list .type-item .class-info .info-tag {
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	color: #000;
	text-align: center;
	background-size: 7px 1px;
	background-repeat: repeat-x;
	background-position: bottom;
}

.class-type .first .type-item .class-info .info-tag {
	background-image: linear-gradient(to right, #30adfd 0%, #30adfd 85%, transparent 15%);
}

.class-type .second .type-item .class-info .info-tag {
	background-image: linear-gradient(to right, #bc6ecb 0%, #bc6ecb 85%, transparent 15%);
}

.class-type .third .type-item .class-info .info-tag {
	background-image: linear-gradient(to right, #f07e45 0%, #f07e45 85%, transparent 15%);
}

.class-type .fourth .type-item .class-info .info-tag {
	background-image: linear-gradient(to right, #0bbaa6 0%, #0bbaa6 85%, transparent 15%);
}

.class-type .fifth .type-item .class-info .info-tag {
	background-image: linear-gradient(to right, #30adfd 0%, #30adfd 85%, transparent 15%);
}

.class-type .sixth .type-item .class-info .info-tag {
	background-image: linear-gradient(to right, #bc6ecb 0%, #bc6ecb 85%, transparent 15%);
}

.class-type .type-list .type-item .class-info ol {
	padding: 20px 9px;
	/*padding: 20px 12px;*/
	box-sizing: border-box;
}
 .class-type .type-list .type-item .class-info  .info-height{
	height: 36px;
}
.class-type .type-list .type-item .class-info ol li {
	margin-bottom: 14px;
	font-size: 14px;
	color: #333;
}

.class-type .type-list .type-item .class-info ol li .info-icon {
	display: inline-block;
	width: 20px;
	height: 16px;
	margin: -3px 6px 0 0;
	vertical-align: middle;
}
.class-type .type-list .type-item .class-info ol li .info-icon-two {
	display: inline-block;
	width: 20px;
	height: 16px;
	margin: -3px 6px 0 0;
	vertical-align: middle;
}
.class-type .type-list .type-item .class-info ol li .info-icon-three {
	display: inline-block;
	width: 20px;
	height: 16px;
	margin: -3px 6px 0 0;
	vertical-align: middle;
}

.class-type .first .type-item .class-info ol li .info-icon {
	background: url('../images/subcate-class-info-icon-1.png') no-repeat center;
}
.class-type .first .type-item .class-info ol li .info-icon-two {
	/*background: url('../images/subcate-class-info-icon-1-1.png') no-repeat center;*/
	background: url('../images/subcate-class-info-icon-5.png') no-repeat center;
}
.class-type .first .type-item .class-info ol li .info-icon-three{
	background: url('../images/subcate-class-info-icon-3.png') no-repeat center;
}
.class-type .second .type-item .class-info ol li .info-icon {
	background: url('../images/subcate-class-info-icon-2.png') no-repeat center;
}

.class-type .third .type-item .class-info ol li .info-icon {
	background: url('../images/subcate-class-info-icon-3.png') no-repeat center;
}

.class-type .fourth .type-item .class-info ol li .info-icon {
	background: url('../images/subcate-class-info-icon-4.png') no-repeat center;
}

.class-type .fifth .type-item .class-info ol li .info-icon {
	background: url('../images/subcate-class-info-icon-1.png') no-repeat center;
}

.class-type .sixth .type-item .class-info ol li .info-icon {
	background: url('../images/subcate-class-info-icon-2.png') no-repeat center;
}

.class-type .type-list .type-item .class-info ol li span {
	margin-top: 12px;
	font-size: 12px;
	color: #666;
}

.class-type .type-list .type-item .class-info ol li span.teacher-name {
	float: right;
	margin: 0;
	font-size: 14px;
	color: #333;
}
.class-type .type-list .type-item .class-info ol li div.teacher-name{
	text-align:center
}
.class-type .type-list .type-item .class-info ol li div.teacher-name span {
	font-size: 14px;
	color:#333;
	margin-top: 6px;
	margin-right: 25px;
	display:inline-block
}
.class-type .type-tab-pg {
	margin-bottom: 30px;
}

.class-type .type-tab-pg ul {
	height: 52px;
	padding-top: 6px;
	background-color: #3799ff;
	box-sizing: border-box;
}

.class-type .type-tab-pg ul li {
	float: left;
	width: 240px;
	height: 46px;
	font-size: 18px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	transition: all .3s ease;
	cursor: pointer;
	box-sizing: border-box;
}

.class-type .type-tab-pg ul li:hover {
	color: #3799ff;
	background-color: #fff;
}

.class-type .type-tab-pg ul li.cur {
	color: #3799ff;
	background-color: #fff;
}

.class-type .type-list-pg {
	display: none;
	padding: 0 40px;
}

.class-type .show {
	display: block;
}

.class-type .type-list-pg .type-info {
	margin-bottom: 30px;
	padding: 22px;
	border: 1px dashed #3799ff;
	box-sizing: border-box;
}

.class-type .type-list-pg .type-info p {
	font-size: 14px;
	line-height: 32px;
	color: #666;
}

.class-type .type-list-pg .type-info p span {
	color: #3799ff;
}

.class-type .type-list-pg .item-tab {
	margin-bottom: 30px;
}

.class-type .type-list-pg .item-tab ul {
	margin: -20px 0 0 -20px;
}

.class-type .type-list-pg .item-tab ul li {
	float: left;
	width: 142px;
	height: 46px;
	margin: 20px 0 0 20px;
	border: 1px solid #3799ff;
	font-size: 14px;
	line-height: 46px;
	color: #3799ff;
	text-align: center;
	box-sizing: border-box;
	transition: all .3s ease;
	cursor: pointer;
}

.class-type .type-list-pg .item-tab ul li:hover {
	color: #fff;
	background-color: #3799ff;
}

.class-type .type-list-pg .item-tab ul li.cur {
	color: #fff;
	background-color: #3799ff;
}

.class-type .type-list-pg .type-item-pg {
	display: none;
	margin-bottom: 30px;
}

.class-type .type-list-pg .active {
	display: block;
}

.class-type .type-list-pg .type-item-pg .type-table {
	float: left;
	width: 160px;
}

.class-type .type-list-pg .type-item-pg .w-table {
	width: 240px;
}

.class-type .type-list-pg .type-item-pg .type-table dl {
	width: 100%;
	font-size: 14px;
}

.class-type .type-list-pg .type-item-pg .type-table dt {
	width: 100%;
	height: 60px;
	border-top: 2px solid #3799ff;
	border-bottom: 1px solid #3799ff;
	font-weight: 600;
	line-height: 60px;
	color: #000;
	text-align: center;
}

.class-type .type-list-pg .type-item-pg .type-table dd {
	display: table;
	width: 100%;
	height: 80px;
	border-bottom: 1px dashed #ccc;
	line-height: 80px;
	color: #333;
	text-align: center;
}

.class-type .type-list-pg .type-item-pg .type-table dd label {
	display: table-cell;
	padding-left: 46px;
	text-align: left;
	background: url("../images/type-radio0.png") no-repeat left;
	background-position: 20px;
	vertical-align: middle;
	cursor: pointer;
}

.class-type .type-list-pg .type-item-pg .type-table dd label.selected {
	background: url("../images/type-radio1.png") no-repeat left;
	background-position: 20px;
}

.class-type .type-list-pg .type-item-pg .type-table dd input {
	display: none;
}

.class-type .type-list-pg .type-item-pg .type-table dd p {
	line-height: 1.4;
	display: table-cell;
	vertical-align: middle;
}

.class-type .type-list-pg .type-item-pg .price-table dd {
	font-size: 16px;
	color: #ff6b00;
}

.class-type .type-list-pg .type-item-pg .w-table dl {
	height: 100%;
}

.class-type .type-list-pg .type-item-pg .w-table dd {
	display: table;
	height: 100%;
	border-left: 1px dashed #ccc;
	line-height: 30px;
	box-sizing: border-box;
}

.class-type .type-list-pg .type-item-pg .w-table dd ol {
	display: table-cell;
	padding-left: 34px;
	vertical-align: middle;
}

.class-type .type-list-pg .type-item-pg .w-table dd ol li {
	text-align: left;
	padding-left: 22px;
	background: url("../images/w-table-icon.png") no-repeat left;
}

.class-type .cal-price {
	height: 60px;
	font-size: 16px;
	line-height: 60px;
}

.class-type .cal-price .plus {
	width: 986px;
	padding-right: 40px;
	color: #fff;
	text-align: right;
	background-color: #424c5b;
	box-sizing: border-box;
}

.class-type .cal-price .pay-btn {
	width: 214px;
	height: 60px;
	color: #000;
	text-align: center;
	background-color: #ffc600;
	cursor: pointer;
}

.hotbig {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 30px;
	background: url(../images/hot-big.gif) no-repeat center;
	background-size: 100% 100%;
	top: 8px;
}

.hot {
	display: inline-block;
	width: 25px;
	height: 15px;
	background: url(../images/hot.gif) no-repeat center;
	position: relative;
	left: 10px;
	top: 5px;
}

.w-table dd ol li.red {
	color: #ff0000;
}

.w-table dd ol li.pink {
	color: #ff79ee;
}

.w-table dd ol li.red,
.w-table dd ol li.pink {
	display: none;
}

/*--------------------class-type end-------------------*/

/*main*/

.main {
	width: 100%;
	height: 718px;
	min-width: 1200px;
	padding-bottom: 60px;
	background-color: #fff;
}

.main .wrapper {
	height: 100%;
}

.main .side-nav {
	width: 280px;
	height: 100%;
	background-color: #f7f9fa;
	box-sizing: border-box;
}

.main .side-nav .countdown {
	position: relative;
	width: 100%;
	height: 72px;
	margin-bottom: 7px;
	font-size: 0;
	line-height: 72px;
	text-align: center;
	background-color: #0b4e9f;
}

.main .side-nav .countdown span,
.main .side-nav .countdown p {
	display: inline-block;
}

.main .side-nav .countdown .text {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	vertical-align: middle;
}

.main .side-nav .countdown .time {
	position: relative;
	margin-left: 12px;
	margin-right: 10px;
}

.main .side-nav .countdown .time .time-text {
	height: 32px;
	width: 24px;
	background: url(../images/section1_time_bg.png) no-repeat center center;
	font-size: 25px;
	line-height: 32px;
	text-align: center;
	color: #ffffff;
	margin-right: 4px;
	vertical-align: middle;
}

.main .side-nav .calendar {
	margin-bottom: 12px;
	overflow: hidden;
}

.main .side-nav .calendar .cal-tag {
	padding: 8px 0 12px 20px;
	font-size: 18px;
	letter-spacing: 2px;
}

.main .side-nav .calendar .cal-tag span {
	color: #0b4e9f;
}

.main .side-nav .calendar .cal-info ul li {
	position: relative;
	width: 240px;
	height: 42px;
	padding-left: 20px;
	line-height: 42px;
	color: #333;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}

.main .side-nav .calendar .cal-info ul li:hover {
	background-color: rgba(11, 78, 159, .2);
}

.main .side-nav .calendar .cal-info ul li .cal-month {
	float: left;
	width: 68px;
	padding-right: 20px;
	background: url('../images/caltendar.png') no-repeat 70px center;
}

.main .side-nav .calendar .cal-info ul li .cal-cover {
	float: left;
	margin-left: 20px;
}

.main .side-nav .calendar .cal-info ul li .cal-detail {
	display: none;
	float: left;
}

.main .side-nav .calendar .cal-info ul li .cal-detail span {
	display: inline-block;
	margin: 0 4px;
}

.main .side-nav .calendar .cal-info ul li .cal-detail span:hover {
	color: #0b4e9f;
}

.main .side-nav dl {
	margin-bottom: 14px;
	padding-left: 20px;
}

.main .side-nav dt {
	font-size: 18px;
	line-height: 24px;
	color: #000;
}

.main .side-nav dd {
	font-size: 0;
}

.main .side-nav dd a {
	display: inline-block;
	margin-right: 20px;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}

.main .side-nav dd a:hover {
	color: #333;
}

.main .main-content {
	position: relative;
	width: 900px;
	height: 100%;
	overflow: hidden;
}

.main .main-content .main-title {
	position: relative;
	width: 100%;
	padding-bottom: 8px;
	border-bottom: 1px solid #e5e5e5;
	line-height: 24px;
}

.main .main-content .main-title .main-title-tag {
	position: absolute;
	padding-bottom: 8px;
	border-bottom: 1px solid #3799ff;
	font-size: 18px;
	color: #000;
}

.main .main-content .main-title .main-title-more {
	position: relative;
	left: 0;
	font-size: 14px;
	color: #333;
	transition: all .3s ease;
}

.main .main-content .main-title .main-title-more:hover {
	left: 8px;
	color: #000;
}

.main .main-content .main-show {
	width: 580px;
	height: 640px;
}

.main .main-content .main-show .carousel {
	position: relative;
	width: 100%;
	height: 304px;
	margin-bottom: 30px;
}

.main .main-content .main-show .carousel .caro-img {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.main .main-content .main-show .carousel .caro-img ul {
	position: relative;
	width: 100%;
	height: 100%;
}

.main .main-content .main-show .carousel .caro-img ul li {
	position: absolute;
	width: 100;
}

.main .main-content .main-show .carousel .caro-img ul li:first-child {
	z-index: 9;
}

.main .main-content .main-show .carousel .caro-img ul li img {
	width: 100%;
}

.main .main-content .main-show .carousel .caro-cover .caro-info {
	display: none;
}

.main .main-content .main-show .carousel .caro-cover {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 11;
	width: 100%;
	height: 150px;
	padding: 80px 0 0 40px;
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .6));
	box-sizing: border-box;
}

.main .main-content .main-show .carousel .caro-cover .caro-info {
	display: none;
}

.main .main-content .main-show .carousel .caro-cover .caro-info .caro-title {
	font-size: 18px;
	line-height: 20px;
	color: #fff;
}

.main .main-content .main-show .carousel .caro-cover .caro-info .caro-tip {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}

.main .main-content .main-show .carousel .caro-btn {
	position: absolute;
	z-index: 99;
	left: 50%;
	bottom: 10px;
	margin-left: -8px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.main .main-content .main-show .carousel .caro-btn a {
	display: block;
	float: left;
	width: 8px;
	height: 8px;
	margin-left: 8px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: #fff;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.main .main-content .main-show .carousel .caro-btn a.cur {
	background-color: #3799ff;
}

.main .main-content .main-show .carousel .caro-btn a:hover {
	background-color: #3799ff;
}

.main .main-content .main-show .carousel .slide {
	position: absolute;
	top: 0;
	z-index: 999;
	width: 36px;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.main .main-content .main-show .carousel .slide-left-btn {
	left: -40px;
	background: url('../images/caro-left.png') no-repeat center;
}

.main .main-content .main-show .carousel .slide-right-btn {
	right: -40px;
	background: url('../images/caro-right.png') no-repeat center;
}

.main .main-content .main-show .announcement .ann-list {
	padding-top: 10px;
	overflow: hidden;
}

.main .main-content .main-show .announcement .ann-list ul {
	position: relative;
	top: 0;
	overflow: hidden;
}

.main .main-content .main-show .announcement .ann-list ul li {
	height: 35px;
	font-size: 0;
	line-height: 34px;
}

.main .main-content .main-show .announcement .ann-list ul li span {
	display: inline-block;
	font-size: 14px;
}

.main .main-content .main-show .announcement .ann-list ul li .ann-province {
	padding-right: 10px;
	color: #0353a6;
}

.main .main-content .main-show .announcement .ann-list ul li .ann-mid {
	width: 2px;
	height: 12px;
	margin-right: 12px;
	background-color: #0353a6;
}

.main .main-content .main-show .announcement .ann-list ul li .ann-detail {
	color: #000;
	cursor: pointer;
}

.main .main-content .main-show .announcement .ann-list ul li .ann-detail a:hover {
	color: #333;
	text-decoration: underline;
}

.main .main-content .main-show .announcement .ann-list ul li .ann-detail .ann-hot {
	display: inline-block;
	width: 28px;
	height: 20px;
	margin-top: -8px;
	background: url('../images/ann-list-hot.gif') no-repeat center;
	vertical-align: middle;
}

.main .main-content .main-show .announcement .ann-list ul li .ann-detail .ann-new {
	display: inline-block;
	width: 22px;
	height: 14px;
	margin: -6px 0 0 4px;
	background: url('../images/ann-list-new.gif') no-repeat center;
	vertical-align: middle;
}

.main .main-content .main-show .announcement .ann-list ul li .ann-time {
	color: #999;
}

.main .main-content .main-other {
	width: 282px;
	height: 640px;
}

.main .main-content .main-other .spot {
	position: relative;
	height: 304px;
	margin-bottom: 30px;
}

.main .main-content .main-other .spot .main-title {
	height: 24px;
	margin-bottom: 14px;
}

.main .main-content .main-other .spot .spot-list {
	padding-left: 16px;
	border-left: 1px solid #e5e5e5;
}

.main .main-content .main-other .spot .spot-list ul li {
	position: relative;
	margin-bottom: 6px;
}

.main .main-content .main-other .spot .spot-list ul li .border-dec {
	position: absolute;
	top: 4px;
	left: -24px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: #fff;
	box-sizing: border-box;
}

.main .main-content .main-other .spot .spot-list ul li .border-dec .inner-dec {
	position: relative;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	border: 1px solid #e5e5e5;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	box-sizing: border-box;
	background-color: #fff;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.main .main-content .main-other .spot .spot-list ul li .spot-info {
	font-size: 14px;
	line-height: 24px;
	color: #000;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.main .main-content .main-other .spot .spot-list ul li .spot-info a:hover {
	text-decoration: underline;
}

.main .main-content .main-other .spot .spot-list ul li .spot-time {
	font-size: 12px;
	line-height: 24px;
	color: #999;
}

.main .main-content .main-other .spot .spot-more {
	position: absolute;
	right: 8px;
	bottom: -12px;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	transition: all .3s ease;
}

.main .main-content .main-other .spot .spot-more:hover {
	right: 0;
	color: #000;
}

.main .main-content .main-other .tool .main-title {
	height: 24px;
	margin-bottom: 16px;
}

.main .main-content .main-other .tool .tool-item {
	width: 280px;
	height: 80px;
	margin-bottom: 10px;
}

.main .main-content .main-other .tool .tool-item .tool-name {
	float: left;
	width: 30px;
	height: 100%;
	padding-top: 16px;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background-color: #3799ff;
	box-sizing: border-box;
}

.main .main-content .main-other .tool .tool-item .tool-link {
	float: left;
	width: 250px;
	height: 100%;
	padding: 20px 18px;
	background-color: #f7f9fa;
	box-sizing: border-box;
}

.main .main-content .main-other .tool .tool-item .tool-link ul {
	height: 100%;
}

.main .main-content .main-other .tool .tool-item .tool-link ul li {
	float: left;
	width: 64px;
	margin-right: 10px;
	margin-bottom: 6px;
	font-size: 14px;
	color: #000;
	white-space: nowrap;
	cursor: pointer;
}

.main .main-content .main-other .tool .tool-item .tool-link ul li:nth-child(3),
.main .main-content .main-other .tool .tool-item .tool-link ul li:nth-child(6) {
	margin-right: 0;
}

.main .main-content .main-other .tool .tool-item .tool-link ul li:hover {
	color: #3799ff;
}

.main .main-content .main-school {
	position: relative;
	width: 3200px;
	height: 60px;
	margin-top: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background-color: #f7f9fa;
	box-sizing: border-box;
	overflow: hidden;
}

.main .main-content .main-school .left-btn {
	position: absolute;
	left: 0;
	z-index: 9;
	width: 20px;
	height: 100%;
	background: url('../images/main-school-left.png') no-repeat center #eef1f1;
	cursor: pointer;
}

.main .main-content .main-school .right-btn {
	position: absolute;
	left: 880px;
	z-index: 9;
	width: 20px;
	height: 100%;
	background: url('../images/main-school-right.png') no-repeat center #eef1f1;
	cursor: pointer;
}

.main .main-content .main-school .school-info {
	position: absolute;
	left: -580px;
}

.main .main-content .main-school .school-info ul {
	width: 100%;
	height: 60px;
}

.main .main-content .main-school .school-info ul li {
	float: left;
	width: 160px;
	margin-right: 50px;
	padding-top: 8px;
	font-size: 14px;
	line-height: 22px;
	color: #666;
	cursor: pointer;
}

.main .main-content .main-school .school-info ul li p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/*university*/

.university {
	width: 100%;
	padding-bottom: 34px;
	background-color: #fff;
	overflow: hidden;
}

.university .unit-list {
	position: relative;
	width: 100%;
	height: 270px;
}

.university .unit-list .unit-slide-btn {
	position: absolute;
	top: 110px;
	z-index: 9;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(0, 0, 0, .5);
	cursor: pointer;
}

.university .unit-list .slide-left {
	left: -60px;
	background-image: url('../images/unit-slide-left.png');
}

.university .unit-list .slide-right {
	right: -60px;
	background-image: url('../images/unit-slide-right.png');
}

.university .unit-list .unit-slide-btn:hover {
	background-color: rgba(0, 0, 0, .7);
}

.university .unit-list ul {
	position: absolute;
	left: 0;
	width: 4000px;
	height: 100%;
	font-size: 0;
}

.university .unit-list ul li {
	display: inline-block;
	position: relative;
	width: 368px;
	height: 270px;
	margin-right: 20px;
	cursor: pointer;
}

.university .unit-list ul li img {
	width: 100%;
	height: 100%;
}

.university .unit-list ul li .cover {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 30%;
	padding-top: 22px;
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .9));
	box-sizing: border-box;
}

.university .unit-list ul li .cover p {
	line-height: 24px;
	color: #fff;
	text-align: center;
}

.university .unit-list ul li .cover p.unit-name {
	font-size: 18px;
}

.university .unit-list ul li .cover p.unit-reco {
	font-size: 14px;
}

.university .unit-list ul li:last-child {
	margin-right: 0;
}

/*plan*/
.plan {
	width: 100%;
	min-width: 1200px;
	height: 872px;
	background: linear-gradient(to top, #2084f7 196px, #fff 196px);
}

.plan .item-title-s {
	margin-bottom: 90px;
}

.plan .plan-con {
	float: left;
}

.plan .plan-info {
	display: none;
	height: 454px;
}

.plan .show {
	display: block;
}

.plan .plan-info .plan-item {
	margin-bottom: 32px;
}

.plan .plan-info .plan-item .plan-tag {
	position: relative;
	width: 106px;
	height: 36px;
	margin: 0 0 18px 12px;
	font-size: 18px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	background-color: #2084f7;
}

.plan .plan-info .plan-item .plan-tag span {
	display: inline-block;
	position: absolute;
	left: -12px;
	width: 6px;
	height: 100%;
	margin-right: 6px;
	background-color: #2084f7;
}

.plan .plan-info .plan-item p {
	font-size: 14px;
	line-height: 28px;
	color: #000;
}

.plan .plan-info .plan-item p .plan-title {
	color: #2084f7;
}

.plan .plan-info .plan-item p .order {
	display: inline-block;
	margin: -6px 3px 0 0;
	font-size: 16px;
	vertical-align: middle;
}

.plan .plan-con .plan-slide {
	position: relative;
	top: 72px;
	height: 30px;
}

.plan .plan-con .plan-slide .plan-slide-btn {
	float: left;
	width: 60px;
	height: 30px;
	border: 1px solid #a9a9a9;
	box-sizing: border-box;
	cursor: pointer;
}

.plan .plan-con .plan-slide .plan-slide-left {
	margin-right: 10px;
	background: url('../images/plan-slide-left.png') no-repeat center #fff;
}

.plan .plan-con .plan-slide .plan-slide-right {
	background: url('../images/plan-slide-right.png') no-repeat center #fff;
}

.plan .hand-by-hand {
	float: right;
	width: 560px;
	font-size: 0;
}

.plan .hand-by-hand .hand-item {
	display: inline-block;
	position: relative;
	width: 260px;
	height: 288px;
	margin: 0 0 20px 20px;
	padding: 60px 0 0 18px;
	border: 1px solid #2084f7;
	background-color: #fff;
	box-sizing: border-box;
	overflow: hidden;
}

.plan .hand-by-hand .hand-item:nth-child(even) {
	top: -40px;
}

.plan .hand-by-hand .hand-item .hand-tag {
	position: absolute;
	top: 0;
	right: 0;
	width: 142px;
	height: 32px;
	padding-left: 16px;
	font-size: 16px;
	line-height: 32px;
	color: #fff;
	text-align: center;
	background: linear-gradient(60deg, #fff 20px, #2084f7 20px);
	box-sizing: border-box;
}

.plan .hand-by-hand .hand-item .hand-title {
	font-size: 20px;
	line-height: 36px;
	color: #2084f7;
}

.plan .hand-by-hand .hand-item .hand-line {
	width: 24px;
	height: 1px;
	background-color: #2084f7;
}

.plan .hand-by-hand .hand-item .hand-info-first {
	font-size: 16px;
	line-height: 36px;
	color: #000;
}

.plan .hand-by-hand .hand-item .hand-info {
	font-size: 14px;
	line-height: 26px;
	color: #666;
}

.plan .hand-by-hand .hand-item .hand-info:hover {
	color: #000;
}

.plan .hand-by-hand .hand-item p {
	cursor: pointer;
}

/*sp-service*/
.sp-service {
	width: 100%;
	min-width: 1200px;
	padding-bottom: 60px;
	background-color: #fff;
}

.sp-service .service-item {
	height: 256px;
}

.sp-service .service-item ul {
	height: 100%;
	margin-left: -20px;
}

.sp-service .service-item ul li {
	float: left;
	width: 284px;
	height: 256px;
	margin-left: 20px;
	padding-top: 40px;
	box-sizing: border-box;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	cursor: pointer;
}

.sp-service .service-item ul li .service-icon {
	width: 100%;
	margin-bottom: 24px;
}

.sp-service .service-item ul li .service-icon img {
	display: block;
	width: 50px;
	margin: 0 auto;
}

.sp-service .service-item ul li .service-name {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	color: #000;
	text-align: center;
}

.sp-service .service-item ul li .service-info {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	text-align: center;
}

.sp-service .service-item ul li:hover {
	box-shadow: 0 0 43px -10px rgba(0, 0, 0, .07);
}

/*online*/
.online {
	width: 100%;
	min-width: 1200px;
	padding-bottom: 90px;
	background-color: #f7fbff;
}

.online .online-show .app-show {
	position: relative;
	width: 532px;
	height: 530px;
	margin-right: 80px;
	background: url('../images/app-show-bc.png') no-repeat center;
}

.online .online-show .app-show .long {
	position: absolute;
	left: 16px;
	width: 228px;
	height: 76px;
	padding: 16px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	background-color: #fff;
	box-sizing: border-box;
}

.online .online-show .app-show .long-up {
	top: 120px;
	margin-bottom: 32px;
}

.online .online-show .app-show .long-down {
	top: 228px;
}

.online .online-show .app-show .long .long-icon {
	float: left;
	margin-right: 22px;
}

.online .online-show .app-show .long .long-info {
	float: left;
}

.online .online-show .app-show .long .long-info .long-title {
	font-size: 16px;
	line-height: 20px;
	color: #0376f7;
}

.online .online-show .app-show .long .long-info .long-detail {
	font-size: 12px;
	line-height: 20px;
	color: #999;
}

.online .online-show .app-show .short {
	position: absolute;
	top: 150px;
	width: 80px;
	height: 76px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	background-color: #fff;
	box-sizing: border-box;
}

.online .online-show .app-show .short-left {
	right: 118px;
}

.online .online-show .app-show .short-right {
	right: 18px;
}

.online .online-show .app-show .short img {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.online .online-show .app-show .video {
	position: absolute;
	top: 258px;
	right: 0;
	width: 228px;
	height: 158px;
	padding-top: 16px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: linear-gradient(-45deg, #0376f7, #00c2e0);
	box-sizing: border-box;
}

.online .online-show .app-show .video .video-icon {
	position: relative;
}

.online .online-show .app-show .video .video-icon img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.online .online-show .app-show .video .video-icon img.inner {
	top: 28px;
}

.online .online-show .app-show .video .video-icon img.outer {
	top: 25px;
}

.online .online-show .app-detail {
	width: 546px;
	padding-top: 54px;
}

.online .online-show .app-detail .app-title {
	margin-bottom: 30px;
	font-size: 32px;
	color: #000;
}

.online .online-show .app-detail .app-info {
	margin-bottom: 24px;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}

.online .online-show .app-detail .app-feature {
	padding-bottom: 18px;
}

.online .online-show .app-detail .app-feature ul li {
	margin-bottom: 20px;
	padding-left: 30px;
	color: #666;
	background: url('../images/app-feature-icon.png') no-repeat left;
}

.online .online-show .app-detail .app-feature ul li .feature-name {
	display: inline-block;
	width: 100px;
	margin-right: 32px;
	font-weight: lighter;
	font-size: 16px;
}

.online .online-show .app-detail .app-feature ul li .feature-info {
	font-size: 14px;
}

.online .online-show .app-detail .go-app {
	width: 172px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	background-color: #3799ff;
	cursor: pointer;
}

.online .online-show .app-detail .go-app span {
	display: inline-block;
	width: 26px;
	height: 8px;
	margin: -5px 0 0 8px;
	background: url('../images/go-app.png') no-repeat center;
	vertical-align: middle;
}

/*teacher*/
.teacher {
	position: relative;
	width: 100%;
	min-width: 1200px;
	padding-bottom: 70px;
	background-color: #fff;
}

.teacher .teacher-list {
	position: relative;
	width: 1120px;
	height: 326px;
	margin: 0 auto;
	overflow: hidden;
}

.teacher .teacher-list ul {
	position: absolute;
	left: 0;
	width: 3808px;
	height: 100%;
}

.teacher .teacher-list ul li {
	float: left;
	width: 224px;
	height: 100%;
	box-sizing: border-box;
	cursor: pointer;
}

.teacher .teacher-list ul li .teacher-img {
	position: relative;
	width: 100%;
	height: 270px;
	margin-bottom: 18px;
}

.teacher .teacher-list ul li .teacher-img .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 24px 20px;
	color: #fff;
	background-color: rgba(0, 0, 0, .68);
	box-sizing: border-box;
	opacity: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.teacher .teacher-list ul li .teacher-img .cover .teacher-name {
	margin-bottom: 12px;
	font-size: 18px;
	line-height: 20px;
}

.teacher .teacher-list ul li .teacher-img .cover .teacher-info {
	font-size: 14px;
	line-height: 24px;
}

.teacher .teacher-list ul li .teacher-img img {
	width: 100%;
	height: 100%;
}

.teacher .teacher-list ul li .teacher-intro {
	font-size: 0;
	text-align: center;
}

.teacher .teacher-list ul li .teacher-intro .name {
	margin-right: 32px;
	font-size: 18px;
	line-height: 20px;
	color: #000;
}

.teacher .teacher-list ul li .teacher-intro .main-course {
	font-size: 14px;
	line-height: 20px;
	color: #666;
}

.teacher .teacher-list ul li:hover .teacher-img .cover {
	opacity: 1;
}

.teacher .show-btn {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.teacher .show-btn a {
	display: inline-block;
	width: 24px;
	height: 4px;
	margin-right: 6px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	background-color: #eee;
	box-shadow: 1px 1px 1px rgba(238, 238, 238, .43);
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.teacher .show-btn a:last-child {
	margin-right: 0;
}

.teacher .show-btn a.cur {
	background-color: #3799ff;
	box-shadow: 1px 1px 1px rgba(55, 153, 255, .43);
}

.teacher .show-btn a:hover {
	background-color: #3799ff;
	box-shadow: 1px 1px 1px rgba(55, 153, 255, .43);
}

/*mid-show*/
.mid-show {
	width: 100%;
	min-width: 1200px;
	height: 184px;
	background: url('../images/mid-show-bc.png') no-repeat center;
	cursor: default;
}

.mid-show ul {
	height: 100%;
	padding-top: 42px;
	box-sizing: border-box;
}

.mid-show ul li {
	float: left;
	width: 400px;
	height: 100px;
	padding: 10px 0 0 80px;
	border-right: 1px solid rgba(255, 255, 255, .5);
	color: #fff;
	box-sizing: border-box;
}

.mid-show ul li:last-child {
	border-right: none;
}

.mid-show ul li .show-icon {
	float: left;
	width: 40px;
	margin-right: 30px;
	padding-top: 30px;
}

.mid-show ul li .show-info {
	float: left;
}

.mid-show ul li .show-info .show-name {
	margin-bottom: 16px;
	font-size: 18px;
	line-height: 24px;
}

.mid-show ul li .show-info .show-detail {
	font-size: 14px;
	line-height: 24px;
}

/*feature*/
.feature {
	width: 100%;
	min-width: 1200px;
	padding-bottom: 60px;
	background-color: #fff;
}

.feature .feature-show ul {
	height: 700px;
	margin-left: -20px;
}

.feature .feature-show ul li {
	float: left;
	width: 386px;
	height: 320px;
	margin: 0 0 30px 20px;
	padding: 10px;
	text-align: center;
	box-sizing: border-box;
	transition: all .3s ease;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.feature .feature-show ul li .feature-img {
	width: 100%;
	height: 180px;
	margin-bottom: 30px;
}

.feature .feature-show ul li .feature-name {
	margin-bottom: 18px;
	font-size: 18px;
	color: #000;
}

.feature .feature-show ul li .feature-info {
	font-size: 14px;
	line-height: 20px;
	color: #666;
}

.feature .feature-show ul li:hover {
	background-color: #3799ff;
}

.feature .feature-show ul li:hover .feature-name {
	color: #fff;
}

.feature .feature-show ul li:hover .feature-info {
	color: #fff;
}

/*--------------------ex-book start----------------*/
.book {
	width: 100%;
	min-width: 1200px;
	padding-bottom: 20px;
	background-color: #f7fbff;
}

.book .book-list {
	width: 100%;
	height: 340px;
	padding: 0 40px;
	background-color: #fff;
	box-sizing: border-box;
}

.book .book-list ul {
	height: 312px;
	margin-left: -18px;
}

.book .book-list ul li {
	float: left;
	width: 208px;
	height: 312px;
	margin-left: 18px;
	box-sizing: border-box;
	cursor: pointer;
}

.book .book-list ul li .book-img {
	position: relative;
	width: 220px;
	height: 230px;
	transition: all .3s ease;
}

.book .book-list ul li .book-img img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	/*height: 226px;*/
	transform: translate(-50%, -50%);
	width: 100%;
}

.book .book-list ul li .book-name {
	margin: 16px 0;
	padding: 0 14px;
	font-size: 14px;
	color: #333;
}

.book .book-list ul li .book-price span {
	font-size: 16px;
	color: #ff6b00;
}

.book .book-list ul li .book-price del {
	font-size: 14px;
	color: #999;
}

.book .book-list ul li:hover .book-img {
	position: relative;
	z-index: 9;
	background-color: transparent;
	transform: scale(1.4);
}

/*--------------------ex-book end------------------*/

/*--------------------rela-news start----------------*/
.rela-news {
	width: 100%;
	min-width: 1200px;
	padding-bottom: 60px;
	background-color: #fff;
}

.rela-news .rela-news-con {
	margin-bottom: 20px;
}

.rela-news .rela-news-con ul {
	margin-left: -34px;
}

.rela-news .rela-news-con ul>li {
	float: left;
	width: 376px;
	margin-left: 34px;
}

.rela-news .rela-news-con ul>li ol {
	width: 350px;
}

.rela-news .rela-news-con ul>li ol li {
	width: 350px;
	height: 16px;
	margin-bottom: 18px;
	padding-left: 16px;
	font-size: 14px;
	line-height: 16px;
	color: #333;
	box-sizing: border-box;
	background: url("../images/list-style-disc.png") no-repeat left;
	cursor: pointer;
}

.rela-news .rela-news-con ul>li ol li:last-child {
	margin-bottom: 0;
}

.rela-news .rela-news-con ul>li ol li p {
	float: left;
	width: 246px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.rela-news .rela-news-con ul>li ol li span {
	float: right;
	color: #999;
}

.rela-news .rela-news-con ul>li ol li:hover {
	color: #000;
}

.rela-news .more {
	padding-right: 30px;
	color: #999;
	text-align: right;
	cursor: pointer;
}

.rela-news .more:hover {
	color: #666;
}

/*--------------------rela-news end------------------*/
#above-fk {
	height: 520px;
}
.ziliao{
	padding-left: 20px;
}
.ziliao1{
	padding-top: 10px; 
} 
.above-fk .ziliao1 p{
	 line-height: 30px;
}
.ziliao h3{
	font-weight: 400;
	line-height: 30px;
}

.ziliao p{
	line-height: 25px;
	display: flex;
	align-items: center;
	font-size: 13px;
}
.ziliao p em{
	width: 7px;
	height: 7px;
	background-color: #ffffff;
	margin-right: 5px;
}
.ziliao p span{
	font-size: 12px;
	line-height: 20px;
}
#above-fk .class-info ol li span{
	line-height: 23px;
}
#above-fk .class-info ul>li.fk-one-list{
	width: 405px;
}
#above-fk  .class-info ul>li.fk-two-list{
	width: 240px;
	background-color: #f1f9ff;
}
#above-fk  .class-info ul>li.fk-two-list  .info-detail{
	 padding: 0 20px;
 }
#above-fk .class-info ul>li.fk-three-list{
	background-color: #fafafa;
	width: 206px;
}
#above-fk  .class-info ul>li.fk-three-list .info-detail{
	 padding-left:20px;
 }
#above-fk .class-info ol .fk-red,
#above-fk .class-info ol .fk-red span{
	 /*color: red;*/
 }
#above-fk .class-info ol li .info-icon2{
	margin-right: 0;
	background-image: url(../images/subcate-class-info-icon-5.png);
}
.class-type .type-list .type-item .class-info ol.jianzhu li span.teacher-name{
	font-size: 12px;
}
.class-type .fifth .type-item .class-info ol.jianzhu li .info-icon{
	margin-right: 1px;
}
.class-type .sixth .type-item .class-info ol.jianzhu li .info-icon{
	margin-right: 1px;
}

.icon-orange {
	color: #ed7842!important;
}
.icon-blue {
	color: #3e78fd!important;
}