<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical&gt;.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.swiper-container-multirow&gt;.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode&gt;.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform,height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform,height
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal&gt;.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-container-vertical&gt;.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	-moz-transform: translate3d(0,-50%,0);
	-o-transform: translate(0,-50%);
	-ms-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.swiper-container-vertical&gt;.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}

.swiper-pagination-progress {
	background: rgba(0,0,0,.25);
	position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal&gt;.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical&gt;.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255,255,255,.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container-cube,.swiper-container-flip {
	overflow: visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container&gt;canvas,.swiper-zoom-container&gt;img,.swiper-zoom-container&gt;svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}

.swiper-container-horizontal&gt;.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical&gt;.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
	animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}

.c-header-placeholder {
	height: 60px;
	background: #fff
}

.header-pic {
	position: absolute;
	right: 0;
	top: 6px
}

.u-header-tab-select:hover {
	position: relative;
	color: #2eb8d0
}

.c-header {
	height: 60px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
	z-index: 999
}

.el-dropdown-menu__item {
	padding: 0!important;
	line-height: 1.5!important
}

.el-dropdown-menu {
	padding: 0!important
}

.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover {
	background-color: #fff!important;
	color: #1a1a1a!important
}

.c-header-gradient {
	background: #fff!important
}

.c-header-black {
	background: #fff
}

.c-l-header-wide {
	background: #fff;
	height: 60px;
	width: 1200px;
	margin: 0 auto
}

.c-header-logo {
	float: left
}

.c-header-logo .icon-qingwklogo {
	margin-top: 12px
}

.c-header-logo .logo-gif {
	display: inline-block;
	width: 143px;
	margin-top: 2px
}

.c-header-logo i {
	display: inline-block;
	font-size: 30px;
	margin-top: 12px;
	color: #2eb8d0
}

.js-header-bg-color {
	background: #fff
}

.c-header-search {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 148px;
	height: 30px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #2eb8d0;
	position: relative;
	margin-right: 16px
}

.c-header-search input {
	width: 130px;
	height: 28px;
	background: #fff;
	border-radius: 4px;
	padding: 0 32px 0 12px;
	font-size: 12px;
	color: #1a1a1a;
	border: none
}

.c-header-search-btn {
	width: 38px;
	height: 30px;
	background: #2eb8d0;
	border-radius: 0 4px 4px 0;
	position: absolute;
	right: -1px;
	top: -1px
}

.c-header-search-btn img {
	width: 14px;
	height: 14px;
	position: absolute;
	top: 8px;
	left: 11px
}

.c-header-login-register {
	float: right;
	padding-top: 15px
}

.c-header-login-register a {
	float: left
}

.c-header-login-register a:last-child {
	line-height: 30px;
	border-radius: 4px;
	color: #fff;
	background: #2eb8d0
}

.c-header-login-register a:first-child,.c-header-login-register a:last-child {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 12px;
	width: 64px;
	height: 30px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-header-login-register a:first-child {
	line-height: 29px;
	border-radius: 4px;
	color: #666;
	margin-right: 16px;
	border: 1px solid #eee
}

.c-header-menu {
	cursor: pointer;
	float: right;
	position: relative
}

.c-header-menu-user {
	line-height: 60px;
	display: inline-block;
	width: 64px;
	text-align: center;
	position: relative
}

.c-header-menu-user .face-img {
	display: inline-block;
	margin-top: -3px;
	line-height: 60px
}

.c-header-menu-msg {
	height: 60px;
	display: inline-block;
	width: 64px;
	text-align: center;
	position: relative
}

.c-header-menu-msg .icon-pc-xiaoxi {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 22px;
	color: #999
}

.c-header-menu-msg .icon-pc-xiaoxi:hover {
	color: #2eb8d0
}

.c-header-vip {
	width: 20px;
	height: 15px;
	position: absolute;
	bottom: 5px;
	right: 8px
}

.c-header-menu-dropdown {
	position: absolute;
	top: 60px;
	right: 0;
	width: 388px;
	height: 296px;
	background: #fff;
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
	font-size: 14px;
	color: #1a1a1a;
	z-index: 9
}

.c-header-menu-dropdown-top {
	width: 388px;
	height: 80px;
	border-bottom: 1px solid #eee;
	padding: 16px 20px
}

.c-header-menu-dropdown-top .face-img {
	float: left
}

.c-header-menu-dropdown-top h3 {
	line-height: 26px;
	max-width: 170px;
	margin: 0 5px 0 12px;
	font-size: 18px;
	color: #1a1a1a;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.c-header-menu-dropdown-top p {
	font-size: 14px;
	color: #999;
	width: 180px;
	margin: 0 20px 0 60px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.c-header-menu-dropdown-top .btn {
	margin-top: -44px;
	float: right;
	width: 75px;
	height: 30px;
	background: -webkit-gradient(linear,left top,right top,from(#ffd60f),to(#f6c138));
	background: linear-gradient(90deg,#ffd60f,#f6c138);
	font-size: 12px;
	color: #1a1a1a
}

.c-header-menu-dropdown-top .btn a,.c-header-menu-dropdown-top .btn a:hover {
	color: #1a1a1a
}

.c-header-menu-vip {
	width: 18px;
	height: 15px;
	margin-top: -18px
}

.c-header-menu-dropdown-center {
	width: 388px;
	height: 170px;
	border-bottom: 1px solid #eee;
	padding: 20px 44px
}

.c-header-menu-dropdown-center div {
	float: left;
	width: 70px;
	margin: 0 45px 20px 0;
	text-align: center
}

.c-header-menu-dropdown-center div&gt;a&gt;.iconfont {
	display: block;
	margin: -6px auto -2px;
	font-size: 24px;
	color: #999
}

.c-header-menu-dropdown-center div a {
	font-size: 14px;
	color: #666
}

.c-header-menu-dropdown-center div a:hover,.c-header-menu-dropdown-center div a:hover .iconfont {
	color: #2eb8d0
}

.c-header-menu-dropdown-center div:nth-of-type(3n) {
	margin-right: 0
}

.c-header-menu-dropdown-center-first {
	height: 105px
}

.c-header-menu-dropdown-center-first div&gt;a&gt;.iconfont {
	margin-bottom: 5px;
	width: 52px;
	height: 52px;
	line-height: 52px;
	display: block;
	font-size: 24px;
	background-color: #f4f4f4;
	border-radius: 100%;
	overflow: hidden
}

.c-header-menu-dropdown-center-first div&gt;a&gt;.iconfont .icon-image {
	width: 24px;
	height: 24px
}

.c-header-menu-dropdown-bottom {
	width: 388px;
	height: 44px;
	line-height: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center
}

.c-header-menu-dropdown-bottom a {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #666;
	font-size: 12px
}

.c-header-menu-dropdown-bottom a li {
	list-style: none;
	line-height: 44px;
	padding: 0!important;
	margin: 0;
	font-size: 12px;
	color: #666;
	cursor: pointer;
	outline: none
}

.c-header-menu-dropdown-bottom a:hover {
	color: #2eb8d0
}

.c-header-msg {
	position: relative;
	float: right;
	cursor: pointer;
	display: inline-block;
	width: 64px;
	height: 60px
}

.c-header-msg:hover .c-header-msg-ring-icon {
	background: url(../images/icon-tip-active.5d72497.png) no-repeat 100% 100%
}

.c-header-msg-ring-icon {
	background: url(../images/icon-tip.e760ef8.png) no-repeat 100% 100%;
	display: block;
	margin: -9px 0 0 -6px;
	width: 50px;
	height: 50px
}

.c-header-msg-dot {
	display: inline-block;
	width: 6px;
	height: 6px;
	background: red;
	border-radius: 50%;
	position: absolute;
	top: 14px;
	right: 19px
}

.dropdown-enter-active {
	-webkit-animation: drop-animate .2s forwards;
	animation: drop-animate .2s forwards
}

.dropdown-leave-active {
	-webkit-animation: drop-animate .2s reverse forwards;
	animation: drop-animate .2s reverse forwards
}

@-webkit-keyframes drop-animate {
	0% {
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg)
	}

	to {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg)
	}
}

@keyframes drop-animate {
	0% {
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg)
	}

	to {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg)
	}
}

.c-header-msg-dropdown {
	width: 388px;
	background: #fff
}

.c-header-msg-dropdown ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 46px;
	line-height: 46px;
	border-bottom: 1px solid #eee;
	background: #f5f5fa
}

.c-header-msg-dropdown ul li {
	padding-left: 10px;
	cursor: pointer;
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.c-header-msg-dropdown ul li.active {
	background: #fff;
	font-weight: 700
}

.c-header-msg-dropdown ul li i {
	position: absolute;
	top: 20px;
	left: 59px;
	display: inline-block;
	margin-right: 4px;
	width: 6px;
	height: 6px;
	background: red;
	border-radius: 50%
}

.c-header-msg-messages-dynamics {
	height: 88px;
	border-bottom: 1px solid #eee;
	padding: 11px 14px 13px 8px;
	position: relative
}

.c-header-msg-messages-dynamics i {
	float: left;
	margin: 19px 0 0;
	width: 6px;
	height: 6px;
	background: red;
	border-radius: 50%
}

.c-header-msg-messages-dynamics .face-img {
	position: absolute;
	top: 15px;
	left: 22px
}

.c-header-msg-messages-dynamics p {
	margin: 0 0 6px 58px;
	width: 308px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.c-header-msg-messages-dynamics span {
	position: absolute;
	bottom: 12px;
	left: 68px;
	font-size: 12px;
	color: #999
}

.c-header-msg-messages-dynamics a:hover {
	color: #2eb8d0
}

.c-header-msg-messages-msg {
	position: relative;
	border-bottom: 1px solid #eee
}

.c-header-msg-messages-msg i {
	position: absolute;
	top: 20px;
	left: 8px;
	width: 6px;
	height: 6px;
	background: red;
	border-radius: 50%
}

.c-header-msg-messages-msg p {
	padding: 8px 8px 8px 22px;
	width: 100%;
	line-height: 27px;
	font-size: 14px;
	color: #1a1a1a;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.c-header-msg-messages-msg a:hover {
	color: #2eb8d0
}

.c-header-msg-messages-msg span {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #999;
	padding-left: 22px;
	padding-bottom: 8px
}

.c-header-msg-option {
	height: 44px;
	line-height: 44px;
	font-size: 12px;
	color: #666;
	padding: 0 20px
}

.c-header-msg-option span {
	cursor: pointer
}

.c-header-msg-option a,.c-header-msg-option a:hover {
	color: #666
}

.p-404 {
	background: #f5f5fa;
	padding: 200px 0
}

.p-404 .l-404 {
	width: 550px;
	height: 300px;
	position: fiexd;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

.p-404 img {
	width: 240px;
	height: 292px;
	float: right
}

.p-404 p {
	padding-top: 65px;
	margin: 0 0 24px;
	font-size: 16px;
	color: #1a1a1a
}

.p-404 ul {
	line-height: 28px;
	color: #999;
	font-size: 14px
}

.p-404 ul a {
	color: #2eb8d0;
	text-decoration: underline
}

.carousel-wrap {
	position: relative;
	height: 40vw;
	width: 100%;
	overflow: hidden;
	background-color: #fff
}

.carousel-wrap .slide-ul {
	position: relative;
	width: 100%;
	height: 100%
}

.carousel-wrap .slide-ul li {
	position: absolute;
	width: 100%;
	height: 100%
}

.carousel-wrap .slide-ul li img {
	width: 100%
}

.carousel-wrap .carousel-items {
	position: absolute;
	z-index: 10;
	bottom: 2.667vw;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 0
}

.carousel-wrap .carousel-items span {
	display: inline-block;
	width: 1.067vw;
	height: 1.067vw;
	border-radius: 4px;
	margin: 0 .533vw;
	background-color: rgba(0,0,0,.5)
}

.carousel-wrap .carousel-items span.active {
	width: 2.4vw;
	background-color: #fff
}

.carousel-wrap .list-left-enter-to {
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.carousel-wrap .list-left-enter {
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.carousel-wrap .list-left-leave-active {
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

.carousel-wrap .list-left-leave,.carousel-wrap .list-right-enter-to {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.carousel-wrap .list-right-enter-to {
	-webkit-transition: all .8s ease;
	transition: all .8s ease
}

.carousel-wrap .list-right-enter {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

.carousel-wrap .list-right-leave-active {
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.carousel-wrap .list-right-leave {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.c-log-reg {
	width: 800px;
	height: 480px;
	background: #fff;
	position: relative
}

.c-log-reg-left {
	position: absolute;
	left: 0;
	top: 0;
	width: 400px;
	height: 480px;
	overflow: hidden;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	-webkit-box-shadow: 4px 0 12px 0 rgba(71,184,211,.2);
	box-shadow: 4px 0 12px 0 rgba(71,184,211,.2)
}

.c-log-reg-left h2 {
	font-size: 24px;
	color: #fff;
	line-height: 48px;
	text-align: center;
	letter-spacing: 4px;
	width: 200px;
	margin: 58px auto 0;
	border-bottom: 1px solid #fff
}

.c-log-reg-left p {
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 44px;
	letter-spacing: 5px
}

.c-log-reg-left&gt;img {
	width: 400px;
	position: absolute;
	right: 0;
	bottom: 0
}

.c-log-reg-right {
	position: absolute;
	left: 400px;
	top: 0;
	width: 400px;
	height: 480px;
	background: #fff;
	padding: 36px 40px 0
}

.c-log-reg-right .icon-wap-shanchulishi {
	cursor: pointer;
	position: absolute;
	right: 14px;
	top: 13px;
	font-size: 21px;
	color: #979797;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.c-log-reg-right .icon-wap-shanchulishi:hover {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.c-log-reg-tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-log-reg-tab li {
	cursor: pointer;
	line-height: 40px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #666;
	font-size: 24px;
	text-align: center
}

.c-log-reg-tab li.active {
	color: #2eb8d0
}

.c-log-reg-tab li:first-of-type {
	border-right: 1px solid #eee
}

.c-log-reg-title {
	line-height: 40px;
	color: #666;
	font-size: 24px;
	text-align: center
}

.c-log-reg-input {
	line-height: 39px;
	border-bottom: 1px solid #ccc;
	position: relative
}

.c-log-reg-input i {
	float: left;
	font-size: 24px;
	color: #1a1a1a;
	margin-right: 12px
}

.c-log-reg-input input {
	padding: 0;
	width: 284px;
	line-height: 20px;
	font-size: 16px;
	color: #1a1a1a;
	outline: none;
	border: none;
	background: #fff!important
}

.c-log-reg-input input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset!important;
	-webkit-text-fill-color: #3e3e3e!important
}

.c-log-reg-input input::-webkit-inner-spin-button,.c-log-reg-input input::-webkit-outer-spin-button {
	-webkit-appearance: none!important;
	margin: 0
}

.c-log-reg-input-forget-psd {
	bottom: -24px;
	font-size: 12px;
	line-height: 20px
}

.c-log-reg-input-code,.c-log-reg-input-forget-psd {
	cursor: pointer;
	position: absolute;
	right: 0;
	color: #2eb8d0
}

.c-log-reg-input-code {
	bottom: 0;
	font-size: 14px;
	line-height: 40px
}

.c-log-reg-input-code--active {
	color: #ccc;
	cursor: default
}

.c-log-reg-input-hint {
	bottom: -24px;
	left: 0;
	color: red;
	width: 260px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.c-log-reg-input-hint,.c-log-reg-input-tip {
	position: absolute;
	font-size: 12px;
	line-height: 20px
}

.c-log-reg-input-tip {
	bottom: 10px;
	right: 0;
	color: #666
}

.c-log-reg-input-tip span {
	color: red!important
}

.c-log-reg-input:active,.c-log-reg-input:focus,.c-log-reg-input:hover,.c-log-reg-input:link,.c-log-reg-input:visited {
	border-bottom: 1px solid #2eb8d0;
	background: #fff
}

.c-log-reg-btn {
	display: block;
	width: 240px;
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	font-size: 16px;
	margin: 0 auto
}

.c-log-reg-btn,.c-log-reg-btn:active,.c-log-reg-btn:hover,.c-log-reg-btn:link,.c-log-reg-btn:visited {
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	color: #fff
}

.c-log-reg-btn--short-l {
	float: left;
	width: 140px;
	height: 48px;
	line-height: 46px;
	border-radius: 24px;
	font-size: 16px;
	margin: 0 40px 0 0;
	border: 1px solid #ccc
}

.c-log-reg-btn--short-l,.c-log-reg-btn--short-l:active,.c-log-reg-btn--short-l:hover,.c-log-reg-btn--short-l:link,.c-log-reg-btn--short-l:visited {
	background: #fff;
	color: #666
}

.c-log-reg-btn--short-r {
	float: right;
	display: block;
	width: 140px;
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	font-size: 16px
}

.c-log-reg-btn--short-r,.c-log-reg-btn--short-r:active,.c-log-reg-btn--short-r:hover,.c-log-reg-btn--short-r:link,.c-log-reg-btn--short-r:visited {
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	color: #fff
}

.c-log-reg-log .c-log-reg-log-line--1 {
	margin-top: 64px;
	margin-bottom: 56px
}

.c-log-reg-log .c-log-reg-log-line--3 {
	margin-top: 72px
}

.c-log-reg-log .c-log-reg-line--3 {
	margin-top: 30px
}

.c-log-reg-reg .c-log-reg-log-line--1 {
	margin-top: 18px
}

.c-log-reg-reg .c-log-reg-log-line--2 {
	margin-top: 20px
}

.c-log-reg-reg .c-log-reg-log-line--3 {
	margin-top: 45px
}

.c-log-reg-reg .c-log-reg-line--3 {
	margin-top: 30px
}

.c-log-reg-pwd .c-log-reg-log-line--1 {
	margin-top: 64px;
	margin-bottom: 56px
}

.c-log-reg-pwd .c-log-reg-log-line--2 {
	margin-top: 60px
}

.c-log-reg-verification-code {
	font-size: 14px;
	color: #666;
	line-height: 38px;
	height: 38px;
	margin-bottom: -18px
}

.c-log-reg-verification-code span {
	float: right
}

.c-log-reg-verification-code span i {
	cursor: pointer;
	font-style: normal;
	color: #2eb8d0
}

.c-reg-success {
	position: relative;
	width: 350px!important;
	height: 200px;
	background: #fff;
	border-radius: 8px
}

.c-reg-success .el-dialog__header {
	display: none
}

.c-reg-success .el-dialog__body {
	padding: 0!important;
	overflow: hidden
}

.c-reg-success h5 {
	font-size: 20px;
	color: #1a1a1a;
	text-align: center;
	margin-top: 35px
}

.c-reg-success .msg {
	font-size: 16px;
	text-align: center;
	color: #999;
	margin-bottom: 27px
}

.c-reg-success .botttom-btns {
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top: 1px solid #eee
}

.c-reg-success .botttom-btns li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 16px;
	cursor: pointer
}

.c-reg-success .botttom-btns li:first-child {
	color: #333;
	border-right: 1px solid #eee
}

.c-reg-success .botttom-btns li:nth-child(2) {
	color: #2eb8d0
}

#MEIQIA-BTN-HOLDER,#MEIQIA-PANEL-HOLDER {
	z-index: 60000!important
}

.c-meiqia-choose {
	position: fixed;
	right: 120px;
	bottom: 120px;
	width: 240px;
	height: 220px;
	border-radius: 6px;
	z-index: 100
}

.c-meiqia-choose .meiqia-choose-wrapper {
	position: relative;
	border-radius: 6px 6px 0 0;
	width: 240px;
	height: 160px;
	padding: 20px;
	background: -webkit-gradient(linear,left top,left bottom,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(top,#7bdceb,#45b7d2)
}

.c-meiqia-choose .meiqia-choose-wrapper .choose-title {
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 15px
}

.c-meiqia-choose .meiqia-choose-wrapper .choose-txt {
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	cursor: pointer
}

.c-meiqia-choose .meiqia-choose-wrapper .choose-close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 22px;
	color: #fff;
	cursor: pointer
}

.c-meiqia-choose .meiqia-choose-bottom {
	border-radius: 0 0 6px 6px;
	width: 100%;
	height: 60px;
	background: #fff
}

.c-meiqia-choose .meiqia-choose-bottom,.c-meiqia-choose .meiqia-choose-bottom .choose-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-meiqia-choose .meiqia-choose-bottom .choose-btn {
	width: 138px;
	height: 32px;
	border-radius: 15px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(left,#7bdceb,#45b7d2);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer
}

.c-meiqia-wrapper {
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-49%,-49%);
	transform: translate(-49%,-49%);
	width: 500px;
	height: 347px;
	border-radius: 8px;
	background-color: #fcfcfc;
	z-index: 1900;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
	box-shadow: 0 0 20px 0 rgba(0,0,0,.15)
}

.c-meiqia-wrapper .l-title {
	border-radius: 8px 8px 0 0;
	height: 8px;
	background-color: #00b9d1
}

.c-meiqia-wrapper .cover {
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 26px;
	width: 12px;
	height: 12px;
	cursor: pointer;
	z-index: 220000
}

.c-meiqia-wrapper .cover i {
	width: 12px;
	height: 12px;
	color: #333
}

.c-meiqia-wrapper .l-container {
	position: relative;
	margin-top: 40px;
	width: 500px;
	height: 417px;
	border-radius: 0 0 8px 8px
}

.c-meiqia-wrapper .l-container .title-1 {
	position: absolute;
	left: 59px;
	top: 0;
	font-size: 18px;
	font-weight: 700;
	color: #333
}

.c-meiqia-wrapper .l-container .title-2 {
	position: absolute;
	left: 32px;
	top: 40px;
	font-size: 14px;
	color: #666;
	line-height: 24px
}

.c-meiqia-wrapper .l-container .title-2 span {
	font-weight: 700;
	color: #00b9d1
}

.c-meiqia-wrapper .l-container .high-light1 {
	position: absolute;
	left: 119px;
	top: 92px;
	width: 16px;
	height: 60px;
	z-index: 100;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: transparent;
	-webkit-animation: mymove 3s infinite;
	animation: mymove 3s infinite
}

.c-meiqia-wrapper .l-container .high-light2 {
	top: 152px;
	-webkit-animation: mymove 3s infinite;
	animation: mymove 3s infinite;
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.c-meiqia-wrapper .l-container .high-light2,.c-meiqia-wrapper .l-container .high-light3 {
	position: absolute;
	left: 119px;
	width: 16px;
	height: 60px;
	z-index: 100;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: transparent
}

.c-meiqia-wrapper .l-container .high-light3 {
	top: 212px;
	-webkit-animation: mymove 3s infinite;
	animation: mymove 3s infinite;
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.c-meiqia-wrapper .l-container .btn {
	position: absolute;
	left: 120px;
	width: 262px;
	height: 36px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	background-color: #00b9d1;
	cursor: pointer
}

.c-meiqia-wrapper .l-container .btn,.c-meiqia-wrapper .l-container .btn p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-meiqia-wrapper .l-container .btn p {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 1px 12px 1px 1px;
	border-radius: 4px 0 0 4px;
	width: 38px;
	height: 34px;
	font-size: 20px;
	color: #00b9d1;
	background-color: #fff
}

.c-meiqia-wrapper .l-container .btn-1 {
	top: 103px
}

.c-meiqia-wrapper .l-container .btn-2 {
	top: 163px
}

.c-meiqia-wrapper .l-container .btn-3 {
	top: 223px
}

.c-meiqia-Air {
	position: fixed;
	right: 107px;
	bottom: 73px;
	border-radius: 8px;
	width: 327px;
	height: 154px;
	background-image: url(../images/meiqia-air-bac.f80ff5f.png);
	background-size: 327px,181px;
	z-index: 2200
}

.c-meiqia-Air .cover {
	position: absolute;
	top: 15px;
	right: 24px;
	width: 16px;
	height: 16px;
	z-index: 2600
}

.c-meiqia-Air .cover i {
	color: #fff
}

.c-meiqia-Air .air-avatar {
	position: absolute;
	left: -30px;
	top: -30px;
	width: 150px;
	height: 150px
}

.c-meiqia-Air .air-name {
	display: inline-block;
	margin: 32px 0 0 83px;
	color: #333;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700
}

.c-meiqia-Air .air-content {
	margin: 24px 0 0 26px;
	width: 253px;
	font-size: 14px;
	color: #666
}

.c-page-entrance {
	z-index: 999;
	position: fixed;
	bottom: 120px;
	right: 40px;
	width: 72px;
	text-align: center;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #eee;
	font-size: 12px;
	color: #666
}

.c-page-entrance .wx-active:hover .wx-qr {
	display: block
}

.c-page-entrance .wx-active:hover .qr2 {
	top: 120px!important
}

.c-page-entrance .app-active:hover .app-qr {
	display: block
}

.c-page-entrance .app-active:hover .qr1 {
	top: 50px!important
}

.c-page-entrance i {
	font-size: 24px;
	padding-top: 12px;
	margin-bottom: -5px;
	display: block;
	color: #2eb8d0
}

.c-page-entrance div {
	cursor: pointer;
	width: 100%;
	height: 72px;
	border-bottom: 1px solid #eee
}

.c-page-entrance div:hover {
	color: #fff;
	background: #2eb8d0
}

.c-page-entrance div:hover i {
	color: #fff
}

.c-page-entrance div:last-of-type {
	border-bottom: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px
}

.c-page-entrance div:first-of-type {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.c-page-entrance .qr {
	display: none;
	position: absolute;
	top: 190px;
	left: -135px;
	padding: 10px;
	width: 120px;
	height: 120px;
	background: #fff;
	-webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
	box-shadow: 0 4px 10px 0 rgba(0,0,0,.1)
}

.c-page-entrance .qr img {
	width: 100%;
	height: 100%
}

.c-page-entrance .qr .triangle {
	position: absolute;
	top: 50px;
	right: -20px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: #fff
}

.c-page-entrance .qr:hover {
	background: #fff
}

.c-page-entrance .app-qr {
	z-index: 20000;
	top: 120px
}

.c-page-entrance .kefu-one {
	position: absolute;
	top: 10px;
	left: 40px;
	width: 18px;
	height: 18px;
	border-radius: 50%!important;
	background-color: red;
	color: #fff
}

.l-header-placeholder {
	height: 60px;
	background: #fff
}

.c-open-coupon {
	position: absolute;
	right: 20px;
	top: 480px;
	z-index: 300
}

.l-red-packet .close {
	cursor: pointer;
	position: absolute;
	width: 36px;
	height: 36px;
	top: -20px;
	left: 380px
}

.l-red-packet .l-button-wrap {
	width: 100%;
	position: absolute;
	top: 410px;
	left: 0;
	padding: 0 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.l-red-packet .l-button-wrap&gt;button {
	cursor: pointer;
	width: 142px;
	height: 60px;
	border: 1px solid #ffe457;
	line-height: 48px;
	border-radius: 8px;
	color: #ffe65a;
	font-size: 24px;
	font-weight: 800;
	text-align: center
}

.l-red-packet .l-button-wrap&gt;button a {
	color: #ffe65a
}

.l-red-packet .l-button-wrap&gt;button.active {
	background: -webkit-gradient(linear,left top,left bottom,from(#ffe85e),to(#ffcd30));
	background: linear-gradient(180deg,#ffe85e,#ffcd30);
	-webkit-box-shadow: 0 6px 10px 0 rgba(255,207,51,.38),0 2px 4px 0 hsla(0,0%,100%,.54);
	box-shadow: 0 6px 10px 0 rgba(255,207,51,.38),0 2px 4px 0 hsla(0,0%,100%,.54);
	color: #ed453a
}

.l-red-packet .l-button-wrap&gt;button.active a {
	color: #ed453a
}

.l-red-packet .btn--long {
	width: 300px;
	height: 60px;
	background: -webkit-gradient(linear,left top,left bottom,from(#ffe85e),to(#ffcd30));
	background: linear-gradient(180deg,#ffe85e,#ffcd30);
	-webkit-box-shadow: 0 6px 10px 0 rgba(255,207,51,.38),0 2px 4px 0 hsla(0,0%,100%,.54);
	box-shadow: 0 6px 10px 0 rgba(255,207,51,.38),0 2px 4px 0 hsla(0,0%,100%,.54);
	cursor: pointer;
	border-radius: 8px;
	color: #ed453a;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	position: absolute;
	bottom: 38px;
	left: 37px
}

.l-red-packet .time {
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	text-align: center
}

.l-red-packet .time i {
	font-style: normal
}

.l-red-packet .time span {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: #fff;
	color: #f54858;
	margin: 0 4px
}

.l-red-packet .time span:first-of-type {
	margin-left: 10px
}

.l-red-packet .code {
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #fff
}

.l-red-packet .ticket {
	width: 150px;
	height: 30px;
	line-height: 30px;
	background: rgba(172,11,0,.22);
	-webkit-box-shadow: inset 0 0 16px 0 rgba(0,0,0,.16);
	box-shadow: inset 0 0 16px 0 rgba(0,0,0,.16);
	font-size: 14px;
	color: #fff;
	text-align: center
}

.l-red-packet .shine {
	width: 600px;
	height: 600px;
	z-index: 98;
	-webkit-animation: myRotate 7s linear infinite;
	animation: myRotate 7s linear infinite
}

.l-red-packet .shade,.l-red-packet .shine {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

.l-red-packet .shade {
	width: 100%;
	height: 100%;
	z-index: 9;
	background: rgba(0,0,0,.5)
}

.l-intact-packet {
	position: relative;
	width: 420px;
	height: 462px;
	z-index: 99;
	text-align: center;
	background: url(../images/hotpic2.e71ecfa.png) no-repeat 50%;
	background-size: 100% 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

.l-intact-packet .hot-packet-btn {
	position: absolute;
	left: 100px;
	top: 345px;
	cursor: pointer
}

.l-intact-packet&gt;span {
	display: block;
	font-size: 24px;
	font-weight: 700;
	color: #faf26d;
	position: absolute;
	top: 168px;
	left: 107px
}

.l-intact-packet&gt;p {
	font-size: 16px;
	color: #ffdc48;
	line-height: 28px;
	text-align: center;
	position: absolute;
	top: 276px;
	left: 24px
}

.l-intact-packet .ticket {
	position: absolute;
	top: 214px;
	left: 112px
}

.l-open-packet {
	width: 360px;
	height: 510px;
	z-index: 99;
	text-align: center;
	background: url(../images/index-redpacket-bg2.a907d36.png) no-repeat 50%;
	background-size: 100% 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

.l-open-packet&gt;span {
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	color: #ffdb47;
	position: absolute;
	top: 169px;
	left: 0;
	padding: 0 38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.l-open-packet&gt;span i {
	display: inline-block;
	width: 74px;
	height: 1px;
	background: #faf26d
}

.l-open-packet .ticket {
	position: absolute;
	top: 220px;
	left: 112px
}

.l-open-packet .code {
	position: absolute;
	top: 295px;
	left: 0
}

.l-open-packet .code span {
	text-decoration: underline;
	cursor: pointer;
	margin-left: 4px
}

.l-open-packet .time {
	position: absolute;
	top: 334px;
	left: 82px
}

.l-open-log-packet .time {
	top: 305px
}

.l-open-log-packet .code {
	top: 265px;
	left: 0
}

@-webkit-keyframes myRotate {
	0% {
		-webkit-transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(180deg)
	}

	to {
		-webkit-transform: rotate(1turn)
	}
}

@keyframes myRotate {
	0% {
		-webkit-transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(180deg)
	}

	to {
		-webkit-transform: rotate(1turn)
	}
}

.c-course {
	height: 359px
}

.c-course-img-sign {
	position: absolute;
	height: 16px;
	width: 100px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 16px;
	z-index: 9;
	top: 7px;
	left: -35px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.c-course-img-sign--w {
	background-color: #2eb8d0
}

.c-course-img-sign--q {
	background-color: #389f37
}

.c-course-user {
	padding: 20px 12px;
	border-bottom: 1px solid #eee
}

.c-course-face {
	margin: 12px 8px 0 0;
	width: 32px;
	height: 32px;
	float: left
}

.c-course-user-name {
	display: inline-block;
	margin-top: 16px;
	font-size: 14px;
	color: #666
}

.c-course-user-name:hover {
	color: #666
}

.c-course-info {
	padding: 0 12px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #999
}

.c-course-info span {
	margin-right: 25px
}

.c-course-info .icon-icon-class {
	font-size: 14px;
	margin: -5px 4px 0 0
}

.c-course-info .icon-icon-pencil {
	font-size: 15px;
	margin: -5px 4px 0 0
}

.c-article-hot {
	height: 74px;
	border-bottom: 1px solid #e6e6e6;
	width: 400px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-article-hot a {
	font-size: 18px;
	color: #1a1a1a;
	line-height: 74px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 360px
}

.c-article-hot a:hover {
	color: #2eb8d0
}

.c-article-hot span {
	width: 20px;
	height: 20px;
	line-height: 1;
	border-radius: 50%;
	background: #999;
	margin-right: 14px
}

.c-article-hot .label,.c-article-hot span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff
}

.c-article-hot .label {
	position: absolute;
	width: 24px;
	height: 24px;
	font-size: 16px;
	font-style: normal;
	background: #ff6000;
	border-radius: 4px;
	right: -30px
}

.c-article-hot:first-of-type span {
	background: #d70000
}

.c-article-hot:nth-of-type(2) span {
	background: #ff6000
}

.c-article-hot:nth-of-type(3) span {
	background: #ff9a22
}

.c-article-hot:last-of-type {
	border-bottom: none
}

.c-article-list {
	width: 740px;
	height: 180px;
	padding: 20px 36px 20px 0
}

.c-article-list:hover {
	background: hsla(0,0%,93%,.5)
}

.c-article-list-img {
	display: inline-block;
	width: 210px;
	height: 140px;
	overflow: hidden;
	position: relative
}

.c-article-list-img img {
	width: 100%;
	border-radius: 8px
}

.c-article-list-img .label {
	position: absolute;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 24px;
	height: 24px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 16px;
	color: #fff;
	background: #ef0000;
	border-radius: 8px 0 8px 0
}

.c-article-list-info {
	display: inline-block;
	width: 470px;
	height: 140px;
	margin-left: 18px;
	vertical-align: top;
	padding-top: 12px;
	position: relative;
	overflow: hidden
}

.c-article-list-info-box {
	height: 60px;
	display: block;
	overflow: hidden
}

.c-article-list-info h3 {
	font-size: 18px;
	width: 470px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 18px;
	color: #1a1a1a
}

.c-article-list-info p {
	font-size: 14px;
	color: #999;
	margin: 16px 0 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.c-article-list-info&gt;div {
	width: 100%;
	position: absolute;
	bottom: 12px
}

.c-article-list-info&gt;div span {
	font-size: 12px;
	color: #999;
	margin-right: 40px
}

.c-study-result-pic {
	position: relative;
	border-radius: 4px;
	width: 280px;
	height: 373px;
	overflow: hidden;
	border: 1px solid #eee
}

.c-study-result-pic:hover .works-shade {
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
	display: block
}

.c-study-result-pic .study-result-img {
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(calc(-50% + 1px));
	transform: translateX(calc(-50% + 1px));
	top: 0;
	border-radius: 4px
}

.c-study-result-pic .works-shade {
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
	cursor: pointer;
	position: absolute;
	left: 0;
	display: none;
	width: 280px;
	background: rgba(0,0,0,.5);
	text-align: center;
	z-index: 1
}

.c-study-result-pic .tag-in {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 72px;
	height: 26px;
	background: rgba(0,0,0,.5);
	border-radius: 0 4px 0 4px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	color: #fff
}

.c-study-result-item {
	position: relative;
	border-radius: 8px;
	width: 590px;
	height: 456px;
	background-color: #fff
}

.c-study-result-item .pic-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 10px 10px 0;
	position: relative
}

.c-study-result-item .pic-wrapper .vs {
	width: 48px;
	height: 48px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 261px;
	top: 50%;
	margin-top: -24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 2;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,.2)
}

.c-study-result-item .pic-wrapper .vs img {
	width: 28px;
	height: 17px
}

.c-study-result-item .pic-wrapper .before-pic {
	margin-right: 10px
}

.c-study-result-item .result-avatar {
	position: absolute;
	left: 16px;
	bottom: 14px;
	width: 48px;
	height: 46px
}

.c-study-result-item .result-name {
	position: absolute;
	left: 76px;
	bottom: 24px;
	font-size: 16px;
	color: #333
}

.c-study-result-item+.c-study-result-item {
	margin-left: 20px
}

.c-result-wrapper {
	margin-top: 24px;
	height: 456px;
	position: relative!important;
	overflow: hidden!important
}

.c-result-wrapper.not-mounted .carousel-item:first-of-type {
	display: inline!important;
	display: initial!important
}

.c-result-wrapper .el-carousel__arrow {
	width: 40px;
	height: 80px;
	border-radius: 4px;
	background: rgba(51,51,51,.3)
}

.c-result-wrapper .el-carousel__arrow i {
	font-size: 18px
}

.c-result-wrapper .carousel-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 456px
}

.c-result-wrapper .el-carousel__item:nth-child(2n) {
	background-color: rgba(153,169,191,0)
}

.c-result-wrapper .el-carousel__item:nth-child(odd) {
	background-color: rgba(211,220,230,0)
}

.c-classes[data-v-54b73a9e] {
	display: inline-block;
	width: 386px;
	height: 268px;
	background: #fff;
	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
	border-radius: 8px;
	margin-bottom: 20px;
	margin-right: 21px
}

.c-classes[data-v-54b73a9e]:nth-of-type(3n) {
	margin-right: 0
}

.c-classes-img[data-v-54b73a9e] {
	width: 386px;
	height: 192px;
	position: relative;
	font-size: 0;
	overflow: hidden
}

.c-classes-img img[data-v-54b73a9e] {
	width: 386px;
	height: 192px;
	border-radius: 8px 8px 0 0
}

.c-classes-img .label[data-v-54b73a9e] {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 72px;
	height: 26px;
	border-radius: 8px 0 8px 0;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	color: #fff;
	background: linear-gradient(128deg,#fe005e,#fd6c61)
}

.c-classes-img .label.new[data-v-54b73a9e] {
	background: linear-gradient(120deg,#c35efd,#a233fe)
}

.c-classes-img .c-classes-cover[data-v-54b73a9e] {
	display: none
}

.c-classes-img:hover .c-classes-cover[data-v-54b73a9e] {
	position: absolute;
	width: 396px;
	height: 192px;
	background: rgba(0,0,0,.5);
	top: 0;
	border-radius: 8px 8px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-classes-img:hover .c-classes-cover[data-v-54b73a9e],.c-classes-img:hover .c-classes-cover a[data-v-54b73a9e] {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-classes-img:hover .c-classes-cover a[data-v-54b73a9e] {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 120px;
	height: 40px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	border-radius: 4px;
	font-size: 16px;
	color: #fff
}

.c-classes-img:hover .c-classes-cover a[data-v-54b73a9e]:first-child {
	margin-right: 20px
}

.c-classes-name[data-v-54b73a9e] {
	margin-top: 14px;
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	color: #333
}

.c-classe-sell[data-v-54b73a9e],.c-classes-name[data-v-54b73a9e] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 13px
}

.c-classe-sell[data-v-54b73a9e] {
	margin-top: 6px;
	height: 18px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-classe-sell i[data-v-54b73a9e] {
	font-style: normal;
	font-size: 12px;
	color: #666
}

.c-classe-sell span[data-v-54b73a9e] {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 1px;
	height: 12px;
	background: #ccc;
	margin: 0 5px
}

.c-question-item {
	overflow: hidden;
	margin: 0 24px 24px 0;
	position: relative;
	display: inline-block;
	float: left;
	width: 280px;
	height: 318px;
	background: #fff;
	border-radius: 8px
}

.c-question-item:nth-of-type(4n) {
	margin-right: 0
}

.c-question-item-img-wrap {
	display: block;
	width: 280px;
	height: 210px;
	border-radius: 8px 8px 0 0;
	overflow: hidden
}

.c-question-item-img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	height: auto
}

.c-question-item-grade {
	width: 34px;
	position: absolute;
	top: 0;
	right: 12px
}

.c-question-item-info-wrap {
	padding: 0 12px
}

.c-question-item-title {
	display: block;
	font-size: 16px;
	color: #1a1a1a;
	line-height: 56px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.c-question-item-title:hover {
	color: #2eb8d0
}

.c-question-item-user {
	line-height: 32px
}

.c-question-item .face-img {
	width: 32px;
	height: 32px;
	margin-right: 8px;
	float: left
}

.c-question-item-name {
	display: inline-block;
	font-size: 14px;
	color: #666;
	max-width: 140px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.c-question-item-name:hover {
	color: #666
}

.c-question-item-time {
	float: right;
	font-size: 12px;
	color: #999
}

.c-question-item .animation {
	width: 40px;
	height: 40px;
	position: absolute;
	opacity: 0;
	right: 40px;
	top: 178px;
	cursor: pointer
}

.c-question-item .animation1 {
	width: 180px;
	height: 180px;
	position: absolute;
	right: 50px;
	top: 15px
}

.c-question-item:hover .animation {
	-webkit-animation: move .3s linear forwards;
	animation: move .3s linear forwards
}

.el-carousel-box {
	width: 100%;
	height: 100%
}

.el-carousel-box .el-carousel__item {
	border-radius: 8px
}

.el-carousel-box .el-carousel__indicators {
	height: 30px
}

.el-carousel-box .el-carousel__indicators .el-carousel__indicator {
	width: 8px;
	height: 8px;
	background: hsla(0,0%,100%,.5);
	border-radius: 4px;
	padding: 0;
	margin: 0 4px
}

.el-carousel-box .el-carousel__indicators .el-carousel__indicator.is-active {
	width: 18px;
	height: 8px;
	background: #fff;
	border-radius: 4px
}

.el-carousel-box .el-carousel__indicators .el-carousel__indicator .el-carousel__button {
	display: none
}

.c-rank-item {
	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
	border-radius: 8px;
	position: relative;
	overflow: hidden
}

.c-rank-item-label {
	position: absolute;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 24px;
	height: 24px;
	background: #ccc;
	border-radius: 8px 0 8px 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	right: 0;
	z-index: 5;
	color: #fff;
	font-size: 16px
}

.c-rank-item-label.first {
	background: #d70000
}

.c-rank-item-label.second {
	background: #ff6002
}

.c-rank-item-label.third {
	background: #ff9a23
}

.c-rank-item .coach {
	border-radius: 8px;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(calc(-50% + 1px));
	transform: translateX(calc(-50% + 1px));
	top: 0
}

.c-rank-item .user {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 32px;
	bottom: 10px;
	left: 10px
}

.c-rank-item .face-img {
	width: 32px;
	height: 32px;
	margin-right: 8px
}

.c-rank-item .name {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	max-width: 110px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.c-rank-item .name:hover {
	color: #fff
}

.c-rank-item .mask {
	display: none
}

.c-rank-item:hover .mask {
	display: block;
	position: absolute;
	background: rgba(0,0,0,.5);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	border-radius: 8px
}

.c-rank-item:hover .mask .iconfont {
	font-size: 17px;
	position: absolute;
	right: 15px;
	bottom: 13px
}

.c-rank-item:hover .mask .iconfont.icon-weidianzan {
	color: #fff
}

.c-rank-item:hover .mask .iconfont.icon-yidianzan {
	color: #2eb8d0
}

.c-share {
	position: relative;
	font-size: 16px;
	color: #666
}

.c-share span {
	cursor: pointer;
	display: inline-block
}

.c-share span i {
	font-size: 20px;
	color: #bebebe
}

.c-share span i:hover {
	color: #2eb8d0
}

.c-share-wx-active:hover .c-share-qrcode {
	display: block;
	z-index: 5
}

.c-share-qrcode {
	display: none;
	width: 120px;
	height: 120px;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
	box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
	padding: 10px;
	position: absolute;
	top: 50px;
	left: 90px
}

.c-share-qrcode canvas {
	width: 100px;
	height: 100px
}/*!
 * Viewer.js v1.5.0
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-11-23T05:10:21.757Z
 */.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before {
	background-image: url("../images/b0f4fc3ea1bf4090b1086d8e09ca6c78.gif");
	background-repeat: no-repeat;
	background-size: 280px;
	color: transparent;
	display: block;
	font-size: 0;
	height: 20px;
	line-height: 0;
	width: 20px
}

.viewer-zoom-in:before {
	background-position: 0 0;
	content: "Zoom In"
}

.viewer-zoom-out:before {
	background-position: -20px 0;
	content: "Zoom Out"
}

.viewer-one-to-one:before {
	background-position: -40px 0;
	content: "One to One"
}

.viewer-reset:before {
	background-position: -60px 0;
	content: "Reset"
}

.viewer-prev:before {
	background-position: -80px 0;
	content: "Previous"
}

.viewer-play:before {
	background-position: -100px 0;
	content: "Play"
}

.viewer-next:before {
	background-position: -120px 0;
	content: "Next"
}

.viewer-rotate-left:before {
	background-position: -140px 0;
	content: "Rotate Left"
}

.viewer-rotate-right:before {
	background-position: -160px 0;
	content: "Rotate Right"
}

.viewer-flip-horizontal:before {
	background-position: -180px 0;
	content: "Flip Horizontal"
}

.viewer-flip-vertical:before {
	background-position: -200px 0;
	content: "Flip Vertical"
}

.viewer-fullscreen:before {
	background-position: -220px 0;
	content: "Enter Full Screen"
}

.viewer-fullscreen-exit:before {
	background-position: -240px 0;
	content: "Exit Full Screen"
}

.viewer-close:before {
	background-position: -260px 0;
	content: "Close"
}

.viewer-container {
	bottom: 0;
	direction: ltr;
	font-size: 0;
	left: 0;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.viewer-container::-moz-selection,.viewer-container ::-moz-selection {
	background-color: transparent
}

.viewer-container::selection,.viewer-container ::selection {
	background-color: transparent
}

.viewer-container img {
	display: block;
	height: auto;
	max-height: none!important;
	max-width: none!important;
	min-height: 0!important;
	min-width: 0!important;
	width: 100%
}

.viewer-canvas {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0
}

.viewer-canvas&gt;img {
	height: auto;
	margin: 15px auto;
	max-width: 90%!important;
	width: auto
}

.viewer-footer {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: center
}

.viewer-navbar {
	background-color: rgba(0,0,0,.5);
	overflow: hidden
}

.viewer-list {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 50px;
	margin: 0;
	overflow: hidden;
	padding: 1px 0
}

.viewer-list&gt;li {
	color: transparent;
	cursor: pointer;
	float: left;
	font-size: 0;
	height: 50px;
	line-height: 0;
	opacity: .5;
	overflow: hidden;
	-webkit-transition: opacity .15s;
	transition: opacity .15s;
	width: 30px
}

.viewer-list&gt;li:hover {
	opacity: .75
}

.viewer-list&gt;li+li {
	margin-left: 1px
}

.viewer-list&gt;.viewer-loading {
	position: relative
}

.viewer-list&gt;.viewer-loading:after {
	border-width: 2px;
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	width: 20px
}

.viewer-list&gt;.viewer-active,.viewer-list&gt;.viewer-active:hover {
	opacity: 1
}

.viewer-player {
	background-color: #000;
	bottom: 0;
	cursor: none;
	display: none;
	right: 0
}

.viewer-player,.viewer-player&gt;img {
	left: 0;
	position: absolute;
	top: 0
}

.viewer-toolbar&gt;ul {
	display: inline-block;
	margin: 0 auto 5px;
	overflow: hidden;
	padding: 3px 0
}

.viewer-toolbar&gt;ul&gt;li {
	background-color: rgba(0,0,0,.5);
	border-radius: 50%;
	cursor: pointer;
	float: left;
	height: 24px;
	overflow: hidden;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	width: 24px
}

.viewer-toolbar&gt;ul&gt;li:hover {
	background-color: rgba(0,0,0,.8)
}

.viewer-toolbar&gt;ul&gt;li:before {
	margin: 2px
}

.viewer-toolbar&gt;ul&gt;li+li {
	margin-left: 1px
}

.viewer-toolbar&gt;ul&gt;.viewer-small {
	height: 18px;
	margin-bottom: 3px;
	margin-top: 3px;
	width: 18px
}

.viewer-toolbar&gt;ul&gt;.viewer-small:before {
	margin: -1px
}

.viewer-toolbar&gt;ul&gt;.viewer-large {
	height: 30px;
	margin-bottom: -3px;
	margin-top: -3px;
	width: 30px
}

.viewer-toolbar&gt;ul&gt;.viewer-large:before {
	margin: 5px
}

.viewer-tooltip {
	background-color: rgba(0,0,0,.8);
	border-radius: 10px;
	color: #fff;
	display: none;
	font-size: 12px;
	height: 20px;
	left: 50%;
	line-height: 20px;
	margin-left: -25px;
	margin-top: -10px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 50px
}

.viewer-title {
	color: #ccc;
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	margin: 0 5% 5px;
	max-width: 90%;
	opacity: .8;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: opacity .15s;
	transition: opacity .15s;
	white-space: nowrap
}

.viewer-title:hover {
	opacity: 1
}

.viewer-button {
	background-color: rgba(0,0,0,.5);
	border-radius: 50%;
	cursor: pointer;
	height: 80px;
	overflow: hidden;
	position: absolute;
	right: -40px;
	top: -40px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	width: 80px
}

.viewer-button:focus,.viewer-button:hover {
	background-color: rgba(0,0,0,.8)
}

.viewer-button:before {
	bottom: 15px;
	left: 15px;
	position: absolute
}

.viewer-fixed {
	position: fixed
}

.viewer-open {
	overflow: hidden
}

.viewer-show {
	display: block
}

.viewer-hide {
	display: none
}

.viewer-backdrop {
	background-color: rgba(0,0,0,.5)
}

.viewer-invisible {
	visibility: hidden
}

.viewer-move {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab
}

.viewer-fade {
	opacity: 0
}

.viewer-in {
	opacity: 1
}

.viewer-transition {
	-webkit-transition: all .3s;
	transition: all .3s
}

@-webkit-keyframes viewer-spinner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes viewer-spinner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.viewer-loading:after {
	-webkit-animation: viewer-spinner 1s linear infinite;
	animation: viewer-spinner 1s linear infinite;
	border: 4px solid hsla(0,0%,100%,.1);
	border-left-color: hsla(0,0%,100%,.5);
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 40px;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 1
}

@media (max-width:767px) {
	.viewer-hide-xs-down {
		display: none
	}
}

@media (max-width:991px) {
	.viewer-hide-sm-down {
		display: none
	}
}

@media (max-width:1199px) {
	.viewer-hide-md-down {
		display: none
	}
}

.c-score-wrapper {
	cursor: pointer
}

.c-score-wrapper i {
	font-size: 14px;
	display: inline-block
}

.c-score-wrapper .score-fill {
	color: #ff931c;
	margin-right: 4px
}

.c-score-wrapper .score-empty {
	color: #999;
	margin-right: 4px
}

.c-score-wrapper .score-current {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.c-score-wrapper .score-letter {
	height: 14px;
	font-size: 14px;
	color: #999;
	line-height: 14px
}

@-webkit-keyframes bounce-star {
	0% {
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}

	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}

	to {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
}

@keyframes bounce-star {
	0% {
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}

	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}

	to {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
}

.c-score-selected {
	-webkit-animation: bounce-star .2s linear forwards;
	animation: bounce-star .2s linear forwards
}

.coach-question-user-card[data-v-8ebf7e72] {
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.coach-question-user-card .face-img[data-v-8ebf7e72] {
	display: block;
	width: 48px;
	margin: auto
}

.coach-question-user-card-msg[data-v-8ebf7e72] {
	display: block;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: auto
}

.coach-question-user-card-msg-name[data-v-8ebf7e72] {
	padding: 6px 0;
	color: #1a1a1a;
	font-size: 14px;
	text-align: center
}

.coach-question-user-card-msg-name a[data-v-8ebf7e72] {
	font-size: 14px;
	color: #1a1a1a
}

.coach-question-user-card-msg-name a[data-v-8ebf7e72]:hover {
	color: #1a1a1a
}

.coach-question-user-card-msg-remark[data-v-8ebf7e72] {
	font-size: 14px;
	color: #999;
	max-width: 604px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.coach-question-user-card-msg-tag-box[data-v-8ebf7e72] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.coach-question-user-card-msg-tag-box a[data-v-8ebf7e72] {
	color: #2eb8d0!important
}

.coach-question-user-card-msg-tag[data-v-8ebf7e72] {
	padding: 0 8px;
	display: inline-block;
	height: 22px;
	margin-right: 4px;
	border-radius: 11px;
	border: 1px solid #2eb8d0;
	font-size: 12px;
	color: #2eb8d0!important;
	line-height: 22px;
	text-align: center
}

.coach-question-user-card-msg-fans[data-v-8ebf7e72] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 16px auto auto
}

.coach-question-user-card-msg-fans a[data-v-8ebf7e72] {
	padding: 0 12px;
	position: relative;
	display: inline-block;
	font-size: 12px;
	color: #a8a8a8;
	line-height: 18px;
	text-align: center
}

.coach-question-user-card-msg-fans a[data-v-8ebf7e72]:after {
	position: absolute;
	right: 0;
	display: inline-block;
	content: "";
	width: 1px;
	height: 18px;
	background: #eee
}

.coach-question-user-card-msg-fans a[data-v-8ebf7e72]:last-child:after {
	width: 0;
	background-color: transparent
}

.coach-question-user-card-btn[data-v-8ebf7e72] {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin: 16px auto auto;
	width: 120px;
	height: 40px;
	background: #2eb8d0;
	border-radius: 4px
}

.coach-question-user-card-btn--blue[data-v-8ebf7e72] {
	border: 1px solid #999;
	background: #fff;
	color: #999
}

.c-pagination {
	text-align: center;
	width: 100%;
	height: 40px;
	clear: both;
	padding: 40px 0 80px
}

.c-pagination-ul {
	display: inline-block
}

.c-pagination-ul li {
	float: left;
	width: 40px;
	height: 40px;
	margin-left: 12px
}

.c-pagination-ul li.active a {
	background-color: #2eb8d0;
	color: #fff;
	border-color: #2eb8d0
}

.c-pagination-ul a {
	display: block;
	color: #666;
	font-size: 16px;
	height: 100%;
	width: 100%;
	line-height: 40px;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-align: center
}

.c-pagination-ul a:hover {
	color: #fff;
	border-color: #2eb8d0;
	background: #2eb8d0
}

.c-pagination-ellipsis {
	cursor: default;
	line-height: 30px!important;
	border: none!important
}

.c-pagination-ellipsis:hover {
	background: #fff!important;
	color: #666!important
}

.c-pagination-prev {
	display: block;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.c-report-dialog {
	margin: auto;
	width: 480px!important;
	height: 436px;
	background: #fff;
	-webkit-box-shadow: 0 30px 30px 0 rgba(0,0,0,.11);
	box-shadow: 0 30px 30px 0 rgba(0,0,0,.11);
	border-radius: 8px;
	text-align: center
}

.c-report-dialog .title {
	line-height: 64px;
	font-size: 24px;
	color: #999;
	text-align: center;
	border-bottom: 1px solid #eee;
	position: relative
}

.c-report-dialog .title i {
	position: absolute;
	top: 0;
	font-size: 21px;
	right: 22px;
	color: #999
}

.c-report-dialog ul {
	margin: 16px 43px 40px
}

.c-report-dialog ul li {
	text-align: left;
	height: 56px;
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #eee;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-report-dialog ul li i {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #999;
	border-radius: 50%;
	font-size: 0
}

.c-report-dialog ul li.active i {
	border: none;
	font-size: 16px;
	color: #2eb8d0;
	width: auto;
	height: auto
}

.c-report-dialog button {
	width: 144px;
	height: 48px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ccc;
	color: #666;
	font-size: 16px;
	text-align: center
}

.c-report-dialog button:last-of-type {
	margin-left: 16px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	color: #fff;
	border: none
}

.c-report-dialog .el-dialog__header,.c-report-dialog .el-dialog__headerbtn {
	display: none
}

.c-report-dialog .el-dialog__body {
	padding: 0;
	margin: 0
}

.coach-question-comment[data-v-54f93bdf] {
	padding: 0 40px;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 4px;
	position: relative
}

.coach-question-comment-area[data-v-54f93bdf] {
	padding: 24px 0;
	border-bottom: 1px solid #eee;
	position: relative;
	font-size: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.coach-question-comment-area-login[data-v-54f93bdf] {
	position: absolute;
	top: 48px;
	left: 0;
	line-height: 34px
}

.coach-question-comment-area-login span[data-v-54f93bdf] {
	font-size: 14px;
	color: #1a1a1a;
	margin-right: 12px;
	margin-left: 170px
}

.coach-question-comment-area-login-btn[data-v-54f93bdf] {
	cursor: pointer;
	display: inline-block;
	width: 92px;
	height: 34px;
	border-radius: 4px;
	color: #2eb8d0;
	border: 1px solid #2eb8d0;
	text-align: center;
	margin-right: 12px;
	font-size: 16px
}

.coach-question-comment-area-login-btn-active[data-v-54f93bdf] {
	border: none;
	line-height: 34px;
	background: #2eb8d0;
	color: #fff
}

.coach-question-comment-area-write[data-v-54f93bdf] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.coach-question-comment-area-write textarea[data-v-54f93bdf] {
	background: #fff!important;
	padding: 8px 36px 8px 12px!important;
	color: #1a1a1a!important
}

.coach-question-comment-area-write a[data-v-54f93bdf] {
	background: #2eb8d0!important;
	color: #fff!important
}

.coach-question-comment-area textarea[data-v-54f93bdf] {
	font-size: 14px;
	outline: none;
	display: inline-block;
	padding: 8px 12px;
	width: 664px;
	height: 82px;
	background: #f5f5fa;
	border-radius: 4px 0 0 4px;
	border: 1px solid #ccc;
	border-right: none;
	resize: none
}

.coach-question-comment-area a[data-v-54f93bdf] {
	display: inline-block;
	width: 116px;
	height: 82px;
	line-height: 82px;
	text-align: center;
	background: #eee;
	border-radius: 0 4px 4px 0;
	font-size: 18px;
	color: #999;
	font-weight: 700
}

.coach-question-comment-area a[data-v-54f93bdf]:hover {
	color: #999
}

.coach-question-comment-area&gt;span[data-v-54f93bdf] {
	position: absolute;
	top: 85px;
	right: 135px;
	font-size: 12px;
	color: #ccc
}

.coach-question-comment-content[data-v-54f93bdf] {
	padding: 24px 0
}

.coach-question-comment-content p[data-v-54f93bdf] {
	font-size: 16px;
	line-height: 16px;
	color: #1a1a1a
}

.coach-question-comment .comment-no-hide[data-v-54f93bdf],.coach-question-comment .comment-reply-no-hide[data-v-54f93bdf] {
	cursor: pointer;
	margin-right: 24px!important
}

.coach-question-comment .coach-question-null-comment-box img[data-v-54f93bdf] {
	display: block;
	width: 240px;
	margin: 40px auto 12px
}

.coach-question-comment .coach-question-null-comment-box p[data-v-54f93bdf] {
	text-align: center;
	font-size: 14px;
	color: #999
}

.coach-question-comment .comment[data-v-54f93bdf] {
	width: 100%;
	padding: 40px 0 0;
	border-bottom: 1px solid #eee
}

.coach-question-comment .comment&gt;.face-img[data-v-54f93bdf] {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 24px
}

.coach-question-comment .comment-info[data-v-54f93bdf] {
	width: 696px;
	margin-left: 84px;
	padding-bottom: 24px
}

.coach-question-comment .comment-info-wrap:hover .comment-hide[data-v-54f93bdf] {
	display: inline-block
}

.coach-question-comment .comment-name[data-v-54f93bdf] {
	font-size: 14px;
	line-height: 16px;
	color: #1a1a1a;
	font-weight: 700;
	margin-bottom: 35px
}

.coach-question-comment .comment-name span[data-v-54f93bdf] {
	font-size: 12px;
	color: #999;
	margin-left: 12px;
	font-weight: 400
}

.coach-question-comment .comment-container[data-v-54f93bdf] {
	font-size: 14px!important;
	color: #666!important;
	line-height: 22px!important;
	margin: -8px 0;
	word-break: break-all;
	word-wrap: break-word
}

.coach-question-comment .comment-time[data-v-54f93bdf] {
	margin-top: 24px
}

.coach-question-comment .comment-time span[data-v-54f93bdf] {
	font-size: 12px;
	margin-right: 24px;
	margin-left: 0;
	color: #999
}

.coach-question-comment .comment-hide[data-v-54f93bdf] {
	cursor: pointer;
	display: none;
	-webkit-transition: all 1s;
	transition: all 1s
}

.coach-question-comment .comment-hide[data-v-54f93bdf]:hover {
	color: #2eb8d0
}

.coach-question-comment .comment-reply[data-v-54f93bdf] {
	width: 696px;
	padding: 16px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.coach-question-comment .comment-reply .face-img[data-v-54f93bdf] {
	width: 32px;
	height: 32px;
	margin-right: 12px
}

.coach-question-comment .comment-reply&gt;div[data-v-54f93bdf] {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-left: 12px
}

.coach-question-comment .comment-reply&gt;div .name[data-v-54f93bdf] {
	color: #999;
	margin-bottom: 16px;
	font-size: 14px
}

.coach-question-comment .comment-reply&gt;div .name span[data-v-54f93bdf] {
	color: #1a1a1a;
	font-weight: 700
}

.coach-question-comment .comment-reply&gt;div .name span[data-v-54f93bdf]:first-of-type {
	margin-right: 12px
}

.coach-question-comment .comment-reply&gt;div .name span[data-v-54f93bdf]:nth-of-type(2) {
	margin-left: 12px
}

.coach-question-comment .comment-reply-hide[data-v-54f93bdf] {
	cursor: pointer;
	display: none;
	-webkit-transition: all 1s;
	transition: all 1s
}

.coach-question-comment .comment-reply-hide[data-v-54f93bdf]:hover {
	color: #2eb8d0
}

.coach-question-comment .comment-reply[data-v-54f93bdf]:last-of-type {
	margin-bottom: -16px
}

.coach-question-comment .comment-reply:hover .comment-reply-hide[data-v-54f93bdf] {
	display: inline
}

.coach-question-comment .comment-reply-input[data-v-54f93bdf] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 70px;
	padding: 16px 0;
	position: relative
}

.coach-question-comment .comment-reply-input&gt;.face-img[data-v-54f93bdf] {
	float: left;
	width: 32px;
	height: 32px;
	margin-right: 12px
}

.coach-question-comment .comment-reply-input input[data-v-54f93bdf] {
	padding: 0 16px;
	width: 580px;
	height: 38px;
	background: #fff;
	border-radius: 4px 0 0 4px;
	border: 1px solid #ccc;
	border-right: none
}

.coach-question-comment .comment-reply-input button[data-v-54f93bdf] {
	width: 76px;
	height: 38px;
	background: #2eb8d0;
	border-radius: 0 4px 4px 0;
	font-size: 18px;
	color: #fff
}

.coach-question-comment .comment-reply-num[data-v-54f93bdf] {
	position: absolute;
	top: 26px;
	right: 80px;
	font-size: 12px;
	color: #ccc
}

.p-coach-question {
	padding-bottom: 60px;
	background: #f5f5fa
}

.p-coach-question h3 {
	font-size: 16px;
	color: #1a1a1a;
	line-height: 16px;
	margin-bottom: 22px
}

.p-coach-question h3 i {
	display: inline-block;
	margin-right: 8px;
	width: 4px;
	height: 16px;
	float: left;
	background: #2eb8d0
}

.p-coach-question .l-coach-question-left {
	float: left;
	width: 860px;
	margin-right: 20px;
	overflow: hidden
}

.p-coach-question .coach-question-details {
	padding: 0 40px 40px;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 4px
}

.p-coach-question .coach-question-details-top {
	position: relative;
	border-bottom: 1px solid #eee;
	padding-bottom: 12px
}

.p-coach-question .coach-question-details-top&gt;img {
	width: 44px;
	position: absolute;
	top: 0;
	right: -16px
}

.p-coach-question .coach-question-details-top div .function-icon {
	margin-right: 24px;
	font-size: 14px;
	color: #ccc
}

.p-coach-question .coach-question-details-top div .function-icon i {
	font-size: 14px;
	margin-right: 4px
}

.p-coach-question .coach-question-details-top div .function-icon.number {
	color: #333
}

.p-coach-question .coach-question-details-top div .function-icon.collect {
	cursor: pointer
}

.p-coach-question .coach-question-details h1 {
	padding-top: 22px;
	width: 760px;
	margin-bottom: 18px;
	line-height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.p-coach-question .coach-question-details h1 .question-title {
	display: block;
	height: 40px;
	line-height: 40px;
	width: 690px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.p-coach-question .coach-question-details h1 .question-title span:first-child {
	font-size: 26px;
	color: #1a1a1a;
	font-weight: 700
}

.p-coach-question .coach-question-details h1 .question-title span:nth-child(2) {
	font-size: 16px;
	color: #333;
	font-weight: 400;
	vertical-align: top
}

.p-coach-question .coach-question-details h1 button {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 40px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	color: #999;
	border: none;
	background: none;
	font-weight: 400
}

.p-coach-question .coach-question-details h1 button i {
	font-size: 16px;
	margin-right: 6px
}

.p-coach-question .coach-question-details h1 button i.icon-pc-biji {
	color: #999
}

.p-coach-question .coach-question-details h1 button i.icon-wap-shanchu1 {
	color: #999
}

.p-coach-question .coach-question-details-share {
	float: left;
	font-size: 14px;
	color: #666
}

.p-coach-question .coach-question-details-share span {
	cursor: pointer;
	margin-right: 9px;
	color: #bebebe
}

.p-coach-question .coach-question-details-share span i {
	font-size: 16px
}

.p-coach-question .coach-question-details-foot {
	margin-top: 30px;
	padding-top: 24px;
	border-top: 1px solid #eee
}

.p-coach-question .coach-question-details-action {
	float: right
}

.p-coach-question .coach-question-details-action button {
	display: inline-block;
	margin-left: 14px;
	width: 86px;
	height: 34px;
	border-radius: 4px;
	border: 1px solid #eee;
	font-size: 12px;
	color: #666;
	background: #fff
}

.p-coach-question .coach-question-details-action button i {
	font-size: 16px;
	margin-right: 2px;
	color: #999
}

.p-coach-question .coach-question-details-action button i.icon-pc-biji {
	color: #999
}

.p-coach-question .coach-question-details-action button:hover {
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(left,#7bdceb,#45b7d2);
	border: none;
	color: #fff
}

.p-coach-question .coach-question-details-action button:hover i {
	color: #fff
}

.p-coach-question .coach-question-details-bottom {
	font-size: 16px;
	color: #1a1a1a;
	margin-top: 25px
}

.p-coach-question .coach-question-details-bottom img {
	display: block;
	margin: 5px auto 24px;
	max-width: 100%!important
}

.p-coach-question .coach-question-details-like {
	cursor: pointer;
	margin: 24px auto 12px;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #f7f7f7;
	position: relative;
	padding-top: 10px
}

.p-coach-question .coach-question-details-like .animation {
	width: 40px;
	height: 40px;
	margin-left: 16px;
	border-radius: 50%
}

.p-coach-question .coach-question-details-like .animation1 {
	width: 180px;
	height: 180px;
	position: absolute;
	left: -54px;
	top: -180px
}

.p-coach-question .coach-question-details-like-font {
	font-size: 12px;
	color: #999;
	text-align: center
}

.p-coach-question .coach-question-quetions {
	padding: 24px 14px 0;
	width: 100%;
	background: #fff;
	margin-bottom: 0;
	border-radius: 4px
}

.p-coach-question .coach-question-quetions-title {
	color: #2eb8d0;
	margin-top: 16px;
	margin-bottom: 12px;
	font-size: 16px
}

.p-coach-question .coach-question-quetions-title a {
	line-height: 24px!important
}

.p-coach-question .coach-question-quetions-title a:active,.p-coach-question .coach-question-quetions-title a:hover,.p-coach-question .coach-question-quetions-title a:link,.p-coach-question .coach-question-quetions-title a:visited {
	color: #2eb8d0
}

.p-coach-question .coach-question-quetions-content {
	height: 142px;
	overflow: hidden;
	position: relative
}

.p-coach-question .coach-question-quetions-content&gt;.content {
	font-size: 12px;
	color: #666;
	line-height: 18px
}

.p-coach-question .coach-question-quetions-content&gt;.content img {
	display: block;
	margin: 20px auto;
	max-width: 100%
}

.p-coach-question .coach-question-quetions-content .btn {
	width: 100%;
	position: absolute;
	height: 142px;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	background: #fff;
	color: #2eb8d0;
	cursor: pointer;
	background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.3)),to(#fff));
	background: linear-gradient(hsla(0,0%,100%,.3),#fff);
	background: -ms-linear-gradient(hsla(0,0%,100%,.3),#fff)
}

.p-coach-question .coach-question-quetions-content .btn span {
	width: 92px;
	height: 34px;
	border-radius: 4px;
	border: 1px solid #e6e6e6;
	background: #fff;
	text-align: center;
	line-height: 34px;
	color: #666;
	position: absolute;
	left: 50%;
	bottom: 0;
	font-size: 12px;
	margin-left: -42px
}

.p-coach-question .l-coach-question-right {
	float: right;
	width: 320px
}

.p-coach-question .coach-popover {
	padding: 12px;
	word-wrap: break-word;
	width: 320px;
	display: inline-block
}

.p-coach-question .coach-question-msg {
	width: 100%;
	background: #fff;
	padding: 15px 14px;
	margin-bottom: 20px;
	border-radius: 4px
}

.p-coach-question .coach-question-msg-title {
	font-size: 16px;
	color: #1a1a1a;
	line-height: 22px
}

.p-coach-question .coach-question-msg-title i {
	float: left;
	margin-top: 1px;
	margin-right: 12px;
	margin-left: -20px;
	display: inline-block;
	width: 4px;
	height: 20px;
	background: #2eb8d0
}

.p-coach-question .coach-question-msg-img {
	display: block;
	width: 294px;
	height: auto;
	margin: 24px 0 12px
}

.p-coach-question .coach-question-msg-teacher {
	font-size: 14px;
	display: inline-block;
	margin-top: 18px;
	margin-left: 8px
}

.p-coach-question .coach-question-msg-title-box {
	padding: 14px 17px;
	background-color: #fff;
	border-bottom: 1px solid #eee;
	font-size: 18px;
	font-weight: 700;
	color: #333;
	border-radius: 4px 4px 0 0
}

.p-coach-question .coach-question-details-evaluate {
	padding: 0;
	width: 320px;
	background: #fff;
	border-radius: 4px;
	margin-bottom: 0
}

.p-coach-question .coach-question-details-evaluate .eva-block-content {
	padding: 0 14px
}

.p-coach-question .coach-question-details-evaluate .eva-block-content .coach-eva-work-info {
	margin-top: 24px;
	margin-bottom: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.p-coach-question .coach-question-details-evaluate .eva-block-content .coach-eva-work-info .work-info-item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.p-coach-question .coach-question-details-evaluate .eva-block-content .coach-eva-work-info .work-info-item .work-info-title {
	padding-bottom: 3px;
	font-size: 16px;
	color: #333;
	line-height: 24px
}

.p-coach-question .coach-question-details-evaluate .eva-block-content .coach-eva-work-info .work-info-item .work-info-text {
	font-size: 14px;
	color: #666;
	line-height: 18px
}

.p-coach-question .coach-question-details-evaluate .eva-block-content .coach-eva-work-info .work-info-item .work-info-text a {
	color: #666
}

.p-coach-question .coach-question-details-evaluate .eva-btn {
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	color: #fff;
	background: #2eb8d0;
	border-radius: 4px;
	border: none;
	padding-right: 30px;
	padding-left: 30px
}

.p-coach-question .coach-question-tag {
	width: 100%;
	background: #fff;
	margin-bottom: 20px;
	border-radius: 4px
}

.p-coach-question .coach-question-tag&gt;p {
	padding: 0 14px;
	margin-top: 15px
}

.p-coach-question .coach-question-tag a {
	cursor: pointer;
	display: inline-block;
	padding: 1px 10px;
	border-radius: 15px;
	border: 1px solid #ccc;
	color: #999;
	font-size: 14px;
	margin-right: 15px;
	margin-bottom: 15px
}

.p-coach-question .coach-question-tag a:hover {
	color: #2eb8d0;
	border: 1px solid #2eb8d0
}

.p-coach-question .coach-question-top-tag {
	padding: 24px 0 0;
	margin-bottom: -24px
}

.p-coach-question .coach-question-top-tag a {
	cursor: pointer;
	display: inline-block;
	padding: 1px 6px;
	border-radius: 15px;
	border: 1px solid #ccc;
	color: #999;
	font-size: 14px;
	margin-right: 20px;
	margin-bottom: 20px
}

.p-coach-question .coach-question-top-tag a:hover {
	color: #2eb8d0;
	border: 1px solid #2eb8d0
}

.p-coach-question .coach-question-img--view {
	cursor: pointer
}

.p-coach-question-layer {
	background: transparent;
	max-width: 1200px;
	margin: auto
}

.c-detailLayer .c-coach-question-page {
	position: relative;
	z-index: 1
}

.c-teacher-item {
	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	width: 285px;
	height: 380px
}

.c-teacher-item .work {
	border-radius: 8px;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(calc(-50% + 1px));
	transform: translateX(calc(-50% + 1px));
	top: 0
}

.c-teacher-item .user {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 66px;
	width: 285px;
	padding-left: 12px;
	background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));
	background: linear-gradient(180deg,transparent,rgba(0,0,0,.5));
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-teacher-item .user img {
	margin-right: 9px
}

.c-teacher-item .user .name {
	display: block;
	height: 22px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 700;
	color: #fff
}

.c-teacher-item .user .label {
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	color: #fff
}

.c-teacher-item .mask {
	display: none
}

.c-teacher-item:hover .mask {
	display: block;
	position: absolute;
	background: #2eb8d0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	border-radius: 8px
}

.c-teacher-item:hover .mask .msg {
	position: absolute;
	top: 25px;
	background: none
}

.c-teacher-item:hover .mask .msg .face-img {
	width: 56px;
	height: 56px;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 50%;
	margin: 0 auto
}

.c-teacher-item:hover .mask .msg .face-img img {
	width: 100%;
	height: 100%
}

.c-teacher-item:hover .mask .msg .name {
	width: 285px;
	text-align: center;
	height: 22px;
	line-height: 22px;
	font-weight: 700;
	font-size: 14px;
	margin-top: 3px;
	color: #fff
}

.c-teacher-item:hover .mask .msg .label {
	text-align: center;
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	width: 285px
}

.c-teacher-item:hover .mask .description {
	width: 253px;
	position: absolute;
	top: 135px;
	left: 16px
}

.c-teacher-item:hover .mask .description p {
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 12px;
	color: #fff;
	line-height: 22px;
	word-break: break-all;
	margin-bottom: 26px;
	height: 154px
}

.c-teacher-item:hover .mask .description a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 120px;
	height: 40px;
	background: #fff;
	border-radius: 4px;
	margin: 0 auto;
	font-size: 14px;
	color: #2eb8d0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.p-index {
	padding-top: 10px;
	background: #f5f5fa
}

.p-index .u-banner-carousel--full {
	height: 300px
}

.p-index .el-carousel__arrow {
	width: 48px;
	height: 48px;
	background: rgba(0,0,0,.2);
	border-radius: 24px;
	font-size: 24px
}

.p-index .banner-for-meiqia {
	background: url(../images/banner-bilibili-pc.38ccaf2.png) no-repeat 50%
}

.p-index .c-hot-tag a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 28px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	padding: 1px 14px;
	margin-right: 16px;
	margin-bottom: 16px
}

.c-index-brand {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 30px 0
}

.c-index-brand li {
	width: 285px;
	height: 96px;
	background: #fff;
	-webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,.05);
	box-shadow: 0 6px 10px 0 rgba(0,0,0,.05);
	border-radius: 8px;
	border: 1px solid #eee;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 26px
}

.c-index-brand li .iconfont {
	display: inline-block;
	font-size: 40px;
	margin-right: 14px
}

.c-index-brand li p:first-child {
	height: 21px;
	font-size: 16px;
	line-height: 21px;
	color: #464646;
	margin-bottom: 5px
}

.c-index-brand li p:nth-child(2) {
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	color: #666
}

.l-index-container {
	width: 100%
}

.l-index-container--1200 {
	width: 1200px;
	margin: 0 auto
}

.c-u-index-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-u-index-title,.c-u-index-title .left {
	height: 40px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-u-index-title .left {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.c-u-index-title .left h2 {
	height: 40px;
	font-size: 26px;
	line-height: 40px;
	font-weight: 700;
	color: #333;
	margin-right: 40px
}

.c-u-index-title-tabs,.c-u-index-title-tabs li {
	height: 30px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.c-u-index-title-tabs li {
	padding: 0 10px;
	margin-right: 10px;
	font-size: 14px;
	color: #666;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-u-index-title-tabs li a {
	color: #666
}

.c-u-index-title-tabs li:hover a {
	color: #2eb8d0
}

.c-u-index-title-tabs li.active {
	background: #2eb8d0;
	border-radius: 4px
}

.c-u-index-title-tabs li.active a {
	color: #fff
}

.c-u-index-title .more {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: #333;
	position: relative
}

.c-u-index-title .more .vip {
	position: absolute;
	left: -77px;
	top: -2px
}

.c-u-index-title .more .iconfont {
	font-size: 12px;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.u-index-title {
	text-align: center;
	margin: 60px auto 24px
}

.u-index-title h2 {
	display: inline-block;
	color: #1a1a1a;
	font-size: 22px;
	font-weight: 700;
	line-height: 28px
}

.u-index-title h2 i {
	margin: -4px auto 0;
	width: 100%;
	display: block;
	height: 4px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2)
}

.u-index-title--length-1 {
	width: 126px!important
}

.u-index-title--length-2 {
	width: 88px!important
}

.u-index-title-tabs {
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #e6e6e6
}

.u-index-title-tabs li {
	cursor: pointer;
	display: inline-block;
	margin: 20px 24px 20px 0;
	font-size: 14px
}

.u-index-title-tabs li a {
	color: #666
}

.u-index-title-tabs li:last-of-type {
	margin-right: 0
}

.u-index-title-tabs li.active,.u-index-title-tabs li.active a {
	font-weight: 700;
	color: #2eb8d0
}

.u-index-more {
	display: block;
	text-align: center;
	margin: 20px auto 0
}

.u-index-more--vip {
	margin-top: -4px
}

.l-index-classes .c-u-index-title {
	margin-bottom: 24px
}

.l-index-classes .class-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.c-index-coach {
	margin-top: 40px
}

.c-index-coach .questions-list {
	margin-top: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 60px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-index-teacher {
	margin-top: 60px
}

.c-index-teacher .c-u-index-title {
	margin-bottom: 24px
}

.c-index-teacher .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-index-teacher .list .c-teacher-item {
	margin-right: 20px
}

.c-index-teacher .list .c-teacher-item:nth-child(4) {
	margin-right: 0
}

.c-index-vip {
	margin-top: 60px
}

.c-index-vip .c-u-index-title {
	margin-bottom: 24px
}

.c-index-article {
	background: #fff;
	padding-top: 50px;
	padding-bottom: 80px;
	margin-top: 36px
}

.c-index-article .c-u-index-title {
	margin-bottom: 4px
}

.c-index-article .c-hot-tag-title {
	font-weight: 700;
	color: #333;
	margin-top: 21px;
	margin-bottom: 15px
}

.index-classes-item {
	display: inline-block;
	width: 582px;
	height: 262px
}

.index-classes-item-img {
	width: 100%;
	border-radius: 8px
}

.index-classes-item-img-wrap {
	cursor: pointer;
	width: 582px;
	height: 194px;
	border-radius: 8px;
	position: relative;
	overflow: hidden
}

.index-classes-item-img-wrap:hover .index-classes-item-cover {
	-webkit-transform: translateY(-194px);
	transform: translateY(-194px);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.index-classes-item-img-wrap:not(:hover) .index-classes-item-cover {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.index-classes-item-cover {
	position: absolute;
	top: 194px;
	height: 194px;
	right: 0;
	left: 0;
	background: #2eb8d0;
	padding: 40px 20px 0;
	text-align: right;
	border-radius: 8px
}

.index-classes-item-cover span {
	position: absolute;
	bottom: 8px;
	right: 10px;
	font-size: 12px
}

.index-classes-item-cover a,.index-classes-item-cover a:hover {
	color: #ffe66c
}

.index-classes-item-summary {
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	text-align: left;
	letter-spacing: 0
}

.index-classes-item-feature {
	font-size: 14px;
	color: #333;
	line-height: 46px
}

.index-classes-item:nth-of-type(2n) {
	margin-left: 31px
}

.l-index-c-course-item .c-course:nth-of-type(4n) {
	margin-right: 0
}

.c-article-hot--index&gt;img,.c-article-list--index&gt;img {
	width: 58px;
	height: 24px
}

.l-index-activity-entrance {
	height: 100px;
	line-height: 100px;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 101;
	background: url(../images/index-entry-bg.2b4e09a.png) no-repeat 50%
}

.activity-entrance {
	width: 1200px;
	margin: 0 auto;
	position: relative
}

.activity-entrance img {
	width: 230px;
	position: absolute;
	bottom: -100px;
	left: 20px;
	margin-left: -20px
}

.activity-entrance-font {
	position: absolute;
	left: 245px;
	top: 20px
}

.activity-entrance-font p {
	line-height: 30px;
	font-size: 20px;
	color: #fff;
	letter-spacing: 3px
}

.activity-entrance-font p .send {
	color: #f7fe8b;
	font-weight: 700
}

.activity-entrance-font p .new-price {
	font-size: 28px;
	color: #f7fe8b;
	font-weight: 700
}

.activity-entrance-font p i {
	text-decoration: line-through;
	font-style: normal;
	color: #f7fe8b;
	font-weight: 700
}

.activity-entrance-font p:last-of-type {
	margin-left: 56px
}

.activity-entrance-font .consult {
	margin-left: 100px;
	color: #fff
}

.activity-entrance-btn {
	position: absolute;
	right: 90px;
	top: 31px
}

.activity-entrance-btn a {
	float: right;
	margin-left: 20px;
	display: inline-block;
	font-size: 18px;
	border: 1px solid #fff;
	color: #fff;
	width: 110px;
	height: 34px;
	border-radius: 8px;
	text-align: center;
	cursor: pointer;
	line-height: 32px
}

.activity-entrance-btn a:hover {
	opacity: 1!important;
	color: #fff
}

.el-popup-parent--hidden {
	padding: 0!important
}

.about-us {
	background: url(../images/bg.a9ce291.png);
	margin-bottom: 0!important;
	padding-bottom: 30px!important;
	overflow: hidden
}

.about-us .banner {
	width: 100%;
	height: 700px
}

.about-us .banner img {
	height: 100%
}

.about-us .c-nav-area {
	width: 100%;
	height: 80px;
	background: #10c1db;
	z-index: 10
}

.about-us .c-nav-area.fixed {
	position: fixed;
	top: 60px
}

.about-us .c-nav-area ul {
	width: 1000px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 80px
}

.about-us .c-nav-area ul li {
	height: 80px
}

.about-us .c-nav-area ul a {
	height: 80px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	font-size: 24px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #2d2d2d
}

.about-us .c-nav-area ul a:hover {
	color: #fff
}

.about-us .c-nav-area ul a:hover span {
	position: absolute;
	display: block;
	width: 33px;
	height: 3px;
	background: #fff;
	top: 62px;
	left: 29px
}

.about-us .c-introduce {
	width: 100%;
	height: 752px;
	position: relative
}

.about-us .c-introduce .introduce-title {
	width: 397px;
	height: 47px;
	position: absolute;
	left: 50%;
	margin-left: -198.5px;
	top: 99px
}

.about-us .c-introduce .introduce-frame {
	width: 1386px;
	height: 475px;
	position: absolute;
	left: 50%;
	margin-left: -693px;
	top: 144px;
	overflow: hidden
}

.about-us .c-introduce .introduce-frame img {
	position: absolute;
	left: 0;
	top: 0
}

.about-us .c-introduce .introduce-frame div {
	margin: 119px 133px 0;
	position: relative;
	text-indent: 2em
}

.about-us .c-introduce .introduce-frame div p {
	font-size: 18px;
	line-height: 39px;
	color: #575757
}

.about-us .c-information {
	width: 100%;
	height: 900px;
	position: relative
}

.about-us .c-information .bg {
	width: 100%;
	height: 100%
}

.about-us .c-information-video {
	width: 1000px;
	height: 480px;
	background: #000;
	border-radius: 10px;
	position: absolute;
	top: -100px;
	left: 50%;
	margin-left: -500px
}

.about-us .c-information-video .video {
	border-radius: 10px;
	width: 100%;
	height: 480px
}

.about-us .c-information-video .play-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.about-us .c-information-video .play-icon img {
	width: 130px;
	height: 130px
}

.about-us .c-information-video .kitty {
	position: absolute;
	left: -163px;
	bottom: 0
}

.about-us .c-information-video .brand {
	position: absolute;
	right: -60px;
	bottom: 42px
}

.about-us .c-information .information-title {
	position: absolute;
	top: 440px;
	left: 50%;
	margin-left: -198px
}

.about-us .c-information .information-txt {
	width: 1000px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 542px;
	left: 50%;
	margin-left: -500px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.about-us .c-information .information-txt ul {
	width: 432px
}

.about-us .c-information .information-txt ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.about-us .c-information .information-txt ul li:first-of-type {
	margin-bottom: 20px
}

.about-us .c-information .information-txt ul li .label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 41px;
	height: 24px;
	border: 1px solid #caf8ff;
	border-radius: 5px;
	font-size: 14px;
	color: #caf8ff;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 10px
}

.about-us .c-information .information-txt ul li h3 {
	font-size: 24px;
	height: 24px;
	line-height: 24px;
	color: #004752;
	font-weight: 700
}

.about-us .c-information .information-txt ul li.news {
	font-size: 18px;
	line-height: 34px
}

.about-us .c-information .information-txt ul li.news a {
	color: #004752;
	display: block;
	width: 432px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.about-us .c-information .information-txt ul li.news a:hover {
	color: #fff;
	text-decoration: underline
}

.about-us .c-progress {
	width: 100%;
	height: 1024px;
	position: relative
}

.about-us .c-progress .progress-title {
	position: absolute;
	top: 101px;
	left: 50%;
	margin-left: -198px
}

.about-us .c-progress .progress-area {
	width: 1238px;
	height: 700px;
	position: absolute;
	top: 217px;
	left: 50%;
	margin-left: -619px
}

.about-us .c-progress .progress-area .progress-bg {
	width: 100%;
	height: 100%
}

.about-us .c-progress .progress-area .progress-kitty {
	position: absolute;
	right: 55px;
	top: 27px
}

.about-us .c-progress .progress-area .top-left {
	width: 278px;
	height: 162px;
	position: absolute;
	top: 72px;
	left: 40px;
	font-size: 18px;
	line-height: 24px;
	color: #595959
}

.about-us .c-progress .progress-area .top-left p:first-of-type {
	margin-bottom: 20px
}

.about-us .c-progress .progress-area .top-right {
	width: 507px;
	height: 186px;
	position: absolute;
	top: 72px;
	left: 379px;
	font-size: 18px;
	line-height: 24px;
	color: #595959
}

.about-us .c-progress .progress-area .top-right p {
	margin-bottom: 20px
}

.about-us .c-progress .progress-area .bottom-left {
	width: 291px;
	height: 138px;
	position: absolute;
	top: 426px;
	left: 199px;
	font-size: 18px;
	line-height: 24px;
	color: #595959
}

.about-us .c-progress .progress-area .bottom-left p {
	margin-bottom: 20px
}

.about-us .c-progress .progress-area .bottom-right {
	width: 624px;
	height: 283px;
	position: absolute;
	top: 425px;
	right: 51px;
	font-size: 18px;
	line-height: 24px;
	color: #595959
}

.about-us .c-progress .progress-area .bottom-right p {
	margin-bottom: 20px
}

.about-us .c-presence {
	width: 100%;
	height: 950px;
	position: relative
}

.about-us .c-presence .presence {
	width: 100%;
	height: 100%
}

.about-us .c-presence .presence-title {
	position: absolute;
	top: 88px;
	left: 50%;
	margin-left: -198px
}

.about-us .c-presence .carousel-box {
	background: url(../images/carousel-box.23d071e.png);
	position: absolute;
	width: 1170px;
	height: 700px;
	top: 190px;
	left: 50%;
	margin-left: -585px
}

.about-us .c-presence .carousel-box img {
	width: 100%
}

.about-us .c-bottom {
	height: 1395px;
	position: relative;
	padding-top: 102px
}

.about-us .c-bottom .join-us {
	width: 397px;
	height: 49px;
	display: block;
	margin: 0 auto 57px
}

.about-us .c-bottom .txt {
	width: 1120px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 39px;
	color: #575757
}

.about-us .c-bottom .scroll-area {
	width: 1200px;
	height: 950px;
	margin: 45px auto 0;
	border-top: 26px solid #10c1db;
	border-bottom: 26px solid #10c1db;
	overflow: scroll
}

.about-us .c-bottom .scroll-area li {
	width: 100%;
	min-height: 220px;
	background: #f9f9fa;
	padding: 46px 0 40px 78px;
	position: relative
}

.about-us .c-bottom .scroll-area li:nth-child(2n) {
	background: #fff
}

.about-us .c-bottom .scroll-area li h5 {
	font-size: 28px;
	line-height: 28px;
	height: 28px;
	color: #000;
	font-weight: 700;
	margin-bottom: 12px
}

.about-us .c-bottom .scroll-area li .job {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 18px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font: 18px;
	line-height: 18px;
	font-weight: 700;
	color: grey;
	margin-bottom: 22px
}

.about-us .c-bottom .scroll-area li .job span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 1px;
	height: 15px;
	background: #737373;
	margin: 0 10px
}

.about-us .c-bottom .scroll-area li .require {
	font-size: 18px;
	line-height: 28px;
	width: 762px;
	color: grey;
	word-break: break-all
}

.about-us .c-bottom .scroll-area li button {
	width: 191px;
	height: 53px;
	background: #00bbdc;
	-webkit-box-shadow: 0 6px 0 0 #c7f0f7;
	box-shadow: 0 6px 0 0 #c7f0f7;
	border-radius: 26px;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	position: absolute;
	top: 77px;
	right: 82px
}

.join-form .el-dialog__body {
	padding: 10px 40px
}

.join-form .el-dialog__footer {
	padding: 30px 0;
	text-align: center
}

.join-form .el-form-item {
	margin-bottom: 20px
}

.p-join {
	background: #71d2c4 url(../images/join-bg.73151af.png) center 0 no-repeat;
	background-size: 100%;
	text-align: center;
	padding-bottom: 73px;
	font-family: microsoft yahei
}

.p-join-bg {
	display: inline-block;
	width: 520px;
	margin-top: 98px
}

.l-join-page {
	width: 1200px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 0 60px 33px;
	text-align: left
}

.join-table-line {
	cursor: pointer;
	padding: 0 36px;
	height: 52px;
	line-height: 52px;
	border-bottom: 1px solid #eaf9f7
}

.join-table-line span {
	display: inline-block;
	font-size: 16px;
	color: #030303
}

.join-table-line:first-of-type {
	height: 80px;
	line-height: 80px
}

.join-table-line:first-of-type span {
	color: #000;
	font-weight: 700
}

.join-table-classes,.join-table-place {
	width: 225px
}

.join-table-name {
	width: 490px
}

.join-table-show {
	width: 50px
}

.join-font {
	padding: 0 33px;
	border-bottom: 1px solid #eaf9f7
}

.join-font h3 {
	font-size: 16px;
	color: #030303;
	font-weight: 700;
	margin-top: 10px;
	line-height: 50px
}

.join-font i {
	display: block;
	float: left;
	background: #71d2c4;
	width: 8px;
	height: 8px;
	margin: 9px 10px 0 0
}

.join-font p {
	font-size: 14px;
	line-height: 25px;
	color: #030303;
	margin: 0 18px 11px 0
}

.join-font p a {
	color: #71d2c4;
	font-weight: 700
}

.join-btn {
	cursor: pointer;
	width: 86px;
	height: 32px;
	line-height: 32px;
	background: #ea897d;
	font-size: 14px;
	text-align: center;
	margin-top: 22px;
	margin-bottom: 22px
}

.join-btn,.join-btn:active,.join-btn:hover,.join-btn:link,.join-btn:visited {
	color: #fff
}

.join-icon-wap-gengduo {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
}

.join-icon-wap-gengduo,.join-icon-wap-gengduo--active {
	display: inline-block;
	margin-left: 4px;
	font-size: 12px;
	color: #030303
}

.join-icon-wap-gengduo--active {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}

.insert-container {
	width: 1200px;
	margin: 0 auto;
	background: #fff;
	font-weight: 700
}

.insert-container .insert-title {
	text-align: center;
	font-size: 40px;
	color: #539df1;
	letter-spacing: 5px
}

.insert-container .title-course {
	padding-top: 100px;
	margin-bottom: 60px
}

.insert-container .profile {
	font-family: SimSun!important;
	padding: 0 60px;
	max-width: 1200px;
	font-size: 24px;
	color: #313131;
	margin-bottom: 80px;
	line-height: 45px;
	letter-spacing: 2px;
	font-weight: 700
}

.insert-container .port {
	width: 365px;
	height: 330px;
	float: left;
	margin: 60px 0 0 60px
}

.insert-container .port a {
	display: block;
	width: 310px;
	height: 310px;
	border: 1px solid #539df1;
	border-radius: 50%;
	margin: 0 auto
}

.insert-container .port a img {
	width: 309px;
	height: 309px;
	padding: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	-webkit-user-drag: none;
	max-width: 100%;
	border: 0;
	vertical-align: middle;
	-webkit-transition: all .15s linear;
	transition: all .15s linear
}

.insert-container .port:hover a img {
	padding: 4px
}

.insert-container .lecturer .teacher {
	margin-left: 100px;
	float: left;
	max-width: 640px;
	margin-top: 60px;
	height: auto!important;
	background-color: #fff;
	text-align: left;
	padding-top: 0
}

.insert-container .lecturer .teacher .teachername {
	font-size: 32px;
	color: #333;
	letter-spacing: 4px;
	font-family: SimSun!important
}

.insert-container .lecturer .teacher span {
	color: #333;
	font-size: 24px;
	line-height: 50px;
	font-weight: 700;
	font-family: SimSun!important
}

.insert-container .lecturer .teacher p {
	font-size: 22px;
	color: #727272;
	line-height: 40px;
	letter-spacing: 2px;
	margin-bottom: 80px;
	font-family: SimSun!important
}

.insert-container .lecturer .product {
	width: 1200px;
	text-align: center;
	min-height: 330px;
	display: block;
	height: auto;
	padding: 0 50px
}

.insert-container .explain {
	padding: 0 100px;
	text-align: center;
	font-size: 28px;
	color: #333;
	margin: 80px 0 40px;
	line-height: 50px;
	font-family: SimSun!important
}

.insert-container .btn {
	cursor: pointer;
	width: 570px;
	height: 80px;
	background: #2eb8d0;
	display: block;
	font-size: 32px;
	line-height: 80px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	letter-spacing: 3px;
	font-family: SimSun!important
}

.insert-container .btn a {
	color: #fff
}

.insert-container .course {
	padding: 50px;
	margin-bottom: 60px;
	zoom: 1
}

.insert-container .course:after {
	content: "";
	display: block;
	clear: both
}

.insert-container .course .insert-title {
	margin-top: 80px;
	margin-bottom: 60px
}

.insert-container .course-box {
	width: 25%;
	height: 245px;
	float: left;
	padding: 0 0 0 10px;
	overflow: hidden
}

.insert-container .course-box img {
	width: 265px;
	height: 177px;
	border: 2px solid #c9c9c9;
	border-radius: 5px
}

.insert-container .course .course-box p {
	display: block;
	width: 265px;
	height: 60px;
	color: #333;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 25px;
	padding: 10px 31px 36px 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: center
}

.prism-player .prism-progress .prism-progress-played {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #2eb8d0
}

#J_prismPlayer {
	height: 100%!important
}

.video-box-video {
	width: 100%;
	height: 100%;
	position: relative
}

.video-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -70px
}

.video-tip-box {
	position: absolute;
	text-align: center;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.video-next-msg {
	width: 400px;
	height: 100px;
	line-height: 100px;
	margin-bottom: 20px;
	background-color: #3f3f3f;
	font-size: 16px;
	color: #fff
}

.video-next-msg a,.video-next-msg a:hover {
	color: #2eb8d0
}

.video-next-msg&gt;a:hover {
	color: #fff
}

.video-Reload,.video-Reload:hover {
	color: #2eb8d0
}

.video-danmu {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 50%;
	background: transparent;
	overflow: hidden;
	z-index: 200000
}

.video-danmu-sender {
	width: 600px;
	height: 100%;
	line-height: 1
}

.video-danmu-sender input {
	margin-top: 10px;
	width: 480px;
	height: 32px;
	background: #eee;
	border-radius: 4px;
	border: 1px solid #ccc;
	color: #1a1a1a;
	padding: 0 12px
}

.video-danmu-sender input::-webkit-input-placeholder {
	color: #999
}

.video-danmu-sender input::-moz-placeholder {
	color: #999
}

.video-danmu-sender input::-ms-input-placeholder {
	color: #999
}

.video-danmu-sender input::placeholder {
	color: #999
}

.video-danmu-sender input::-ms-browse,.video-danmu-sender input [type=file] {
	background: #eee
}

.video-danmu-sender input::-webkit-file-upload-button {
	background: #eee
}

.video-danmu-sender button {
	cursor: pointer;
	color: #fff;
	margin: 10px 12px 0;
	display: inline-block;
	width: 64px;
	height: 32px;
	background: #2eb8d0;
	border: 1px solid #2eb8d0;
	border-radius: 4px;
	text-align: center
}

.net-container {
	width: 1200px;
	margin: 0 auto;
	background: #fff;
	font-weight: 700;
	font-family: microsoft yahei
}

.net-container i {
	font-style: normal
}

.net-container ul {
	list-style: none outside none;
	margin: 0;
	padding: 0
}

.net-container .reason h2 {
	font-size: 50px;
	letter-spacing: 2px;
	color: #539ef4;
	text-align: center;
	padding-top: 100px;
	font-weight: 700
}

.net-container .reason div {
	width: 1085px;
	margin: 35px auto 100px;
	font-size: 24px;
	line-height: 45px;
	font-weight: 400;
	color: rgba(0,0,0,.8)
}

.net-container .reason div span {
	color: #539ef4
}

.net-container .learn {
	width: 1200px;
	height: 641px;
	background: url(../images/school-14.5bdab91.png) no-repeat 100%
}

.net-container .learn p {
	font-size: 34px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	padding-top: 59px
}

.net-container .learn .learn-box {
	width: 1120px;
	margin: 60px 50px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -ms-flex;
	display: -webkit-flex
}

.net-container .learn .learn-box .learn-important {
	-webkit-box-flex: 1;
	flex: 1;
	-ms-flex: 1;
	height: 470px;
	text-align: center;
	float: left;
	border-right: 1px solid rgba(197,197,255,.7)
}

.net-container .learn .learn-box .learn-important .learn-important-img-box {
	width: 100%;
	height: 165px;
	border-bottom: 1px solid rgba(197,197,255,.7);
	text-align: center
}

.net-container .learn .learn-box .learn-important .learn-important-img-box img {
	width: 190px;
	height: 140px;
	border-radius: 5px
}

.net-container .learn .learn-box .learn-important .learn-important-text {
	color: #fff
}

.net-container .learn .learn-box .learn-important .learn-important-text span {
	font-size: 22px;
	font-weight: 700;
	display: block;
	clear: both;
	margin: 22px 0 10px
}

.net-container .learn .learn-box .learn-important .learn-important-text ul {
	list-style-type: disc;
	text-align: left;
	width: 150px;
	display: inline-block
}

.net-container .learn .learn-box .learn-important .learn-important-text ul li {
	font-size: 15px;
	line-height: 25px
}

.net-container .learn .learn-box .learn-important:last-child {
	border-right: none
}

.net-container .insert-teacher-introduced {
	clear: both;
	padding-bottom: 100px
}

.net-container .insert-teacher-introduced .title img {
	display: block;
	margin: 0 auto;
	padding-top: 100px
}

.net-container .insert-teacher-introduced .introduced-box {
	width: 100%
}

.net-container .insert-teacher-introduced .introduced-text {
	display: inline-block;
	width: 1070px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	margin-top: 200px;
	margin-bottom: 70px;
	background: #539ef4;
	padding: 25px 50px 35px 280px;
	float: right;
	position: relative;
	font-weight: 400
}

.net-container .insert-teacher-introduced .introduced-text p {
	font-size: 20px;
	line-height: 30px;
	color: #fff
}

.net-container .insert-teacher-introduced .introduced-text p span {
	font-size: 30px;
	line-height: 57px;
	font-weight: 700
}

.net-container .insert-teacher-introduced .teacher-head {
	position: absolute;
	left: -100px;
	top: -80px;
	background-color: #fff;
	border: 4px solid #539ef4;
	padding: 10px
}

.p-course-view {
	background: #f5f5fa
}

.p-course-view .el-dialog__header {
	padding-bottom: 6px
}

.p-course-view .el-dialog__header .el-dialog__title {
	color: #333!important
}

.p-course-view .el-dialog__body p {
	margin: 0;
	color: #666!important
}

.p-course-view .el-dialog__body .bottom-wrap {
	margin-top: 30px
}

.p-course-view .el-dialog__body .bottom-wrap a+button {
	margin-left: 24px
}

.course-view-btn-bottom {
	font-style: normal;
	position: absolute;
	bottom: 0
}

.course-view-btn-bottom .c-qwk--button+.c-qwk--button {
	margin-left: 24px
}

.p-course-view-top-wrap {
	background: #fff
}

.course-view-top-left {
	width: 600px;
	float: left;
	position: relative
}

.course-view-top-left img {
	max-width: 600px;
	height: 450px
}

.course-view-top-left&gt;p {
	font-size: 16px;
	color: #666;
	padding: 12px 0 40px
}

.course-view-top-left&gt;p span {
	cursor: pointer;
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #eee;
	border-radius: 50%;
	margin-left: 12px
}

.course-view-top-left&gt;p span i {
	font-size: 20px;
	color: #bebebe
}

.course-view-top-left&gt;p span:hover {
	background: #2eb8d0
}

.course-view-top-left&gt;p span:hover i {
	color: #fff
}

.course-view-top-right {
	position: relative;
	margin-left: 640px;
	height: 450px
}

.course-view-top-right h1 {
	font-size: 26px;
	color: #1a1a1a;
	line-height: 40px;
	margin-bottom: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.course-view-top-right-tags {
	display: inline-block;
	margin: 24px 0;
	height: 26px
}

.course-view-top-right-tags span {
	display: inline-block;
	height: 26px;
	line-height: 24px;
	padding: 0 4px;
	margin-right: 12px;
	font-size: 14px;
	color: #2eb8d0;
	background: #f8feff;
	border-radius: 4px;
	border: 1px solid #2eb8d0
}

.course-view-top-right-font {
	color: #999;
	font-size: 16px;
	padding-bottom: 13px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee
}

.course-view-top-right-font a {
	margin-right: 40px;
	color: #999
}

.course-view-top-right-font a:hover {
	color: #999
}

.course-view-top-right-font a span {
	color: #1a1a1a!important
}

.course-view-top-right-font p {
	float: right;
	color: #2eb8d0
}

.course-view-top-right-font p i {
	cursor: pointer;
	margin-left: 8px;
	font-size: 18px
}

.course-view-top-right-explain {
	line-height: 22px;
	color: #999;
	font-size: 14px;
	padding-bottom: 16px;
	border-bottom: 1px solid #eee
}

.course-view-top-right-time {
	margin: 24px 0 0
}

.course-view-top-right-time-box {
	width: 120px;
	display: inline-block;
	text-align: center
}

.course-view-top-right-time-box span {
	color: #1a1a1a;
	line-height: 18px;
	font-size: 18px
}

.course-view-top-right-time-box p {
	margin-top: 12px;
	font-size: 14px;
	color: #999
}

.course-view-top-right-time-line {
	display: inline-block;
	width: 1px;
	height: 34px;
	background: #eee;
	margin: 0 20px
}

.course-view-top-right-btn {
	cursor: pointer;
	float: left;
	width: 240px;
	height: 64px;
	line-height: 62px;
	background: #f8feff;
	border-radius: 4px;
	color: #2eb8d0;
	border: 1px solid #2eb8d0;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin-right: 24px
}

.course-view-top-right-btn i {
	font-size: 20px;
	margin-right: 8px
}

.course-view-top-right-btn--2 {
	line-height: 64px;
	border: none;
	color: #fff;
	cursor: pointer;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2)
}

.course-view-top-right-price {
	cursor: pointer;
	color: #999;
	font-size: 16px;
	height: 28px;
	line-height: 28px;
	margin-top: 50px
}

.course-view-top-right-price span {
	float: left;
	margin-right: 12px;
	font-weight: 700;
	color: #ff931c;
	font-size: 28px
}

.course-view-top-right-price span:first-letter {
	font-size: 22px;
	font-weight: 400
}

.course-view-top-right-price-delete {
	text-decoration: line-through
}

.course-view-top-right-vip-enter {
	display: block;
	margin: 12px 0 34px;
	width: 100%;
	height: 56px;
	line-height: 56px;
	background: #fff7e1;
	border-radius: 4px;
	font-size: 16px;
	color: #1a1a1a;
	padding: 0 12px
}

.course-view-top-right-vip-enter&gt;img {
	width: 24px;
	display: inline-block;
	margin-right: 8px;
	margin-top: -5px
}

.course-view-top-right-vip-enter:hover {
	color: #1a1a1a
}

.course-view-top-right-vip-enter p {
	float: right
}

.course-view-top-right-vip-enter span {
	font-size: 20px;
	font-weight: 700
}

.course-view-one-msg {
	padding-top: 70px
}

.course-view-one-msg .price-area {
	height: 28px
}

.course-view-one-msg .price-msg {
	color: #ff931c;
	font-size: 24px
}

.course-view-one-msg .price-msg span {
	font-size: 28px;
	font-weight: 700
}

.course-view-one-msg .remark {
	font-size: 14px;
	color: #666
}

.course-view-one-msg .progress-wrap {
	width: 360px;
	height: 12px;
	background: #f5f5fa;
	border-radius: 6px;
	position: relative;
	margin-right: 8px
}

.course-view-one-msg .progress-wrap .progress {
	height: 12px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	border-radius: 6px;
	position: absolute;
	left: 0
}

.course-view-one-msg .progress-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 28px
}

.course-view-one-msg .progress-area span {
	font-size: 14px;
	color: #666
}

.course-view-top--special {
	width: 1200px;
	border-radius: 4px;
	margin: 0 auto 20px;
	background: #fff;
	padding-top: 30px
}

.course-view-top--special-video-box {
	width: 1050px;
	height: 590px;
	background: #333;
	margin: 0 auto 20px
}

.course-view-top--special-info {
	width: 1050px;
	margin: 0 auto;
	padding-bottom: 50px
}

.course-view-top--special-info h1 {
	font-size: 22px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.course-view-top--special-info span {
	display: inline-block;
	margin: 16px 43px 0 0;
	font-size: 14px
}

.course-view-top--special-info span .icon-icon-people,.course-view-top--special-info span .icon-pc-lishi {
	font-size: 17px;
	margin: -3px 12px 0 0
}

.l-course-view-bottom-wrap {
	margin: 40px auto 0;
	padding-bottom: 40px
}

.course-single-content {
	padding: 20px 60px
}

.course-single-content img {
	max-width: 100%!important
}

.l-recommen-course {
	padding-top: 54px;
	width: 1200px;
	margin: 0 auto
}

.l-recommen-course h3 {
	font-size: 22px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 19px
}

.l-recommen-course .course-list {
	width: 1200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.l-recommen-course .course-list .c-course {
	margin: 0
}

.l-recommen-article {
	padding-top: 54px;
	width: 1200px;
	margin: 0 auto
}

.l-recommen-article h3 {
	font-size: 22px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 19px
}

.l-recommen-article .article-list {
	width: 1200px;
	background: #fff;
	border-radius: 8px;
	padding: 40px 0 14px 111px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.l-recommen-article .article-list li {
	width: 430px;
	height: 18px;
	line-height: 18px;
	margin-right: 150px;
	margin-bottom: 26px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.l-recommen-article .article-list li:nth-of-type(2n) {
	margin-right: 0
}

.l-recommen-article .article-list li a {
	color: #1a1a1a;
	font-size: 18px
}

.l-recommen-article .article-list li span {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #d8d8d8;
	border-radius: 100%;
	margin-right: 5px;
	margin-bottom: 3px
}

.course-view-bottom-tabs {
	width: 1200px;
	margin: 0 auto;
	height: 68px;
	line-height: 66px;
	border-bottom: 1px solid #eee
}

.course-view-bottom-tabs li {
	cursor: pointer;
	text-align: center;
	float: left;
	width: 120px;
	color: #666;
	font-size: 20px;
	margin-left: 60px
}

.course-view-bottom-tabs li.active {
	font-weight: 700;
	color: #2eb8d0;
	border-bottom: 2px solid #2eb8d0
}

.course-view-bottom-tabs--new {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99;
	background: #fff;
	-webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
	box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
	-webkit-transition: all 0s linear;
	transition: all 0s linear
}

.course-view-bottom-tabs--new .course-view-bottom-tabs {
	border-bottom: none
}

.course-view-bottom-tabs--new-btn {
	position: fixed;
	top: 12px;
	right: 0;
	width: 160px;
	height: 44px;
	line-height: 44px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.course-view-description .course-view-description-no-common--vip {
	overflow: hidden;
	padding: 50px 0
}

.course-view-description .course-view-description-no-common--school {
	padding: 50px 0
}

.course-view-description .course-view-description-common--vip {
	font-family: 宋体;
	font-weight: 700
}

.course-view-description .course-view-description-common--vip .title {
	text-align: center;
	font-size: 40px;
	color: #539df1;
	font-family: microsoft yahei
}

.course-view-description .course-view-description-common--vip .posters {
	margin-top: 50px;
	width: 100%;
	position: relative;
	height: 500px
}

.course-view-description .course-view-description-common--vip .posters img {
	width: 100%;
	height: auto;
	position: absolute
}

.course-view-description .course-view-description-common--vip .posters .posters-text {
	width: 750px;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto
}

.course-view-description .course-view-description-common--vip .posters .posters-text .title {
	color: #fff;
	font-size: 60px;
	line-height: 40px;
	letter-spacing: 6px;
	padding-top: 98px
}

.course-view-description .course-view-description-common--vip .posters .posters-text p {
	color: #fff;
	font-size: 30px;
	line-height: 50px;
	letter-spacing: 3px;
	text-align: center;
	padding-top: 36px
}

.course-view-description .course-view-description-common--vip .posters .posters-text a {
	display: block;
	width: 230px;
	height: 46px;
	background-color: #fff;
	border-radius: 100px;
	margin: 88px auto 0;
	color: #2eb8d0;
	font-size: 24px;
	letter-spacing: 2px;
	text-align: center;
	line-height: 46px
}

.course-view-description .course-view-description-common--vip .app .app-p {
	color: #333;
	font-size: 24px;
	text-align: center;
	font-weight: 700
}

.course-view-description .course-view-description-common--vip .vipprefecture {
	padding: 60px 60px 40px
}

.course-view-description .course-view-description-common--vip .vipprefecture .title {
	font-weight: 600;
	letter-spacing: 5px
}

.course-view-description .course-view-description-common--vip .manner {
	text-align: center
}

.course-view-description .course-view-description-common--vip .manner .title {
	font-weight: 600;
	letter-spacing: 5px
}

.course-view-description .course-view-description-common--vip .manner img {
	display: block;
	margin-top: 60px;
	padding: 0 60px
}

.course-view-description .course-view-description-common--vip .communication .title {
	font-weight: 600;
	letter-spacing: 5px
}

.course-view-description .course-view-description-common--vip .communication span {
	color: #2eb8d0;
	font-size: 24px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0
}

.course-view-description .course-view-description-common--vip .title {
	font-weight: 600;
	letter-spacing: 5px
}

.course-view-description .course-view-description-common--vip .title span {
	font-size: 40px;
	line-height: 50px;
	letter-spacing: 4px
}

.course-view-description .course-view-description-common--vip .phone {
	width: 50%;
	float: left;
	margin-left: 0
}

.course-view-description .course-view-description-common--vip .phone img {
	float: right;
	display: block;
	width: 296px;
	height: 632px;
	border-radius: 36px;
	-webkit-box-shadow: 11px 10px 30px #efefef;
	box-shadow: 11px 10px 30px #efefef
}

.course-view-description .course-view-description-common--vip .erweima {
	width: 50%;
	float: left;
	margin-top: 0;
	margin-left: 0
}

.course-view-description .course-view-description-common--vip .erweima img {
	margin-left: -100px;
	margin-top: 60%
}

.course-view-description .course-view-description-common--vip .erweima p {
	text-align: left;
	padding-left: 166px;
	color: #8e8e8e;
	font-weight: 700;
	padding-top: 65px;
	font-size: 21px;
	width: auto;
	height: auto;
	background-color: transparent;
	margin-bottom: auto;
	position: relative
}

.course-view-description .course-view-description-common--vip .open img {
	width: 100%;
	height: 110px;
	padding: 0 60px
}

.course-view-description .course-view-description-common--vip .base img {
	width: 100%;
	height: auto
}

.course-view-description .course-view-description-common--class .particulars-school-box {
	font-family: microsoft yahei;
	font-weight: 400
}

.course-view-description .course-view-description-common--class .download img {
	display: block;
	margin: 100px auto
}

.course-view-description .course-view-description-common--class .w-100 {
	width: 100%!important
}

.course-view-description .course-view-description-common--class .download a {
	display: block;
	margin: 0 auto;
	width: 392px;
	height: 65px;
	background-color: #2eb8d0;
	border-radius: 15px;
	font-size: 30px;
	color: #fff;
	line-height: 65px;
	text-align: center;
	font-weight: 400
}

.course-view-description .course-view-description-common--class .download a:hover {
	color: #fff
}

.course-view-description .course-view-description-common--class .item {
	margin-right: -40px
}

.course-view-description .course-view-description-common--class .item li {
	width: 510px;
	min-height: 440px;
	float: left;
	margin-right: 40px;
	text-align: left;
	margin-left: 43px
}

.course-view-description .course-view-description-common--class .item li p {
	font-size: 34px;
	font-weight: 700;
	line-height: 57px
}

.course-view-description .course-view-description-common--class .item li span {
	font-size: 18px;
	line-height: 33px
}

.course-view-description .course-view-description-common--class .graduation {
	position: relative
}

.course-view-description .course-view-description-common--class .graduation .bgimg {
	position: absolute;
	right: 65px;
	top: 94px
}

.course-view-description .course-view-description-common--class .graduation .graduation-top {
	width: 1050px;
	margin: 0 auto
}

.course-view-description .course-view-description-common--class .graduation .graduation-top .graduation-title {
	width: 490px;
	height: 92px;
	margin: -80px auto 0
}

.course-view-description .course-view-description-common--class .graduation ul li {
	display: block;
	height: 240px;
	width: 1050px;
	clear: both;
	margin-bottom: 60px
}

.course-view-description .course-view-description-common--class .graduation ul li img {
	margin-right: 119px;
	float: left
}

.course-view-description .course-view-description-common--class .graduation ul li .graduation-direction {
	width: 495px;
	height: 89px;
	float: left;
	text-align: left
}

.course-view-description .course-view-description-common--class .graduation ul li .graduation-direction .title {
	font-size: 40px;
	color: rgba(0,0,0,.8);
	font-weight: 700;
	padding-top: 36px;
	padding-bottom: 24px
}

.course-view-description .course-view-description-common--class .graduation ul li .graduation-direction .title span {
	font-size: 23px;
	color: #539ef4
}

.course-view-description .course-view-description-common--class .graduation ul li .graduation-direction p {
	font-size: 20px;
	color: rgba(0,0,0,.8)
}

.course-view-category {
	width: 800px;
	margin: 40px auto 0;
	padding-bottom: 40px
}

.course-view-category-title {
	height: 56px;
	line-height: 56px;
	background: #f5f5f5;
	padding: 0 20px;
	font-size: 18px;
	color: #1a1a1a;
	font-weight: 700
}

.course-view-category-title&gt;span {
	display: inline-block;
	margin-right: 18px
}

.course-view-category ul {
	margin: 12px 0
}

.course-view-category ul li {
	padding: 0 24px 0 63px;
	height: 46px;
	line-height: 46px;
	font-size: 14px
}

.course-view-category ul li a {
	color: #1a1a1a
}

.course-view-category ul li a:hover {
	color: #2eb8d0
}

.course-view-category-class-num {
	margin-right: 12px
}

.course-view-category-class-name {
	width: 580px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.course-view-category-class-time {
	float: right
}

.course-view-category-class-free {
	display: inline-block;
	width: 72px;
	height: 26px;
	line-height: 24px;
	background: #e8fcff;
	border-radius: 4px;
	border: 1px solid #2eb8d0;
	font-size: 14px;
	color: #2eb8d0;
	margin-left: 17px;
	text-align: center
}

.course-view-question {
	margin: 40px auto 0;
	padding-bottom: 40px
}

.course-view-question.works {
	margin-top: 0
}

.course-view-question .course-view-question-box {
	width: 800px;
	margin: 0 auto;
	padding: 40px 0;
	border-bottom: 1px solid #eee
}

.course-view-question .course-view-question-box:last-of-type {
	border: none
}

.course-view-question-name {
	font-size: 18px;
	font-weight: 700;
	color: #1a1a1a
}

.course-view-question-name span {
	float: left;
	margin-right: 18px
}

.course-view-question p {
	margin-top: 20px;
	font-size: 14px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.course-view-question-imgs {
	display: inline-block;
	width: 220px;
	height: 220px;
	overflow: hidden;
	position: relative;
	margin: 20px 16px 0 0;
	border-radius: 8px
}

.course-view-question-imgs-hidden {
	height: 165px;
	overflow: hidden
}

.course-view-question-imgs-hidden&gt;img {
	width: 100%;
	border-radius: 10px 0 0 0
}

.course-view-question-imgs i {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	background: -webkit-gradient(linear,left top,right top,from(#ffc53c),to(#ff931c));
	background: linear-gradient(90deg,#ffc53c,#ff931c);
	font-size: 14px;
	padding: 2px 16px;
	border-radius: 8px 0 8px 0;
	font-style: normal
}

.course-view-question-imgs-face-img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 56px;
	line-height: 57px;
	padding: 0 12px;
	border-radius: 0 0 8px 8px;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6
}

.course-view-question-imgs-face-img img {
	margin-top: -2px;
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 8px
}

.course-view-question-imgs-face-img&gt;a {
	font-size: 14px;
	color: #666
}

.course-view-question-imgs-face-img&gt;a:hover {
	color: #666
}

.course-view-question-more {
	float: right;
	font-size: 12px;
	margin-top: 127px;
	color: #2eb8d0
}

.course-view-stage {
	padding: 50px 142px 70px
}

.course-view-stage-item {
	width: 916px;
	height: 180px;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px
}

.course-view-stage-item .left {
	width: 270px;
	height: 178px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	overflow: hidden;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.course-view-stage-item .left .img {
	width: 270px;
	max-height: 178px;
	border-radius: 8px 0 0 8px
}

.course-view-stage-item .right {
	padding-top: 45px;
	padding-left: 24px
}

.course-view-stage-item .right h3 {
	margin-bottom: 14px
}

.course-view-stage-item .right h3 a {
	font-size: 16px;
	font-weight: 700;
	color: #1a1a1a;
	display: block;
	height: 16px;
	line-height: 16px
}

.course-view-stage-item .right .desc {
	width: 570px;
	height: 44px;
	line-height: 22px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.course-view-stage-item .right .desc a {
	font-size: 14px;
	color: #666
}

.course-view-evaluate ul {
	width: 780px;
	margin: 0 auto
}

.course-view-evaluate-item {
	width: 780px;
	height: 140px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.course-view-evaluate-item .left {
	width: 60px;
	height: 140px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 24px
}

.course-view-evaluate-item .right {
	width: 696px;
	height: 140px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
	padding-top: 40px
}

.course-view-evaluate-item .right-title {
	margin-bottom: 20px
}

.course-view-evaluate-item .right-title a {
	font-size: 14px;
	color: #1a1a1a;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 12px;
	font-weight: 700
}

.course-view-evaluate-item .right-title span {
	font-size: 12px;
	color: #999
}

.course-view-evaluate-item .right-content {
	width: 696px;
	font-size: 14px;
	line-height: 22px;
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.course-view-evaluate .c-pagination-ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.nets-course-container .buy-box {
	height: 420px
}

.nets-course-container .buy-box .buy-box-left {
	float: left;
	width: 540px;
	height: auto;
	margin: 30px 40px
}

.nets-course-container .buy-box .buy-box-right {
	padding-top: 40px;
	padding-left: 620px;
	padding-right: 30px
}

.nets-course-container .buy-box .buy-box-right .buy-details-box h1 {
	font-size: 28px;
	color: rgba(0,0,0,.8);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.nets-course-container .buy-box .buy-box-right .buy-details-box div {
	font-size: 18px;
	color: rgba(0,0,0,.8)
}

.nets-course-container .buy-box .buy-box-right .buy-details-box div div {
	display: inline-block;
	margin-right: 22px
}

.nets-course-container .buy-box .buy-box-right .buy-details-box div div img {
	width: 20px;
	margin-right: 5px;
	margin-top: -4px
}

.nets-course-container .buy-box .buy-box-right .buy-details-box div div:nth-of-type(2) img {
	width: 18px!important;
	width: 30px!important
}

.nets-course-container .buy-box .buy-box-right .buy-details-box div div:nth-of-type(3) img {
	width: 14px!important
}

.nets-course-container .buy-box .buy-box-right .buy-nets-button {
	display: inline-block;
	cursor: pointer;
	margin-right: 30px;
	border-radius: 4px;
	width: 185px;
	height: 41px;
	line-height: 41px;
	text-align: center;
	background: #2eb8d0;
	color: #fff;
	font-size: 18.6px
}

.nets-course-container .buy-box .buy-box-right .buy-nets-button img {
	margin: -5px 8px 0 0
}

.nets-course-container .buy-box .buy-box-right .buy-nets-button-nolock {
	background: #b2b3b3
}

.nets-course-container .buy-box .buy-box-right .buy-explain {
	font-size: 14px;
	line-height: 24px;
	color: #2eb8d0;
	margin-top: 35px
}

.l-course-view-modal p {
	text-align: center;
	font-size: 18px;
	color: #333;
	margin-bottom: 10px
}

.l-course-view-modal .bottom-wrap {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 80px;
	margin-top: 24px
}

.p-course-tag {
	background: #f5f5fa;
	padding-bottom: 60px
}

.course-tag-title {
	font-size: 22px;
	color: #1a1a1a;
	font-weight: 700;
	margin-bottom: 12px
}

.course-tag-top-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.course-tag-top-list span {
	display: inline-block;
	width: 120px;
	font-size: 16px;
	color: #333
}

.course-tag-top-list li {
	width: 37px;
	list-style: none;
	text-align: left;
	font-size: 16px
}

.course-tag-top-list li a {
	color: #666
}

.course-tag-top-list li a:hover {
	font-weight: 700;
	color: #2eb8d0
}

.course-tag-alphabet-list {
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 40px;
	margin-top: 24px
}

.course-tag-alphabet-list li {
	list-style: none;
	position: relative
}

.course-tag-alphabet-list .anchor {
	width: 2px;
	height: 2px;
	background: transparent;
	position: absolute;
	top: -55px
}

.course-tag-alphabet-list .row-label {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin: 16px 0
}

.course-tag-alphabet-list .label-list .label-item {
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0 12px;
	background: #fff;
	font-size: 14px;
	color: #333;
	margin-right: 24px;
	margin-bottom: 24px;
	border-radius: 15px
}

.course-tag-alphabet-list .label-list .label-item:hover {
	background: #2eb8d0;
	color: #fff
}

.p-course-tag-detail .breadcrumb {
	margin: 40px 0
}

.p-course-tag-detail .header {
	margin-bottom: 40px;
	width: 1200px
}

.p-course-tag-detail .header h3 {
	font-size: 22px;
	color: #1a1a1a;
	font-weight: 700;
	height: 22px;
	line-height: 22px
}

.p-course-tag-detail .header p {
	font-size: 16px;
	line-height: 24px;
	color: #999;
	margin-top: 16px
}

.p-course-tag-detail .list .c-course:nth-child(4n) {
	margin-right: 0
}

.course-list-package-entry {
	margin: 60px 0 0;
	width: 100%
}

.course-list-package-entry-img {
	float: left;
	margin-right: 24px;
	width: 280px;
	height: 210px
}

.course-list-package-entry-img img {
	width: 280px;
	height: 210px;
	border-radius: 8px
}

.course-list-package-entry-img:nth-of-type(4n) {
	margin-right: 0
}

.p-course-list {
	padding-bottom: 60px;
	background: #f5f5fa
}

.p-course-list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.course-list-floor-nav {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 92px;
	height: 336px;
	z-index: 99
}

.course-list-floor-nav div {
	position: relative;
	left: -660px;
	width: 92px;
	border: 8px;
	font-size: 14px;
	color: #1a1a1a;
	background: #fff;
	-webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.08);
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.08);
	border-radius: 8px
}

.course-list-floor-nav a {
	cursor: pointer;
	display: block;
	color: #1a1a1a;
	text-align: center;
	height: 48px;
	line-height: 48px;
	width: 92px;
	border-bottom: 1px solid #eee
}

.course-list-floor-nav a.active {
	background: #2eb8d0;
	color: #fff
}

.course-list-floor-nav a:first-of-type {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px
}

.course-list-floor-nav a:last-of-type {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px
}

.course-list-title&gt;span {
	display: inline-block;
	font-size: 14px;
	color: #999;
	margin-left: 40px
}

.course-list-title&gt;span&gt;a {
	color: #999;
	cursor: pointer;
	margin-right: 20px;
	font-style: normal
}

.course-list-title&gt;span&gt;a.active {
	font-weight: 700;
	color: #2eb8d0
}

.course-list-title&gt;span&gt;a.active:hover {
	color: #2eb8d0
}

.course-list-title&gt;span&gt;a:hover {
	color: #999
}

.course-list-title&gt;a {
	float: right;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: #333;
	position: relative
}

.course-list-title&gt;a .iconfont {
	font-size: 12px;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.p-course-list--course-item .c-course:nth-of-type(4n) {
	margin-right: 0
}

.p-course-classify-list {
	background: #f5f5fa;
	padding-bottom: 30px
}

.course-classify-list-class {
	width: 1200px;
	height: 113px;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #eee;
	padding: 0 20px;
	margin-bottom: 24px
}

.course-classify-list-class ul {
	clear: both;
	font-size: 16px;
	color: #666;
	border-bottom: 1px solid #eee
}

.course-classify-list-class ul li {
	line-height: 56px;
	float: left;
	margin-right: 20px
}

.course-classify-list-class ul li a {
	color: #666
}

.course-classify-list-class ul li.active a {
	color: #2eb8d0
}

.course-classify-list-class ul:first-of-type {
	border-bottom: none
}

.l-course-classify-c-course .c-course:nth-of-type(4n) {
	margin-right: 0
}

.wap-body .login-reg-dialog {
	position: fixed!important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	margin: auto
}

.login-register-modal {
	padding: 20px;
	background-color: #fff
}

@media screen and (max-width:500px) {
	.login-register-modal {
		width: 90%!important
	}
}

@media screen and (min-width:500px) {
	.login-register-modal {
		width: 400px!important
	}
}

.login-register-modal .el-dialog__body {
	padding: 10px 5px!important
}

.login-register-modal .el-form {
	width: auto!important
}

.login-register-modal .el-dialog__header {
	padding: 10px 10px 0
}

.login-register-modal .el-tabs__item {
	font-size: 24px;
	font-size: 1.5rem;
	padding: .2rem 1rem
}

.big-button {
	text-align: center
}

.big-button .el-button {
	width: 80%;
	height: 40px
}

.play-note-item {
	padding: 12px;
	width: 320px;
	background: hsla(0,0%,85%,.1);
	border-radius: 4px;
	font-size: 14px;
	color: #ccc;
	line-height: 26px;
	margin-bottom: 20px;
	text-align: right
}

.play-note-item-title {
	text-align: left;
	line-height: 66px;
	font-size: 16px;
	color: #fff;
	font-weight: 700
}

.play-note-item p {
	text-align: left;
	overflow: hidden;
	margin-bottom: 8px
}

.play-note-item-show-hide-btn {
	cursor: pointer;
	display: inline-block;
	margin: 0 0 8px
}

.play-note-item-show-hide-btn i {
	margin-left: 4px;
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 14px;
	color: #ccc
}

.play-note-item-show-hide-btn .icon-wap-gengduo-hide {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.play-note-item:hover .play-note-item-font--hide {
	display: block
}

.play-note-item-font {
	position: relative;
	text-align: left;
	border-top: 1px solid #666;
	padding-top: 10px
}

.play-note-item-font-face-img img {
	display: inline-block;
	margin-top: -1px;
	width: 20px;
	height: 20px
}

.play-note-item-font span {
	cursor: pointer;
	vertical-align: bottom;
	font-size: 12px;
	color: #999;
	display: inline-block;
	margin-right: 2px;
	max-width: 80px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.play-note-item-font span i {
	display: inline-block;
	font-size: 12px;
	margin-right: 4px
}

.play-note-item-font span a,.play-note-item-font span a:hover {
	color: #999
}

.play-note-item-font span.active {
	color: #2eb8d0
}

.play-note-item-font-like {
	margin-right: 0!important
}

.play-note-item-font-collect,.play-note-item-font-like {
	margin-left: 12px;
	float: right
}

.play-note-item-font-already-collect {
	margin-left: 12px;
	float: right;
	color: #2eb8d0!important
}

.play-note-item-font--hide {
	display: none;
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #555;
	z-index: 2
}

.play-note-item-font--hide span {
	color: #fff;
	margin-right: 12px
}

.play-note-item-font--hide span:hover {
	color: #2eb8d0
}

.l-play-note-modify-textarea {
	border-bottom: 1px solid #666;
	padding-bottom: 58px;
	margin-bottom: 20px
}

.l-play-note-modify-textarea span {
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	float: right;
	margin-right: 12px;
	margin-top: 16px
}

.l-container-course-modal .el-dialog {
	height: 600px
}

.l-container-course-modal .el-dialog .el-dialog__header {
	width: 500px;
	height: 64px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
	line-height: 64px;
	text-align: center;
	padding: 0
}

.l-container-course-modal .el-dialog .el-dialog__header .el-dialog__title {
	font-size: 24px;
	color: #999
}

.l-container-course-modal .el-dialog .el-dialog__header .el-dialog__headerbtn {
	top: 0
}

.l-container-course-modal .el-dialog .el-dialog__body {
	padding: 0
}

.l-container-course-modal main {
	padding: 24px 40px
}

.l-container-course-modal .score-msg {
	height: 16px;
	line-height: 16px
}

.l-container-course-modal .score-msg span {
	float: left
}

.l-container-course-modal .score-msg .label {
	font-size: 16px;
	color: #1a1a1a
}

.l-container-course-modal .score-msg .score {
	font-size: 16px;
	color: #2eb8d0
}

.l-container-course-modal .score-msg .explanation {
	font-size: 12px;
	color: #999
}

.l-container-course-modal .slider-area {
	height: 46px;
	width: 420px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	position: relative
}

.l-container-course-modal .slider-area .score {
	height: 12px;
	font-size: 12px;
	color: #999;
	line-height: 12px
}

.l-container-course-modal .slider-area .score.min-score {
	position: absolute;
	left: 0;
	top: 20px
}

.l-container-course-modal .slider-area .score.max-score {
	position: absolute;
	right: 0;
	top: 20px
}

.l-container-course-modal .slider-area .el-slider {
	width: 338px;
	margin-top: 7px;
	margin-left: 34px
}

.l-container-course-modal .slider-area .el-slider__runway {
	width: 338px;
	background-color: #f5f5fa
}

.l-container-course-modal .slider-area .el-slider__runway .el-slider__bar {
	background-color: #2eb8d0
}

.l-container-course-modal .slider-area .el-slider__runway .el-slider__button {
	width: 24px;
	height: 24px;
	background: #fff;
	-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
	border: none
}

.l-container-course-modal .question-title {
	font-size: 16px;
	line-height: 24px;
	color: #333;
	margin-bottom: 12px
}

.l-container-course-modal .question-title.text-title {
	margin-top: 24px
}

.l-container-course-modal .el-radio__label {
	color: #666;
	font-size: 16px;
	line-height: 24px
}

.l-container-course-modal .el-radio {
	margin-bottom: 12px;
	margin-right: 80px
}

.l-container-course-modal .el-radio:nth-child(2) {
	margin-right: 0
}

.l-container-course-modal .el-radio:nth-child(3) {
	margin-bottom: 24px
}

.l-container-course-modal .el-checkbox__input.is-checked+.el-checkbox__label,.l-container-course-modal .el-radio__input.is-checked+.el-radio__label {
	color: #666
}

.l-container-course-modal .el-checkbox__label {
	color: #666;
	font-size: 16px;
	line-height: 24px
}

.l-container-course-modal .el-checkbox {
	margin-bottom: 12px
}

.l-container-course-modal .line {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 316px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.l-container-course-modal textarea {
	width: 420px;
	height: 99px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 10px 15px
}

.l-container-course-modal .remark {
	height: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	color: #666;
	margin-top: 24px
}

.l-container-course-modal .remark img {
	width: 20px;
	height: 20px;
	margin-right: 5px
}

.l-container-course-modal .btn-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 40px
}

.l-container-course-modal .btn-wrap button {
	width: 144px;
	height: 38px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	border-radius: 4px;
	margin: 0 auto;
	color: #fff;
	font-size: 16px
}

.p-play {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	background-color: #333
}

.p-play-breadcrumb {
	padding-top: 11px!important;
	margin: 0 0 11px!important
}

.p-play-breadcrumb li.active {
	color: #fff!important
}

.play-left {
	position: absolute;
	top: 0;
	left: 0;
	right: 360px;
	bottom: 0
}

.play-left-top {
	padding: 12px 0 0 20px
}

.play-left-top-return {
	display: inline-block;
	width: 104px;
	height: 30px;
	line-height: 28px;
	border-radius: 15px;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	margin-right: 20px
}

.play-left-top-return:active,.play-left-top-return:hover,.play-left-top-return:link,.play-left-top-return:visited {
	color: #fff
}

.play-left-video {
	left: 20px;
	right: 20px;
	background-color: #66676c;
	top: 84px;
	bottom: 45px;
	position: absolute;
	z-index: 10
}

.play-left-video .video-box-video {
	height: calc(100% - 52px)
}

.play-left-video-nav {
	width: 100%;
	height: 52px;
	background: #000;
	font-size: 12px
}

.play-left-video-nav&gt;i {
	cursor: pointer;
	line-height: 52px;
	font-size: 30px;
	color: #fff;
	margin: 0 12px;
	float: left
}

.play-left-video-nav&gt;i:hover {
	color: #2eb8d0
}

.play-left-video-nav .debunk {
	display: inline-block;
	width: 68px;
	height: 24px;
	background: hsla(0,0%,100%,.2);
	border-radius: 12px;
	position: relative;
	cursor: pointer;
	margin-top: 14px;
	margin-left: 10px;
	padding-left: 10px
}

.play-left-video-nav .debunk i {
	font-size: 14px;
	line-height: 24px;
	margin: 0 3px 0 0;
	float: none;
	color: #fff;
	display: inline-block
}

.play-left-video-nav .debunk .icon-wap-dianzan1 {
	-webkit-transform: rotate(180deg) scaleX(-1);
	transform: rotate(180deg) scaleX(-1)
}

.play-left-video-nav .debunk .debunk-text {
	font-size: 14px;
	color: #fff
}

.play-left-video-nav .debunk-modal {
	width: 194px;
	height: 115px;
	background-image: url(../images/debunk.e18fe98.png);
	position: absolute;
	top: -115px;
	left: -63px;
	z-index: 999
}

.play-left-video-nav .debunk-modal .text {
	width: 146px;
	height: 66px;
	font-size: 14px;
	line-height: 22px;
	color: #333;
	margin-top: 20px;
	margin-left: 24px
}

.play-left-video-nav .debunk-modal span {
	font-size: 10px;
	color: #aaa;
	position: absolute;
	top: 14px;
	right: 14px;
	cursor: pointer
}

.play-left-video-nav input {
	float: right;
	margin-top: 10px;
	width: 480px;
	height: 32px;
	background: #eee;
	border-radius: 4px;
	border: 1px solid #ccc;
	color: #1a1a1a;
	padding: 0 12px
}

.play-left-video-nav input::-webkit-input-placeholder {
	color: #999
}

.play-left-video-nav input::-moz-placeholder {
	color: #999
}

.play-left-video-nav input::-ms-input-placeholder {
	color: #999
}

.play-left-video-nav input::placeholder {
	color: #999
}

.play-left-video-nav input::-ms-browse,.play-left-video-nav input [type=file] {
	background: #eee
}

.play-left-video-nav input::-webkit-file-upload-button {
	background: #eee
}

.play-left-video-nav&gt;button {
	float: right;
	cursor: pointer;
	color: #fff;
	margin: 10px 12px 0;
	display: inline-block;
	width: 64px;
	height: 32px;
	background: #2eb8d0;
	border: 1px solid #2eb8d0;
	border-radius: 4px;
	text-align: center
}

.play-left-video-nav .play-left-barrage {
	float: right;
	margin: 16px 12px 0 0
}

.play-left-video-nav .el-switch__input {
	width: 40px
}

.play-fold {
	width: 36px;
	height: 36px;
	line-height: 36px;
	background: -webkit-gradient(linear,left bottom,left top,from(#4e4e4e),to(#6a6a6a));
	background: linear-gradient(1turn,#4e4e4e,#6a6a6a);
	-webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,.1);
	box-shadow: 0 4px 16px 0 rgba(0,0,0,.1);
	display: inline-block;
	position: absolute;
	top: 0;
	right: 360px;
	cursor: pointer;
	z-index: 11;
	color: #fff;
	font-size: 20px;
	text-align: center
}

.play-fold:hover {
	color: #2eb8d0
}

.play-fold-hide {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.play-right {
	width: 360px;
	background: #464646;
	position: absolute;
	right: 0;
	z-index: 5;
	top: 0;
	bottom: 0
}

.play-right-tab {
	position: absolute;
	top: 0;
	width: 100%;
	height: 72px;
	background: -webkit-gradient(linear,left bottom,left top,from(#4e4e4e),to(#6a6a6a));
	background: linear-gradient(1turn,#4e4e4e,#6a6a6a);
	-webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,.1);
	box-shadow: 0 4px 16px 0 rgba(0,0,0,.1)
}

.play-right-tab span {
	line-height: 68px;
	cursor: pointer;
	display: inline-block;
	width: 79px;
	margin: 0 49px;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	text-align: center
}

.play-right-tab span.active {
	color: #2eb8d0;
	border-bottom: 4px solid #2eb8d0
}

.play-right-content {
	overflow-y: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 72px;
	bottom: 0
}

.play-right-content::-webkit-scrollbar {
	width: 12px
}

.play-right-content::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	border-radius: 10px
}

.play-right-content::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5)
}

.play-right-content::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,.4)
}

.play-catalog {
	padding: 0 12px
}

.play-catalog-chapter {
	margin-top: 12px;
	line-height: 46px;
	font-size: 14px;
	color: #fff;
	font-weight: 700
}

.play-catalog-chapter i {
	float: left;
	margin: 0 12px 0 0;
	font-size: 24px
}

.play-catalog .period-first-free {
	width: 185px;
	display: inline-block;
	float: left;
	overflow-x: hidden;
	white-space: nowrap
}

.play-catalog-period {
	line-height: 36px;
	font-size: 12px
}

.play-catalog-period p {
	cursor: pointer;
	color: hsla(0,0%,100%,.5)
}

.play-catalog-period p:hover {
	color: #fff
}

.play-catalog-period-title-wrap {
	display: inline-block;
	float: left;
	overflow-x: hidden;
	width: 210px;
	white-space: nowrap
}

.play-catalog-period-title-wrap .play-catalog-period-title:hover {
	-webkit-animation: wordsLoop 15s linear infinite normal;
	animation: wordsLoop 15s linear infinite normal;
	white-space: nowrap;
	display: inline-block
}

.play-catalog-period-title--width {
	max-width: 180px!important
}

.play-catalog-period-free {
	display: inline-block;
	cursor: pointer;
	border-radius: 4px;
	text-align: center;
	padding: 0;
	margin: 0 0 0 3px;
	width: 55px;
	height: 18px;
	background: #e8fcff;
	border: 1px solid #2eb8d0;
	font-size: 10px;
	color: #2eb8d0;
	line-height: 16px
}

.play-catalog-period-time {
	float: right
}

.play-catalog-period-play-icon {
	margin-left: 4px;
	float: right;
	font-size: 12px;
	margin-top: 1px
}

.play-catalog-period-playing-color {
	color: #2eb8d0!important
}

.play-catalog-period-progress-icon {
	float: left;
	margin: 11px 12px 0 0;
	width: 14px;
	height: 14px;
	display: inline-block;
	background: #3f3f3f url(../images/icon-gather-images.66ff55e.png) no-repeat -3px -385px
}

.play-catalog-period-progress-finished-icon {
	background-position: -3px -441px
}

.play-catalog-period-progress-doing-icon {
	background-position: -2px -413px
}

@keyframes wordsLoop {
	0% {
		transform: translateX(0);
		-webkit-transform: translateX(0)
	}

	to {
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%)
	}
}

@-webkit-keyframes wordsLoop {
	0% {
		transform: translateX(0);
		-webkit-transform: translateX(0)
	}

	to {
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%)
	}
}

.play-note {
	padding: 20px
}

.play-note ul {
	width: 185px;
	margin: 0 auto 20px
}

.play-note ul li {
	cursor: pointer;
	float: left;
	width: 92px;
	height: 34px;
	line-height: 32px;
	border: 1px solid #2eb8d0;
	color: #2eb8d0;
	text-align: center;
	border-radius: 0 4px 4px 0
}

.play-note ul li:first-of-type {
	border-radius: 4px 0 0 4px;
	border-right: 1px solid #2eb8d0
}

.play-note ul li.active {
	background: #2eb8d0;
	color: #fff
}

.play-note-login {
	width: 320px;
	height: 126px;
	background: #fff;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.33);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.33);
	border-radius: 4px;
	padding: 12px;
	font-size: 14px;
	color: #999;
	text-align: center;
	margin: 0 auto
}

.play-note-login p {
	text-align: left
}

.play-note-login a {
	cursor: pointer;
	margin-top: 42px;
	display: inline-block;
	width: 92px;
	height: 34px;
	line-height: 32px;
	border-radius: 4px;
	border: 1px solid #2eb8d0;
	text-align: center;
	font-size: 16px;
	color: #2eb8d0
}

.play-note-login a:last-of-type {
	margin-left: 12px;
	background: #2eb8d0;
	color: #fff
}

.play-note-wrap {
	position: relative;
	text-align: left
}

.play-note-wrap textarea {
	width: 320px;
	height: 126px;
	background: #fff;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.33);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.33);
	border-radius: 4px;
	padding: 12px;
	color: #333;
	font-size: 14px;
	outline: none
}

.play-note-wrap-btn {
	display: inline-block;
	cursor: pointer;
	border-radius: 4px;
	text-align: center;
	padding: 0;
	width: 92px;
	height: 34px;
	background: #2eb8d0;
	line-height: 34px;
	font-size: 16px;
	color: #fff;
	float: right;
	margin: 12px 0 40px
}

.play-note-wrap-btn:hover {
	color: #fff
}

.l-play-note-item-wrap {
	border-top: 1px solid hsla(0,0%,100%,.1);
	text-align: right
}

.p-search-result {
	background: #f5f5fa;
	padding-bottom: 60px
}

.p-search-result .l-search-container {
	width: 1200px;
	margin: 0 auto
}

.p-search-result .search-tab {
	width: 1200px;
	border-radius: 8px;
	height: 56px;
	background: #fff;
	padding: 0 20px;
	margin-bottom: 24px;
	line-height: 54px;
	border: 1px solid #eee;
	font-size: 16px;
	color: #666
}

.p-search-result .search-tab span {
	cursor: pointer;
	color: #666;
	font-size: 16px;
	margin-left: 20px
}

.p-search-result .search-tab span.active {
	color: #2eb8d0
}

.p-search-result .search-result {
	font-size: 12px;
	color: #999;
	margin-bottom: 24px
}

.p-search-result .search-result span {
	color: #2eb8d0
}

.p-search-result .c-course:nth-child(4n) {
	margin-right: 0
}

.p-search-result .c-article-list {
	width: 1200px
}

.p-search-result .c-article-list:hover {
	background: none
}

.p-search-result .c-article-list-info {
	width: 930px
}

.p-search-result .tag {
	width: 1200px;
	margin: 0 auto
}

.p-search-result .tag h3 {
	height: 22px;
	font-size: 22px;
	line-height: 22px;
	color: #1a1a1a;
	margin-bottom: 24px
}

.p-search-result .tag ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.p-search-result .tag ul li {
	height: 30px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 12px;
	font-size: 14px;
	border-radius: 15px;
	margin-right: 24px
}

.p-search-result .tag ul li a {
	color: #333
}

.p-search-result .tag ul li:hover {
	background: #2eb8d0
}

.kecheng,.p-search-result .tag ul li:hover a {
	color: #fff
}

.kecheng {
	position: absolute;
	height: 16px;
	width: 100px;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	z-index: 9;
	top: 7px;
	left: -35px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.weike {
	background-color: #2eb8d0
}

.qingke {
	background-color: #389f37
}

.item-box {
	width: 280px;
	height: 344px;
	margin-right: 26.5px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #eee
}

.item-box:nth-of-type(4n) {
	margin-right: 0!important
}

.item-box-img {
	width: 280px;
	height: 210px;
	overflow: hidden
}

.item-box-img&gt;img {
	width: 100%;
	height: 100%;
	border-radius: 5px
}

.course-item-loading-img {
	width: 280px;
	height: 210px
}

.item-box-img :hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: All .3s ease-in-out;
	transition: All .3s ease-in-out
}

.item-box-text-name {
	width: 100%;
	height: 35px;
	font-size: 14px;
	padding: 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	color: #000;
	line-height: 35px
}

.item-box-text-name:hover {
	color: #2eb8d0
}

.item-box-info {
	height: 47px;
	padding-left: 10px;
	border-bottom: 1px solid #eee
}

.item-box-info-classNum {
	background: url(../images/37539c913b7241eb8e8984a5a183aacf.gif)
}

.item-box-info-comment {
	background: url(../images/d4f7a220bc49432fbc101f1d103434ac.gif)
}

.item-box-info-user {
	background: url(../images/91917acd98b648c98780e9389379b542.gif)
}

.info-list {
	display: inline-block;
	margin-right: 14px;
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	color: #999
}

.info-list&gt;i {
	margin-right: 6px;
	display: inline-block;
	width: 13px;
	height: 13px
}

.info-list&gt;i,.info-list&gt;span {
	vertical-align: middle
}

.item-box-teach {
	height: 52px;
	padding: 10px 10px 0
}

.item-box-teach-icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	margin-right: 5px;
	border-radius: 50%
}

.item-box-teach-teacherName {
	color: #666;
	font-size: 12px;
	vertical-align: middle;
	width: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block
}

.item-box-teach-teacherName:hover {
	color: #2eb8d0
}

.item-box-teach-blue {
	padding: 1px 3px;
	border-radius: 2px;
	margin-left: 10px;
	font-size: 12px;
	color: #2eb8d0;
	border: 1px solid #2eb8d0;
	margin-top: 2px
}

.item-box-teach-blue:last-child {
	margin-left: 0
}

.item-box-teach-green {
	padding: 1px 3px;
	border-radius: 2px;
	margin-left: 10px;
	font-size: 12px;
	color: #389f37;
	border: 1px solid #389f37;
	margin-top: 2px
}

.item-box-teach-green:first-child {
	margin-left: 0
}

.item-box-info-price {
	color: #ff3c00;
	font-size: 12px;
	position: relative;
	top: 2px;
	left: 15px
}

.teacher-banner {
	width: 100%;
	height: 240px;
	background: url(../images/teacher-banner.db0951c.png);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.teacher-box {
	height: 170px;
	width: 100%
}

.teacher-box-left {
	position: absolute;
	width: 215px;
	height: 170px;
	padding-top: 16px;
	padding-left: 92px
}

.teacher-photo-box {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden
}

.teacher-photo-box&gt;img {
	width: 100%;
	height: 100%
}

.bubble {
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: hsla(0,0%,100%,.15);
	bottom: -20px;
	-webkit-animation: square 15s infinite;
	animation: square 15s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}

.bubble:first-of-type {
	left: 10%
}

.bubble:nth-of-type(2) {
	left: 20%;
	width: 80px;
	height: 80px;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 12s;
	animation-duration: 12s
}

.bubble:nth-of-type(3) {
	left: 25%;
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.bubble:nth-of-type(4) {
	left: 40%;
	width: 60px;
	height: 60px;
	-webkit-animation-duration: 22s;
	animation-duration: 22s;
	background-color: hsla(0,0%,100%,.25)
}

.bubble:nth-of-type(5) {
	left: 70%
}

.bubble:nth-of-type(6) {
	left: 80%;
	width: 120px;
	height: 120px;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	background-color: hsla(0,0%,100%,.2)
}

.bubble:nth-of-type(7) {
	left: 32%;
	width: 160px;
	height: 160px;
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.bubble:nth-of-type(8) {
	left: 55%;
	width: 20px;
	height: 20px;
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.bubble:nth-of-type(8),.bubble:nth-of-type(9) {
	-webkit-animation-duration: 40s;
	animation-duration: 40s
}

.bubble:nth-of-type(9) {
	left: 25%;
	width: 10px;
	height: 10px;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	background-color: hsla(0,0%,100%,.3)
}

.bubble:nth-of-type(10) {
	left: 80%;
	width: 160px;
	height: 160px;
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}

@-webkit-keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	to {
		-webkit-transform: translateY(-700px) rotate(600deg);
		transform: translateY(-700px) rotate(600deg)
	}
}

@keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	to {
		-webkit-transform: translateY(-700px) rotate(600deg);
		transform: translateY(-700px) rotate(600deg)
	}
}

.article-title-more-ul&gt;li .active {
	color: #2eb8d0!important
}

.teacher-name {
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	color: #fff
}

.teacher-box-right {
	width: 100%;
	height: 170px;
	padding-left: 215px
}

.teacher-details-box {
	width: 100%;
	height: 100%;
	padding: 20px 50px 0 40px
}

.teacher-details {
	font-size: 14px;
	color: #fff;
	text-align: justify
}

.teacher-class-title {
	margin-top: 4px
}

.teacher-box-title {
	width: 100%!important
}

.teacher-box-title-wrap {
	width: 1200px;
	margin: 0 auto
}

.p-package-list {
	background: #f5f5fa;
	padding-bottom: 60px
}

.l-package-list-wrap {
	width: 100%
}

.package-list-package {
	float: left;
	margin-right: 26px;
	height: 260px;
	border-radius: 8px;
	background: #fff;
	width: 280px;
	margin-bottom: 20px
}

.package-list-package img {
	width: 100%;
	height: 210px;
	border-radius: 8px 8px 0 0
}

.package-list-package:nth-of-type(4n) {
	margin-right: 0
}

.package-list-package p {
	line-height: 50px;
	padding: 0 17px;
	font-size: 16px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.p-package-detail {
	background: #f5f5fa;
	padding-bottom: 60px
}

.p-package-detail h3 {
	color: #1a1a1a;
	font-size: 22px;
	margin: 55px 0 15px
}

.package-detail-introduce-left {
	position: relative
}

.package-detail-introduce-left&gt;img {
	height: 300px;
	border-radius: 8px
}

.package-detail-introduce-left .code {
	position: absolute;
	display: none;
	top: 350px;
	z-index: 800;
	border: 4px solid #fff;
	border-radius: 4px;
	background: #fff
}

.package-detail-introduce-left .wx-active:hover .code {
	display: block
}

.package-detail-introduce-right {
	margin-left: 640px;
	position: relative;
	height: 300px
}

.package-detail-introduce-right h1 {
	font-size: 26px;
	line-height: 28px;
	margin-bottom: 18px;
	color: #1a1a1a;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.package-detail-introduce-right&gt;p {
	font-size: 16px;
	color: #666;
	width: 100%;
	line-height: 28px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.package-detail-introduce-right-font {
	padding: 30px 0 23px;
	border-bottom: 1px solid #eee
}

.package-detail-introduce-right-font-box {
	display: inline-block;
	min-width: 84px;
	padding: 0 24px;
	border-right: 1px solid #eee;
	text-align: center
}

.package-detail-introduce-right-font-box span {
	font-size: 12px;
	color: #999
}

.package-detail-introduce-right-font-box p {
	display: inline-block;
	margin: 5px auto 0;
	color: #1a1a1a;
	font-size: 32px;
	line-height: 34px
}

.package-detail-introduce-right-font-box:last-of-type {
	border-right: none
}

.package-detail-introduce-right-font&gt;span {
	float: right;
	font-size: 12px;
	color: #999;
	margin-top: 40px;
	margin-right: 10px
}

.package-detail-introduce-right-font&gt;span i {
	font-size: 10px;
	margin-right: 5px;
	color: #666!important
}

.package-detail-introduce-right-font&gt;span:first-of-type {
	margin-right: 0
}

.package-detail-introduce-right-price-discount {
	display: inline-block;
	position: absolute;
	left: 44px;
	bottom: 40px;
	width: 50px;
	height: 26px;
	background: rgba(255,147,28,0);
	border: 1px solid #999;
	font-size: 16px;
	color: #999;
	text-align: center;
	line-height: 24px
}

.package-detail-introduce-right-price-original-price {
	position: absolute;
	left: 111px;
	bottom: 42px;
	font-size: 16px;
	color: #999;
	text-decoration: line-through
}

.package-detail-introduce-right-price p {
	position: absolute;
	bottom: 0;
	display: inline-block;
	color: #1a1a1a;
	font-size: 22px;
	line-height: 32px
}

.package-detail-introduce-right-price p span {
	display: inline-block;
	color: #ff931c;
	font-size: 42px;
	font-weight: 700
}

.package-detail-introduce-right-price p span:first-letter {
	font-size: 32px!important;
	font-weight: 400
}

.package-detail-introduce-right-price button {
	position: absolute;
	bottom: 0;
	right: 45px;
	width: 240px;
	height: 64px;
	line-height: 64px;
	border-radius: 4px;
	font-size: 18px;
	outline: none
}

.package-detail-introduce-right-price button,.package-detail-introduce-right-price button:active,.package-detail-introduce-right-price button:hover,.package-detail-introduce-right-price button:link,.package-detail-introduce-right-price button:visited {
	color: #fff;
	background: -webkit-gradient(linear,left top,right top,from(#ffc53c),to(#ff931c));
	background: linear-gradient(90deg,#ffc53c,#ff931c)
}

.package-detail-bottom-course-box {
	z-index: 9;
	display: inline-block
}

.package-detail-bottom-course-box:nth-of-type(4n) {
	width: 253.5px
}

.package-detail-bottom-course-box .c-course:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: none;
	transition: none
}

.package-detail-bottom-course-box-catalog {
	border-radius: 8px 8px 0 0;
	color: #1a1a1a;
	font-size: 14px;
	padding: 0 20px;
	overflow: auto!important
}

.package-detail-bottom-course-box-catalog-title {
	line-height: 56px;
	color: #1a1a1a;
	font-size: 16px;
	border-bottom: 1px solid #eee
}

.package-detail-bottom-course-box-catalog-scroll {
	height: 293px;
	margin-bottom: 56px;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none
}

.package-detail-bottom-course-box-catalog-scroll::-webkit-scrollbar {
	width: 0!important
}

.package-detail-bottom-course-box-catalog-scroll p {
	line-height: 28px;
	font-weight: 700;
	margin-top: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.package-detail-bottom-course-box-catalog-scroll li {
	line-height: 28px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.package-detail-bottom-course-box-catalog button {
	border-radius: 0 0 8px 8px;
	position: absolute;
	bottom: -1px;
	left: -.25%;
	right: 0;
	width: 100.5%;
	height: 56px;
	line-height: 56px;
	font-size: 16px;
	outline: none
}

.package-detail-bottom-course-box-catalog button,.package-detail-bottom-course-box-catalog button:active,.package-detail-bottom-course-box-catalog button:hover,.package-detail-bottom-course-box-catalog button:link,.package-detail-bottom-course-box-catalog button:visited {
	color: #fff;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2)
}

.package-detail-content {
	background: #fff;
	border-radius: 4px;
	padding: 40px
}

.el-popover {
	z-index: 9!important;
	padding: 0!important;
	-webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,.35)!important;
	box-shadow: 0 3px 7px 0 rgba(0,0,0,.35)!important;
	border-radius: 8px!important;
	margin-left: -26px!important
}

.c-qst-wf-item {
	margin-bottom: 20px;
	position: relative;
	height: auto;
	background: #fff;
	border-radius: 4px;
	overflow: hidden
}

.c-qst-wf-item:nth-of-type(4n) {
	margin-right: 0
}

.c-qst-wf-item-img-wrap {
	display: block;
	width: 100%;
	max-height: 400px;
	overflow: hidden;
	position: relative;
	border-radius: 8px
}

.c-qst-wf-item-img {
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 8px
}

.c-qst-wf-item-grade {
	width: 22px;
	position: absolute;
	top: 0;
	right: 12px
}

.c-qst-wf-item-user {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 32px;
	bottom: 10px;
	left: 10px
}

.c-qst-wf-item .face-img {
	width: 32px;
	height: 32px;
	margin-right: 8px
}

.c-qst-wf-item-name {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 14px;
	color: #fff
}

.c-qst-wf-item-name span {
	display: inline-block;
	max-width: 110px;
	margin-right: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.c-qst-wf-item-name i {
	font-style: normal
}

.c-qst-wf-item-name:hover {
	color: #fff
}

.c-qst-wf-item-mask {
	display: none
}

.c-qst-wf-item:hover .c-qst-wf-item-mask {
	display: block;
	position: absolute;
	background: rgba(0,0,0,.5);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer
}

.c-qst-wf-item:hover .c-qst-wf-item-mask .iconfont {
	font-size: 17px;
	position: absolute;
	right: 15px;
	bottom: 13px
}

.c-qst-wf-item:hover .c-qst-wf-item-mask .iconfont.icon-weidianzan {
	color: #fff
}

.c-qst-wf-item:hover .c-qst-wf-item-mask .iconfont.icon-yidianzan {
	color: #2eb8d0
}

.c-coach-waterfall-flow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.c-coach-waterfall-flow .coach-work-flow-col {
	width: 285px
}

.c-coach-waterfall-flow .coach-work-flow-col:not(:nth-of-type(4)) {
	margin-right: 20px
}

.c-coach-waterfall-flow .coach-work-flow-col&gt;* {
	max-width: 100%
}

.c-work-wf-item {
	margin-bottom: 20px;
	position: relative;
	height: auto;
	background: #fff;
	border-radius: 4px;
	overflow: hidden
}

.c-work-wf-item:nth-of-type(4n) {
	margin-right: 0
}

.c-work-wf-item-img-wrap {
	display: block;
	width: 100%;
	max-height: 400px;
	overflow: hidden;
	position: relative;
	border-radius: 8px
}

.c-work-wf-item-img {
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 8px
}

.c-work-wf-item-grade {
	width: 22px;
	position: absolute;
	top: 0;
	right: 12px
}

.c-work-wf-item-user {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 32px;
	bottom: 10px;
	left: 10px
}

.c-work-wf-item .face-img {
	width: 32px;
	height: 32px;
	margin-right: 8px
}

.c-work-wf-item-name {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	max-width: 110px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.c-work-wf-item-name:hover {
	color: #fff
}

.c-work-wf-item-mask {
	display: none
}

.c-work-wf-item:hover .c-work-wf-item-mask {
	display: block;
	position: absolute;
	background: rgba(0,0,0,.5);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer
}

.c-work-wf-item:hover .c-work-wf-item-mask .iconfont {
	font-size: 17px;
	position: absolute;
	right: 15px;
	bottom: 13px
}

.c-work-wf-item:hover .c-work-wf-item-mask .iconfont.icon-weidianzan {
	color: #fff
}

.c-work-wf-item:hover .c-work-wf-item-mask .iconfont.icon-yidianzan {
	color: #2eb8d0
}

.c-coach-work-waterfall-flow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.c-coach-work-waterfall-flow .coach-work-flow-col {
	width: 285px
}

.c-coach-work-waterfall-flow .coach-work-flow-col:not(:nth-of-type(4)) {
	margin-right: 20px
}

.c-coach-work-waterfall-flow .coach-work-flow-col&gt;* {
	max-width: 100%
}

.p-work-detail {
	padding-bottom: 60px;
	max-width: 1200px;
	margin: auto
}

.p-work-detail .left-content {
	height: 900px;
	background-color: #fff
}

.p-work-detail .comment-no-hide,.p-work-detail .comment-reply-no-hide {
	cursor: pointer;
	margin-right: 24px!important
}

.p-work-detail .comment {
	width: 100%;
	padding: 40px 0 0;
	border-bottom: 1px solid #eee
}

.p-work-detail .comment&gt;.face-img {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 24px
}

.p-work-detail .comment-info {
	width: 696px;
	margin-left: 84px;
	padding-bottom: 24px
}

.p-work-detail .comment-info-wrap:hover .comment-hide {
	display: inline-block
}

.p-work-detail .comment-name {
	font-size: 14px;
	line-height: 16px;
	color: #1a1a1a;
	font-weight: 700;
	margin-bottom: 35px
}

.p-work-detail .comment-name span {
	font-size: 12px;
	color: #999;
	margin-left: 12px;
	font-weight: 400
}

.p-work-detail .comment-container {
	font-size: 14px!important;
	color: #666!important;
	line-height: 22px!important;
	margin: -8px 0;
	word-break: break-all;
	word-wrap: break-word
}

.p-work-detail .comment-time {
	margin-top: 24px
}

.p-work-detail .comment-time span {
	font-size: 12px;
	margin-right: 24px;
	margin-left: 0;
	color: #999
}

.p-work-detail .comment-hide {
	cursor: pointer;
	display: none;
	-webkit-transition: all 1s;
	transition: all 1s
}

.p-work-detail .comment-hide:hover {
	color: #2eb8d0
}

.p-work-detail .comment-reply {
	width: 696px;
	padding: 16px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.p-work-detail .comment-reply .face-img {
	width: 32px;
	height: 32px;
	margin-right: 12px
}

.p-work-detail .comment-reply&gt;div {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-left: 12px
}

.p-work-detail .comment-reply&gt;div .name {
	color: #999;
	margin-bottom: 16px;
	font-size: 14px
}

.p-work-detail .comment-reply&gt;div .name span {
	color: #1a1a1a;
	font-weight: 700
}

.p-work-detail .comment-reply&gt;div .name span:first-of-type {
	margin-right: 12px
}

.p-work-detail .comment-reply&gt;div .name span:nth-of-type(2) {
	margin-left: 12px
}

.p-work-detail .comment-reply-hide {
	cursor: pointer;
	display: none;
	-webkit-transition: all 1s;
	transition: all 1s
}

.p-work-detail .comment-reply-hide:hover {
	color: #2eb8d0
}

.p-work-detail .comment-reply:last-of-type {
	margin-bottom: -16px
}

.p-work-detail .comment-reply:hover .comment-reply-hide {
	display: inline
}

.p-work-detail .comment-reply-input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 70px;
	padding: 16px 0;
	position: relative
}

.p-work-detail .comment-reply-input&gt;.face-img {
	float: left;
	width: 32px;
	height: 32px;
	margin-right: 12px
}

.p-work-detail .comment-reply-input input {
	padding: 0 16px;
	width: 580px;
	height: 38px;
	background: #fff;
	border-radius: 4px 0 0 4px;
	border: 1px solid #ccc;
	border-right: none
}

.p-work-detail .comment-reply-input button {
	width: 76px;
	height: 38px;
	background: #2eb8d0;
	border-radius: 0 4px 4px 0;
	font-size: 18px;
	color: #fff
}

.p-work-detail .comment-reply-num {
	position: absolute;
	top: 26px;
	right: 80px;
	font-size: 12px;
	color: #ccc
}

.p-work-detail h3 {
	font-size: 16px;
	color: #1a1a1a;
	line-height: 16px;
	margin-bottom: 22px
}

.p-work-detail h3 i {
	display: inline-block;
	margin-right: 8px;
	width: 4px;
	height: 16px;
	float: left;
	background: #2eb8d0
}

.p-work-detail .l-coach-question-left {
	float: left;
	width: 860px;
	margin-right: 20px;
	overflow: hidden
}

.p-work-detail .coach-question-details {
	padding: 0 40px 40px;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 4px
}

.p-work-detail .coach-question-details-top {
	position: relative;
	border-bottom: 1px solid #eee;
	padding-bottom: 12px
}

.p-work-detail .coach-question-details-top&gt;img {
	width: 44px;
	position: absolute;
	top: 0;
	right: -16px
}

.p-work-detail .coach-question-details-top div .function-icon {
	margin-right: 24px;
	font-size: 14px;
	color: #ccc
}

.p-work-detail .coach-question-details-top div .function-icon i {
	font-size: 14px;
	margin-right: 4px
}

.p-work-detail .coach-question-details-top div .function-icon.number {
	color: #333
}

.p-work-detail .coach-question-details h1 {
	font-size: 26px;
	color: #1a1a1a;
	font-weight: 700;
	line-height: 40px;
	margin: 0 0 18px;
	padding-top: 22px;
	width: 760px
}

.p-work-detail .coach-question-details h1 span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 7px
}

.p-work-detail .coach-question-details h1 button {
	display: inline;
	font-size: 12px;
	color: #999;
	border: none;
	background: none;
	font-weight: 400
}

.p-work-detail .coach-question-details h1 button i {
	font-size: 16px;
	margin-right: 6px
}

.p-work-detail .coach-question-details h1 button i.icon-pc-biji {
	color: #999
}

.p-work-detail .coach-question-details h1 button i.icon-wap-shanchu1 {
	color: #999
}

.p-work-detail .coach-question-details h1 button i.icon-g-jubao {
	color: #999
}

.p-work-detail .coach-question-details-share {
	float: left;
	font-size: 14px;
	color: #666
}

.p-work-detail .coach-question-details-share span {
	cursor: pointer;
	margin-right: 9px;
	color: #bebebe
}

.p-work-detail .coach-question-details-share span i {
	font-size: 16px
}

.p-work-detail .coach-question-details-foot {
	margin-top: 30px;
	padding-top: 24px;
	border-top: 1px solid #eee
}

.p-work-detail .coach-question-details-action {
	float: right
}

.p-work-detail .coach-question-details-action button {
	display: inline-block;
	margin-left: 14px;
	width: 86px;
	height: 34px;
	border-radius: 4px;
	border: 1px solid #eee;
	font-size: 12px;
	color: #666;
	background: #fff
}

.p-work-detail .coach-question-details-action button i {
	font-size: 16px;
	margin-right: 2px;
	color: #999
}

.p-work-detail .coach-question-details-action button i.icon-pc-biji {
	color: #999
}

.p-work-detail .coach-question-details-action button:hover {
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(left,#7bdceb,#45b7d2);
	border: none;
	color: #fff
}

.p-work-detail .coach-question-details-action button:hover i {
	color: #fff
}

.p-work-detail .coach-question-details-bottom {
	font-size: 16px;
	color: #1a1a1a;
	margin-top: 25px
}

.p-work-detail .coach-question-details-bottom img {
	display: block;
	margin: 5px auto 24px;
	max-width: 100%!important;
	cursor: pointer
}

.p-work-detail .coach-question-details-bottom .null-img {
	width: 250px;
	margin: 216px auto 0
}

.p-work-detail .coach-question-details-bottom .null-content {
	margin: 12px auto;
	text-align: center;
	font-size: 14px;
	color: #a8a8a8
}

.p-work-detail .coach-question-details-like {
	cursor: pointer;
	margin: 24px auto 12px;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #f7f7f7;
	position: relative;
	padding-top: 10px
}

.p-work-detail .coach-question-details-like .animation {
	width: 40px;
	height: 40px;
	margin-left: 16px;
	border-radius: 50%
}

.p-work-detail .coach-question-details-like .animation1 {
	width: 180px;
	height: 180px;
	position: absolute;
	left: -54px;
	top: -180px
}

.p-work-detail .coach-question-details-like-font {
	font-size: 12px;
	color: #999;
	text-align: center
}

.p-work-detail .coach-question-quetions {
	width: 100%;
	background: #fff;
	margin-bottom: 20px;
	border-radius: 4px
}

.p-work-detail .coach-question-quetions-title {
	color: #2eb8d0;
	margin-top: 16px;
	margin-bottom: 12px;
	font-size: 16px
}

.p-work-detail .coach-question-quetions-title a {
	line-height: 24px!important
}

.p-work-detail .coach-question-quetions-title a:active,.p-work-detail .coach-question-quetions-title a:hover,.p-work-detail .coach-question-quetions-title a:link,.p-work-detail .coach-question-quetions-title a:visited {
	color: #2eb8d0
}

.p-work-detail .coach-question-quetions-content {
	height: 142px;
	overflow: hidden;
	position: relative
}

.p-work-detail .coach-question-quetions-content&gt;.content {
	font-size: 12px;
	color: #666;
	line-height: 18px
}

.p-work-detail .coach-question-quetions-content&gt;.content img {
	display: block;
	margin: 20px auto;
	max-width: 100%
}

.p-work-detail .coach-question-quetions-content .btn {
	width: 100%;
	position: absolute;
	height: 142px;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	background: #fff;
	color: #2eb8d0;
	cursor: pointer;
	background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.3)),to(#fff));
	background: linear-gradient(hsla(0,0%,100%,.3),#fff);
	background: -ms-linear-gradient(hsla(0,0%,100%,.3),#fff)
}

.p-work-detail .coach-question-quetions-content .btn span {
	width: 120px;
	height: 40px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 38px;
	font-size: 16px;
	color: #666;
	position: absolute;
	bottom: 0;
	left: 80px
}

.p-work-detail .coach-question-comment {
	padding: 0 40px;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 4px;
	position: relative
}

.p-work-detail .coach-question-comment-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 24px 0;
	border-bottom: 1px solid #eee;
	position: relative;
	font-size: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.p-work-detail .coach-question-comment-area-login {
	position: absolute;
	top: 48px;
	left: 0;
	line-height: 34px
}

.p-work-detail .coach-question-comment-area-login span {
	font-size: 14px;
	color: #1a1a1a;
	margin-right: 12px;
	margin-left: 170px
}

.p-work-detail .coach-question-comment-area-login-btn {
	cursor: pointer;
	display: inline-block;
	width: 92px;
	height: 34px;
	border-radius: 4px;
	color: #2eb8d0;
	border: 1px solid #2eb8d0;
	text-align: center;
	margin-right: 12px;
	font-size: 16px
}

.p-work-detail .coach-question-comment-area-login-btn-active {
	border: none;
	line-height: 34px;
	background: #2eb8d0;
	color: #fff
}

.p-work-detail .coach-question-comment-area-write {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.p-work-detail .coach-question-comment-area-write textarea {
	background: #fff!important;
	padding: 8px 36px 8px 12px!important;
	color: #1a1a1a!important
}

.p-work-detail .coach-question-comment-area-write a {
	background: #2eb8d0!important;
	color: #fff!important
}

.p-work-detail .coach-question-comment-area textarea {
	font-size: 14px;
	outline: none;
	display: inline-block;
	padding: 8px 12px;
	width: 664px;
	height: 82px;
	background: #f5f5fa;
	border-radius: 4px 0 0 4px;
	border: 1px solid #ccc;
	border-right: none;
	resize: none
}

.p-work-detail .coach-question-comment-area a {
	display: inline-block;
	width: 116px;
	height: 82px;
	line-height: 82px;
	text-align: center;
	background: #eee;
	border-radius: 0 4px 4px 0;
	font-size: 18px;
	color: #999;
	font-weight: 700
}

.p-work-detail .coach-question-comment-area a:hover {
	color: #999
}

.p-work-detail .coach-question-comment-area&gt;span {
	position: absolute;
	top: 85px;
	right: 135px;
	font-size: 12px;
	color: #ccc
}

.p-work-detail .coach-question-comment-content {
	padding: 24px 0
}

.p-work-detail .coach-question-comment-content p {
	font-size: 16px;
	line-height: 16px;
	color: #1a1a1a
}

.p-work-detail .coach-question-null-comment-box img {
	display: block;
	width: 240px;
	margin: 40px auto 12px
}

.p-work-detail .coach-question-null-comment-box p {
	text-align: center;
	font-size: 14px;
	color: #999
}

.p-work-detail .l-coach-question-right {
	float: right;
	width: 320px
}

.p-work-detail .coach-popover {
	padding: 12px;
	word-wrap: break-word;
	width: 320px;
	display: inline-block
}

.p-work-detail .coach-question-details-evaluate {
	width: 320px;
	background: #fff;
	border-radius: 4px;
	padding-top: 24px;
	margin-bottom: 20px
}

.p-work-detail .coach-question-details-evaluate li {
	margin-top: 16px;
	font-size: 14px;
	height: 22px;
	color: #1a1a1a
}

.p-work-detail .coach-question-details-evaluate li a {
	display: inline-block;
	width: 260px;
	height: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #1a1a1a
}

.p-work-detail .coach-question-details-evaluate li a:hover {
	color: #2eb8d0
}

.p-work-detail .coach-question-details-evaluate li:before {
	content: "\2022";
	font-size: 4px;
	margin-right: 13px;
	float: left;
	color: #d8d8d8
}

.p-work-detail .coach-question-details-evaluate li:hover {
	color: #2eb8d0
}

.p-work-detail .coach-question-msg {
	width: 100%;
	background: #fff;
	padding: 25px 20px;
	margin-bottom: 20px;
	border-radius: 4px
}

.p-work-detail .coach-question-msg-title {
	color: #1a1a1a;
	font-size: 20px;
	line-height: 20px
}

.p-work-detail .coach-question-msg-title i {
	float: left;
	margin-top: 1px;
	margin-right: 12px;
	margin-left: -20px;
	display: inline-block;
	width: 4px;
	height: 20px;
	background: #2eb8d0
}

.p-work-detail .coach-question-msg-img {
	display: block;
	width: 280px;
	height: auto;
	margin: 24px 0 12px
}

.p-work-detail .coach-question-msg-teacher {
	font-size: 14px;
	display: inline-block;
	margin-top: 18px;
	margin-left: 8px
}

.p-work-detail .coach-question-img--view {
	cursor: pointer
}

.c-detailLayer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: hsla(0,0%,90%,.9);
	z-index: 99;
	padding-top: 100px;
	overflow: auto
}

.c-detailLayer .c-coach-work-page {
	position: relative;
	z-index: 1
}

.c-detailLayer .c-detailLayer-close {
	position: fixed;
	top: 87px;
	right: 32px;
	font-size: 33px!important;
	cursor: pointer
}

.c-detailLayer .c-arrows {
	position: fixed;
	left: 50%;
	top: 0;
	margin-left: -600px;
	width: 1200px;
	height: 100%;
	z-index: -1
}

.c-detailLayer .c-arrows-left {
	position: absolute;
	left: -88px;
	top: 50%;
	margin-top: -71px;
	width: 58px;
	height: 143px;
	background: rgba(0,0,0,.15);
	border-radius: 4px;
	cursor: pointer;
	z-index: 99
}

.c-detailLayer .c-arrows-left i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 26px;
	color: #fff;
	font-weight: 500
}

.c-detailLayer .c-arrows-left:hover {
	background: rgba(0,0,0,.3)
}

.c-detailLayer .c-arrows-left:hover i {
	color: #2eb8d0
}

.c-detailLayer .c-arrows-right {
	cursor: pointer;
	position: absolute;
	right: -88px;
	top: 50%;
	margin-top: -71px;
	width: 58px;
	height: 143px;
	background: rgba(0,0,0,.15);
	border-radius: 4px;
	z-index: 99
}

.c-detailLayer .c-arrows-right i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 26px;
	color: #fff;
	font-weight: 500
}

.c-detailLayer .c-arrows-right:hover {
	background: rgba(0,0,0,.3)
}

.c-detailLayer .c-arrows-right:hover i {
	color: #2eb8d0
}

.u-hide-scroll::-webkit-scrollbar {
	display: none
}

.u-hide-scroll {
	scrollbar-width: none;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	height: auto!important;
	overflow: hidden
}

.p-coach-index {
	background: #f5f5fa;
	padding-top: 40px;
	padding-bottom: 60px
}

.p-coach-index .class-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 30px 0
}

.p-coach-index .class-list li {
	height: 30px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 20px;
	padding: 0 12px;
	border-radius: 4px;
	font-size: 14px;
	color: #666;
	cursor: pointer
}

.p-coach-index .class-list li.active {
	font-size: 14px;
	background: #2eb8d0;
	color: #fff
}

.p-coach-index .graduate {
	padding-top: 24px
}

.p-coach-index .title-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 24px 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 34px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.p-coach-index .title-area.recommend {
	margin-top: 20px
}

.p-coach-index .title-area.rank {
	margin-top: 40px
}

.p-coach-index .title-area h3 {
	height: 34px;
	font-size: 22px;
	line-height: 34px;
	color: #333;
	font-weight: 700
}

.p-coach-index .title-area a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 34px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: #333
}

.p-coach-index .title-area a .iconfont {
	font-size: 12px;
	display: inline-block;
	margin-left: 5px
}

.p-coach-index .hot-coach {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.p-coach-index .hot-coach li {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	margin-right: 20px
}

.p-coach-index .hot-coach li .c-rank-item {
	-webkit-box-shadow: none;
	box-shadow: none
}

.p-coach-index .hot-coach&gt;li {
	width: 456px;
	height: 628px
}

.p-coach-index .hot-coach&gt;li .c-rank-item-label {
	width: 30px;
	height: 30px;
	font-size: 18px
}

.p-coach-index .hot-coach&gt;ul {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.p-coach-index .hot-coach&gt;ul li {
	width: 228px;
	height: 304px;
	margin-bottom: 20px
}

.p-coach-index .hot-coach&gt;ul li:nth-child(3n) {
	margin-right: 0
}

.p-coach-index .c-rank-carousel-wrapper .el-carousel__arrow {
	width: 40px;
	height: 80px;
	background: rgba(51,51,51,.3);
	border-radius: 4px;
	font-size: 22px
}

.p-coach-index .c-rank-carousel-wrapper .el-carousel__arrow.el-carousel__arrow--left {
	left: 0
}

.p-coach-index .c-rank-carousel-wrapper .el-carousel__arrow.el-carousel__arrow--right {
	right: 0
}

.p-coach-index .c-rank-carousel-wrapper .c-rank-carousel {
	background: #f5f5fa
}

.p-coach-index .c-rank-carousel-wrapper .c-rank-carousel .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.p-coach-index .c-rank-carousel-wrapper .c-rank-carousel .list li {
	margin-right: 20px
}

.p-coach-index .c-rank-carousel-wrapper .c-rank-carousel .list li:nth-child(4) {
	margin-right: 0
}

.c-coach-index-header {
	width: 1200px;
	height: 250px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px
}

.c-coach-index-header-carousel {
	width: 900px;
	height: 250px;
	border-radius: 8px
}

.c-coach-index-header-right {
	width: 290px
}

.c-coach-index-header-right .coach-number {
	width: 290px;
	height: 250px;
	background: -webkit-gradient(linear,left top,left bottom,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(180deg,#7bdceb,#45b7d2);
	-webkit-box-shadow: 0 10px 20px 0 rgba(46,184,208,.2);
	box-shadow: 0 10px 20px 0 rgba(46,184,208,.2);
	border-radius: 8px;
	padding-top: 81px
}

.c-coach-index-header-right .coach-number h3 {
	height: 72px;
	font-size: 48px;
	font-weight: 700;
	color: #fff;
	line-height: 72px;
	text-align: center
}

.c-coach-index-header-right .coach-number p {
	height: 16px;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	text-align: center
}

.c-coach-index-header .u-banner-carousel--full {
	height: 250px
}

.c-coach-index-header .u-banner-carousel--full .el-carousel__item {
	border-radius: 8px
}

.c-label-area-wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 68px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-label-area-wrap .c-label-area {
	-webkit-box-shadow: none;
	box-shadow: none
}

.c-label-area {
	width: 1200px;
	height: 68px;
	background: #fff;
	-webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.05);
	box-shadow: 0 4px 10px 0 rgba(0,0,0,.05);
	border-radius: 4px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 30px
}

.c-label-area,.c-label-area ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-label-area ul li {
	margin-right: 60px;
	font-size: 18px;
	height: 68px;
	line-height: 68px;
	color: #525252;
	cursor: pointer
}

.c-label-area ul li a {
	color: #525252
}

.c-label-area ul li.active {
	font-weight: 700;
	color: #2eb8d0
}

.c-label-area ul li.active a {
	color: #2eb8d0
}

.c-label-area button {
	width: 120px;
	height: 40px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	border-radius: 4px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 16px;
	color: #fff
}

.c-label-area button .iconfont {
	display: inline-block;
	margin-right: 8px
}

.coach-index-loading {
	margin: 0 auto;
	width: 20px;
	padding-top: 30px
}

.coach-index-loading img {
	width: 20px;
	height: 20px
}

.coach-index-load-end {
	display: none;
	font-size: 15px;
	text-align: center;
	padding: 50px 0
}

.p-rank-detail {
	background: #f5f5fa
}

.p-rank-detail .rank-name {
	height: 22px;
	font-size: 22px;
	line-height: 22px;
	font-weight: 700;
	color: #333;
	margin-bottom: 24px
}

.p-rank-detail .rank-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.p-rank-detail .rank-list li {
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative
}

.p-rank-detail .rank-list li:nth-child(4n) {
	margin-right: 0
}

.coach-work-con {
	width: 280px;
	height: 265px;
	overflow: hidden;
	margin: 0 24px 24px 0;
	position: relative;
	display: inline-block;
	float: left;
	background: #fff;
	border-radius: 8px
}

.coach-work-con:nth-child(4n) {
	margin-right: 0
}

.coach-work-con .question-img {
	width: 280px;
	height: 210px;
	overflow: hidden
}

.coach-work-con .coach-item-img {
	width: 100%
}

.coach-work-con .coach-datail {
	display: block;
	font-size: 16px;
	color: #1a1a1a;
	line-height: 56px;
	padding-left: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.coach-work-con .coach-datail:hover {
	color: #2eb8d0
}

div#driver-popover-item {
	display: none;
	position: absolute;
	background: #fff;
	color: #2d2d2d;
	margin: 0;
	padding: 15px;
	border-radius: 5px;
	min-width: 250px;
	max-width: 300px;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.4);
	box-shadow: 0 1px 10px rgba(0,0,0,.4);
	z-index: 1000000000
}

div#driver-popover-item .driver-popover-tip {
	border: 5px solid #fff;
	content: "";
	position: absolute
}

div#driver-popover-item .driver-popover-tip.bottom {
	bottom: -10px;
	border-color: #fff transparent transparent
}

div#driver-popover-item .driver-popover-tip.bottom.position-center {
	left: 49%
}

div#driver-popover-item .driver-popover-tip.bottom.position-right {
	right: 20px
}

div#driver-popover-item .driver-popover-tip.left {
	left: -10px;
	top: 10px;
	border-color: transparent #fff transparent transparent
}

div#driver-popover-item .driver-popover-tip.left.position-center {
	top: 46%
}

div#driver-popover-item .driver-popover-tip.left.position-bottom {
	top: auto;
	bottom: 20px
}

div#driver-popover-item .driver-popover-tip.right {
	right: -10px;
	top: 10px;
	border-color: transparent transparent transparent #fff
}

div#driver-popover-item .driver-popover-tip.right.position-center {
	top: 46%
}

div#driver-popover-item .driver-popover-tip.right.position-bottom {
	top: auto;
	bottom: 20px
}

div#driver-popover-item .driver-popover-tip.top {
	top: -10px;
	border-color: transparent transparent #fff
}

div#driver-popover-item .driver-popover-tip.top.position-center {
	left: 49%
}

div#driver-popover-item .driver-popover-tip.top.position-right {
	right: 20px
}

div#driver-popover-item .driver-popover-footer {
	display: block;
	clear: both;
	margin-top: 5px
}

div#driver-popover-item .driver-popover-footer .driver-close-btn {
	float: left
}

div#driver-popover-item .driver-popover-footer .driver-btn-group {
	float: right
}

div#driver-popover-item .driver-popover-title {
	font: 19px/normal sans-serif;
	margin: 0 0 5px;
	font-weight: 700;
	display: block;
	position: relative;
	line-height: 1.5;
	zoom: 1
}

div#driver-popover-item .driver-popover-description {
	margin-bottom: 0;
	font: 14px/normal sans-serif;
	line-height: 1.5;
	color: #2d2d2d;
	font-weight: 400;
	zoom: 1
}

.driver-stage-no-animation {
	-webkit-transition: none!important;
	transition: none!important;
	background: transparent!important;
	outline: 5000px solid rgba(0,0,0,.75)
}

div.driver-page-overlay {
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
	zoom: 1;
	filter: alpha(opacity=75);
	opacity: .75;
	z-index: 100002!important;
	-webkit-transition: all .4s;
	transition: all .4s
}

div#driver-highlighted-element-stage {
	background: #fff;
	z-index: 100003!important
}

div#driver-highlighted-element-stage,div#driver-highlighted-element-stage-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;
	width: 300px;
	display: none;
	border-radius: 2px;
	-webkit-transition: all .4s;
	transition: all .4s
}

div#driver-highlighted-element-stage-overlay {
	background: hsla(0,0%,100%,0);
	z-index: 100005!important
}

.driver-highlighted-element {
	z-index: 100004!important
}

.driver-position-relative {
	position: relative!important
}

.driver-fix-stacking {
	z-index: auto!important;
	opacity: 1!important;
	-webkit-transform: none!important;
	transform: none!important;
	-webkit-filter: none!important;
	-moz-filter: none!important;
	-ms-filter: none!important;
	-o-filter: none!important;
	filter: none!important;
	-webkit-perspective: none!important;
	-ms-perspective: none!important;
	-o-perspective: none!important;
	perspective: none!important;
	-webkit-transform-style: flat!important;
	transform-style: flat!important;
	-webkit-transform-box: border-box!important;
	-moz-transform-box: border-box!important;
	-ms-transform-box: border-box!important;
	-o-transform-box: border-box!important;
	transform-box: border-box!important;
	will-change: unset!important
}

.p-coach-subject {
	padding-bottom: 60px;
	background: #f5f5fa
}

.p-coach-subject .coach-subject-detail {
	background: #fff;
	width: 860px;
	border-radius: 4px;
	float: left;
	padding: 24px 40px
}

.p-coach-subject .coach-subject-detail-head {
	margin-bottom: 20px;
	border-bottom: 1px solid #eee
}

.p-coach-subject .coach-subject-detail-head h1 {
	padding-bottom: 24px;
	font-size: 26px;
	line-height: 36px;
	color: #1a1a1a;
	font-weight: 700
}

.p-coach-subject .coach-subject-detail-head p {
	padding-bottom: 17px;
	font-size: 14px;
	color: #ccc;
	line-height: 14px
}

.p-coach-subject .coach-subject-detail-title-sec {
	padding-bottom: 8px;
	font-size: 14px;
	font-weight: 700;
	color: #333
}

.p-coach-subject .coach-subject-detail-title-sec .icon-zuoye {
	padding-right: 4px;
	color: #666
}

.p-coach-subject .coach-subject-detail .point-list li {
	margin-bottom: 18px
}

.p-coach-subject .coach-subject-detail .point-list li p:first-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px;
	color: #1a1a1a;
	height: 21px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 9px
}

.p-coach-subject .coach-subject-detail .point-list li p:first-child .circle {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #82d4e3;
	margin-right: 8px
}

.p-coach-subject .coach-subject-detail .point-list li p:nth-child(2) {
	font-size: 16px;
	line-height: 21px;
	color: #999
}

.p-coach-subject .coach-subject-detail&gt;div {
	font-size: 12px;
	color: #666;
	line-height: 18px
}

.p-coach-subject .coach-subject-detail&gt;div img {
	display: block;
	margin: 20px auto;
	max-width: 100%
}

.p-coach-subject .coach-subject-msg {
	width: 320px!important;
	float: right
}

.p-coach-subject .coach-subject-msg .btn {
	display: block;
	width: 120px;
	height: 40px;
	background: #f8feff;
	border-radius: 4px;
	border: 1px solid #2eb8d0;
	text-align: center;
	color: #2eb8d0;
	line-height: 38px;
	margin: 40px auto 15px
}

.p-coach-subject .coach-subject-msg .btn:hover {
	color: #2eb8d0
}

.p-coach-subject .coach-subject-question {
	margin-bottom: 60px
}

.p-coach-subject .coach-subject-msg-submit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
	padding: 20px;
	background-color: #fff;
	border-radius: 4px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.p-coach-subject .coach-subject-msg-submit-btn {
	width: 240px;
	height: 60px;
	line-height: 60px;
	border-radius: 4px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(left,#7bdceb,#45b7d2);
	font-size: 18px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.p-coach-subject .coach-subject-msg-submit-btn i {
	padding-right: 3px
}

.p-coach-subject .coach-question-msg-title-box {
	padding: 14px 17px;
	background-color: #fff;
	border-bottom: 1px solid #eee;
	font-size: 18px;
	font-weight: 700;
	color: #333;
	border-radius: 4px 4px 0 0
}

.p-coach-subject .coach-question-msg-title-sec {
	padding-top: 24px;
	padding-bottom: 10px;
	font-size: 16px;
	color: #1a1a1a;
	line-height: 24px
}

.p-coach-subject .coach-question-msg-class-type {
	display: block;
	margin-bottom: 14px
}

.p-coach-subject .coach-question-msg-class-type.coach-question-msg-class-type-last {
	margin-bottom: 0
}

.p-coach-subject .coach-question-msg-class {
	padding: 0 14px;
	background-color: #fff;
	border-radius: 0 0 4px 4px
}

.p-coach-subject .coach-question-msg-class .coach-question-msg-teacher {
	padding-left: 4px;
	font-size: 14px;
	color: #666;
	line-height: 22px
}

.p-coach-subject .coach-question-msg-class .coach-question-msg-class-info {
	display: block;
	padding-bottom: 24px
}

.p-coach-subject .u-coach-title--subject {
	padding-top: 40px;
	margin-bottom: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.p-coach-subject .u-coach-title--subject h2 {
	font-size: 22px;
	font-weight: 700;
	color: #333
}

.p-coach-subject .u-coach-title--subject span {
	font-size: 14px
}

.p-coach-subject .u-coach-title--subject a {
	font-size: 14px;
	color: #666
}

.p-coach-subject .u-coach-title--subject a:hover {
	color: #666
}

.p-coach-subject .u-coach-title--subject ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 15px
}

.p-coach-subject .u-coach-title--subject li {
	margin-left: 25px
}

.p-coach-subject .u-coach-title--subject li.active a {
	background: #2eb8d0;
	border-radius: 4px;
	padding: 5px 12px;
	color: #fff;
	font-size: 14px
}

.p-coach-tag {
	background: #f5f5fa
}

.coach-tag-recommend-list .title {
	font-size: 16px;
	font-weight: 700;
	color: #333
}

.coach-tag-recommend-list .article-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px
}

.coach-tag-recommend-list .article-list li {
	list-style: none;
	margin-right: 24px;
	margin-top: 10px;
	font-size: 14px
}

.coach-tag-recommend-list .article-list li a {
	color: #333
}

.coach-tag-recommend-list .article-list:last-of-type {
	margin-bottom: 0
}

.p-coach-tag-detail {
	background: #f5f5fa;
	padding-bottom: 60px
}

.p-coach-tag-detail .c-course {
	margin-bottom: 30px
}

.p-coach-tag-detail .c-course:nth-of-type(4n) {
	margin-right: 0
}

.coach-tag-detail-title {
	height: 22px;
	line-height: 22px;
	font-size: 22px;
	color: #1a1a1a;
	font-weight: 700;
	margin-top: 40px
}

.coach-tag-detail-title.course-title {
	margin-bottom: 22px
}

.coach-tag-detail-title.tag-article-title {
	margin-top: 32px;
	margin-bottom: 22px
}

.coach-tag-detail-title.tag-title {
	margin-top: 60px;
	margin-bottom: 22px
}

.coach-tag-detail-title.tag-title:first-of-type {
	margin-top: 32px
}

.coach-tag-detail-description {
	font-size: 16px;
	line-height: 24px;
	color: #aaa;
	margin-top: 12px
}

.coach-tag-detail-question-item-wrap {
	clear: both;
	height: auto
}

.coach-tag-detail-tag-recommend-title {
	clear: both;
	font-size: 22px;
	color: #1a1a1a;
	font-weight: 700;
	margin-top: 48px
}

.coach-tag-detail-tag-recommend-title.coach-tag-detail-article-title {
	margin-top: 60px
}

.coach-tag-detail-article-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.coach-tag-detail-article-area .article {
	width: 588px;
	height: 138px;
	background: #fff;
	border-radius: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 18px;
	margin-right: 24px;
	margin-bottom: 25px
}

.coach-tag-detail-article-area .article:nth-of-type(2n) {
	margin-right: 0
}

.coach-tag-detail-article-area .article-img {
	width: 153px;
	height: 102px;
	margin-right: 18px
}

.coach-tag-detail-article-area .article-info {
	width: 378px
}

.coach-tag-detail-article-area .article-info h3 {
	height: 18px;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 8px;
	color: #1a1a1a;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 378px
}

.coach-tag-detail-article-area .article-info-title {
	color: #1a1a1a
}

.coach-tag-detail-article-area .article-info-box {
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 40px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	margin-bottom: 20px
}

.coach-tag-detail-article-area .article-info&gt;div span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 12px;
	font-size: 12px;
	line-height: 12px;
	margin-right: 40px;
	color: #999
}

.coach-tag-detail-tag-recommend-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.coach-tag-detail-tag-recommend-area a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	font-size: 14px;
	padding: 0 12px;
	color: #333;
	background: #fff;
	margin-right: 24px;
	margin-bottom: 20px
}

.coach-tag-detail-tag-recommend-area a:hover {
	color: #fff;
	background: #2eb8d0
}

.coach-tag-detail-article-recommend-area ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.coach-tag-detail-article-recommend-area ul li {
	width: 50%;
	height: 54px;
	line-height: 54px
}

.coach-tag-detail-article-recommend-area ul li a {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
	color: #1a1a1a
}

.coach-tag-detail-article-recommend-area ul li a:hover {
	color: #2eb8d0
}

.coach-tag-detail-article-recommend-area ul li:nth-of-type(1n) {
	padding-right: 60px;
	border-right: 1px solid #e6e6e6
}

.coach-tag-detail-article-recommend-area ul li:nth-of-type(2n) {
	padding-left: 60px;
	padding-right: 0
}

.coach-tag-detail-article-recommend-area ul li:last-of-type a,.coach-tag-detail-article-recommend-area ul li:nth-last-of-type(2) a {
	border-bottom: none
}

.p-article-index {
	/* padding-top: 60px */
}

.c-hot-tag {
	max-width: 400px
}

.c-hot-tag a {
	cursor: pointer;
	display: inline-block;
	padding: 1px 10px;
	border-radius: 15px;
	border: 1px solid #e6e6e6;
	color: #999;
	font-size: 14px;
	margin-right: 18px;
	margin-bottom: 18px
}

.c-hot-tag a:hover {
	color: #2eb8d0;
	border: 1px solid #2eb8d0
}

.c-hot-tag-title {
	font-size: 20px;
	color: #1a1a1a;
	margin-bottom: 24px;
	margin-top: 24px
}

.c-hot-tag-title i {
	float: left;
	width: 4px;
	height: 20px;
	background: #2eb8d0;
	margin-right: 12px;
	margin-top: 7px
}

.p-article-index-left {
	border-right: 1px solid #e6e6e6
}

.p-article-detail .l-container-wide {
	max-width: 1200px
}

.p-article-detail .art-mgb-30 {
	margin-bottom: 30px
}

.p-article-detail .el-tabs__nav-next,.p-article-detail .el-tabs__nav-prev {
	top: -10px
}

.p-article-detail-breadcrumb {
	padding-top: 0!important
}

.article-detail-left {
	float: left;
	width: 736px;
	padding-right: 40px;
	margin-top: 40px;
	border-right: 1px solid #eee
}

.article-detail-left .image-wrapper,.article-detail-left .image-wrapper img {
	max-width: 695px!important
}

.article-detail-font {
	margin-bottom: 24px;
	border-bottom: 1px solid #eee
}

.article-detail-font h1 {
	font-size: 26px;
	color: #1a1a1a;
	line-height: 40px
}

.article-detail-font span {
	display: inline-block;
	margin: 20px 40px 12px 0;
	font-size: 14px;
	color: #999
}

.article-detail-font-collect {
	float: right;
	color: #2eb8d0!important;
	margin: 20px 0 12px!important
}

.article-detail-font-collect i {
	cursor: pointer;
	margin-left: 8px;
	font-size: 18px;
	color: #2eb8d0
}

.article-detail-font-collect-wrap {
	float: right
}

.article-detail-content {
	font-size: 16px;
	color: #1a1a1a;
	line-height: 28px
}

.article-detail-content .container {
	width: 100%
}

.article-detail-content .article-detail-cover {
	padding-bottom: 20px;
	margin: 0 auto 20px;
	text-align: center;
	border-bottom: 1px solid #eee
}

.article-detail-content .article-detail-cover img {
	width: auto!important
}

.article-detail-content img {
	height: auto!important;
	max-width: 100%!important;
	margin: 10px auto
}

.article-detail-content iframe {
	max-width: 100%!important
}

.article-detail-pagination {
	font-size: 14px;
	color: #666;
	padding: 60px 0;
	line-height: 40px
}

.article-detail-pagination a {
	display: inline-block;
	margin-left: 24px;
	color: #666
}

.article-detail-pagination a:hover {
	color: #2eb8d0
}

.article-detail-right {
	float: right;
	margin-top: 40px;
	width: 460px;
	padding: 0 40px
}

.article-detail-right .article-meiqia-img {
	display: block;
	width: 100%;
	cursor: pointer;
	margin-bottom: 30px
}

.article-detail-right .article-detail-tabs .el-tabs__nav-scroll {
	height: 30px;
	padding-left: 0
}

.article-detail-right .article-detail-tabs .el-tabs__nav-scroll .el-tabs__nav {
	height: 30px
}

.article-detail-right .article-detail-tabs .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item {
	height: 30px;
	line-height: 22px;
	font-size: 14px;
	color: #666
}

.article-detail-right .article-detail-tabs .el-tabs__nav-scroll .el-tabs__nav .is-active {
	color: #2eb8d0;
	font-weight: 400
}

.hot-article-list {
	margin-bottom: 24px
}

.hot-article-list li {
	width: 380px;
	height: 22px;
	line-height: 22px;
	margin-top: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	padding-left: 17px
}

.hot-article-list li a {
	font-size: 14px;
	color: #1a1a1a
}

.hot-article-list li a:hover {
	color: #2eb8d0
}

.hot-article-list li .circle {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #d8d8d8;
	position: absolute;
	left: 0;
	top: 9px
}

.article-detail-title {
	font-size: 20px;
	color: #1a1a1a;
	margin-bottom: 12px
}

.article-detail-title i {
	float: left;
	width: 4px;
	height: 20px;
	background: #2eb8d0;
	margin-right: 12px;
	margin-top: 7px
}

.article-detail-box-img {
	width: 380px;
	height: 190px;
	margin-top: 18px;
	overflow: hidden
}

.article-detail-box-img img {
	width: 100%
}

.article-detail-box-title {
	display: block;
	font-size: 16px;
	color: #666;
	margin: 12px 0 18px
}

.article-detail-box-title:hover {
	color: #2eb8d0
}

.p-article-list .breadcrumb {
	margin: 40px 0
}

.p-article-list .header {
	margin-bottom: 40px;
	width: 740px
}

.p-article-list .header h3 {
	font-size: 22px;
	color: #1a1a1a;
	font-weight: 700;
	height: 22px;
	line-height: 22px
}

.p-article-list .header p {
	font-size: 16px;
	line-height: 24px;
	color: #999;
	margin-top: 16px
}

.p-article-list .c-hot-tag-title {
	margin-top: 0
}

.p-coach-tag {
	background: #fff;
	padding-bottom: 60px
}

.coach-tag-title {
	font-size: 22px;
	color: #1a1a1a;
	font-weight: 700;
	margin-bottom: 12px
}

.coach-tag-top-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.coach-tag-top-list span {
	display: inline-block;
	width: 120px;
	font-size: 16px;
	color: #333
}

.coach-tag-top-list li {
	width: 37px;
	list-style: none;
	text-align: left;
	font-size: 16px
}

.coach-tag-top-list li a {
	color: #666
}

.coach-tag-top-list li a:hover {
	font-weight: 700;
	color: #2eb8d0
}

.coach-tag-alphabet-list {
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 40px;
	margin-top: 24px
}

.coach-tag-alphabet-list li {
	list-style: none;
	position: relative
}

.coach-tag-alphabet-list .anchor {
	width: 2px;
	height: 2px;
	background: transparent;
	position: absolute;
	top: -55px
}

.coach-tag-alphabet-list .row-label {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin: 16px 0
}

.coach-tag-alphabet-list .label-list .label-item {
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0 12px;
	background: #fff;
	font-size: 14px;
	color: #333;
	margin-right: 24px;
	margin-bottom: 24px;
	border-radius: 15px
}

.coach-tag-alphabet-list .label-list .label-item:hover {
	background: #2eb8d0;
	color: #fff
}

.c-encyclopedia-hot {
	margin-bottom: 20px
}

.c-encyclopedia-hot-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-encyclopedia-hot-title span {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	background: #999;
	color: #fff;
	margin-right: 10px;
	text-align: center;
	margin-top: 3px
}

.c-encyclopedia-hot-title:first-of-type span {
	background: #d70000
}

.c-encyclopedia-hot-title:nth-of-type(2) span {
	background: #ff6000
}

.c-encyclopedia-hot-title:nth-of-type(3) span {
	background: #ff9a22
}

.c-encyclopedia-hot-title:last-of-type {
	border-bottom: none
}

.c-encyclopedia-hot-title a {
	width: 346px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 18px;
	color: #1a1a1a
}

.c-encyclopedia-hot-title a:hover {
	color: #2eb8d0
}

.c-encyclopedia-hot-detail {
	margin-top: 5px;
	padding-left: 32px
}

.c-encyclopedia-hot-detail a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: 346px;
	font-size: 14px;
	color: #999;
	line-height: 22px
}

.c-encyclopedia-list {
	width: 740px;
	height: 180px;
	padding: 20px 36px 20px 0;
	border-bottom: 1px solid #eee
}

.c-encyclopedia-list:hover {
	background: hsla(0,0%,93%,.5)
}

.c-encyclopedia-list-img {
	display: inline-block;
	width: 210px;
	height: 140px;
	overflow: hidden
}

.c-encyclopedia-list-img img {
	width: 100%;
	border-radius: 8px
}

.c-encyclopedia-list-info {
	display: inline-block;
	width: 470px;
	height: 140px;
	margin-left: 18px;
	vertical-align: top;
	padding-top: 12px;
	position: relative;
	overflow: hidden
}

.c-encyclopedia-list-info-box {
	height: 60px;
	display: block;
	overflow: hidden
}

.c-encyclopedia-list-info h3 {
	font-size: 18px;
	width: 470px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 18px;
	color: #1a1a1a
}

.c-encyclopedia-list-info p {
	font-size: 14px;
	color: #999;
	margin: 16px 0 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.c-encyclopedia-list-info&gt;div {
	width: 100%;
	position: absolute;
	bottom: 12px
}

.c-encyclopedia-list-info&gt;div span {
	font-size: 12px;
	color: #999;
	margin-right: 40px
}

.p-encyclopedia-index .u-index-title {
	margin: 20px 0 0;
	height: 95px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.p-encyclopedia-index .u-index-title-tabs {
	border: none
}

.p-encyclopedia-index .icon-label {
	width: 58px;
	height: 24px
}

.p-encyclopedia-index .icon-label.hot {
	margin-bottom: 20px
}

.p-encyclopedia-index .title-area {
	width: 380px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	margin-bottom: 18px
}

.p-encyclopedia-index .title-area span {
	font-size: 20px;
	color: #1a1a1a
}

.p-encyclopedia-index .title-area .more {
	font-size: 12px;
	color: #666
}

.p-encyclopedia-index .recommend-list li {
	width: 380px;
	height: 190px;
	background: red;
	margin-bottom: 12px
}

.p-encyclopedia-index .recommend-list li:last-child {
	margin-bottom: 35px
}

.p-encyclopedia-tag {
	background: #f5f5fa;
	padding-bottom: 60px
}

.encyclopedia-tag-title {
	font-size: 22px;
	color: #1a1a1a;
	font-weight: 700;
	margin-bottom: 12px
}

.encyclopedia-tag-top-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.encyclopedia-tag-top-list span {
	display: inline-block;
	width: 120px;
	font-size: 16px;
	color: #333
}

.encyclopedia-tag-top-list li {
	width: 37px;
	list-style: none;
	text-align: left;
	font-size: 16px
}

.encyclopedia-tag-top-list li a {
	color: #666
}

.encyclopedia-tag-top-list li a:hover {
	font-weight: 700;
	color: #2eb8d0
}

.encyclopedia-tag-alphabet-list {
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 40px;
	margin-top: 24px
}

.encyclopedia-tag-alphabet-list li {
	list-style: none;
	position: relative
}

.encyclopedia-tag-alphabet-list .anchor {
	width: 2px;
	height: 2px;
	background: transparent;
	position: absolute;
	top: -55px
}

.encyclopedia-tag-alphabet-list .row-label {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin: 16px 0
}

.encyclopedia-tag-alphabet-list .label-list .label-item {
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0 12px;
	background: #fff;
	font-size: 14px;
	color: #333;
	margin-right: 24px;
	margin-bottom: 24px;
	border-radius: 15px
}

.encyclopedia-tag-alphabet-list .label-list .label-item:hover {
	background: #2eb8d0;
	color: #fff
}

.p-encyclopedia-detail .art-mgb-30 {
	margin-bottom: 30px
}

.p-encyclopedia-detail .el-tabs__nav-next,.p-encyclopedia-detail .el-tabs__nav-prev {
	top: -10px
}

.p-encyclopedia-detail-breadcrumb {
	padding-top: 0!important;
	margin-left: -40px!important
}

.encyclopedia-detail-left {
	float: left;
	width: 736px;
	padding-left: 40px;
	margin-top: 40px
}

.encyclopedia-detail-font {
	margin-bottom: 24px;
	border-bottom: 1px solid #eee
}

.encyclopedia-detail-font h1 {
	font-size: 26px;
	color: #1a1a1a;
	line-height: 40px;
	margin-bottom: 20px
}

.encyclopedia-detail-font span {
	display: inline-block;
	margin: 20px 40px 12px 0;
	font-size: 14px;
	color: #999
}

.encyclopedia-detail-content {
	font-size: 16px;
	color: #1a1a1a;
	line-height: 28px
}

.encyclopedia-detail-content .encyclopedia-detail-cover {
	padding-bottom: 20px;
	margin: 0 auto 20px;
	text-align: center;
	border-bottom: 1px solid #eee
}

.encyclopedia-detail-content .encyclopedia-detail-cover img {
	width: auto!important
}

.encyclopedia-detail-content img {
	height: auto!important;
	max-width: 100%!important;
	margin: 10px auto
}

.encyclopedia-detail-content iframe {
	max-width: 100%!important
}

.encyclopedia-detail-pagination {
	font-size: 14px;
	color: #666;
	padding: 60px 0;
	line-height: 40px
}

.encyclopedia-detail-pagination a {
	display: inline-block;
	margin-left: 24px;
	color: #666
}

.encyclopedia-detail-pagination a:hover {
	color: #2eb8d0
}

.encyclopedia-detail-right {
	float: right;
	margin-top: 40px;
	width: 460px;
	padding: 0 40px
}

.encyclopedia-detail-right .encyclopedia-meiqia-img {
	display: block;
	width: 100%;
	cursor: pointer;
	margin-bottom: 30px
}

.encyclopedia-detail-right .encyclopedia-detail-tabs .el-tabs__nav-scroll {
	height: 30px;
	padding-left: 0
}

.encyclopedia-detail-right .encyclopedia-detail-tabs .el-tabs__nav-scroll .el-tabs__nav {
	height: 30px
}

.encyclopedia-detail-right .encyclopedia-detail-tabs .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item {
	height: 30px;
	line-height: 22px;
	font-size: 14px;
	color: #666
}

.encyclopedia-detail-right .encyclopedia-detail-tabs .el-tabs__nav-scroll .el-tabs__nav .is-active {
	color: #2eb8d0;
	font-weight: 400
}

.hot-encyclopedia-list {
	margin-bottom: 24px
}

.hot-encyclopedia-list li {
	width: 380px;
	margin-top: 16px
}

.hot-encyclopedia-list li .hot-encyclopedia-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 8px
}

.hot-encyclopedia-list li .hot-encyclopedia-title a {
	display: block;
	font-size: 18px;
	color: #333;
	font-weight: 700;
	width: 360px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.hot-encyclopedia-list li .hot-encyclopedia-title a:hover {
	color: #2eb8d0
}

.hot-encyclopedia-list li .hot-encyclopedia-detail {
	display: -webkit-box;
	width: 362px;
	height: 44px;
	font-size: 14px;
	color: #999;
	line-height: 22px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-left: 18px
}

.hot-encyclopedia-list li .circle {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #82d4e3;
	margin-right: 12px
}

.more-tag {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 22px;
	font-size: 14px;
	color: #aaa;
	line-height: 22px;
	margin-bottom: 40px
}

.encyclopedia-detail-title {
	font-size: 20px;
	color: #1a1a1a;
	margin-bottom: 14px;
	padding-bottom: 9px;
	border-bottom: 1px solid #eee
}

.encyclopedia-detail-title.hot-title {
	border: none;
	margin-top: 36px;
	padding-bottom: 0
}

.encyclopedia-detail-hot-title {
	font-size: 20px;
	color: #1a1a1a;
	margin-bottom: 14px;
	padding-bottom: 9px;
	border-bottom: 1px solid #eee;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.encyclopedia-detail-hot-title a {
	font-size: 12px;
	color: #666
}

.encyclopedia-detail-box-img {
	width: 380px;
	height: 190px;
	margin-top: 18px;
	overflow: hidden
}

.encyclopedia-detail-box-img img {
	width: 100%
}

.encyclopedia-detail-box-title {
	display: block;
	font-size: 16px;
	color: #666;
	margin: 12px 0 18px
}

.encyclopedia-detail-box-title:hover {
	color: #2eb8d0
}

.p-encyclopedia-tag-detail .breadcrumb {
	margin: 40px 0
}

.p-encyclopedia-tag-detail .header {
	margin-bottom: 40px;
	width: 1200px
}

.p-encyclopedia-tag-detail .header h3 {
	font-size: 22px;
	color: #1a1a1a;
	font-weight: 700;
	height: 22px;
	line-height: 22px
}

.p-encyclopedia-tag-detail .header p {
	font-size: 16px;
	line-height: 24px;
	color: #999;
	margin-top: 16px
}

.p-encyclopedia-tag-detail .p-article-index-left {
	border-right: none
}

.p-encyclopedia-tag-detail .c-encyclopedia-list {
	border-bottom: none;
	width: 1200px
}

.p-encyclopedia-tag-detail .c-encyclopedia-list-info {
	width: 930px
}

.p-student-file-wrapper {
	background-color: #f5f5fa;
	padding: 20px 0
}

.p-student-file {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0 auto;
	width: 1200px;
	background-color: #fff;
	padding: 26px 317px
}

.p-student-file .student-file-title {
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	color: #333;
	margin-bottom: 30px
}

.p-student-file .student-file-question {
	width: 1000px;
	margin-bottom: 24px;
	font-size: 12px;
	color: #666
}

.p-student-file .student-file-question .sutdent-file-question-title {
	font-size: 14px;
	color: #1a1a1a;
	margin-bottom: 10px;
	line-height: 22px
}

.p-student-file .el-checkbox,.p-student-file .el-radio {
	width: 300px;
	height: 18px;
	margin-bottom: 14px
}

.p-student-file .el-input {
	display: inline-block;
	width: 262px;
	height: 30px
}

.p-student-file .el-input .el-input__inner {
	height: 28px
}

.p-student-file .sub-btn-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-class-list-student-works .c-student-works-wrap {
	padding-top: 60px
}

.c-class-list-student-works .c-student-works {
	cursor: pointer;
	display: inline-block;
	margin-right: 22px;
	vertical-align: top;
	width: 280px;
	height: 210px;
	border-radius: 8px;
	font-size: 0;
	position: relative;
	overflow: hidden
}

.c-class-list-student-works .c-student-works .works-img {
	width: 280px
}

.c-class-list-student-works .c-student-works .works-font {
	position: absolute;
	padding: 0 12px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 280px;
	height: 56px;
	line-height: 56px;
	border-radius: 0 0 8px 8px;
	background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.6)));
	background: linear-gradient(180deg,transparent,rgba(0,0,0,.6))
}

.c-class-list-student-works .c-student-works .works-font span {
	display: inline-block;
	width: 200px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.c-class-list-student-works .c-student-works .face-img {
	margin-top: 12px;
	width: 32px;
	height: 32px;
	margin-right: 8px;
	float: left;
	border-radius: 50%
}

.c-class-list-student-works .c-student-works:nth-of-type(4n) {
	margin-right: 0
}

.c-class-list-student-works .c-student-works:first-of-type {
	margin-bottom: 24px
}

.c-class-list-box .c-class-list-tab {
	padding-top: 27px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-class-list-box .c-class-list-tab .class-tab-item {
	width: 167px;
	height: 40px;
	text-align: center;
	margin-right: 28px;
	-webkit-box-shadow: 0 3px 9px 0 hsla(0,0%,69%,.58);
	box-shadow: 0 3px 9px 0 hsla(0,0%,69%,.58);
	background-color: #fff;
	border-radius: 20px;
	font-size: 21px;
	color: #bbb;
	line-height: 40px;
	cursor: pointer
}

.c-class-list-box .c-class-list-tab .class-tab-item.active {
	background-color: #00b2cd;
	color: #fff;
	font-weight: 700
}

.c-class-list-box .c-class-list-pre {
	width: 100%;
	height: 600px;
	background: #fff;
	-webkit-box-shadow: 0 3px 9px 0 hsla(0,0%,69%,.58);
	box-shadow: 0 3px 9px 0 hsla(0,0%,69%,.58);
	border-radius: 15px;
	margin-top: 12px
}

.c-class-list-box .c-class-list-pre .class-pre-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-class-list-box .c-class-list-pre .class-pre-head .class-pre-left {
	position: relative;
	width: 850px;
	height: 358px;
	background-color: #000;
	border-radius: 15px 0 0 0;
	background-size: 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	overflow: hidden
}

.c-class-list-box .c-class-list-pre .class-pre-head .class-pre-left .play-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.3)
}

.c-class-list-box .c-class-list-pre .class-pre-head .class-pre-left .play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -40px;
	width: 80px;
	height: 80px;
	opacity: .6;
	border-radius: 50%;
	background-image: url(../images/play-pause.fb8f6ca.png);
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
	z-index: 1
}

.c-class-list-box .c-class-list-pre .class-pre-head .class-pre-right {
	padding-top: 29px;
	width: 350px;
	height: 358px;
	background: #0e354d;
	border-radius: 0 15px 0 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-class-list-box .c-class-list-pre .class-pre-head .class-pre-btn {
	margin: auto auto 20px;
	width: 225px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background-color: #fff;
	border-radius: 10px;
	font-size: 21px;
	font-weight: 700;
	color: #00a6c8;
	-webkit-box-shadow: 1px 4px 4px #333;
	box-shadow: 1px 4px 4px #333;
	cursor: pointer
}

.c-class-list-box .c-class-list-pre .class-pre-head .class-pre-btn:hover {
	background-color: #00b2cd;
	color: #fff
}

.c-class-list-box .c-class-list-pre .class-pre-foot {
	padding-left: 50px;
	padding-right: 50px
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-info {
	padding-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-info .user-header {
	margin-right: 30px;
	width: 126px;
	height: 126px;
	background: #999;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-info .user-header img {
	max-width: 100%
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-info .user-info-left {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-info .user-name-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-info .user-name-top .user-name {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	cursor: pointer
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-info .user-name-top .user-name .name {
	padding-bottom: 5px
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-info .user-name-top .user-name .name .name-tip {
	font-size: 21px;
	color: #00a6c8
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-info .user-name-top .user-name .name .name-text {
	font-size: 32px;
	font-weight: 700;
	color: #00a6c8
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-info .user-name-top .user-name .intro {
	font-size: 16px;
	font-weight: 400;
	color: #595959;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-info .user-name-top .en-intro {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	text-align: right;
	font-size: 16px;
	font-family: Metropolis;
	font-weight: 400;
	color: #c2c1c1
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-info .user-name-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 16px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-info .user-name-bottom .user-dot {
	width: 9px;
	height: 9px;
	border: 1px solid #c2c1c1;
	display: inline-block;
	border-radius: 100%;
	content: ""
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-info .user-name-bottom .user-line {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 1px;
	background-color: #eaeaea;
	border-radius: 15px
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-intro {
	padding-top: 24px
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-intro .intro-item {
	padding-bottom: 5px
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-intro .intro-item .intro-name {
	font-size: 16px;
	color: #00a6c8
}

.c-class-list-box .c-class-list-pre .class-pre-foot .user-intro .intro-item .intro-content {
	font-size: 16px;
	color: #595959
}

.c-class-list-danmu .list-danmu-box {
	position: relative;
	margin-top: 39px;
	height: 350px;
	-webkit-box-shadow: 0 10px 24px 0 rgba(170,195,216,.22);
	box-shadow: 0 10px 24px 0 rgba(170,195,216,.22);
	border-radius: 24px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden
}

.c-class-list-danmu .danmu-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-class-list-danmu .danmu {
	position: absolute;
	top: 15px;
	-webkit-animation: danmu 80s linear 0s infinite;
	animation: danmu 80s linear 0s infinite
}

@-webkit-keyframes danmu {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@keyframes danmu {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

.c-class-list-300day {
	max-width: 1920px;
	height: 860px;
	margin: auto;
	background-image: url(../images/bg-300day.5dc3e1b.png);
	background-size: auto;
	background-repeat: no-repeat
}

.c-class-list-300day .u-class-title h2 {
	color: #fff!important
}

.c-class-list-300day .u-class-title p {
	color: #f9f9fb!important
}

.c-class-list-300day .class-image {
	position: relative
}

.c-class-list-300day .class-image .class-border {
	width: 1045px;
	height: 560px;
	border: 2px solid #f9f9fb;
	margin: 42px auto auto
}

.c-class-list-300day .class-image .class-image-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 19px;
	left: 0
}

.c-class-list-300day .class-image .class-image-list img {
	margin: 5px;
	cursor: pointer
}

.c-class-list-300day .class-image .class-image-list .image-box-left .box-bottom,.c-class-list-300day .class-image .class-image-list .image-box-left .box-top,.c-class-list-300day .class-image .class-image-list .image-box-left .box-top .image-item-right .img-bottom,.c-class-list-300day .class-image .class-image-list .image-box-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-class-list-why {
	position: relative;
	max-width: 1920px;
	margin: auto
}

.c-class-list-why .why-wrapper {
	padding-top: 60px;
	position: relative;
	width: 100%;
	padding-bottom: 168px;
	min-width: 1200px;
	overflow: hidden
}

.c-class-list-why .why-wrapper .why-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-class-list-why .why-wrapper .why-img {
	width: 705px;
	height: 694px;
	z-index: 1
}

.c-class-list-why .why-wrapper .reason-info {
	margin: 28px 0 0 26px;
	width: 535;
	height: 635px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1
}

.c-class-list-why .why-wrapper .reason-info ::-webkit-scrollbar {
	display: none
}

.c-class-list-why .why-wrapper .why-bac {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 660px;
	background-size: 100% 100%;
	background-position: 50%;
	z-index: 0
}

.c-class-list-why .why-wrapper .home-why-bac {
	background-image: url(../images/home-why-bac.04f91b3.png)
}

.c-class-list-why .why-bac-top {
	top: 845px;
	right: 0;
	width: 200px;
	height: 1665px;
	background-image: url(../images/class-home-top-bac.34801ba.png)
}

.c-class-list-why .why-bac-left,.c-class-list-why .why-bac-top {
	position: absolute;
	background-size: 100% 100%;
	background-position: 50%;
	z-index: 0
}

.c-class-list-why .why-bac-left {
	top: 446px;
	left: -282px;
	width: 232px;
	height: 1000px;
	background-image: url(../images/class-home-left-bac.7388f89.png)
}

.c-class-list-why .wy-sec-title {
	width: 751px;
	height: 87px;
	margin: auto;
	background-image: url(../images/wy-sec-title-bac.95f6bc3.png);
	background-size: 100%;
	background-repeat: no-repeat
}

.c-class-list-why .wy-image-item {
	margin-top: 34px
}

.c-class-list-why .wy-image-item.wy-image-item-first {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-class-list-why .wy-image-item.wy-image-item-first .wy-image-left {
	position: relative;
	left: 44px;
	top: 50px;
	width: 664px;
	height: 506px
}

.c-class-list-why .wy-image-item.wy-image-item-first .wy-image-right {
	position: relative;
	z-index: 2
}

.c-class-list-why .wy-image-item img {
	position: relative;
	z-index: 1;
	display: inline-block;
	max-width: 100%;
	height: auto
}

.c-class-list-why .l-container-wide {
	position: relative
}

.c-class-list-state .u-class-state {
	padding-bottom: 100px;
	padding-top: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-class-list-state .u-class-state .state-item {
	margin-right: 50px;
	border-radius: 10px;
	width: 250px;
	height: 580px
}

.c-class-list-state .u-class-state .state-item img {
	max-width: 100%;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: transparent
}

.c-class-list-state .u-class-state .state-item img:hover {
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-box-shadow: 1px 1px 12px #aaa;
	box-shadow: 1px 1px 12px #aaa;
	border-radius: 12px;
	overflow: hidden;
	background-color: transparent
}

.c-class-list-team .team-swiper-box {
	position: relative;
	width: 100%;
	height: 600px
}

.c-class-list-team .team-swiper-box .swiper-bg {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	height: 291px;
	margin-top: -150px;
	background: #00b2cd;
	z-index: 1
}

.c-class-list-team .team-swiper-box .u-class-swiper-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 1200px;
	height: 100%;
	z-index: 2
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	border-radius: 10px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 49px 0 hsla(0,0%,56%,.3);
	box-shadow: 0 0 49px 0 hsla(0,0%,56%,.3);
	height: 460px;
	-webkit-transition: .5s;
	transition: .5s
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide .user-item {
	position: relative;
	padding: 21px 18px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide .user-item .user-image {
	width: 244px;
	height: 330px;
	border-radius: 5px;
	overflow: hidden
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide .user-item .user-image img {
	width: 244px
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide .user-item .user-image .user-works {
	display: block
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide .user-item .user-image .user-header {
	display: none
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide .user-item .user-name {
	margin-top: 16px;
	font-size: 28px;
	font-weight: 700;
	color: #595959;
	line-height: 29px
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide .user-item .user-intro {
	display: block;
	margin-top: 15px;
	font-size: 20px;
	font-weight: 400;
	color: #595959;
	line-height: 16px
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide .user-item .user-intro-sec {
	max-height: 197px;
	overflow-y: auto;
	text-align: left;
	display: none;
	font-size: 14px!important;
	line-height: 24px
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide .user-item .user-intro-sec::-webkit-scrollbar {
	width: 2px
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide .user-item .user-intro-sec::-webkit-scrollbar-thumb {
	background: hsla(0,0%,100%,.2);
	border-radius: 100px
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide .user-item .user-btn {
	position: absolute;
	left: 50%;
	margin-left: -88px;
	bottom: 20px;
	display: none;
	width: 176px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	background: #fff;
	border-radius: 26px;
	font-size: 16px;
	color: #00b2cd
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide:hover {
	background-color: #00b2cd
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide:hover .user-item {
	padding: 21px 18px
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide:hover .user-item .user-image {
	width: 100px;
	height: 100px;
	margin: auto;
	border-radius: 50%;
	overflow: hidden
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide:hover .user-item .user-image img {
	width: 100px
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide:hover .user-item .user-image .user-works {
	display: none
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide:hover .user-item .user-image .user-header {
	display: block
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide:hover .user-item .user-name {
	color: #fff;
	line-height: 29px;
	font-size: 24px
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide:hover .user-item .user-intro {
	display: none;
	margin-top: 10px;
	color: #fff;
	line-height: 24px;
	font-size: 16px
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide:hover .user-item .user-intro-sec {
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	overflow: hidden
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-slide:hover .user-item .user-btn {
	display: block
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-button-next,.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-container-rtl .swiper-button-prev {
	width: 40px;
	height: 40px;
	background-size: 100%;
	right: 5px;
	background-image: url(../images/swiper-button-next.87fb603.png)
}

.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-button-prev,.c-class-list-team .team-swiper-box .u-class-swiper-container .swiper-container-rtl .swiper-button-next {
	width: 40px;
	height: 40px;
	background-size: 100%;
	left: 5px;
	background-image: url(../images/swiper-button-prev.a656522.png)
}

.c-class-list-honor .list-honor-box {
	padding-top: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-class-list-honor .list-honor-box .honor-video {
	position: relative;
	width: 600px;
	height: 510px;
	background: #202020;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	cursor: pointer
}

.c-class-list-honor .list-honor-box .honor-video .video-img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 600px
}

.c-class-list-honor .list-honor-box .honor-video .video-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -40px;
	width: 80px;
	height: 80px;
	opacity: .6;
	border-radius: 50%;
	background-image: url(../images/play-pause.fb8f6ca.png);
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer
}

.c-class-list-honor .honor-info {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-class-list-honor .honor-info .info-tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-class-list-honor .honor-info .info-tab .tab-item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 70px;
	line-height: 70px;
	background: #2caec1;
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	text-align: center;
	cursor: pointer
}

.c-class-list-honor .honor-info .info-tab .tab-item.active {
	background-color: #8bd6e1;
	color: #006472
}

.c-class-list-honor .honor-info .info-tab-wrap {
	position: relative;
	background-color: #8bd6e1;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 440px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-class-list-honor .honor-info .info-tab-wrap .honor {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px
}

.c-class-list-honor .honor-info .info-tab-wrap .honor p {
	line-height: 24px;
	font-size: 14px;
	color: #006472;
	padding-bottom: 14px
}

.c-class-list-honor .honor-info .info-tab-wrap .recommend {
	padding-top: 46px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-class-list-honor .honor-info .info-tab-wrap .recommend .recommend-item {
	width: 273px;
	height: 100px;
	margin-right: 8px;
	margin-bottom: 25px;
	cursor: pointer
}

.p-class-list .l-class-list--white {
	background: #fff;
	padding: 0 0 40px
}

.p-class-list .l-class-list--blue {
	background: #f5f5fa;
	padding: 0 0 40px
}

.p-class-list .l-class-list--no-bottom {
	padding-bottom: 0
}

.p-class-list .u-class-title {
	text-align: center;
	padding-top: 100px
}

.p-class-list .u-class-title h2 {
	display: inline-block;
	font-weight: 700;
	font-size: 36px;
	color: #000;
	line-height: 56px
}

.p-class-list .u-class-title h2:before {
	margin-right: 60px;
	background-image: url(../images/title-line-left.67a7bc8.png)
}

.p-class-list .u-class-title h2:after,.p-class-list .u-class-title h2:before {
	position: relative;
	top: 10px;
	width: 127px;
	height: 20px;
	display: inline-block;
	content: "";
	background-size: 100%;
	background-repeat: no-repeat
}

.p-class-list .u-class-title h2:after {
	margin-left: 60px;
	background-image: url(../images/title-line-right.edc213a.png)
}

.p-class-list .u-class-title p {
	font-size: 21px;
	color: #595959
}

.p-class-list .u-class-list-danmu {
	padding-top: 39px;
	padding-bottom: 100px
}

.p-class-list .wb-0 {
	background-image: url(../images/home-why-bac.04f91b3.png)
}

.p-class-list .c-class-list-item {
	margin-right: 24px;
	margin-bottom: 40px
}

.p-class-list .c-class-list-item:nth-of-type(3n) {
	margin-right: 0
}

.p-class-list .advantage {
	display: inline-block;
	width: 280px;
	height: 282px;
	background: #fff;
	-webkit-box-shadow: 0 12px 20px 0 rgba(46,184,208,.1);
	box-shadow: 0 12px 20px 0 rgba(46,184,208,.1);
	border-radius: 0 0 8px 8px;
	border-top: 4px solid #2eb8d0;
	font-size: 0;
	margin-right: 22px;
	text-align: center;
	padding-top: 46px;
	margin-bottom: 20px
}

.p-class-list .advantage img {
	width: 100px;
	height: 100px
}

.p-class-list .advantage p {
	font-size: 16px;
	line-height: 16px;
	color: #1a1a1a;
	margin-bottom: 20px
}

.p-class-list .advantage p:first-of-type {
	margin-top: 20px
}

.p-class-list .advantage:nth-of-type(5) {
	margin-right: 0
}

.class-insert-box {
	width: 1200px;
	margin: 20px auto;
	background: #f5f5fa;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	font-family: Segoe UI,Lucida Grande,Helvetica,Arial,Microsoft YaHei,FreeSans,Arimo,Droid Sans,wenquanyi micro hei,Hiragino Sans GB,Hiragino Sans GB W3,FontAwesome,sans-serif
}

.class-insert-box .insert-banner {
	width: 1200px;
	margin: 0 auto
}

.class-insert-box i {
	font-style: normal
}

.class-insert-box ul {
	list-style: none outside none;
	margin: 0;
	padding: 0
}

.class-insert-box img {
	border: 0;
	vertical-align: middle
}

.class-insert-box .insert-teacher-introduced {
	clear: both;
	padding-bottom: 100px
}

.class-insert-box .insert-teacher-introduced .title img {
	display: block;
	margin: 0 auto;
	padding-top: 100px
}

.class-insert-box .insert-teacher-introduced .introduced-box {
	width: 100%
}

.class-insert-box .insert-teacher-introduced .introduced-text {
	display: inline-block;
	width: 1070px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	margin-top: 200px;
	margin-bottom: 70px;
	background: #539ef4;
	padding: 25px 50px 35px 280px;
	float: right;
	position: relative
}

.class-insert-box .insert-teacher-introduced .introduced-text p {
	font-size: 20px;
	line-height: 30px;
	color: #fff
}

.class-insert-box .insert-teacher-introduced .introduced-text p span {
	font-size: 22px;
	line-height: 57px;
	font-weight: 700
}

.class-insert-box .insert-teacher-introduced .introduced-text p .name {
	font-size: 36px
}

.class-insert-box .insert-teacher-introduced .teacher-head {
	position: absolute;
	left: -100px;
	top: -80px;
	background-color: #fff;
	border: 4px solid #539ef4;
	padding: 10px
}

.student-guide {
	width: 1200px;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	background: #f5f5fa;
	font-family: Segoe UI,Lucida Grande,Helvetica,Arial,Microsoft YaHei,FreeSans,Arimo,Droid Sans,wenquanyi micro hei,Hiragino Sans GB,Hiragino Sans GB W3,FontAwesome,sans-serif
}

.student-guide .detail-content {
	max-width: 100%
}

.student-guide .insert-banner {
	width: 1200px;
	margin: 0 auto 50px
}

.student-guide i {
	font-style: normal
}

.student-guide ul {
	list-style: none outside none;
	margin: 0;
	padding: 0
}

.student-guide img {
	border: 0;
	vertical-align: middle
}

.student-guide .insert-item {
	margin-right: -40px;
	margin-top: 100px
}

.student-guide .insert-item li {
	width: 510px;
	min-height: 440px;
	float: left;
	margin-right: 40px;
	text-align: left;
	margin-left: 43px
}

.student-guide .insert-item li p {
	font-size: 34px;
	font-weight: 700;
	line-height: 57px
}

.student-guide .insert-item li span {
	font-size: 18px;
	line-height: 33px
}

.student-guide .insert-item li:first-child,.student-guide .insert-item li:nth-child(2) {
	margin-bottom: 50px
}

.student-guide .insert-schedule {
	clear: both
}

.student-guide .insert-schedule p {
	font-size: 40px;
	line-height: 69px;
	letter-spacing: 1px;
	color: #539ef4;
	text-align: center;
	font-weight: 700;
	margin: 100px 0 0
}

.student-guide .insert-schedule p span {
	font-size: 30px
}

.student-guide .insert-schedule img {
	display: block;
	margin: 100px auto
}

.student-guide .insert-graduation {
	position: relative;
	clear: both;
	padding: 10px 0 30px
}

.student-guide .insert-graduation .bgimg {
	position: absolute;
	right: 65px;
	top: 94px
}

.student-guide .insert-graduation .graduation-top {
	width: 1050px;
	margin: 0 auto
}

.student-guide .insert-graduation .graduation-top .graduation-title {
	width: 490px;
	height: 92px;
	margin: -80px auto 0
}

.student-guide .insert-graduation .graduation-top:last-of-type {
	margin-top: 100px
}

.student-guide .insert-graduation ul li {
	display: block;
	height: 240px;
	width: 1050px;
	clear: both;
	margin-bottom: 60px
}

.student-guide .insert-graduation ul li img {
	margin-right: 119px;
	float: left
}

.student-guide .insert-graduation ul li .graduation-direction {
	width: 495px;
	height: 89px;
	float: left;
	text-align: left
}

.student-guide .insert-graduation ul li .graduation-direction .title {
	font-size: 40px;
	color: rgba(0,0,0,.8);
	font-weight: 700;
	padding-top: 36px;
	padding-bottom: 24px
}

.student-guide .insert-graduation ul li .graduation-direction .title span {
	font-size: 23px;
	color: #539ef4
}

.student-guide .insert-graduation ul li .graduation-direction p {
	font-size: 20px;
	color: rgba(0,0,0,.8)
}

.l-foot-buy {
	width: 100%;
	height: 80px;
	line-height: 80px;
	background: url(../images/school-foot-buy.078d586.png) no-repeat 50%;
	color: #fff;
	position: fixed;
	bottom: -1px;
	left: 0;
	z-index: 1000
}

.l-foot-buy .l-foot-buy-container {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	font-style: italic;
	vertical-align: text-bottom
}

.l-foot-buy .l-foot-buy-container .foot-buy-money {
	font-size: 34px;
	color: #ffec16
}

.l-foot-buy .l-foot-buy-container .buy-btn {
	position: absolute;
	top: 17px;
	width: 138px;
	line-height: 44px;
	font-weight: lighter;
	color: #fff;
	font-size: 22px;
	padding: 0 24px;
	border-radius: 8px;
	text-align: center;
	font-style: normal;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 0 3px 0 #1cdafc;
	box-shadow: 0 0 3px 0 #1cdafc
}

.l-foot-buy .l-foot-buy-container .buy-btn:hover {
	border-radius: 8px;
	background: #fff;
	color: rgba(0,0,0,.8)
}

.l-foot-buy .l-foot-buy-container .open-consult {
	position: absolute;
	right: 540px
}

.l-foot-buy .l-foot-buy-container .buy-btn--right {
	right: 240px
}

.p-class-detail {
	background: #f5f5fa
}

.p-class-detail .el-carousel__item {
	background: none!important
}

.p-class-detail .el-carousel__arrow {
	width: 40px;
	height: 80px;
	border-radius: 4px
}

.p-class-detail .el-carousel__arrow i {
	font-size: 18px
}

.p-class-detail #active:hover .is-active {
	-webkit-animation: mymove 2s;
	animation: mymove 2s
}

.p-class-detail #active:hover .is-active+.el-carousel__item {
	z-index: 200;
	-webkit-transform: translateX(1137px) scale(1)!important;
	transform: translateX(1137px) scale(1)!important;
	-webkit-animation: mymove2 2s;
	animation: mymove2 2s
}

@-webkit-keyframes mymove {
	0% {
		left: 0
	}

	50% {
		left: -300px
	}

	to {
		left: 0
	}
}

@keyframes mymove {
	0% {
		left: 0
	}

	50% {
		left: -300px
	}

	to {
		left: 0
	}
}

@-webkit-keyframes mymove2 {
	0% {
		left: 50px
	}

	50% {
		left: -200px
	}

	to {
		left: 600px
	}
}

@keyframes mymove2 {
	0% {
		left: 50px
	}

	50% {
		left: -200px
	}

	to {
		left: 600px
	}
}

.p-class-detail h2 {
	color: #1a1a1a;
	font-size: 22px;
	line-height: 22px;
	font-weight: 700;
	margin: 60px 0 40px
}

.p-class-detail h1 {
	font-size: 26px;
	color: #1a1a1a;
	line-height: 26px;
	margin: 24px 0 12px
}

.p-class-detail .l-head {
	width: 1200px;
	height: 324px;
	-webkit-box-shadow: 0 10px 50px 0 rgba(0,0,0,.1);
	box-shadow: 0 10px 50px 0 rgba(0,0,0,.1);
	border-radius: 8px;
	overflow: hidden;
	background: #fff
}

.p-class-detail .l-head .icon-pc-bofang {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	top: -35px
}

.p-class-detail .l-head .video-font {
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 576px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.p-class-detail .head-video {
	overflow: hidden;
	width: 576px;
	height: 324px;
	border-radius: 8px 0 0 8px;
	float: left;
	font-size: 0;
	text-align: center;
	position: relative
}

.p-class-detail .head-video&gt;img {
	height: 324px
}

.p-class-detail .head-font {
	padding-right: 24px;
	margin-left: 600px
}

.p-class-detail .head-font button {
	margin-left: 24px
}

.p-class-detail .head-summary {
	font-size: 16px;
	color: #666;
	line-height: 26px;
	height: 104px
}

.p-class-detail .head-teacher {
	color: #999;
	font-size: 16px;
	line-height: 16px;
	padding: 12px 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 28px;
	height: 41px
}

.p-class-detail .l-shade {
	margin-top: 24px
}

.p-class-detail .l-shade span {
	margin-right: 12px
}

.p-class-detail .l-stage {
	height: 320px;
	width: 1200px;
	margin: 80px auto 0;
	position: relative;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.p-class-detail .l-stage:first-of-type .stage:first-of-type .stage-line {
	width: calc(100% + 18px);
	left: 0
}

.p-class-detail .l-stage:first-of-type .stage:first-of-type .stage-line.end-line {
	width: 135px
}

.p-class-detail .l-stage .stage--end .stage-line {
	width: 168px;
	left: -18px
}

.p-class-detail .l-stage-carousel .stage:first-of-type .stage-line {
	width: 150px;
	right: 0;
	left: 150px!important
}

.p-class-detail .stage {
	width: calc(25% - 12px);
	display: inline-block;
	height: 316px;
	border-radius: 8px;
	border: 1px solid #eee;
	font-size: 0;
	margin-right: 16px;
	background: #fff;
	position: relative
}

.p-class-detail .stage-line {
	display: block;
	position: absolute;
	right: 0;
	top: -36px;
	width: calc(100% + 18px);
	height: 2px;
	background: #2eb8d0
}

.p-class-detail .stage-img {
	border-radius: 8px 8px 0 0;
	width: 286px;
	height: 190px;
	overflow: hidden
}

.p-class-detail .stage-img img {
	width: 286px;
	height: 190px
}

.p-class-detail .stage-img img,.p-class-detail .stage-img img:hover {
	-webkit-transition: All .4s ease-in-out;
	transition: All .4s ease-in-out
}

.p-class-detail .stage-img img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.p-class-detail .stage-arrow {
	cursor: pointer;
	position: absolute;
	left: -80px;
	top: 106px;
	width: 40px;
	height: 80px;
	background: rgba(51,51,51,.2);
	border-radius: 4px;
	text-align: center
}

.p-class-detail .stage-arrow i {
	display: inline-block;
	color: #fff;
	font-size: 18px;
	margin-top: 30px
}

.p-class-detail .stage-arrow:hover {
	background: #333
}

.p-class-detail .stage-arrow-right {
	left: auto;
	right: -80px
}

.p-class-detail .stage-title {
	font-size: 16px;
	line-height: 20px;
	margin: 16px 0 12px;
	color: #1a1a1a;
	padding: 0 12px;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.p-class-detail .stage-summary {
	font-size: 14px;
	color: #999;
	padding: 0 12px;
	line-height: 22px;
	height: 66px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.p-class-detail .stage-dot {
	position: absolute;
	top: -48px;
	left: 132px;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	text-align: center;
	vertical-align: center;
	background: #f5f5fa;
	border: 1px solid #2eb8d0
}

.p-class-detail .stage-dot i {
	width: 12px;
	display: inline-block;
	margin-top: 5px;
	height: 12px;
	border-radius: 50%;
	background: #2eb8d0
}

.p-class-detail .stage-name {
	position: absolute;
	top: -78px;
	left: 0;
	font-size: 18px;
	line-height: 18px;
	width: 100%;
	color: #1a1a1a;
	text-align: center
}

.p-class-detail .stage:nth-of-type(4n) {
	margin-right: 0
}

.p-class-detail .l-works {
	width: 1200px;
	height: 407px;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 24px
}

.p-class-detail .l-works:last-of-type {
	margin-bottom: 0
}

.p-class-detail .works-head {
	padding: 24px;
	height: 108px;
	border-bottom: 1px solid #eee
}

.p-class-detail .works-head .face-img {
	float: left
}

.p-class-detail .works-name {
	margin: 8px 0 16px 72px;
	color: #1a1a1a;
	font-size: 14px;
	line-height: 14px;
	font-weight: 700
}

.p-class-detail .works-time {
	margin: 0 0 0 72px;
	font-size: 14px;
	line-height: 14px;
	color: #666
}

.p-class-detail .works-work {
	padding: 27px 26px 30px
}

.p-class-detail .works-item {
	display: inline-block;
	font-size: 0;
	width: 272px;
	height: 244px;
	background: #2eb8d0;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #eee;
	margin-right: 18px;
	text-align: center
}

.p-class-detail .works-item img {
	width: 272px;
	height: 201px
}

.p-class-detail .works-item:nth-of-type(4n) {
	margin-right: 0
}

.p-class-detail .works-stage {
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	padding: 0 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.p-class-detail .video {
	display: inline-block;
	width: 576px;
	height: 324px;
	font-size: 0;
	border-radius: 8px;
	text-align: center;
	overflow: hidden;
	position: relative;
	margin-top: -16px
}

.p-class-detail .video-img {
	width: 576px
}

.p-class-detail .video img {
	width: 576px;
	height: 324px
}

.p-class-detail .video .icon-pc-bofang {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	top: -35px
}

.p-class-detail .video-shade {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: rgba(0,0,0,.1)
}

.p-class-detail .video-font {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	position: absolute;
	top: 202px;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 576px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.p-class-detail .video:last-of-type {
	margin-left: 48px
}

.el--dialog-wrapper .el-dialog {
	background: transparent!important;
	-webkit-box-shadow: 0 0 0 transparent!important;
	box-shadow: 0 0 0 transparent!important
}

.el--dialog-wrapper button {
	top: 65px;
	right: 40px;
	z-index: 6000
}

.el--dialog-wrapper button i {
	color: #fff!important;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
	font-size: 24px
}

.prism-play-btn {
	margin-top: 18px!important;
	width: 18px!important;
	height: 18px!important
}

.prism-play-btn,.prism-play-btn:hover {
	background: url(../images/f5acfe39b216441b823c74ef68c08b68.gif)!important;
	background-size: 18px 18px!important
}

.playing {
	margin-top: 18px!important;
	width: 18px!important;
	height: 18px!important;
	background: url(../images/820709280cef438f9661a875c4642c31.gif)!important;
	background-size: 18px 18px!important
}

.playing:hover {
	background: url(../images/8a7f4b93efae47108143e3e791fd46ef.gif)!important;
	background-size: 18px 18px!important
}

.prism-fullscreen-btn {
	margin-top: 18px!important;
	width: 18px!important;
	height: 18px!important;
	background: url(../images/95448251cd6c4f1d850b0a2619318598.gif)!important;
	background-size: 18px 18px!important
}

.prism-fullscreen-btn:hover {
	background: url(../images/caeffe2bdc254a7089cc3ceeea4d58f3.gif)!important;
	background-size: 18px 18px!important
}

.volume-icon {
	margin-top: 8px!important;
	width: 18px!important;
	height: 18px!important;
	background: url(../images/d9a82ddcf0744513b0625148259be441.gif)!important;
	background-size: 18px 18px!important
}

.volume-icon:hover {
	background: url(../images/e31d508b2f2747e5aecae081afbb0417.gif)!important;
	background-size: 18px 18px!important
}

.volume-icon .long-horizontal,.volume-icon .short-horizontal {
	display: none!important
}

.prism-setting-btn {
	margin-top: 18px!important;
	width: 18px!important;
	height: 18px!important;
	background: url(../images/558944d1e75f4f1ab7fae75a09e5ff13.gif)!important;
	background-size: 18px 18px!important
}

.prism-setting-btn:hover {
	background: url(../images/ae7d2ac575ff4fd7bd629e39818f531b.gif)!important;
	background-size: 18px 18px!important
}

.prism-volume {
	margin-right: 15px!important
}

.prism-volume-control {
	width: 40px!important;
	height: 130px!important;
	opacity: .7
}

.prism-volume-control .volume-range {
	left: 43%!important;
	bottom: 10px!important;
	height: 93px!important
}

.top-banner {
	position: relative;
	margin: 0 auto 80px;
	width: 1200px;
	height: 400px
}

.top-banner .banner-cover {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(34,35,39,.7);
	padding-left: 110px;
	width: 1200px;
	height: 80px
}

.top-banner .banner-cover .title-wrapper+.title-wrapper {
	margin-left: 28px
}

.top-banner .banner-cover .banner-tips1 {
	background: #f8417e
}

.top-banner .banner-cover .banner-tips1,.top-banner .banner-cover .banner-tips3 {
	display: inline-block;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.top-banner .banner-cover .banner-tips3 {
	background: #fed36f
}

.top-banner .banner-cover .banner-tips5 {
	background: #f8417e
}

.top-banner .banner-cover .banner-tips5,.top-banner .banner-cover .banner-tips6 {
	display: inline-block;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.top-banner .banner-cover .banner-tips6 {
	background: #c59f4f
}

.top-banner .banner-cover .banner-tips22 {
	background: #728ecc
}

.top-banner .banner-cover .banner-tips22,.top-banner .banner-cover .banner-tips27 {
	display: inline-block;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.top-banner .banner-cover .banner-tips27 {
	background: #8b0a6e
}

.top-banner .banner-cover .banner-title {
	margin-left: 7px;
	color: #dedede;
	font-size: 16px
}

.div-shade {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(0,0,0,.15)
}

.pc-class-dot {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	background: #fff
}

.pc-class-dot i {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%
}

.star-wrapper {
	position: relative;
	width: 135px;
	height: 15px;
	margin: 11px auto;
	background-image: url(../images/88adceaae61d47cab9e1b324b3fa02d3.gif);
	background-size: 100% 100%
}

.star-wrapper .big-star {
	position: absolute;
	top: -7px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 27px;
	z-index: 4
}

.star-wrapper .star-middle {
	position: absolute;
	left: 1px;
	top: 1px;
	height: 13px;
	background-image: url(../images/df36e15b0dcb46d7b89c10a0b76138bd.gif);
	background-size: 100% 100%;
	z-index: 2
}

.level-item {
	display: inline-block;
	position: relative;
	width: 280px;
	margin-bottom: 56px
}

.level-item .pc-class-dot {
	position: absolute;
	top: 38px;
	left: 132px
}

.level-item .level-name {
	width: 280px;
	text-align: center;
	font-size: 21px;
	margin: 0 auto 54px
}

.level-item .stage-line-after {
	display: inline-block;
	position: absolute;
	left: 150px;
	top: 47px;
	width: 160px;
	height: 1px
}

.level-item .stage-line-before {
	width: 162px
}

.level-item .stage-line,.level-item .stage-line-before {
	display: inline-block;
	position: absolute;
	left: -30px;
	top: 47px;
	height: 1px
}

.level-item .stage-line {
	background: #cdcdcd;
	width: 338px
}

.level-item .level-img {
	position: relative;
	width: 280px;
	height: 168px;
	margin: 0 auto 10px;
	overflow: hidden;
	background: #000
}

.level-item .level-img:hover {
	-webkit-box-shadow: 0 12px 20px 0 rgba(0,0,0,.08);
	box-shadow: 0 12px 20px 0 rgba(0,0,0,.08);
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.level-item .level-img:not(hover) {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transform: translate(0);
	transform: translate(0);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.level-item .level-img img {
	width: 100%
}

.level-item .level-star {
	display: block;
	margin: 0 auto 10px;
	width: 135px;
	height: 20px
}

.level-item .level-title {
	color: #000;
	font-size: 18px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-weight: 700
}

.level-item .level-txt {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-left: 10px;
	font-size: 14px;
	color: #595959
}

.final-item {
	display: inline-block;
	position: relative;
	overflow: hidden
}

.final-item .level-name-one {
	position: absolute;
	top: 0;
	left: 130px;
	font-size: 21px
}

.final-item .level-name-two {
	position: absolute;
	top: 0;
	left: 302px;
	font-size: 21px
}

.final-item .level-name-three {
	position: absolute;
	top: 0;
	left: 470px;
	font-size: 21px
}

.final-item .stage-dot-one {
	position: absolute;
	top: 38px;
	left: 140px
}

.final-item .stage-dot-two {
	position: absolute;
	top: 38px;
	left: 312px
}

.final-item .stage-dot-three {
	position: absolute;
	top: 38px;
	left: 480px
}

.final-item .stage-line-one {
	width: 172px
}

.final-item .stage-line-one,.final-item .stage-line-two {
	display: inline-block;
	position: absolute;
	left: -32px;
	top: 47px;
	height: 1px
}

.final-item .stage-line-two {
	width: 352px
}

.final-item .stage-line-three {
	display: inline-block;
	position: absolute;
	left: -32px;
	top: 47px;
	width: 512px;
	height: 1px
}

.final-item .final-img01 {
	margin-top: 87px;
	margin-left: 13px;
	width: 294px;
	height: 246px
}

.final-item .final-img02 {
	margin-top: 73px;
	width: 574px;
	height: 260px;
	margin-left: 28px
}

.final-item .final-img03 {
	margin-top: 82px;
	width: 876px;
	margin-left: 42px;
	height: 218px
}

.final-item .final-img04 {
	width: 1172px;
	height: 225px;
	margin-top: -18px;
	margin-left: -17px
}

.level-wrapper {
	position: relative;
	width: 1200px;
	margin: 0 auto 60px
}

.level-wrapper .level-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.level-wrapper :hover .div-shade {
	display: block
}

.level-wrapper .level-btn-wrapper {
	width: 300px;
	margin: 56px auto 0;
	overflow: hidden;
	border-radius: 10px
}

.level-wrapper .level-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	font-size: 21px;
	color: #fff;
	width: 300px;
	height: 60px;
	-webkit-box-shadow: 0 8px 8px 0 rgba(248,65,126,.5);
	box-shadow: 0 8px 8px 0 rgba(248,65,126,.5);
	border-radius: 10px;
	cursor: pointer
}

.level-wrapper .level-item+.level-item {
	margin-left: 22px
}

.level-wrapper .level-item+.first-item {
	margin-left: 0
}

.level-wrapper .level-title-wrapper {
	position: relative;
	width: 893px;
	margin: 0 auto 65px
}

.level-wrapper .level-title-wrapper .level-title {
	text-align: center;
	color: #000;
	font-weight: 700;
	font-size: 36px;
	line-height: 55px
}

.level-wrapper .level-title-wrapper .teacher-title {
	position: absolute;
	top: 45px;
	left: 0;
	width: 100%;
	height: 25px;
	background-size: 100% 100%
}

.video-wrapper {
	width: 100%;
	min-width: 1200px;
	height: 715px;
	background-size: 1920px 100%;
	background-position: 50%;
	padding: 95px 0 48px;
	margin: 60px auto 126px
}

.video-wrapper .video-title {
	width: 893px;
	font-size: 36px;
	height: 25px;
	line-height: 40px;
	margin: 0 auto 72px;
	background-size: 100% 100%
}

.video-wrapper .video-detail,.video-wrapper .video-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff
}

.video-wrapper .video-detail {
	font-size: 24px;
	width: 720px;
	margin: 0 auto
}

.video-wrapper .video-detail .video {
	position: relative;
	width: 550px;
	height: 400px
}

.video-wrapper .video-detail .video .video-top {
	position: absolute;
	top: 11px;
	right: 50px;
	width: 376px
}

.video-wrapper .video-detail .video p {
	margin-left: 20px;
	margin-bottom: 14px
}

.video-wrapper .video-detail .video .head-video {
	position: relative;
	width: 550px;
	height: 344px;
	border-radius: 10px;
	overflow: hidden
}

.video-wrapper .video-detail .video .head-video:hover {
	-webkit-box-shadow: 0 12px 20px 0 rgba(0,0,0,.08);
	box-shadow: 0 12px 20px 0 rgba(0,0,0,.08);
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.video-wrapper .video-detail .video .head-video:not(hover) {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transform: translate(0);
	transform: translate(0);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.video-wrapper .video-detail .video .icon-pc-bofang {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 80px;
	height: 80px;
	z-index: 2
}

.video-wrapper .video-detail .video+.video {
	margin-left: 30px
}

.video-wrapper .video-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin: 34px auto;
	font-size: 21px;
	width: 300px;
	height: 60px;
	cursor: pointer;
	border-radius: 10px;
	overflow: hidden
}

.video-wrapper .video-btn:hover .div-shade {
	display: block
}

.teacher-info-wrapper {
	margin: 0 auto 60px;
	width: 1200px
}

.teacher-info-wrapper .teacher-wrapper .teacher-title {
	width: 900px;
	font-size: 36px;
	height: 25px;
	line-height: 40px;
	color: #000;
	font-weight: 700;
	margin: 0 auto 110px;
	background-size: 100% 100%
}

.teacher-info-wrapper .teacher-wrapper .teacher-detail,.teacher-info-wrapper .teacher-wrapper .teacher-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.teacher-info-wrapper .teacher-wrapper .teacher-detail {
	margin-left: 40px;
	margin-bottom: 28px
}

.teacher-info-wrapper .teacher-wrapper .teacher-detail .teacher-avatar {
	width: 187px;
	height: 190px;
	border-radius: 50%;
	margin-right: 87px
}

.teacher-info-wrapper .teacher-wrapper .teacher-detail .teacher-avatar img {
	width: 100%;
	border-radius: 50%
}

.teacher-info-wrapper .teacher-wrapper .teacher-detail .teacher-right {
	width: 866px;
	padding-top: 28px
}

.teacher-info-wrapper .teacher-wrapper .teacher-detail .teacher-right .teacher-name {
	width: 866px;
	color: #000;
	font-size: 32px;
	height: 60px;
	margin-bottom: 21px;
	line-height: 60px
}

.teacher-info-wrapper .teacher-wrapper .teacher-detail .teacher-right .teacher-word {
	margin-bottom: 12px;
	font-size: 21px;
	color: #595959
}

.teacher-info-wrapper .teacher-wrapper .teacher-detail .teacher-right .teacher-word span {
	font-weight: 700
}

.teacher-info-wrapper .teacher-wrapper .teacher-detail .teacher-right .teacher-info {
	width: 860px;
	font-size: 16px;
	line-height: 28px;
	color: #595959
}

.teacher-info-wrapper .teacher-wrapper .teacher-detail .teacher-right .teacher-info span {
	font-weight: 700
}

.teacher-info-wrapper .teacher-wrapper .teacher-img {
	position: relative;
	margin: 0 auto;
	width: 1197px;
	height: 480px;
	overflow: hidden
}

.teacher-info-wrapper .teacher-wrapper .teacher-img .teacher-img-02:hover {
	left: 350px;
	width: 496px
}

.teacher-info-wrapper .teacher-wrapper .teacher-img .teacher-img-01 {
	position: absolute;
	left: 0;
	top: 26px;
	width: 424px
}

.teacher-info-wrapper .teacher-wrapper .teacher-img .teacher-img-02 {
	position: absolute;
	left: 360px;
	top: 0;
	width: 476px;
	z-index: 2
}

.teacher-info-wrapper .teacher-wrapper .teacher-img .teacher-img-03 {
	position: absolute;
	right: 0;
	top: 26px;
	width: 424px
}

.teacher-info-wrapper .teacher-wrapper .teacher-img :hover {
	width: 476px;
	z-index: 3;
	top: 0;
	-webkit-box-shadow: 0 3px 30px 0 rgba(0,0,0,.1);
	box-shadow: 0 3px 30px 0 rgba(0,0,0,.1);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.teacher-info-wrapper .teacher-wrapper .teacher-img :not(hover) {
	width: 424px;
	z-index: 0;
	top: 26px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.teacher-info-wrapper .teacher-wrapper+.teacher-wrapper {
	margin-top: 40px
}

.stage-wrapper {
	width: 100%;
	min-width: 1200px;
	height: 900px;
	margin-bottom: 105px;
	padding: 64px 0 117px;
	background-size: 1920px 100%;
	background-position: 50%
}

.stage-wrapper .stage-title-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	width: 893px;
	margin: 0 auto 50px;
	color: #fff
}

.stage-wrapper .stage-title-wrapper .stage-txt {
	text-align: center;
	font-size: 24px
}

.stage-wrapper .stage-title-wrapper .stage-title {
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	line-height: 42px
}

.stage-wrapper .stage-title-wrapper .video-title {
	position: absolute;
	left: 0;
	top: 56px;
	width: 893px;
	height: 25px;
	margin: 0 auto;
	color: #fff
}

.stage-wrapper .stage-info {
	width: 1200px;
	margin: 0 auto
}

.stage-wrapper .stage-info .info-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 2
}

.stage-wrapper .stage-info .info-top .info-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 60px;
	font-size: 24px;
	cursor: pointer
}

.stage-wrapper .stage-info .info-top .info-wrapper:hover .div-shade {
	display: block
}

.stage-wrapper .stage-info .info-top .three {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -15px;
	width: 0;
	height: 0;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	z-index: 3
}

.stage-wrapper .stage-info .info-detail {
	position: relative;
	width: 1200px;
	height: 500px;
	background: #fff
}

.stage-wrapper .stage-info .info-detail .info-img {
	position: absolute;
	left: 80px;
	top: 80px;
	width: 480px;
	height: 360px;
	background: #d7d7d7;
	overflow: hidden
}

.stage-wrapper .stage-info .info-detail .info-img img {
	height: 360px
}

.stage-wrapper .stage-info .info-detail .info-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 130px;
	left: 690px;
	width: 430px;
	height: 100px;
	color: #000;
	border-bottom: 1px solid #eee;
	font-weight: 700;
	font-size: 28px
}

.stage-wrapper .stage-info .info-detail .info-txt {
	position: absolute;
	top: 235px;
	left: 690px;
	width: 430px;
	color: #000;
	font-size: 18px;
	line-height: 56px
}

.graduate-info-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	width: 100%;
	min-width: 1200px
}

.graduate-info-wrapper,.graduate-info-wrapper .graduate-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.graduate-info-wrapper .graduate-title {
	width: 900px;
	font-size: 36px;
	height: 25px;
	line-height: 40px;
	color: #000;
	font-weight: 700;
	margin: 0 auto 16px;
	background-size: 100% 100%;
	background-position: 50%
}

.graduate-info-wrapper .graduate-txt {
	color: #000;
	font-size: 28px;
	margin-bottom: 60px
}

.graduate-info-wrapper .graduate-info {
	position: relative;
	width: 1200px;
	height: 550px
}

.graduate-info-wrapper .graduate-info .el-carousel__arrow--left {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: transparent;
	left: 0;
	border-radius: 0;
	width: 23px;
	height: 23px
}

.graduate-info-wrapper .graduate-info .el-carousel__arrow--left i {
	display: none
}

.graduate-info-wrapper .graduate-info .el-carousel__arrow--right {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: transparent;
	border-radius: 0;
	width: 23px;
	height: 23px;
	right: 56px
}

.graduate-info-wrapper .graduate-info .el-carousel__arrow--right i {
	display: none
}

.graduate-info-wrapper .graduate-info .el-carousel__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: transparent
}

.graduate-info-wrapper .graduate-info .el-carousel__item .graduate-pic {
	width: 566px;
	margin-right: 62px;
	margin-left: 30px
}

.graduate-info-wrapper .graduate-info .el-carousel__item .graduate-detail {
	position: relative;
	width: 450px;
	height: 520px;
	margin-top: 24px;
	border-radius: 28px
}

.graduate-info-wrapper .graduate-info .el-carousel__item .graduate-detail .student-avatar {
	position: absolute;
	top: -25px;
	left: 76px;
	width: 126px;
	height: 126px;
	border-radius: 50%;
	z-index: 2
}

.graduate-info-wrapper .graduate-info .el-carousel__item .graduate-detail .student-name {
	position: absolute;
	top: 27px;
	left: 227px;
	font-size: 16px;
	color: #fff
}

.graduate-info-wrapper .graduate-info .el-carousel__item .graduate-detail .student-word {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 50px;
	left: 142px;
	width: 222px;
	height: 46px;
	margin-left: 20px;
	background: #fff;
	border-radius: 23px;
	color: #000;
	font-size: 24px
}

.graduate-info-wrapper .graduate-info .el-carousel__item .graduate-detail .word-detail {
	margin: 134px 0 0 33px;
	width: 383px;
	font-size: 14px;
	line-height: 21px;
	color: #fff;
	text-align: left
}

.graduate-info-wrapper .graduate-info .el-carousel__item .graduate-detail .word-detail-after {
	margin-left: 33px;
	width: 383px;
	font-size: 14px;
	line-height: 21px;
	color: #fff;
	text-align: left
}

.graduate-info-wrapper .graduate-btn {
	position: relative;
	margin: 60px auto 0;
	width: 350px;
	height: 60px;
	background-size: 100% 100%;
	border-radius: 30px;
	font-size: 21px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

.graduate-info-wrapper .graduate-btn:hover .div-shade {
	display: block;
	border-radius: 25px
}

@-webkit-keyframes bounce-in {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@keyframes bounce-in {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

.bounce-enter-active {
	-webkit-animation: bounce-in 1s;
	animation: bounce-in 1s
}

.bounce-leave-active {
	animation: bounce-in 1s reverse
}

.good-work-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin-top: 120px;
	width: 100%;
	min-width: 1200px
}

.good-work-wrapper .student-txt {
	color: #000;
	font-size: 28px;
	margin-bottom: 16px
}

.good-work-wrapper .student-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 900px;
	font-size: 36px;
	height: 25px;
	line-height: 40px;
	color: #000;
	font-weight: 700;
	margin: 0 auto 56px;
	background-size: 100% 100%;
	background-position: 50%
}

.good-work-wrapper .student-bac {
	background-image: url(../images/graduate-bac.18ae809.png)
}

.good-work-wrapper .gufeng-bac,.good-work-wrapper .student-bac {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	min-width: 1200px;
	height: 410px;
	background-size: 1920px 100%;
	background-position: 50%;
	z-index: 0
}

.good-work-wrapper .gufeng-bac {
	background-image: url(../images/gfsbc.59aaa1b.png)
}

.good-work-wrapper .houtu-bac {
	background-image: url(../images/japan-pc-gra-bac.69495a3.png)
}

.good-work-wrapper .houtu-bac,.good-work-wrapper .yuanhua-bac {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	min-width: 1200px;
	height: 410px;
	background-size: 1920px 100%;
	background-position: 50%;
	z-index: 0
}

.good-work-wrapper .yuanhua-bac {
	background-image: url(../images/yuanhua-pc-gra-bac.d7015ee.png)
}

.good-work-wrapper .fenjing-bac {
	background-image: url(../images/fenjing-pc-gra-bac.0985e95.png)
}

.good-work-wrapper .chuangzuo-bac,.good-work-wrapper .fenjing-bac {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	min-width: 1200px;
	height: 410px;
	background-size: 1920px 100%;
	background-position: 50%;
	z-index: 0
}

.good-work-wrapper .chuangzuo-bac {
	background-image: url(../images/cz-work-bac.f17c728.png)
}

.good-work-wrapper .student-img {
	position: relative;
	width: 1200px;
	height: 520px;
	margin-bottom: 30px;
	z-index: 1
}

.good-work-wrapper .student-img img {
	z-index: 1;
	position: absolute;
	cursor: pointer
}

.good-work-wrapper .student-img img:hover {
	-webkit-box-shadow: 0 12px 20px 0 rgba(0,0,0,.08);
	box-shadow: 0 12px 20px 0 rgba(0,0,0,.08);
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.good-work-wrapper .student-img img:not(hover) {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transform: translate(0);
	transform: translate(0);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.good-work-wrapper .student-img .student-01 {
	top: 0;
	left: 0;
	width: 260px;
	height: 260px
}

.good-work-wrapper .student-img .student-02 {
	top: 0;
	left: 270px;
	width: 150px;
	height: 260px
}

.good-work-wrapper .student-img .student-03 {
	top: 0;
	left: 430px;
	width: 150px;
	height: 260px
}

.good-work-wrapper .student-img .student-04 {
	top: 0;
	left: 590px;
	width: 380px;
	height: 320px
}

.good-work-wrapper .student-img .student-05 {
	top: 0;
	right: 0;
	width: 220px;
	height: 260px
}

.good-work-wrapper .student-img .student-06 {
	bottom: 0;
	left: 0;
	width: 420px;
	height: 250px
}

.good-work-wrapper .student-img .student-07 {
	bottom: 0;
	left: 430px;
	width: 150px;
	height: 250px
}

.good-work-wrapper .student-img .student-08 {
	bottom: 0;
	right: 230px;
	width: 380px;
	height: 190px
}

.good-work-wrapper .student-img .student-09 {
	bottom: 0;
	right: 0;
	width: 220px;
	height: 250px
}

.good-work-wrapper .student-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	width: 300px;
	height: 60px;
	font-size: 21px;
	cursor: pointer;
	color: #fff;
	border-radius: 10px;
	z-index: 1
}

.good-work-wrapper .student-btn:hover .div-shade {
	display: block;
	border-radius: 10px
}

.good-work-wrapper .student-btn img {
	width: 100%
}

.homework-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 120px auto;
	width: 1200px;
	position: relative
}

.homework-wrapper .coach-list-box-min:nth-of-type(3n) {
	margin-right: 25px!important
}

.homework-wrapper .coach-list-block {
	margin-left: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 80px
}

.homework-wrapper .coach-list-block .coach-list-box-min .user-info {
	bottom: 0
}

.homework-wrapper .homework-txt {
	color: #000;
	font-size: 28px;
	margin-bottom: 16px
}

.homework-wrapper .homework-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 900px;
	font-size: 36px;
	height: 25px;
	line-height: 40px;
	color: #000;
	font-weight: 700;
	margin: 0 auto 56px;
	background-size: 100% 100%;
	background-position: 50%
}

.homework-wrapper .homework-title-left {
	position: absolute;
	left: 66px;
	top: 135px;
	font-size: 28px;
	color: #000
}

.why-wrapper {
	position: relative;
	width: 100%;
	padding-bottom: 168px;
	min-width: 1200px;
	overflow: hidden
}

.why-wrapper .why-txt {
	text-align: center;
	color: #000;
	font-size: 28px;
	margin-bottom: 16px
}

.why-wrapper .why-title {
	width: 900px;
	font-size: 36px;
	height: 25px;
	line-height: 40px;
	color: #000;
	font-weight: 700;
	margin: 0 auto 56px;
	background-size: 100% 100%;
	background-position: 50%
}

.why-wrapper .why-info,.why-wrapper .why-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.why-wrapper .why-img {
	width: 705px;
	height: 694px;
	z-index: 1
}

.why-wrapper .reason-info {
	margin: 28px 0 0 26px;
	width: 535;
	height: 635px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1
}

.why-wrapper .reason-info ::-webkit-scrollbar {
	display: none
}

.why-wrapper .why-bac {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 660px;
	background-size: 100% 100%;
	background-position: 50%;
	z-index: 0
}

.school-video-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin: 0 auto 64px;
	width: 1200px
}

.school-video-wrapper .school-video-txt {
	color: #000;
	font-size: 28px;
	margin-bottom: 16px
}

.school-video-wrapper .school-video-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 900px;
	font-size: 36px;
	height: 25px;
	line-height: 40px;
	color: #000;
	font-weight: 700;
	margin: 0 auto 56px;
	background-size: 100% 100%;
	background-position: 50%
}

.school-video-wrapper .school-video-info {
	top: -462px;
	left: 0;
	position: relative;
	width: 1200px;
	height: 546px;
	border-radius: 10px;
	z-index: 1
}

.school-video-wrapper .history-wrapper {
	position: relative;
	width: 1074px;
	height: 190px;
	margin: 45px auto 0;
	z-index: 3
}

.school-video-wrapper .history-wrapper .history {
	width: 100%
}

.school-video-wrapper .history-wrapper .history:hover {
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px)
}

.school-video-wrapper .school-video-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	width: 936px;
	height: 388px;
	border-radius: 10px;
	overflow: hidden;
	z-index: 5
}

.school-video-wrapper .school-video-detail:hover .div-shade {
	display: block
}

.school-video-wrapper .school-video-detail .div-shade {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,.26)
}

.school-video-wrapper .school-video-detail .video-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 936px;
	z-index: -1
}

.school-video-wrapper .school-video-detail .icon-pc-bofang {
	width: 109px;
	height: 109px
}

.sale-wrapper {
	position: relative;
	width: 100%;
	min-width: 1200px;
	height: 335px;
	background-size: 1920px 100%;
	background-position: 50%;
	margin-top: -464px
}

.sale-wrapper .sw-btn {
	position: absolute;
	left: 50%;
	top: 200px;
	width: 240px;
	height: 70px;
	border-radius: 10px;
	background: #fff;
	font-size: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

.sale-wrapper .sw-btn:hover .div-shade {
	display: block;
	border-radius: 10px
}

.class-dongman-pc .color-1 {
	color: #f9417f
}

.class-dongman-pc .bac-1 {
	background: #cdcdcd
}

.class-dongman-pc .light-title-1 {
	background-image: url(../images/teacher-title-bac.2035d0d.png)
}

.class-dongman-pc .dark-title-1 {
	background-image: url(../images/video-title-bac.2035d0d.png)
}

.class-dongman-pc .light-btn-bac-1 {
	background: #f9417f
}

.class-dongman-pc .pc-class-dot1 {
	border: 1px solid #f9417f
}

.class-dongman-pc .pc-class-dot1 i {
	background: #f9417f
}

.class-dongman-pc .dark-btn-bac-1 {
	background-color: #ffd9e1;
	color: #f83e7f;
	-webkit-box-shadow: 0 8px 8px 0 rgba(248,65,126,.5);
	box-shadow: 0 8px 8px 0 rgba(248,65,126,.5)
}

.class-dongman-pc .gd-shadow-1 {
	-webkit-box-shadow: 0 5px 0 0 rgba(248,65,126,.45);
	box-shadow: 0 5px 0 0 rgba(248,65,126,.45)
}

.class-dongman-pc .stage-title-1 {
	background: #ffd9e1;
	color: #f9437f
}

.class-dongman-pc .svif1 {
	background: -webkit-gradient(linear,left bottom,left top,from(#f9417f),to(#fb719e));
	background: linear-gradient(0deg,#f9417f,#fb719e)
}

.class-dongman-pc .sw-btn-1 {
	color: #f83e7f;
	-webkit-box-shadow: 0 8px 8px 0 rgba(248,65,126,.5);
	box-shadow: 0 8px 8px 0 rgba(248,65,126,.5)
}

.class-dongman-pc .graduate-info1 .el-carousel__arrow--left {
	background-image: url(../images/cca50aba3f0d40568278c5f529c64c9b.gif)
}

.class-dongman-pc .graduate-info1 .el-carousel__arrow--right {
	background-image: url(../images/5d0253e96bdd4d66b9c372496485b80f.gif)
}

.class-dongman-pc .wb-1 {
	background-image: url(../images/why-bac.379dcfa.png)
}

.class-dongman-pc .sw-1 {
	background-image: url(../images/call-bac.ae29f65.png)
}

.class-dongman-pc .active-1 {
	color: #fff;
	background: #c4164d
}

.class-dongman-pc .three-1 {
	border-top: 15px solid #c4164d
}

.class-dongman-pc .border-bottom-1 {
	border-bottom: 1px solid #f9417f
}

.class-dongman-pc .video-wrapper1 {
	background-image: url(../images/video-bac.2f4e92f.png)
}

.class-dongman-pc .stage-wrapper1 {
	background-image: url(../images/stage-bac.7069fb9.png)
}

.class-dongman-pc .level-title-wrapper .teacher-title {
	background-image: url(../images/teacher-title-bac.2035d0d.png)
}

.class-gufeng-pc {
	background: #f9f9fb
}

.class-gufeng-pc .color-3 {
	color: #1b7d64
}

.class-gufeng-pc .bac-3 {
	background: #1b7d64
}

.class-gufeng-pc .light-title-3 {
	background-image: url(../images/gufeng-title-bac.2ef0045.png)
}

.class-gufeng-pc .dark-title-3 {
	background-image: url(../images/video-title-gufeng.2ef0045.png)
}

.class-gufeng-pc .pc-class-dot3 {
	border: 1px solid #1b7d64
}

.class-gufeng-pc .pc-class-dot3 i {
	background: #1b7d64
}

.class-gufeng-pc .graduate-info3 .el-carousel__arrow--left {
	background-image: url(../images/c5fdf2857ae148c28fa62070212fb02f.gif)
}

.class-gufeng-pc .graduate-info3 .el-carousel__arrow--right {
	background-image: url(../images/e6b6888384d842e9b30eb6c9dd2a3c20.gif)
}

.class-gufeng-pc .light-btn-bac-3 {
	background: #1b7d64
}

.class-gufeng-pc .dark-btn-bac-3 {
	background-color: #c6eae1;
	color: #1b7d64;
	-webkit-box-shadow: 0 8px 8px 0 rgba(27,125,100,.5);
	box-shadow: 0 8px 8px 0 rgba(27,125,100,.5)
}

.class-gufeng-pc .border-bottom-3 {
	border-bottom: 1px solid #1b7d64
}

.class-gufeng-pc .stage-title-3 {
	background: #c6eae1;
	color: #1b7d64
}

.class-gufeng-pc .sw-btn-3 {
	color: #1b7d64;
	-webkit-box-shadow: 0 8px 8px 0 rgba(27,125,100,.5);
	box-shadow: 0 8px 8px 0 rgba(27,125,100,.5)
}

.class-gufeng-pc .sw-3 {
	background-image: url(../images/gfsw.b41860f.png)
}

.class-gufeng-pc .svif3 {
	background: -webkit-gradient(linear,left bottom,left top,from(#1b7d64),to(#00b889));
	background: linear-gradient(0deg,#1b7d64,#00b889)
}

.class-gufeng-pc .wb-3 {
	background-image: url(../images/gfwb.a9d2bdd.png)
}

.class-gufeng-pc .gd-shadow-3 {
	-webkit-box-shadow: 0 5px 0 0 rgba(27,125,100,.45);
	box-shadow: 0 5px 0 0 rgba(27,125,100,.45)
}

.class-gufeng-pc .active-3 {
	color: #fff;
	background: #025741
}

.class-gufeng-pc .three-3 {
	border-top: 15px solid #025741
}

.class-gufeng-pc .video-wrapper3 {
	background-image: url(../images/video-bac-gufeng-pc.422f14f.png)
}

.class-gufeng-pc .stage-wrapper3 {
	background-image: url(../images/stage-bac-gufeng.422f14f.png)
}

.class-gufeng-pc .level-title-wrapper {
	position: relative;
	width: 893px;
	margin: 0 auto 65px
}

.class-gufeng-pc .level-title-wrapper .level-title {
	text-align: center;
	color: #000;
	font-weight: 700;
	font-size: 36px;
	line-height: 55px
}

.class-gufeng-pc .level-title-wrapper .teacher-title {
	position: absolute;
	top: 45px;
	left: 0;
	width: 100%;
	height: 25px;
	background-image: url(../images/gufeng-title-bac.2ef0045.png);
	background-size: 100% 100%
}

.class-gufeng-pc .empty-div {
	height: 1000px
}

.class-houtu-pc {
	background: #f9f9fb
}

.class-houtu-pc .color-5 {
	color: #3779da
}

.class-houtu-pc .bac-5 {
	background: #3779da
}

.class-houtu-pc .light-title-5 {
	background-image: url(../images/japan-pc-title-light.32d579c.png)
}

.class-houtu-pc .dark-title-5 {
	background-image: url(../images/japan-pc-title-dark.7556ac5.png)
}

.class-houtu-pc .pc-class-dot5 {
	border: 1px solid #3779da
}

.class-houtu-pc .light-btn-bac-5,.class-houtu-pc .pc-class-dot5 i {
	background: #3779da
}

.class-houtu-pc .dark-btn-bac-5 {
	background: #c7e3f9;
	color: #3779da
}

.class-houtu-pc .dark-btn-bac-5,.class-houtu-pc .gd-shadow-5 {
	-webkit-box-shadow: 0 8px 8px 0 rgba(55,121,218,.5);
	box-shadow: 0 8px 8px 0 rgba(55,121,218,.5)
}

.class-houtu-pc .stage-title-5 {
	background: #c7e3f9;
	color: #3778da
}

.class-houtu-pc .three-5 {
	border-top: 15px solid #044ab4
}

.class-houtu-pc .graduate-info5 .el-carousel__arrow--left {
	background-image: url(../images/1ecb5d688fd7474694cb717c881f81bc.gif)
}

.class-houtu-pc .graduate-info5 .el-carousel__arrow--right {
	background-image: url(../images/4ea2cab2d4c1464fb8b61cf5a0265484.gif)
}

.class-houtu-pc .wb-5 {
	background-image: url(../images/japan-sw-pc.664c927.png)
}

.class-houtu-pc .sw-5 {
	background-image: url(../images/japan-botom-pc.72def64.png)
}

.class-houtu-pc .sw-btn-5 {
	color: #3779da;
	-webkit-box-shadow: 0 8px 8px 0 rgba(55,121,218,.5);
	box-shadow: 0 8px 8px 0 rgba(55,121,218,.5)
}

.class-houtu-pc .svif5 {
	background: -webkit-gradient(linear,left bottom,left top,from(#3779da),to(#90bdff));
	background: linear-gradient(0deg,#3779da,#90bdff)
}

.class-houtu-pc .active-5 {
	color: #fff;
	background: #044ab4
}

.class-houtu-pc .border-bottom-5 {
	border-bottom: 1px solid #3779da
}

.class-houtu-pc .video-wrapper5 {
	background-image: url(../images/japan-pc-video-bac.41115d4.png)
}

.class-houtu-pc .stage-wrapper5 {
	background-image: url(../images/japan-pc-stage-bac.9693868.png)
}

.class-houtu-pc .level-title-wrapper {
	position: relative;
	width: 893px;
	margin: 0 auto 65px
}

.class-houtu-pc .level-title-wrapper .level-title {
	text-align: center;
	color: #000;
	font-weight: 700;
	font-size: 36px;
	line-height: 55px
}

.class-houtu-pc .level-title-wrapper .teacher-title {
	position: absolute;
	top: 45px;
	left: 0;
	width: 100%;
	height: 25px;
	background-image: url(../images/japan-pc-title-light.32d579c.png);
	background-size: 100% 100%
}

.class-houtu-pc .empty-div {
	height: 1000px
}

.class-yuanhua-pc {
	background: #f9f9fb
}

.class-yuanhua-pc .color-6 {
	color: #c59f4f
}

.class-yuanhua-pc .bac-6 {
	background: #c59f4f
}

.class-yuanhua-pc .light-title-6 {
	background-image: url(../images/yuanhua-light-title.8f32332.png)
}

.class-yuanhua-pc .dark-title-6 {
	background-image: url(../images/yuanhua-dark-title.607cf5f.png)
}

.class-yuanhua-pc .pc-class-dot6 {
	border: 1px solid #c59f4f
}

.class-yuanhua-pc .light-btn-bac-6,.class-yuanhua-pc .pc-class-dot6 i {
	background: #c59f4f
}

.class-yuanhua-pc .dark-btn-bac-6 {
	background: #fff1d2;
	color: #c59f4f
}

.class-yuanhua-pc .dark-btn-bac-6,.class-yuanhua-pc .gd-shadow-6 {
	-webkit-box-shadow: 0 8px 8px 0 rgba(197,159,79,.5);
	box-shadow: 0 8px 8px 0 rgba(197,159,79,.5)
}

.class-yuanhua-pc .video-wrapper6 {
	background-image: url(../images/yuanhua-video-bac-pc.a872dc9.png)
}

.class-yuanhua-pc .stage-wrapper6 {
	background-image: url(../images/yuanhua-stage-bac-pc.8dd345b.png)
}

.class-yuanhua-pc .stage-title-6 {
	background: #fff1d2;
	color: #c59f4f
}

.class-yuanhua-pc .active-6 {
	color: #fff;
	background: #73510a
}

.class-yuanhua-pc .three-6 {
	border-top: 15px solid #73510a
}

.class-yuanhua-pc .graduate-info6 .el-carousel__arrow--left {
	background-image: url(../images/4a74ad8de064492fa25e9ea03be10538.gif)
}

.class-yuanhua-pc .graduate-info6 .el-carousel__arrow--right {
	background-image: url(../images/e738885257484b929c5b8322d315a7ce.gif)
}

.class-yuanhua-pc .wb-6 {
	background-image: url(../images/yuanhua-block-pc.e287eed.png)
}

.class-yuanhua-pc .svif6 {
	background: -webkit-gradient(linear,left bottom,left top,from(#c59f4f),to(#ffe6b2));
	background: linear-gradient(0deg,#c59f4f,#ffe6b2)
}

.class-yuanhua-pc .sw-6 {
	background-image: url(../images/yuanhua-bottom-pc.d80926f.png)
}

.class-yuanhua-pc .sw-btn-6 {
	color: #c59f4f;
	-webkit-box-shadow: 0 8px 8px 0 rgba(197,159,79,.5);
	box-shadow: 0 8px 8px 0 rgba(197,159,79,.5)
}

.class-yuanhua-pc .border-bottom-6 {
	border-bottom: 1px solid #c59f4f
}

.class-yuanhua-pc .level-title-wrapper {
	position: relative;
	width: 893px;
	margin: 0 auto 65px
}

.class-yuanhua-pc .level-title-wrapper .level-title {
	text-align: center;
	color: #000;
	font-weight: 700;
	font-size: 36px;
	line-height: 55px
}

.class-yuanhua-pc .level-title-wrapper .teacher-title {
	position: absolute;
	top: 45px;
	left: 0;
	width: 100%;
	height: 25px;
	background-image: url(../images/yuanhua-light-title.8f32332.png);
	background-size: 100% 100%
}

.class-yuanhua-pc .empty-div {
	height: 1000px
}

.class-fenjing-pc {
	background: #f9f9fb
}

.class-fenjing-pc .color-22 {
	color: #244998
}

.class-fenjing-pc .bac-22 {
	background: #244998
}

.class-fenjing-pc .light-title-22 {
	background-image: url(../images/fenjing-light-title.5bdac21.png)
}

.class-fenjing-pc .dark-title-22 {
	background-image: url(../images/fenjing-dark-title.5bdac21.png)
}

.class-fenjing-pc .pc-class-dot22 {
	border: 1px solid #00287e
}

.class-fenjing-pc .pc-class-dot22 i {
	background: #00287e
}

.class-fenjing-pc .light-btn-bac-22 {
	background: #244998
}

.class-fenjing-pc .dark-btn-bac-22 {
	background: #d0ddfb;
	color: #244998
}

.class-fenjing-pc .dark-btn-bac-22,.class-fenjing-pc .gd-shadow-22 {
	-webkit-box-shadow: 0 8px 8px 0 rgba(36,73,152,.5);
	box-shadow: 0 8px 8px 0 rgba(36,73,152,.5)
}

.class-fenjing-pc .video-wrapper22 {
	background-image: url(../images/fenjing-video-pc.f134fa3.png)
}

.class-fenjing-pc .stage-wrapper22 {
	background-image: url(../images/fenjing-stage-pc.c49ccd5.png)
}

.class-fenjing-pc .stage-title-22 {
	background: #d0ddfb;
	color: #244998
}

.class-fenjing-pc .active-22 {
	color: #fff;
	background: #133681
}

.class-fenjing-pc .three-22 {
	border-top: 15px solid #133681
}

.class-fenjing-pc .graduate-info22 .el-carousel__arrow--left {
	background-image: url(../images/61068c98d15b4ec7ac84d8ca73614db7.gif)
}

.class-fenjing-pc .graduate-info22 .el-carousel__arrow--right {
	background-image: url(../images/12b436ca247240a6ba2f22517f2d0389.gif)
}

.class-fenjing-pc .wb-22 {
	background-image: url(../images/fenjing-why-bac-pc.9809978.png)
}

.class-fenjing-pc .svif22 {
	background: -webkit-gradient(linear,left bottom,left top,from(#244998),to(#3968ce));
	background: linear-gradient(0deg,#244998,#3968ce)
}

.class-fenjing-pc .sw-22 {
	background-image: url(../images/fenjing-bottom-pc.5d47a42.png)
}

.class-fenjing-pc .sw-btn-22 {
	color: #244998;
	-webkit-box-shadow: 0 8px 8px 0 rgba(36,73,152,.5);
	box-shadow: 0 8px 8px 0 rgba(36,73,152,.5)
}

.class-fenjing-pc .border-bottom-22 {
	border-bottom: 1px solid #244998
}

.class-fenjing-pc .level-title-wrapper {
	position: relative;
	width: 893px;
	margin: 0 auto 65px
}

.class-fenjing-pc .level-title-wrapper .level-title {
	text-align: center;
	color: #000;
	font-weight: 700;
	font-size: 36px;
	line-height: 55px
}

.class-fenjing-pc .level-title-wrapper .teacher-title {
	position: absolute;
	top: 45px;
	left: 0;
	width: 100%;
	height: 25px;
	background-image: url(../images/fenjing-light-title.5bdac21.png);
	background-size: 100% 100%
}

.class-fenjing-pc .empty-div {
	height: 1000px
}

.class-dongman-pc {
	background: #f9f9fb
}

.class-dongman-pc .color-27 {
	color: #a3388c
}

.class-dongman-pc .bac-27 {
	background: #a3388c
}

.class-dongman-pc .light-title-27 {
	background-image: url(../images/cz-light-title.0dcba72.png)
}

.class-dongman-pc .dark-title-27 {
	background-image: url(../images/cz-dart-title.0dcba72.png)
}

.class-dongman-pc .light-btn-bac-27 {
	background: #a3388c
}

.class-dongman-pc .pc-class-dot27 {
	border: 1px solid #a3388c
}

.class-dongman-pc .pc-class-dot27 i {
	background: #a3388c
}

.class-dongman-pc .dark-btn-bac-27 {
	background-color: #edbee2;
	color: #8a096d
}

.class-dongman-pc .dark-btn-bac-27,.class-dongman-pc .gd-shadow-27 {
	-webkit-box-shadow: 0 2px 2px 0 rgba(138,9,109,.5);
	box-shadow: 0 2px 2px 0 rgba(138,9,109,.5)
}

.class-dongman-pc .stage-title-27 {
	background: #edbee2;
	color: #a3388c
}

.class-dongman-pc .svif27 {
	background: -webkit-gradient(linear,left bottom,left top,from(#8a096d),to(#de71c6));
	background: linear-gradient(0deg,#8a096d,#de71c6)
}

.class-dongman-pc .sw-btn-27 {
	color: #a3388c;
	-webkit-box-shadow: 0 2px 2px 0 rgba(36,73,152,.5);
	box-shadow: 0 2px 2px 0 rgba(36,73,152,.5)
}

.class-dongman-pc .graduate-info27 .el-carousel__arrow--left {
	background-image: url(../images/20730f69021e4e83a2591ea3cc6d5d2a.gif)
}

.class-dongman-pc .graduate-info27 .el-carousel__arrow--right {
	background-image: url(../images/044935dc1d0645f79b2cfe970b37ebb3.gif)
}

.class-dongman-pc .wb-27 {
	background-image: url(../images/cz-why-bac.6955245.png)
}

.class-dongman-pc .sw-27 {
	background-image: url(../images/cz-sb-bac.6918414.png)
}

.class-dongman-pc .active-27 {
	color: #fff;
	background: #781562
}

.class-dongman-pc .three-27 {
	border-top: 15px solid #781562
}

.class-dongman-pc .border-bottom-27 {
	border-bottom: 1px solid #a3388c
}

.class-dongman-pc .video-wrapper27 {
	background-image: url(../images/cz-video-bac.8bbff81.png)
}

.class-dongman-pc .stage-wrapper27 {
	background-image: url(../images/cz-stage-bac.a61ae87.png)
}

.class-dongman-pc .level-title-wrapper {
	position: relative;
	width: 893px;
	margin: 0 auto 65px
}

.class-dongman-pc .level-title-wrapper .level-title {
	text-align: center;
	color: #000;
	font-weight: 700;
	font-size: 36px;
	line-height: 55px
}

.class-dongman-pc .level-title-wrapper .teacher-title {
	position: absolute;
	top: 45px;
	left: 0;
	width: 100%;
	height: 25px;
	background-image: url(../images/cz-light-title.0dcba72.png);
	background-size: 100% 100%
}

.class-dongman-pc .empty-div {
	height: 1000px
}

.c-class-list-item {
	width: 384px;
	display: inline-block;
	vertical-align: top;
	font-size: 0
}

.c-class-list-item .class-img {
	width: 384px;
	height: 192px;
	border-radius: 8px
}

.c-class-list-item .class-img:hover {
	-webkit-box-shadow: 0 12px 20px 0 rgba(0,0,0,.08);
	box-shadow: 0 12px 20px 0 rgba(0,0,0,.08);
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.c-class-list-item .class-img:not(:hover) {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transform: translate(0);
	transform: translate(0);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.c-class-list-item .class-name {
	color: #1a1a1a;
	font-size: 20px;
	line-height: 20px;
	margin: 20px 0 12px
}

.c-class-list-item .class-summary {
	font-size: 12px;
	color: #666;
	min-height: 100px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.c-class-list-item .class-btn {
	width: 120px;
	height: 40px;
	line-height: 38px;
	background: #f8feff;
	border-radius: 4px;
	border: 1px solid #2eb8d0;
	font-size: 16px;
	color: #2eb8d0
}

.c-class-list-item .class-btn--right {
	color: #fff;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	line-height: 40px;
	border: none
}

.c-class-list-item .class-btn--left {
	margin-right: 20px
}

.p-camp-index {
	padding-top: 60px
}

.p-camp-index .hidden-img {
	opacity: 0
}

.p-camp-index .introduction-title {
	width: 316px;
	height: 53px;
	background: url(../images/my_camp_bg.65b0d8e.png) no-repeat 50%;
	margin: 0 auto;
	line-height: 48px;
	font-size: 32px;
	font-weight: 500;
	color: #333;
	text-align: center
}

.p-camp-index .graduate-student-wrapper {
	width: 100%;
	min-width: 1200px;
	height: 706px;
	margin: 60px auto 80px;
	padding-top: 80px;
	background-size: 1920px 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-image: url(../images/graduate-student-bac.850b72f.png)
}

.p-camp-index .graduate-student-wrapper .img-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 432px;
	margin-top: 60px
}

.p-camp-index .graduate-student-wrapper .img-wrapper img {
	width: 100%
}

.p-camp-index .graduate-student-wrapper .img-wrapper .cover-img {
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	text-align: center;
	background-image: url(../images/cover-img.5a460b0.png);
	background-size: 324px 432px;
	background-repeat: no-repeat;
	background-position: 50%
}

.p-camp-index .graduate-student-wrapper .img-wrapper .big-img {
	position: relative;
	width: 324px;
	height: 432px;
	margin-right: 3px
}

.p-camp-index .graduate-student-wrapper .img-wrapper .big-img:hover .cover-img {
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
	display: block
}

.p-camp-index .graduate-student-wrapper .img-wrapper .middle-wrapper {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-right: 4px
}

.p-camp-index .graduate-student-wrapper .img-wrapper .middle-img {
	position: relative;
	width: 324px;
	height: 214px;
	margin-bottom: 4px
}

.p-camp-index .graduate-student-wrapper .img-wrapper .middle-img:hover .cover-img {
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
	display: block
}

.p-camp-index .graduate-student-wrapper .img-wrapper .middle-img+.middle-img {
	margin-bottom: 0
}

.p-camp-index .graduate-student-wrapper .img-wrapper .middle-big-img {
	position: relative;
	width: 216px;
	height: 290px;
	margin-bottom: 4px
}

.p-camp-index .graduate-student-wrapper .img-wrapper .middle-big-img:hover .cover-img {
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
	display: block
}

.p-camp-index .graduate-student-wrapper .img-wrapper .little-img {
	position: relative;
	width: 216px;
	height: 140px
}

.p-camp-index .graduate-student-wrapper .img-wrapper .little-img:hover .cover-img {
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
	display: block
}

.p-camp-index .introduction-txt {
	text-align: center;
	margin-top: 20px;
	margin-bottom: -20px;
	font-size: 16px;
	color: #333
}

.p-camp-index .c-introduction {
	width: 100%;
	height: 960px;
	background: #fff;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 168px
}

.p-camp-index .c-introduction .consult {
	width: 1120px;
	height: 110px;
	background: #fff;
	-webkit-box-shadow: 0 10px 20px 0 rgba(82,85,158,.15);
	box-shadow: 0 10px 20px 0 rgba(82,85,158,.15);
	border-radius: 4px;
	position: absolute;
	left: 50%;
	margin-left: -560px;
	top: -55px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 30px
}

.p-camp-index .c-introduction .consult-left h2 {
	font-weight: 700;
	font-size: 28px;
	height: 37px;
	line-height: 37px;
	color: #ff3221;
	margin-bottom: 7px
}

.p-camp-index .c-introduction .consult-left p {
	height: 19px;
	font-size: 14px;
	color: #aaa;
	line-height: 19px;
	text-decoration: line-through
}

.p-camp-index .c-introduction .consult-right .open-consult {
	width: 120px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #826cc1;
	font-size: 14px;
	color: #826cc1;
	margin-right: 18px
}

.p-camp-index .c-introduction .consult-right .buy {
	width: 120px;
	height: 40px;
	background: -webkit-gradient(linear,left top,right top,from(#a08adf),to(#826cc1));
	background: linear-gradient(90deg,#a08adf,#826cc1);
	border-radius: 4px;
	font-size: 14px;
	color: #fff
}

.p-camp-index .c-introduction .detail {
	text-indent: 36px;
	width: 1120px;
	height: 48px;
	color: #333;
	line-height: 24px;
	font-size: 16px;
	margin: 60px auto 24px
}

.p-camp-index .c-introduction .detail+.detail {
	margin-top: 0;
	margin-bottom: 134px
}

.p-camp-index .c-introduction .fix-area {
	position: fixed;
	width: 100%;
	height: 110px;
	top: 0;
	left: 0;
	z-index: 9;
	background: #fff;
	-webkit-box-shadow: 0 10px 20px 0 rgba(82,85,158,.15);
	box-shadow: 0 10px 20px 0 rgba(82,85,158,.15)
}

.p-camp-index .c-introduction .fix-area .consult {
	width: 1060px;
	-webkit-box-shadow: none;
	box-shadow: none;
	top: 0;
	padding: 0;
	margin-left: -530px
}

.p-camp-index .c-introduction ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 1122px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 60px auto 0
}

.p-camp-index .c-introduction ul li {
	width: 258px;
	height: 296px;
	background: #fff;
	-webkit-box-shadow: 0 10px 20px 0 rgba(82,85,158,.12);
	box-shadow: 0 10px 20px 0 rgba(82,85,158,.12);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 38px
}

.p-camp-index .c-introduction ul li .circle {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 98px;
	height: 98px;
	border-radius: 50%;
	margin: 0 80px 18px;
	background: -webkit-gradient(linear,left top,right top,from(#a08adf),to(#826cc1));
	background: linear-gradient(90deg,#a08adf,#826cc1)
}

.p-camp-index .c-introduction ul li .circle .iconfont {
	color: #fff;
	font-size: 40px
}

.p-camp-index .c-introduction ul li p {
	text-align: center;
	height: 22px;
	font-size: 14px;
	line-height: 22px;
	color: #999
}

.p-camp-index .c-introduction ul li p.strong {
	height: 24px;
	line-height: 24px;
	margin-bottom: 8px
}

.p-camp-index .c-introduction ul li p strong {
	font-weight: 700;
	font-size: 16px;
	color: #333
}

.p-camp-index .arrange {
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
	height: auto;
	position: relative
}

.p-camp-index .arrange-wrap {
	margin-top: 110px;
	padding-top: 10px;
	padding-bottom: 110px;
	width: 100%;
	background-color: #9e88db;
	background-image: url(../images/my_camp_bg3.c38e9a6.png);
	background-size: 1920px 1091px;
	background-repeat: no-repeat;
	background-position: 50%
}

.p-camp-index .arrange .bg-img {
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
	height: auto
}

.p-camp-index .arrange-content .white-color {
	color: #fff;
	margin: 60px auto;
	background: url(../images/9743a5de12264bc0964f315bf2fd0554.gif) no-repeat 50%
}

.p-camp-index .arrange-content .course {
	height: 320px;
	width: 1200px;
	margin: 110px auto 0;
	position: relative;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.p-camp-index .arrange-content .stage {
	width: calc(25% - 12px);
	display: inline-block;
	height: 316px;
	border-radius: 8px;
	border: 1px solid #eee;
	font-size: 0;
	margin-right: 16px;
	background: #fff;
	position: relative
}

.p-camp-index .arrange-content .stage-line {
	display: block;
	position: absolute;
	right: 0;
	top: -36px;
	width: calc(100% + 18px);
	border-top: 1px dashed hsla(0,0%,100%,.3)
}

.p-camp-index .arrange-content .stage-img {
	border-radius: 8px 8px 0 0;
	width: 286px;
	height: 190px;
	overflow: hidden
}

.p-camp-index .arrange-content .stage-img img {
	width: 286px;
	height: 190px;
	-webkit-transition: All .4s ease-in-out;
	transition: All .4s ease-in-out
}

.p-camp-index .arrange-content .stage-img img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: All .4s ease-in-out;
	transition: All .4s ease-in-out
}

.p-camp-index .arrange-content .stage-title {
	font-size: 16px;
	line-height: 20px;
	margin: 16px 0 12px;
	color: #1a1a1a;
	padding: 0 12px;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.p-camp-index .arrange-content .stage-summary {
	font-size: 14px;
	color: #999;
	padding: 0 12px;
	line-height: 22px;
	height: 66px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.p-camp-index .arrange-content .stage-dot {
	position: absolute;
	top: -48px;
	left: 132px;
	border-radius: 100%;
	width: 24px;
	height: 24px;
	background: #fff;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.p-camp-index .arrange-content .stage-dot i {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: #7d67bd
}

.p-camp-index .arrange-content .stage:nth-of-type(4n) {
	margin-right: 0
}

.p-camp-index .arrange-content .stage:first-of-type .stage-line {
	width: calc(100% + 18px);
	left: 150px
}

.p-camp-index .arrange-content .stage:last-of-type .stage-line {
	width: calc(100% + 18px);
	left: -150px
}

.p-camp-index .bottom {
	padding-top: 110px;
	background: #fff;
	padding-bottom: 72px
}

.p-camp-index .bottom .js-img {
	cursor: pointer
}

.p-camp-index .bottom .teacher-area {
	width: 1200px;
	height: 212px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 60px auto 50px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.p-camp-index .bottom .teacher-area img {
	width: 212px;
	height: 212px
}

.p-camp-index .bottom .teacher-area-right {
	width: 892px
}

.p-camp-index .bottom .teacher-area-right h2 {
	font-size: 30px;
	color: #333;
	height: 40px;
	line-height: 40px;
	margin-bottom: 26px
}

.p-camp-index .bottom .teacher-area-right p {
	font-size: 16px;
	line-height: 24px;
	color: #666
}

.p-camp-index .bottom .teacher-area-right p strong {
	color: #666
}

.p-camp-index .bottom .teacher-info {
	width: 1200px;
	height: 378px;
	margin: 60px auto;
	padding-left: 23px
}

.p-camp-index .bottom .teacher-info img {
	width: 1177px
}

.p-camp-index .bottom .teacher-work {
	width: 1200px;
	height: 680px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto 114px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.p-camp-index .bottom .teacher-work img {
	width: 394px;
	height: 680px
}

.p-camp-index .bottom .student-work {
	width: 1200px;
	height: 296px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto 7px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.p-camp-index .bottom .student-work img {
	width: 394px;
	height: 296px
}

.p-camp-index .bottom .student-work.margin-top {
	margin-top: 66px
}

.p-camp-index .bottom .student-work.margin-bottom {
	margin-bottom: 107px
}

.p-camp-index .l-container-wide {
	margin-top: 60px
}

.p-camp-index .l-container-wide .c-class-list-item .class-btn--right {
	background: #7d67bd
}

.p-camp-index .l-container-wide .qwk--button--success:hover {
	background: #826cc1
}

.p-camp-index .l-container-wide .c-class-list-item .class-btn--left {
	color: #826cc1;
	border: 1px solid #826cc1;
	background: #fff
}

.p-camp-index .l-container-wide .c-class-list-item .class-btn--left:hover {
	background: #826cc1;
	border: none;
	color: #fff
}

.p-camp-index .c-class-list-item {
	margin-right: 24px;
	margin-bottom: 40px
}

.p-camp-index .c-class-list-item:nth-of-type(3n) {
	margin-right: 0
}

.u-question-edit-block-class-label {
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	color: #333;
	margin-top: 24px
}

.question-edit-submit.disabled {
	background: #eee;
	color: #999;
	font-weight: 400
}

.question-edit-submit.disabled:hover {
	color: #999
}

.c-camp-apply-dialog .c-qwk--button {
	margin: 25px 125px 0
}

.l-market-container .txt-16 {
	top: 4469px
}

.l-market-container .txt-17 {
	top: 4706px
}

.l-market-container .txt-18 {
	top: 5262px
}

.l-market-container .txt-19 {
	top: 5778px
}

.l-market-container .txt-26 {
	top: 9909px
}

.l-market-container .txt-27 {
	top: 10026px
}

.l-market-container .txt-28 {
	top: 10673px
}

.vip-container {
	font-family: \\5FAE\8F6F\96C5\9ED1;
	font-weight: 700;
	font-size: 18px
}

.vip-banner {
	position: relative;
	text-align: center
}

.vip-banner .shrink-box {
	position: absolute;
	display: inline-block;
	width: 40px
}

.vip-banner .vip-shrink {
	cursor: pointer;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	border: 20px solid transparent;
	border-top-color: #2ce579;
	-webkit-animation: shrink 1.5s linear infinite;
	animation: shrink 1.5s linear infinite
}

@-webkit-keyframes shrink {
	0%,20%,50%,80%,to {
		-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
		transition-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40%,43% {
		-webkit-transition-timing-function: cubic-bezier(.755,.5,.855,.06);
		transition-timing-function: cubic-bezier(.755,.5,.855,.06);
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
		transition-timing-function: cubic-bezier(.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0)
	}
}

@keyframes shrink {
	0%,20%,50%,80%,to {
		-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
		transition-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40%,43% {
		-webkit-transition-timing-function: cubic-bezier(.755,.5,.855,.06);
		transition-timing-function: cubic-bezier(.755,.5,.855,.06);
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
		transition-timing-function: cubic-bezier(.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0)
	}
}

.price {
	background: url(../images/vip-17.36723e5.png) no-repeat;
	width: 100%;
	font-weight: 400;
	padding: 60px 0;
	margin-top: -104px;
	height: 1056px
}

.price .box {
	width: 1150px;
	margin: 0 auto
}

.price .course {
	width: 465px;
	height: 755px;
	margin-left: 0;
	padding-top: 50px
}

.price .course img {
	margin-bottom: 20px
}

.price .vs {
	margin: 340px 30px
}

.price .price-box {
	width: 480px;
	text-align: center
}

.price .price-box h2 {
	font-size: 70px;
	color: #fff;
	margin-top: 70px
}

.price .price-box .title-p {
	font-size: 40px;
	font-weight: 400;
	color: #fff;
	margin: 10px auto 39px
}

.price .price-box .year-price {
	font-size: 70px;
	color: #ff0
}

.price .price-box .economize {
	font-size: 28px;
	font-weight: 400;
	line-height: 35px;
	color: #ff0;
	margin-top: 55px
}

.price .price-box .day-price {
	font-size: 40px;
	font-weight: 400;
	color: #ff0;
	margin: 40px auto 150px
}

.price .price-box .btn {
	display: inline-block;
	width: 331px;
	height: 77px;
	line-height: 77px;
	background-color: #ff0;
	font-size: 34px;
	color: #24194e;
	font-weight: 700
}

.plan {
	margin-top: -90px;
	height: 1430px;
	text-align: center;
	padding-top: 100px
}

.plan .title {
	display: inline-block;
	font-size: 50px;
	font-weight: 700;
	letter-spacing: 4px;
	padding-bottom: 20px
}

.plan p {
	font-size: 30px;
	line-height: 70px
}

.plan a,.plan p {
	font-weight: 400;
	letter-spacing: 2px;
	color: #24194d
}

.plan a {
	display: inline-block;
	margin-top: 55px;
	font-size: 35px
}

.plan a,.plan a:hover {
	text-decoration: underline
}

.plan a:hover {
	color: #24194d
}

.plan .plan-study {
	margin: 150px 0 100px;
	text-align: center
}

.plan .dropfl {
	margin-left: 1%;
	margin-top: -500px
}

.plan .dropfr {
	margin-right: 1%;
	margin-top: -500px
}

.style {
	height: 1100px;
	background: #f4f4f9;
	text-align: center;
	padding-top: 100px;
	position: relative
}

.style span {
	font-size: 50px;
	letter-spacing: 3px;
	color: #24194d
}

.style p {
	line-height: 50px;
	width: 746px;
	font-size: 30px;
	letter-spacing: 1px;
	color: #24194d;
	margin: 40px auto 100px;
	font-weight: 400
}

.style .style-box {
	position: absolute;
	width: 300px;
	height: 346px
}

.style .style-box span {
	font-size: 40px;
	letter-spacing: 2px;
	color: #fff
}

.style .style-box:last-of-type {
	top: 370px;
	left: 16%
}

.style .style-box:nth-last-of-type(2) {
	top: 370px;
	left: 41%
}

.style .style-box:nth-last-of-type(3) {
	top: 370px;
	left: 66%
}

.style .style-box:nth-last-of-type(4) {
	top: 697px;
	left: 28.5%
}

.style .style-box:nth-last-of-type(5) {
	top: 697px;
	left: 53.5%
}

.teacher {
	background: url(../images/vip-10.91a2793.png) no-repeat;
	height: 1100px;
	background-color: #fff;
	text-align: center;
	padding-top: 200px;
	margin-top: -100px
}

.teacher .am-slider-b3 {
	width: 1100px;
	height: 493px;
	border: 5px solid #24194d;
	margin: 0 auto
}

.teacher .am-slider-b3 .am-viewport {
	height: 483px
}

.teacher .am-slider-b3 .am-direction-nav a {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	width: 80px;
	height: 80px
}

.teacher .am-slider-b3 .am-direction-nav a:before {
	font-size: 60px
}

.teacher .am-slider-b3 .am-direction-nav a.am-next {
	right: -60px
}

.teacher .am-slider-b3 .am-direction-nav a.am-prev {
	left: -80px
}

.teacher .am-slides {
	text-align: left;
	height: 485px;
	background: hsla(0,0%,91%,.4);
	overflow-y: scroll
}

.teacher .am-slides span {
	display: inline-block;
	font-size: 36px;
	font-weight: 700;
	line-height: 55px;
	letter-spacing: 2px;
	color: #24194d;
	margin: 35px 65px 0
}

.teacher .am-slides .introduce {
	font-size: 26px;
	margin: 30px 65px 0;
	line-height: 40px;
	letter-spacing: 1px;
	color: #24194d;
	font-weight: 400
}

.teacher span {
	font-size: 50px;
	font-weight: 700;
	letter-spacing: 3px;
	color: #24194d
}

.teacher p {
	font-size: 30px;
	line-height: 50px;
	letter-spacing: 1px;
	color: #24194d;
	font-weight: 400;
	margin: 40px 0 65px
}

.teacher .teacher-box {
	margin: 0 auto;
	background: hsla(0,0%,91%,.4);
	width: 1100px;
	height: 493px;
	border: 5px solid #24194d;
	text-align: left
}

.teacher .teacher-box span {
	display: inline-block;
	font-size: 36px;
	font-weight: 700;
	line-height: 55px;
	letter-spacing: 2px;
	color: #24194d;
	margin: 35px 65px 0
}

.teacher .teacher-box .introduce {
	font-size: 26px;
	margin: 30px 65px 0;
	line-height: 40px;
	letter-spacing: 1px;
	color: #24194d;
	font-weight: 400
}

.teacher .btn {
	display: inline-block;
	width: 280px;
	height: 80px;
	background-color: #24194d;
	font-size: 36px;
	line-height: 80px;
	letter-spacing: 2px;
	color: #f4f4f9;
	margin-top: 75px
}

.evaluate .evaluates {
	width: 1100px;
	margin: 0 auto
}

.evaluate .evaluates img {
	width: 100%
}

.app {
	height: 1040px;
	text-align: center
}

.app .title {
	font-weight: 700;
	letter-spacing: 0;
	font-size: 50px;
	color: #24194d
}

.app .title-p {
	font-size: 30px;
	color: #24194d
}

.app .phone {
	margin-left: -400px
}

.app .phone img {
	border-radius: 35px;
	-webkit-box-shadow: 5px 3px 20px 5px #999;
	box-shadow: 5px 3px 20px 5px #999
}

.app .erweima {
	width: 370px;
	margin-top: -400px;
	margin-left: 60%
}

.app .erweima p {
	width: 364px;
	height: 40px;
	line-height: 40px;
	background-color: #24194d;
	font-weight: 700;
	font-size: 22px;
	color: #fff;
	margin-bottom: 60px;
	position: relative
}

.app .erweima p i {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 30px solid #24194d;
	position: absolute;
	top: 40px;
	left: 162px
}

.evaluate {
	text-align: center;
	height: 1400px;
	background-color: #f4f4f9
}

.evaluate .title {
	margin: 100px auto 65px;
	padding-top: 100px
}

.evaluate .drop {
	margin: 150px 30px 0 60px
}

.evaluate .dropfr {
	margin: 150px 0 0 40px
}

.question {
	background: #f4f4f9;
	width: 100%;
	height: 1397px;
	text-align: center
}

.question .title {
	font-size: 50px;
	letter-spacing: 0;
	color: #24194d;
	padding-top: 100px
}

.question .title-p {
	font-size: 30px;
	color: #24194d;
	margin: 35px 0 65px
}

.question .textarea-box {
	width: 1200px;
	height: 800px;
	background-color: #fff;
	border-radius: 20px;
	border: 5px solid #24194d;
	margin: 0 auto;
	overflow: hidden;
	overflow-y: auto
}

.question .arrow-bottom {
	background: url(../images/c951f98463784688b730edb786422d6f.gif) no-repeat;
	background-size: 15px
}

.question .arrow-bottom,.question .arrow-right {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 20px
}

.question .arrow-right {
	background: url(../images/500f3b230d2f44128a5eb3979c05f7ae.gif) no-repeat;
	background-size: 15px
}

.question .textarea {
	text-align: left;
	margin: 35px 84px;
	letter-spacing: 1px
}

.question .textarea span {
	font-size: 30px;
	line-height: 55px;
	color: #24194d;
	display: block;
	cursor: pointer
}

.question .textarea p {
	font-size: 28px;
	line-height: 45px;
	color: #333;
	font-weight: 400
}

.question .btn {
	width: 280px;
	height: 80px;
	background-color: #24194d;
	font-size: 36px;
	line-height: 80px;
	letter-spacing: 2px;
	color: #f4f4f9;
	display: inline-block;
	margin-top: 70px;
	cursor: pointer
}

.join-us,.join-us img {
	width: 100%
}

.p-order {
	background: #f5f5fa;
	padding-bottom: 200px;
	padding-top: 24px
}

.p-order .el-message-box {
	height: 366px;
	width: 580px
}

.p-order .el-message-box__content {
	font-size: 20px;
	color: #1a1a1a;
	line-height: 30px
}

.order-title {
	height: 72px;
	line-height: 72px;
	border-bottom: 1px solid #eee
}

.order-title p {
	float: left;
	color: #333;
	font-size: 24px
}

.order-title span {
	float: right;
	color: #999;
	font-size: 18px
}

.order-buy {
	width: 1200px;
	background: #fff;
	padding: 0 40px;
	margin-bottom: 24px
}

.order-buy&gt;img {
	width: 240px;
	height: 180px;
	float: left;
	margin: 24px 20px 24px 0
}

.order-buy&gt;p {
	margin: 30px 0 10px;
	color: #1a1a1a;
	font-size: 20px
}

.order-buy&gt;span {
	font-size: 20px;
	color: #1a1a1a;
	font-weight: 700
}

.order-pay {
	width: 1200px;
	padding: 0 40px;
	background: #fff;
	text-align: center
}

.order-pay-method {
	cursor: pointer;
	width: 400px;
	margin: 0 auto;
	padding-bottom: 50px
}

.order-pay-method&gt;div {
	width: 160px
}

.order-pay-method.active {
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: url('data:image/svg+xml;charset=utf-8,&lt;svg xmlns="http://www.w3.org/2000/svg"&gt;&lt;filter id="filter"&gt;&lt;feGaussianBlur stdDeviation="10" /&gt;&lt;/filter&gt;&lt;/svg&gt;#filter');
	filter: blur(10px)
}

.order-pay-method-wrap {
	position: relative
}

.order-pay-method-wrap&gt;p {
	width: 188px;
	height: 46px;
	background: #000;
	border-radius: 8px;
	opacity: .7;
	font-size: 14px;
	color: #fff;
	position: absolute;
	top: 50px;
	left: 470px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.order-pay-wx {
	float: left;
	margin-right: 80px
}

.order-pay-wx&gt;div {
	padding: 10px;
	width: 160px;
	height: 160px;
	border: 1px solid #45b022
}

.order-pay-wx p {
	font-size: 16px;
	color: #333;
	margin-top: 12px
}

.order-pay-wx p i {
	display: inline-block;
	font-size: 20px;
	color: #45b022;
	margin-right: 9px
}

.order-pay-wx-code {
	width: 100%;
	height: 100%
}

.order-pay-zfb {
	float: right
}

.order-pay-zfb&gt;div {
	width: 160px;
	height: 160px;
	border: 1px solid #2f9eec
}

.order-pay-zfb&gt;div i:first-of-type {
	display: block;
	font-size: 48px;
	color: #2f9eec;
	margin: 15px auto 0
}

.order-pay-zfb&gt;div i:last-of-type {
	display: inline-block;
	font-size: 40px;
	color: #000
}

.order-pay-zfb p {
	font-size: 16px;
	margin-top: 16px;
	color: #2f9eec;
	text-decoration: underline
}

.order-pay-count {
	font-size: 20px;
	color: #999;
	display: inline-block;
	margin: 40px auto
}

.order-pay-count span {
	color: #ff931c;
	font-size: 24px;
	font-weight: 700
}

.order-pay-read {
	display: block;
	color: #999;
	font-size: 14px;
	text-align: left;
	width: 560px;
	margin: 0 auto 12px
}

.order-pay-read i {
	font-size: 14px;
	color: #2eb8d0;
	margin-right: 4px;
	cursor: pointer
}

.order-pay-read a,.order-pay-read a:hover {
	color: #2f9eec
}

.order-pay-read:first-of-type {
	margin-top: 40px
}

.order-pay-read:last-of-type {
	padding-bottom: 180px
}

.order-pay .icon-pc-yuan {
	color: #999
}

.order-buy-img--classes {
	width: 380px!important;
	height: 200px!important
}

.order-classes-invite-box {
	clear: both;
	border-top: 1px solid #eee;
	padding: 24px 0;
	font-size: 14px;
	color: #999
}

.order-classes-invite-box i {
	font-style: normal;
	color: #ff3636
}

.order-dialog {
	margin: auto;
	z-index: 99;
	width: 580px;
	height: 366px;
	background: #fff;
	border-radius: 8px
}

.order-dialog,.order-dialog-shade {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0
}

.order-dialog-shade {
	background: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	z-index: 9
}

.order-dialog .icon-wap-xuanzhong {
	color: #2eb8d0
}

.order-dialog-head {
	padding: 0 24px;
	font-size: 24px;
	color: #999;
	height: 64px;
	line-height: 64px;
	border-radius: 8px 8px 0 0;
	border-bottom: 1px solid #eee
}

.order-dialog-head i {
	cursor: pointer;
	float: right;
	width: 32px;
	height: 32px;
	margin-right: -16px
}

.order-dialog-content {
	padding: 60px 80px;
	font-size: 20px;
	color: #1a1a1a;
	line-height: 40px;
	text-align: center
}

.order-dialog-content&gt;i {
	display: inline-block;
	color: #ff931c;
	font-size: 20px;
	margin-right: -16px
}

.order-dialog-content&gt;p {
	margin-left: 28px
}

.order-dialog-content&gt;p:first-of-type {
	display: inline-block
}

.order-dialog-content .order-dialog-btn {
	cursor: pointer;
	width: 144px;
	margin: 30px 24px 10px 0;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	border-radius: 4px
}

.order-dialog-content .order-dialog-btn a,.order-dialog-content .order-dialog-btn a:hover {
	color: #fff
}

.order-dialog-content .order-dialog-btn-2 {
	cursor: pointer;
	width: 144px;
	margin: 30px 24px 10px 0;
	display: inline-block;
	font-size: 16px;
	height: 48px;
	line-height: 46px;
	border-radius: 4px;
	border: 1px solid #ccc;
	color: #666
}

.order-dialog-content .order-dialog-btn-2 a,.order-dialog-content .order-dialog-btn-2 a:hover {
	color: #666
}

.order-dialog-content&gt;div:last-of-type {
	margin-right: 0!important
}

.order-dialog-content&gt;span {
	display: block;
	font-size: 14px;
	color: #2eb8d0
}

.order-dialog-content--1 {
	text-align: left
}

.order-dialog-content--1&gt;i {
	float: left;
	color: #ff931c;
	font-size: 20px;
	margin-right: -16px
}

.order-dialog-content--1&gt;p {
	margin-left: 30px
}

.order-dialog-content--1&gt;p:first-of-type {
	display: block
}

.order-dialog-content--1 .order-dialog-btn {
	width: auto;
	cursor: pointer;
	margin: 30px 24px 10px 0;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	padding: 0 20px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	border-radius: 4px
}

.order-dialog-content--1 .order-dialog-btn a,.order-dialog-content--1 .order-dialog-btn a:hover {
	color: #fff
}

.order-dialog-content--1 .order-dialog-btn-2 {
	width: auto;
	cursor: pointer;
	margin: 30px 24px 10px 0;
	display: inline-block;
	font-size: 16px;
	height: 48px;
	line-height: 46px;
	padding: 0 20px;
	border-radius: 4px;
	border: 1px solid #ccc;
	color: #666
}

.order-dialog-content--1 .order-dialog-btn-2 a,.order-dialog-content--1 .order-dialog-btn-2 a:hover {
	color: #666
}

.p-order-confirm {
	background: #f5f5fa;
	overflow: hidden
}

.p-order-confirm .header-area {
	width: 1200px;
	height: 313px;
	background: #fff;
	margin: 24px 0;
	padding: 30px 24px 24px
}

.p-order-confirm .header-area-title {
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	font-weight: 700;
	color: #333;
	margin-bottom: 14px
}

.p-order-confirm .header-area-thead {
	width: 1152px;
	height: 46px;
	background: #fafafa;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 25px
}

.p-order-confirm .header-area-thead li {
	font-size: 14px;
	color: #333;
	text-align: center
}

.p-order-confirm .header-area-thead li:first-child {
	width: 660px
}

.p-order-confirm .header-area-thead li:nth-child(2) {
	width: 242px
}

.p-order-confirm .header-area-thead li:nth-child(3) {
	width: 250px;
	text-align: right;
	padding-right: 40px
}

.p-order-confirm .header-area-tbody {
	width: 1152px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.p-order-confirm .header-area-tbody,.p-order-confirm .header-area-tbody li {
	height: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.p-order-confirm .header-area-tbody li strong {
	font-size: 16px;
	color: #333
}

.p-order-confirm .header-area-tbody li:first-child {
	width: 660px
}

.p-order-confirm .header-area-tbody li:first-child .msg {
	margin-left: 19px;
	padding-top: 45px
}

.p-order-confirm .header-area-tbody li:first-child .msg .name {
	height: 24px;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	margin-bottom: 13px
}

.p-order-confirm .header-area-tbody li:first-child .msg .number {
	height: 22px;
	font-size: 14px;
	line-height: 22px;
	color: #999
}

.p-order-confirm .header-area-tbody li:nth-child(2) {
	width: 242px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.p-order-confirm .header-area-tbody li:nth-child(3) {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 250px;
	padding-right: 20px
}

.p-order-confirm .bottom-area {
	width: 1200px;
	background: #fff;
	margin-top: 20px
}

.p-order-confirm .bottom-area-header {
	border-bottom: 1px dashed #ccc;
	padding: 30px 46px 30px 24px
}

.p-order-confirm .bottom-area-header-top-title {
	height: 24px;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	margin-bottom: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.p-order-confirm .bottom-area-header-top .no-coupon {
	height: 22px;
	font-size: 14px;
	line-height: 22px;
	color: #999;
	margin-bottom: 40px
}

.p-order-confirm .bottom-area-header-top .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.p-order-confirm .bottom-area-header-top .list-item {
	width: 332px;
	height: 140px;
	border-radius: 4px;
	border: 2px solid #eee;
	position: relative;
	padding-top: 14px;
	padding-left: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
	cursor: pointer
}

.p-order-confirm .bottom-area-header-top .list-item.active {
	border: 2px solid #2eb8d0
}

.p-order-confirm .bottom-area-header-top .list-item-worth {
	height: 46px;
	line-height: 46px;
	color: #333;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px
}

.p-order-confirm .bottom-area-header-top .list-item-worth strong {
	font-size: 36px;
	letter-spacing: -3px
}

.p-order-confirm .bottom-area-header-top .list-item-worth span {
	font-size: 14px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-left: 5px
}

.p-order-confirm .bottom-area-header-top .list-item-name {
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	margin-bottom: 4px
}

.p-order-confirm .bottom-area-header-top .list-item button {
	width: 88px;
	height: 34px;
	border-radius: 17px;
	border: 1px solid #2eb8d0;
	position: absolute;
	right: 20px;
	top: 53px;
	font-size: 14px;
	color: #2eb8d0
}

.p-order-confirm .bottom-area-header-top .list-item button.used {
	border: none;
	background: #eee;
	color: #999
}

.p-order-confirm .bottom-area-header-top .list-item button.un-receive {
	border: none;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	color: #fff
}

.p-order-confirm .bottom-area-header .null-invite-code a {
	font-size: 16px;
	color: #666
}

.p-order-confirm .bottom-area-header .null-invite-code a .iconfont {
	color: #666;
	font-size: 15px
}

.p-order-confirm .bottom-area-header-bottom {
	width: 1120px;
	position: relative
}

.p-order-confirm .bottom-area-header-bottom .label {
	height: 40px;
	line-height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.p-order-confirm .bottom-area-header-bottom .label .el-radio-group {
	height: 40px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 24px;
	padding-top: 5px
}

.p-order-confirm .bottom-area-header-bottom input {
	width: 280px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding-left: 16px;
	margin-left: -12px
}

.p-order-confirm .bottom-area-header-bottom input.disabled {
	border: none;
	background: #fff
}

.p-order-confirm .bottom-area-header-bottom .amount {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #666;
	text-align: right;
	position: absolute;
	right: 0;
	top: 0
}

.p-order-confirm .bottom-area-header-bottom .amount .plan {
	font-size: 14px;
	color: #999
}

.p-order-confirm .bottom-area-main {
	height: 328px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-left: 24px;
	padding-right: 46px
}

.p-order-confirm .bottom-area-main-left {
	width: 560px;
	padding-top: 40px
}

.p-order-confirm .bottom-area-main-left p {
	font-size: 14px;
	font-weight: 700;
	color: #999;
	margin-bottom: 6px
}

.p-order-confirm .bottom-area-main-left .license {
	width: 560px;
	height: 220px;
	border: none
}

.p-order-confirm .bottom-area-main-right {
	padding-top: 85px
}

.p-order-confirm .bottom-area-main-right p {
	text-align: right
}

.p-order-confirm .bottom-area-main-right .finally-price {
	height: 24px;
	line-height: 24px;
	font-size: 20px;
	margin-bottom: 30px;
	color: #999
}

.p-order-confirm .bottom-area-main-right .finally-price strong {
	color: #ff931c;
	font-size: 24px
}

.p-order-confirm .bottom-area-main-right button {
	width: 240px;
	height: 64px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700;
	color: #fff
}

.p-order-confirm .bottom-area-main-right button.disabled {
	background: #eee;
	color: #999
}

.p-order-confirm .bottom-area-main-right .check {
	font-size: 14px;
	margin-top: 22px
}

.p-order-confirm .bottom-area-main-right .check span {
	color: #999
}

.p-order-confirm .bottom-area-main-right .check a {
	color: #2f9eec
}

.p-order-confirm .bottom-area-main-right .el-checkbox {
	margin-right: 0
}

.p-teacher {
	background: #fff;
	overflow: hidden
}

.p-teacher .teacher-list li {
	width: 100%;
	height: 750px;
	padding-top: 80px
}

.p-teacher .teacher-list li .content {
	width: 1128px;
	margin: 0 auto
}

.p-teacher .teacher-list li .content-header {
	width: 1128px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 180px
}

.p-teacher .teacher-list li .content-header-msg {
	width: 155px;
	padding-top: 23px;
	margin-right: 62px
}

.p-teacher .teacher-list li .content-header-msg p {
	text-align: right;
	width: 155px
}

.p-teacher .teacher-list li .content-header-msg .name {
	font-size: 28px;
	height: 28px;
	line-height: 28px;
	font-weight: 700;
	color: #525252
}

.p-teacher .teacher-list li .content-header-msg .split-line {
	height: 1px;
	position: relative;
	margin: 23px 0
}

.p-teacher .teacher-list li .content-header-msg .split-line span {
	display: block;
	width: 25px;
	height: 1px;
	background: #535353;
	position: absolute;
	right: 0
}

.p-teacher .teacher-list li .content-header-msg .remark {
	font-size: 16px;
	line-height: 24px;
	color: #595959;
	width: 150px
}

.p-teacher .teacher-list li .content-header-introduce {
	width: 734px;
	font-size: 18px;
	line-height: 29px;
	color: #828282;
	padding-top: 19px
}

.p-teacher .teacher-list li .content-header-introduce p {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all
}

.p-teacher .teacher-list li .content-header-introduce p:first-child {
	-webkit-line-clamp: 2
}

.p-teacher .teacher-list li .content-bottom {
	margin-top: 22px;
	position: relative
}

.p-teacher .teacher-list li .content-bottom .work-direct {
	position: absolute;
	bottom: -34px;
	left: 26px
}

.p-teacher .teacher-list li .content-bottom .work-label {
	height: 24px;
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	color: #525252;
	position: absolute;
	bottom: -42px;
	left: 50px
}

.p-teacher .teacher-list li .content-bottom .work-area {
	width: 758px;
	height: 340px;
	position: relative;
	z-index: 5;
	-webkit-clip-path: polygon(100% 0,87% 100%,0 100%,0 0);
	clip-path: polygon(100% 0,87% 100%,0 100%,0 0)
}

.p-teacher .teacher-list li .content-bottom .work-area .work {
	position: absolute;
	min-width: 758px;
	min-height: 340px;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(calc(-50% + 1px));
	transform: translateX(calc(-50% + 1px))
}

.p-teacher .teacher-list li .content-bottom .video-area {
	width: 470px;
	height: 340px;
	background: #e5e5e5;
	position: absolute;
	top: 57px;
	right: 0
}

.p-teacher .teacher-list li .content-bottom .video-area .mask {
	width: 470px;
	height: 340px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer
}

.p-teacher .teacher-list li .content-bottom .video-area .triangle-topleft {
	width: 0;
	height: 0;
	border-top: 340px solid #fff;
	border-right: 100px solid transparent;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}

.p-teacher .teacher-list li .content-bottom .video-area .direct {
	position: absolute;
	top: 308px;
	left: -25px
}

.p-teacher .teacher-list li .content-bottom .video-area .label {
	height: 24px;
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	color: #525252;
	position: absolute;
	top: 301px;
	left: -205px
}

.p-teacher .teacher-list li .content-bottom .video-area .play-icon {
	cursor: pointer;
	right: 23px;
	bottom: 27px;
	position: absolute
}

.p-teacher .teacher-list li .content-bottom .video-area .work {
	position: absolute;
	min-width: 470px;
	min-height: 340px;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(calc(-50% + 1px));
	transform: translateX(calc(-50% + 1px))
}

.p-teacher .teacher-list li .content-bottom .teacher-icon {
	position: absolute;
	top: -12px;
	right: 0
}

.p-teacher .teacher-list li:nth-child(2n) {
	background: #00c8d5
}

.p-teacher .teacher-list li:nth-child(2n) .content-header-msg .name {
	color: #fff
}

.p-teacher .teacher-list li:nth-child(2n) .content-header-msg .split-line span {
	background: #fff
}

.p-teacher .teacher-list li:nth-child(2n) .content-bottom .work-label,.p-teacher .teacher-list li:nth-child(2n) .content-header-introduce,.p-teacher .teacher-list li:nth-child(2n) .content-header-msg .remark {
	color: #fff
}

.p-teacher .teacher-list li:nth-child(2n) .content-bottom .video-area {
	background: #e5e5e5
}

.p-teacher .teacher-list li:nth-child(2n) .content-bottom .video-area .triangle-topleft {
	border-top: 340px solid #00c8d5
}

.p-teacher .teacher-list li:nth-child(2n) .content-bottom .video-area .label {
	color: #fff
}

.c-painter-wrapper {
	position: relative;
	margin-top: 40px;
	width: 1200px;
	height: 520px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc
}

.c-painter-wrapper .js-img {
	cursor: pointer
}

.c-painter-wrapper .avatar {
	position: absolute;
	left: 0;
	top: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%
}

.c-painter-wrapper .name {
	position: absolute;
	left: 60px;
	top: 2px;
	font-size: 14px;
	font-weight: 700;
	color: #1a1a1a
}

.c-painter-wrapper .sign {
	position: absolute;
	left: 60px;
	top: 26px;
	font-size: 14px;
	color: #999;
	max-width: 800px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.c-painter-wrapper button {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	right: 0;
	top: 7px;
	width: 92px;
	height: 34px;
	background-color: #2eb8d0;
	border-radius: 4px;
	color: #fff;
	font-size: 16px
}

.c-painter-wrapper .c-paint-list,.c-painter-wrapper button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute
}

.c-painter-wrapper .c-paint-list {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	top: 68px;
	left: 0;
	max-width: 1200px
}

.c-painter-wrapper .c-paint-list .c-paint {
	margin-right: 20px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 285px;
	height: 380px;
	background-color: #d8d8d8;
	text-align: center;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #eee
}

.c-painter-wrapper .c-paint-list .c-paint:last-child {
	margin-right: 0
}

.c-painter-wrapper .c-paint-list img {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(calc(-50% + 1px));
	transform: translateX(calc(-50% + 1px));
	top: 0
}

.l-containers-1200 {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 40px
}

.l-containers-1200 .c-banner-container {
	height: 400px;
	overflow: hidden
}

.l-containers-1200 .l-title {
	margin-top: 60px;
	color: #1a1a1a;
	font-size: 22px;
	font-weight: 700
}

.my-work-item .c-work-item-box {
	width: 168px;
	height: 126px;
	position: relative
}

.my-work-item .animation {
	width: 40px;
	height: 40px;
	position: absolute;
	opacity: 0;
	right: 64px;
	top: 140px;
	cursor: pointer
}

.my-work-item .animation1 {
	width: 140px;
	height: 140px;
	position: absolute;
	right: 10px;
	top: 15px
}

.my-work-item:hover .animation {
	-webkit-animation: move .3s linear forwards;
	animation: move .3s linear forwards
}

.p-person-homepage {
	padding: 20px 0 40px;
	background: #f5f5fa
}

.p-person-homepage-container {
	margin: 0 auto;
	width: 900px
}

.person-homepage-head {
	width: 900px;
	padding-bottom: 40px;
	background: #fff;
	border-radius: 4px;
	position: relative
}

.person-homepage-head-face-img-wrap {
	width: 120px;
	height: 120px;
	-webkit-box-shadow: 0 6px 18px 0 rgba(0,0,0,.16);
	box-shadow: 0 6px 18px 0 rgba(0,0,0,.16);
	border-radius: 50%;
	background: #fff;
	text-align: center;
	padding: 4px;
	position: absolute;
	top: 100px;
	left: 40px
}

.person-homepage-head-bg-color {
	width: 900px;
	height: 160px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	border-radius: 4px 4px 0 0;
	text-align: right
}

.person-homepage-head-bg-color&gt;img {
	width: 206px
}

.person-homepage-head-info {
	margin-left: 172px;
	width: 530px
}

.person-homepage-head-info p {
	font-size: 18px;
	line-height: 18px;
	color: #1a1a1a;
	margin: 15px 0 10px;
	font-weight: 700
}

.person-homepage-head-info span {
	font-size: 14px;
	color: #999
}

.person-homepage-head button {
	width: 120px;
	height: 40px;
	line-height: 38px;
	border-radius: 4px;
	border: 1px solid #999;
	font-size: 16px;
	color: #999;
	position: absolute;
	top: 180px;
	right: 40px
}

.person-homepage-head button.attentioned {
	background: #2eb8d0;
	color: #fff;
	border: none;
	line-height: 40px
}

.person-homepage-left {
	float: left;
	margin-top: 20px;
	width: 600px;
	background: #fff;
	min-height: 600px
}

.person-homepage-left .sort {
	font-size: 16px;
	color: #999;
	margin-left: 18px
}

.person-homepage-left .sort li {
	display: inline-block;
	cursor: pointer;
	padding: 25px 20px
}

.person-homepage-left .sort li.active {
	color: #343434
}

.person-homepage-left .sort .line {
	color: #ccc
}

.person-homepage-right {
	position: relative;
	top: 0;
	right: 0;
	float: right;
	margin-top: 20px;
	width: 280px
}

.person-homepage-right .study-process {
	background: #fff;
	padding: 24px 16px;
	margin-bottom: 20px
}

.person-homepage-right .study-process .qwk--title--left--line span:before {
	left: -15px
}

.person-homepage-right .study-process ul {
	margin-top: 22px
}

.person-homepage-right .study-process ul li {
	margin-top: 20px;
	position: relative
}

.person-homepage-right .study-process ul li .work {
	width: 248px;
	height: 123px
}

.person-homepage-right .study-process ul li .graduation {
	width: 60px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 0
}

.person-homepage-right .study-process ul li p {
	font-size: 14px;
	height: 22px;
	line-height: 22px;
	color: #666;
	margin-top: 4px
}

.person-homepage-middle {
	width: 900px;
	height: 170px;
	background: #fff;
	border-radius: 4px 4px 4px 0;
	margin-top: 20px;
	position: relative
}

.person-homepage-middle .el-carousel {
	position: absolute;
	left: 14px;
	right: 14px;
	top: 22px;
	bottom: 22px
}

.person-homepage-middle .el-carousel .el-carousel__container {
	height: 124px!important
}

.person-homepage-middle .el-carousel .el-carousel__item {
	background: #fff
}

.person-homepage-middle .el-carousel .el-carousel__item a {
	width: 168px;
	height: 126px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	float: left;
	margin-right: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.person-homepage-middle .el-carousel .el-carousel__item a:last-child {
	margin-right: 0
}

.person-homepage-middle .el-carousel .el-carousel__item img {
	width: 168px;
	height: 126px;
	border-radius: 4px;
	border: 1px solid #eee
}

.person-homepage-middle .el-carousel__arrow {
	width: 40px;
	height: 80px;
	background: rgba(51,51,51,.3);
	border-radius: 4px;
	font-size: 18px
}

.person-homepage-bottom {
	width: 900px;
	min-height: 500px;
	position: relative
}

.person-homepage-bottom .sort-area {
	height: 70px;
	border-bottom: 1px solid #eee;
	padding-top: 20px;
	padding-left: 24px
}

.person-homepage-bottom .sort-area .el-select {
	width: 124px;
	margin-right: 20px
}

.person-homepage-bottom .sort-area .el-input__inner {
	width: 124px;
	padding-right: 0;
	height: 34px;
	border-radius: 4px;
	border: 1px solid #ccc
}

.person-homepage-bottom .sort-area .el-input__suffix {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.person-homepage-bottom .my-work1 {
	position: relative
}

.person-homepage-bottom .my-work1 .new {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 40px;
	height: 16px;
	background: #ff4242;
	border-radius: 14px;
	position: absolute;
	right: -40px;
	top: 0;
	font-size: 12px;
	color: #fff;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.person-homepage-bottom .my-work {
	padding: 24px 23px
}

.person-homepage-bottom .my-work .upload {
	width: 555px;
	height: 38px;
	background: rgba(255,147,28,.05);
	border-radius: 4px;
	border: 1px solid rgba(255,147,28,.15);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 12px
}

.person-homepage-bottom .my-work .upload .iconfont {
	font-size: 12px;
	color: #e6a23b;
	display: inline-block;
	margin-right: 5px
}

.person-homepage-bottom .my-work .upload a {
	font-size: 12px;
	color: #e6a23b
}

.person-homepage-bottom .my-work ul {
	margin-top: 26px;
	font-size: 0
}

.person-homepage-bottom .my-work-item {
	display: inline-block;
	width: 168px;
	height: 191px;
	border-radius: 4px;
	border: 1px solid #eee;
	margin-right: 25px;
	margin-bottom: 25px;
	position: relative;
	overflow: hidden
}

.person-homepage-bottom .my-work-item img {
	width: 168px;
	height: 126px;
	background: #d8d8d8;
	border-radius: 8px 8px 0 0
}

.person-homepage-bottom .my-work-item .name {
	width: 152px;
	height: 22px;
	font-size: 14px;
	line-height: 22px;
	margin: 8px 8px 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.person-homepage-bottom .my-work-item .name a {
	color: #666
}

.person-homepage-bottom .my-work-item .time {
	height: 18px;
	font-size: 12px;
	color: #999;
	line-height: 18px;
	margin-left: 8px
}

.person-homepage-bottom .my-work-item:nth-child(3n) {
	margin-right: 0
}

.u-person-title {
	width: 100%;
	height: 68px;
	line-height: 68px;
	background: #fff;
	border-radius: 4px 4px 0 0;
	padding: 0 24px;
	border-bottom: 1px solid #eee
}

.u-person-title h1 {
	font-size: 16px;
	line-height: 20px;
	color: #666;
	padding-top: 24px
}

.u-person-tab {
	width: 100%;
	height: 68px;
	line-height: 68px;
	background: #fff;
	border-radius: 4px 4px 0 0;
	padding: 0 4px;
	border-bottom: 1px solid #eee;
	position: relative
}

.u-person-tab li {
	cursor: pointer;
	line-height: 66px;
	display: inline-block;
	font-size: 20px;
	color: #666;
	padding: 0 20px;
	margin-right: 40px
}

.u-person-tab li.active {
	font-weight: 700;
	color: #2eb8d0
}

.u-person-tab li.active:after {
	content: "";
	display: block;
	width: calc(100% + 40px);
	margin-left: -20px;
	height: 2px;
	background: #2eb8d0
}

.c-person-center {
	min-height: 1200px!important;
	background: #f5f5fa;
	vertical-align: top;
	padding-bottom: 60px
}

.c-person-center .c-person-header {
	margin: auto auto 20px;
	max-width: 1920px;
	height: 220px;
	background-color: #7bdceb;
	background-image: url(../images/bg-person-center.5ff72af.png);
	background-size: 1920px 100%
}

.c-person-center .l-container-relative {
	position: relative
}

.c-person-center .c-person-user-wide {
	height: 100%
}

.c-person-center .c-person-user {
	height: 100%;
	-ms-flex-align: center
}

.c-person-center .c-person-user,.c-person-center .c-person-user-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	align-items: center
}

.c-person-center .c-person-user-info {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-align: center
}

.c-person-center .c-person-user-info-name {
	padding-bottom: 6px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	line-height: 28px
}

.c-person-center .c-person-user-info-name a {
	color: #fff
}

.c-person-center .c-person-user-info-vip {
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	font-weight: 400
}

.c-person-center .c-person-user-info-btn {
	margin-right: 14px;
	margin-top: 14px;
	display: inline-block;
	width: 110px;
	height: 34px;
	line-height: 34px;
	border-radius: 4px;
	border: 1px solid #fff;
	font-size: 12px;
	text-align: center;
	color: #fff
}

.c-person-center .c-person-user-info-face-img {
	margin-right: 20px;
	width: 110px;
	height: 110px;
	border: 3px solid #fff;
	border-radius: 50%;
	overflow: hidden
}

.c-person-center .c-person-user-info-face-img .img {
	width: 100%;
	height: 100%
}

.c-person-center .c-person-user-work {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	font-size: 16px;
	color: #fff
}

.c-person-center .c-person-user-work-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-person-center .c-person-user-work-item {
	display: block;
	text-align: center;
	margin-left: 36px;
	color: #fff
}

.c-person-center .c-person-user-work-name {
	padding-top: 9px
}

.c-person-center .c-person-user-work-num {
	font-size: 24px
}

.c-person-center-info {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 0;
	display: inline-block;
	width: 280px;
	background: #fff;
	border-radius: 4px;
	padding: 20px 20px 0;
	text-align: center;
	height: 702px
}

.c-person-center-info-tab {
	width: 280px;
	margin-left: -20px
}

.c-person-center-info-tab li {
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	text-align: left
}

.c-person-center-info-tab li span {
	position: relative;
	left: -9px
}

.c-person-center-info-tab li a {
	padding-left: 96px;
	display: block;
	color: #1a1a1a;
	position: relative
}

.c-person-center-info-tab li .el-badge__content.is-fixed {
	top: 5px
}

.c-person-center-info-tab li i {
	font-size: 16px;
	margin-right: 8px
}

.c-person-center-info-tab li.active {
	background: #f8feff;
	color: #2eb8d0
}

.c-person-center-info-tab li.active a {
	color: #2eb8d0
}

.c-person-center-info-tab li.active:before {
	content: "";
	display: inline-block;
	float: left;
	width: 2px;
	height: 48px;
	background: #2eb8d0
}

.c-person-center-info--bottom {
	top: auto!important;
	bottom: 0
}

.c-person-center-info--float {
	position: absolute;
	top: 300px;
	left: calc(50% - 600px)
}

.c-person-center-info--fixtop {
	top: 0;
	bottom: auto
}

.c-person-center-container {
	background: #fff;
	margin: 0 0 0 300px;
	display: inline-block;
	width: 900px;
	border-radius: 4px
}

.p-person-dynamic {
	background: #f5f5fa;
	position: relative
}

.u-person-attention-tab {
	width: 100%;
	height: 68px;
	background: #fff;
	border-radius: 4px 4px 0 0;
	font-size: 12px;
	color: #999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #eee
}

.u-person-attention-tab li {
	cursor: pointer;
	margin-top: 17px;
	height: 34px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center
}

.u-person-attention-tab li.active {
	color: #2eb8d0
}

.u-person-attention-tab li:first-of-type {
	border-right: 1px solid #eee
}

.u-person-attention-tab li span {
	display: block;
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 5px
}

.u-person-attention-null {
	font-size: 14px;
	color: #999;
	text-align: center;
	line-height: 14px;
	padding: 24px 0
}

.u-person-attention-container {
	width: 100%;
	padding: 0 12px;
	border-radius: 0 0 4px 4px;
	background: #fff
}

.u-person-attention-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 12px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.u-person-attention-item {
	display: inline-block;
	margin: 12px 23px 12px 0;
	width: 70px;
	text-align: center
}

.u-person-attention-item .face-img {
	display: inline-block
}

.u-person-attention-item .face-img img {
	width: 48px;
	height: 48px
}

.u-person-attention-item p {
	margin-top: 6px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.u-person-attention-item a {
	color: #666;
	font-size: 12px
}

.u-person-attention-item:nth-of-type(3n) {
	margin-right: 0
}

.u-person-attention-btn {
	cursor: pointer;
	text-align: center;
	height: 60px;
	line-height: 60px;
	color: #999;
	font-size: 12px;
	border-radius: 0 0 4px 4px
}

.u-person-attention-btn .top {
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 14px;
	margin-left: 2px
}

.u-person-attention-btn .bottom {
	display: inline-block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	font-size: 14px;
	margin-left: 2px
}

.u-person-msg-item {
	margin: 0 24px;
	padding: 40px 0 0
}

.u-person-msg-item .person-message-item-dot {
	display: block;
	float: left;
	width: 6px;
	height: 6px;
	background: red;
	border-radius: 50%;
	margin-right: 8px;
	margin-top: 27px;
	margin-left: -16px
}

.u-person-msg-item-face-icon {
	width: 60px;
	height: 60px;
	float: left;
	border-radius: 50%;
	background: #2eb8d0;
	text-align: center
}

.u-person-msg-item-face-icon i {
	display: inline-block;
	font-size: 35px;
	color: #fff;
	margin-top: 7px
}

.u-person-msg-item-face-img {
	width: 60px;
	height: 60px;
	float: left
}

.u-person-msg-item-info {
	margin-left: 84px;
	padding-bottom: 40px;
	border-bottom: 1px solid #eee
}

.u-person-msg-item-name {
	display: block;
	font-size: 14px;
	line-height: 14px;
	color: #1a1a1a;
	font-weight: 700;
	margin-bottom: 28px
}

.u-person-msg-item-name i {
	font-style: normal;
	max-width: 300px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.u-person-msg-item-name span {
	font-size: 12px;
	color: #999;
	margin-left: 12px;
	font-weight: 400
}

.u-person-msg-item-content {
	font-size: 14px;
	color: #999
}

.u-person-msg-item-content a {
	color: #2eb8d0
}

.u-person-msg-item-content--message {
	color: #666
}

.u-person-msg-item-content--message a {
	color: #2eb8d0
}

.u-person-msg-item-content--question a {
	color: #666
}

.u-person-msg-item-content--question a:last-of-type {
	font-size: 12px;
	color: #2eb8d0;
	margin-left: 12px
}

.u-person-msg-item-content--question a:last-of-type:hover {
	color: #2eb8d0
}

.u-person-msg-item-content--question a:hover {
	color: #666
}

.u-person-msg-item-grade {
	margin-left: 4px;
	height: 30px!important;
	width: 22px!important
}

.u-person-msg-item-images {
	margin-top: 20px;
	font-size: 0;
	max-width: 312px
}

.u-person-msg-item-images&gt;div {
	display: inline-block;
	position: relative
}

.u-person-msg-item-images&gt;div,.u-person-msg-item-images img {
	width: 100px;
	height: 100px;
	margin: 0 4px 4px 0;
	border-radius: 8px
}

.u-person-msg-item-images img {
	padding: 0
}

.person-dynamic-left {
	width: 600px;
	background: #fff
}

.person-dynamic-right {
	width: 280px;
	position: absolute;
	left: 620px;
	top: 0
}

.person-dynamic-recommend {
	margin-top: 20px;
	width: 280px;
	height: 356px;
	background: #fff;
	border-radius: 4px
}

.person-dynamic-recommend-tab {
	border-radius: 4px 4px 0 0;
	height: 56px;
	line-height: 56px;
	padding: 0 24px;
	border-bottom: 1px solid #eee
}

.person-dynamic-recommend-tab-font {
	font-size: 16px;
	color: #666
}

.person-dynamic-recommend-tab-change {
	cursor: pointer;
	float: right;
	font-size: 12px;
	color: #999
}

.person-dynamic-recommend-tab-change i {
	font-size: 16px;
	margin-right: 7px
}

.person-dynamic-recommend-container {
	height: 300px;
	overflow: hidden
}

.c-special-course-item {
	position: relative
}

.c-special-course-item .img {
	width: 384px;
	height: 192px;
	background: #d8d8d8;
	overflow: hidden;
	border-radius: 8px
}

.c-special-course-item .img img {
	width: 384px
}

.c-special-course-item .msg {
	width: 384px;
	height: 56px;
	background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.6)));
	background: linear-gradient(180deg,transparent,rgba(0,0,0,.6));
	padding: 0 16px;
	border-radius: 0 0 8px 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	left: 0;
	top: 136px
}

.c-special-course-item .msg span {
	font-size: 14px;
	color: #fff
}

.c-special-course-item .title {
	margin-top: 13px
}

.c-special-course-item .title a {
	font-size: 16px;
	color: #1a1a1a
}

.p-person-special {
	width: 900px;
	background: #fff;
	border-radius: 4px
}

.p-person-special .u-person-load-box {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.p-person-special .list {
	width: 792px;
	margin: 24px 54px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.p-person-special .list .c-special-course-item {
	margin-bottom: 35px
}

.p-person-special .list .c-special-course-item .title {
	font-size: 20px;
	margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.p-person-special .list .c-special-course-item .title span {
	display: inline-block;
	width: 5px;
	height: 20px;
	background-color: #2eb8d0;
	margin-right: 15px
}

.p-person-special .list .c-special-course-item .msg {
	top: 210px
}

.p-components-class-card[data-v-145699b8] {
	width: 100%;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #eee;
	overflow: hidden
}

.p-components-class-card .card-title[data-v-145699b8] {
	padding: 15px 15px 15px 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.el-tabs__item span {
	display: inline-block;
	height: 100%
}

.p-person-course .el-tabs__nav-scroll {
	padding-left: 24px!important
}

.p-person-course .person-course-vip-bar-enter {
	display: block;
	margin: 24px 30px 0 24px;
	height: 46px;
	line-height: 46px;
	background: #fff7e1;
	border-radius: 4px;
	font-size: 14px;
	color: #1a1a1a;
	padding: 0 12px
}

.p-person-course .person-course-vip-bar-enter&gt;img {
	width: 20px;
	display: inline-block;
	margin-right: 4px;
	margin-top: -3px
}

.p-person-course .person-course-vip-bar-enter:hover {
	color: #1a1a1a
}

.p-person-course .person-course-vip-bar-enter p {
	float: right
}

.p-person-course .person-course-vip-bar-enter span {
	font-size: 20px;
	font-weight: 700
}

.p-person-course .person-course-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 30px
}

.p-person-course .person-course-container .c-person-course-item-class {
	width: 264px;
	height: 307px;
	margin-bottom: 24px;
	margin-right: 24px
}

.p-person-course .person-course-container .c-person-course-item-cover {
	position: relative
}

.p-person-course .person-course-container .c-person-course-item-cover .c-person-info-vip {
	position: absolute;
	right: 9px;
	top: 72px;
	padding: 1px 6px;
	background: -webkit-gradient(linear,left top,right top,from(#fbf0dd),to(#f9da9b));
	background: linear-gradient(90deg,#fbf0dd,#f9da9b);
	border-radius: 2px;
	font-size: 10px;
	color: #895d18
}

.p-person-course .person-course-container .card-title {
	padding: 15px 15px 15px 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.p-person-course .person-course-container .c-person-teacher {
	display: block;
	padding: 0 12px 21px
}

.p-person-course .person-course-container .c-person-teacher .img {
	width: 32px;
	height: 32px;
	border-radius: 50%
}

.p-person-course .person-course-container .c-person-teacher span {
	padding-left: 8px;
	color: #666;
	font-size: 14px
}

.c-work-item {
	overflow: hidden;
	margin: 0 12px 24px;
	position: relative;
	display: inline-block;
	float: left;
	width: 264px;
	height: 307px;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #eee
}

.c-work-item:nth-of-type(3n+1) {
	margin-right: 0
}

.c-work-item:nth-of-type(3n+2) {
	margin-left: 30px
}

.c-work-item .tag-audit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	top: 0;
	width: 72px;
	height: 26px;
	border-radius: 8px 0 8px 0
}

.c-work-item .tag-audit,.c-work-item .tag-Operation {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	left: 0;
	font-size: 14px;
	color: #fff;
	background-color: rgba(0,0,0,.5)
}

.c-work-item .tag-Operation {
	display: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	right: 0;
	bottom: 0;
	height: 36px
}

.c-work-item .tag-Operation div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-work-item .tag-Operation .btn-edit {
	position: relative
}

.c-work-item .tag-Operation .btn-edit:after {
	position: absolute;
	right: 0;
	content: "|";
	font-size: 12px;
	color: #fff
}

.c-work-item .tag-Operation i {
	display: inline-block;
	margin-right: 8px
}

.c-work-item-img-wrap {
	position: relative;
	display: block;
	width: 264px;
	height: 198px;
	border-radius: 8px 8px 0 0;
	overflow: hidden
}

.c-work-item-box {
	width: 100%;
	height: 100%;
	position: relative
}

.c-work-item-img {
	min-width: 100%;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(calc(-50% + 1px));
	transform: translateX(calc(-50% + 1px));
	top: 0
}

.c-work-item-grade {
	width: 34px;
	position: absolute;
	top: 0;
	right: 12px
}

.c-work-item-info-wrap {
	padding: 0 12px
}

.c-work-item-title {
	display: block;
	font-size: 16px;
	color: #1a1a1a;
	line-height: 56px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.c-work-item-title:hover {
	color: #2eb8d0
}

.c-work-item-user {
	line-height: 32px
}

.c-work-item .face-img {
	width: 32px;
	height: 32px;
	margin-right: 8px;
	float: left
}

.c-work-item-name {
	display: inline-block;
	font-size: 14px;
	color: #666;
	max-width: 112px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.c-work-item-name:hover {
	color: #666
}

.c-work-item-time {
	float: right;
	font-size: 12px;
	color: #999
}

.c-work-item .animation {
	width: 40px;
	height: 40px;
	position: absolute;
	opacity: 0;
	right: 40px;
	top: 178px;
	cursor: pointer
}

.c-work-item .animation1 {
	width: 180px;
	height: 180px;
	position: absolute;
	right: 50px;
	top: 15px
}

.c-work-item:hover .tag-Operation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-work-item:hover .animation {
	-webkit-animation: move .3s linear forwards;
	animation: move .3s linear forwards
}

@-webkit-keyframes move {
	0% {
		right: 40px;
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: 1
	}

	80% {
		right: 10px;
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	to {
		right: 10px;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1
	}
}

@keyframes move {
	0% {
		right: 40px;
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: 1
	}

	80% {
		right: 10px;
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	to {
		right: 10px;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1
	}
}

.p-person-work .u-person-title {
	position: relative;
	margin-bottom: 24px
}

.p-person-work .u-person-title button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	right: 31px;
	top: 14px;
	border-radius: 4px;
	width: 120px;
	height: 40px;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(left,#7bdceb,#45b7d2)
}

.p-person-work .u-person-title button:hover {
	background: #45b7d2
}

.person-qustion-grade-box {
	margin-left: 10px
}

.person-qustion-grade-box .grade {
	width: 17px
}

.c-person-course-item {
	width: 264px;
	height: 334px;
	border-radius: 8px;
	border: 1px solid #eee;
	margin: 0 24px 24px 0
}

.c-person-course-item-img {
	display: block;
	width: 264px;
	height: 198px
}

.c-person-course-item-img img {
	width: 100%;
	height: 100%;
	border-radius: 8px 8px 0 0
}

.c-person-course-item-info {
	padding: 0 12px
}

.c-person-course-item-name {
	display: block;
	margin: 20px 0 8px;
	line-height: 16px;
	font-size: 16px;
	color: #1a1a1a;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.c-person-course-item-time {
	height: 44px;
	font-size: 14px;
	line-height: 22px;
	color: #999;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.c-person-course-item-watch {
	display: block;
	margin-top: 16px;
	font-size: 12px;
	color: #2eb8d0
}

.c-person-course-item-watch i {
	margin-left: 4px;
	font-size: 12px
}

.c-person-course-item:hover {
	-webkit-box-shadow: 0 12px 20px 0 rgba(0,0,0,.08);
	box-shadow: 0 12px 20px 0 rgba(0,0,0,.08);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px)
}

.person-history-container {
	padding: 24px 30px
}

.person-history-container .c-person-course-item:nth-of-type(3n) {
	margin-right: 0
}

.c-user-question-card[data-v-551c33c5] {
	width: 264px;
	height: 307px
}

.c-user-question-card .c-user-question-cover[data-v-551c33c5] {
	display: block;
	width: 100%;
	height: 198px;
	position: relative;
	overflow: hidden
}

.c-user-question-card .c-user-question-cover .c-user-question-img[data-v-551c33c5] {
	min-width: 100%;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(calc(-50% + 1px));
	transform: translateX(calc(-50% + 1px));
	top: 0
}

.c-user-question-card .c-user-question-cover .tag-Operation[data-v-551c33c5] {
	display: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 36px;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	font-size: 14px
}

.c-user-question-card .c-user-question-cover .tag-Operation div[data-v-551c33c5] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-user-question-card .c-user-question-cover .tag-Operation .btn-edit[data-v-551c33c5] {
	position: relative
}

.c-user-question-card .c-user-question-cover .tag-Operation .btn-edit[data-v-551c33c5]:after {
	position: absolute;
	right: 0;
	content: "|";
	font-size: 12px;
	color: #fff
}

.c-user-question-card .c-user-question-cover .tag-Operation i[data-v-551c33c5] {
	display: inline-block;
	margin-right: 8px
}

.c-user-question-card .c-user-question-cover:hover .tag-Operation[data-v-551c33c5] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-user-question-card .card-title[data-v-551c33c5] {
	padding: 15px 15px 15px 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.c-user-question-card .c-person-user-info[data-v-551c33c5] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 12px 21px
}

.c-user-question-card .c-person-user-info .img[data-v-551c33c5] {
	width: 32px;
	height: 32px;
	border-radius: 50%
}

.c-user-question-card .c-person-user-info span[data-v-551c33c5] {
	padding-left: 8px;
	color: #666;
	font-size: 14px
}

.c-user-question-card .c-person-user-info .c-person-user-nam[data-v-551c33c5] {
	max-width: 120px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.c-user-question-card .c-person-user-info .c-person--time[data-v-551c33c5] {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: right
}

.p-person-question .u-person-title {
	position: relative;
	margin-bottom: 24px
}

.p-person-question .u-person-title button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	right: 31px;
	top: 14px;
	border-radius: 4px;
	width: 120px;
	height: 40px;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(left,#7bdceb,#45b7d2)
}

.p-person-question .u-person-title button:hover {
	background: #45b7d2
}

.p-person-question .c-person-question-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 24px;
	padding-left: 30px
}

.p-person-question .c-person-course-item-class {
	width: 264px;
	height: 307px;
	margin-bottom: 24px;
	margin-right: 24px
}

.l-person-favorite-container {
	padding: 24px 0 24px 24px
}

.l-person-favorite-container .c-course {
	width: 264px;
	height: 343px;
	border: 1px solid #eee;
	margin-right: 24px
}

.l-person-favorite-container .c-course:nth-of-type(3n) {
	margin-right: 0!important
}

.l-person-favorite-container .c-course:hover .c-course-delete {
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 36px;
	line-height: 36px;
	background: rgba(0,0,0,.5);
	text-align: center;
	font-size: 12px;
	color: #fff
}

.l-person-favorite-container .c-course:hover .c-course-delete i {
	margin-right: 2px;
	font-size: 12px
}

.l-person-favorite-container .c-course-img {
	width: 264px;
	height: 198px
}

.l-person-favorite-container .c-course-title {
	width: 240px
}

.l-person-favorite-container .c-article-list {
	width: 852px;
	padding-right: 0
}

.l-person-favorite-container .c-article-list-info-collect {
	cursor: pointer;
	float: right;
	color: #2eb8d0!important;
	font-size: 12px;
	margin-right: 0!important
}

.l-person-favorite-container .c-article-list-info-collect i {
	font-size: 12px;
	margin-right: 6px
}

.l-person-favorite-container .c-article-list-info {
	width: 620px
}

.l-person-favorite-container .img-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.l-person-favorite-container .img-wrap .img-box {
	margin-bottom: 24px;
	margin-right: 24px;
	position: relative
}

.l-person-favorite-container .img-wrap .img-box .work-item {
	margin: 0
}

.l-person-favorite-container .img-wrap .img-box .mask {
	width: 99%;
	height: 36px;
	background: rgba(0,0,0,.5);
	position: absolute;
	top: 164px;
	margin-left: 2px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	display: none;
	text-align: center
}

.l-person-favorite-container .img-wrap .img-box .mask .iconfont {
	color: #fff;
	margin-right: 3px
}

.l-person-favorite-container .img-wrap .img-box .mask span {
	font-size: 12px;
	color: #fff
}

.l-person-favorite-container .img-wrap .img-box:hover .mask {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.user-order-container {
	border-radius: 4px;
	min-height: 570px
}

.person-order {
	margin-bottom: 50px
}

.person-order-title {
	margin-top: 24px;
	height: 46px;
	line-height: 46px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.person-order-title li {
	text-align: center;
	width: 125px;
	font-size: 14px;
	color: #999;
	background: #fafafa
}

.person-order-title li:first-of-type {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	text-align: left;
	padding-left: 24px
}

.person-order-item {
	width: 900px;
	height: 94px;
	line-height: 94px;
	color: #1a1a1a;
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	background: #fafafa;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.person-order-item li {
	text-align: center;
	width: 125px;
	padding: 0 24px
}

.person-order-item li:first-of-type {
	text-align: left;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	line-height: 25px
}

.person-order-item li:first-of-type p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.person-order-item li:first-of-type a {
	color: #999;
	font-size: 12px
}

.person-order-item:nth-of-type(2n) {
	background: #fff
}

.person-order-item-btn {
	display: inline-block;
	width: 64px;
	height: 24px;
	line-height: 24px;
	background: #2eb8d0;
	border-radius: 4px;
	font-size: 12px;
	color: #fff;
	text-align: center
}

.person-order-item-btn:active,.person-order-item-btn:hover,.person-order-item-btn:link,.person-order-item-btn:visited {
	color: #fff
}

.person-order-item-btn--fff {
	line-height: 22px;
	background: #f8feff;
	border: 1px solid #2eb8d0;
	color: #2eb8d0
}

.person-order-item-btn--fff:active,.person-order-item-btn--fff:hover,.person-order-item-btn--fff:link,.person-order-item-btn--fff:visited {
	color: #2eb8d0
}

.person-order-item-btn--yellow {
	background: #ff931c
}

.p-person-message {
	background: #fff;
	border-radius: 4px
}

.person-setting-title--top {
	padding-top: 15px
}

.person-setting-container {
	padding: 40px;
	background: #fff;
	min-height: 700px!important
}

.person-setting-container h3 {
	font-size: 14px;
	line-height: 14px;
	color: #1a1a1a;
	font-weight: 700;
	margin-bottom: 24px
}

.person-setting-row {
	margin-bottom: 20px
}

.person-setting-row label {
	color: #999;
	font-size: 14px;
	margin-right: 20px;
	line-height: 40px;
	width: 56px;
	font-weight: 400;
	text-align: right;
	display: inline-block;
	vertical-align: top
}

.person-setting-row input {
	width: 200px;
	height: 40px;
	line-height: 38px;
	padding: 0 16px
}

.person-setting-row input,.person-setting-row textarea {
	border-radius: 4px;
	border: 1px solid #ccc;
	color: #1a1a1a;
	font-size: 14px
}

.person-setting-row textarea {
	width: 384px;
	height: 104px;
	line-height: 22px;
	padding: 12px 16px;
	resize: none
}

.person-setting-row-updata {
	display: inline-block
}

.person-setting-row-updata-img {
	width: 100px;
	height: 100px;
	border-radius: 4px;
	float: left
}

.person-setting-row-updata .pick-face-btn {
	padding: 0;
	margin-left: 12px;
	cursor: pointer;
	width: 92px;
	height: 34px;
	line-height: 32px;
	background: #f8feff;
	border-radius: 4px;
	border: 1px solid #2eb8d0;
	text-align: center;
	font-size: 16px;
	color: #2eb8d0
}

.person-setting-row-updata p {
	margin: 36px 0 12px 112px;
	color: #999;
	font-size: 12px
}

.person-setting-row--not-border {
	background: #f5f5fa;
	color: #999!important
}

.person-setting-row-btn {
	cursor: pointer;
	margin-left: 76px;
	display: block;
	width: 92px;
	height: 34px;
	line-height: 34px;
	background: #2eb8d0;
	border-radius: 4px;
	text-align: center;
	font-size: 16px;
	color: #fff
}

.person-setting-row-btn:hover {
	color: #fff
}

.p-person-classes {
	padding: 0 24px
}

.classes-box {
	margin-top: 40px;
	margin-right: 70px;
	float: left
}

.classes-box .title-line {
	display: inline-block;
	float: left;
	width: 5px;
	height: 20px;
	background-color: #2eb8d0;
	margin-right: 15px;
	margin-top: 14px
}

.classes-box .title {
	font-size: 20px;
	line-height: 45px;
	font-weight: 700
}

.classes-box .class {
	width: 258px;
	float: left;
	margin: 15px 12px 5px 0
}

.classes-box .class img {
	width: 258px;
	height: 135px;
	border-radius: 5px
}

.classes-box .class a {
	display: block;
	margin-top: 10px;
	font-size: 13.5px;
	color: rgba(0,0,0,.8)
}

.classes-box:nth-child(2n) {
	margin-right: 0
}

.person-note-item {
	margin: 0 24px;
	padding: 40px 0 0
}

.person-note-item .person-note-item-textarea-wrap {
	margin: 0 0 0 84px;
	padding: 40px 0 58px;
	border-bottom: 1px solid #eee
}

.person-note-item-textarea {
	outline: none;
	width: 768px;
	height: 116px;
	background: #fff;
	border-radius: 4px 0 0 4px;
	border: 1px solid #ccc;
	padding: 8px 12px;
	font-size: 14px;
	color: #1a1a1a;
	line-height: 22px
}

.person-note-item-textarea-cancle {
	cursor: pointer;
	float: right;
	color: #999;
	font-size: 16px;
	margin-top: 22px
}

.person-note-item-textarea-btn {
	margin-top: 12px;
	margin-left: 12px;
	float: right;
	width: 92px;
	height: 34px;
	background: #2eb8d0;
	border-radius: 4px;
	color: #fff;
	font-size: 16px
}

.person-note-item-face-img {
	width: 60px;
	height: 60px;
	float: left
}

.person-note-item-info {
	margin-left: 84px;
	padding-bottom: 40px;
	border-bottom: 1px solid #eee
}

.person-note-item-title {
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	margin-bottom: 28px
}

.person-note-item-title a {
	color: #1a1a1a;
	max-width: 300px;
	width: auto!important;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.person-note-item-title span {
	font-size: 12px;
	color: #999;
	margin-left: 12px;
	font-weight: 400
}

.person-note-item-title span.active,.person-note-item-title span.active i {
	color: #2eb8d0
}

.person-note-item-title-icon {
	cursor: pointer;
	float: right;
	color: #999;
	margin-left: 24px!important
}

.person-note-item-title-icon i {
	font-size: 12px;
	color: #999;
	margin-right: 2px
}

.person-note-item-title .active,.person-note-item-title .active i {
	color: #2eb8d0
}

.person-note-item-content {
	position: relative
}

.person-note-item-content-text {
	font-size: 14px;
	color: #666
}

.person-note-item-content-text--message,.person-note-item-content-text a {
	color: #666
}

.person-note-item-content-text--message a {
	color: #2eb8d0
}

.person-note-item-content-text--question a {
	color: #666
}

.person-note-item-content-text--question a:last-of-type {
	font-size: 12px;
	color: #2eb8d0;
	margin-left: 12px
}

.person-note-item-content-text--question a:last-of-type:hover {
	color: #2eb8d0
}

.person-note-item-content-text--question a:hover {
	color: #666
}

.person-note-item-course {
	margin-top: 12px;
	font-size: 12px;
	line-height: 20px;
	color: #999
}

.person-note-item-course a {
	color: #999
}

.person-note-item-period {
	font-size: 12px;
	line-height: 20px;
	color: #999
}

.person-note-item-period a {
	color: #999
}

.person-note-item .person-note-colls {
	cursor: pointer;
	position: absolute;
	bottom: 0;
	right: 14px;
	color: #2eb8d0;
	font-size: 12px
}

.person-note-item .person-note-colls i {
	font-size: 12px;
	display: inline-block;
	margin-left: 2px;
	-webkit-transition: all .2s;
	transition: all .2s
}

.person-note-item .person-note-colls-btn {
	display: inline-block
}

.person-note-item .person-note-colls .icon-wap-gengduo {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.person-note-item .person-note-colls .icon-wap-gengduo-hide {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.u-person-small-tab {
	border-bottom: 1px solid #eee;
	padding: 0 24px;
	color: #666;
	font-size: 16px;
	height: 48px;
	line-height: 47px
}

.u-person-small-tab span {
	cursor: pointer;
	margin-left: 20px
}

.u-person-small-tab span.active {
	color: #2eb8d0
}

.person-note-select {
	height: 63px;
	line-height: 62px;
	border-bottom: 1px solid #eee;
	padding: 0 24px
}

.person-note-select-input {
	cursor: pointer;
	position: relative;
	float: left;
	margin-top: 16px;
	width: 96px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #ccc
}

.person-note-select-input&gt;p {
	font-size: 14px;
	color: #1a1a1a
}

.person-note-select-input&gt;p i {
	display: inline-block;
	font-size: 11px;
	color: #666;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-left: 6px
}

.person-note-select-block {
	text-align: left;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 280px;
	height: 360px;
	background: #fff;
	-webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.16);
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.16);
	border-radius: 4px;
	border: 1px solid #ccc;
	z-index: 99
}

.person-note-select-block&gt;p {
	margin: 2px 0 10px 10px;
	font-size: 14px;
	color: #1a1a1a
}

.person-note-select-block&gt;p i {
	display: inline-block;
	font-size: 11px;
	color: #666;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-left: 6px
}

.person-note-select-block ul {
	overflow-y: scroll;
	height: 317px;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none
}

.person-note-select-block ul::-webkit-scrollbar {
	width: 0!important
}

.person-note-select-block li {
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #666;
	padding: 0 10px 0 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.person-note-select-block li:hover {
	color: #2eb8d0
}

.person-note-select-result {
	float: left;
	padding: 0 14px 0 10px;
	margin-left: 24px;
	margin-top: 16px;
	display: inline-block;
	font-size: 14px;
	color: #999;
	height: 30px;
	line-height: 28px;
	border-radius: 4px;
	border: 1px solid #ccc
}

.person-note-select-result i {
	margin-left: 13px;
	font-size: 11px;
	color: #999;
	cursor: pointer
}

.person-note-search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: right;
	margin-top: 16px;
	width: 222px;
	height: 30px;
	line-height: 28px;
	border-radius: 4px
}

.person-note-search input {
	padding: 0 12px;
	height: 30px;
	line-height: 28px;
	width: 170px;
	outline: none;
	font-size: 12px;
	color: #1a1a1a;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ccc;
	border-right: none
}

.person-note-search button {
	width: 48px;
	height: 30px;
	background: #2eb8d0;
	border-radius: 0 4px 4px 0;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 30px
}

.person-note-result {
	font-size: 12px;
	color: #999;
	margin: 24px 0;
	padding: 0 24px
}

.person-note-result span {
	color: #2eb8d0
}

.person-note-result i {
	cursor: pointer;
	font-size: 11px;
	color: #999;
	margin-left: 5px
}

.p-person-ticket .c-qwk--tabs {
	position: relative
}

.p-person-ticket .conversion-input {
	position: absolute;
	right: 30px;
	top: 14px;
	font-size: 14px;
	width: 408px;
	height: 40px;
	line-height: 38px;
	margin: 0 auto;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.p-person-ticket .conversion-input input {
	padding: 0 16px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 40px;
	background: #fff;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border: 1px solid #ccc;
	border-right: none
}

.p-person-ticket .conversion-input button {
	width: 102px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	background: #2eb8d0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.l-person-ticket-container {
	padding: 24px 30px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	min-height: 500px
}

.l-person-ticket-container .ticket {
	text-align: center
}

.l-person-ticket-container .ticket-wrap {
	width: 232px;
	height: 406px;
	padding: 16px 20px 24px;
	margin: -16px -20px 0 -24px;
	background: url(../images/ticket-1.44c4a0b.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	overflow: hidden
}

.l-person-ticket-container .ticket-wrap:not(:nth-of-type(4n)) {
	margin-right: 4px
}

.l-person-ticket-container .ticket-wrap.expiry {
	background: url(../images/ticket-2.f2a55f2.png) no-repeat;
	background-size: 100% 100%
}

.l-person-ticket-container .ticket .ticket-price {
	font-weight: 700;
	font-size: 38px;
	color: #fff;
	margin: 16px auto 3px
}

.l-person-ticket-container .ticket .limit {
	font-size: 14px;
	color: #fff
}

.l-person-ticket-container .ticket .name {
	position: absolute;
	top: 174px;
	left: 20px;
	width: 192px;
	text-align: center;
	font-size: 16px;
	color: #1a1a1a
}

.l-person-ticket-container .ticket .time {
	color: #ccc;
	font-size: 14px;
	position: absolute;
	top: 202px;
	left: 20px;
	width: 192px;
	text-align: center
}

.l-person-ticket-container .ticket .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 120px;
	height: 40px;
	background: #f8feff;
	border-radius: 4px;
	border: 1px solid #2eb8d0;
	font-size: 16px;
	color: #2eb8d0;
	position: absolute;
	bottom: 66px;
	left: 57px
}

.l-person-ticket-container .ticket .btn.active {
	background: #eee;
	color: #999;
	border: none
}

.l-person-ticket-container .ticket .course {
	cursor: pointer;
	font-size: 14px;
	color: #666;
	position: absolute;
	bottom: 40px;
	left: 73px
}

.l-person-ticket-container .ticket-tip {
	width: 100px;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #ff931c;
	line-height: 22px;
	font-style: normal;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 9;
	position: absolute;
	left: 15px;
	top: 13px
}

.l-person-ticket-container .ticket-tip-wrap {
	width: 87.62px;
	height: 87.62px;
	overflow: hidden;
	position: absolute;
	top: 16px;
	right: 20px
}

.c-ticket-course-dialog {
	width: 600px;
	height: 480px;
	-webkit-box-shadow: 0 30px 30px 0 rgba(0,0,0,.11);
	box-shadow: 0 30px 30px 0 rgba(0,0,0,.11);
	border-radius: 8px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	background: #fff
}

.c-ticket-course-dialog-wrap {
	z-index: 10;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	background: rgba(0,0,0,.5)
}

.c-ticket-course-dialog .l-container-wrap {
	height: 416px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 24px
}

.c-ticket-course-dialog .l-container-wrap .course-null {
	width: 100%;
	text-align: center;
	color: #333;
	font-size: 16px;
	margin: 55px auto
}

.c-ticket-course-dialog .head {
	line-height: 64px;
	text-align: center;
	font-size: 24px;
	color: #999;
	border-bottom: 1px solid #eee
}

.c-ticket-course-dialog .head i {
	cursor: pointer;
	font-size: 21px;
	position: absolute;
	right: 22px;
	top: 0;
	color: #999
}

.c-ticket-course-dialog .course {
	cursor: pointer;
	width: 48%;
	border: 1px solid #eee;
	margin: 0 4% 24px 0;
	display: inline-block;
	border-radius: 4px;
	vertical-align: top
}

.c-ticket-course-dialog .course .img {
	display: inline-block;
	width: 100%;
	height: 198px;
	overflow: hidden;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.c-ticket-course-dialog .course .img img {
	width: 100%
}

.c-ticket-course-dialog .course-b {
	width: 100%;
	height: 84px;
	position: relative;
	padding: 0 12px
}

.c-ticket-course-dialog .course-b p {
	font-size: 16px;
	color: #1a1a1a;
	padding-top: 14px;
	margin: 0 auto 6px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.c-ticket-course-dialog .course-b span {
	font-weight: 700;
	font-size: 16px;
	color: #ff931c
}

.c-ticket-course-dialog .course:nth-of-type(2n) {
	margin-right: 0
}

.p-person-center-index {
	background-color: #f5f5fa
}

.p-person-center-index .u-class-index-item {
	margin-bottom: 20px
}

.p-person-center-index .u-class-index-item:last-child {
	margin-bottom: 0
}

.p-person-center-index .u-person-title {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.p-person-center-index .u-person-title h1 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.p-person-center-index .u-person-title .u-person-more {
	display: block;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	font-size: 14px;
	color: #999;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

.p-person-center-index .u-loading-box {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.p-person-center-index .u-class-box {
	background-color: #fff;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-radius: 0 0 4px 4px
}

.p-person-center-index .u-class-box .u-class-item {
	position: relative;
	margin-right: 23px;
	width: 408px;
	height: 258px
}

.p-person-center-index .u-class-box .u-class-course-item {
	margin-right: 23px;
	width: 264px;
	height: 254px
}

.p-person-center-index .u-class-box .u-class-item-msg {
	position: absolute;
	top: 146px;
	left: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 59px;
	line-height: 65px;
	background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.6)));
	background: linear-gradient(180deg,transparent,rgba(0,0,0,.6))
}

.p-person-center-index .u-class-box .u-class-item-msg span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 15px;
	color: #fff
}

.p-person-center-index .u-class-box .u-class-item-msg span:first-child {
	padding-left: 17px
}

.p-person-center-index .u-class-box .u-class-item-msg span:last-child {
	padding-right: 17px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	text-align: right
}

.l-question-edit-wrap {
	background: #f5f5fa;
	padding-bottom: 60px
}

.el-dialog__body p+button {
	display: block;
	margin-top: 20px
}

.p-question-edit {
	width: 860px;
	margin: 0 auto
}

.u-question-edit-block {
	padding: 3px 40px 40px;
	background: #fff;
	margin-top: 21px;
	display: inline-block;
	width: 100%
}

.u-question-edit-block-title {
	color: #333;
	font-size: 20px;
	line-height: 70px;
	position: relative
}

.u-question-edit-block-title:before {
	content: "";
	position: absolute;
	height: 1px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #eee
}

.u-question-edit-block-title .remark {
	font-size: 14px;
	color: #999;
	line-height: 22px
}

.u-question-edit-block-title--red {
	color: red
}

.u-question-edit-block-title--small {
	float: right;
	font-size: 14px;
	color: #999
}

.question-edit-form-field {
	margin-top: 24px
}

.question-edit-form-field--label {
	font-size: 16px;
	line-height: 20px;
	color: #333
}

.question-edit-form-field--label span {
	color: red
}

.question-edit-form-field--input {
	margin-top: 12px
}

.question-edit-form-field--input input {
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #f5f5fa;
	height: 48px;
	width: 100%;
	font-size: 16px;
	padding: 16px 20px;
	color: #1a1a1a;
	outline: none
}

.question-edit-form-field--input input:focus {
	border: 1px solid #2eb8d0;
	background: #fff
}

.question-edit-form-field--input .el-select {
	width: 100%
}

.question-edit-form-field--input .el-input--mini .el-input__inner {
	height: 48px!important
}

.question-edit-subject {
	padding-top: 12px;
	color: #666;
	font-size: 12px
}

.question-edit-subject .subject-btn-block {
	padding-top: 12px
}

.question-edit-subject .subject-btn {
	display: inline-block;
	margin-right: 12px;
	line-height: 26px;
	padding-left: 9px;
	padding-right: 9px;
	font-size: 12px;
	border-radius: 4px
}

.question-edit-subject .subject-btn--detail {
	color: #2eb8d0;
	border: 1px solid #2eb8d0
}

.question-edit-subject .subject-btn--best {
	color: #ff931c;
	border: 1px solid #ff931c
}

.question-edit-upload .upload-area--big {
	cursor: pointer;
	background: #f8feff;
	border-radius: 50%;
	width: 200px;
	height: 200px;
	margin: 60px auto auto;
	position: relative;
	text-align: center;
	padding-top: 40px
}

.question-edit-upload .upload-area--big i {
	color: #2eb8d0;
	font-size: 90px
}

.question-edit-upload .upload-text--big {
	text-align: center;
	font-size: 16px;
	color: #333;
	margin-top: 20px
}

.question-edit-upload .uploaded-images-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.question-edit-upload .uploaded-images-block .uploaded-image {
	width: 180px;
	height: 180px;
	margin-top: 40px;
	overflow: hidden;
	position: relative;
	text-align: center;
	background: #d8d8d8
}

.question-edit-upload .uploaded-images-block .uploaded-image:hover .uploaded-image-delete {
	display: block
}

.question-edit-upload .uploaded-images-block .uploaded-image img {
	max-width: 100%
}

.question-edit-upload .uploaded-images-block .uploaded-image:not(:first-of-type) {
	margin-left: 20px
}

.question-edit-upload .uploaded-images-block .uploaded-image:nth-of-type(5n) {
	margin-left: 0
}

.question-edit-upload .uploaded-images-block .uploaded-image-delete {
	display: none;
	position: absolute;
	background: rgba(0,0,0,.5);
	color: #fff;
	font-size: 12px;
	text-align: center;
	height: 36px;
	line-height: 36px;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer
}

.question-edit-upload .uploaded-images-block .uploaded-image-delete i {
	margin-right: 8px
}

.question-edit-upload .upload-area--small {
	margin-top: 40px;
	height: 137px;
	line-height: 137px;
	background: #f8feff;
	text-align: center;
	border-radius: 4px
}

.question-edit-upload .upload-text--small {
	font-size: 16px;
	color: #333
}

.question-edit-upload .upload-text--small i {
	color: #2eb8d0;
	margin-right: 8px
}

.question-edit-submit {
	width: 240px;
	height: 64px;
	margin-top: 20px;
	line-height: 64px;
	text-align: center;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	display: inline-block
}

.question-edit-submit:hover {
	color: #fff
}

.question-edit-cancel {
	height: 64px;
	margin-top: 20px;
	margin-left: 24px;
	line-height: 64px;
	text-align: center;
	background: none;
	font-size: 18px;
	color: #1a1a1a;
	cursor: pointer;
	display: inline-block
}

.sale-item-title {
	margin-top: 10px;
	font-weight: 700;
	padding: 0 16px;
	font-size: 16px
}

.sale-item-cover,.sale-item-title {
	text-align: center
}

.sale-item-cover img {
	max-width: 100%
}

.sale-item-info {
	position: relative;
	height: 300px;
	margin-bottom: 20px
}

.sale-item-info .sale-item-cover {
	position: absolute;
	left: 10px;
	top: 5px;
	bottom: 5px;
	text-align: center;
	width: 375px
}

.sale-item-info .sale-item-cover img {
	max-height: 300px;
	max-width: 375px
}

.sale-item-info .sale-item-buy-area {
	position: absolute;
	top: 5px;
	left: 420px;
	right: 0
}

.sale-item-info .sale-item-price {
	color: red;
	font-weight: 700;
	font-size: 24px
}

.sale-item-content {
	padding-bottom: 70px;
	text-align: center
}

.sale-item-content img {
	margin: 10px auto
}

.p-coupon,.p-coupon .header {
	background: #fe633f
}

.p-coupon .header {
	width: 100%;
	height: 480px;
	position: relative
}

.p-coupon .header img {
	width: 1200px;
	height: 467px;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	bottom: 0
}

.p-coupon .header-gradient-area {
	width: 100%;
	height: 60px;
	background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.16)));
	background: linear-gradient(180deg,transparent,rgba(0,0,0,.16));
	position: absolute;
	left: 0;
	bottom: 0
}

.p-coupon .coupon {
	width: 1200px;
	height: 326px;
	position: relative;
	margin: 0 auto
}

.p-coupon .coupon-img {
	width: 1200px;
	height: 90px;
	position: absolute;
	left: 0;
	bottom: 0
}

.p-coupon .coupon-list {
	width: 976px;
	height: 253px;
	position: absolute;
	left: 112px;
	bottom: 33px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.p-coupon .coupon-list-item {
	width: 276px;
	height: 253px;
	position: relative
}

.p-coupon .coupon-list-item img {
	width: 276px;
	height: 253px
}

.p-coupon .coupon-list-item-msg {
	width: 276px;
	height: 253px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center
}

.p-coupon .coupon-list-item-msg-worth {
	font-size: 50px;
	color: #fe633f
}

.p-coupon .coupon-list-item-msg-desc {
	font-size: 16px;
	color: #fe633f
}

.p-coupon .coupon-list-item-msg-received {
	margin-top: 65px
}

.p-coupon .coupon-list-item-msg-received .text {
	font-size: 24px;
	color: #ac6d1e
}

.p-coupon .coupon-list-item-msg-received .time {
	font-size: 16px;
	color: #ac6d1e
}

.p-coupon .coupon-list-item-msg-receive {
	margin-top: 45px
}

.p-coupon .coupon-list-item-msg-receive button {
	width: 200px;
	height: 64px;
	background: -webkit-gradient(linear,left top,left bottom,from(#ffe85e),to(#ffcd30));
	background: linear-gradient(180deg,#ffe85e,#ffcd30);
	-webkit-box-shadow: 0 6px 10px 0 rgba(255,207,51,.38),0 2px 4px 0 hsla(0,0%,100%,.54);
	box-shadow: 0 6px 10px 0 rgba(255,207,51,.38),0 2px 4px 0 hsla(0,0%,100%,.54);
	border-radius: 32px;
	font-size: 24px;
	font-weight: 700;
	color: #ed453a
}

.p-coupon .coupon .coupon-word {
	position: absolute;
	left: 0;
	bottom: 6px;
	width: 100%;
	font-size: 20px;
	color: #eee;
	text-align: center
}

.p-coupon .list {
	width: 1200px;
	margin: 0 auto;
	background: #ff4115;
	padding: 24px 40px 40px
}

.p-coupon .list-item {
	width: 1120px;
	height: 232px;
	background: #fff;
	-webkit-box-shadow: 0 12px 40px 0 rgba(0,0,0,.2);
	box-shadow: 0 12px 40px 0 rgba(0,0,0,.2);
	border-radius: 8px;
	margin-bottom: 40px;
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.p-coupon .list-item-img {
	width: 384px;
	height: 192px;
	border-radius: 8px
}

.p-coupon .list-item-right {
	position: relative;
	width: 676px
}

.p-coupon .list-item-right-name {
	font-size: 24px;
	color: #333;
	display: block
}

.p-coupon .list-item-right-summary {
	font-size: 16px;
	color: #999;
	margin-top: 10px;
	display: block;
	width: 676px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.p-coupon .list-item-right-btn {
	position: absolute;
	bottom: 0
}

.p-coupon .list-item-right-btn a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 240px;
	height: 64px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700;
	color: #666;
	border: 1px solid #ccc
}

.p-coupon .list-item-right-btn a.sign {
	background: -webkit-gradient(linear,left top,right top,from(#ffc53c),to(#ff931c));
	background: linear-gradient(90deg,#ffc53c,#ff931c);
	border: none;
	color: #fff;
	margin-left: 22px
}

.l-market-container {
	background: #fff!important;
	margin: 0 auto;
	position: relative;
	width: 1200px;
	padding-bottom: 50px
}

.l-market-container .point {
	cursor: pointer
}

.l-market-container img {
	max-width: 100%
}

.l-market-container .title-01 {
	max-width: 542px;
	margin: 103px 330px 0
}

.l-market-container .title-02 {
	max-width: 750px;
	margin: 51px 224px 0
}

.l-market-container .txt-03 {
	position: absolute;
	top: 568px;
	left: 276px;
	max-width: 794px
}

.l-market-container .title-04 {
	margin-top: 343px
}

.l-market-container .title-05 {
	max-width: 238px;
	margin: 269px 482px 0
}

.l-market-container .title-06 {
	margin-top: 78px
}

.l-market-container .txt-07 {
	position: absolute;
	top: 2006px;
	left: 441px;
	max-width: 318px
}

.l-market-container .txt-08 {
	position: absolute;
	top: 2094px;
	left: 244px;
	max-width: 346px
}

.l-market-container .txt-09 {
	position: absolute;
	top: 2260px;
	left: 228px;
	max-width: 362px
}

.l-market-container .txt-10 {
	position: absolute;
	top: 2058px;
	left: 608px;
	max-width: 401px
}

.l-market-container .txt-11 {
	position: absolute;
	top: 2401px;
	left: 251px;
	max-width: 339px
}

.l-market-container .txt-12 {
	position: absolute;
	top: 2396px;
	left: 608px;
	max-width: 339px
}

.l-market-container .title-13 {
	margin: 90px 305px 0;
	max-width: 591px
}

.l-market-container .title-14 {
	margin: 46px 56px 0;
	max-width: 1091px
}

.l-market-container .title-15 {
	margin-top: 94px
}

.l-market-container .txt-16 {
	position: absolute;
	top: 4269px;
	left: 298px;
	max-width: 604px
}

.l-market-container .txt-17 {
	position: absolute;
	top: 4506px;
	left: 50px;
	max-width: 1101px
}

.l-market-container .txt-18 {
	position: absolute;
	top: 5062px;
	left: 50px;
	max-width: 1101px
}

.l-market-container .txt-19 {
	position: absolute;
	top: 5578px;
	left: 16px;
	max-width: 1170px
}

.l-market-container .title-20 {
	margin: 252px 412px 0;
	max-width: 376px
}

.l-market-container .title-21 {
	margin: 121px 376px 0;
	max-width: 452px
}

.l-market-container .title-22 {
	margin: 73px 161px 0;
	max-width: 878px
}

.l-market-container .title-34 {
	margin: 13px 161px;
	max-width: 878px
}

.l-market-container .title-23 {
	margin: 65px 402px 0;
	max-width: 401px
}

.l-market-container .title-24 {
	margin: 38px 443px 0;
	max-width: 313px
}

.l-market-container .title-25 {
	margin-top: 67px
}

.l-market-container .txt-26 {
	position: absolute;
	top: 1549px;
	left: 311px;
	max-width: 577px
}

.l-market-container .txt-27 {
	position: absolute;
	top: 1666px;
	left: 0;
	max-width: 923px
}

.l-market-container .txt-28 {
	position: absolute;
	top: 2313px;
	left: 358px;
	max-width: 484px
}

.l-market-container .title-29 {
	margin: 96px 338px 0;
	max-width: 524px
}

.l-market-container .title-30 {
	margin: 64px 279px 0 249px;
	max-width: 671px
}

.l-market-container .title-31 {
	margin: 60px 291px 0 222px;
	max-width: 687px
}

.l-market-container .title-32 {
	margin: 53px 463px 0;
	max-width: 274px
}

.l-market-container .title-33 {
	margin-top: 43px
}

.p-landing .top-area {
	width: 100%
}

.p-landing .top-area img {
	display: block
}

.p-landing .top-area img:first-of-type {
	margin: 98px auto 83px
}

.p-landing .top-area img:nth-of-type(2) {
	margin: 0 auto 100px
}

.p-landing .school-area {
	overflow: hidden;
	width: 100%;
	min-height: 1000px;
	background: url(../images/school-background.7a630de.png) no-repeat
}

.p-landing .school-area .school-title {
	display: block;
	margin: 83px auto 29px
}

.p-landing .school-area .types {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 1200px;
	margin: 0 auto 23px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 60px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.p-landing .school-area .types li {
	width: 160px;
	height: 40px;
	border-radius: 20px;
	background: #fff;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 21px;
	color: #aeaeae;
	cursor: pointer
}

.p-landing .school-area .types li.active,.p-landing .school-area .types li:hover {
	font-weight: 700;
	color: #00a9c9
}

.p-landing .school-area .el-carousel {
	position: relative;
	height: 650px;
	margin-bottom: 70px
}

.p-landing .school-area .el-carousel__arrow {
	width: 72px;
	height: 72px
}

.p-landing .school-area .el-carousel__arrow i {
	font-size: 24px
}

.p-landing .school-area .el-carousel__item {
	background: none
}

.p-landing .school-area .class-area {
	width: 1200px;
	height: 650px;
	border-radius: 13px;
	background: #fff;
	margin: 0 auto
}

.p-landing .school-area .class-area-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 1200px;
	height: 400px
}

.p-landing .school-area .class-area-top .img-area,.p-landing .school-area .class-area-top .video-img {
	width: 850px;
	height: 400px;
	border-radius: 13px 0 0 13px
}

.p-landing .school-area .class-area-top .img-area {
	position: relative
}

.p-landing .school-area .class-area-top .mask {
	width: 850px;
	height: 400px;
	position: absolute;
	border-radius: 13px 0 0 13px;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer
}

.p-landing .school-area .class-area-top .btns {
	width: 350px;
	height: 400px;
	background: #2b3b49;
	border-radius: 0 13px 13px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 36px 60px 0 62px;
	display: block
}

.p-landing .school-area .class-area-top .btns li {
	width: 228px;
	height: 66px;
	background: #fff;
	border-radius: 10px;
	font-size: 24px;
	text-align: center;
	line-height: 66px;
	margin-bottom: 22px
}

.p-landing .school-area .class-area-top .btns li a {
	color: #00a9c9;
	font-weight: 700
}

.p-landing .school-area .class-area-top .btns li:hover {
	background: #5addee
}

.p-landing .school-area .class-area-top .btns li:hover a {
	color: #fff
}

.p-landing .school-area .class-area-bottom {
	height: 250px;
	width: 1200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 19px 0 0 57px
}

.p-landing .school-area .class-area-bottom .teacher-msg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 33px
}

.p-landing .school-area .class-area-bottom .teacher-msg .face-img {
	width: 120px;
	height: 120px;
	margin-right: 35px;
	border-radius: 50%
}

.p-landing .school-area .class-area-bottom .teacher-msg .name {
	text-align: left;
	height: 32px;
	color: #00a9c9;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 22px;
	margin-top: 25px
}

.p-landing .school-area .class-area-bottom .teacher-msg .name span {
	font-size: 32px
}

.p-landing .school-area .class-area-bottom .feature p,.p-landing .school-area .class-area-bottom .teacher-msg .introduce {
	text-align: left;
	font-size: 18px;
	height: 18px;
	color: #595959
}

.p-landing .school-area .class-area-bottom .feature p {
	margin-bottom: 15px
}

.p-landing .school-area .class-area-bottom .feature p span {
	color: #45b2c7;
	font-weight: 700
}

.p-landing .works-area {
	width: 100%;
	position: relative;
	overflow: hidden
}

.p-landing .works-area .works-title {
	display: block;
	margin: 87px auto 46px
}

.p-landing .works-area .works {
	display: block;
	margin: 0 auto 133px
}

.p-landing .works-area .el-carousel {
	position: relative;
	height: 666px;
	margin-bottom: 133px
}

.p-landing .works-area .el-carousel__arrow {
	width: 72px;
	height: 72px
}

.p-landing .works-area .el-carousel__arrow i {
	font-size: 24px
}

.p-landing .works-area .el-carousel__item {
	background: none
}

.p-landing .works-area .works-btn {
	width: 536px;
	height: 105px;
	position: absolute;
	left: 50%;
	margin-left: -268px;
	bottom: 83px;
	cursor: pointer;
	z-index: 9
}

.p-landing .introduce-area {
	width: 100%;
	height: 1350px;
	background: #f7f8fa;
	overflow: hidden
}

.p-landing .introduce-area .introduce-title {
	display: block;
	margin: 86px auto 0
}

.p-landing .introduce-area .introduce {
	display: block;
	margin: 0 auto
}

.p-landing .base-area {
	width: 100%;
	height: auto;
	background: #fff
}

.p-landing .base-area .base-title {
	display: block;
	margin: 83px auto 10px
}

.p-landing .base-area .base-txt {
	width: 100%;
	display: block
}

.p-landing .problem-area {
	width: 100%;
	background: #f7f8fa;
	overflow: hidden
}

.p-landing .problem-area .problem-title {
	display: block;
	margin: 99px auto 46px
}

.p-landing .problem-area .problem-cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 924px;
	margin: 29px auto 0
}

.p-landing .problem-area .problem-cards li {
	width: 308px;
	height: 430px;
	position: relative
}

.p-landing .problem-area .problem-cards li .msg {
	position: absolute;
	top: 205px;
	left: 36px
}

.p-landing .problem-area .problem-cards li .msg p {
	font-size: 16px;
	line-height: 21px;
	font-weight: 700;
	color: #343434
}

.p-landing .problem-area .problem-cards li .introduce {
	width: 234px;
	height: 53px;
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	bottom: 76px;
	left: 36px
}

.p-landing .problem-area .problem-cards li:first-of-type {
	background: url(../images/problem-card1.43843f0.png) no-repeat
}

.p-landing .problem-area .problem-cards li:nth-of-type(2) {
	background: url(../images/problem-card2.9cf3500.png) no-repeat
}

.p-landing .problem-area .problem-cards li:nth-of-type(3) {
	background: url(../images/problem-card3.e898855.png) no-repeat
}

.p-landing .problem-area .txt-area {
	width: 924px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 26px 0 68px
}

.p-landing .problem-area .txt-area li {
	font-size: 21px;
	color: #1a1a1a;
	font-weight: 700;
	line-height: 55px;
	height: 55px;
	position: relative
}

.p-landing .problem-area .txt-area li span {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #5addee;
	position: absolute;
	left: -30px;
	top: 20px
}

.p-landing .problem-area .problem-btn {
	display: block;
	margin: 10px auto 85px
}

.p-landing .number-area {
	width: 100%;
	padding-bottom: 51px;
	background: #fff
}

.p-landing .number-area .number-title {
	display: block;
	margin: 112px auto 21px
}

.p-landing .number-area .banner-wrap {
	width: auto;
	height: auto;
	max-width: 1640px;
	max-height: 756px;
	min-width: 1400px;
	margin: 0 auto;
	position: relative
}

.p-landing .number-area .banner-wrap .banner-bg {
	width: 100%
}

.p-landing .number-area .banner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.p-landing .number-area .banner .arrow {
	width: 547px;
	height: 150px;
	background: url(../images/number-arrow.ba2ae82.png) no-repeat;
	position: absolute;
	top: 206px;
	right: 50%;
	margin-right: -295px
}

.p-landing .number-area .banner .arrow .number {
	position: absolute;
	top: 32px;
	left: 2px
}

.p-landing .number-area .banner .arrow .number-label {
	position: absolute;
	bottom: -37px;
	right: 107px
}

.p-landing .number-area .banner .number-btn {
	position: absolute;
	right: 50%;
	margin-right: -318px;
	bottom: 136px
}

.p-landing .online-area {
	width: 100%
}

.p-landing .online-area img {
	width: 100%;
	height: auto
}

.p-landing .progress-area {
	width: 100%;
	height: 1600px;
	background: #f7f8fa;
	overflow: hidden
}

.p-landing .progress-area .progress-title {
	display: block;
	margin: 90px auto 30px
}

.p-landing .progress-area .txt-area {
	width: 1100px;
	height: 180px;
	background: #21c4d9;
	border-radius: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 45px 47px 0 62px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto 56px;
	position: relative
}

.p-landing .progress-area .txt-area .logo {
	width: 230px;
	height: 86px;
	margin-top: 6px
}

.p-landing .progress-area .txt-area p {
	width: 720px;
	height: 93px;
	font-size: 21px;
	color: #fff;
	line-height: 36px
}

.p-landing .progress-area .txt-area .progress {
	position: absolute;
	bottom: -1166px;
	right: 0
}

.p-landing .article-area {
	width: 100%;
	background: #fff;
	overflow: hidden
}

.p-landing .article-area .article-title {
	display: block;
	width: 366px;
	margin: 86px auto 65px
}

.p-landing .article-area .u-fl {
	margin-bottom: 74px
}

.p-landing .article-area .bottom-banner {
	clear: both;
	display: block;
	margin: 0 auto 98px
}

.p-digitizer {
	background: #c62537;
	overflow: hidden
}

.p-digitizer .main-wrap {
	width: 100%;
	position: relative;
	background: url(../images/digitizer-bg.d687e84.png);
	overflow: hidden
}

.p-digitizer main {
	width: 780px;
	margin: 0 auto
}

.p-digitizer .column-area {
	width: 780px
}

.p-digitizer .column-area.plan-margin {
	margin-top: 60px
}

.p-digitizer .column-area.top-margin {
	margin-top: 109px
}

.p-digitizer .column-area .header {
	width: 100%;
	height: 64px;
	background: -webkit-gradient(linear,left bottom,left top,from(#435e94),to(#5377be));
	background: linear-gradient(0deg,#435e94,#5377be);
	border-radius: 20px 20px 0 0;
	position: relative
}

.p-digitizer .column-area .header.plan-header {
	height: 126px
}

.p-digitizer .column-area .header .rule-title {
	width: 330px;
	height: 70px;
	position: absolute;
	left: 50%;
	margin-left: -165px;
	bottom: 30px
}

.p-digitizer .column-area .header .prize-title {
	width: 404px;
	margin-left: -202px
}

.p-digitizer .column-area .header .plan-title {
	width: 665px;
	height: 56px;
	position: absolute;
	left: 50%;
	margin-left: -332.5px;
	bottom: 30px
}

.p-digitizer .column-area .rule {
	-webkit-box-shadow: 0 16px 29px 0 rgba(157,31,36,.44);
	box-shadow: 0 16px 29px 0 rgba(157,31,36,.44)
}

.p-digitizer .column-area .rule li {
	height: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 19px;
	color: #231f20;
	padding-left: 80px;
	background: #f2f4f7;
	border-bottom: 1px solid #2ca1a3;
	line-height: 80px
}

.p-digitizer .column-area .rule li span {
	font-size: 38px;
	font-weight: 700;
	color: #34b9ba;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 28px
}

.p-digitizer .column-area .rule li:nth-of-type(6) {
	border-bottom: none
}

.p-digitizer .column-area .rule-consult-area {
	width: 780px;
	height: 92px;
	background: #f2f4f7;
	position: relative;
	border-radius: 0 0 20px 20px
}

.p-digitizer .column-area .rule-consult-area img {
	width: 380px;
	height: 100px;
	position: absolute;
	left: 50%;
	margin-left: -190px;
	bottom: 6px;
	cursor: pointer
}

.p-digitizer .column-area .prize-area {
	-webkit-box-shadow: 0 16px 29px 0 rgba(157,31,36,.44);
	box-shadow: 0 16px 29px 0 rgba(157,31,36,.44);
	margin-bottom: 90px
}

.p-digitizer .column-area .prize-area-top {
	height: 215px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #f2f4f7
}

.p-digitizer .column-area .prize-area-top .left {
	padding-top: 40px;
	padding-left: 73px;
	margin-right: 27px
}

.p-digitizer .column-area .prize-area-top .left img {
	width: 205px;
	height: 142px
}

.p-digitizer .column-area .prize-area-top .left p {
	font-size: 14px;
	line-height: 24px;
	color: #231f20;
	text-align: center;
	margin-top: 5px
}

.p-digitizer .column-area .prize-area-top .right {
	padding-top: 40px
}

.p-digitizer .column-area .prize-area-top .right h3 {
	font-size: 36px;
	color: #231f20;
	font-weight: 700
}

.p-digitizer .column-area .prize-area-top .right p {
	font-size: 19px;
	color: #231f20;
	font-weight: 500;
	margin-bottom: 6px;
	width: 450px
}

.p-digitizer .column-area .prize-area-top .right p span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 190px;
	height: 25px;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	font-size: 17px;
	color: #ed3a42;
	margin-left: 20px
}

.p-digitizer .column-area .prize-area-bottom,.p-digitizer .column-area .prize-area-top .right p span {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.p-digitizer .column-area .prize-area-bottom {
	width: 780px;
	height: 248px;
	background: #f2f4f7;
	border-top: 1px solid #2ca1a3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 0 0 20px 20px
}

.p-digitizer .column-area .prize-area-bottom img {
	width: 337px;
	height: 169px
}

.p-digitizer .column-area .prize-area-bottom img.renti {
	margin-right: 10px
}

.p-digitizer .column-area .prize-area-bottom-2 {
	width: 780px;
	height: 410px;
	background: #f2f4f7;
	border-top: 1px solid #2ca1a3;
	border-radius: 0 0 20px 20px;
	padding-top: 31px;
	padding-left: 48px
}

.p-digitizer .column-area .prize-area-bottom-2 img {
	width: 337px;
	height: 169px
}

.p-digitizer .column-area .prize-area-bottom-2 img.renti {
	margin-right: 8px
}

.p-digitizer .column-area .prize-area-bottom-2 img.chahua {
	margin-bottom: 10px
}

.p-digitizer .column-area .txt-img-area {
	width: 780px;
	overflow: hidden;
	background: #f2f4f7;
	border-radius: 0 0 20px 20px;
	margin-bottom: 160px
}

.p-digitizer .column-area .txt-img-area .plan-txt {
	width: 633px;
	height: 664px;
	margin: 47px auto 21px;
	display: block
}

.p-digitizer .column-area .txt-img-area .open-consult-img {
	width: 380px;
	height: 100px;
	margin: 21px auto 47px;
	display: block
}

.p-digitizer .column-area .txt-img-area .open-consult-img.bottom-open-consult {
	margin: 31px auto 24px
}

.p-digitizer .column-area .txt-img-area .digitizer-team {
	width: 639px;
	height: 223px;
	margin: 47px auto 36px;
	display: block
}

.p-digitizer .column-area .txt-img-area .digitizer-work {
	width: 741px;
	height: 1497px;
	margin: 36px auto 31px;
	display: block
}

.c-course {
	display: inline-block;
	width: 280px;
	height: auto;
	margin: 0 22.5px 24px 0;
	overflow: hidden;
	position: relative;
	background: #fff;
	border-radius: 8px
}

.c-course:hover {
	-webkit-box-shadow: 0 12px 20px 0 rgba(0,0,0,.08);
	box-shadow: 0 12px 20px 0 rgba(0,0,0,.08);
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px)
}

.c-course:hover,.c-course:not(:hover) {
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.c-course:not(:hover) {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transform: translate(0);
	transform: translate(0)
}

.c-course-img {
	width: 280px;
	height: 210px;
	overflow: hidden;
	position: relative
}

.c-course-img&gt;a&gt;img {
	width: 100%;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px
}

.c-course-img :hover {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: All .3s ease-in-out;
	transition: All .3s ease-in-out
}

.c-one-course-free-msg {
	padding: 16px 12px
}

.c-one-course-free-msg .bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 8px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-one-course-free-msg .user-name {
	display: inline-block;
	font-size: 14px;
	color: #666
}

.c-one-course-free-msg .user-name:hover {
	color: #666
}

.c-one-course-free-msg .btn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 80px;
	height: 30px;
	border-radius: 4px;
	border: 1px solid #2eb8d0;
	font-size: 12px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #fff;
	color: #2eb8d0
}

.c-one-course-free-msg .btn:hover {
	background: #2eb8d0;
	color: #fff
}

.c-one-course-msg {
	padding: 16px 12px
}

.c-one-course-msg .name {
	font-size: 14px;
	color: #666;
	display: block;
	margin: -3px 0
}

.c-one-course-msg .name:hover {
	color: #666
}

.c-one-course-msg .price-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-one-course-msg .price-area .buy-price {
	color: #ff931c;
	font-size: 24px
}

.c-one-course-msg .price-area .buy-price span {
	font-size: 28px;
	font-weight: 700
}

.c-one-course-msg .original-price {
	font-size: 12px;
	color: #999;
	text-decoration: line-through
}

.c-one-course-msg .btn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 80px;
	height: 30px;
	border-radius: 4px;
	border: 1px solid #2eb8d0;
	font-size: 12px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #fff;
	color: #2eb8d0
}

.c-one-course-msg .btn:hover {
	background: #2eb8d0;
	color: #fff
}

.c-one-course-msg .num {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 8px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-one-course-msg .num .progress {
	width: 200px;
	height: 8px;
	background: #f5f5fa;
	border-radius: 6px;
	position: relative;
	margin-right: 8px
}

.c-one-course-msg .num .progress div {
	position: absolute;
	left: 0;
	height: 8px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	border-radius: 6px
}

.c-one-course-msg .num span {
	font-size: 12px;
	color: #999
}

.c-course-title {
	display: inline-block;
	width: 256px;
	font-size: 16px;
	color: #1a1a1a;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.c-course-title:hover {
	color: #2eb8d0
}

.p-one-course {
	padding-top: 40px;
	padding-bottom: 16px;
	background: #f5f5fa
}

.p-one-course .carousel-box img {
	width: 100%
}

.p-one-course:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.one-course-item-area .c-course:nth-of-type(4n) {
	margin-right: 0
}

.p-special-l {
	background: #f5f5fa
}

.special-banner {
	width: 100%;
	overflow: hidden;
	text-align: center
}

.special-banner img {
	width: 100%;
	max-width: 1920px;
	min-height: 200px
}

.special-breadcrumb {
	width: 1200px;
	margin: 0 auto!important;
	padding-bottom: 20px
}

.special-l-content {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 120px
}

.special-l-box {
	display: inline-block;
	margin: 0 23px 27px 0;
	padding: 0;
	font-size: 0;
	width: 382px;
	height: 252px;
	border-radius: 4px;
	background: #fff;
	overflow: hidden
}

.special-l-box img {
	vertical-align: center;
	display: block;
	width: 100%;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.special-l-box p {
	font-size: 16px;
	padding: 0 13px;
	line-height: 50px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.special-l-box a,.special-l-box a:hover {
	color: #333
}

.special-l-box:nth-of-type(3n) {
	margin-right: 0
}

.special-pagination {
	text-align: center
}

.special-pagination .pagination {
	display: inline-block;
	float: none
}

.p-special-d {
	background: #f5f5fa
}

.fixed-nav {
	position: fixed;
	top: 60px;
	left: 0;
	width: 100%;
	z-index: 99
}

.special-d-nav {
	width: 100%;
	background: #fff;
	text-align: center
}

.special-d-nav ul {
	height: 80px;
	line-height: 76px
}

.special-d-nav ul li {
	cursor: pointer;
	display: inline-block;
	margin-right: 55px
}

.special-d-nav ul li span {
	font-size: 16px;
	color: #333
}

.special-d-nav ul li:last-of-type {
	margin-right: 0
}

.special-d-nav ul .active span {
	color: #2eb8d0;
	text-align: center
}

.special-d-nav ul .active span i {
	border-radius: 5px;
	display: block;
	width: 40px;
	margin: -14px auto 0;
	height: 4px;
	background: #2eb8d0
}

.special-d-content {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 100px
}

.special-d-title {
	margin-top: 40px;
	margin-bottom: 30px;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #ccc
}

.special-d-title img {
	display: inline-block;
	height: 34px;
	margin-right: 9px;
	margin-top: -12px
}

.special-d-title .iconfont {
	font-size: 30px;
	margin-right: 9px;
	margin-top: -12px
}

.special-d-title h2 {
	display: inline-block;
	font-size: 28px;
	color: #666
}

.special-d-title h2 span {
	font-weight: 700
}

.special-d-title a {
	color: #666;
	float: right;
	font-size: 16px
}

.special-d-title a img {
	width: 16px;
	height: 16px;
	margin: -2px 0 0 4px
}

.special-d-title a:hover {
	color: #666
}

.special-d-more {
	cursor: pointer;
	width: 150px;
	height: 40px;
	line-height: 38px;
	border: 1px solid #999;
	border-radius: 4px;
	font-size: 16px;
	color: #666;
	margin: 0 auto;
	text-align: center;
	position: relative;
	top: 40px
}

.special-d-more img {
	width: 16px;
	height: 16px;
	margin-top: -3px;
	margin-left: 5px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.special-d-video {
	padding-bottom: 40px
}

.special-item-box:hover {
	-webkit-transform: translateY(-12px);
	transform: translateY(-12px);
	-webkit-box-shadow: 3px 3px 10px 1px rgba(51,153,204,.15);
	box-shadow: 3px 3px 10px 1px rgba(51,153,204,.15);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.special-item-box .item-box-img :hover {
	-webkit-transform: none;
	transform: none
}

.special-d-pic-box {
	border-radius: 4px;
	display: inline-block;
	width: 280px;
	height: 252px;
	margin: 0 26px 6px 0
}

.special-d-pic-box img {
	border-radius: 4px;
	width: 280px;
	height: 210px
}

.special-d-pic-box p {
	font-size: 16px;
	line-height: 42px;
	padding: 0 13px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.special-d-pic-box a,.special-d-pic-box a:hover {
	color: #333
}

.special-d-pic-box:nth-of-type(4n) {
	margin-right: 0
}

.special-d-hot-box {
	display: inline-block;
	width: 382px;
	height: 202px;
	margin: 0 27px 0 0;
	border-radius: 4px
}

.special-d-hot-box img {
	border-radius: 4px
}

.special-d-hot-box:nth-of-type(3n) {
	margin-right: 0
}

.special-d-title-more {
	text-align: center
}

.p-special-course-list {
	padding-bottom: 60px;
	background: #fff
}

.p-special-course-list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.p-special-course-list .carousel-box {
	height: 400px
}

.course-list-title {
	height: 22px;
	margin: 0 0 25px
}

.course-list-title h3 {
	float: left;
	color: #1a1a1a;
	font-size: 22px;
	font-weight: 700;
	margin-top: -12px
}

.p-special-course-list--course-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.p-special-course-list--course-item .c-special-course-item {
	margin-right: 24px
}

.p-special-course-list--course-item .c-special-course-item:nth-of-type(3n) {
	margin-right: 0;
	margin-bottom: 37px
}

.c-special-course-icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-special-course-icons li {
	width: 280px;
	height: 282px;
	background: #fff;
	-webkit-box-shadow: 0 12px 20px 0 rgba(46,184,208,.1);
	box-shadow: 0 12px 20px 0 rgba(46,184,208,.1);
	border-radius: 0 0 8px 8px;
	border-top: 4px solid #2eb8d0
}

.c-special-course-icons li .icon {
	text-align: center;
	margin-top: 46px;
	margin-bottom: 5px
}

.c-special-course-icons li .icon img {
	width: 120px;
	height: 120px
}

.c-special-course-icons li p {
	font-size: 16px;
	color: #1a1a1a;
	text-align: center;
	margin-bottom: 17px
}

.p-special-course-view .course-view-top-left .img {
	width: 600px;
	height: 450px;
	border-radius: 8px;
	overflow: hidden
}

.p-special-course-view .course-view-top-left .img img {
	width: 600px
}

.p-special-course-view .course-view-top-right h1 {
	margin-bottom: 0
}

.p-special-course-view .course-view-top-right .detail {
	font-size: 14px;
	color: #999;
	line-height: 22px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.p-special-course-view .course-view-top-right .view-msg {
	height: 75px;
	border-bottom: 1px solid #eee;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 18px
}

.p-special-course-view .course-view-top-right .view-msg-item {
	text-align: center;
	position: relative
}

.p-special-course-view .course-view-top-right .view-msg-item-title {
	font-size: 18px;
	color: #1a1a1a
}

.p-special-course-view .course-view-top-right .view-msg-item-label {
	font-size: 14px;
	color: #999
}

.p-special-course-view .course-view-top-right .view-msg-item .split-line {
	width: 1px;
	height: 34px;
	background: #eee;
	position: absolute;
	right: -40px;
	top: 8px
}

.p-special-course-view .course-view-top-right .view-msg-item:first-child {
	margin-right: 91px
}

.p-special-course-view .course-view-top-right .view-msg-item:nth-child(2) {
	margin-right: 81px
}

.p-special-course-view .course-view-top-right .plan-text {
	margin-top: 22px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.p-special-course-view .course-view-top-right .plan-text li {
	font-size: 14px;
	color: #999;
	margin-right: 40px
}

.p-special-course-view .course-view-top-right .plan-text li .iconfont {
	margin-right: 5px
}

.p-special-course-view .course-view-top-right .price-area {
	margin-top: 38px;
	margin-bottom: 40px;
	width: 560px;
	height: 56px;
	background: #fff7e1;
	border-radius: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 20px
}

.p-special-course-view .course-view-top-right .price-area-label {
	font-size: 16px;
	color: #1a1a1a
}

.p-special-course-view .course-view-top-right .price-area-price {
	color: #ff931c;
	font-size: 24px
}

.p-special-course-view .course-view-top-right .price-area-price strong {
	font-size: 28px
}

.p-special-course-view .course-view-top-right .price-area-original-price {
	font-size: 14px;
	color: #999;
	text-decoration: line-through;
	margin-left: 5px
}

.p-special-course-view .course-view-top-right .button-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.p-special-course-view .course-view-top-right .btn-consult {
	width: 240px;
	height: 64px;
	background: #f8feff;
	border-radius: 4px;
	border: 1px solid #2eb8d0;
	font-size: 18px;
	font-weight: 700;
	color: #2eb8d0;
	margin-right: 24px
}

.p-special-course-view .course-view-top-right .btn-buy {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 240px;
	height: 64px;
	background: -webkit-gradient(linear,left top,right top,from(#ffc53c),to(#ff931c));
	background: linear-gradient(90deg,#ffc53c,#ff931c);
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700;
	color: #fff
}

.p-special-course-view .course-view-bottom {
	background: #f5f5fa;
	overflow: hidden
}

.p-special-course-view .course-view-bottom .course-title {
	font-size: 22px;
	color: #1a1a1a;
	margin-top: 36px;
	margin-bottom: 20px
}

.p-special-course-view .course-view-bottom .c-course:nth-of-type(4n) {
	margin-right: 0
}

.p-special-course-center {
	background: #f5f5fa;
	padding-bottom: 30px
}

.p-special-course-center .breadcrumb-wrap {
	background: #f5f5fa;
	overflow: hidden
}

.p-special-course-center .breadcrumb-wrap .breadcrumb {
	background: #fff;
	padding-left: 24px;
	padding-bottom: 24px;
	margin-bottom: 0
}

.p-special-course-center .header {
	background: #f5f5fa
}

.p-special-course-center .header .l-container-wide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #fff;
	padding-bottom: 40px;
	padding-left: 24px;
	padding-right: 58px
}

.p-special-course-center .header-left {
	width: 264px;
	height: 132px;
	background: #d8d8d8;
	border-radius: 8px;
	margin-right: 20px;
	overflow: hidden
}

.p-special-course-center .header-left img {
	width: 264px;
	border-radius: 8px
}

.p-special-course-center .header-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 968px
}

.p-special-course-center .header-right h2 {
	font-size: 18px;
	color: #1a1a1a;
	height: 20px;
	line-height: 20px;
	margin-bottom: 13px;
	cursor: pointer
}

.p-special-course-center .header-right h2 .iconfont {
	color: #2eb8d0
}

.p-special-course-center .header-right h2 .up:before {
	display: inline-block;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.p-special-course-center .header-right h2 .icon {
	position: relative;
	display: inline-block;
	height: 18px;
	line-height: 18px
}

.p-special-course-center .header-right h2 .class-items {
	width: 210px;
	padding-top: 8px;
	padding-bottom: 12px;
	background: #fff;
	position: absolute;
	top: 30px;
	right: -150px;
	z-index: 5;
	-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.16);
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.16);
	border-radius: 4px
}

.p-special-course-center .header-right h2 .class-items li {
	width: 210px;
	height: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 8px;
	line-height: 30px;
	font-size: 12px;
	color: #666;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.p-special-course-center .header-right h2 .class-items .active {
	background: #2eb8d0;
	color: #fff
}

.p-special-course-center .header-right .label {
	display: inline-block;
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	color: #999;
	padding: 0 12px;
	border-right: 1px solid #eee
}

.p-special-course-center .header-right .label i {
	color: #1a1a1a;
	font-style: normal
}

.p-special-course-center .header-right .label:first-of-type {
	padding-left: 0
}

.p-special-course-center .header-right .label:nth-of-type(4) {
	border: none
}

.p-special-course-center .header-right .bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.p-special-course-center .header-right .bottom button {
	width: 120px;
	height: 40px;
	background: #2eb8d0;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	margin-right: 20px
}

.p-special-course-center .header-right .bottom .mail {
	font-size: 14px;
	color: #999;
	height: 40px;
	line-height: 40px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.p-special-course-center .header-right .bottom .mail .iconfont {
	margin-right: 4px
}

.p-special-course-center .header-right .bottom p {
	height: 40px;
	line-height: 40px;
	width: 160px;
	text-align: right
}

.p-special-course-center .header-right .bottom p span {
	font-size: 14px;
	color: #666
}

.p-special-course-center .header-right .bottom p .iconfont {
	font-size: 14px;
	color: #666;
	margin-left: 5px
}

.p-special-course-center .l-class-group-main {
	background: #fff;
	margin-top: 20px
}

.p-special-course-center .l-class-group-main .el-tabs__header {
	margin-bottom: 0
}

.p-special-course-center .l-class-group-main .el-tabs__header .el-tabs__nav-wrap:after {
	height: 1px
}

.p-special-course-center .l-class-group-main .el-tabs__nav-scroll {
	height: 68px;
	padding-left: 40px
}

.p-special-course-center .l-class-group-main .el-tabs__nav-scroll .el-tabs__nav {
	height: 68px
}

.p-special-course-center .l-class-group-main .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item {
	height: 68px;
	line-height: 68px;
	padding: 0 20px;
	font-size: 20px;
	color: #666
}

.p-special-course-center .l-class-group-main .el-tabs__nav-scroll .el-tabs__nav .is-active {
	color: #2eb8d0;
	font-weight: 700
}

.p-special-course-center .l-class-group-bottom {
	position: relative
}

.p-special-course-center .l-class-group-bottom .split {
	width: 1px;
	background: #d8d8d8;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 320px
}

.coach-eva-enter-active {
	-webkit-animation: eva-slide-in .2s;
	animation: eva-slide-in .2s
}

.coach-eva-leave-active {
	animation: eva-slide-in .2s reverse
}

@-webkit-keyframes eva-slide-in {
	0% {
		-webkit-transform: translateX(340px);
		transform: translateX(340px)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes eva-slide-in {
	0% {
		-webkit-transform: translateX(340px);
		transform: translateX(340px)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.coach-eva {
	width: 336px;
	background: transparent;
	-webkit-transition: .2s cubic-bezier(.4,0,.2,1);
	transition: .2s cubic-bezier(.4,0,.2,1);
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1201
}

.coach-eva ::-webkit-scrollbar {
	width: 6px
}

.coach-eva ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	border-radius: 10px
}

.coach-eva ::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5)
}

.coach-eva ::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,.2)
}

.coach-eva .coach-eva-content {
	margin-left: 16px;
	background: #fff;
	-webkit-box-shadow: 0 30px 30px 0 rgba(0,0,0,.11);
	box-shadow: 0 30px 30px 0 rgba(0,0,0,.11);
	overflow-y: auto;
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
	outline: none
}

.coach-eva .eva-font--bold {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 40px;
	height: 26px;
	font-size: 14px;
	color: #2eb8d0;
	border: 1px solid #2eb8d0;
	border-radius: 13px
}

.coach-eva .eva-block-title {
	width: 88px;
	height: 32px;
	line-height: 32px;
	background: #2eb8d0;
	border-radius: 0 100px 100px 0;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	padding-left: 12px;
	position: relative;
	margin: 16px 0
}

.coach-eva .eva-block-title--small {
	font-size: 12px;
	color: #fff;
	margin-left: 2px;
	font-weight: 400
}

.coach-eva .eva-block-title:first-of-type {
	margin-top: 24px
}

.coach-eva .eva-block-content {
	padding: 0 12px 24px
}

.coach-eva .eva-block:last-of-type {
	border: none
}

.coach-eva .eva-btn {
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	color: #fff;
	background: #2eb8d0;
	border-radius: 4px;
	border: none;
	padding-right: 30px;
	padding-left: 30px
}

.coach-eva-head {
	background: #fff;
	height: 50px;
	margin-left: 16px;
	padding-left: 12px;
	line-height: 49px;
	font-size: 14px;
	color: #999;
	border-bottom: 1px solid #eee
}

.coach-eva-head-collapsed-btn {
	cursor: pointer;
	color: #666;
	font-size: 9px;
	margin-right: 18px
}

.coach-eva-head-collapsed-btn--active i {
	display: inline-block;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.coach-eva-clock {
	float: right;
	color: #1a1a1a;
	font-size: 18px;
	font-weight: 700;
	margin-right: 12px
}

.coach-eva-info-item {
	font-size: 14px;
	color: #1a1a1a;
	margin-bottom: 12px
}

.coach-eva-info-item i {
	float: left;
	font-style: normal;
	font-size: 14px;
	color: #999
}

.coach-eva-info-item p {
	margin-left: 70px;
	line-height: 22px
}

.coach-eva-info-item .coach-eva-desc {
	font-size: 12px;
	color: #aaa
}

.coach-eva-info-item--tag {
	display: inline-block;
	height: 26px;
	line-height: 24px;
	font-size: 12px;
	padding: 0 12px;
	border-radius: 2px;
	color: #ff8157;
	border: 1px solid #ff8157
}

.coach-eva-info-item .description {
	margin-left: 70px;
	width: 226px;
	background: #f5f5fa;
	padding: 8px 12px 8px 8px;
	font-size: 12px;
	line-height: 18px;
	color: #666
}

.coach-eva-info-item .description p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-left: 0
}

.coach-eva-info-item .description span {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	width: 90px
}

.coach-eva-info-item .description a {
	color: #666
}

.coach-eva-info-item .description a:hover {
	color: #2eb8d0
}

.coach-eva-user {
	margin-top: 20px;
	height: 48px
}

.coach-eva-user .face-img {
	float: left
}

.coach-eva-user-name-info {
	float: left;
	margin-left: 12px
}

.coach-eva-user-name-info .name {
	font-size: 14px;
	color: #666;
	line-height: 14px
}

.coach-eva-user-name-info .tag-wrapper {
	margin-top: 6px
}

.coach-eva-user-name-info .user-tag {
	font-size: 12px;
	padding: 2px;
	color: #999
}

.coach-eva-user-time {
	font-size: 12px;
	color: #999;
	float: right
}

.coach-eva-score--without {
	text-align: center;
	font-size: 14px;
	color: #666
}

.coach-eva-score-list {
	margin-top: 10px;
	height: 48px;
	clear: both
}

.coach-eva-score-list .face-img {
	float: left
}

.coach-eva-score-list-info {
	float: left;
	margin-left: 12px
}

.coach-eva-score-list-info .name {
	font-size: 14px;
	color: #666;
	line-height: 14px
}

.coach-eva-score-list-info .score-time {
	margin-top: 6px;
	font-size: 12px;
	color: #999
}

.coach-eva-score-list .score-wrapper {
	float: right;
	font-size: 12px;
	color: #999;
	width: 110px;
	position: relative;
	height: 100%;
	line-height: 48px
}

.coach-eva-score-input {
	height: 34px;
	line-height: 34px
}

.coach-eva-score-input.with-margin {
	margin-top: 12px
}

.coach-eva-score-btn {
	float: right
}

.coach-eva-subject a {
	font-size: 14px;
	color: #2eb8d0;
	line-height: 14px
}

.coach-eva-reply-block {
	border: none
}

.coach-eva-reply {
	border-bottom: 1px solid #eee;
	padding-bottom: 12px!important
}

.coach-eva-reply textarea {
	width: 100%;
	height: 74px;
	background: #f5f5fa;
	border: 1px solid #ccc;
	padding: 8px;
	outline: none;
	resize: none
}

.coach-eva-reply textarea:hover {
	background: #fff
}

.coach-eva-reply-op {
	margin-top: 12px;
	color: #2eb8d0;
	line-height: 34px
}

.coach-eva-reply-op .coach-eva-collection {
	display: inline-block;
	cursor: pointer
}

.coach-eva-reply-op span {
	display: inline-block;
	margin-right: 20px
}

.coach-eva-reply-op .like-icon {
	cursor: pointer;
	font-size: 20px;
	display: inline-block
}

.coach-eva-reply-op .like-num {
	font-size: 14px;
	margin-left: 4px
}

.coach-eva-reply-op .reply-btn {
	float: right
}

@-webkit-keyframes dese {
	0% {
		-webkit-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}

	20% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(20deg);
		transform: rotate(20deg)
	}

	80% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}
}

@keyframes dese {
	0% {
		-webkit-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}

	20% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(20deg);
		transform: rotate(20deg)
	}

	80% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}
}

.coach-eva-reply-op .not-like {
	-webkit-animation: dese 1s linear infinite;
	animation: dese 1s linear infinite
}

.coach-eva-replies {
	padding: 12px 12px 16px;
	position: relative
}

.coach-eva-replies-null {
	color: #999;
	font-size: 14px;
	margin: 12px 0 16px;
	text-align: center
}

.coach-eva-replies .reply-item {
	font-size: 14px;
	line-height: 26px
}

.coach-eva-replies .reply-user-name {
	color: #1a1a1a
}

.coach-eva-replies .reply-content {
	color: #666;
	word-break: break-all
}

.coach-eva-replies:before {
	content: "";
	position: absolute;
	height: 1px;
	background: #eee;
	left: 12px;
	right: 12px;
	top: 0
}

.coach-eva-todetail {
	padding: 0 12px;
	font-size: 14px;
	color: #2eb8d0
}

.coach-eva--collapsed {
	-webkit-transform: translateX(290px);
	transform: translateX(290px)
}

.coach-eva--expand {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.coach-eva-student-tag {
	position: fixed;
	top: 55px;
	width: 100px;
	left: calc(50% - 50px);
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	z-index: 1500
}

.coach-eva-student-tag span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-shadow: 0 0 6px rgba(0,0,0,.5)
}

.coach-container {
	width: 1200px;
	margin: 0 auto
}

.choose-tab {
	display: inline-block
}

.choose-tab li {
	float: left;
	border-radius: 20px;
	font-size: 14px;
	margin-right: 16px;
	padding: 5px 15px;
	cursor: pointer;
	border: 1px solid #b3b3b3;
	color: #616161!important
}

.choose-tab li.active {
	background: #c7eff6!important;
	color: #2eb8d0!important;
	border: 1px solid #2eb8d0
}

.coach-submit {
	cursor: pointer;
	text-align: center;
	margin-left: 20px
}

.coach-submit .coach-submit-box {
	width: 156px;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	background: #2eb8d0;
	font-size: 16px;
	color: #fff
}

.coach-submit .coach-submit-box img {
	width: 18px;
	margin: -3px 0 0 5px
}

.coach-search {
	width: 166px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #b3b3b3;
	border-radius: 4px
}

.coach-search .el-input {
	display: inline-block;
	width: 126px!important;
	height: 36px;
	line-height: 36px
}

.coach-search .el-input input {
	height: 36px;
	border: none
}

.coach-search .el-input--prefix .el-input__inner {
	padding: 0 10px;
	background: none;
	margin-top: -6px
}

.coach-search .el-input__icon {
	display: none
}

.coach-search .coach-search-find {
	margin-top: -38px;
	text-align: center;
	float: right;
	display: inline-block;
	width: 40px;
	height: 36px;
	line-height: 36px;
	border-left: 1px solid #b3b3b3;
	cursor: pointer
}

.coach-search .coach-search-find i {
	width: 16px;
	color: #999
}
/*
.hint {
	font-size: 14px;
	color: #999;
	margin-top: -14px;
	margin-bottom: 40px
}
*/

.coach-date {
	margin-top: 16px;
	margin-bottom: 24px
}

.coach-date span {
	font-size: 16px;
	color: #1a1a1a
}

.coach-date .explain-btn {
	display: inline-block;
	text-align: center;
	width: 90px;
	height: 32px;
	line-height: 32px;
	margin-left: 18px;
	font-size: 14px;
	color: #fff;
	background: #2eb8d0;
	border-radius: 4px
}

.coach-loading {
	margin: 0 auto;
	width: 20px;
	padding-top: 30px
}

.coach-loading img {
	width: 20px;
	height: 20px
}

.coach-load-end {
	display: none;
	font-size: 15px;
	text-align: center;
	padding: 50px 0
}

.teacher-explain-float {
	position: fixed;
	top: 50px;
	left: 10px;
	z-index: 1201;
	background: hsla(0,0%,100%,.8);
	-webkit-box-shadow: 0 1px 50px -3px #333;
	box-shadow: 0 1px 50px -3px #333
}

.c-explain-uploader .el-form-item {
	margin-bottom: 10px
}

.c-explain-uploader .el-form-item__label {
	padding: 0 0 5px!important;
	line-height: 20px
}

.c-explain-uploader legend {
	width: auto
}

.explain-title {
	margin-top: 10px;
	margin-bottom: 10px
}

.explain-upload-file {
	font-size: 14px;
	position: relative;
	display: inline-block;
	border: 1px solid #999;
	border-radius: 4px;
	padding: 6px 18px;
	overflow: hidden;
	color: #333;
	text-decoration: none;
	text-indent: 0;
	line-height: 20px
}

.explain-upload-file input {
	cursor: pointer;
	position: absolute;
	font-size: 100px;
	right: 0;
	top: 0;
	opacity: 0
}

.explain-upload-file:hover {
	background: #2eb8d0;
	border-color: #78c3f3;
	color: #fff;
	text-decoration: none
}

.el-progress-bar {
	width: 70%;
	margin: 20px 0 30px
}

.video-info {
	height: 48px;
	width: 533px;
	line-height: 42px;
	border: 1px solid #999;
	font-size: 14px;
	color: #999;
	border-radius: 4px;
	margin-bottom: 20px
}

.video-info .el-input {
	width: 230px;
	float: left;
	margin-left: 3px
}

.video-info .delete {
	float: right;
	width: 62px;
	line-height: 48px;
	height: 100%;
	border-left: 1px solid #999
}

.btn,.video-info .delete {
	cursor: pointer;
	text-align: center
}

.btn {
	font-size: 14px;
	color: #fff;
	background: #2eb8d0;
	border-radius: 4px;
	width: 66px;
	height: 32px;
	line-height: 32px
}

.explain-upload-tip {
	color: red;
	font-weight: 700
}

.p-special-course-home-work {
	background: #f5f5fa;
	padding-bottom: 30px
}

.p-special-course-home-work .class-score {
	width: 1200px;
	height: 56px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #ccc;
	padding: 0 20px
}

.p-special-course-home-work .class-score .class-type {
	width: 1160px;
	height: 56px;
	border-bottom: 1px solid #eee
}

.p-special-course-home-work .class-score .class-type ul {
	line-height: 56px;
	font-size: 16px;
	color: #666
}

.p-special-course-home-work .class-score .class-type ul li {
	display: inline-block;
	margin-left: 20px;
	cursor: pointer
}

.p-special-course-home-work .class-score .class-type ul .active {
	color: #2eb8d0
}

.p-special-course-home-work .coach-nav {
	height: 78px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 20px;
	position: relative
}

.p-special-course-home-work .coach-nav .filter-issue-label {
	display: inline-block;
	width: 130px;
	height: 34px;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 34px;
	border-radius: 4px;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #1a1a1a;
	position: absolute;
	top: 20px;
	left: 170px;
	padding-left: 8px;
	cursor: pointer
}

.p-special-course-home-work .coach-nav .filter-issue-value {
	width: 320px
}

.p-special-course-home-work .coach-nav .filter-issue-value p {
	width: 287px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.p-special-course-home-work .coach-nav .delete-subject {
	width: 11px;
	height: 11px;
	color: #999;
	position: absolute;
	left: 500px;
	top: 25px;
	cursor: pointer
}

.p-special-course-home-work .coach-nav .cascader {
	height: 370px;
	position: absolute;
	top: 20px;
	left: 160px;
	z-index: 3
}

.p-special-course-home-work .coach-nav .cascader .courses {
	width: 280px;
	height: 364px;
	position: relative;
	z-index: 4;
	background: #fff;
	-webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.16);
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.16);
	border-radius: 4px;
	border: 1px solid #ccc;
	overflow: auto
}

.p-special-course-home-work .coach-nav .cascader .courses::-webkit-scrollbar {
	display: none
}

.p-special-course-home-work .coach-nav .cascader .courses .title {
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #1a1a1a;
	padding-left: 8px
}

.p-special-course-home-work .coach-nav .cascader .courses .course {
	width: 262px;
	height: 38px;
	line-height: 38px;
	margin-left: 16px;
	font-size: 14px;
	color: #666;
	cursor: pointer
}

.p-special-course-home-work .coach-nav .cascader .courses .course.active {
	color: #2eb8d0
}

.p-special-course-home-work .coach-nav .cascader .subjects {
	width: 360px;
	height: 335px;
	background: #fff;
	-webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.16);
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.16);
	border-radius: 4px;
	border: 1px solid #ccc;
	position: absolute;
	top: 40px;
	left: 279px;
	z-index: 5;
	overflow: auto
}

.p-special-course-home-work .coach-nav .cascader .subjects::-webkit-scrollbar {
	display: none
}

.p-special-course-home-work .coach-nav .cascader .subjects .subject {
	height: 38px;
	line-height: 38px;
	margin-left: 16px;
	font-size: 14px;
	color: #666;
	cursor: pointer
}

.p-special-course-home-work .coach-nav .cascader .subjects .subject.active,.p-special-course-home-work .coach-nav .cascader .subjects .subject:hover {
	color: #2eb8d0
}

.p-special-course-home-work .coach-nav .coach-submit-box {
	height: 34px;
	line-height: 34px
}

.p-special-course-home-work .coach-nav .el-input__inner {
	width: 130px;
	padding-right: 0;
	height: 34px;
	border-radius: 4px;
	border: 1px solid #ccc
}

.p-special-course-home-work .coach-nav .el-date-editor.el-input,.p-special-course-home-work .coach-nav .el-date-editor.el-input__inner {
	width: 130px
}

.p-special-course-home-work .coach-nav .el-input__icon {
	line-height: 34px
}

.l-class-group-Rate-progress {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.l-class-group-Rate-progress .rate {
	color: #1a1a1a;
	font-size: 16px;
	font-weight: 700
}

.l-class-group-Rate-progress .total {
	font-size: 16px;
	color: #999
}

.l-class-group-Rate-progress .total-length {
	display: inline-block;
	width: 200px;
	height: 12px;
	background: #f5f5fa;
	border-radius: 8px;
	margin-left: 8px;
	position: relative
}

.l-class-group-Rate-progress .rate-length {
	position: absolute;
	top: 2px;
	left: 2px;
	height: 8px;
	background: -webkit-gradient(linear,left top,right top,from(#5bddea),to(#2eb8d0));
	background: linear-gradient(90deg,#5bddea,#2eb8d0);
	border-radius: 8px
}

.l-class-group-Rate-progress .label {
	height: 12px;
	font-size: 12px;
	color: #1a1a1a;
	line-height: 12px;
	padding-left: 51px
}

.l-class-group-Rate-progress .label .iconfont {
	font-size: 12px
}

.l-class-group-bottom-left {
	display: inline-block;
	float: left;
	width: 320px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 200px
}

.l-class-group-bottom-left .section h3 {
	height: 18px;
	font-size: 18px;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 18px;
	margin: 40px 0 0 24px
}

.l-class-group-bottom-left .section .course-item {
	cursor: pointer
}

.l-class-group-bottom-left .section .course-item a {
	color: #666
}

.l-class-group-bottom-left .section .course-item .course-title {
	height: 14px;
	font-size: 14px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 14px;
	margin-top: 20px;
	margin-left: 42px
}

.l-class-group-bottom-left .section .course-item .course-detail {
	margin-left: 42px
}

.l-class-group-bottom-left .section .course-active {
	height: 64px;
	width: 319px;
	background: #f8feff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 2px solid #2eb8d0;
	margin-top: 20px;
	padding-top: 12px
}

.l-class-group-bottom-left .section .course-active a {
	color: #2eb8d0
}

.l-class-group-bottom-left .section .course-active .course-title {
	margin-top: 0;
	margin-bottom: 8px;
	width: 255px;
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	font-weight: 700;
	color: #2eb8d0;
	line-height: 18px;
	margin-left: 40px
}

.l-class-group-bottom-left .section .course-active .course-detail {
	width: 255px;
	height: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #2eb8d0;
	line-height: 14px;
	margin-left: 40px
}

.l-class-group-course-bottom-right {
	width: 880px;
	float: right
}

.l-class-group-course-bottom-right header {
	height: 108px;
	border-bottom: 1px solid #eee
}

.l-class-group-course-bottom-right header .update {
	float: right;
	margin-top: 24px;
	margin-right: 60px;
	text-align: right
}

.l-class-group-course-bottom-right header .update .rebuild-btn {
	width: 50px;
	height: 40px;
	font-size: 16px;
	color: #2eb8d0
}

.l-class-group-course-bottom-right header .update-btn {
	width: 120px;
	height: 40px;
	background: #eee;
	border-radius: 4px;
	font-size: 16px;
	color: #999
}

.l-class-group-course-bottom-right header .update-btn.active {
	color: #fff;
	background: -webkit-gradient(linear,left top,right top,from(#5bddea),to(#2eb8d0));
	background: linear-gradient(90deg,#5bddea,#2eb8d0)
}

.l-class-group-course-bottom-right header .update-btn.can-reset {
	background: #f8feff;
	color: #2eb8d0;
	border: 1px solid #2eb8d0
}

.l-class-group-course-bottom-right header .remain-time {
	font-size: 12px;
	color: #999;
	margin-top: 8px
}

.l-class-group-course-bottom-right .course-not-start {
	width: 800px;
	margin: 24px 20px 24px 60px
}

.l-class-group-course-bottom-right .course-not-start a {
	display: block;
	width: 800px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	background: red;
	font-size: 14px;
	color: #fff
}

.l-class-group-course-bottom-right .course .section {
	margin: 24px 0 0 60px
}

.l-class-group-course-bottom-right .course .section .section-item&gt;p {
	width: 800px;
	height: 56px;
	background: #f5f5f5;
	line-height: 56px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 18px;
	color: #1a1a1a
}

.l-class-group-course-bottom-right .course .section .section-item&gt;p span {
	display: inline-block;
	margin-left: 18px;
	font-weight: 700
}

.l-class-group-course-bottom-right .course .course-item {
	width: 800px;
	height: 46px;
	line-height: 46px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 24px 0 40px
}

.l-class-group-course-bottom-right .course .course-item .course-title {
	font-size: 14px;
	color: #1a1a1a;
	position: relative
}

.l-class-group-course-bottom-right .course .course-item .course-title:hover {
	color: #2eb8d0
}

.l-class-group-course-bottom-right .course .course-item .course-title .complete {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 14px;
	opacity: .5;
	border: 1px solid #999;
	position: absolute;
	top: 16px;
	left: 0
}

.l-class-group-course-bottom-right .course .course-item .course-title .complete .view {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #2eb8d0;
	border-radius: 8px;
	position: absolute;
	top: 2px;
	left: 2px
}

.l-class-group-course-bottom-right .course .course-item .course-title .complete .semi-circle {
	display: inline-block;
	width: 4px;
	height: 8px;
	background: #2eb8d0;
	border-radius: 0 8px 8px 0;
	position: absolute;
	top: 2px;
	right: 2px
}

.l-class-group-course-bottom-right .course .course-item .course-title .complete .circle {
	background: #fff
}

.l-class-group-course-bottom-right .course .course-item .course-title .name {
	display: inline-block;
	margin-left: 20px;
	margin-right: 18px;
	width: 50px
}

.l-class-group-course-bottom-right .course .course-item .course-title .time {
	float: right
}

.l-container-graduate-modal li {
	color: #999;
	font-size: 12px
}

.l-container-graduate-modal .bottom {
	margin-top: 40px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.l-container-graduate-modal .bottom .btn {
	width: 144px;
	height: 48px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	border-radius: 4px;
	font-size: 16px;
	color: #fff
}

.l-container-graduate-modal .bottom .btn:first-child {
	margin-right: 40px
}

.l-class-group-home-work-bottom-right {
	width: 880px;
	float: right
}

.l-class-group-home-work-bottom-right header {
	height: 108px;
	border-bottom: 1px solid #eee
}

.l-class-group-home-work-bottom-right header .update {
	float: right;
	margin-top: 24px;
	margin-right: 60px;
	text-align: right
}

.l-class-group-home-work-bottom-right header .update .rebuild-btn {
	width: 50px;
	height: 40px;
	font-size: 16px;
	color: #2eb8d0
}

.l-class-group-home-work-bottom-right header .update-btn {
	width: 120px;
	height: 40px;
	background: #eee;
	border-radius: 4px;
	font-size: 16px;
	color: #999
}

.l-class-group-home-work-bottom-right header .update-btn.active {
	color: #fff;
	background: -webkit-gradient(linear,left top,right top,from(#5bddea),to(#2eb8d0));
	background: linear-gradient(90deg,#5bddea,#2eb8d0)
}

.l-class-group-home-work-bottom-right header .update-btn.can-reset {
	background: #f8feff;
	color: #2eb8d0;
	border: 1px solid #2eb8d0
}

.l-class-group-home-work-bottom-right header .remain-time {
	font-size: 12px;
	color: #999;
	margin-top: 8px
}

.l-class-group-home-work-bottom-right .my-class {
	width: 832px;
	margin: 24px auto
}

.l-class-group-home-work-bottom-right .my-class button {
	width: 832px;
	height: 38px;
	background: #fff9f3;
	font-size: 14px;
	color: #ff931c
}

.l-class-group-home-work-bottom-right .home-work {
	width: 832px;
	margin: 0 auto
}

.l-class-group-home-work-bottom-right .home-work .home-work-item {
	width: 832px;
	min-height: 177px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 24px;
	background: #f5f5fa;
	border-radius: 4px;
	margin-bottom: 24px
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .header {
	padding-bottom: 10px;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #eee
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .header .title a {
	font-size: 16px;
	color: #1a1a1a
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .header .reserve-wrap {
	clear: both;
	margin-top: 10px
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .header .reserve {
	width: 477px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .header .reserve a {
	font-size: 12px;
	color: #999
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .header .view-detail,.l-class-group-home-work-bottom-right .home-work .home-work-item .header .view-detail .iconfont {
	font-size: 12px;
	color: #2eb8d0
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .header .level {
	height: 48px;
	width: 48px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	font-size: 12px;
	color: #999
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .header .level img {
	width: 22px;
	height: 30px
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .bottom {
	position: relative;
	min-height: 52px
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .bottom .title {
	margin: 8px 0
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .bottom .title a {
	font-size: 12px;
	color: #999
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .bottom .list li {
	margin-bottom: 12px
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .bottom .list .list-item {
	width: 325px;
	height: 28px;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7px 12px;
	position: relative;
	margin-right: 12px;
	float: left
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .bottom .list .list-item .detail {
	width: 223px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #1a1a1a;
	height: 14px;
	line-height: 14px
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .bottom .list .list-item .time {
	font-size: 12px;
	color: #999;
	position: absolute;
	top: 4px;
	right: 12px
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .bottom .list .score {
	font-size: 14px;
	color: #999;
	line-height: 28px
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .bottom .show-more {
	width: 325px;
	text-align: center;
	font-size: 12px;
	color: #2eb8d0;
	cursor: pointer
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .bottom .show-more .icon-pc-shangyige:before,.l-class-group-home-work-bottom-right .home-work .home-work-item .bottom .show-more .icon-pc-xiayige:before {
	font-size: 12px;
	display: inline-block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .bottom .btn-area {
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .bottom .btn-area .excellent {
	width: 80px;
	height: 28px;
	border-radius: 4px;
	border: 1px solid #ff931c;
	font-size: 12px;
	color: #ff931c;
	margin-right: 5px
}

.l-class-group-home-work-bottom-right .home-work .home-work-item .bottom .btn-area .go-submit {
	width: 80px;
	height: 28px;
	background: #2eb8d0;
	border-radius: 4px;
	font-size: 12px;
	color: #fff
}

.l-class-group-note-bottom-right {
	min-height: 300px;
	width: 880px;
	float: right
}

.l-class-group-note-bottom-right header {
	height: 62px;
	line-height: 62px;
	border-bottom: 1px solid #eee;
	position: relative
}

.l-class-group-note-bottom-right header .label {
	display: inline-block;
	margin-left: 24px;
	font-size: 16px;
	color: #666
}

.l-class-group-note-bottom-right header .type {
	display: inline-block;
	font-size: 16px;
	color: #666
}

.l-class-group-note-bottom-right header .type li {
	display: inline-block;
	margin-left: 20px;
	cursor: pointer
}

.l-class-group-note-bottom-right header .type .active {
	color: #2eb8d0
}

.l-class-group-note-bottom-right header .search {
	width: 220px;
	height: 30px;
	position: absolute;
	right: 24px;
	top: 16px
}

.l-class-group-note-bottom-right header .search input {
	width: 172px;
	height: 30px;
	outline: none;
	border-radius: 4px 0 0 4px;
	border: 1px solid #ccc;
	border-right: none;
	float: left;
	background: #f5f5fa;
	color: #999;
	padding-left: 12px
}

.l-class-group-note-bottom-right header .search input::-webkit-input-placeholder {
	color: #999
}

.l-class-group-note-bottom-right header .search input:-moz-placeholder,.l-class-group-note-bottom-right header .search input::-moz-placeholder {
	color: #999
}

.l-class-group-note-bottom-right header .search input:-ms-input-placeholder {
	color: #999
}

.l-class-group-note-bottom-right header .search button {
	width: 48px;
	height: 30px;
	line-height: 30px;
	background: #2eb8d0;
	border-radius: 0 4px 4px 0;
	font-size: 12px;
	color: #fff;
	float: left
}

.l-class-group-note-bottom-right .note-main .note {
	padding-bottom: 20px
}

.l-class-group-note-bottom-right .note-main .note .note-item {
	width: 852px;
	min-height: 214px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 40px
}

.l-class-group-note-bottom-right .note-main .note .note-item .left {
	width: 84px;
	min-height: 174px;
	display: inline-block;
	float: left
}

.l-class-group-note-bottom-right .note-main .note .note-item .left .person-note-item-face-img {
	width: 60px;
	height: 60px;
	border-radius: 60px
}

.l-class-group-note-bottom-right .note-main .note .note-item .right {
	width: 768px;
	min-height: 174px;
	display: inline-block;
	border-bottom: 1px solid #eee
}

.l-class-group-note-bottom-right .note-main .note .note-item .right .user {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	color: #1a1a1a;
	margin-right: 12px
}

.l-class-group-note-bottom-right .note-main .note .note-item .right .user .time {
	font-size: 12px;
	color: #999
}

.l-class-group-note-bottom-right .note-main .note .note-item .right .title-right {
	float: right
}

.l-class-group-note-bottom-right .note-main .note .note-item .right .title-right span {
	display: inline-block;
	margin-left: 24px;
	height: 12px;
	line-height: 12px;
	color: #999;
	cursor: pointer;
	font-size: 12px
}

.l-class-group-note-bottom-right .note-main .note .note-item .right .title-right span .iconfont {
	font-size: 12px;
	margin-right: 2px
}

.l-class-group-note-bottom-right .note-main .note .note-item .right .title-right span img {
	width: 12px;
	height: 12px;
	float: left;
	margin-right: 2px;
	cursor: pointer
}

.l-class-group-note-bottom-right .note-main .note .note-item .right .title-right .collect {
	color: #2eb8d0
}

.l-class-group-note-bottom-right .note-main .note .note-item .right textarea {
	width: 768px;
	height: 116px;
	background: #fff;
	border-radius: 4px 0 0 4px;
	border: 1px solid #ccc;
	resize: none
}

.l-class-group-note-bottom-right .note-main .note .note-item .right .edit-btn-area {
	height: 34px;
	line-height: 34px;
	margin: 12px 0;
	text-align: right
}

.l-class-group-note-bottom-right .note-main .note .note-item .right .edit-btn-area a {
	font-size: 16px;
	color: #999
}

.l-class-group-note-bottom-right .note-main .note .note-item .right .edit-btn-area button {
	width: 92px;
	height: 34px;
	float: right;
	background: #2eb8d0;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	margin-left: 10px
}

.l-class-group-note-bottom-right .total-introduce {
	height: auto;
	overflow: hidden;
	font-size: 14px;
	color: #666;
	text-align: justify;
	margin-top: 28px
}

.l-class-group-note-bottom-right .total-introduce .intro-content .merchant-desc {
	width: 100%;
	line-height: 21px;
	text-align: justify
}

.l-class-group-note-bottom-right .total-introduce .unfold {
	display: block;
	z-index: 11;
	float: right;
	width: 50px;
	height: 21px;
	text-align: left
}

.l-class-group-note-bottom-right .total-introduce .unfold p {
	margin: 0;
	line-height: 21px;
	color: #2eb8d0;
	cursor: pointer
}

.l-class-group-note-bottom-right .total-introduce .unfold p .icon-pc-shangyige:before,.l-class-group-note-bottom-right .total-introduce .unfold p .icon-pc-xiayige:before {
	font-size: 12px;
	display: inline-block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.l-class-group-note-bottom-right .detailed-introduce {
	font-size: 14px;
	color: #666;
	position: relative;
	overflow: hidden;
	margin-top: 28px
}

.l-class-group-note-bottom-right .detailed-introduce .intro-content {
	text-align: justify;
	max-height: 42px;
	line-height: 21px;
	word-wrap: break-word;
	word-break: break-all;
	background: #fff;
	color: #fff;
	overflow: hidden
}

.l-class-group-note-bottom-right .detailed-introduce .intro-content .merchant-desc {
	width: 100%;
	line-height: 21px
}

.l-class-group-note-bottom-right .detailed-introduce .intro-content:after,.l-class-group-note-bottom-right .detailed-introduce .intro-content:before {
	content: attr(title);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	color: #666;
	overflow: hidden
}

.l-class-group-note-bottom-right .detailed-introduce .intro-content:before {
	display: block;
	overflow: hidden;
	z-index: 1;
	max-height: 21px;
	background: #fff
}

.l-class-group-note-bottom-right .detailed-introduce .intro-content:after {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 42px;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-indent: -12em;
	padding-right: 4em
}

.l-class-group-note-bottom-right .detailed-introduce .intro-content .unfold {
	z-index: 11;
	width: 50px;
	height: 21px;
	outline: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: left
}

.l-class-group-note-bottom-right .detailed-introduce .intro-content .unfold p {
	margin: 0;
	line-height: 21px;
	color: #2eb8d0;
	cursor: pointer
}

.l-class-group-note-bottom-right .detailed-introduce .intro-content .unfold p .icon-pc-shangyige:before,.l-class-group-note-bottom-right .detailed-introduce .intro-content .unfold p .icon-pc-xiayige:before {
	font-size: 12px;
	display: inline-block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.l-class-group-note-bottom-right .course {
	margin-top: 20px;
	margin-bottom: 4px
}

.l-class-group-note-bottom-right .course a {
	font-size: 12px;
	color: #999
}

.l-class-group-note-bottom-right .Section {
	margin-bottom: 40px
}

.l-class-group-note-bottom-right .Section a {
	font-size: 12px;
	color: #999
}

.news-box-pc .box-top {
	position: relative;
	width: 1200px;
	height: 230px;
	margin: 24px auto;
	background: #fff
}

.news-box-pc .box-top .box-title {
	position: absolute;
	left: 260px;
	top: 36px;
	color: #1a1a1a;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px
}

.news-box-pc .box-top .box-image {
	position: absolute;
	left: 40px;
	top: 40px;
	width: 200px;
	height: 150px;
	overflow: hidden
}

.news-box-pc .box-top .box-image img {
	height: 100%
}

.news-box-pc .box-top .box-money {
	position: absolute;
	right: 40px;
	bottom: 45px;
	color: #ff931c;
	font-size: 24px;
	font-weight: 700
}

.news-box-pc .box-middle {
	width: 1200px;
	height: 690px;
	background: #fff;
	padding: 25px 40px
}

.news-box-pc .box-middle .period-box-name {
	color: #333;
	font-size: 16px;
	position: absolute;
	font-weight: 700;
	left: 30px;
	top: 19px
}

.news-box-pc .box-middle .period-box-num {
	position: absolute;
	top: 19px;
	right: 30px
}

.news-box-pc .box-middle .period-box-num .period-box-start {
	display: inline-block;
	margin-right: 10px;
	color: #aaa;
	font-size: 16px
}

.news-box-pc .box-middle .period-box-num .period-box-start span {
	color: #2eb8d0
}

.news-box-pc .box-middle .period-box-num .period-box-price {
	font-weight: 700;
	color: #ff931c;
	font-size: 16px
}

.news-box-pc .box-middle .period-box-info {
	position: absolute;
	left: 86px;
	top: 20px;
	font-size: 14px;
	color: #666
}

.news-box-pc .box-middle .box-tips {
	color: #999;
	font-size: 16px;
	margin-bottom: 24px
}

.l-splitpay-row-period {
	width: 1120px;
	height: 60px;
	position: relative;
	margin: 0 auto 24px;
	border: 1px solid #eee;
	border-radius: 4px
}

.l-splitpay-row-period .period-name {
	line-height: 18px;
	text-align: right
}

.l-splitpay-row-period .period-info {
	line-height: 18px;
	font-size: 16px
}

.l-splitpay-row-period .period-price {
	color: red;
	font-weight: 700
}

.l-splitpay-row-period .period-remark {
	font-size: 14px
}

.l-splitpay-row-period .period-start {
	font-size: 14px;
	color: #8d8d8d
}

.l-splitpay-row-period .period-pay-days {
	font-size: 16px;
	font-weight: 700
}

.btn-bottom {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.btn-bottom,.l-splitpay-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.l-splitpay-bottom {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 240px;
	height: 64px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(90deg,#7bdceb,#45b7d2);
	border-radius: 4px;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	font-weight: 700
}

.l-splitpay-class {
	text-align: center
}

.l-splitpay-class .l-splitpay-class-cover {
	border-radius: 4px;
	max-width: 500px
}

.l-splitpay-info {
	margin-top: 10px
}

.l-splitpay-amount {
	color: red;
	font-weight: 700
}

.l-splitpay-data {
	color: #2eb8d0;
	font-weight: 700
}

.l-splitpay-period {
	margin-top: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 15px 0
}

.l-splitpay-period .period-name {
	line-height: 18px;
	text-align: right
}

.l-splitpay-period .period-info {
	line-height: 18px;
	font-size: 16px
}

.l-splitpay-period .period-price {
	color: red;
	font-weight: 700
}

.l-splitpay-period .period-remark {
	font-size: 14px
}

.l-splitpay-period .period-start {
	font-size: 14px;
	color: #8d8d8d
}

.l-splitpay-period .period-pay-days {
	font-size: 16px;
	font-weight: 700
}

.l-splitpay-bottom {
	margin-top: 20px;
	text-align: center
}

.c-null-data-img-wrap {
	text-align: center
}

.c-null-data-img-wrap img {
	max-width: 100%
}

.c-null-data-img {
	font-size: 200px;
	color: #999;
	text-align: center
}

@media only screen and (max-width:800px) {
	.c-null-data-img {
		font-size: 90px
	}
}

.c-null-font {
	text-align: center;
	max-width: 80%;
	margin: 0 auto
}

.c-null-font span {
	font-size: 17px;
	color: #999
}

@media only screen and (max-width:800px) {
	.c-null-font span {
		font-size: 14px
	}
}

.c-img-loading {
	background: #999 url(../images/image-loading.ffc7d6e.png) no-repeat 50%;
	min-height: 100px;
	max-height: 100%!important
}

.c-common-loading-panel {
	min-height: 300px;
	text-align: center;
	padding: 100px 0
}

.c-common-loading-panel .loading-img {
	max-height: 100%;
	max-width: 100%;
	-webkit-animation: loading-img-animation .5s ease-in-out infinite;
	animation: loading-img-animation .5s ease-in-out infinite
}

@-webkit-keyframes loading-img-animation {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	25% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

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

	75% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes loading-img-animation {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	25% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

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

	75% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.c-common-loading-panel .loading-text {
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	margin-top: 5px
}

html {
	font-family: sans-serif;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

body {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	background-color: #fff
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block
}

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline;
	*display: inline;
	*zoom: 1
}

audio:not([controls]) {
	display: none;
	height: 0
}[hidden],template {
	display: none
}

a {
	background: transparent;
	text-decoration: none;
	color: #2eb8d0
}

a:active,a:hover {
	outline: 0
}

a:hover {
	color: #000
}

abbr[title] {
	border-bottom: 1px dotted
}

b,strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

mark {
	background: #ff0;
	color: rgba(0,0,0,.8)
}

small {
	font-size: 80%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic
}

svg:not(:root) {
	overflow: hidden
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

code,kbd,pre,samp {
	font-family: monospace,monospace;
	_font-family: courier new,monospace;
	font-size: 1em
}

button,input,optgroup,select,textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,select {
	text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible
}

button[disabled],html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox],input[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0;
	*margin-left: -7px
}

textarea {
	overflow: auto;
	resize: vertical
}

optgroup {
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,th {
	padding: 0
}

q {
	quotes: none
}

button,html,input,select,textarea {
	font-family: Helvetica Neue,Helvetica,Microsoft Yahei,Tahoma,sans-serif
}

blockquote,figure,form,h1,h2,h3,h4,h5,h6,p {
	margin: 0
}

dd,dl,li,ol,ul {
	margin: 0;
	padding: 0
}

ol,ul {
	list-style: none outside none
}

h1,h2,h3 {
	line-height: 2;
	font-weight: 400
}

h1 {
	font-size: 21px
}

h2 {
	font-size: 18.2px
}

h3 {
	font-size: 16.38px
}

h4 {
	font-size: 14px
}

h5,h6 {
	font-size: 11.9px;
	text-transform: uppercase
}

*,:after,:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.color-3399cc {
	color: #2eb8d0!important
}

.bg-color-3daadd {
	background-color: #2eb8d0!important
}

.bg-color-f4f4f4 {
	background-color: #f4f4f4!important
}

.bg-color-f8f8f8 {
	background-color: #f8f8f8!important
}

.bg-color-fafafa {
	background-color: #fafafa
}

.bg-color-fff {
	background-color: #fff!important
}

video::-internal-media-controls-download-button {
	display: none
}

video::-webkit-media-controls-enclosure {
	overflow: hidden
}

video::-webkit-media-controls-panel {
	width: calc(100% + 30px)
}[v-cloak] {
	visibility: hidden
}

.animated {
	-webkit-animation-duration: .5s!important;
	animation-duration: .5s!important;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.open-consult {
	cursor: pointer;
	position: relative
}

.open-consult .kefu-one {
	top: 10px;
	left: 40px;
	width: 18px;
	height: 18px
}

.open-consult .kefu-one,.open-consult .zixun-one {
	position: absolute;
	border-radius: 50%!important;
	background-color: red;
	color: #fff
}

.open-consult .zixun-one {
	top: -10px;
	left: 42px;
	width: 24px;
	height: 24px
}

body.el-loading-parent--hidden {
	overflow: visible!important;
	overflow: initial!important
}

.border-none {
	border: none
}

.not-border {
	border: 0!important
}

.pull-left {
	float: left
}

.pull-right {
	float: right
}

.position-relative {
	position: relative
}

.position-absolute {
	position: absolute
}

.space-normal {
	white-space: normal
}

.space-nowrap {
	white-space: nowrap
}

.bg-color-f1f1f1 {
	background-color: #f1f1f1
}

.bg-color-fff {
	background-color: #fff
}

.bg-color-f8f8f8 {
	background-color: #f8f8f8
}

.width-full {
	width: 100%!important
}

.width-95 {
	width: 95%!important
}

.width-80 {
	width: 80%!important
}

.height-full {
	height: 100%
}

.ele-block {
	display: block
}

.inline-block {
	display: inline-block;
	font-size: 19.2px;
	font-size: 1.2rem
}

.overHide {
	overflow: hidden
}

.viewer-title {
	font-size: 18px;
	line-height: 2;
	opacity: 1;
	color: #fff
}

.shadow {
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

@media screen and (min-width:500px) {
	.el-message {
		top: 30%!important
	}
}

@media screen and (max-width:500px) {
	.el-message {
		min-width: 80%!important;
		top: 20%!important
	}
}

@media screen and (max-width:500px) {
	.el-message-box {
		max-width: 80%!important
	}
}

a:hover {
	color: #2eb8d0
}

a:focus {
	outline: none
}

input::-ms-clear,input::-ms-reveal {
	display: none
}

button {
	cursor: pointer;
	border: none;
	padding: 0;
	margin: 0;
	background: none;
	text-align: center
}

button,button:active,button:hover,button:link,button:visited {
	outline: none
}

.ihvRvo {
	z-index: 1900!important
}

.ifKxRU {
	padding: 0!important;
	top: 200px!important
}

.u-fl {
	float: left
}

.u-fr {
	float: right
}

.u-clear {
	clear: both
}

.u-clearfix {
	zoom: 1;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.u-clearfix:after {
	content: "";
	display: block;
	clear: both
}

.u-banner-carousel--full {
	width: 100%;
	height: 490px;
	position: relative;
	overflow: hidden
}

.u-moulin-banner-carousel--full {
	width: 100%;
	height: 400px;
	position: relative;
	overflow: hidden
}

.u-banner-carousel--1200 {
	width: 1200px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	overflow: hidden
}

.u-banner-carousel--1200.l-rank {
	height: 380px
}

.u-banner-static--full,.u-banner-static--full img {
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
	height: auto
}

.c-btn {
	cursor: pointer;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
	background: #2eb8d0;
	color: #fff
}

.u-textarea {
	padding: 5px 10px;
	outline: none
}

.u-title-mark {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #2eb8d0;
	margin-right: 15px
}

.container,.l-container-wide {
	width: 1200px;
	margin: 0 auto
}

body,html {
	height: 100%
}

body {
	min-width: 1200px
}

#app {
	height: 100%
}

.el-carousel__item h3 {
	color: #475669;
	font-size: 18px;
	opacity: .75;
	margin: 0
}

.el-carousel__item:nth-child(2n) {
	background-color: #99a9bf
}

.el-carousel__item:nth-child(odd) {
	background-color: #d3dce6
}

.el-message {
	top: 10%!important
}

.login-icon {
	display: inline-block;
	width: 48px;
	height: 28px;
	background: url(../images/icon-gather-index.c4d3e8d.png) no-repeat 0 0;
	cursor: pointer
}

.login-icon:hover {
	background-position: -68px 0
}

.register-icon {
	display: inline-block;
	width: 48px;
	height: 28px;
	background: url(../images/icon-gather-index.c4d3e8d.png) no-repeat 0 -38px;
	cursor: pointer
}

.register-icon:hover {
	background-position: -68px -38px
}

.fl {
	float: left
}

.fr {
	float: right
}

.clear {
	clear: both
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	content: "";
	display: block;
	clear: both
}

a {
	cursor: pointer
}

input {
	outline: none
}

.omit-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.min-height-570 {
	min-height: 570px
}

.mt-10 {
	margin-top: 10px!important
}

.mt-20 {
	margin-top: 20px!important
}

.mt-30 {
	margin-top: 30px!important
}

.mt-40 {
	margin-top: 40px!important
}

.mt-50 {
	margin-top: 50px!important
}

.mt-60 {
	margin-top: 60px!important
}

.mt-70 {
	margin-top: 70px!important
}

.mt-80 {
	margin-top: 80px!important
}

.mt-90 {
	margin-top: 90px!important
}

.mt-100 {
	margin-top: 100px!important
}

.mt--45 {
	margin-top: -45px
}

.mb-10 {
	margin-bottom: 10px!important
}

.mb-20 {
	margin-bottom: 20px!important
}

.mb-30 {
	margin-bottom: 30px!important
}

.mb-40 {
	margin-bottom: 40px!important
}

.mb-60 {
	margin-bottom: 60px!important
}

.mb-80 {
	margin-bottom: 80px!important
}

.pt-0 {
	padding-top: 0!important
}

.pt-20 {
	padding-top: 20px!important
}

.pt-30 {
	padding-top: 30px!important
}

.pt-40 {
	padding-top: 40px!important
}

.pt-60 {
	padding-top: 60px!important
}

.pt-80 {
	padding-top: 80px!important
}

.pt-100 {
	padding-top: 100px!important
}

.pt-120 {
	padding-top: 120px!important
}

.pb-40 {
	padding-bottom: 40px!important
}

.pb-60 {
	padding-bottom: 60px
}

.pb-70 {
	padding-bottom: 70px
}

.pb-80 {
	padding-bottom: 80px
}

.pb-100 {
	padding-bottom: 100px
}

.pb-120 {
	padding-bottom: 120px
}

.pb-150 {
	padding-bottom: 150px
}

.pb-170 {
	padding-bottom: 170px
}

.pl-20 {
	padding-left: 20px
}

.mt-0 {
	margin-top: 0!important
}

.ml-0 {
	margin-left: 0!important
}

.ml-10 {
	margin-left: 10px!important
}

li :not(.list-with-style),ul {
	list-style: none
}

.pd-lt-rt-20 {
	padding: 0 20px
}

a[type=button]:hover {
	opacity: .8
}

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

.el-carousel {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.el-carousel .el-carousel__container {
	height: 100%!important
}

.el-carousel .el-carousel__item,.index-banners {
	text-align: center
}

.index-banners {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto
}

@media (min-width:1200px) {
	.index-banners {
		height: 400px
	}
}

.index-banners-item {
	position: absolute;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 100%
}

.index-banners-item&gt;a {
	display: block;
	height: 100%
}

@media (min-width:768px) {
	.index-banners-item {
		margin-left: -608.448px;
		width: 1216.896px
	}
}

@media (min-width:992px) {
	.index-banners-item {
		margin-left: -797.28px;
		width: 1594.56px
	}
}

@media (min-width:1200px) {
	.index-banners-item {
		margin-left: -960px;
		width: 1920px
	}
}

.nets-banners {
	width: 1200px;
	text-align: center;
	max-width: 1200px;
	height: 460px!important;
	margin: 0 auto;
	position: relative
}

.nets-banners .index-banners-item img {
	width: 100%;
	height: 100%;
	border-radius: 15px
}

.nets-banners .apply {
	position: absolute;
	bottom: 120px;
	left: 432px;
	z-index: 100000
}

.nets-banners .apply a {
	display: inline-block;
	border-radius: 8px;
	font-size: 17.86px;
	font-weight: 700;
	color: #fff;
	background: #2eb8d0;
	padding: 2px 30px
}

.nets-banners .apply a:first-child {
	margin-right: 10px
}

.breadcrumb {
	font-size: 12px;
	margin: 0 0 24px;
	padding-top: 40px
}

.breadcrumb li {
	display: inline-block;
	color: #999
}

.breadcrumb li a {
	color: #999
}

.breadcrumb li a:hover {
	color: #2eb8d0
}

.breadcrumb span {
	margin: 0 5px
}

.breadcrumb&gt;li+li:before {
	content: "&gt;";
	padding: 0 5px;
	color: #999
}

.breadcrumb .active,.breadcrumb .am-active {
	color: #666!important
}

.item-nav {
	background-color: #f4f4f4!important;
	margin-top: 20px!important;
	margin-bottom: 35px!important;
	width: 90%;
	position: relative
}

.item-nav li {
	float: left;
	margin-bottom: 20px;
	-webkit-box-flex: 0!important;
	-ms-flex: 0!important;
	flex: 0!important
}

.item-nav li a {
	display: inline!important;
	background: #b5b5b5!important;
	border-radius: 3px;
	font-size: 14px;
	color: #fff!important;
	margin-right: 10px;
	padding: 2px 5px
}

.item-nav .active a {
	background-color: #2eb8d0!important
}[data-am-widget=tabs] {
	margin: 0
}

.am-tabs-bd .am-tab-panel {
	padding: 0
}

.item-tabs {
	width: 100%
}

.item-tabs-nav {
	background-color: #f4f4f4;
	margin-top: 15px!important
}

.item-tabs-nav&gt;li {
	-webkit-box-flex: initial!important;
	-ms-flex: initial!important;
	flex: initial!important
}

.item-tabs-nav&gt;li a {
	display: inline!important;
	background: #b5b5b5!important;
	border-radius: 3px;
	font-size: 14px;
	color: #fff!important;
	margin-right: 10px;
	padding: 2px 5px
}

.item-tabs-nav&gt;.am-active a {
	background: #2eb8d0!important;
	color: #fff!important
}

.item-tabs-nav&gt;.am-active:after {
	content: "";
	height: 3px;
	display: block;
	margin: 0 auto
}

.title-subhead&gt;li a {
	font-size: 14px;
	color: #999
}

.item-title-more {
	display: inline-block;
	padding-top: 0;
	line-height: 64px
}

.item-title-more&gt;a {
	color: #2eb8d0;
	font-weight: 700;
	font-size: 14px
}

.article-title-more-active {
	color: #2eb8d0!important
}

.article-title {
	width: 1200px;
	border-radius: 5px;
	height: 60px;
	line-height: 60px
}

.article-title-text {
	width: 50%;
	display: inline-block;
	height: 100%
}

.article-title-text h2 {
	font-size: 24px;
	color: #333;
	font-weight: 400
}

.article-title-more .article-title-more-ul&gt;li {
	float: right;
	width: 74px
}

.article-title-more .article-title-more-ul&gt;li&gt;span {
	float: left
}

.article-title-more .article-title-more-ul&gt;li&gt;a {
	margin: 0 20px;
	color: #333;
	position: relative
}

.article-title-more {
	width: 50%;
	height: 100%;
	float: right;
	text-align: right
}

.drop-icon {
	position: absolute;
	top: 8px;
	right: -15px;
	display: inline-block;
	width: 9px;
	height: 6px;
	background: url(../images/icon-gather-classify.5ea1c9b.png) no-repeat 0 -95px
}

.drop-icon-button {
	cursor: pointer;
	position: relative;
	color: #333;
	display: inline;
	margin: 0 20px 0 0
}

.drop-menu {
	display: none;
	position: absolute;
	width: 85px;
	background: #fff;
	text-align: left;
	z-index: 200;
	border: 1px solid #e9e9e9;
	-webkit-box-shadow: 0 8px 16px 0 rgba(7,17,27,.2);
	box-shadow: 0 8px 16px 0 rgba(7,17,27,.2)
}

.drop-menu&gt;li {
	position: relative
}

.drop-menu&gt;li,.drop-menu&gt;li&gt;a {
	height: 30px;
	line-height: 30px
}

.drop-menu&gt;li.active,.drop-menu&gt;li:hover {
	background-color: #f4f4f4!important
}

.drop-menu&gt;li.active&gt;a {
	color: #29b723!important
}

.drop-menu&gt;li.active:after {
	position: absolute;
	top: 11px;
	right: 8px;
	display: inline-block;
	content: "";
	width: 12px;
	height: 8px;
	background: url(../images/icon-gather-classify.5ea1c9b.png) no-repeat 0 -75px
}

.drop-menu-top {
	width: 138px!important;
	right: 0;
	top: 49px;
	border: 1px solid #ccc
}

.drop-menu-period {
	top: 41px!important;
	right: -40px;
	width: 160px
}

.drop-menu-period&gt;li,.drop-menu-period&gt;li&gt;a {
	height: auto!important;
	line-height: 20px!important
}

.drop-menu-period&gt;li&gt;a {
	padding-left: 10px!important;
	font-size: 12px;
	width: 130px
}

.drop-menu-top&gt;li {
	font-size: 16px;
	color: #40454d;
	height: 40px!important;
	line-height: 40px!important
}

.drop-menu&gt;li&gt;a {
	display: block;
	padding-left: 20px;
	color: #333
}

.news-tip {
	width: 10px;
	height: 10px;
	top: -11px;
	left: 31px
}

.count-tip,.news-tip {
	background-color: #ff4000;
	color: #fff;
	border-radius: 50%;
	font-size: 12px;
	display: inline-block;
	position: relative
}

.count-tip {
	width: 20px;
	height: 20px;
	line-height: 20px;
	top: -1px;
	left: 2px
}

.count-tip,.help {
	text-align: center
}

.help {
	position: fixed;
	width: 106px;
	top: 50%;
	right: 10px;
	margin-top: -150px;
	z-index: 1000;
	background: hsla(0,0%,100%,.8);
	padding: 5px 0 0;
	border-radius: 4px
}

.help p {
	font-size: 14px;
	color: #2eb8d0;
	margin-bottom: 10px
}

.help .icon {
	width: 106px;
	height: 53px;
	margin-bottom: 5px;
	margin-top: 11px
}

.help .icon img {
	margin-left: -13px
}

.help .app-qr {
	margin-bottom: 10px
}

.help .app-qr img {
	width: 86px;
	height: 86px
}

.help .top-href {
	height: 50px;
	background-color: #2eb8d0;
	cursor: pointer;
	font-size: 14px;
	color: #fff;
	overflow: hidden
}

.help .top-href i {
	display: block;
	width: 22px;
	height: 12px;
	margin: 18px auto 3px;
	zoom: .7;
	background-image: url(../images/a7c4caacf2834f7ea3b02e0260ff62e4.gif)
}

.red-star {
	color: red!important
}

.m-messageWrap {
	top: 20%;
	text-align: center;
	z-index: 10000;
	padding: 0 35%;
	background-color: transparent
}

.m-messageWrap,.popup {
	position: fixed;
	left: 0;
	right: 0
}

.popup {
	cursor: pointer;
	width: 755px;
	height: 315px;
	margin: auto;
	top: 0;
	bottom: 0;
	z-index: 1000
}

.popup-close {
	cursor: pointer;
	position: absolute;
	top: 40px;
	right: 30px;
	width: 40px;
	height: 40px
}

.item {
	width: 100%;
	position: relative
}

.item-title span {
	display: inline-block;
	width: 10px;
	background-color: #2eb8d0;
	height: 35px;
	margin-right: 15px;
	margin-top: 17px
}

.item-title .item-title-name {
	font-size: 32px;
	color: rgba(0,0,0,.8);
	font-weight: 700
}

.item-title p {
	display: inline-block;
	font-size: 14px;
	color: #5d5d5d;
	margin-left: 15px;
	line-height: 65px
}

.am-tabs-bd {
	border: none;
	width: 100%
}

.insert-ul li p {
	line-height: 18px;
	color: #fff!important
}

.el-dialog__wrapper::-webkit-scrollbar {
	display: none
}

.viewer-open {
	overflow: visible!important
}

.load-more {
	width: 100%;
	font-size: 16px;
	color: #999;
	padding: 24px 0;
	text-align: center;
	cursor: pointer
}

.load-more a {
	color: #999
}

.load-more:hover {
	color: #2eb8d0
}

.u-load-more {
	width: 100%;
	font-size: 16px;
	color: #999;
	padding: 24px 0;
	text-align: center;
	cursor: pointer
}

.u-load-more a {
	color: #999
}

.u-load-more:hover {
	color: #2eb8d0
}

.viewer-button {
	right: 404px;
	top: 18px;
	width: 29px;
	height: 29px;
	line-height: 29px;
	border-radius: 0
}

.viewer-button,.viewer-button:hover {
	background: none
}

.viewer-close {
	font-size: 29px;
	font-family: iconfont!important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.viewer-close:before {
	bottom: auto;
	left: auto;
	background: none;
	width: auto;
	height: auto;
	color: #fff;
	font-size: 29px;
	line-height: 29px;
	content: "\E642;"
}

.viewer-title {
	display: none
}

.viewer-toolbar&gt;ul&gt;li {
	width: 32px;
	height: 32px;
	margin: 6px;
	color: #fff;
	font-size: 14px;
	font-family: iconfont!important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative
}

.viewer-toolbar&gt;ul&gt;li:before {
	width: 14px;
	height: 14px;
	font-size: 14px;
	background: none;
	color: #fff;
	position: absolute;
	top: 16px;
	left: 9px;
	margin: 0 auto
}

.viewer-toolbar&gt;ul&gt;.viewer-large {
	width: 40px;
	height: 40px;
	margin-top: 2px
}

.viewer-navbar {
	margin-bottom: 20px;
	background: none
}

.viewer-list {
	height: 80px
}

.viewer-list .viewer-active {
	border: 4px solid #2eb8d0
}

.viewer-list&gt;li {
	width: 80px;
	height: 80px
}

.viewer-zoom-in:before {
	content: "\E673"
}

.viewer-zoom-out:before {
	content: "\E66C"
}

.viewer-one-to-one:before {
	content: "\E672"
}

.viewer-reset:before {
	content: "\E670"
}

.viewer-prev:before {
	content: "\E675"
}

.viewer-play:before {
	content: "\E66E"
}

.viewer-next:before {
	content: "\E674"
}

.viewer-rotate-left:before {
	content: "\E66F"
}

.viewer-rotate-right:before {
	content: "\E665"
}

.viewer-flip-horizontal:before {
	content: "\E66D"
}

.viewer-flip-vertical:before {
	content: "\E671"
}

.c-qwk--button {
	margin: 0;
	padding: 0;
	border-radius: 4px;
	border: 0;
	outline: none
}

.qwk--button--small {
	height: 30px;
	width: 80px;
	font-size: 12px
}

.qwk--button--medium {
	height: 40px;
	width: 120px;
	font-size: 16px
}

.qwk--button--large {
	height: 64px;
	width: 240px;
	font-size: 18px;
	font-weight: 700
}

.qwk--button--primary {
	border: 1px solid #2eb8d0;
	background: #f8feff;
	color: #2eb8d0
}

.qwk--button--primary:hover {
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(left,#7bdceb,#45b7d2);
	color: #fff
}

.qwk--button--success {
	background: #2eb8d0;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(left,#7bdceb,#45b7d2);
	color: #fff
}

.qwk--button--success:hover {
	background: #2eb8d0;
	color: #fff
}

.qwk--button--warning {
	border: 1px solid #e6a23c;
	background: #fff;
	color: #e6a23c
}

.qwk--button--warning:hover {
	background: #e6a23c;
	color: #fff
}

.qwk--button--info {
	border: 1px solid #ccc;
	background: #fff;
	color: #666
}

.qwk--button--info:hover {
	border: 1px solid #ccc;
	background: #f4f4f4;
	color: #666
}

.qwk--button--txt {
	border: 0;
	background: transparent;
	color: #999
}

.qwk--button--is-loading {
	opacity: .5
}

.qwk--button--is-disable {
	background: #eee;
	color: #999
}

.c-qwk--title {
	margin-bottom: 18px
}

.qwk--title--bottom--line {
	font-size: 22px;
	font-weight: 700;
	color: #1a1a1a
}

.qwk--title--bottom--line span {
	position: relative;
	z-index: 0
}

.qwk--title--bottom--line span:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 100%;
	height: 4px;
	background: -webkit-gradient(linear,left top,right top,from(#7bdceb),to(#45b7d2));
	background: linear-gradient(left,#7bdceb,#45b7d2);
	content: "";
	z-index: -1
}

.qwk--title--left--line {
	font-size: 20px;
	color: #1a1a1a
}

.qwk--title--left--line span {
	position: relative
}

.qwk--title--left--line span:before {
	display: block;
	position: absolute;
	left: -12px;
	top: 5px;
	width: 4px;
	height: 20px;
	background: #2eb8d0;
	content: ""
}

.c-basic-dialog .el-dialog__header {
	width: 100%;
	height: 64px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
	line-height: 64px;
	text-align: center;
	padding: 0
}

.c-basic-dialog .el-dialog__header .el-dialog__title {
	font-size: 24px;
	color: #999
}

.c-basic-dialog .el-dialog__header .el-dialog__headerbtn {
	top: 0
}

.c-basic-dialog .el-dialog__body {
	padding: 0;
	overflow: hidden
}

.qwk--tabs--big .el-tabs__header {
	margin-bottom: 0
}

.qwk--tabs--big .el-tabs__header .el-tabs__nav-wrap:after {
	height: 1px
}

.qwk--tabs--big .el-tabs__nav-scroll {
	height: 68px;
	padding-left: 30px
}

.qwk--tabs--big .el-tabs__nav-scroll .el-tabs__nav {
	height: 68px
}

.qwk--tabs--big .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item {
	height: 68px;
	line-height: 68px;
	font-size: 16px;
	color: #666
}

.qwk--tabs--big .el-tabs__nav-scroll .el-tabs__nav .is-active {
	color: #2eb8d0;
	font-weight: 700
}</pre></body></html>