.class-type:hover {
	opacity: .9
}

.type-words {
	background: #f5c607!important
}

.type-poster {
	background: #ff7c00!important
}

.type-sysn {
	background: #40b0ff!important
}

.type-task {
	background: #f2c763!important
}

.type-software {
	background: #6ebd6b!important
}

.type-c4d {
	background: #367dd5!important
}

.type-synthesis {
	background: #00a99d!important
}

.type-cpjx {
	background: #b062a3!important
}

.type-syhq {
	background: #494166!important
}

.type-lesson {
	background: #779210!important
}

.type-dynamic {
	background: #d49688!important
}

.type-occupation {
	background: #00528e!important
}

.type-printing {
	background: #a68369!important
}

.type-portrait {
	background: #ccb374!important
}

.type-illustration {
	background: #ea5442!important
}

.type-store {
	background: #617f74!important
}

.type-packing {
	background: #e5869a!important
}

.type-indoor {
	background: #74c4c4!important
}

.type-foreign {
	background: #fbb03b!important
}

.type-brand {
	background: #00a2b9!important
}

.type-ui {
	background: #eb4c8c!important
}

.type-work {
	background: #7e57c2!important
}

.type-student {
	background: #ce5777!important
}

.type-program {
	background: #067afe!important
}

.type-shortvideo {
	background: #F88451!important
}

.type-examination {
	background: #c9d650!important
}

.type-foreignstudy {
	background: #a9b6fd!important
}

.type-blender {
	background: #0E548B!important
}

.slate5-shadow {
	transition: box-shadow .2s,-webkit-transform .2s;
	transition: box-shadow .2s,transform .2s;
	transition: box-shadow .2s,transform .2s,-webkit-transform .2s
}

.slate5-shadow:hover {
	box-shadow: 0 6px 15px rgba(0,0,0,.1)!important;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

#body-container {
	padding-bottom: 381px!important
}

.hk-navigation .nav-slide .slide-btn {
	background-color: rgba(0,0,0,.5);
	border-radius: 6px;
	opacity: 1;
	transition: all .2s
}

.hk-navigation .nav-slide .slide-btn:hover {
	background-color: rgba(0,0,0,.6)
}

.nav-slide .slide-btn.next {
	margin-right: -666px
}

.nav-slide .slide-btn.next:before {
	background-position: -13px 0
}

.nav-banner .banner-cover {
	position: absolute;
	left: 50%;
	margin-left: 340px;
	background: rgba(0,0,0,.8);
	width: 280px;
	padding: 4px;
	height: 80px;
	bottom: 0;
	cursor: pointer;
	transition: all .2s
}

.nav-banner .banner-cover:hover {
	width: 340px;
	border-radius: 40px 0 0 40px;
	margin-left: 280px
}

.nav-banner .banner-cover:hover .cover-m {
	border-radius: 36px 0 0 36px;
	padding-left: 60px
}

.nav-banner .banner-cover:hover .video-icon {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
	left: 15px
}

.nav-banner .banner-cover .cover-m {
	border: 1px #e5ba81 solid;
	width: 100%;
	height: 72px;
	position: relative;
	transition: all .2s
}

.nav-banner .banner-cover .video-icon {
	width: 39px;
	height: 39px;
	background: url(/assets/revision/images/home/index-icon.v17.png) 0 -100px;
	position: absolute;
	left: -15px;
	top: 15px;
	opacity: 0;
	-webkit-transform: rotate(-250deg);
	transform: rotate(-250deg);
	transition: all .4s .1s
}

.nav-banner .banner-cover .c1 {
	padding: 15px 15px 0 15px
}

.nav-banner .banner-cover .c1 dt {
	font-size: 18px;
	font-weight: 700;
	color: #e5ba81
}

.nav-banner .banner-cover .c1 dd {
	padding-top: 8px;
	font-size: 12px;
	color: #fff
}

.nav-banner .banner-cover .c1 dd span {
	color: #ff660f
}

.nav-banner .banner-cover .c2 {
	padding: 15px 0 0 15px;
	position: relative
}

.nav-banner .banner-cover .c2:before {
	position: absolute;
	content: "";
	left: 0;
	top: 20px;
	height: 30px;
	width: 1px;
	background: #e5ba81
}

.nav-banner .banner-cover .c2 dt {
	font-size: 16px;
	color: #fff
}

.nav-banner .banner-cover .c2 dd {
	padding-top: 8px;
	font-size: 12px;
	color: #fff
}

.nav-banner .banner-cover .c2 dd .play-icon {
	display: inline-block;
	vertical-align: -4px;
	width: 17px;
	height: 17px;
	background: url(/assets/revision/images/home/index-icon.v17.png) -185px -48px;
	margin-left: 7px
}

#body-container {
	padding-bottom: 381px!important
}

#body-container .subnav {
	padding-top: 30px;
	background: #fff
}

#body-container .subnav .subnav-list {
	width: 560px;
	position: relative
}

#body-container .subnav .subnav-list.list-1 {
	width: 204px
}

#body-container .subnav .subnav-list.list-2 {
	width: 240px
}

#body-container .subnav .subnav-btn {
	width: 83px
}

#body-container .subnav .subnav-list .list-top {
	display: block;
	max-width: 100%;
	padding-right: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #666;
	line-height: 20px;
	margin-bottom: 12px
}

#body-container .subnav .subnav-list .list-top-left {
	display: inline-block
}

#body-container .subnav .subnav-list:first-child .list-top {
	padding-right: 23px
}

#body-container .subnav .subnav-list .list-top .icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 4px;
	vertical-align: top
}

#body-container .subnav .subnav-list .list-top span {
	color: #333
}

#body-container .subnav .subnav-list .list-top small {
	margin-left: 5px
}

#body-container .subnav .subnav-list .list-top .mv-right {
	cursor: pointer
}

#body-container .subnav .subnav-list .list-top .mv-right span {
	color: #666
}

#body-container .subnav .subnav-list .list-top .mv-right i {
	display: inline-block;
	width: 15px;
	height: 14px;
	margin-right: 5px;
	vertical-align: -2px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTUgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEIDc8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i6aaW6aG15bGV56S65aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc0NC4wMDAwMDAsIC04MC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC00Ij4KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtMTXlpIfku70iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA2NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTE4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNzI4LjAwMDAwMCwgOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0zMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMDAwMDAwLCA4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC03Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iIiBzdHJva2U9IiM5OTk5OTkiIHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHJ4PSIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYsNS4xNTYyMjA4NyBMNiw4Ljc1NTU3MjExIEM2LDkuMDg2OTQyOTYgNi4yNjg2MjkxNSw5LjM1NTU3MjExIDYuNiw5LjM1NTU3MjExIEM2LjczNTczMzU0LDkuMzU1NTcyMTEgNi44Njc0NTY1Myw5LjMwOTU0OTE5IDYuOTczNjU2MTcsOS4yMjUwMTk3MyBMOS4zNzMyMjM2Nyw3LjMxNTA4NzMzIEM5LjYzMjQ5MjQzLDcuMTA4NzIyNzIgOS42NzUzNzk3Miw2LjczMTI1MjMgOS40NjkwMTUxMSw2LjQ3MTk4MzU0IEM5LjQzMzQ0NjIyLDYuNDI3Mjk2MTIgOS4zOTE2Nzg5LDYuMzg3OTE2MjcgOS4zNDQ5Nzc2MSw2LjM1NTAzNjE2IEw2Ljk0NTQxMDEyLDQuNjY1NjE3MzEgQzYuNjc0NDU3MjYsNC40NzQ4NTI1NyA2LjMwMDE2MTE4LDQuNTM5ODU3ODkgNi4xMDkzOTY0NCw0LjgxMDgxMDc1IEM2LjAzODIwODAyLDQuOTExOTIzMjkgNiw1LjAzMjU2MTkyIDYsNS4xNTYyMjA4NyBaIiBpZD0i6Lev5b6ELTIiIHN0cm9rZT0iIzk5OTk5OSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIGZpbGw9IiM5OTk5OTkiIHg9IjExIiB5PSIyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiByeD0iMSI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
	background-size: cover
}

#body-container .subnav .subnav-list .list-top .mv-right em {
	font-weight: 400;
	color: #ff583d
}

#body-container .subnav .subnav-list .list-top .mv-right:hover span,#body-container .subnav .subnav-list .list-top .mv-right:hover em {
	color: #E3AD13
}

#body-container .subnav .subnav-list>a {
	display: block;
	float: left;
	vertical-align: top;
	width: 60px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
	padding: 12px 0;
	margin-right: 20px
}

#body-container .subnav .subnav-list.list-1>a {
	width: 82px
}

#body-container .subnav .subnav-list.list-2>a:last-child {
	text-align: right
}

#body-container .subnav .subnav-list .a-width {
	width: 68px
}

#body-container .subnav .subnav-list .a-career {
	width: auto !important;
	max-width: 218px;
	position: absolute;
	right: 22px;
	top: 70px;
	margin-right: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#body-container .subnav .subnav-list .live2 {
	float: left;
	width: 100%;
	padding-right: 20px
}

#body-container .subnav .subnav-list .a-live2 {
	display: block;
	float: left;
	width: 50%;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
	padding: 12px 5px 12px 0;
	margin-right: 0;
	transition: all .2s
}

#body-container .subnav .subnav-list .a-live2.right {
	text-align: right;
	padding: 12px 0 12px 5px
}

#body-container .subnav .subnav-list .a-live2:hover {
	color: #e3ad13
}

#body-container .subnav .subnav-list .a-career img,#body-container .subnav .subnav-list .a-living img {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	margin-right: 4px;
	margin-top: -4px
}

#body-container .subnav .subnav-list .a-title {
	width: auto !important;
	padding: 0 !important
}

#body-container .subnav .subnav-list.list-1 .a-title {
	max-width: 188px
}

#body-container .subnav .subnav-btn a:hover,#body-container .subnav .subnav-list>a:hover {
	color: #e3ad13
}

#body-container .subnav .subnav-list .a-title:hover,#body-container .subnav .subnav-list .a-title:hover span {
	color: #e3ad13 !important
}

#body-container .subnav .line {
	width: 1px;
	height: 60px;
	background: #ddd;
	margin: 20px 36px 0 16px
}

#body-container .subnav .line:nth-child(4) {
	margin-left: 10px
}

#body-container .subnav .subnav-btn a {
	display: inline-block;
	line-height: 20px;
	font-size: 14px;
	color: #333;
	position: relative
}

#body-container .subnav .subnav-btn a span {
	display: inline-block;
	vertical-align: top;
	max-width: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#body-container .subnav .subnav-btn a:first-child {
	margin: 12px 0 35px
}

#body-container .subnav .subnav-btn a.has-new:before {
	content: 'New';
	width: 30px;
	height: 16px;
	line-height: 16px;
	background: #ff583d;
	border-radius: 3px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: -17px;
	right: 0
}

#body-container .subnav .subnav-btn a.has-new:first-child:before {
	content: '\7b54\7591';
}

#body-container .subnav .subnav-btn a img {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	margin-right: 4px
}

#body-container .subnav .layout-cont.position-r {
	position: relative
}

#body-container .subnav .soft-hover-c {
	width: 100%;
	height: 140px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid transparent;
	position: absolute;
	top: 62px;
	left: 0;
	z-index: 99;
	display: flex;
	box-shadow: 0 5px 16px 0 rgba(0,0,0,.1)
}

#body-container .subnav .soft-hover-c .li {
	flex: 1;
	text-align: center
}

#body-container .subnav .soft-hover-c .li:hover span {
	color: #E3AD13
}

#body-container .subnav .soft-hover-c .li i {
	display: block;
	margin: 20px auto 14px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	background: url(/assets/revision/images/software/software-type-icon.v2.png)
}

#body-container .subnav .soft-hover-c .li .icon-pm {
	background-position: 0 0
}

#body-container .subnav .soft-hover-c .li .icon-bg {
	background-position: 0 -52px
}

#body-container .subnav .soft-hover-c .li .icon-yx {
	background-position: 0 -105px
}

#body-container .subnav .soft-hover-c .li .icon-ui {
	background-position: 0 -157px
}

#body-container .subnav .soft-hover-c .li .icon-hy {
	background-position: 0 -209px
}

#body-container .subnav .soft-hover-c .li .icon-ys {
	background-position: 0 -262px
}

#body-container .subnav .soft-hover-c .li .icon-gy {
	background-position: 0 -314px
}

#body-container .subnav .soft-hover-c .li .icon-sj {
	background-position: 0 -367px
}

#body-container .subnav .soft-hover-c .li .icon-bc {
	background-position: 0 -420px
}

#body-container .subnav .soft-hover-c .li span {
	display: block;
	font-size: 14px;
	color: #333
}

#body-container .subnav .soft-hover-c .li small {
	margin-top: 8px;
	display: block;
	font-size: 14px;
	color: #999
}

#body-container .subnav .other-hover-c {
	width: 645px;
	height: 204px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid transparent;
	position: absolute;
	z-index: 99;
	padding: 20px;
	box-shadow: 0 5px 16px 0 rgba(0,0,0,.1)
}

#body-container .subnav .other-hover-c .h6 {
	padding-bottom: 14px
}

#body-container .subnav .other-hover-c .h6 .see-all {
	font-size: 14px;
	color: #333
}

#body-container .subnav .other-hover-c .h6 .see-all:hover,#body-container .subnav .other-hover-c .li-c .li:hover span {
	color: #E3AD13
}

#body-container .subnav .other-hover-c .li-c .li {
	width: 140px;
	margin-right: 14px
}

#body-container .subnav .other-hover-c .li-c .li:nth-child(4n+4) {
	margin-right: 0
}

#body-container .subnav .other-hover-c .li-c .li .img {
	position: relative;
	width: 100%;
	height: 86px;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 10px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

#body-container .subnav .other-hover-c .li-c .li .img .play-btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.35);
	opacity: 0;
	transition: all .25s
}

#body-container .subnav .other-hover-c .li-c .li .img .play-btn:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	width: 60px;
	height: 60px;
	background: url(/assets/revision/images/hk_new_index_icons3.png) 0 -115px;
	transform: scale(1);
	transition: all .25s
}

#body-container .subnav .other-hover-c .li-c .li .img:hover .play-btn {
	opacity: 1
}

#body-container .subnav .other-hover-c .li-c .li .img:hover .play-btn:before {
	transform: scale(.8)
}

#body-container .subnav .other-hover-c .li-c .li span {
	font-size: 14px;
	color: #333;
	height: 48px;
	line-height: 24px;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis
}

#body-container .subnav .live-hover-c {
	width: 645px;
	height: 204px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid transparent;
	position: absolute;
	z-index: 99;
	padding: 20px;
	box-shadow: 0 5px 16px 0 rgba(0,0,0,.1)
}

#body-container .subnav .live-hover-c.timeline {
	height: 236px
}

#body-container .subnav .live-hover-c .top-timeline {
	display: flex;
	align-items: center;
	justify-items: center;
	text-align: center;
	position: relative
}

#body-container .subnav .live-hover-c .top-timeline:before {
	content: '';
	width: 100%;
	height: 2px;
	background: rgba(253,147,64,.2);
	position: absolute;
	left: 0;
	bottom: 18px
}

#body-container .subnav .live-hover-c .top-timeline .tl-li {
	flex: 1
}

#body-container .subnav .live-hover-c .top-timeline .tl-li .tl-t {
	font-size: 14px;
	color: #333
}

#body-container .subnav .live-hover-c .top-timeline .tl-li .tl-t .rank-icon {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 0 0;
	width: 16px;
	height: 14px;
	border-radius: 3px;
	border: 1px solid #ff264f
}

#body-container .subnav .live-hover-c .top-timeline .tl-li .tl-t .rank-icon b {
	display: block;
	width: 100%;
	height: 7px;
	overflow: hidden;
	padding: 0 0 0 2px;
	margin-top: 3px
}

#body-container .subnav .live-hover-c .top-timeline .tl-li .tl-t .rank-icon em {
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 6px;
	background: #ff264f;
	margin-right: 2px
}

#body-container .subnav .live-hover-c .top-timeline .tl-li .tl-t .rank-icon em:nth-child(1) {
	animation: lineLive 1.2s linear .2s infinite
}

#body-container .subnav .live-hover-c .top-timeline .tl-li .tl-t .rank-icon em:nth-child(2) {
	animation: lineLive 1.2s linear .5s infinite
}

#body-container .subnav .live-hover-c .top-timeline .tl-li .tl-t .rank-icon em:nth-child(3) {
	animation: lineLive 1.2s linear .7s infinite
}

@keyframes lineLive {
	0% {
		transform: translateY(10px)
	}

	50% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(10px)
	}
}

#body-container .subnav .live-hover-c .top-timeline .tl-li .tl-t i {
	display: inline-block;
	vertical-align: top;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid #666;
	position: relative;
	margin: 0 5px 0 0
}

#body-container .subnav .live-hover-c .top-timeline .tl-li .tl-t i:before {
	content: '';
	width: 1px;
	height: 5px;
	background: #666;
	position: absolute;
	top: 2px;
	left: 5px
}

#body-container .subnav .live-hover-c .top-timeline .tl-li .tl-t i:after {
	content: '';
	width: 1px;
	height: 3px;
	background: #666;
	transform: rotate(-60deg);
	position: absolute;
	top: 6px;
	left: 6px
}

#body-container .subnav .live-hover-c .top-timeline .tl-li.living .tl-t {
	color: #ff264f
}

#body-container .subnav .live-hover-c .top-timeline .tl-li .tl-icon {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fd9340;
	margin: 15px auto 10px;
	position: relative
}

#body-container .subnav .live-hover-c .top-timeline .tl-li.living .tl-icon {
	background: #ff264f
}

#body-container .subnav .live-hover-c .top-timeline .tl-li .tl-icon:before {
	content: '';
	border: 4px solid transparent;
	border-left: 6px solid #fff;
	position: absolute;
	top: 6px;
	left: 8px
}

#body-container .subnav .live-hover-c .h6 {
	padding-bottom: 14px
}

#body-container .subnav .live-hover-c .h6 .see-all {
	font-size: 14px;
	color: #333
}

#body-container .subnav .live-hover-c .h6 .see-all:hover,#body-container .subnav .live-hover-c .li-c .li:hover span {
	color: #e3ad13
}

#body-container .subnav .live-hover-c .li-c .li {
	width: 140px;
	margin-right: 14px
}

#body-container .subnav .live-hover-c .li-c .li:nth-child(4n+4) {
	margin-right: 0
}

#body-container .subnav .live-hover-c .li-c .li .img {
	position: relative;
	width: 100%;
	height: 86px;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 10px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

#body-container .subnav .live-hover-c .li-c .li .img .play-btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.35);
	opacity: 0;
	transition: all .25s
}

#body-container .subnav .live-hover-c .li-c .li .img .play-btn:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	width: 60px;
	height: 60px;
	background: url(/assets/revision/images/hk_new_index_icons3.png) 0 -115px;
	transform: scale(1);
	transition: all .25s
}

#body-container .subnav .live-hover-c .li-c .li .img:hover .play-btn {
	opacity: 1
}

#body-container .subnav .live-hover-c .li-c .li .img:hover .play-btn:before {
	transform: scale(.8)
}

#body-container .subnav .live-hover-c .li-c .li span {
	font-size: 14px;
	color: #333;
	height: 48px;
	line-height: 24px;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis
}

#body-container .schedule .schedule-t {
	line-height: 24px
}

#body-container .schedule .schedule-t h3 {
	font-size: 18px;
	color: #333;
	font-weight: 400
}

#body-container .schedule .schedule-t .show-btn {
	width: 15px;
	height: 15px;
	border-radius: 3px;
	text-align: center;
	border: 1px #ddd solid;
	margin: 5px 0 0 10px;
	cursor: pointer;
	position: relative
}

#body-container .schedule .schedule-t .show-btn i {
	position: absolute;
	white-space: nowrap;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	left: -145px;
	top: -38px;
	background: rgba(0,0,0,.8);
	border-radius: 5px;
	z-index: 99;
	display: none
}

#body-container .schedule .schedule-t .show-btn i:before {
	content: '';
	position: absolute;
	left: 50%;
	width: 0;
	height: 0;
	border: 4px transparent solid;
	border-top-color: rgba(0, 0, 0, .8);
	top: 30px;
}

#body-container .schedule .schedule-t .show-btn:hover i {
	display: block
}

#body-container .schedule .schedule-t .show-btn:before,#body-container .schedule .schedule-t .show-btn:after {
	content: '';
	position: absolute;
	left: 6px;
	height: 9px;
	top: 2px;
	transform: rotate(45deg);
	background: #999;
	width: 1px;
}

#body-container .schedule .schedule-t .show-btn::after {
	transform: rotate(-45deg);
}

#body-container .schedule .schedule-t .more {
	color: #666;
	transition: color .2s;
}

#body-container .schedule .schedule-t .more:hover {
	color: #ff701d;
}

#body-container .schedule .schedule-m {
	position: relative;
	margin-top: 16px
}

