.xst-hover[data-v-1507b76e]:hover {
	color:#00b783
}
.xst-mask[data-v-1507b76e] {
	position:relative
}
.xst-mask[data-v-1507b76e]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.bread-crumb[data-v-1507b76e] {
	line-height:50px
}
.bread-crumb .crumb[data-v-1507b76e] {
	font-size:14px;
	margin-right:5px;
	color:#999
}
.bread-crumb .crumb .a[data-v-1507b76e] {
	color:#666
}
.bread-crumb .crumb .a[data-v-1507b76e]:hover {
	color:#00b783
}
.bread-crumb .crumb:last-of-type .icon[data-v-1507b76e] {
	display:none
}
.xst-hover[data-v-3b1e5056]:hover {
	color:#00b783
}
.xst-mask[data-v-3b1e5056] {
	position:relative
}
.xst-mask[data-v-3b1e5056]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.xst-classes-index-header[data-v-3b1e5056] {
	position:relative;
	width:100%;
	height:285px;
	overflow:hidden;
	background:#fff
}
.xst-classes-index-header img[data-v-3b1e5056] {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)
}
.xst-classes-index-header .breadcrumb[data-v-3b1e5056] {
	position:absolute;
	height:40px;
	width:100%;
	z-index:10
}
.xst-classes-index-header .breadcrumb[data-v-3b1e5056] .bread-crumb {
	line-height:40px
}
.xst-classes-index-header .breadcrumb[data-v-3b1e5056] .bread-crumb .a, .xst-classes-index-header .breadcrumb[data-v-3b1e5056] .bread-crumb .crumb {
	color:#fff
}
.xst-classes-index-header .breadcrumb[data-v-3b1e5056] .bread-crumb .a, .xst-classes-index-header .breadcrumb[data-v-3b1e5056] .bread-crumb .crumb a{
	color:#fff
}
.xst-classes-index-header .breadcrumb[data-v-3b1e5056] .bread-crumb .a:hover {
	color:#00b783
}
.xst-classes-index-header .breadcrumb .breadcrumb-content[data-v-3b1e5056] {
	position:relative;
	width:1200px;
	left:50%;
	transform:translateX(-50%)
}
.xst-hover[data-v-d4524672]:hover {
	color:#00b783
}
.xst-mask[data-v-d4524672] {
	position:relative
}
.xst-mask[data-v-d4524672]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.xst-video-play[data-v-d4524672] {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	background:#000
}
.xst-img[data-v-d4524672] {
	position:absolute;
	top:0;
	width:100%;
	height:100%
}
.xst-video-box[data-v-d4524672] {
	height:100%;
	overflow:hidden
}
.vjs-poster {
	background-size:cover
}
.xst-hover[data-v-3d63a9f6]:hover {
	color:#00b783
}
.xst-mask[data-v-3d63a9f6] {
	position:relative
}
.xst-mask[data-v-3d63a9f6]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.xst-sys-class-info[data-v-3d63a9f6] {
	background:#fff;
	overflow:hidden
}
.xst-sys-class-info .info-content[data-v-3d63a9f6] {
	display:flex;
	width:1200px;
	margin:30px auto 60px
}
.xst-sys-class-info .info-content .video-introduce[data-v-3d63a9f6] {
	width:590px;
	height:332px;
	border-radius:6px;
	border:1px solid #eee;
	overflow:hidden
}
.xst-sys-class-info .info-content .sys-class-text[data-v-3d63a9f6] {
	position:relative;
	flex:1;
	padding:5px 48px 0 40px
}
.xst-sys-class-info .info-content .sys-class-text .title[data-v-3d63a9f6] {
	font-size:28px;
	margin-bottom:26px;
	color:#333;
	line-height:1.3;
	font-weight:500
}
.xst-sys-class-info .info-content .sys-class-text .synopsis[data-v-3d63a9f6] {
	position:relative;
	color:#666;
	font-size:16px;
	line-height:1.5;
	height:145px;
	max-width:545px;
	text-align:left;
	word-wrap:break-word;
	word-break:normal;
	overflow:hidden;
	font-weight:400
}
.xst-sys-class-info .info-content .sys-class-text .price[data-v-3d63a9f6] {
	margin-bottom:30px
}
.xst-sys-class-info .info-content .sys-class-text .price .now[data-v-3d63a9f6] {
	font-size:30px;
	margin-right:15px;
	font-weight:700;
	font-weight:500
}
.xst-sys-class-info .info-content .sys-class-text .price .old[data-v-3d63a9f6] {
	font-size:22px;
	color:#ccc
}
.xst-sys-class-info .info-content .sys-class-text .action[data-v-3d63a9f6] {
	position:absolute;
	bottom:0;
	margin-top:30px
}
.xst-sys-class-info .info-content .sys-class-text .action .action-btn[data-v-3d63a9f6] {
	min-width:200px;
	height:50px;
	margin-right:16px;
	padding-top:12px;
	padding-bottom:12px;
	font-size:20px;
	line-height:26px
}
.xst-sys-class-info .info-content .sys-class-text .action .action-btn.disabled[data-v-3d63a9f6] {
	background:#999;
	border:none
}
@media only screen and (max-width:1440px) {
.info-content[data-v-3d63a9f6] {
width:1000px
}
}
.xst-hover[data-v-e2d6e5f2]:hover {
	color:#00b783
}
.xst-mask[data-v-e2d6e5f2] {
	position:relative
}
.xst-mask[data-v-e2d6e5f2]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.course-map-block[data-v-e2d6e5f2] {
	display:inline-block;
	margin-bottom:16px
}
.course-map-block .clue[data-v-e2d6e5f2] {
	height:40px;
	text-align:center
}
.course-map-block .content[data-v-e2d6e5f2] {
	width:252px;
	height:232px
}
.course-map-block .content img[data-v-e2d6e5f2] {
	width:100%;
	height:100%
}
.bg-b .course-card-container {
	box-shadow:0 4px 10px rgba(0, 0, 0, .01)
}
.course-card-container {
	width:282px;
	background:#fff;
	border-radius:4px;
	box-shadow:0 4px 10px rgba(0, 0, 0, .05);
transition:all .3s
}
.course-card-container.hover:hover {
	transform:translateY(-6px);
	box-shadow:0 6px 10px rgba(0, 0, 0, .08)
}
.course-card-container .price-learn-number {
	margin-top:12px
}
.course-card-container.small {
	width:242px;
	height:206px
}
.course-card-container.small .cover-container {
	width:100%;
	height:141px
}
.course-card-container.small .details-wrap {
	padding:10px 15px
}
.course-card-container.small .details-wrap .main-title {
	font-size:15px
}
.course-card-container.small .details-wrap .price-learn-number {
	margin-top:0
}
.course-card-container.small .details-wrap .price-learn-number .price {
	font-size:13px;
	font-weight:400
}
.enlarge:hover .cover-container img {
	transform:translate(-50%, -50%) scale(1.2)
}
.play:hover .cover-container:after {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0, 0, 0, .4);
	z-index:2
}
.play:hover .cover-container .video-play {
	opacity:1;
	transform:scale(1)
}
.cover-container {
	width:100%;
	height:168px;
	position:relative;
	border-radius:4px 4px 0 0;
	overflow:hidden;
	box-sizing:border-box
}
.cover-container .img {
	transform:translate(-50%, -50%);
	z-index:1
}
.cover-container .img, .cover-container .img img {
	position:absolute;
	width:100%;
	height:100%;
	top:50%;
	left:50%
}
.cover-container .img img {
transition:transform .3s;
	transform:translate(-50%, -50%) scale(1)
}
.cover-container .video-play {
	opacity:0;
	position:absolute;
	top:55px;
	left:50%;
	margin-left:-24px;
	color:hsla(0, 0%, 100%, .8);
	z-index:3;
transition:all .3s;
	transform:scale(1.5)
}
.cover-container .total-hours {
	position:absolute;
	box-sizing:border-box;
	color:#fff;
	bottom:8px;
	right:8px;
	padding:6px;
	background:rgba(0, 0, 0, .5);
	border-radius:2px;
	z-index:1;
	font-size:13px
}
.cover-container .type {
	position:absolute;
	top:14px;
	left:0;
	padding:0 10px;
	height:24px;
	line-height:24px;
	border-radius:0 10px 10px 0;
	z-index:1;
	background:linear-gradient(180deg, #f8ab76, #f05f62)
}
.cover-container .type p {
	text-align:center;
	font-size:16px;
	color:#fff
}
.details-wrap {
	padding:16px 15px 10px 16px
}
.details-wrap .describe {
	margin-top:15px;
	margin-bottom:22px;
	font-size:13px;
	color:#666
}
.details-wrap .price-learn-number {
	display:flex;
	justify-content:space-between
}
.details-wrap .price-learn-number .free, .details-wrap .price-learn-number .red {
	color:#00b783;
	font-size:15px;
	font-weight:500
}
.details-wrap .price-learn-number .red {
	color:#eb5144
}
.details-wrap .price-learn-number .price {
	color:#eb5144;
	font-size:15px;
	font-weight:500
}
.details-wrap .price-learn-number .learn-number {
	font-size:12px;
	color:#999
}
.details-wrap .price-learn-number .college-name {
	font-size:14px;
	font-weight:400;
	color:#5c605f
}
@media only screen and (max-width:1440px) {
.course-card-container {
width:232px
}
.cover-container {
height:143px
}
}
.xst-hover[data-v-3f298d86]:hover {
	color:#00b783
}
.xst-mask[data-v-3f298d86] {
	position:relative
}
.xst-mask[data-v-3f298d86]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.user-info-container[data-v-3f298d86] {
	display:flex;
	align-items:center
}
.user-info-container .user-avatar-wrap[data-v-3f298d86] {
	width:22px;
	height:22px
}
.user-info-container .user-name[data-v-3f298d86] {
	flex:1;
	margin-left:10px;
	font-size:12px;
	color:#666
}
.xst-hover[data-v-68661390]:hover {
	color:#00b783
}
.xst-mask[data-v-68661390] {
	position:relative
}
.xst-mask[data-v-68661390]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.footer-wrap[data-v-68661390] {
	display:flex;
	margin-top:10px;
	align-items:center;
	justify-content:space-between
}
.footer-wrap .right.time[data-v-68661390] {
	color:#666
}
.course-card-container[data-v-68661390] {
	height:232px!important;
	width:252px!important
}
.course-card-container[data-v-68661390] .cover-container {
	height:154px!important
}
.course-card-container[data-v-68661390] .main-title-container {
	margin-top:2px
}
.xst-hover[data-v-ef0c34f6]:hover {
	color:#00b783
}
.xst-mask[data-v-ef0c34f6] {
	position:relative
}
.xst-mask[data-v-ef0c34f6]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.map[data-v-ef0c34f6] {
	width:100%;
	position:relative
}
.map canvas[data-v-ef0c34f6] {
	display:block
}
.map .content[data-v-ef0c34f6] {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1
}
.xst-hover[data-v-6b602603]:hover {
	color:#00b783
}
.xst-mask[data-v-6b602603] {
	position:relative
}
.xst-mask[data-v-6b602603]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.course-map-title[data-v-6b602603] {
	margin:0 auto;
	text-align:center
}
.course-map-title .text[data-v-6b602603] {
	display:inline-block;
	position:relative;
	font-size:30px;
	font-weight:500!important;
	text-align:center;
	font-weight:400
}
.course-map-title .spot[data-v-6b602603] {
	position:absolute;
	display:inline-block;
	height:30px;
	width:7px;
	border-radius:4px;
	background:#229d7a;
	transform:rotate(25deg);
	top:7px
}
.course-map-title .spot[data-v-6b602603]:first-of-type {
	left:-50px;
	opacity:.4
}
.course-map-title .spot[data-v-6b602603]:nth-of-type(2) {
left:-35px;
opacity:.7
}
.course-map-title .spot[data-v-6b602603]:nth-of-type(3) {
left:-20px;
opacity:.9
}
.course-map-title .spot[data-v-6b602603]:nth-of-type(4) {
right:-20px;
opacity:.9
}
.course-map-title .spot[data-v-6b602603]:nth-of-type(5) {
right:-35px;
opacity:.5;
opacity:.7
}
.course-map-title .spot[data-v-6b602603]:nth-of-type(6) {
right:-50px;
opacity:.4
}
.map-block, .xst-mask:after {
	position:absolute
}
.map-block img {
	width:100%
}
.xst-hover[data-v-85c1dcb2]:hover {
	color:#00b783
}
.xst-mask[data-v-85c1dcb2] {
	position:relative
}
.xst-mask[data-v-85c1dcb2]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.xst-sys-class-map[data-v-85c1dcb2] {
	position:relative;
	width:1200px;
	margin:0 auto;
	padding:60px 0
}
.xst-sys-class-map .map[data-v-85c1dcb2] {
	margin-top:60px
}
.xst-hover[data-v-a3a99838]:hover {
	color:#00b783
}
.xst-mask[data-v-a3a99838] {
	position:relative
}
.xst-mask[data-v-a3a99838]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.course-item[data-v-a3a99838] {
	width:100%;
	display:flex;
	justify-content:space-between;
	padding:18px 28px 18px 18px;
	box-sizing:border-box;
	height:230px;
	background:#fff;
	border:1px solid #eff1f1;
	box-shadow:0 4px 10px rgba(0, 0, 0, .05);
	border-radius:6px;
transition:all .3s
}
.course-item .cover-img[data-v-a3a99838] {
	width:320px;
	height:194px;
	margin-right:18px;
	overflow:hidden;
	border-radius:6px
}
.course-item .cover-img img[data-v-a3a99838] {
transition:all .3s;
	transform:scale(1);
	width:100%;
	height:100%
}
.course-item .cover-img:hover img[data-v-a3a99838] {
	transform:scale(1.2)
}
.course-item .content[data-v-a3a99838] {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:167px
}
.course-item .info[data-v-a3a99838] {
	width:calc(100% - 340px)
}
.course-item .info .course-name[data-v-a3a99838] {
	font-size:22px;
	line-height:28px;
	color:#333
}
.course-item .info .course-name[data-v-a3a99838]:hover {
	color:#00b783
}
.course-item .info .goal[data-v-a3a99838] {
	margin-top:20px;
	width:100%;
	background:#f5f6f6;
	border-radius:2px;
	padding:14px 16px;
	box-sizing:border-box;
	line-height:24px;
	color:#666;
	font-size:16px
}
.course-item .info .footer[data-v-a3a99838] {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	width:100%
}
.course-item .info .footer img[data-v-a3a99838] {
	width:30px;
	height:30px;
	border-radius:50%
}
.course-item .info .footer .teacher-name[data-v-a3a99838] {
	display:inline-block;
	font-size:16px;
	color:#606463;
	font-weight:400;
	vertical-align:top;
	margin-top:4px;
	margin-left:6px
}
.course-item .info .footer .btn[data-v-a3a99838] {
	width:105px;
	height:38px
}
.xst-hover:hover {
	color:#00b783
}
.xst-mask {
	position:relative
}
.xst-mask:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.xst-sys-class-list {
	width:1200px;
	margin:0 auto;
	padding:70px 0
}
.stage-list {
	position:relative;
	margin-top:50px
}
.stage-list .last-icon {
	position:absolute;
	left:124px;
	bottom:0;
	width:18px;
	height:18px;
	border-radius:50%;
	border:3px solid rgba(0, 183, 131, .63);
	background:#fff
}
.stage-list.easy {
	padding-left:0
}
.stage-list.easy .line-item {
	margin-left:0;
	padding-left:0;
	border-left:none
}
.stage-list .line-item {
	position:relative;
	margin-left:134px;
	box-sizing:border-box;
	border-left:4px solid rgba(0, 183, 131, .63);
	padding-left:66px;
	padding-bottom:24px
}
.stage-list .line-item:last-child {
	padding-bottom:0
}
.stage-list .line-item .spot-bg {
	position:absolute;
	top:-40px;
	left:-77px;
	display:block;
	width:150px;
	height:141px
}
.stage-list .line-item .spot {
	position:absolute;
	top:4px;
	left:-7px;
	color:#fff;
	font-size:16px;
	font-weight:700
}
.stage-list .line-item .date {
	position:absolute;
	top:1px;
	left:-136px;
	font-size:24px;
	font-weight:500;
	color:#00b783;
	width:96px;
	text-align:right
}
.stage-list .line-item .course-item {
	margin-bottom:24px
}
.stage-list .line-item .course-item:last-of-type {
	margin-bottom:0
}
.xst-hover[data-v-35953904]:hover {
	color:#00b783
}
.xst-mask[data-v-35953904] {
	position:relative
}
.xst-mask[data-v-35953904]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.swiper-box[data-v-35953904] {
	position:relative;
	width:100%;
	height:100%
}
.swiper-box .swiper-pagination[data-v-35953904] {
	position:absolute;
	width:100%;
	text-align:center;
transition:opacity .3s;
	transform:translateZ(0);
	z-index:10;
	bottom:20px
}
.swiper-box .swiper-pagination .swiper-pagination-bullet-custom[data-v-35953904] {
	display:inline-block;
	width:8px;
	height:8px;
	background:#fff;
	opacity:.5;
	border-radius:30px;
	transform:scale(1)!important;
	margin:0 5px;
	cursor:pointer
}
.swiper-box .swiper-pagination .swiper-pagination-bullet-custom.active[data-v-35953904] {
	width:20px;
	opacity:.8
}
.swiper-box .action-box[data-v-35953904] {
	position:absolute;
	width:100%;
	top:50%;
	transform:translateY(-50%)
}
.swiper-box .action-box .action[data-v-35953904] {
	position:absolute;
	width:28px;
	height:42px;
	transform:translateY(-50%);
	background:rgba(0, 0, 0, .2);
	border-radius:4px;
	line-height:42px;
	text-align:center;
	cursor:pointer
}
.swiper-box .action-box .action[data-v-35953904]:hover {
	background:rgba(0, 0, 0, .3)
}
.swiper-box .action-box .action .icon[data-v-35953904] {
	color:#fff
}
.swiper-box .action-box .action.action-left[data-v-35953904] {
	left:20px
}
.swiper-box .action-box .action.action-right[data-v-35953904] {
	right:20px
}
.xst-swiper[data-v-35953904] {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden
}
.xst-swiper .xst-swiper-box[data-v-35953904] {
	display:flex;
	width:100%;
	height:100%;
	transition-property:transform
}
.xst-hover[data-v-45872654]:hover {
	color:#00b783
}
.xst-mask[data-v-45872654] {
	position:relative
}
.xst-mask[data-v-45872654]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.largess-list[data-v-45872654] {
	width:100%;
	height:750px;
	padding-top:88px;
	box-sizing:border-box;
	background:url(../images/largess-bg.png) no-repeat;
	background-size:cover
}
.largess-list .box[data-v-45872654] {
	position:relative;
	width:1200px;
	margin:70px auto 0;
	padding:50px 0;
	background:hsla(0, 0%, 100%, .1);
	box-shadow:0 5px 60px rgba(0, 0, 0, .08)
}
.largess-list .box .list[data-v-45872654] {
	width:1000px;
	height:354px;
	margin:0 auto
}
.largess-list .box .list[data-v-45872654] .action-left {
	left:-80px!important
}
.largess-list .box .list[data-v-45872654] .action-right {
	right:-80px!important
}
.largess-list .box .list[data-v-45872654] .swiper-pagination {
	bottom:-25px
}
.largess-list .box .list[data-v-45872654] .swiper-pagination .swiper-pagination-bullet-custom {
	background:#00b783
}
.largess-list .course[data-v-45872654] {
	display:flex;
	width:1000px;
	height:354px;
	padding:23px 0;
	margin:0 auto;
	border-radius:4px;
	color:#333;
	text-align:left;
	box-sizing:border-box
}
.largess-list .course .img[data-v-45872654] {
	flex:1;
	width:528px;
	height:308px;
	margin-right:30px;
	border-radius:4px;
	overflow:hidden
}
.largess-list .course .img img[data-v-45872654] {
	width:100%;
	height:100%
}
.largess-list .course .info[data-v-45872654] {
	width:442px;
	position:relative;
	height:100%
}
.largess-list .course .t[data-v-45872654] {
	font-size:28px;
	font-weight:500;
	line-height:40px
}
.largess-list .course .footer[data-v-45872654] {
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	padding-top:5px;
	line-height:30px
}
.largess-list .course .footer .price[data-v-45872654] {
	color:#eb5144;
	font-size:30px;
	font-weight:500
}
.largess-list .course .footer .price.free[data-v-45872654] {
	color:#00b783
}
.largess-list .course .footer .tips[data-v-45872654] {
	font-size:22px;
	font-weight:400;
	color:#999
}
.xst-hover[data-v-50a8f2ac]:hover {
	color:#00b783
}
.xst-mask[data-v-50a8f2ac] {
	position:relative
}
.xst-mask[data-v-50a8f2ac]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.samll-class-bg[data-v-50a8f2ac] {
	height:520px;
	padding-top:60px;
	background-color:#2daf8f;
	background-image:url(../images/samll-class-bg.png);
	background-size:cover
}
.samll-class-bg[data-v-50a8f2ac] .course-map-title {
	color:#fff
}
.samll-class-bg[data-v-50a8f2ac] .course-map-title .spot {
	background:#fff
}
.samll-class-bg .video-list[data-v-50a8f2ac] {
	text-align:center;
	margin-top:50px
}
.samll-class-bg .video-list .video-item[data-v-50a8f2ac] {
	background:#000;
	display:inline-block;
	margin-right:40px;
	border-radius:3px;
	border:5px solid #37d0a4
}
.xst-hover[data-v-6de91e7c]:hover {
	color:#00b783
}
.xst-mask[data-v-6de91e7c] {
	position:relative
}
.xst-mask[data-v-6de91e7c]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.sys-content[data-v-6de91e7c] {
	padding-top:60px;
	overflow:hidden
}
.sys-content .xst-classes-content[data-v-6de91e7c] {
	width:1200px;
	margin:6px auto 44px;
	font-size:14px
}
.sys-content .xst-classes-content[data-v-6de91e7c] .image-wrap {
	font-size:0
}
.sys-content .pd[data-v-6de91e7c] {
	padding:36px 30px;
	background:#fff;
	border-radius:4px
}
.sys-content .default-img[data-v-6de91e7c] {
	display:block;
	margin-top:44px;
	max-width:100%
}
.sys-content[data-v-6de91e7c] img {
	max-width:100%
}
.xst-hover[data-v-d8880f44]:hover {
	color:#00b783
}
.xst-mask[data-v-d8880f44] {
	position:relative
}
.xst-mask[data-v-d8880f44]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.xst-class-sys-buy[data-v-d8880f44] {
	position:fixed;
	width:100%;
	bottom:0;
	background:#fff;
	z-index:1000;
	box-shadow:1px 1px 10px #ddd
}
.xst-class-sys-buy .xst-class-sys-box[data-v-d8880f44] {
	width:1200px;
	height:70px;
	margin:0 auto;
	line-height:70px
}
.xst-class-sys-buy .label[data-v-d8880f44] {
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	color:#666
}
.xst-class-sys-buy .price[data-v-d8880f44] {
	display:inline-block;
	vertical-align:middle;
	font-size:30px;
	color:#eb5144;
	font-weight:700
}
.xst-class-sys-buy .action-btn[data-v-d8880f44] {
	width:200px;
	margin-right:20px;
	padding-top:8px;
	padding-bottom:8px;
	font-size:20px;
	margin-top:12px;
	line-height:26px
}
.xst-class-sys-buy .action-btn.disabled[data-v-d8880f44] {
	background:#999;
	border:none
}
.xst-hover[data-v-34f5c5ad]:hover {
	color:#00b783
}
.xst-mask[data-v-34f5c5ad] {
	position:relative
}
.xst-mask[data-v-34f5c5ad]:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:4
}
.xst-classes-index[data-v-34f5c5ad] {
	position:relative
}
.xst-classes-index[data-v-34f5c5ad] .header-top {
	margin-top:50px;
	margin-bottom:25px
}