#body-container .schedule .schedule-m .entry-vip {
	display: block;
	width: 170px;
	height: 120px;
	margin-top: 5px;
	margin-right: 20px;
	border-radius: 5px;
	border: 1px solid #ddd;
	position: relative;
	text-align: center;
	overflow: hidden;
	transition: all .2s
}

#body-container .schedule .schedule-m .entry-vip:hover {
	transform: translateY(-5px)
}

#body-container .schedule .schedule-m .entry-vip:before {
	content: '';
	width: 105px;
	height: 120px;
	transform: scale(.7);
	position: absolute;
	left: -52px;
	top: -14px;
	background-size: cover;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAB4CAYAAADxCNwEAAAABHNCSVQICAgIfAhkiAAACW5JREFUeJztnb9P204Yxp9w5OtwEAKyK4HUVN0idakyFlYQU2CpunfKxt+Qv8Fbpu7ZKiYklg60Y9QlUhiqKu6AiiMgAYcQjL9Deyhtg38kd74zyWdsyeVyj9/3nntfJ04h4VQqlbk3b94sXF9fZ/r9vgYAmqb1FxcXb758+dKrVCr3suc4KSnZE5iEarVKV1dXl13XnRv1/4SQ+/Pz8065XHbinhtPEimSaZra8+fPl1jkBKFpWv/Hjx9X+/v7fdFzE0GiRKrVaiSdTmdvbm7oOK/PZDLOYDDovnv3zuU9N5EkRqSPHz9m+/3+4mOpLSyEkHtN06739va6vOYmGuVF+vDhQ0bTtFwqlSI8x/U8z+33+5fv37+/4TmuCJQVqVarkfn5+ZWw+864aJrWv7u7u1A5BSonUqVSmXv16lXWdd3FON+XEHLdaDS6Klp2pUQ6PDxcvLy8zE6674wLIeQ+l8t1d3Z2rmW8/2MoIZJpmtra2tqy67pp2XMBAELI4PT0tKOKZZcqUq1WIwByrutmZM7jMQghNwAuZe9XUkSqVCpzxWJxkYelFg2z7PV6/VrWfhW7SNVqlWaz2SxvSy0amZY9NpGq1Wr62bNny6IttWg0TeufnZ11yuXyIK73FC5SpVKZe/369fK4pRxVyWQyztevXztxpEChIsm21KKJy7ILEck0Tc0wjJWk7Tvj4nmea9v2hSjLzlWkuEo5qiLKsnMRiVlqx3GyPMZLOpTSLk/LPrFIQd3RaYVnV3hskaJ2R6cVHl3hyCJN2h2dViax7JFE4tUdnVbG7QqHEklUd3RaiVpi8hVp2i21aMJ2hUeKJKs7Oq0EdYX/EWlmqeXgZ9kfRKpWq+nV1dUVVbqj0wohZHB+fn4xXGVPAcDBwQG9urpakTe1GX+ztLR0USqVHACYM01TmwmkHldXVyumaWoAMGcYxkwgRWHazD+Fs4+u6zAMA5T+KoK0Wi30ej04TqK/TIFUKkWq1Wp6XvZEJqFYLCKfzz+IwygUCgAA27ZRr9fRbrdlTI8LL1++/C+RIlFKsbGxAcMwfP/OMAxsb2/DsizU6/VERtbNzc1c4kTSdR2bm5v/RI8f+XweCwsL+Pz5cyKFStSBdRyBGIZhYGNjY6zXyiYxIhUKBWxvb0+0yIZhYGtrC7quc5yZeBIhUqFQQLFY5DIWpRSbm5uJEoq7SJubm9jd3eW2CDwFYogQqlgsYnd3V0g65S4Ss8Q8FkHX9UgC2bYN27ZD/S2vOVJKsbW1hUKhAEopFhYWJhpvFNzdnW3bDwfL7e1t1Ot1NJvNyOMwkxCE4zhoNpuwLOsP58YE9rPpTKjj4+OxzlKjjgK9Xi/yOEGQt2/fcr0NK5fL/THp9fV1DAaDSIsQ1sXZto1Pnz7h9PQUg8Gft2b3ej18+/YNg8EA6+vrj46RTqexvr4O27YjLfBjZ7V6vR56jDCk0+lb7ulu1DmkWCyGigogvECWZeHo6Cjw3NNsNgMXLmrqe0ygsKk2KtxFemyi+Xw+cPGjCHR8fBx6TjyF0nUdW1tbI9OoqPIT9z3Jb6L5fB66rsOyLLRaLbTbbVBKoes6Xrx4gXw+Hzg+q8dFhe2LfkaE7aOjykiUUhQKhZG1QoaoaoaQshAzD6NgH5YVQaOOO0lpJ4xQwK+LKZ/Pw3EcOI4DSmkoay0q3QkRSYTDmVQgRlihAIQWhyHicwOCROId9lH3oCCiCBUWFnUiEFIWarVa3MbiLRAjjJmIgsjqutLpbtyDcFh4RpTIxqKQSOIR+qIFYvCKqMRFEoAHVzTO68Yt04xLs9mE4zgoFotjF0hFOTtAoEjtdtu3blav12EYxsPZyHEcWJb1sGBxY1kWLMt6OLMx2FyCUqLIi0qYSLZt+56FbNuOJZ1Fpd1u/7PgQWc6kVEECGz6BV1Zw1er6gSlQFHnI4YwkYJSVpLuNQiq54lOz0Lb535pQERzTBRBFxTPc+EohIrkl/KC7plThTClocSmOyA4DSThZpAwqe7JpjsgGdEUNMc4jgvS0h2QDJGCIimOQ7fw++6Sbh6C9qPERxLgv6mqHklhTIPogywQg0hJNg9h5vYk0l3QGULlaFLBNACS0x2gtkiyKw2MWNKd34dR2TwE7UdxtVNi+VaFn0iqRpIqpgGISaSgK05F8xAmwp9MugOSWXkI00p5Uuku6MOo2LZQJdUBCuxJgJrpLmhOoivfw8T2dUy/K0+1dBfGNMR5H0ZsIiXJPIQxDaIbfcPEJlLQladSNIUxDVOX7gC1zEOYVDdLd5IJSndx3xcY6+84JMU8BM0l7h+UilWkoDyuQjSFmcOTjqQk3IsXJqLjPMgCAm8zHkWr1fK9ZTfsN9RlM9XpLgnI+DJB7Okuib83N4yMX6GM/Ve6ki7Sk48kQM6VyJO4TQMgQSQZH5Ins3SXAKYm3SU1mmR8MzGTydxL+TXjo6MjGW+bSL5//34753ke12eizuCH53luuVwezNm2fSF7MjNGw7SZPZpHUf54NA8AlEolp9PpnBFCBv4vnSEaQsig0+mcMYGAEY+LOzg4oL1eb/a4uJghhNwvLCx0hsVh/CNEqVRyGo3GT0LIdTzTm/H7wYs/RwkEhHiE6d3d3WoqlfpPzPSmG8/zbufn58/HeoTp38weBswXrg8D/pvZY7UnY9zHakda7L29vW6j0fiZyWSSXYCTQCaTcRqNxs+oAgERI2kY0zQ1wzCys/3KH8/zbm3b7u7v7/fHHWNskRgzyz4aP0sdlYkXlll2SmnkMH6qUEq7fpY6KhNH0jC1Wo0AyLmum+E5blIghNwAuAyy1FHhKhLj9361Mi2W3fM817bti0n2HT+EiMQ4PDxcvLy8zD7V/YoQcp/L5bo7OztCqzNCF29nZ+f6qVp2ZqlFCwQIjqRhqtVqOpvN5pJu2T3Pu+12u5flcjm2jkFsIjEODg5ot9vNJm2/ilrK4Unse0WpVHJOTk7OKKVdQsh93O8fFULIPaW0e3JyciZDIEBCJA2jumUXZamjIlUkhmma2tra2rLrumnZcwF+dUdPT087oix1VJQQiSHbsvMs5fBEqfMLs+wyusJB3VGZKBVJw8TVFQ7bHZWJsiIxRHWFZVrqqCgvEoNXV3jc7qhMlNqT/Pi9qGeTlJgm6Y7KJDGRNEzUrjCP7qhMEikSI6grrKqljkpi0t0oWFd4aWnpwvO8W/bvnufdLi0tXahqqaPyP6AjN9Ko346oAAAAAElFTkSuQmCC)
}

#body-container .schedule .schedule-m .entry-vip small {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	border-radius: 0 4px 0 4px;
	padding: 0 5px;
	font-size: 12px;
	color: #ff761a;
	background: #fff7e4;
	position: absolute;
	top: 0;
	right: 0
}

#body-container .schedule .schedule-m .entry-vip em {
	display: block;
	font-size: 16px;
	color: #333;
	padding: 30px 0 10px
}

#body-container .schedule .schedule-m .entry-vip span {
	display: block;
	font-size: 14px;
	color: #666
}

#body-container .schedule .schedule-m .entry-vip strong {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	color: #ff761a;
	height: 24px;
	line-height: 22px;
	border-radius: 12px;
	border: 1px solid #ff761a;
	padding: 0 10px;
	margin: 15px auto 0
}

#body-container .schedule .schedule-m .schedule-btn {
	display: block;
	width: 20px;
	height: 40px;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.1);
	position: absolute;
	top: 50%;
	margin-top: -22px;
	z-index: 1
}

#body-container .schedule .schedule-m .schedule-btn.next {
	right: -10px
}

#body-container .schedule .schedule-m .schedule-btn.prev {
	left: -10px
}

#body-container .schedule .schedule-m.has-entry .schedule-btn.prev {
	left: 180px
}

#body-container .schedule .schedule-m .schedule-btn:hover {
	background: #ffd500
}

#body-container .schedule .schedule-m .schedule-btn i {
	display: block;
	width: 10px;
	height: 10px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-radius: 1px;
	position: absolute;
	top: 15px;
	left: 3px;
	transform: rotate(-45deg)
}

#body-container .schedule .schedule-m .schedule-btn.prev i {
	transform: rotate(135deg);
	left: 7px
}

#body-container .schedule .schedule-m .schedule-btn:hover i {
	border-color: #333
}

#body-container .schedule .schedule-m .hd {
	width: 100%;
	position: absolute;
	bottom: -25px;
	left: 0;
	text-align: center
}

#body-container .schedule .schedule-m .hd ul {
	margin: 0 auto
}

#body-container .schedule .schedule-m .hd li {
	display: inline-block;
	font-size: 0;
	color: transparent;
	width: 8px;
	height: 8px;
	background: #ddd;
	border-radius: 50%;
	margin: 0 5px;
	cursor: pointer;
	opacity: .8
}

#body-container .schedule .schedule-m .hd li.on {
	background: #999
}

#body-container .schedule .schedule-m .schedule-list {
	height: 130px;
	overflow: hidden
}

#body-container .schedule .schedule-m .schedule-list .list {
	float: left;
	width: 610px;
	height: 120px;
	margin-top: 5px;
	margin-right: 20px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	transition: box-shadow .2s,-webkit-transform .2s;
	transition: box-shadow .2s,transform .2s;
	transition: box-shadow .2s,transform .2s,-webkit-transform .2s
}

#body-container .schedule .schedule-m.has-entry .schedule-list .list {
	width: 515px
}

#body-container .schedule .schedule-m .schedule-list .list:hover {
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.1);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

#body-container .schedule .schedule-m .schedule-list .list .left-img {
	display: block;
	width: 196px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

#body-container .schedule .schedule-m .schedule-list .list .left-img img {
	width: 100%;
	height: 100%
}

#body-container .schedule .schedule-m .schedule-list .list .left-img .play-cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.35);
	opacity: 0;
	transition: all .25s
}

#body-container .schedule .schedule-m .schedule-list .list .left-img .play-cover:before {
	content: '';
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	width: 60px;
	height: 60px;
	transition: all .25s;
	background: url(/assets/revision/images/hk_new_index_icons3.png) 0 -115px;
	position: absolute;
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

#body-container .schedule .schedule-m .schedule-list .list:hover .left-img .play-cover {
	opacity: 1
}

#body-container .schedule .schedule-m .schedule-list .list:hover .left-img .play-cover:before {
	-webkit-transform: scale(1);
	transform: scale(1)
}

#body-container .schedule .schedule-m .schedule-list .list .right-info {
	padding: 20px 20px 20px 216px;
	border: 1px solid #ddd;
	border-radius: 5px
}

#body-container .schedule .schedule-m .schedule-list .list .right-info .p1,#body-container .schedule .schedule-m .schedule-list .list .right-info .p3 {
	font-size: 12px;
	color: #999
}

#body-container .schedule .schedule-m .schedule-list .list .right-info .p2 {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #333;
	padding: 20px 0
}

#body-container .schedule .schedule-m .schedule-list .list .right-info .p2:hover {
	color: #E3AD13
}

#body-container .schedule .schedule-m .schedule-list .list .right-info .p3 .teacher {
	color: #666
}

#body-container .schedule .schedule-m .schedule-list .list .right-info .p3 .teacher a {
	max-width: 190px;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.nav-banner,.nav-slide .bd li {
	height: 330px
}

.nav-banner {
	width: 100%;
	position: relative
}

.nav-slide {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	overflow: hidden
}

.nav-slide .bd {
	width: 100%;
	height: 100%
}

.nav-slide .bd li {
	width: 100%;
	float: left;
	height: 390px
}

.nav-slide .bd .img {
	width: 100%;
	height: 100%;
	position: relative
}

.nav-slide .bd .img small {
	font-size: 20px;
	color: #fff;
	padding: 6px 8px;
	transform: scale(.5);
	background: rgba(0,0,0,.4);
	border-radius: 4px;
	position: absolute;
	top: 2px;
	left: 50%;
	margin-left: 580px
}

.nav-slide .hd {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	height: 36px;
	line-height: 36px;
	background: linear-gradient(267deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 26%,rgba(0,0,0,.5) 51%,rgba(0,0,0,.5) 75%,rgba(0,0,0,0) 100%)
}

.nav-slide .hd ul {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.nav-slide .hd li {
	height: 36px;
	line-height: 36px;
	cursor: pointer;
	vertical-align: top
}

.nav-slide .hd li i {
	opacity: 0;
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 6px solid #E3AD13;
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	vertical-align: 1px;
	margin-right: 4px
}

.nav-slide .hd li span {
	font-size: 12px;
	color: rgba(255,255,255,.5);
	display: inline-block;
	vertical-align: top;
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.nav-slide .hd li.on i {
	opacity: 1
}

.nav-slide .hd li.on span {
	color: #E3AD13
}

.nav-banner,.nav-slide .bd li {
	height: 500px
}

.nav-slide:hover .slide-btn {
	display: block
}

.nav-slide .slide-btn {
	width: 46px;
	height: 60px;
	position: absolute;
	top: 50%;
	display: none;
	margin-top: -30px;
	z-index: 19
}

.nav-slide .slide-btn:before {
	content: '';
	width: 18px;
	height: 32px;
	position: absolute;
	left: 13px;
	top: 14px;
	background: url(/assets/revision/images/home/index-icon.v17.png) no-repeat;
}

.nav-slide .slide-btn.prev {
	left: 50%;
	margin-left: -666px;
	opacity: .6
}

.nav-slide .slide-btn.prev:before {
	background-position: -305px -57px
}

.nav-slide .slide-btn.prev:hover {
	opacity: .8
}

.nav-slide .slide-btn.next {
	right: 50%;
	opacity: .6
}

.nav-slide .slide-btn.next:before {
	background-position: -271px -57px
}

.nav-slide .slide-btn.next:hover {
	opacity: .8
}

.slide-box {
	width: 100%;
	height: 350px;
	position: relative;
	overflow: hidden
}

.slide-box:hover .cut-btn {
	opacity: .6
}

.slide-box .bd {
	position: relative;
	zoom:0}

.slide-box .bd li {
	float: left;
	width: 100%;
	height: 350px
}

.slide-box .bd li .img {
	display: block;
	width: 100%;
	height: 100%
}

.slide-box .hd {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center
}

.slide-box .hd ul {
	display: inline-block;
	padding: 4px 30px;
	border-radius: 12px;
	background: rgba(0,0,0,.3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, 0, 0, endColorstr=#4C000000, 0, 0)
}

.slide-box .hd li {
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #ccc;
	margin: 0 2px;
	cursor: pointer;
	transition: all .25s ease-in;
	opacity: .7
}

.slide-box .hd li.on,.slide-box .hd li:hover {
	width: 35px;
	border-radius: 12px;
	background: #eee
}

.slide-box .cut-btn {
	position: absolute;
	top: 50%;
	margin-top: -22px;
	left: 50%;
	opacity: 0;
	transition: all .2s ease-in
}

.slide-box .cut-btn .cut-btn-icon {
	display: block;
	width: 25px;
	height: 45px;
	background: url(/assets/revision/images/hk_new_index_icons.png) no-repeat
}

.slide-box .prev {
	margin-left: -620px
}

.slide-box .prev .cut-btn-icon {
	background-position: 0 -61px
}

.slide-box .prev:hover .cut-btn-icon {
	background-position: -65px -61px
}

.slide-box .next {
	margin-left: 595px
}

.slide-box .next .cut-btn-icon {
	background-position: -35px -61px
}

.slide-box .next:hover .cut-btn-icon {
	background-position: -100px -61px
}

.sub-bar {
	padding: 30px 0
}

.sub-bar .bar-item {
	width: 295px;
	height: 51px;
	margin-right: 20px
}

.sub-bar .bar-item.last-baritem {
	margin-right: 0
}

.sub-bar .bar-item:last-child {
	margin-right: 0
}

.sub-bar .bar-item .bar-icons {
	vertical-align: middle;
	display: inline-block;
	margin-right: 15px;
	width: 51px;
	height: 51px;
	background: url(/assets/revision/images/hk_new_index_icons.png)
}

.sub-bar .bar-item .bar-icons.icon-1 {
	background-position: 0 0
}

.sub-bar .bar-item .bar-icons.icon-2 {
	background-position: -61px 0
}

.sub-bar .bar-item .bar-icons.icon-3 {
	background-position: -122px 0
}

.sub-bar .bar-item .bar-icons.icon-4 {
	background-position: -183px 0
}

.sub-bar .bar-item .bar-info {
	vertical-align: middle;
	display: inline-block
}

.sub-bar .bar-item .bar-info p {
	font-size: 16px;
	color: #999;
	line-height: 24px
}

.sub-bar .bar-item .bar-info .info-tit {
	color: #666
}

.web-module ul {
	margin-right: -20px;
	width: 104%\9
}

.web-module .module-item {
	width: 232px;
	height: 90px;
	overflow: hidden;
	margin-right: 20px;
	position: relative
}

.web-module .module-item.last-module,.web-module .module-item:last-child {
	margin-right: 0
}

.web-module .module-item img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .2s linear;
	border-radius: 5px
}

.web-module .module-item:hover img {
	-webkit-transform: scale(1.02);
	transform: scale(1.02)
}

.web-module .module-item small.small {
	font-size: 20px;
	color: #fff;
	padding: 6px 8px;
	transform: scale(.5);
	background: rgba(0,0,0,.4);
	border-radius: 4px;
	position: absolute;
	top: 2px;
	right: -4px
}

.view-more .vm-btn {
	display: block;
	width: 120px;
	height: 40px;
	border: 1px solid #eee;
	background: #fff;
	color: #666;
	line-height: 40px;
	text-align: center;
	margin: 20px auto
}

.view-more .vm-btn:hover {
	background: #ffd500;
	color: #fff
}

.teacher-intro {
	padding-bottom: 20px
}

.teacher-intro .intro-title {
	padding: 40px 0 30px
}

.teacher-intro .intro-title h2 {
	text-align: center;
	font-size: 30px;
	color: #333;
	margin-bottom: 20px;
	font-weight: 400
}

.teacher-intro .intro-title p {
	text-align: center;
	font-size: 16px;
	color: #999
}

.teacher-intro .intro-list {
	margin-right: -20px;
	width: 104%\9
}

.teacher-intro .intro-item {
	position: relative;
	width: 398px;
	height: 127px;
	border: 1px solid #eee;
	margin: 0 20px 20px 0
}

.teacher-intro .intro-item:before {
	content: '';
	width: 0;
	height: 3px;
	background: #ffd500;
	position: absolute;
	left: 0;
	bottom: -3px;
	transition: all .4s ease-out
}

.teacher-intro .intro-item:hover:before {
	width: 100%
}

.teacher-intro .intro-item .show {
	width: 125px;
	height: 125px;
	position: absolute;
	left: 0;
	top: 0
}

.teacher-intro .intro-item .show img {
	display: block;
	width: 100%;
	height: 100%
}

.teacher-intro .intro-item .info {
	margin-left: 134px
}

.teacher-intro .intro-item .info h3 {
	line-height: 34px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #666;
	font-weight: 400
}

.teacher-intro .intro-item .info .intro-words {
	width: 262px;
	height: 80px;
	text-align: left;
	display: table-cell;
	vertical-align: bottom
}

.teacher-intro .intro-item .info p {
	font-size: 12px;
	color: #999;
	line-height: 20px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.teacher-intro .intro-item .info p {
	font-size: 12px;
	color: #999;
	line-height: 20px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.official-active ul {
	margin-right: -20px;
	width: 104%\9;
	padding: 20px 0
}

.official-active .active-item {
	width: 295px;
	height: 160px;
	overflow: hidden;
	margin-right: 20px
}

.official-active .active-item:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.official-active .active-item.last-item,.official-active .active-item:last-child {
	margin-right: 0
}

.official-active img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .2s linear
}

.num-running {
	background: #fff
}

.num-running .section-title {
	padding: 45px 0 70px
}

.num-running .section-title h2 {
	text-align: center;
	font-size: 30px;
	color: #333;
	margin-bottom: 20px;
	font-weight: 400
}

.num-running .section-title p {
	text-align: center;
	font-size: 16px;
	color: #999
}

.num-running .section-row {
	margin-bottom: 40px
}

.num-running .section-row .row-cols {
	width: 33.33%
}

.num-running .section-row .num1,.num-running .section-row .num2,.num-running .section-row .num3 {
	width: 342px;
	margin: 0 auto;
	padding-top: 10px;
	color: #9a9a9a
}

.num-running .section-row .num1 span,.num-running .section-row .num2 span,.num-running .section-row .num3 span {
	font-size: 78px
}

.num-running .section-row .num1 p,.num-running .section-row .num2 p,.num-running .section-row .num3 p {
	margin: 30px 0 20px;
	font-size: 16px;
	color: #333
}

.num-running .section-row .num1 {
	border-top: 3px solid #fd6a7f
}

.num-running .section-row .num1 span {
	color: #fd6a7f
}

.num-running .section-row .num2 {
	border-top: 3px solid #70c3ff
}

.num-running .section-row .num2 span {
	color: #70c3ff
}

.num-running .section-row .num3 {
	border-top: 3px solid #89d04f
}

.num-running .section-row .num3 span {
	color: #89d04f
}

.pub-title {
	padding-top: 10px;
	height: 49px;
	line-height: 38px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px
}

.pub-title h3 {
	font-size: 18px;
	display: inline-block;
	color: #333;
	font-weight: 400;
	position: relative
}

.pub-title h3 .new-tb {
	position: absolute;
	right: -35px;
	top: -8px;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 14px;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	color: #fff;
	border-radius: 4px;
	background: #f44336;
	z-index: 5
}

.pub-title h3 .new-tb:after {
	bottom: -4px;
	left: 3px;
	border-top: 0 solid transparent;
	border-right: 0 solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136,183,213,0);
	border-top-color: #e95f1e;
	border-width: 4px;
	margin-left: 0
}

.pub-title .tit-nav {
	display: inline-block;
	margin-left: 20px
}

.pub-title .tit-nav li {
	display: inline-block;
	margin: 0 8px
}

.pub-title .tit-nav li.on>a,.pub-title .tit-nav li:hover>a {
	color: #666;
	border-bottom: 3px solid #ffd500
}

.pub-title .tit-nav li>a {
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #999;
	transition: all .2s;
	border-bottom: 3px solid transparent
}

.pub-title .update-num {
	color: #999;
	margin-right: 20px
}

.pub-title .update-num em {
	color: #ffa900;
	font-weight: 400
}

.pub-title .more {
	color: #999
}

.pub-title .more:hover {
	color: #ffa900
}

#new-header .design-course .nav-m {
	display: block
}

.sub-bar .bar-item .bar-info p span {
	color: #ff7b33;
	padding: 0 4px
}

.pub-title {
	position: relative
}

.pub-title .new-tips {
	height: 42px;
	line-height: 42px;
	border-radius: 21px;
	background: #4e4e4e;
	position: absolute;
	right: 60px;
	padding: 0 10px 0 20px;
	font-size: 12px;
	color: #fff;
	bottom: 0
}

.pub-title .new-tips .notice {
	color: #fff
}

.pub-title .new-tips .tolook {
	display: inline-block;
	background: #ffd200;
	width: 62px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 13px;
	color: #333;
	margin-left: 16px
}

.pub-title .new-tips .tolook:hover {
	background: #ffe155
}

.down-money {
	width: 353px;
	height: 279px;
	background: url(/assets/revision/images/site/down-bg.png);
	position: fixed;
	left: 5px;
	bottom: 10px;
	z-index: 1
}

.down-money .close {
	width: 6px;
	height: 6px;
	position: absolute;
	right: 39px;
	top: 41px;
	cursor: pointer
}

.down-money .alink {
	display: block;
	height: 279px
}

.down-money .down-m {
	width: 281px;
	height: 95px;
	margin: -25px 0 0 27px;
	animation: shake-crazy 3s infinite
}

@keyframes shake-crazy {
	0% {
		transform: translate(0,0) rotate(0);
		opacity: .6
	}

	1% {
		transform: translate(14px,19px) rotate(-1deg);
		opacity: .8
	}

	2% {
		transform: translate(14px,11px) rotate(5deg);
		opacity: .7
	}

	3% {
		transform: translate(9px,-6px) rotate(-9deg);
		opacity: .9
	}

	4% {
		transform: translate(0,-19px) rotate(-6deg);
		opacity: .6
	}

	5% {
		transform: translate(16px,19px) rotate(9deg);
		opacity: .7
	}

	6% {
		transform: translate(-11px,-10px) rotate(4deg);
		opacity: .4
	}

	7% {
		transform: translate(-1px,13px) rotate(-9deg);
		opacity: .2
	}

	8% {
		transform: translate(-9px,-16px) rotate(0);
		opacity: .1
	}

	9% {
		transform: translate(3px,2px) rotate(-2deg);
		opacity: .7
	}

	10% {
		transform: translate(0,0) rotate(0);
		opacity: 1
	}

	100% {
		transform: translate(0,0) rotate(0);
		opacity: 1
	}
}

.section-img {
	padding: 50px 0
}

.section-img.grey-bg {
	background: #f7f8fa
}

.section-img .imgshow-t {
	height: 22px;
	margin-bottom: 25px;
	line-height: 22px;
}

.section-img .imgshow-t .more-btn,.index-occupation-cen .title-h3 .more-btn {
	font-size: 14px;
	color: #666;
	transition: color .2s
}

.section-img .imgshow-t .more-btn:hover,.index-occupation-cen .title-h3 .more-btn:hover {
	color: #ff701d
}

.section-img .imgshow-t .h2 span, .section-img .imgshow-t .h2 span a {
	font-size: 22px;
	color: #333;
	font-weight: 400;
	letter-spacing: 2px
}

.section-img .imgshow-t .h2 span.sm-span {
	position: relative
}

.section-img .imgshow-t .h2 span.sm-span .sm-lab {
	display: block;
	font-size: 14px;
	color: #fff;
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	background: #ff701d;
	border-radius: 5px;
	position: absolute;
	right: -95px;
	top: -27px;
	letter-spacing: 0
}

.section-img .imgshow-t .h2 span.sm-span .sm-lab:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 7px solid #ff701d;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	left: 5px;
	top: 22px
}

.section-img .imgshow-t .h2 span .recommend {
	border-radius: 2px;
	background: #ff701d;
	text-align: center;
	line-height: 22px;
	width: 40px;
	height: 22px;
	color: #fff;
	font-size: 14px;
	margin-right: 5px;
	display: inline-block;
	letter-spacing: 0;
	vertical-align: 2px
}

.section-img .hot-t .more-btn {
	margin-top: 8px
}

.section-img .hot-t .more-btn:hover {
	color: #ff701d
}

.section-img .hot-t .h4 .a-lis {
	cursor: pointer;
	background: #fff;
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 28px;
	border-radius: 15px;
	border: 1px solid #ddd;
	padding: 0 16px;
	font-size: 14px;
	color: #666;
	font-weight: 400;
	margin-left: 25px;
	transition: color .2s
}

.section-img .hot-t .h4 .a-lis:first-child {
	margin-left: 0
}

.section-img .hot-t .h4 .a-lis.active,.section-img .hot-t .h4 .a-lis:hover {
	color: #333;
	background: #ffd500;
	border-color: #ffd500
}

.section-img .hot-t .h5 {
	padding-bottom: 24px
}

.section-img .hot-t .h5 .a-li {
	display: inline-block;
	vertical-align: 1px;
	font-size: 14px;
	color: #666;
	font-weight: 400;
	margin: 22px 0 0 25px;
	transition: color .2s
}

.section-img .hot-t .h5 .a-li:first-child {
	margin-left: 0
}

.section-img .hot-t .h5 .a-li:hover {
	color: #ffd500
}

.section-img .imgshow-t .refresh-btn {
	width: 80px;
	height: 25px;
	border-radius: 5px;
	border: 1px #ddd solid;
	transition: all .2s;
	line-height: 22px;
	background: #fff;
	color: #666;
	text-align: center;
	cursor: pointer
}

.section-img .imgshow-t .refresh-btn i {
	display: inline-block;
	width: 13px;
	height: 15px;
	margin-right: 4px;
	background: url(/assets/revision/images/home/index-icon.v17.png) -163px -92px;
	vertical-align: -2px;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s
}

.section-img .imgshow-t .refresh-btn:hover {
	background: #ffd500;
	border-color: #ffd500;
	color: #333
}

.section-img .imgshow-t .refresh-btn:hover i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.section-img .imgshow-t .h2 em {
	height: 22px;
	line-height: 22px;
	margin-left: 10px;
	padding: 0 8px;
	font-weight: 400;
	display: inline-block;
	vertical-align: top;
	color: #666;
	position: relative;
	font-size: 16px;
	white-space: nowrap
}

.section-img .imgshow-t .h2 em i {
	color: #f11533;
	padding: 0 5px
}

.section-img .imgshow-t .h2 .sp {
	margin-left: 0;
}

.section-img .imgshow-t .h2 .sp i:nth-child(1) {
	padding-right: 16px;
	position: relative;
}

.section-img .imgshow-t .h2 .sp i:nth-child(1):before {
	content: '';
	position: absolute;
	right: 8px;
	height: 14px;
	width: 1px;
	background: #999999;
	top: 5px;
}

.section-img .imgshow-t .h2 .sp i {
	margin-left: 0;
}

.section-img .imgshow-t .not-show {
	width: 14px;
	height: 14px;
	margin: 3px 0 0 10px;
	cursor: pointer;
	position: relative;
}

.section-img .imgshow-t .not-show i {
	display: block;
	width: 15px;
	height: 15px;
	border: 1px #ddd solid;
	border-radius: 3px;
	position: relative;
}

.section-img .imgshow-t .not-show i::before,.section-img .imgshow-t .not-show i::after {
	content: '';
	position: absolute;
	left: 6px;
	height: 9px;
	top: 2px;
	transform: rotate(45deg);
	background: #999;
	width: 1px;
}

.section-img .imgshow-t .not-show i::after {
	transform: rotate(-45deg);
}

.section-img .imgshow-t .not-show .tips {
	position: absolute;
	left: 0;
	top: -38px;
	background: rgba(0,0,0,.8);
	height: 30px;
	line-height: 30px;
	padding: 0 18px;
	font-size: 12px;
	color: #fff;
	white-space: nowrap;
	border-radius: 5px;
	transform: translateX(-50%);
	display: none;
}

.section-img .imgshow-t .not-show:hover .tips {
	display: block;
}

.section-img .imgshow-t .not-show .tips:before {
	content: '';
	position: absolute;
	left: 50%;
	width: 0;
	height: 0;
	border: 4px transparent solid;
	border-top-color: rgba(0, 0, 0, .8);
	top: 30px;
	margin-left: 3px;
}

.section-img .imgshow-m {
	width: 103%
}

.section-img .imgshow-m .list {
	width: 295px;
	transition: all .2s;
	float: left;
	margin: 0 20px 20px 0
}

.section-img .imgshow-m .list .list-img {
	position: relative
}

.section-img .imgshow-m .list .list-img img {
	display: block;
	width: 100%;
	height: 180px
}

.section-img .imgshow-m .list .list-img .play-cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.35);
	opacity: 0;
	transition: all .25s
}

.section-img .imgshow-m .list .list-img .play-cover:before {
	content: '';
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	width: 60px;
	height: 60px;
	transition: all .25s;
	background: url(/assets/revision/images/hk_new_index_icons3.png) 0 -115px;
	position: absolute;
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

.section-img .imgshow-m .list .show-img {
	display: block;
	border-radius: 5px;
	overflow: hidden;
}

.section-img .imgshow-m .list .list-img:hover .play-cover {
	opacity: 1
}

.section-img .imgshow-m .list .list-img:hover .play-cover:before {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.section-img .imgshow-m .list .list-img .ad-list {
	background: #ffd500;
}

.section-img .imgshow-m .list .img-name {
	padding: 10px 15px;
}

.section-img .imgshow-m .list .img-name .name-link {
	display: block;
	overflow: hidden;
	width: 100%;
	font-size: 16px;
	color: #333;
	height: 48px;
	line-height: 24px;
	word-break: break-all
}

.section-img .imgshow-m .list .img-name .name-link:hover {
	color: #f70
}

.section-img .imgshow-m .list .img-data {
	padding: 0 9px 14px;
	line-height: 18px
}

.section-img .imgshow-m .list .img-data .class-type {
	background: #f39700;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	padding: 0 5px;
	height: 19px
}

.section-img .imgshow-m .list .img-data .class-type.type-words {
	background: #ffa900
}

.section-img .imgshow-m .list .img-data .class-type.type-poster {
	background: #ff7c00
}

.section-img .imgshow-m .list .img-data .class-type.type-sysn {
	background: #40b0ff
}

.section-img .imgshow-m .list .img-data .class-type.type-software {
	background: #6ebd6b
}

.section-img .imgshow-m .list .img-data .class-type.type-c4d {
	background: #367dd5
}

.section-img .imgshow-m .list .img-data .class-type.type-synthesis {
	background: #00a99d
}

.section-img .imgshow-m .list .img-data .class-type.type-cpjx {
	background: #b062a3
}

.section-img .imgshow-m .list .img-data .class-type.type-syhq {
	background: #494166
}

.section-img .imgshow-m .list .img-data .class-type.type-occupation {
	background: #00528e
}

.section-img .imgshow-m .list .img-data .class-type.type-lesson {
	background: #779210
}

.section-img .imgshow-m .list .img-data .class-type.type-dynamic {
	background: #d49688
}

.section-img .imgshow-m .list .img-data .class-type.type-printing {
	background: #a68369
}

.section-img .imgshow-m .list .img-data .class-type.type-portrait {
	background: #ccb374
}

.section-img .imgshow-m .list .img-data .class-type.type-store {
	background: #617f74
}

.section-img .imgshow-m .list .img-data .class-type.type-task {
	background: #f2c763
}

.section-img .imgshow-m .list .img-data .class-type.type-illustration {
	background: #ea5541
}

.section-img .imgshow-m .list .img-data .class-type.type-packing {
	background: #e5869a
}

.section-img .imgshow-m .list .img-data .class-type.type-indoor {
	background: #74c4c4
}

.section-img .imgshow-m .list .img-data .class-type.type-foreign {
	background: #fbb03b
}

.section-img .imgshow-m .list .img-data .class-type.type-examination {
	background: #c9d650
}

.section-img .imgshow-m .list .img-data .class-type.type-foreignstudy {
	background: #a9b6fd
}

.section-img .imgshow-m .list .img-data .class-type.type-blender {
	background: #0E548B
}

.section-img .imgshow-m .list .img-data .class-type.type-sideline {
	background: #00bfc6
}

.section-img .imgshow-m .list .img-data .level {
	color: #999;
	padding-left: 15px
}

.section-img .imgshow-m .list .img-data .score {
	font-size: 16px;
	border-left: 1px #ddd solid;
	padding-left: 10px;
	margin-left: 10px;
	height: 16px;
	line-height: 16px;
	margin-top: 2px;
}

.section-img .imgshow-m .list .img-data .score {
	font-size: 16px;
	border-left: 1px #ddd solid;
	padding-left: 10px;
	margin-left: 10px;
	height: 16px;
	line-height: 16px;
	margin-top: 2px;
}

.section-img .imgshow-m .list .img-data .learn-num {
	color: #999
}

.section-img .imgshow-m .list .img-data .cred {
	color: #f2572e
}

.section-img.grey-bg .more-btn .refresh-btn {
	background: #f7f8fa
}

.section-img .more-btn {
	text-align: center
}

.section-img .more-btn .refresh-opus-btn,.section-img .more-btn .refresh-btn {
	border-radius: 5px;
	transition: all .2s;
	background: #fff;
	color: #666;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	width: 160px;
	height: 40px;
	border: 1px #ddd solid;
	line-height: 38px
}

.section-img .more-btn .refresh-opus-btn:hover,.section-img .more-btn .refresh-btn:hover {
	background: #ffd500;
	border-color: #ffd500;
	color: #333
}

.section-img .more-btn .refresh-opus-btn i,.section-img .more-btn .refresh-btn i {
	display: inline-block;
	width: 15px;
	height: 18px;
	margin-right: 10px;
	background: url(/assets/revision/images/home/index-icon.v17.png) -162px -49px;
	vertical-align: -4px;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s
}

.section-img .more-btn .refresh-opus-btn:hover i,.section-img .more-btn .refresh-btn:hover i {
	background-position: -162px -70px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.section-img .more-btn a {
	display: inline-block;
	height: 42px;
	border: 1px #ddd solid;
	border-radius: 5px;
	line-height: 40px;
	padding: 0 27px;
	transition: all .2s
}

.section-img .more-btn a:hover {
	color: #333;
	background: #ffd500;
	border-color: #ffd500
}

.section-img .more-btn-career {
	margin-top: 8px;
	text-align: center
}

.section-img .more-btn-career .refresh-btn {
	border-radius: 5px;
	transition: all .2s;
	background: #fff;
	color: #666;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	width: 160px;
	height: 40px;
	border: 1px #ddd solid;
	line-height: 38px
}

.section-img.grey-bg .more-btn-career .refresh-btn {
	background: #f7f8fa
}

.section-img .more-btn-career .refresh-btn i {
	display: inline-block;
	width: 15px;
	height: 18px;
	margin-right: 10px;
	background: url(/assets/revision/images/home/index-icon.v17.png) -162px -49px;
	vertical-align: -4px;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s
}

.section-img .more-btn-career .refresh-btn:hover {
	background: #ffd500;
	border-color: #ffd500;
	color: #333
}

.section-img .more-btn-career .refresh-btn:hover i {
	background-position: -162px -70px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.section-img .more-btn-career a {
	display: inline-block;
	height: 42px;
	border: 1px #ddd solid;
	border-radius: 5px;
	line-height: 40px;
	padding: 0 27px;
	transition: all .2s
}

.section-img .more-btn-career a:hover {
	color: #333;
	background: #ffd500;
	border-color: #ffd500
}

.section-img .imgshow-m .list .time-length {
	display: block;
	padding: 0 6px;
	height: 15px;
	line-height: 15px;
	background: rgba(0,0,0,.25);
	font-size: 12px;
	color: #fff;
	border-radius: 4px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	transition: all .25s ease-in
}

.section-img .imgshow-m .show-img:hover .time-length {
	display: none
}

.section-img .series .imgshow-m .list {
	width: 400px
}

.section-img .series .imgshow-m .list .list-img img {
	height: 204px
}

.section-img .series .imgshow-m .list .fine {
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 26px;
	line-height: 24px;
	text-align: center;
	background: linear-gradient(to right,#fc593d,#fc7c3d);
	font-size: 16px;
	color: #fff;
	border-bottom-right-radius: 10px
}

.section-img .teacher .imgshow-m .list {
	width: 400px
}

.section-img .teacher .imgshow-m .list .list-img img {
	height: 228px
}

.section-img .teacher .imgshow-m .list .fine {
	position: absolute;
	right: 0;
	top: 0;
	width: 78px;
	height: 26px;
	line-height: 24px;
	text-align: center;
	background: linear-gradient(to right,#fc593d,#fc7c3d);
	font-size: 16px;
	color: #fff;
	border-bottom-left-radius: 10px
}

.section-img .teacher .imgshow-m .list .img-data .class-type {
	background: #fc583d
}

.section-img .teacher .imgshow-m .list .name-link {
	width: 76%
}

.web-module {
	margin-top: 20px;
	padding-bottom: 20px
}

.section-img .imgshow-t .h2 em i {
	margin-left: 15px
}

.section-img .imgshow-t .h2 em i:nth-child(1) {
	margin-left: 0
}

.section-img .imgshow-t .hr-link {
	width: 56px;
	height: 25px;
	line-height: 22px;
	border-radius: 5px;
	border: 1px #ddd solid;
	text-align: center;
	margin-left: 15px;
	transition: all .2s
}

.section-img .imgshow-t .hr-link:hover {
	color: #333;
	border-color: #ffd500;
	background: #ffd500
}

.teacher-con h2 {
	font-size: 22px;
	text-align: center;
	font-weight: 400;
	color: #333;
	padding-top: 10px
}

.teacher-con .opusActivity {
	padding-top: 20px
}

.teacher-con .opusActivity .list {
	width: 610px;
	background: #fff;
	border-radius: 5px;
	margin: 20px 20px 0 0
}

.teacher-con .opusActivity .list:nth-child(2n) {
	margin-right: 0
}

.teacher-con .opusActivity .list .img {
	background-position: center;
	background-size: cover;
	height: 238px;
	border-radius: 5px 5px 0 0;
	display: block
}

.teacher-con .opusActivity .list .title {
	position: relative;
	padding: 20px 20px 0
}

.teacher-con .opusActivity .list .title a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #333
}

.teacher-con .opusActivity .list .title a:hover {
	color: #e3ad13
}

.teacher-con .opusActivity .list .info .ing {
	height: 30px;
	border-radius: 5px;
	line-height: 30px;
	text-align: center;
	background: #6786ff;
	color: #fff;
	padding-right: 0
}

.teacher-con .opusActivity .list .info .ed {
	height: 30px;
	border-radius: 5px;
	line-height: 30px;
	text-align: center;
	background: #ccc;
	color: #fff;
	padding-right: 0
}

.teacher-con .opusActivity .list .info {
	padding: 16px 20px 20px;
	line-height: 34px
}

.teacher-con .opusActivity .list .info span {
	color: #999
}

.teacher-con .opusActivity .list .info .time {
	padding: 0
}

.teacher-con .opusActivity .list .info {
	position: relative
}

.teacher-con .opusActivity .list .info .span-status {
	display: inline-block;
	vertical-align: top;
	padding: 0 15px;
	border-radius: 5px 0 0 5px;
	position: absolute;
	right: 0;
	top: -16px
}

.teacher-con .opusActivity .list .bottom {
	height: 54px;
	line-height: 54px;
	border-top: 1px solid #eee;
	padding: 0 20px;
	font-size: 14px;
	color: #999
}

.teacher-con .opusActivity .list .bottom .left-time i {
	display: inline-block;
	vertical-align: top;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid #979797;
	position: relative;
	margin: 20px 5px 0 0
}

.teacher-con .opusActivity .list .bottom .left-time i:before {
	content: '';
	width: 5px;
	height: 1px;
	background: #979797;
	transform: rotate(90deg);
	position: absolute;
	top: 5px;
	left: 3px
}

.teacher-con .opusActivity .list .bottom .left-time i:after {
	content: '';
	width: 4px;
	height: 1px;
	background: #979797;
	position: absolute;
	top: 7px;
	left: 5px
}

.teacher-con .opusActivity .list .bottom .right-num small {
	margin-left: 40px
}

.teacher-con .opusActivity .list .bottom .right-num small i {
	display: inline-block;
	vertical-align: top;
	background: url(/assets/revision/images/home/index-icon.v17.png);
	margin-right: 5px
}

.teacher-con .opusActivity .list .bottom .right-num small .icon-eye {
	width: 14px;
	height: 10px;
	background-position: 0 -180px;
	margin-top: 22px
}

.teacher-con .opusActivity .list .bottom .right-num small .icon-pic {
	width: 12px;
	height: 10px;
	background-position: -65px -197px;
	margin-top: 22px
}

.teacher-con .opusActivity .list .bottom .right-num small .icon-zan {
	width: 12px;
	height: 11px;
	background-position: -17px -180px;
	margin-top: 21px
}

.teacher-con .opusActivity .list .bottom .right-num small em {
	font-weight: 400
}

.teacher-con .teacher-imgshow {
	padding-top: 20px
}

.teacher-con .list {
	width: 295px;
	margin: 0 20px 20px 0;
	position: relative;
	background: #fff;
	border: 1px #eee solid;
	border-radius: 6px
}

.teacher-con .list:hover {
	z-index: 13
}

.teacher-con .list:nth-child(4n) {
	margin-right: 0;
}

.teacher-con .list .img {
	height: 220px;
	position: relative;
	display: block;
}

.teacher-con .list .img img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 6px 6px 0 0;
}

.teacher-con .list .img .num {
	height: 20px;
	line-height: 20px;
	padding: 0 6px;
	background: rgba(0,0,0,.5);
	font-size: 14px;
	color: #fff;
	border-radius: 3px;
	position: absolute;
	right: 10px;
	bottom: 10px
}

.teacher-con .list .img .num i {
	display: inline-block;
	vertical-align: top;
	width: 14px;
	height: 12px;
	margin-top: 4px;
	margin-right: 4px;
	background: url(/assets/revision/images/home/index-icon.v17.png) -64px -182px
}

.teacher-con .list .img-b {
	padding-top: 10px;
}

.teacher-con .list .img-b .title {
	font-size: 16px;
	color: #333;
	margin: 0 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	line-height: 26px;
}

.teacher-con .list .img-b .title:hover {
	color: #ff701d;
}

.teacher-con .list .info {
	padding: 10px 0 0 14px;
}

.teacher-con .list .info span {
	padding-right: 40px;
	line-height: 14px;
	color: #999
}

.teacher-con .list .info span i {
	display: inline-block;
	background: url(/assets/revision/images/home/index-icon.v17.png);
	margin-right: 5px;
}

.teacher-con .list .info span .views-icon {
	width: 14px;
	height: 10px;
	background-position: 0 -180px;
}

.teacher-con .list .info span .comments-icon {
	width: 12px;
	height: 10px;
	background-position: -32px -180px;
}

.teacher-con .list .info span .up-icon {
	width: 12px;
	height: 11px;
	background-position: -17px -180px;
}

.teacher-con .list .user-info {
	margin-top: 15px;
	border-top: 1px #eee solid;
	padding: 0 14px
}

.teacher-con .list .user-info .avatar {
	line-height: 52px
}

.teacher-con .list .user-info .avatar img {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px;
}

.teacher-con .list .user-info .avatar span {
	display: inline-block;
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}

.teacher-con .list .user-info .time {
	color: #999;
	line-height: 52px
}

.teacher-con .list .teacher-pos {
	position: absolute;
	bottom: 48px;
	left: 0;
	width: 360px;
	padding: 20px 20px 15px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.1);
	display: none;
	z-index: 21
}

.teacher-con .list .teacher-pos:before {
	content: '';
	position: absolute;
	width: 13px;
	height: 12px;
	background: url(/assets/revision/images/home/index-icon.v17.png) -47px -180px;
	left: 18px;
	bottom: -12px
}

.teacher-con .list .teacher-pos .info-pos {
	height: 46px;
}

.teacher-con .list .teacher-pos .info-pos .avatar {
	width: 46px;
	height: 46px;
}

.teacher-con .list .teacher-pos .info-pos .avatar img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.teacher-con .list .teacher-pos .info-pos .avatar-r {
	padding: 3px 0 0 15px;
}

.teacher-con .list .teacher-pos .info-pos .avatar-r .name {
	font-size: 16px;
	max-width: 180px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.teacher-con .list .teacher-pos .info-pos .avatar-r span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	color: #999;
	padding-top: 10px;
	max-width: 180px;
}

.teacher-con .list .teacher-pos .info-pos .follow {
	width: 64px;
	border-radius: 3px;
	background: #ffd500;
	margin-top: 11px;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
}

.teacher-con .list .teacher-pos .info-pos .follow span {
	display: inline-block;
	width: 10px;
	height: 10px;
	position: relative;
	margin-right: 5px;
}

.teacher-con .list .teacher-pos .info-pos .follow span:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 10px;
	left: 4px;
	top: 0;
	background: #333;
}

.teacher-con .list .teacher-pos .info-pos .follow span:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 2px;
	left: 0;
	top: 4px;
	background: #333;
}

.teacher-con .list .teacher-pos .info-pos .followed {
	width: 64px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 3px;
	margin-top: 11px;
	background: #ddd;
	font-size: 12px;
	color: #666;
	cursor: pointer;
}

.teacher-con .list .teacher-pos .info-pos .followed span {
	display: block;
}

.teacher-con .list .teacher-pos .info-b {
	padding-top: 15px;
}

.teacher-con .list .teacher-pos .info-b .imgs {
	width: 100px;
	height: 75px;
	margin-right: 10px;
}

.teacher-con .list .teacher-pos .info-b .imgs img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 3px;
}

.teacher-con .list .teacher-pos .info-b .imgs:nth-child(3n) {
	margin-right: 0;
}

.teacher-con .list .teacher-pos .info {
	padding-left: 0;
}

.teacher-con .list .teacher-pos .info span {
	padding-right: 25px;
}

.teacher-con .more-btn .refresh-btn {
	margin-top: 20px;
}

.pc-data .section-row {
	display: flex;
	justify-content: space-between
}

.pc-data .section-row .row-cols div {
	width: 270px;
	font-size: 16px;
	padding-top: 20px;
	color: #666
}

.pc-data .section-row .row-cols span {
	font-size: 40px;
	line-height: 40px;
	padding-right: 5px;
	vertical-align: -3px;
	font-weight: 700
}

.pc-data .section-row .row-cols p {
	padding-top: 25px
}

.pc-data .section-row .row-cols .num1 {
	border-top: 2px #fd6a7f solid
}

.pc-data .section-row .row-cols .num1 span {
	color: #fd6a7f
}

.pc-data .section-row .row-cols .num2 {
	border-top: 2px #70c3ff solid
}

.pc-data .section-row .row-cols .num2 span {
	color: #70c3ff
}

.pc-data .section-row .row-cols .num3 {
	border-top: 2px #89d04f solid
}

.pc-data .section-row .row-cols .num3 span {
	color: #89d04f
}

.pc-data h2 {
	font-size: 22px;
	text-align: center;
	font-weight: 400;
	color: #333
}

.pc-data .p-con {
	font-size: 14px;
	color: #999;
	text-align: center;
	height: 60px;
	line-height: 50px
}

.vip-show {
	padding: 20px 0
}

.section-img .rj-list {
	height: 280px;
	overflow: hidden
}

.tempWrap {
	float: right;
	width: 1240px!important
}

.schedule-m.has-entry .tempWrap {
	width: 1050px!important
}

.section-img .rj-list .list span {
	display: block;
	width: 45px;
	height: 45px;
	margin: 22px auto 0;
	background: url(/assets/revision/images/home/index-icon.v17.png)
}

.section-img .rj-list .list span.PhotoShop {
	background-position: 0 -250px
}

.section-img .rj-list .list span.Illustrator {
	background-position: 0 -200px
}

.section-img .rj-list .list span.After-Effects {
	background-position: 0 -400px
}

.section-img .rj-list .list span.C4D {
	background-position: 0 -150px
}

.section-img .rj-list .list span.Premiere {
	background-position: 0 0
}

.section-img .rj-list .list span.Dreamweaver {
	background-position: 0 -50px
}

.section-img .rj-list .list span.AutoCAD {
	background-position: 0 -450px
}

.section-img .rj-list .list span.Indesign {
	background-position: 0 -700px
}

.section-img .rj-list .list span.DS-MAX {
	background-position: 0 -750px
}

.section-img .rj-list .list span.Maya {
	background-position: 0 -850px
}

.section-img .rj-list .list span.Lightroom {
	background-position: 0 -100px
}

.section-img .rj-list .list span.Sketch {
	background-position: 0 -350px
}

.section-img .rj-list .list span.Axure {
	background-position: 0 -550px
}

.section-img .rj-list .list span.SketchUp {
	background-position: 0 -500px
}

.section-img .rj-list .list span.Lumion {
	background-position: 0 -650px
}

.section-img .rj-list .list span.Keyshot {
	background-position: 0 -600px
}

.section-img .rj-list .list span.Animate-cc {
	background-position: 0 -800px
}

.section-img .rj-list .list span.ZBrush {
	background-position: 0 -300px
}

.vip-show .vip-list .privilege .svip {
	background: url(/assets/revision/images/home/index-icon.v17.png) -46px -94px
}

.vip-show .vip-list .privilege .tvip {
	background: url(/assets/revision/images/home/index-icon.v17.png) -48px 0
}

.vip-show .vip-list .privilege .priv-list:before {
	background: url(/assets/revision/images/home/index-icon.v17.png) -53px -198px
}

.learning {
	padding-bottom: 0
}

.section-img .learning-plan {
	display: flex
}

.section-img .learning-plan .plan-m {
	border: 1px #ddd solid;
	border-radius: 4px;
	padding: 19px 0 19px 19px;
	flex-grow: 1;
	display: flex
}

.section-img .learning-plan .plan-m:nth-child(2) {
	margin-left: 20px
}

.section-img .learning-plan .progress-bar {
	width: 120px;
	height: 120px;
	position: relative
}

.section-img .learning-plan .progress-bar .p1 {
	width: 100%;
	position: absolute;
	text-align: center;
	top: 43px;
	left: 0;
	color: #999;
	font-size: 12px
}

.section-img .learning-plan .progress-bar .p2 {
	width: 100%;
	position: absolute;
	text-align: center;
	top: 62px;
	left: 0;
	color: #666;
	font-size: 18px
}

.section-img .learning-plan .progress-bar .circle {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 12px #ededed solid
}

.section-img .learning-plan .progress-bar .circle canvas {
	position: absolute;
	left: 0;
	top: 0
}

.section-img .learning-plan .learning-m {
	width: 222px;
	margin-left: 15px;
	flex-grow: 1
}

.section-img .learning-plan .learning-m .p1 {
	font-size: 12px;
	padding-top: 5px;
	color: #999
}

.section-img .learning-plan .learning-m .p2 {
	padding-top: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.section-img .learning-plan .learning-m .p2 a {
	color: #666;
	font-size: 16px
}

.section-img .learning-plan .learning-m .p2 a:hover {
	color: #f70
}

.section-img .learning-plan .learning-m .p3 {
	padding-top: 10px
}

.section-img .learning-plan .learning-m .p3 span {
	color: #999;
	font-size: 12px;
	padding-right: 18px
}

.section-img .learning-plan .learning-m .p4 {
	margin-top: 16px;
	border-top: 1px #ddd solid;
	padding-top: 14px;
	color: #666;
	font-size: 12px
}

.section-img .learning-plan .learning-m .p4 a:hover {
	color: #f70
}

.section-img .learning-plan .learning-m .p4 span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: top;
	max-width: 174px
}

.section-img .learning-plan .class-list {
	margin-left: 15px;
	overflow: hidden;
	flex-grow: 0
}

.section-img .learning-plan .class-list .img {
	width: 198px;
	height: 120px;
	margin-right: 13px;
	border-radius: 4px;
	border: 1px #ddd solid;
	overflow: hidden;
	position: relative
}

.section-img .learning-plan .class-list .img img {
	display: block;
	width: 100%;
	height: 100%
}

.section-img .learning-plan .class-list .play-cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.35);
	opacity: 0;
	transition: all .25s
}

.section-img .learning-plan .class-list .play-cover:before {
	content: "";
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	width: 60px;
	height: 60px;
	transition: all .25s;
	background: url(/template/default/static/skin/assets/revision/images/hk_new_index_icons3.png) 0 -115px;
	position: absolute;
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

.section-img .learning-plan .class-list .img:hover .play-cover {
	opacity: 1
}

.section-img .learning-plan .class-list .img:hover .play-cover:before {
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.section-img .task-video {
	width: 103%;
	margin-bottom: -20px
}

.section-img .task-video .list {
	width: 400px;
	border-radius: 4px;
	margin: 0 23px 24px 0;
	overflow: hidden;
	background: #f7f8fa
}

.section-img .task-video .list .img {
	position: relative
}

.section-img .task-video .list .img .onlive {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(27,149,233,.8);
	text-align: center;
	height: 36px;
	line-height: 36px;
	color: #fff
}

.section-img .task-video .list .img .onlive span {
	width: 20px;
	height: 14px;
	display: inline-block;
	vertical-align: -1px;
	margin-right: 6px;
	line-height: 14px;
	overflow: hidden
}

.section-img .task-video .list .img .onlive span i {
	display: inline-block;
	width: 2px;
	height: 13px;
	background: #fff;
	margin-right: 3px;
	transition: all .2s
}

.section-img .task-video .list .img .onlive span i:nth-child(1) {
	-webkit-animation: line 1s linear .2s infinite;
	animation: line 1s linear .2s infinite
}

.section-img .task-video .list .img .onlive span i:nth-child(2) {
	-webkit-animation: line 1s linear .5s infinite;
	animation: line 1s linear .5s infinite
}

.section-img .task-video .list .img .onlive span i:nth-child(3) {
	-webkit-animation: line 1s linear .7s infinite;
	animation: line 1s linear .7s infinite
}

.section-img .task-video .list .img .onlive span i:nth-child(4) {
	-webkit-animation: line 1s linear .3s infinite;
	animation: line 1s linear .3s infinite
}

.section-img .task-video .list .img .live {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(255,129,64,.8);
	text-align: center;
	height: 36px;
	line-height: 36px;
	color: #fff
}

@keyframes line {
	0% {
		-webkit-transform: translateY(12px);
		transform: translateY(12px)
	}

	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(12px);
		transform: translateY(12px)
	}
}

.section-img .task-video .list .img .play-cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.35);
	opacity: 0;
	transition: all .25s;
	cursor: pointer
}

.section-img .task-video .list .img .play-cover:before {
	content: "";
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	width: 60px;
	height: 60px;
	transition: all .25s;
	background: url(/assets/revision/images/base-icon.v6.png) 0 -490px;
	position: absolute;
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

.section-img .task-video .list:hover .img .play-cover {
	opacity: 1
}

.section-img .task-video .list:hover .img .play-cover:before {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.section-img .task-video .list .img img {
	height: 240px;
	display: block;
	width: 100%
}

.section-img .task-video .list .img-name {
	padding: 0 15px;
	margin-top: 15px
}

.section-img .task-video .list .img-name .free {
	font-size: 16px;
	color: #ff701d
}

.section-img .task-video .list .img-name .class-price {
	font-size: 16px;
	color: #ff403e
}

.section-img .task-video .list .img-name a {
	display: block;
	max-width: 70%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #333
}

.section-img .task-video .list .img-data {
	padding: 18px 15px;
	color: #999
}

.section-img .task-video .list .img-name a:hover {
	color: #fc5116
}

.section-img .task-video .list .tc-name {
	padding: 0 15px 15px;
	color: #333;
	border-top: 1px #ddd solid
}

.section-img .task-video .list .tc-name .avatar img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	display: block
}

.section-img .task-video .list .tc-name .name {
	color: #999;
	display: inline-block
}

.section-img .task-video .list .tc-name .info-r {
	padding-left: 15px;
	color: #999;
	padding-top: 15px;
	line-height: 30px
}

.section-img .task-video .list .teacher-info-win {
	width: 382px;
	padding: 13px 14px 14px 95px;
	position: absolute;
	left: 0;
	bottom: 56px;
	background: #fff;
	border: 1px #ddd solid;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	border-radius: 6px;
	display: none
}

.section-img .task-video .list .teacher-info-win:before {
	content: "";
	background: url(/assets/revision/images/task/task-icon.v1.png) -162px -85px;
	position: absolute;
	width: 11px;
	height: 10px;
	bottom: -10px;
	left: 17px
}

.section-img .task-video .list .teacher-info-win .avatar-img {
	position: absolute;
	top: -12px;
	left: 20px;
	border-radius: 50%;
	overflow-y: hidden;
	border: 1px #ddd solid
}

.section-img .task-video .list .teacher-info-win .avatar-img img {
	width: 58px;
	height: 58px;
	display: block
}

.section-img .task-video .list .teacher-info-win .p1 {
	font-size: 16px;
	color: #666
}

.section-img .task-video .list .teacher-info-win .p2 {
	line-height: 34px
}

.section-img .task-video .list .teacher-info-win .p2 span {
	padding-right: 29px;
	color: #999
}

.section-img .task-video .list .teacher-info-win .p3 {
	font-size: 12px;
	line-height: 18px;
	max-height: 54px;
	overflow: hidden;
	color: #666
}

.section-img .task-video .list .teacher-info-win .follw-btn {
	padding-top: 10px
}

.section-img .task-video .list .teacher-info-win .follw-btn span {
	width: 85px;
	height: 30px;
	border-radius: 4px;
	line-height: 30px;
	text-align: center;
	background: #ffd500;
	display: inline-block;
	transition: all .2s
}

.section-img .task-video .list .teacher-info-win .follw-btn span:Hover {
	opacity: .8;
	cursor: pointer
}

.section-img .task-video .list .teacher-info-win .follw-btn span.ed {
	background: #ccc
}

.section-img .task-video .list .teacher-info-win .follw-btn span.ed .refollw {
	display: None
}

.section-img .task-video .list .teacher-info-win .follw-btn span.ed:hover .follwed {
	display: None
}

.section-img .task-video .list .teacher-info-win .follw-btn span.ed:hover .refollw {
	display: block
}

.section-img .task-video .list .teacher-info {
	padding-top: 15px;
	position: relative
}

.section .more-btn {
	text-align: center;
	padding: 10px 0 35px
}

.section-img .task-video .list .teacher-info:hover .teacher-info-win {
	display: block
}

.section-img .software-m .sw-l {
	width: 630px
}

.section-img .software-m .sw-l.all {
	width: 100%
}

.section-img .software-m .list {
	margin-bottom: 0
}

.section-img .software-m .sw-l .sw-list {
	width: 135px;
	height: 111px;
	background: #fff;
	border-radius: 5px;
	margin: 0 20px 20px 0;
	text-align: center;
	border: 1px #eee solid;
	position: relative;
	z-index: 11
}

.section-img .software-m .sw-l.all .sw-list {
	width: 141px;
	height: 54px;
	margin: 0 16px 20px 0
}

.section-img .software-m .sw-l .sw-list span {
	width: 45px;
	height: 45px;
	margin: 18px auto 0;
	display: block;
	background: url(/assets/revision/images/home/index-icon.v17.png)
}

.section-img .software-m .sw-l .sw-list span.ps-icon {
	background-position: 0 0
}

.section-img .software-m .sw-l .sw-list span.ai-icon {
	background-position: -48px 0
}

.section-img .software-m .sw-l .sw-list span.ae-icon {
	background-position: -95px 0
}

.section-img .software-m .sw-l .sw-list span.c4d-icon {
	background-position: -147px 0
}

.section-img .software-m .sw-l .sw-list span.my-icon {
	background-position: -195px 0
}

.section-img .software-m .sw-l .sw-list span.lr-icon {
	background-position: -243px 0
}

.section-img .software-m .sw-l .sw-list span.st-icon {
	background-position: -293px 0
}

.section-img .software-m .sw-l .sw-list .img-icon {
	display: block;
	width: 30px;
	height: 30px;
	margin: 11px 10px
}

.section-img .software-m .sw-l.all .sw-list .p1 {
	line-height: 52px;
	max-width: 84px;
	padding: 0
}

.section-img .software-m .sw-l .sw-list .hover-course {
	display: none;
	width: 202px;
	height: 198px;
	border-radius: 5px;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #fff
}

.section-img .software-m .sw-l .sw-list:hover {
	z-index: 12
}

.section-img .software-m .sw-l .sw-list .hover-course .img-t {
	width: 100%;
	height: 122px;
	border-radius: 5px 5px 0 0;
	overflow: hidden
}

.section-img .software-m .sw-l .sw-list .hover-course .img-t img {
	width: 100%;
	height: 100%
}

.section-img .software-m .sw-l .sw-list .hover-course .info-title {
	font-size: 14px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 15px 12px 12px;
	text-align: left;
}

.section-img .software-m .sw-l .sw-list .hover-course .info-num {
	padding: 0 12px
}

.section-img .software-m .sw-l .sw-list .hover-course .info-num small {
	font-size: 12px;
	color: #999;
	line-height: 22px
}

.section-img .software-m .sw-l .sw-list .hover-course .info-num span {
	display: block;
	width: 54px;
	height: 22px;
	line-height: 22px;
	border-radius: 5px;
	background: #ffd500;
	font-size: 12px;
	color: #333;
	text-align: center;
	margin-top: 0
}

.section-img .software-m .sw-l .sw-list .p1 {
	padding: 16px 1px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 18px
}

.section-img .software-m .sw-l .sw-list .p2 {
	line-height: 26px;
	padding-top: 30px
}

.section-img .software-m .sw-l .sw-list:hover .p2 {
	color: #ff701d
}

.section-img .software-m .score {
	font-size: 16px;
	border-left: 1px #ddd solid;
	padding-left: 10px;
	margin-left: 10px;
	height: 16px;
	line-height: 16px;
	margin-top: 2px;
}

.section-img .a-more {
	display: block;
	width: 160px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	color: #666;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	margin: 20px auto 0;
	transition: all .2s
}

.section-img .a-more:hover {
	background: #ffd500;
	border-color: #ffd500;
	color: #333
}

.section-img .practice-m {
	width: 103%
}

.section-img .practice-m .list {
	width: 295px;
	margin-right: 20px;
	height: 300px;
	border-radius: 10px;
	position: relative;
}

.section-img .practice-m .list .new-icon {
	width: 59px;
	height: 27px;
	position: absolute;
	right: 15px;
	top: -13px;
	background: url(/assets/revision/images/home/index-icon.v17.png) -126px -112px
}

.section-img .practice-m .list .hot-icon {
	width: 59px;
	height: 27px;
	position: absolute;
	right: 15px;
	top: -13px;
	background: url(/assets/revision/images/home/index-icon.v17.png) -275px -143px
}

.section-img .practice-m .list .p1 {
	position: absolute;
	top: 38px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
}

.section-img .practice-m .list .p2 {
	position: absolute;
	top: 73px;
	width: 100%;
	text-align: center;
	color: #fff;
	line-height: 28px;
	font-size: 18px;
}

.section-img .practice-m .list img {
	display: block;
	width: 100%;
	height: 100%
}

.section-img .foreign .list .legal {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 26px;
	line-height: 24px;
	text-align: center;
	background: linear-gradient(to right,#fc593d,#fc7c3d);
	font-size: 16px;
	color: #fff;
	border-bottom-right-radius: 10px
}

.section-img .training .list {
	background: #fff;
	border: 1px #E1E1E1 solid;
	border-radius: 5px;
	overflow: hidden;
	padding-bottom: 15px;
}

.section-img .training .list .img {
	height: 180px;
	display: block;
	width: 100%;
}

.section-img .training .list .title {
	font-size: 16px;
	color: #343434;
	line-height: 24px;
	margin: 10px 14px 0;
	height: 48px;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

.section-img .training .list .p1 {
	color: #999999;
	padding: 9px 14px 0;
}

.section-img .training .list .p1 span {
	color: #FF583E;
}

.section-img .training .list .p2 {
	padding: 12px 14px 0;
	line-height: 28px;
}

.section-img .training .list .p2 span {
	color: #9A9A9A;
}

.section-img .training .list .p2 a.fr {
	width: 80px;
	height: 28px;
	border-radius: 5px;
	background: #F2CA22;
	transition: all .2s;
	color: #333;
	text-align: center;
}

.section-img .training .list .p2 a.fr:hover {
	background: #F4D242;
	text-align: center;
}

.section-img .series-list .list {
	box-shadow: none;
}

.section-img .series-list .list:hover {
	box-shadow: 0 6px 15px rgba(0,0,0,.1)!important;
	transform: translateY(-5px);
}

.section-img .series-list .list .img .cover .play-btn {
	transform: scale(1.5);
	transition: all .3s;
	margin-top: 10px;
}

.section-img .series-list .list .img:hover .cover .play-btn {
	transform: scale(1);
}

.section-img .series-list .list .img .label {
	right: 10px;
	left: auto;
}

.section-img .series-list .list:hover .img .cover {
	opacity: 0;
}

.section-img .series-list .list .img:hover .cover {
	opacity: 1;
}

.article-show {
	background: 0
}

.article-show .article-list {
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	margin-bottom: 20px;
	width: 49.2%;
	margin-right: 1.6%;
	float: left;
	padding-left: 246px;
	transition: all .2s;
	border: 0
}

.article-show .article-list:hover {
	background: #fff
}

.article-show .article-list .img-r {
	height: 128px
}

.article-show .article-list .img {
	border: 0;
	width: 208px;
	height: 128px;
	left: 20px;
	top: 20px
}

.article-show .article-list:nth-child(even) {
	margin-right: 0
}

.article-show .article-list .img-r .article-info {
	padding-top: 10px
}

.article-show .article-list .img-r .article-info .time {
	padding-left: 10px
}

.article-show .article-list .img-r .article-info .data-num {
	margin-left: 10px;
	font-size: 14px
}

.schedule {
	margin-top: 30px
}

.article-tips {
	height: 42px;
	border-radius: 2px;
	line-height: 40px;
	background: #f8f8f8;
	padding: 0 24px;
	margin: 30px auto 0
}

.article-tips .art-index {
	color: #ff583d
}

.article-tips .art-index:hover {
	text-decoration: underline
}

.article-tips .art-con {
	margin-left: 24px;
	padding-left: 24px;
	height: 20px;
	border-left: 1px #ddd solid;
	line-height: 20px;
	margin-top: 10px;
	max-width: 24%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.article-tips .art-con:hover {
	color: #ff701d
}

.article-tips .more {
	margin-top: 12px;
	line-height: 16px;
	padding-left: 10px;
	border-left: 1px #ddd solid
}

.article-tips .more:hover {
	color: #ff583d
}

.interest .interest-t .p1 {
	font-size: 22px;
	margin-right: 20px
}

.interest .interest-t .interest-set {
	width: 83px;
	height: 25px;
	position: relative
}

.interest .interest-t .interest-set .set-btn {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	border: 1px #ddd solid;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	color: #666;
	cursor: pointer;
	transition: all .2s
}

.interest .interest-t .interest-set .set-btn:hover {
	background: #ffd500;
	border-color: #ffd500;
	color: #333
}

.interest .interest-t .interest-set .set-tips {
	position: absolute;
	left: 93px;
	top: -10px;
	background: #ff701d;
	height: 24px;
	color: #fff;
	padding: 0 10px;
	white-space: nowrap;
	line-height: 24px;
	border-radius: 5px 5px 5px 0
}

.interest .interest-t .interest-set .set-tips i {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(/assets/revision/images/home/index-icon.v17.png) -141px -60px;
	vertical-align: -1px;
	margin-left: 8px;
	cursor: pointer
}

.interest .interest-t .interest-set .set-tips:before {
	content: "";
	position: absolute;
	width: 7px;
	height: 5px;
	background: url(/assets/revision/images/home/index-icon.v17.png) -141px -48px;
	left: -7px;
	top: 19px
}

.interest .interest-list {
	margin-top: 44px;
	margin-bottom: -20px
}

.interest .interest-list .list-m {
	padding-left: 200px;
	position: relative
}

.interest .interest-list .list-m .list-info {
	width: 180px;
	height: 218px;
	border-radius: 5px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0
}

.interest .interest-list .list-m .list-info:hover .spare {
	opacity: .9
}

.interest .interest-list .list-m .list-info .spare {
	height: 100%;
	position: relative;
	transition: opacity .2s
}

.interest .interest-list .list-m .list-info .spare .sp6 {
	width: 260px;
	height: 260px;
	border-radius: 50%;
	position: absolute;
	left: -59px;
	top: -129px;
	background: linear-gradient(45deg,rgba(0,0,0,0),rgba(0,0,0,.5));
	opacity: .1
}

.interest .interest-list .list-m .list-info .spare .sp1 {
	width: 120px;
	height: 20px;
	border-radius: 10px;
	background: rgba(255,255,255,.25);
	position: absolute;
	left: 10px;
	top: -25px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.interest .interest-list .list-m .list-info .spare .sp2 {
	width: 100px;
	height: 40px;
	border-radius: 20px;
	background: rgba(0,0,0,.05);
	position: absolute;
	left: 140px;
	top: -10px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.interest .interest-list .list-m .list-info .spare .sp3 {
	width: 100px;
	height: 40px;
	border-radius: 20px;
	background: rgba(255,255,255,.25);
	position: absolute;
	left: 146px;
	top: 16px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.interest .interest-list .list-m .list-info .spare .sp4 {
	width: 120px;
	height: 20px;
	border-radius: 10px;
	background: rgba(0,0,0,.05);
	position: absolute;
	left: -66px;
	top: 180px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.interest .interest-list .list-m .list-info .spare .sp5 {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: rgba(255,255,255,.25);
	position: absolute;
	right: -70px;
	bottom: -98px
}

.interest .interest-list .list-m .list-info .info-cover {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
	color: #fff
}

.interest .interest-list .list-m .list-info .info-cover .p1 {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px
}

.interest .interest-list .list-m .list-info .info-cover .p2 {
	padding: 20px 0 30px;
	font-size: 18px
}

.interest .interest-list .list-m .list-info .info-cover .link {
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%
}

.interest .interest-list .list-m .list {
	width: 245px
}

.interest .interest-list .list-m .list .list-img img {
	height: 149px
}

.interest .bstg-box {
	position: relative;
	margin: -20px 0 30px;
}

.interest .bstg-box img {
	display: block;
	width: 100%;
	border-radius: 5px;
	height: 90px
}

.interest .bstg-box span {
	position: absolute;
	right: 10px;
	bottom: 5px;
	width: 40px;
	height: 25px;
	background: rgba(0,0,0,.5);
	border: 1px solid rgba(153,153,153,.5);
;border-radius: 3px;
	line-height: 22px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

.scroll-nav {
	opacity: 0;
	position: absolute;
	left: 50%;
	margin-left: -710px;
	top: 654px;
	width: 110px;
	border-radius: 5px;
	text-align: center;
	z-index: 10;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,.1)
}

.scroll-nav a {
	display: block;
	height: 40px;
	text-align: center;
	line-height: 39px;
	color: #333;
	border-top: 1px solid #eee
}

.scroll-nav a.active,.scroll-nav a:hover {
	background: #ffd500
}

.scroll-nav a.active,.scroll-nav a:hover,.scroll-nav a.active + a,.scroll-nav a:hover + a {
	border-top-color: #ffd500
}

.scroll-nav a:first-child {
	border-radius: 5px 5px 0 0;
	border-top: none
}

.scroll-nav a:last-child {
	border-radius: 0 0 5px 5px
}

.scroll-nav.floor-fixed {
	position: fixed;
	top: 50%;
	margin-top: -180px
}

.section-img .vip-list {
	width: 610px;
	height: 380px;
	background: #fff;
	border-radius: 5px;
	padding-top: 60px;
}

.section-img .vip-list-border {
	border: 1px solid #eee
}

.section-img .vip-list .list-m {
	height: 172px
}

.section-img .vip-list .ml {
	width: 218px;
	height: 192px;
	text-align: center
}

.section-img .vip-list .ml .vip-icon {
	width: 44px;
	height: 50px;
	margin: 20px auto 0;
	background: url(/assets/revision/images/home/index-icon.v17.png) -1px -47px;
	display: block
}

.section-img .vip-list .ml .p1 {
	font-size: 28px;
	padding-top: 20px
}

.section-img .vip-list .ml .p2 {
	color: #ffa900;
	padding-top: 13px;
	font-size: 22px
}

.section-img .vip-list .mr {
	height: 100%;
	border-left: 1px #eee solid;
	padding-left: 47px;
	overflow: hidden
}

.section-img .vip-list .mr dt {
	font-size: 20px;
	padding-bottom: 10px
}

.section-img .vip-list .mr dd {
	margin-top: 19px;
	font-size: 16px;
	color: #666;
	position: relative;
	padding-left: 34px
}

.section-img .vip-list .mr dd:before {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	background: url(/assets/revision/images/home/index-icon.v17.png) -117px -63px;
	width: 20px;
	height: 14px
}

.section-img .vip-list .get-vip {
	margin-top: 50px;
	border-top: 1px #eee solid;
	padding: 25px 0;
	text-align: center
}

.section-img .vip-list .get-vip a {
	display: inline-block;
	width: 174px;
	height: 48px;
	border-radius: 5px;
	line-height: 46px;
	color: #fff;
	font-size: 18px;
	background: #ffa900
}

.section-img .vip-list .get-vip a:hover {
	opacity: .9
}

.section-img .vip-list.fr .ml .vip-icon {
	background-position: -49px -47px
}

.section-img .vip-list.fr .ml .p2 {
	color: #f15a24
}

.section-img .vip-list.fr .mr dd:before {
	background-position: -117px -48px
}

.section-img .vip-list.fr .get-vip a {
	background: #f15a24
}

.preference-win {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 12
}

.preference-win .win-bg {
	height: 100%;
	background: rgba(0,0,0,.5)
}

.preference-win .win-m {
	width: 690px;
	height: 586px;
	border-radius: 5px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -293px 0 0 -345px;
	background: #fff;
	padding: 40px 0 0 38px
}

.preference-win .win-m .close {
	font-family: "宋体";
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 22px;
	cursor: pointer
}

.preference-win .win-m h2 {
	font-weight: 400;
	font-size: 22px
}

.preference-win .win-m .con {
	padding-top: 14px;
	color: #666
}

.preference-win .win-m .con span {
	color: #f11533;
	padding: 0 5px;
	font-size: 16px
}

.preference-win .win-m .tag-list {
	margin-top: 60px
}

.preference-win .win-m .tag-list.hot p:before {
	background: #f11533
}

.preference-win .win-m .tag-list.all p:before {
	background: #61aefe
}

.preference-win .win-m .tag-list p {
	font-size: 16px;
	position: relative;
	padding-left: 11px
}

#intentions-top-div {
	height: 10px
}

.intentions-div {
	padding-top: 0
}

.preference-win .win-m .tag-list p:before {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	left: 0;
	top: 5px
}

.preference-win .win-m .tag-list .tag-m span {
	float: left;
	width: 85px;
	height: 32px;
	border-radius: 16px;
	text-align: center;
	line-height: 32px;
	margin: 20px 20px 0 0;
	color: #666;
	transition: all .2s;
	background: #ededef;
	cursor: pointer
}

.preference-win .win-m .tag-list .tag-m span.active {
	background: #ffd500;
	color: #333
}

.preference-win .win-m .submit-btn {
	text-align: center;
	padding-top: 40px;
	padding-right: 38px
}

.preference-win .win-m .submit-btn span {
	display: inline-block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #999;
	color: #fff;
	font-size: 16px;
	border-radius: 18px;
	cursor: pointer
}

.preference-win .win-m .submit-btn span.active {
	background: #ffd500;
	color: #333
}

.moon-win {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1002;
	background: rgba(0,0,0,.5)
}

.moon-win .win-m {
	width: 588px;
	height: 573px;
	background: url(/assets/revision/images/home/home-gg/live_19_bg.png) no-repeat;
	left: 50%;
	top: 50%;
	margin: -286px 0 0 -294px;
	position: absolute
}

.moon-win a {
	display: block;
	height: 100%
}

.moon-win .close {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 451px;
	top: 29px;
	cursor: pointer
}

.moon-win-b {
	width: 150px;
	height: 150px;
	background: url(/assets/revision/images/home/home-gg/live_19_sm.png) no-repeat;
	position: fixed;
	z-index: 1002;
	left: 0;
	bottom: 10px
}

.moon-win-b a {
	display: block;
	height: 100%
}

.moon-win-b .close {
	width: 25px;
	height: 25px;
	position: absolute;
	left: 121px;
	top: 3px;
	cursor: pointer
}

.liveclass .imgshow-m .list {
	width: 295px;
	float: left;
	margin: 0 20px 20px 0;
	background: #FFF;
	transition: all .2s;
	border: 1px solid #eee;
	border-radius: 5px
}

.liveclass .imgshow-m .list:nth-child(4n+4) {
	margin-right: 0
}

.liveclass .imgshow-m .list .list-img {
	height: 180px
}

.liveclass .imgshow-m .list .list-img .show-img {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	position: relative;
	display: block;
	height: 100%
}

.liveclass .imgshow-m .list .list-img .show-img img {
	width: 100%;
	height: 100%
}

.liveclass .imgshow-m .list .list-img .show-img .img-b {
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 10px;
	border-radius: 0 3px 3px 0;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 0 6px 0 30px
}

.liveclass .imgshow-m .list .list-img .show-img .img-b .rank-icon {
	position: absolute;
	left: 6px;
	top: 5px;
	background: #FF264F;
	border-radius: 11px;
	width: 20px;
	height: 20px;
}

.liveclass .imgshow-m .list .list-img .show-img .img-b .rank-icon i {
	width: 2px;
	height: 2px;
	background: #f9fbfc;
	bottom: 5px;
	position: absolute;
}

.liveclass .imgshow-m .list .list-img .show-img .img-b .rank-icon i:nth-child(1) {
	animation: live-lines 2s linear .2s infinite;
	left: 5px;
}

.liveclass .imgshow-m .list .list-img .show-img .img-b .rank-icon i:nth-child(2) {
	animation: live-lines 2s linear .4s infinite;
	left: 9px;
}

.liveclass .imgshow-m .list .list-img .show-img .img-b .rank-icon i:nth-child(3) {
	animation: live-lines 2s linear .6s infinite;
	left: 13px;
}

.liveclass .imgshow-m .list .list-img .show-img .label {
	font-size: 14px;
	color: #fff;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	background: rgba(0,0,0,.5);
	border-radius: 3px;
	position: absolute;
	top: 10px;
	right: 10px
}

.liveclass .imgshow-m .list .list-img .show-img .label2 {
	background: rgba(255,112,29,0.8)
}

.liveclass .imgshow-m .list .list-info {
	padding-top: 12px
}

.liveclass .imgshow-m .list .list-title {
	height: 44px;
	padding: 0 15px
}

.liveclass .imgshow-m .list .list-title .show-title {
	font-size: 16px;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 44px;
	line-height: 22px;
	font-weight: 700;
	color: #333;
	transition: color .2s
}

.liveclass .imgshow-m .list .list-title .show-title:hover {
	color: #ff701d
}

.liveclass .imgshow-m .list .live-time {
	font-size: 14px;
	color: #999;
	padding: 10px 15px 14px
}

.liveclass .imgshow-m .list .progress {
	padding: 13px 15px 15px
}

.liveclass .imgshow-m .list .progress .progress-bar {
	width: 100%;
	height: 10px;
	border-radius: 5px;
	background: rgba(0,0,0,.1);
	overflow: hidden
}

.liveclass .imgshow-m .list .progress .progress-bar span {
	display: block;
	height: 100%;
	max-width: 100%;
	border-radius: 5px;
	position: relative;
	background: linear-gradient(270deg,rgba(255,112,29,.75) 0,#ffd500 100%)
}

.liveclass .imgshow-m .list .progress-txt {
	color: #999
}

.liveclass .imgshow-m .list .about-live {
	height: 16px;
	line-height: 16px;
	margin: 12px auto 0;
	padding: 0 15px
}

.liveclass .imgshow-m .list .about-live .tags {
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: #999;
	max-width: 170px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.liveclass .imgshow-m .list .about-live .red {
	font-size: 16px;
	height: 16px;
	line-height: 16px;
	color: #ff403e
}

.liveclass .imgshow-m .list .about-live .red .old-price {
	font-size: 14px;
	color: #999;
	text-decoration: line-through;
	margin-right: 5px
}

.liveclass .imgshow-m .list .list-t {
	padding: 15px;
	border-top: 1px solid #eee
}

.liveclass .imgshow-m .list .list-t .t-img {
	padding-right: 10px
}

.liveclass .imgshow-m .list .list-t .t-img img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	vertical-align: top
}

.liveclass .imgshow-m .list .list-t .t-data {
	padding-right: 10px
}

.liveclass .imgshow-m .list .list-t.double .t-data .t-name {
	max-width: 42px
}

.liveclass .imgshow-m .list .list-t .t-data .t-name {
	display: block;
	max-width: 120px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #666
}

.liveclass .imgshow-m .list .list-t .interest-num {
	font-size: 14px;
	color: #999;
	line-height: 20px
}

.leader-board h2 {
	font-size: 22px;
	text-align: center;
	font-weight: 400;
	color: #333
}

.leader-board .items {
	padding-top: 34px
}

.leader-board .items .item {
	width: 293px;
	height: 403px;
	float: left;
	border-radius: 5px;
	margin-right: 22px;
	position: relative;
	overflow: hidden
}

.leader-board .items .item:first-child {
	background: -webkit-linear-gradient(129deg,#FF5741,#FFF60A);
	background: -moz-linear-gradient(129deg,#FF5741,#FFF60A);
	background: -o-linear-gradient(129deg,#FF5741,#FFF60A);
	background: linear-gradient(129deg,#FF5741,#FFF60A)
}

.leader-board .items .item:nth-child(2) {
	background: -webkit-linear-gradient(129deg,#510efd,#0ee9fd);
	background: -moz-linear-gradient(129deg,#510efd,#0ee9fd);
	background: -o-linear-gradient(129deg,#510efd,#0ee9fd);
	background: linear-gradient(129deg,#510efd,#0ee9fd)
}

.leader-board .items .item:nth-child(3) {
	background: -webkit-linear-gradient(129deg,#b75aff,#f38dff);
	background: -moz-linear-gradient(129deg,#b75aff,#f38dff);
	background: -o-linear-gradient(129deg,#b75aff,#f38dff);
	background: linear-gradient(129deg,#b75aff,#f38dff)
}

.leader-board .items .item:last-child {
	margin-right: 0
}

.leader-board .items .card:before {
	width: 100%;
	font-size: 77px;
	font-weight: 700;
	font-family: "Microsoft YaHei";
	color: #FFF;
	opacity: .1;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0
}

.leader-board .items .card:nth-child(1):before {
	content: "NO.1"
}

.leader-board .items .card:nth-child(2):before {
	content: "NO.2"
}

.leader-board .items .card:nth-child(3):before {
	content: "NO.3"
}

.leader-board .items .card .before {
	width: 100%;
	font-size: 26px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 27px;
	left: 0
}

.leader-board .items .card>span {
	display: block;
	width: 100%;
	font-size: 26px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	margin: 64px auto 0
}

.leader-board .items .card>span i {
	width: 55px;
	height: 28px;
	background-image: url(/assets/revision/images/home/index-icon.v17.png);
	display: inline-block;
	vertical-align: -7px
}

.leader-board .items .card:nth-child(1)>span i {
	background-position: -89px -142px
}

.leader-board .items .card:nth-child(2)>span i {
	background-position: -151px -142px
}

.leader-board .items .card:nth-child(3)>span i {
	background-position: -214px -142px
}

.leader-board .items .card>span strong {
	display: inline-block;
	margin-right: 7px;
	vertical-align: middle
}

.leader-board .items .card .u-img {
	padding: 24px 0 16px 0;
	position: relative
}

.leader-board .items .card .u-img img {
	display: block;
	margin: 0 auto;
	width: 122px;
	height: 122px;
	border-radius: 50%;
	border: 5px solid #FFF
}

.leader-board .items .card .u-img .vip {
	width: 22px;
	height: 22px;
	position: absolute;
	bottom: 26px;
	right: 93px;
	border: 3px #fff solid;
	border-radius: 50%;
}

.leader-board .items .card .u-img .novip {
	background-image: url(/assets/revision/images/home/index-icon.v17.png);
	background-position: -114px -178px;
}

.leader-board .items .card .u-name {
	font-size: 22px;
	color: #FFF;
	text-align: center;
	padding: 0 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.leader-board .items .card .b-info {
	width: 100%;
	height: 110px;
	padding: 0 20px;
	position: absolute;
	left: 0;
	bottom: 0
}

.leader-board .items .card:nth-child(1) .b-info {
	background: rgba(216,14,29,.5)
}

.leader-board .items .card:nth-child(2) .b-info {
	background: rgba(33,18,189,.5)
}

.leader-board .items .card:nth-child(3) .b-info {
	background: rgba(109,9,173,.5)
}

.leader-board .items .card .b-info span {
	display: block;
	font-size: 20px;
	font-weight: 400;
	color: #FFF;
	text-align: center;
	padding: 15px 0
}

.leader-board .items .card .b-info a {
	display: block;
	width: 100%;
	height: 44px;
	border-radius: 5px;
	background: #FFF;
	font-size: 20px;
	line-height: 44px;
	text-align: center
}

.leader-board .items .card:nth-child(1) .b-info a {
	color: #EB352F
}

.leader-board .items .card:nth-child(2) .b-info a {
	color: #2D38DD
}

.leader-board .items .card:nth-child(3) .b-info a {
	color: #8C13D2
}

.leader-board .items .lists .more {
	display: block;
	width: 100%;
	border-radius: 5px;
	background: url(/assets/revision/images/rank/more-bg.png) no-repeat center;
	font-size: 28px;
	font-weight: 700;
	line-height: 90px;
	text-align: center;
	color: #FFF;
	text-shadow: 0 3px 7px rgba(0,0,0,.25)
}

.leader-board .items .lists .h4 {
	font-size: 18px;
	color: #333;
	padding: 20px 0
}

.leader-board .items .lists .h4 i {
	display: inline-block;
	font-size: 16px;
	color: #000;
	padding: 4px 10px;
	background: #FFD500;
	border-radius: 3px;
	margin-left: 10px;
	position: relative
}

.leader-board .items .lists .h4 i:before {
	content: "";
	width: 0;
	height: 0;
	border-right: 7px solid #FFD500;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	position: absolute;
	left: -7px;
	top: 7px
}

.leader-board .items .lists .l-m .list-l {
	width: 100%;
	height: 33px;
	line-height: 32px;
	margin-bottom: 10px
}

.leader-board .items .lists .l-m .list-l .list-num {
	width: 33px;
	height: 33px;
	background: #DADCE0;
	border-radius: 50%;
	line-height: 32px;
	font-size: 16px;
	color: #999;
	text-align: center;
	float: left;
}

.leader-board .items .lists .l-m .list-l:nth-child(-n+3) .list-num {
	background-image: url(/assets/revision/images/home/index-icon.v17.png);
	background-color: transparent;
	width: 23px;
	height: 33px;
	border-radius: 0;
	margin: 0 5px;
}

.leader-board .items .lists .l-m .list-l:nth-child(1) .list-num {
	background-position: 0 -145px
}

.leader-board .items .lists .l-m .list-l:nth-child(2) .list-num {
	background-position: -28px -145px
}

.leader-board .items .lists .l-m .list-l:nth-child(3) .list-num {
	background-position: -56px -145px
}

.leader-board .items .lists .l-m .list-l .uimg {
	display: block;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	float: left;
	margin: 5px 8px
}

.leader-board .items .lists .l-m .list-l .uname {
	display: block;
	font-size: 16px;
	color: #666;
	float: left;
	width: 112px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 100%;
}

.leader-board .items .lists .l-m .list-l .new-vip-icon {
	margin-left: 6px;
	vertical-align: -2px
}

.leader-board .items .lists .l-m .list-l .vip {
	display: inline-block;
	width: 18px;
	height: 21px;
	margin-left: 5px;
	vertical-align: -5px;
	background-image: url(/assets/revision/images/home/index-icon.v17.png);
}

.leader-board .items .lists .l-m .list-l .vip0 {
	background-position: -162px -175px
}

.leader-board .items .lists .l-m .list-l .vip1 {
	background-position: -209px -175px
}

.leader-board .items .lists .l-m .list-l .vip2 {
	background-position: -256px -175px
}

.leader-board .items .lists .l-m .list-l .novip {
	background-position: -113px -175px
}

.leader-board .items .lists .l-m .list-l .utime {
	float: right;
	font-size: 16px;
	color: #666;
	margin-right: 8px
}

.leader-board .items .lists .l-m .list-l .udir {
	float: right;
	margin: 8px 0;
	width: 7px;
	height: 17px;
	position: relative
}

.leader-board .items .lists .l-m .list-l .udir i {
	display: inline-block;
	padding: 4px;
	position: absolute
}

.leader-board .items .lists .l-m .list-l .up {
	border-left: 1px solid #FF701D
}

.leader-board .items .lists .l-m .list-l .up i {
	border: solid #FF701D;
	border-width: 0 0 1px 0;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	top: 2px;
	left: -4px
}

.leader-board .items .lists .l-m .list-l .down {
	border-left: 1px solid #6EBD6B
}

.leader-board .items .lists .l-m .list-l .down i {
	border: solid #6EBD6B;
	border-width: 0 1px 0 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 7px;
	left: -5px
}

.bg-color-white {
	background-color: #fff;
}

.index-occupation-cen .title-h3 {
	font-size: 22px;
	color: #2d2d2d;
	font-weight: 400;
	margin-bottom: 25px;
	line-height: 22px;
}

.index-occupation-cen .title-h3 span {
	font-size: 16px;
	color: #666;
	margin-left: 15px;
}

.index-occupation-list {
	margin-right: -20px;
}

.index-occupation-list li {
	float: left;
	width: 232px;
	height: 300px;
	border-radius: 10px;
	margin-right: 20px;
	transition: box-shadow .2s,-webkit-transform .2s;
	transition: box-shadow .2s,transform .2s;
	transition: box-shadow .2s,transform .2s,-webkit-transform .2s;
}

.index-occupation-list li:hover {
	box-shadow: 0 6px 15px rgba(0,0,0,.1)!important;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.index-occupation-list li a {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 18px;
	padding: 39px 0 25px;
}

.index-occupation-list li.opt-bg1 {
	background-color: #3D94D3;
}

.index-occupation-list li.opt-bg2 {
	background-color: #4AC4C8;
}

.index-occupation-list li.opt-bg3 {
	background-color: #F57864;
}

.index-occupation-list li.opt-bg4 {
	background-color: #3D6FD3;
}

.index-occupation-list li.opt-bg5 {
	background-color: #3CC5A4;
}

.index-occupation-list li img {
	width: 140px;
	height: 140px;
}

.index-occupation-list li h5 {
	font-size: 24px;
	font-weight: bold;
}

.index-occupation-list li p {
	padding: 13px 0 36px;
}

.index-occupation-item {
	margin-right: -20px;
	padding-bottom: 12px
}

.index-occupation-item .li {
	display: block;
	float: left;
	width: 295px;
	height: 98px;
	margin: 0 20px 20px 0;
	border-radius: 5px;
	background: #fff;
	position: relative;
	z-index: 11;
	padding: 18px 100px 18px 22px
}

.index-occupation-item .li .li-title {
	font-size: 16px;
	color: #333;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: -2px
}

.index-occupation-item .li .li-small {
	font-size: 12px;
	color: #999;
	padding-top: 8px
}

.index-occupation-item .li .img-icon {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;
	top: 18px;
	right: 22px
}

.index-occupation-item .li .hover-con {
	display: none;
	width: 360px;
	height: 172px;
	border-radius: 5px;
	box-shadow: 0 0 40px 0 rgba(34,23,20,.12);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	padding: 16px 110px 14px 22px
}

.index-occupation-item .li:hover {
	z-index: 12
}

.index-occupation-item .li .hover-con .hc-title {
	font-size: 16px;
	line-height: 18px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.index-occupation-item .li .hover-con .hc-p {
	font-size: 12px;
	color: #999;
	line-height: 20px;
	height: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	margin: 14px 0
}

.index-occupation-item .li .hover-con .hc-b small {
	font-size: 12px;
	color: #999
}

.index-occupation-item .li .hover-con .hc-b span {
	display: block;
	width: 70px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #ffd500;
	font-size: 14px;
	color: #333;
	border-radius: 5px;
	position: absolute;
	right: 22px;
	bottom: 14px
}

.index-occupation-item .li .hover-con .img-icon-big {
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	position: absolute;
	top: 16px;
	right: 22px
}

.followPro {
	position: relative;
	z-index: 66;
}

.followSlidePro {
	width: 500px;
}

.comFollowPro {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.1)
}

.followTitle {
	font-size: 12px;
	color: #333;
	font-weight: normal;
	text-align: center;
	height: 32px;
	line-height: 32px;
	background-color: #F7F8FA;
	border-bottom: 1px solid #E1E1E1;
	position: relative;
}

.followTitle .close {
	position: absolute;
	top: 12px;
	right: 15px;
	width: 13px;
	height: 13px;
	background: url("/assets/revision/images/home/play-icon4.png") no-repeat -249px -193px;
	display: block;
	cursor: pointer;
}

.followTitle a {
	color: #FF701D;
	text-decoration: underline;
	margin-left: 15px;
}

.followTips {
	border-radius: 0px 0px 5px 5px;
	line-height: 31px;
	height: 31px;
	background-color: #F7F8FA;
	text-align: center;
	font-size: 12px;
	color: #717171;
	border-top: 1px solid #E1E1E1;
	cursor: pointer;
}

.followTips span:hover {
	color: #FF701D;
}

.slideContain {
	width: 440px;
	margin: 12px auto;
	position: relative;
}

.slideContain .swiper-slide>a {
	display: block;
	width: 200px;
	margin: 0 auto
}

.slideList .coverImg {
	position: relative;
}

.slideList .coverImg img {
	border-radius: 5px;
	display: block;
	width: 200px;
	height: 122px;
}

.lineSpanCen {
	position: absolute;
	top: 15px;
	left: 0;
	padding: 0 5px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	text-align: center;
	border-radius: 0px 5px 5px 0px;
	color: #fff;
}

.liveBodySpan {
	background-color: #1B95E9;
}

.dpbBoy {
	background-color: #03AF7C;
}

.dpbBoy i {
	display: inline-block;
	vertical-align: -1px;
	width: 15px;
	height: 12px;
	background: url(/assets/revision/images/live/index-icon.png) no-repeat -23px 0;
	margin-right: 4px
}

.lineSpan {
	display: inline-block;
	width: 22px;
	height: 13px;
	line-height: 40px;
	text-align: center;
	position: relative;
	overflow: hidden
}

.lineSpan i {
	display: inline-block;
	width: 2px;
	background-color: #fff;
	margin-bottom: 0
}

.line1 {
	animation: indexline 0.6s infinite ease-in-out alternate;
}

.line2 {
	animation: indexline 0.6s 0.2s infinite ease-in-out alternate;
}

.line3 {
	animation: indexline 0.6s 0.4s infinite ease-in-out alternate;
}

.line4 {
	animation: indexline 0.6s 0.6s infinite ease-in-out alternate;
}

.startBoy {
	background-color: #ff701d
}

.startBoy i {
	display: inline-block;
	vertical-align: -2px;
	width: 15px;
	height: 15px;
	background: url(/assets/revision/images/live/index-icon.png) no-repeat -23px -15px;
	margin-right: 2px
}

@keyframes indexline {
	from {
		height: 0
	}

	to {
		height: 20px
	}
}

.slideList .title {
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 400;
	padding: 10px 0;
}

.slideList .time {
	font-size: 12px;
	color: #FF403E;
}

.slideList .tecCont {
	line-height: 20px;
	margin-top: 6px;
	font-size: 12px;
}

.slideList .tecCont img {
	float: left;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.slideList .tecCont strong {
	float: left;
	color: #333;
	font-weight: 400;
	margin-left: 10px;
	width: 75px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.slideList .tecCont span {
	float: right;
	color: #999;
}

#new-header .nav-list.live-head .nav-t {
	background: #0f0f0f
}

#new-header .nav-list.live-head .nav-t:before {
	left: 0;
	width: 100%
}

.userTierTopHead {
	position: relative;
	height: 45px;
	background-color: #ff343e;
	color: #fff;
	text-align: center;
	z-index: 15;
}

.userTierTopHead .topHeadCen {
	position: relative;
	height: 45px;
	line-height: 45px
}

.userTierTopHead .topHeadCen .introduce {
	font-size: 26px;
	color: #fff
}

.userTierTopHead .topHeadCen .introduce i {
	color: #fade51;
	font-weight: 700
}

.userTierTopHead .topHeadCen .clickBtn {
	display: inline-block;
	font-size: 16px;
	color: #a94c00;
	width: 95px;
	height: 32px;
	line-height: 32px;
	background: #ffe97a;
	border-radius: 10px;
	text-align: center;
	font-style: normal;
	margin-left: 30px;
	vertical-align: super
}

.userTierTopHead .topHeadCen .d-time {
	font-size: 26px;
	font-weight: 700;
	padding: 0 8px 0 15px
}

.userTierTopHead .topHeadCen .d-time em,.topHeadCen .d-time i {
	display: inline-block
}

.userTierTopHead .topHeadCen .tipsn {
	font-size: 16px;
	vertical-align: super
}

.userTierTopHead .topHeadCen .close {
	position: absolute;
	top: 10px;
	right: 30px;
	z-index: 22;
	display: block;
	width: 25px;
	height: 25px;
	background: url(/assets/revision/images/activity/user-tier/qienew5.png) no-repeat -320px -44px;
	cursor: pointer
}

.userTierTopHead .linkAll {
	display: block;
	width: 100%;
	height: 45px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 11
}

.userTierTopHead .topHeadCen .d-time i {
	width: 40px
}

.userTierTopHead .topHeadCen .d-time i.millisecondLabel {
	width: 58px
}

.userTierTopHead .topHeadCenToLong .close {
	right: -30px!important;
}

/* 讲师粉丝直播课程推送 start */
.live-recommend-win {
	position: absolute;
	right: 80px;
	top: 60px;
	width: 240px;
	background: #fff;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
	z-index: 2;
}

.live-recommend-win .close {
	width: 10px;
	height: 10px;
	position: absolute;
	right: 11px;
	top: 11px;
	background: url(/assets/revision/images/home/index-icon.v17.png) -121px -80px;
}

.live-recommend-win .close:hover {
	background-position: -137px -80px;
	cursor: pointer;
}

.live-recommend-win .con {
	margin: 10px 20px 0;
	position: relative;
}

.live-recommend-win .con p {
	color: #2D2D2D;
	margin-bottom: 8px;
	line-height: 30px;
}

.live-recommend-win .con p a {
	color: #FF641B;
	display: inline-block;
	max-width: 95px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: top;
	font-size: 14px;
}

.live-recommend-win .con p.p1 a:first-child {
	margin-right: 5px;
}

.live-recommend-win .con p a:hover {
	text-decoration: underline;
}

.live-recommend-win .con .icon {
	width: 28px;
	height: 19px;
	position: absolute;
	left: 0;
	top: 4px;
	background: url(/assets/revision/images/home/index-icon.v17.png) -190px -114px;
}

.live-recommend-win .p2 {
	color: #2d2d2d;
	margin: 0 20px;
}

.live-recommend-win .img {
	width: 200px;
	height: 122px;
	border-radius: 5px;
	overflow: hidden;
	margin: 15px auto 0;
	display: block;
}

.live-recommend-win .img img {
	display: block;
	width: 100%;
	height: 100%;
}

.live-recommend-win .title {
	margin: 10px auto 0;
	padding-bottom: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #2D2D2D;
	display: block;
	width: 212px;
}

.live-recommend-win .title:hover {
	color: #FF641B
}

.live-recommend-win .dont-recommend {
	position: absolute;
	width: 100%;
	height: 31px;
	text-align: center;
	line-height: 30px;
	background: #F7F8FA;
	border-top: 1px #ddd solid;
	cursor: pointer;
	transition: all .2s;
	left: 0;
	bottom: -30px;
	border-radius: 0px 0px 5px 5px;
}

.live-recommend-win .dont-recommend:hover {
	background: #f5f5f5;
	color: #FF641B;
}

/* end */
/*start 大神直播 - 训练营*/
.advanced-index .list {
	height: 342px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px #eee solid;
}

.advanced-index .list .img-time {
	font-size: 14px;
	color: #999;
	padding: 0 15px;
	white-space: nowrap;
}

.advanced-index .list .img-name {
	padding: 0 15px
}

.advanced-index .list .list-img .left-tips {
	height: 26px;
	border-radius: 5px;
	line-height: 26px;
	background: #FF4064;
	padding: 0 10px;
	color: #fff;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2
}

.advanced-index .list .list-img .left-tips.opc {
	background: rgba(0,0,0,.6)
}

.advanced-index .list .list-img .left-tips .rank-icon {
	width: 11px;
	height: 10px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 8px 5px 0 0;
}

.advanced-index .list .list-img .left-tips .rank-icon em {
	width: 2px;
	height: 2px;
	background: #fff;
	position: absolute;
	bottom: 0
}

.advanced-index .list .list-img .left-tips .rank-icon em:nth-child(1) {
	animation: live-lines 2s linear .2s infinite;
	left: 0;
}

.advanced-index .list .list-img .left-tips .rank-icon em:nth-child(2) {
	animation: live-lines 2s linear .4s infinite;
	left: 3px;
}

.advanced-index .list .list-img .left-tips .rank-icon em:nth-child(3) {
	animation: live-lines 2s linear .6s infinite;
	left: 6px;
}

.advanced-index .list .list-img .left-tips .rank-icon em:nth-child(4) {
	animation: live-lines 2s linear .8s infinite;
	left: 9px;
}

.advanced-index .list .list-img .show-img {
	border-radius: 5px 5px 0 0
}

@keyframes live-lines {
	0% {
		height: 2px
	}

	25% {
		height: 10px
	}

	50% {
		height: 2px
	}

	75% {
		height: 10px
	}

	100% {
		height: 2px
	}
}

@keyframes click {
	0% {
		bottom: 0
	}

	50% {
		bottom: 20px
	}

	100% {
		bottom: 0
	}
}

.advanced-index .list .img-newData {
	line-height: 20px;
	padding: 0 15px 12px;
	border-bottom: 1px #eee solid;
}

.advanced-index .list .img-newData .learn-img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.advanced-index .list .img-newData a:nth-child(2) .learn-img {
	margin-left: -8px;
}

.advanced-index .list .img-newData .learn-name {
	color: #666;
	max-width: 160px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 10px;
}

.advanced-index .list .img-newData .learn-st {
	color: #999
}

.advanced-index .list .img-newData .learn-st small {
	margin-left: 4px
}

.advanced-index .list .img-newData .learn-st small:first-child {
	margin-left: 0
}

.advanced-index .list .img-newData .learn-st small i {
	display: inline-block;
	width: 8px;
	height: 10px;
	background: url(/assets/revision/images/home/index-icon.v17.png) -305px -173px;
	margin-right: 4px;
	vertical-align: top;
	margin-top: 12px
}

.advanced-index .list .list-img .play-cover {
	border-radius: 5px
}

.advanced-index .list .img-newData .learn-num {
	color: #999;
	padding-left: 5px;
	position: relative
}

.advanced-index .list .img-newData .learn-num small {
	color: #E3AD13;
}

.advanced-index .list .img-newData .learn-num .heart {
	position: absolute;
	top: 10px;
	left: -20px;
}

.advanced-index .list .img-newData .learn-num .heart i {
	display: block;
	width: 12px;
	height: 10px;
	background: url(/assets/revision/images/home/index-icon.v17.png) -276px -174px;
	position: absolute
}

.advanced-index .list .img-newData .learn-num .heart i:nth-child(1) {
	top: -20px;
	left: 30px;
	animation: flutter 2.2s linear .2s infinite
}

.advanced-index .list .img-newData .learn-num .heart i:nth-child(2) {
	top: -18px;
	left: 32px;
	animation: flutter 2.4s linear .4s infinite
}

.advanced-index .list .img-newData .learn-num .heart i:nth-child(3) {
	top: -16px;
	left: 34px;
	animation: flutter 1.8s linear .6s infinite
}

.advanced-index .list .img-newData .learn-num .heart i:nth-child(4) {
	top: -14px;
	left: 36px;
	animation: flutter 2.6s linear .8s infinite
}

.advanced-index .list .img-newData .left-time {
	color: #999
}

@keyframes flutter {
	0% {
		transform: translate(0,0);
		opacity: 0
	}

	25% {
		transform: translate(2px,-10px);
		opacity: 1
	}

	50% {
		transform: translate(4px,-20px);
		opacity: .6
	}

	75% {
		transform: translate(6px,-30px);
		opacity: 0
	}

	100% {
		transform: translate(0,0);
		opacity: 0
	}
}

.advanced-index .list .advanced-btn {
	padding: 12px 15px;
}

.advanced-index .list .advanced-btn .left-time {
	line-height: 36px;
	color: #999
}

.advanced-index .list .advanced-btn a {
	overflow: hidden;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	display: block;
	background: #ff4064;
	border-radius: 5px;
	text-align: center;
	transition: opacity .2s
}

.advanced-index .list .advanced-btn a:hover {
	opacity: .8
}

.advanced-index .list .advanced-btn.green a {
	background: #03af7c;
	border: 1px solid #03af7c;
	line-height: 34px;
	padding-right: 100px;
	position: relative
}

.advanced-index .list .advanced-btn a .l {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	color: #03af7c;
	background: #fff
}

.advanced-index .list .advanced-btn a .l .i-play {
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid #03af7c;
	position: relative;
	margin: 9px 5px 0 0
}

.advanced-index .list .advanced-btn a .l .i-play:before {
	content: '';
	border: 4px solid transparent;
	border-left: 5px solid #03af7c;
	position: absolute;
	top: 3px;
	left: 5px
}

.advanced-index .list .advanced-btn a .r {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	height: 100%;
	position: absolute;
	top: 1px;
	right: 1px
}

.advanced-index .list .advanced-btn.yellow a {
	background: #e3ad13;
	border: 1px solid #e3ad13;
	line-height: 34px;
	padding-right: 100px;
	position: relative
}

.advanced-index .list .advanced-btn.yellow a .l {
	color: #e3ad13
}

.advanced-index .list .advanced-btn.yellow a .l .i-play {
	border-color: #e3ad13
}

.advanced-index .list .advanced-btn.yellow a .l .i-play:before {
	border-left-color: #e3ad13
}

.advanced-index .list .advanced-btn.gray a {
	background: #eee;
	color: #999
}

.advanced-index .list .advanced-btn .rank-icon {
	display: inline-block;
	width: 18px;
	height: 18px;
	position: relative;
	top: 5px;
	margin-right: 4px
}

.advanced-index .list .advanced-btn .rank-icon i {
	width: 2px;
	height: 2px;
	background: #fff;
	bottom: 5px;
	position: absolute
}

.advanced-index .list .advanced-btn .rank-icon i:nth-child(1) {
	animation: live-lines 2s linear .2s infinite;
	left: 4px
}

.advanced-index .list .advanced-btn .rank-icon i:nth-child(2) {
	animation: live-lines 2s linear .4s infinite;
	left: 8px
}

.advanced-index .list .advanced-btn .rank-icon i:nth-child(3) {
	animation: live-lines 2s linear .6s infinite;
	left: 12px
}

.advanced-index .list .advanced-btn .small-btn {
	width: 90px;
	line-height: 34px;
	background: #fff;
	border: 1px solid #e3ad13;
	color: #e3ad13;
	transition: all .2s
}

.advanced-index .list .advanced-btn .small-btn:hover {
	background: #e3ad13;
	color: #fff
}

.advanced-index .list .advanced-btn .small-btn-training {
	width: 100%;
}

.advanced-index .list .advanced-btn em {
	animation: starRotate 5s ease-in-out infinite;
	display: inline-block;
	vertical-align: top;
	width: 23px;
	height: 23px;
	background: url(/assets/revision/images/home/index-icon.v17.png) -312px -189px;
	margin-top: 6px;
	margin-right: 5px;
	transition: all .2s
}

@keyframes starRotate {
	0% {
		transform: rotateY(0deg)
	}

	25% {
		transform: rotateY(360deg)
	}

	50% {
		transform: rotateY(360deg)
	}

	75% {
		transform: rotateY(360deg)
	}

	100% {
		transform: rotateY(0deg)
	}
}

.advanced-index .list:hover {
	transform: translateY(-5px)
}

.new-hisCen {
	padding: 20px 0 50px;
	margin-top: 0
}

.success-tips-popup {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000
}

.success-tips-popup .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 997;
	background: rgba(0,0,0,.5)
}

.success-tips-popup .popup-c {
	width: 420px;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 998;
	text-align: center
}

.success-tips-popup .popup-c .close {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 12px;
	right: 12px
}

.success-tips-popup .popup-c .close:after,.success-tips-popup .popup-c .close:before {
	content: '';
	width: 18px;
	height: 1px;
	background: #666;
	position: absolute;
	top: 7px;
	left: -1px;
	transform: rotate(-45deg)
}

.success-tips-popup .popup-c .close:after {
	transform: rotate(45deg)
}

.success-tips-popup .popup-c .h4 {
	font-size: 18px;
	color: #333;
	padding: 26px 0 14px
}

.success-tips-popup .popup-c .span {
	font-size: 14px;
	color: #666
}

.success-tips-popup .popup-c .span i {
	color: #ff583e
}

.success-tips-popup .popup-c .qrcode {
	display: block;
	width: 200px;
	height: 200px;
	margin: 20px auto
}

.success-tips-popup .popup-c .small {
	font-size: 14px;
	color: #999;
	padding-bottom: 14px
}

.success-tips-popup .popup-c .small.red {
	color: #ff583e;
	padding-bottom: 20px
}

.success-tips-popup .popup-c .bottom-replay {
	border-top: 1px dashed #ddd
}

.success-tips-popup .popup-c .bottom-replay .span-tip {
	font-size: 14px;
	color: #333;
	padding: 20px 0
}

.success-tips-popup .popup-c .bottom-replay .replay-a {
	display: block;
	width: 380px;
	height: 60px;
	background: #f8f8f8;
	border-radius: 5px;
	font-size: 16px;
	color: #666;
	line-height: 60px;
	margin: 0 auto 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.success-tips-popup .popup-c .bottom-replay .replay-a:hover span {
	color: #ff701d
}

.success-tips-popup .popup-c .bottom-replay .replay-a i {
	display: inline-block;
	width: 24px;
	height: 20px;
	background: #04b07c;
	border-radius: 2px;
	position: relative;
	vertical-align: -4px;
	margin-right: 4px
}

.success-tips-popup .popup-c .bottom-replay .replay-a i:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 7px solid #fff;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%)
}

/*end 大神直播 - 训练营*/
/*start 虎课读书*/
.newAudioList {
	margin-bottom: -20px;
	margin-right: -20px;
}

.newAudioList li {
	float: left;
	position: relative;
	width: 400px;
	margin-right: 20px;
}

.newAudioList li .audioLink {
	position: relative;
}

.newAudioList li .dpaPhoto {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.newAudioList li .dmainInfor {
	display: block;
	width: 375px;
	height: 250px;
	margin-left: 25px;
	margin-top: 25px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	border-radius: 5px;
	transition: box-shadow .2s;
	position: relative;
	background-color: #fff;
}

.newAudioList li .dmainInfor:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.15)
}

.newAudioList li .audioLink .bookImg {
	width: 145px;
	height: 218px;
	position: relative;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.newAudioList li .audioLink .bookImg img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	transition: all .4s;
	cursor: pointer
}

.newAudioList li .audioLink .bookImg .hoverPro {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0,0,0,.3);
	transition: all .25s ease-in;
	opacity: 0;
	border-radius: 5px;
}

.newAudioList li .audioLink .bookImg .hoverPro .audioIcon {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	display: block;
	margin: -21px -26px;
	width: 52px;
	height: 42px;
	background: url(/assets/revision/images/book/audioBase.png) no-repeat -261px -5px;
	transition: all .25s ease-in;
	-webkit-transform: scale(2);
	transform: scale(2)
}

.newAudioList li:hover .bookImg .hoverPro {
	opacity: 1
}

.newAudioList li:hover .bookImg .hoverPro .audioIcon {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.newAudioList li .audioLink .bookDetail {
	width: 210px;
	height: 205px;
	padding-top: 14px;
	font-size: 14px;
	color: #666;
	margin-left: 140px;
	position: relative;
}

.newAudioList li .audioLink .bookDetail .bookTitle {
	line-height: 25px;
	font-size: 16px;
	color: #333;
	font-weight: 400;
	word-break: break-all;
	margin-bottom: 14px;
	text-indent: -7px;
}

.newAudioList li .audioLink .bookDetail .bookTitle:hover {
	color: #ff701d
}

.newAudioList li .audioLink .bookDetail .comLabel {
	height: 44px;
}

.newAudioList li .audioLink .bookDetail .comLabel span {
	padding: 0 9px;
	border-radius: 5px;
	height: 24px;
	line-height: 25px;
	font-size: 14px;
	display: inline-block
}

.newAudioList li .bookImg .paLabel {
	position: absolute;
	left: 0;
	top: 0
}

.newAudioList li .audioLink .bookDetail .author {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.newAudioList li .audioLink .bookDetail .author span {
	float: left;
	max-width: 190px;
	margin-right: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.newAudioList li .audioLink .bookDetail .num {
	margin-top: 19px;
}

.newAudioList li .audioLink .bookDetail .comLabelSty {
	margin-left: -10px;
}

.newAudioList li .audioLink .bookDetail .comLabelSty span {
	margin-left: 10px;
	font-size: 12px;
	padding: 0 4px;
	height: 21px;
	line-height: 21px;
	border-radius: 3px;
	float: left;
}

.newAudioList li .audioLink .bookDetail .comLabelSty .labelSty1 {
	color: #03AF7C;
	border: 1px solid #03AF7C;
}

.newAudioList li .audioLink .bookDetail .comLabelSty .labelSty2 {
	color: #FFD89F;
	background-color: #333;
}

.newAudioList li .audioLink .bookDetail .comLabelSty .labelSty3 {
	border: 1px solid #FF701D;
	color: #FF701D;
}

.newAudioList li .audioLink .bookDetail .dcont {
	position: absolute;
	right: 0;
	bottom: 18px;
	height: 42px;
	width: 100%;
	font-size: 13px;
	color: #999;
	line-height: 21px;
	margin-bottom: 0;
}

.newAudioList li .audioLink .bookDetail>p {
	margin-bottom: 18px;
}

.newAudioList li .audioLink .dbook-detail {
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	color: #999;
	width: 335px;
	margin: 0 auto;
	border-top: 1px solid #E8E8E8;
}

.newAudioList li .audioLink .dbook-detail .time {
	margin-right: 30px;
}

.newAudioList li .audioLink .dbook-detail .labelSty2 {
	display: inline-block;
	padding: 0 6px;
	border-radius: 5px 5px 5px 0px;
	background-color: #333;
	color: #ffd89f;
	margin-right: 6px;
}

/*end 虎课读书*/
/*new - zl*/
.zl-newpar {
	position: relative
}

.zl-newVideo {
	position: absolute;
	right: -20px;
	top: 0
}

.xhuaban,.xhuaban-download {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99
}

.xhuaban .mask,.xhuaban-download .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.7)
}

.xhuaban .xhuaban-c {
	width: 902px;
	height: 617px;
	background: url(/assets/revision/images/petal/xhuaban-bg-v2.png) no-repeat center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -308px;
	margin-left: -430px;
	z-index: 99
}

.xhuaban .xhuaban-c-v3 {
	background: url(/assets/revision/images/petal/xhuaban-bg-v3.png) no-repeat center
}

.xhuaban .xhuaban-c .close,.xhuaban .xhuaban-suc-c .close {
	width: 42px;
	height: 42px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer
}

.xhuaban .xhuaban-c .xhuaban-con {
	padding-top: 310px
}

.xhuaban .xhuaban-c .xhuaban-con .left-t {
	width: 500px;
	margin-left: 88px
}

.xhuaban .xhuaban-c .xhuaban-con .left-t p {
	font-size: 20px;
	color: #18173d;
	font-weight: 500;
	line-height: 24px
}

.xhuaban .xhuaban-c .xhuaban-con .left-t .p1 {
	padding-top: 24px
}

.xhuaban .xhuaban-c .xhuaban-con .left-t .p2 {
	padding-top: 19px
}

.xhuaban .xhuaban-c .xhuaban-con .left-t .p3 {
	padding-top: 20px
}

.xhuaban .xhuaban-c .xhuaban-con .left-t .p4 {
	padding-top: 14px
}

.xhuaban .xhuaban-c .xhuaban-con .left-t .p5 {
	padding-top: 17px
}

.xhuaban .xhuaban-c .xhuaban-con .left-t p strong {
	color: #fa2b73
}

.xhuaban .xhuaban-c .xhuaban-con .right-c1 {
	margin: 43px 102px 0 0
}

.xhuaban .xhuaban-c .xhuaban-con .right-c1 a {
	display: block;
	width: 188px;
	height: 67px;
	margin-bottom: 35px
}

.xhuaban .xhuaban-c .xhuaban-con .right-c2 {
	width: 160px;
	margin: 25px 115px 0 0
}

.xhuaban .xhuaban-c .xhuaban-con .right-c2 .qrcode {
	width: 138px;
	height: 138px;
	margin: 0 auto;
	position: relative
}

.xhuaban .xhuaban-c .xhuaban-con .right-c2 .qrcode img {
	width: 100%;
	height: 100%
}

.xhuaban .xhuaban-c .xhuaban-con .right-c2 .qrcode .petal-wx-logo {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px
}

.xhuaban .xhuaban-c .shou {
	width: 91px;
	height: 103px;
	background: url(/assets/revision/images/petal/shou.png) no-repeat center/cover;
	position: absolute;
	right: 25px;
	bottom: -52px
}

.xhuaban .xhuaban-c .xhuaban-con .right-c2 .btn-qq2 {
	display: block;
	width: 155px;
	height: 40px;
	margin: 48px auto 0
}

.animateShou {
	animation: moveLeftUp 3s ease-in-out infinite;
	-webkit-animation: moveLeftUp 3s ease-in-out infinite
}

@-webkit-keyframes moveLeftUp {
	0% {
		right: 25px;
		bottom: -52px
	}

	25% {
		right: 52px;
		bottom: -25px
	}

	50% {
		right: 25px;
		bottom: -52px
	}

	75% {
		right: 52px;
		bottom: -25px
	}
}

@keyframes moveLeftUp {
	0% {
		right: 25px;
		bottom: -52px
	}

	25% {
		right: 52px;
		bottom: -25px
	}

	50% {
		right: 25px;
		bottom: -52px
	}

	75% {
		right: 52px;
		bottom: -25px
	}
}

.xhuaban .xhuaban-suc-c {
	width: 873px;
	height: 591px;
	background: url(/assets/revision/images/petal/xhuaban-suc-bg.png) no-repeat center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -295px;
	margin-left: -415px;
	z-index: 99
}

.xhuaban .xhuaban-suc-c .xhuaban-suc-con {
	width: 832px;
	padding-top: 176px
}

.xhuaban .xhuaban-suc-c .xhuaban-suc-con .detail-t {
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	line-height: 30px;
	text-align: center
}

.xhuaban .xhuaban-suc-c .xhuaban-suc-con .detail-t strong {
	color: #00ffd2
}

.xhuaban .xhuaban-suc-c .xhuaban-suc-con .a-go {
	display: inline-block;
	width: 488px;
	height: 54px;
	font-size: 22px;
	color: #fff;
	line-height: 54px;
	padding-left: 30px;
	margin: 258px 0 0 170px
}

.xhuaban .xhuaban-suc-c .xhuaban-suc-con .b-tips {
	width: 832px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: -5000px;
	transition: all .5s
}

.xhuaban .xhuaban-suc-c .xhuaban-suc-con .b-tips.move {
	bottom: 36px
}

.xhuaban-small-popup {
	z-index: 99;
	width: 145px;
	height: 158px;
	position: fixed;
	right: 70px;
	bottom: 10px;
	background: url(/assets/revision/images/petal/xhuaban-small-popup.png) no-repeat center;
	-webkit-animation: click 2.4s infinite;
	-ms-animation: click 2.4s infinite;
	-moz-animation: click 2.4s infinite;
	-o-animation: click 2.4s infinite;
	animation: click 2.4s infinite
}

.xhuaban-small-popup .close {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	cursor: pointer
}

.xhuaban-small-popup .xhuaban-small-popup-c {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 98
}

.xhuaban-download .xhuaban-download-c {
	width: 763px;
	height: 467px;
	background: url(/assets/revision/images/petal/xhuaban-download-bg.png) no-repeat center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -233px;
	margin-left: -381px;
	z-index: 99
}

.xhuaban-download .xhuaban-download-c .close {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 14px;
	right: 16px;
	cursor: pointer
}

.xhuaban-download .xhuaban-download-c .h5 {
	font-size: 38px;
	color: #0c1115;
	text-align: center;
	padding: 72px 0 44px
}

.xhuaban-download .xhuaban-download-c .small {
	width: 688px;
	margin: 0 auto;
	padding-top: 50px;
	text-align: center
}

.xhuaban-download .xhuaban-download-c .small small {
	display: block;
	font-size: 20px;
	color: #0c1115;
	padding-bottom: 20px
}

.xhuaban-download .xhuaban-download-c .small small .txt {
	font-size: 20px;
	color: #0c1115;
	border: none;
	background: #fff
}

.xhuaban-download .xhuaban-download-c .small small .txt1 {
	width: 465px
}

.xhuaban-download .xhuaban-download-c .small small .txt2 {
	width: 50px
}

.xhuaban-download .xhuaban-download-c a {
	display: inline-block;
	width: 307px;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	margin-top: 67px
}

.xhuaban-download .xhuaban-download-c .copy-a {
	margin-left: 64px;
	margin-right: 16px
}

.video-box-win {
	position: fixed;
	z-index: 1001;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.video-box-win .win-bg {
	height: 100%;
	background: rgba(0,0,0,.4)
}

.video-box-win .win-m {
	width: 770px;
	height: 488px;
	background: #26262b;
	border-radius: 6px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -242px 0 0 -385px
}

.video-box-win .win-m .video-m {
	height: 430px
}

.video-box-win .win-m .close {
	font-family: "宋体";
	font-weight: 700;
	color: #888a8f;
	font-size: 20px;
	position: absolute;
	right: 20px;
	top: 17px;
	cursor: pointer;
	transition: color .2s
}

.video-box-win .win-m .close:hover {
	color: #c4c4c6
}

.video-box-win .win-m h3 {
	font-size: 18px;
	padding: 0 20px;
	line-height: 54px;
	color: #999;
	font-weight: 400;
	overflow: hidden;
	height: 54px
}

.section-img.school-enterprise {
	padding-bottom: 70px
}

.section-img.school-enterprise .h4 {
	font-size: 30px;
	color: #333;
	text-align: center;
	padding: 0 0 40px
}

.section-img.school-enterprise .img {
	display: block;
	width: 100%
}

.section-img.school-enterprise .bottom-info {
	margin: 15px auto 0
}

.section-img.school-enterprise .bottom-info .lis {
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 15px 0 25px;
	display: flex;
	align-items: center;
	justify-items: center
}

.section-img.school-enterprise .bottom-info .lis .li {
	flex: 1;
	text-align: center
}

.section-img.school-enterprise .bottom-info .lis .li i {
	display: block;
	width: 33px;
	height: 31px;
	margin: 10px auto;
	background: url(/assets/revision/images/school-enterprise/icon-v2.png) 0 -40px
}

.section-img.school-enterprise .bottom-info .lis .li .i1 {
	width: 32px;
	height: 32px;
	margin-top: 9px;
	background-position: -34px -40px
}

.section-img.school-enterprise .bottom-info .lis .li .i3 {
	width: 32px;
	height: 29px;
	margin-top: 12px;
	background-position: -67px -42px
}

.section-img.school-enterprise .bottom-info .lis .li .i4 {
	width: 25px;
	height: 33px;
	margin-top: 8px;
	background-position: -101px -40px
}

.section-img.school-enterprise .bottom-info .lis .li .i5 {
	width: 30px;
	height: 32px;
	margin-top: 9px;
	background-position: -135px -77px
}

.section-img.school-enterprise .bottom-info .lis .li .i6 {
	width: 35px;
	height: 32px;
	margin-top: 9px;
	background-position: -166px -77px
}

.section-img.school-enterprise .bottom-info .lis .li span {
	display: block;
	font-size: 16px;
	color: #3a478b
}

.section-img.school-enterprise .bottom-info .lis .li .a-btn {
	display: block;
	width: 88px;
	height: 28px;
	line-height: 28px;
	background: #3a478b;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	margin: 20px auto 0;
	transition: opacity .2s
}

.section-img.school-enterprise .big-btn .btn-a:hover,.section-img.school-enterprise .bottom-info .lis .li .a-btn:hover {
	opacity: .9
}

.section-img.school-enterprise .big-btn {
	text-align: center
}

.section-img.school-enterprise .big-btn .btn-a {
	display: inline-block;
	width: 240px;
	height: 60px;
	line-height: 60px;
	background: #3a478b;
	border-radius: 5px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	margin: 40px 20px 0;
	transition: opacity .2s
}

#opusHomeRecommend.pb {
	padding-bottom: 100px
}

#opusHomeRecommend .more-btn {
	margin-top: 20px
}

@media only screen and (max-width: 1440px) {
	#footer .friends-link a {
		margin:0 7px 0 8px
	}

	#footer .copyRight .kfqq,#footer .copyRight img {
		margin-left: 10px
	}

	.nav-banner .banner-cover {
		margin-left: 223px
	}

	.hk-navigation .nav-cutbar .cutbar-left {
		width: 240px
	}

	.hk-navigation .nav-cutbar .cutbar-right .nr-item .item-tit {
		padding: 0 8px
	}

	.section-img {
		padding: 22px 0 30px
	}

	.new-hisCen {
		padding-bottom: 40px
	}

	.section-img .imgshow-m .list {
		width: 243px;
		margin: 0 10px 10px 0
	}

	.liveclass.section-img .imgshow-m .list {
		margin-right: 20px
	}

	.section-img .imgshow-m .list .list-img img {
		height: 147px
	}

	.section-img .more-btn a {
		height: 38px;
		padding: 0 17px;
		line-height: 36px
	}

	.section-img .series .imgshow-m .list,.section-img .teacher .imgshow-m .list {
		width: 326px
	}

	.section-img .series .imgshow-m .list .list-img img {
		height: 166px
	}

	.section-img .teacher .imgshow-m .list .list-img img {
		height: 186px
	}

	.section-img .rj-list .list span {
		margin-top: 13px
	}

	.section-img .rj-list {
		height: 223px
	}

	.section-img .learning-plan .progress-bar .circle canvas {
		width: 100px;
		height: 100px
	}

	.section-img .learning-plan .progress-bar {
		width: 100px;
		height: 100px
	}

	.section-img .learning-plan .progress-bar .circle {
		border-width: 10px
	}

	.section-img .learning-plan .learning-m .p4 span i {
		display: none
	}

	.section-img .learning-plan .learning-m {
		width: 184px
	}

	.section-img .learning-plan .learning-m .p2 {
		padding-top: 10px
	}

	.section-img .learning-plan .learning-m .p2 a {
		font-size: 14px
	}

	.section-img .learning-plan .learning-m .p4 {
		margin-top: 8px;
		padding-top: 8px
	}

	.section-img .learning-plan .learning-m .p4 span {
		max-width: 130px
	}

	.section-img .learning-plan .class-list .img {
		width: 164px;
		height: 100px
	}

	.section-img .learning-plan .plan-m {
		padding: 14px 0 14px 10px
	}

	.section-img .learning-plan .class-list,.section-img .learning-plan .learning-m {
		margin-left: 10px
	}

	.section-img .learning-plan .class-list .img {
		margin-right: 7px
	}

	.section-img .learning-plan .plan-m:nth-child(2) {
		margin-left: 10px
	}

	.section-img .learning-plan .progress-bar .p1 {
		top: 33px
	}

	.section-img .learning-plan .progress-bar .p2 {
		top: 54px;
		font-size: 14px
	}

	.vip-show .vip-list .privilege {
		padding-left: 145px
	}

	.vip-show .vip-list .privilege .vip-icon {
		left: 30px
	}

	.section-img .rj-list .list {
		width: 102px;
		height: 102px;
		margin: 0 10px 10px 0
	}

	.section-img .rj-list .list img {
		margin-top: 16px
	}

	.vip-show .vip-list {
		width: 490px
	}

	.tempWrap {
		width: 1000px!important
	}

	.schedule-m.has-entry .tempWrap {
		width: 810px!important
	}

	.slide-box .prev {
		margin-left: -500px
	}

	.slide-box .next {
		margin-left: 495px
	}

	.sub-bar .bar-item {
		width: 243px;
		margin-right: 9px
	}

	.sub-bar .bar-item .bar-info p {
		font-size: 14px
	}

	.sub-bar .bar-item .bar-icons {
		margin-right: 5px
	}

	.web-module .module-item {
		width: 192px;
		height: 82px;
		margin-right: 10px
	}

	.num-running .section-row .num1,.num-running .section-row .num2,.num-running .section-row .num3 {
		width: 320px
	}

	.teacher-intro .intro-item {
		width: 330px;
		margin: 0 5px 10px 0
	}

	.official-active .active-item {
		width: 243px;
		height: 132px;
		margin-right: 10px
	}

	.nav-slide .slide-btn.next {
		margin-right: -539px
	}

	.nav-slide .slide-btn.prev {
		margin-left: -539px
	}

	.section-img .task-video {
		margin-bottom: -10px
	}

	.section-img .task-video .list {
		margin: 0 15px 15px 0;
		width: 323px
	}

	.section-img .task-video .list .img img {
		height: 196px
	}

	.section-img .task-video .list .teacher-info-win {
		width: 307px;
		padding-left: 75px
	}

	.section-img .task-video .list .teacher-info-win .avatar-img {
		left: 8px
	}

	.article-show .article-list .img-r .article-info .time {
		display: none
	}

	.article-show .article-list {
		padding: 12px 12px 12px 229px;
		margin-bottom: 15px
	}

	.article-show .article-list .img {
		left: 12px;
		top: 12px
	}

	.article-show .article-list .img-r .article-info {
		padding-top: 6px
	}

	.article-show .article-list .img-r {
		height: 128px
	}

	.article-show .article-list .img-r .article-con {
		min-width: 260px
	}

	#body-container .subnav .line {
		margin: 15px 22px 0 6px
	}

	#body-container .subnav .line:nth-child(4) {
		margin-left: 4px
	}

	#body-container .subnav .subnav-list.list-0 {
		width: 462px
	}

	#body-container .subnav .subnav-list.list-1 {
		width: 172px
	}

	#body-container .subnav .subnav-list.list-2 {
		width: 198px
	}

	#body-container .subnav .subnav-list .live2 {
		padding-right: 16px
	}

	#body-container .subnav .subnav-list .live2 .a-live2 {
		padding-top: 10px;
		padding-bottom: 10px
	}

	#body-container .subnav .subnav-list .list-top {
		margin-bottom: 10px
	}

	#body-container .subnav .subnav-list:first-child .list-top {
		padding-right: 18px
	}

	#body-container .subnav .subnav-list .list-top small,#body-container .subnav .subnav-list .list-top .mv-right span {
		font-size: 12px
	}

	#body-container .subnav .subnav-list a {
		width: 50px;
		margin-right: 16px;
		padding: 10px 0;
		font-size: 12px
	}

	#body-container .subnav .subnav-list .a-title {
		font-size: 14px
	}

	#body-container .subnav .subnav-list.list-1 .a-title {
		max-width: 160px
	}

	#body-container .subnav .subnav-list .a-width {
		width: 58px
	}

	#body-container .subnav .subnav-list.list-1>a {
		width: 70px
	}

	#body-container .subnav .subnav-list .a-career {
		top: 62px;
		right: 18px;
		max-width: 180px
	}

	#body-container .subnav .subnav-btn a:first-child {
		margin: 10px 0 30px
	}

	.nav-banner .banner-cover:hover {
		margin-left: 163px
	}

	.section-img .software-m .sw-l .sw-list {
		width: 111px;
		height: 98px;
		margin: 0 12px 13px 0
	}

	.section-img .software-m .sw-l .sw-list .img-icon {
		width: 24px;
		height: 24px;
		margin: 11px 6px
	}

	.section-img .software-m .sw-l.all .sw-list {
		width: 118px;
		height: 48px;
		margin: 0 8px 10px 0
	}

	.section-img .software-m .sw-l.all .sw-list .p1 {
		max-width: 78px;
		font-size: 12px;
		line-height: 46px
	}

	.section-img .software-m .sw-l .sw-list span {
		margin-top: 13px
	}

	.section-img .software-m .sw-l .sw-list .p1 {
		padding-top: 12px
	}

	.section-img .software-m .sw-l .sw-list .p2 {
		padding-top: 24px
	}

	.interest .interest-list .list-m .list-info {
		width: 170px;
		height: 190px
	}

	.interest .interest-list .list-m {
		padding-left: 185px
	}

	.interest .interest-list .list-m .list {
		width: 196px
	}

	.interest .interest-list .list-m .list .list-img img {
		height: 120px
	}

	.interest .interest-list .list-m .list-info .info-cover .p1 {
		font-size: 22px
	}

	.section-img .vip-list .ml {
		width: 168px
	}

	.section-img .vip-list .mr {
		padding-left: 21px
	}

	.section-img .vip-list .mr dd {
		font-size: 14px
	}

	.section-img .vip-list {
		padding-top: 35px;
		height: 340px
	}

	.section-img .vip-list .get-vip {
		margin-top: 30px
	}

	.scroll-nav {
		margin-left: -590px
	}

	.section-img .practice-m .list {
		width: 235px;
		height: 239px
	}

	.section-img .practice-m .list .p1 {
		font-size: 22px;
		top: 28px
	}

	.section-img .practice-m .list .p2 {
		font-size: 16px;
		top: 60px;
		line-height: 26px;
	}

	.leader-board .items .item {
		width: 233px
	}

	.leader-board .items .card .u-img i {
		right: 60px
	}

	.leader-board .items .lists .l-m .list-l .utime {
		display: none
	}

	.liveclass .imgshow-m .list {
		width: 235px;
		margin-right: 20px;
	}

	.liveclass .imgshow-m .list .list-img {
		height: 144px
	}

	.liveclass .imgshow-m .list .list-img .show-img .img-b {
		font-size: 12px;
	}

	.liveclass .imgshow-m .list .list-img .show-img .label {
		font-size: 12px;
	}

	.liveclass .imgshow-m .list .list-title .show-title,.liveclass .imgshow-m .list .about-live .red {
		font-size: 14px
	}

	.liveclass .imgshow-m .list .live-time,.liveclass .imgshow-m .list .progress-txt,.liveclass .imgshow-m .list .about-live .tags,.liveclass .imgshow-m .list .about-live .red .old-price {
		font-size: 12px
	}

	.liveclass .imgshow-m .list .about-live {
		margin-top: 10px
	}

	.liveclass .imgshow-m .list .progress {
		padding: 11px 15px 15px
	}

	.liveclass .imgshow-m .list .list-t .t-data {
		padding-right: 5px
	}

	.liveclass .imgshow-m .list .list-t .t-data .t-name {
		max-width: 58px
	}

	.liveclass .imgshow-m .list .list-t.double .t-img {
		padding-right: 5px
	}

	.liveclass .imgshow-m .list .list-t.double .t-data .t-name {
		max-width: 15px
	}

	.leader-board .items .card .u-img .vip {
		right: 71px
	}

	.index-occupation-list {
		margin-right: -10px;
	}

	.index-occupation-list li {
		width: 192px;
		margin-right: 10px;
		height: 270px;
	}

	.index-occupation-list li img {
		width: 140px;
		height: 140px;
	}

	.index-occupation-item {
		margin-right: -10px
	}

	.index-occupation-item .li {
		width: 242px;
		height: 80px;
		margin: 0 10px 10px 0;
		padding: 12px 80px 12px 12px
	}

	.index-occupation-item .li .li-title {
		font-size: 14px;
		line-height: 20px;
		height: 40px
	}

	.index-occupation-item .li .li-small {
		padding-top: 6px
	}

	.index-occupation-item .li .img-icon {
		top: 10px;
		right: 15px
	}

	.advanced-index .imgshow-m .list {
		height: 310px
	}

	.advanced-index .list .img-newData .learn-name {
		max-width: 108px
	}

	.newAudioList {
		margin-bottom: -10px;
		margin-right: -11px;
	}

	.newAudioList li {
		width: 326px;
		margin-right: 11px;
	}

	.newAudioList li .dmainInfor {
		width: 306px;
		height: 250px;
		margin: 20px 0 10px 20px;
	}

	.newAudioList li .audioLink .bookImg {
		width: 112px;
		height: 168px
	}

	.newAudioList li .audioLink .bookDetail .bookTitle {
		margin-bottom: 17px;
	}

	.newAudioList li .audioLink .bookDetail {
		width: 185px;
		margin-left: 105px;
	}

	.newAudioList li .audioLink .bookDetail .author {
		margin-bottom: 21px;
	}

	.newAudioList li .audioLink .bookDetail .comLabelSty {
		margin-bottom: 0;
	}

	.newAudioList li .audioLink .bookDetail .num {
		margin-top: 14px;
	}

	.newAudioList li .audioLink .bookDetail .comLabel {
		height: 35px;
	}

	.newAudioList li .audioLink .dbook-detail {
		width: 276px;
	}

	.newAudioList li .audioLink .dbook-detail .time {
		margin-right: 20px;
	}

	.newAudioList li .audioLink .bookDetail .dcont {
		width: 276px;
		bottom: 6px;
	}

	.newAudioList li .audioLink .bookDetail .author span {
		max-width: 165px;
	}

	.leader-board .items .card .u-img .vip {
		bottom: 24px;
		right: 66px;
	}

	#body-container .subnav .soft-hover-c .li span,#body-container .subnav .soft-hover-c .li small {
		font-size: 12px
	}

	.index-occupation-list li h5 {
		font-size: 22px;
	}

	.index-occupation-list li a {
		font-size: 16px;
		padding-top: 30px;
	}

	.index-occupation-list li p {
		padding: 12px 0 24px;
	}

	.nav-slide .bd .img small.small {
		margin-left: 464px
	}

	.teacher-con .teacher-imgshow {
		padding-top: 24px;
	}

	.teacher-con .opusActivity .list {
		margin: 0 10px 10px 0;
		width: 494px
	}

	.teacher-con .opusActivity .list .img {
		height: 191px
	}

	.teacher-con .list {
		margin: 0 10px 10px 0;
		width: 242px;
	}

	.teacher-con .list .img {
		height: 182px;
	}

	.teacher-con .list .info span {
		padding-right: 20px;
	}

	.teacher-con .list .teacher-pos {
		bottom: 47px;
	}

	.teacher-con .list .user-info .avatar span {
		max-width: 100px;
	}

	.section-img .training .list .img {
		height: 147px;
	}

	.section-img .training .list .p1 {
		font-size: 12px;
	}

	.interest .bstg-box img {
		height: 72px
	}

	.advanced-index .list .advanced-btn .small-btn {
		width: 72px
	}

	#body-container .schedule .schedule-m .schedule-list .list {
		width: 490px
	}

	#body-container .schedule .schedule-m.has-entry .schedule-list .list {
		width: 395px
	}

	#body-container .schedule .schedule-m .schedule-list .list .right-info {
		padding-left: 206px;
		padding-right: 10px
	}

	#body-container .schedule .schedule-m .schedule-list .list .right-info .p3 .teacher a {
		max-width: 180px
	}

	#body-container .schedule .schedule-m.has-entry .schedule-list .list .right-info .p3 .teacher a {
		max-width: 92px
	}

	#body-container .schedule .schedule-m .hd {
		width: 1000px;
		bottom: -20px
	}

	.advanced-index .list .img-newData {
		font-size: 12px;
	}

	.advanced-index .list .img-newData .learn-num {
		margin-left: 6px;
		padding-left: 6px;
	}

	.advanced-index .list .advanced-btn .small-btn-training {
		width: 100%;
	}

	.advanced-index .list .advanced-btn.green a,.advanced-index .list .advanced-btn.yellow a {
		padding-right: 80px
	}

	.advanced-index .list .advanced-btn a .r {
		width: 80px
	}

	.series-list .list .img .cover {
		padding-top: 35px;
	}

	.section-img.school-enterprise {
		padding-top: 40px
	}

	.section-img .hot-t .h4 .a-lis {
		margin-left: 20px
	}
}

@media only screen and (max-width: 1200px) {
	.scroll-nav {
		margin:0;
		left: 15px
	}
}