.slide-wrapper{
	margin-bottom: 110px;
}
#common-wrapper{
	width: 100%;
	height: 520px;
	position: relative;
}
.common-img img{
	display: block;
	width: 100%;
}
.common-intro{
	position: absolute;
	width: 900px;
	padding: 40px;
	bottom: -110px;
	left: 50%;
	margin-left: -490px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px 1px rgba(0,0,0,.1);
}
.common-intro p{
	font-size: 18px;
	color: #221815;
	line-height: 35px;
	text-align: justify;
}
.common-item:nth-of-type(even){
	background-color: #fff;
}
.common-area{
	width: 1180px;
	padding: 40px 10px;
	margin: 0 auto;
}
.common-header{
	text-align: center;
}
.common-header>h1{
	font-size: 30px;
	height: 72px;
	font-weight: 500;
	line-height: 100px;
	margin-bottom: 5px;
}
.purpose .common-header>h1{
	background: -webkit-linear-gradient(340deg, #222, #222 48%, #e42621 48%, #e42621 100%);
	background: -o-linear-gradient(340deg, #222, #222 48%, #e42621 48%, #e42621 100%);
	background: -moz-linear-gradient(340deg, #222, #222 48%, #e42621 48%, #e42621 100%);
	background: linear-gradient(340deg, #222, #222 48%, #e42621 48%, #e42621 100%);
	-webkit-background-clip: text;
	-o-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-o-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent;
}
.common-header>p{
	color: #464545;
}
.common-header .given,.common-header .perfect{
	margin-top: 5px;
}
.common-content{
	margin-top: 20px;
}
.purpose .common-content{
	display: flex;
	justify-content: center;
}
.content-list{
	width: 220px;
	margin: 0 55px;
}
.content-img{
	width: 113px;
	height: 104px;
	margin: 0 auto;
}
.content-img img{
	display: block;
}
.content-desc{
	text-align: center;
	margin-top: 20px;
}
.content-desc h4{
	font-size: 20px;
	color: #222;
	font-weight: 500;
}
.content-desc p{
	margin-top: 10px;
	color: #221815;
}
/*近期课程*/
.recent{
	width: 1200px;
	padding: 40px 0;
}
.recent .common-header>h1{
	background: -webkit-linear-gradient(340deg, #615377, #615377 48%, #ff9054 48%, #ff9054 100%);
	background: -o-linear-gradient(340deg, #615377, #615377 48%, #ff9054 48%, #ff9054 100%);
	background: -moz-linear-gradient(340deg, #615377, #615377 48%, #ff9054 48%, #ff9054 100%);
	background: linear-gradient(340deg, #615377, #615377 48%, #ff9054 48%, #ff9054 100%);
	-webkit-background-clip: text;
	-o-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-o-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent;
}
/*立即报名*/
/*项目特色*/
.special .common-header>h1{
	background: -webkit-linear-gradient(340deg, #464545, #464545 48%, #54a0ff 48%, #54a0ff 100%);
	background: -o-linear-gradient(340deg, #464545, #464545 48%, #54a0ff 48%, #54a0ff 100%);
	background: -moz-linear-gradient(340deg, #464545, #464545 48%, #54a0ff 48%, #54a0ff 100%);
	background: linear-gradient(340deg, #464545, #464545 48%, #54a0ff 48%, #54a0ff 100%);
	-webkit-background-clip: text;
	-o-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-o-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent;
}
.special .common-content,.about .common-content{
	width: 1030px;
	margin: 20px auto 0;
	border-radius: 5px;
	overflow: hidden;
}
.special-wrapper,.about-wrapper{
	float: left;
	width: 555px;
	height: 370px;
	overflow: hidden;
	position: relative;
}
.special-vp,.about-vp{
	width: 100%;
	height: 100%;
}
.vp-list{
	float: left;
	width: 555px;
	height: 100%;
}
.vp-list img{
	display: block;
	width: 100%;
	height: 100%;
}
.special-desc,.about-desc{
	float: left;
	color: #fff;
}
.special-desc{
	width: 425px;
	height: 310px;
	padding: 30px 25px;
	background-color: #e94a46;
}
.about-desc{
	width: 425px;
	height: 370px;
	padding: 0 25px;
	background-color: #6aca5a;
}
.vp-items{
	width: 110px;
	position: absolute;
	bottom: 20px;
	left: 50%;
}
.vp-item{
	float: left;
	margin: 0 8px;
	width: 6px;
	height: 6px;
	background-color: #000;
	border-radius: 6px;
}
.vp-active{
	position: relative;
}
.vp-active:before{
	display: block;
	content: "";
	width: 18px;
	height: 100%;
	background-color: #000;
	border-radius: 6px;
	position: absolute;
	left: -6px;
	top: 0;
}
.desc-name{
	font-size: 30px;
	height: 35px;
	line-height: 35px;
	padding: 25px 0;
	font-weight: normal;
	position: relative;
}
.desc-name:after{
	display: block;
	content: "";
	width: 27px;
	height: 5px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: -5px;
}
.special-desc p,.about-desc p{
	font-size: 16px;
	line-height: 32px;
}
.special-desc p{
	margin-top: 25px;
}
.about-desc p{
	margin-top: 20px;
}
/*往期回顾*/
.review .common-header>h1{
	background: -webkit-linear-gradient(340deg, #493b41, #493b41 48%, #8fdb6d 48%, #8fdb6d 100%);
	background: -o-linear-gradient(340deg, #493b41, #493b41 48%, #8fdb6d 48%, #8fdb6d 100%);
	background: -moz-linear-gradient(340deg, #493b41, #493b41 48%, #8fdb6d 48%, #8fdb6d 100%);
	background: linear-gradient(340deg, #493b41, #493b41 48%, #8fdb6d 48%, #8fdb6d 100%);
	-webkit-background-clip: text;
	-o-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-o-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent;
}
.review{
	padding: 40px 0;
}
.review .common-content{
	overflow: hidden;
	position: relative;
}
.review-wrapper{
	height: 220px;
}
.review-item{
	border-radius: 5px;
	overflow: hidden;
}
.review-item img{
	display: block;
	width: 100%;
	height: 100%;
}
/*行程咨询*/
.travel .common-header>h1{
	background: -webkit-linear-gradient(340deg, #493b41, #493b41 48%, #8849df 48%, #8849df 100%);
	background: -o-linear-gradient(340deg, #493b41, #493b41 48%, #8849df 48%, #8849df 100%);
	background: -moz-linear-gradient(340deg, #493b41, #493b41 48%, #8849df 48%, #8849df 100%);
	background: linear-gradient(340deg, #493b41, #493b41 48%, #8849df 48%, #8849df 100%);
	-webkit-background-clip: text;
	-o-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-o-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent;
}
.travel .common-content{
	display: flex;
	justify-content: center;
}
.contact-item{
	float: left;
	width: 470px;
	height: 156px;
	border-radius: 5px;
	margin: 0 50px;
	padding: 40px 0;
	box-shadow: 0 0 15px 1px rgba(0,0,0,.1);
	background-color: #fff;
}
.yy-logo{
	float: left;
	width: 125px;
	height: 125px;
	padding: 15px 40px 16px;
}
.contact-ways{
	float: left;
	height: 100%;
	border-left: 1px solid #d7d7d7;
	padding-left: 20px;
	color: #221815;
}
.contact-ways p{
	height: 31px;
	line-height: 31px;
}
.contact-ways p span{
	display: inline-block;
	float: left;
	height: 100%;
}
.contact-way{
	width: 70px;
	text-align: justify;
}
/*远程直播-课程特色*/
.course-features{
	width: 1160px;
	padding: 40px 20px;
}
.course-features .common-header>h1{
	background: -webkit-linear-gradient(340deg, #222, #222 48%, #e42621 48%, #e42621 100%);
	background: -o-linear-gradient(340deg, #222, #222 48%, #e42621 48%, #e42621 100%);
	background: -moz-linear-gradient(340deg, #222, #222 48%, #e42621 48%, #e42621 100%);
	background: linear-gradient(340deg, #222, #222 48%, #e42621 48%, #e42621 100%);
	-webkit-background-clip: text;
	-o-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-o-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent;
}
.features-item{
	float: left;
	width: 530px;
	margin: 0 100px 30px 0;
}
.features-item:nth-of-type(even){
	margin-right: 0;
}
.features-img{
	float: left;
	margin-right: 20px;
}
.features-wrapper{
	padding-top: 100px;
}
.features-wrapper h3{
	font-size: 20px;
	color: #222;
	font-weight: normal;
	margin-bottom: 10px;
}
.features-wrapper p{
	font-size: 16px;
	line-height: 25px;
	color: #221815;
}
/*关于课程*/
.about .common-header>h1{
	background: -webkit-linear-gradient(340deg, #464545, #464545 48%, #54a0ff 48%, #54a0ff 100%);
	background: -o-linear-gradient(340deg, #464545, #464545 48%, #54a0ff 48%, #54a0ff 100%);
	background: -moz-linear-gradient(340deg, #464545, #464545 48%, #54a0ff 48%, #54a0ff 100%);
	background: linear-gradient(340deg, #464545, #464545 48%, #54a0ff 48%, #54a0ff 100%);
	-webkit-background-clip: text;
	-o-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-o-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent;
}
/*课程费用*/
#free-wrapper{
	background-color: transparent;
}
.free .common-header>h1{
	background: -webkit-linear-gradient(340deg, #464545, #464545 48%, #6aca5a 48%, #6aca5a 100%);
	background: -o-linear-gradient(340deg, #464545, #464545 48%, #6aca5a 48%, #6aca5a 100%);
	background: -moz-linear-gradient(340deg, #464545, #464545 48%, #6aca5a 48%, #6aca5a 100%);
	background: linear-gradient(340deg, #464545, #464545 48%, #6aca5a 48%, #6aca5a 100%);
	-webkit-background-clip: text;
	-o-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-o-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent;
}
.free .common-content{
	display: flex;
	justify-content: center;
}
#direc-broadcast{
	
}
/*课程设置*/
.settings{
	width: 1200px;
}
.settings .common-header>h1{
	background: -webkit-linear-gradient(340deg, #615377, #615377 48%, #ff9054 48%, #ff9054 100%);
	background: -o-linear-gradient(340deg, #615377, #615377 48%, #ff9054 48%, #ff9054 100%);
	background: -moz-linear-gradient(340deg, #615377, #615377 48%, #ff9054 48%, #ff9054 100%);
	background: linear-gradient(340deg, #615377, #615377 48%, #ff9054 48%, #ff9054 100%);
	-webkit-background-clip: text;
	-o-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-o-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent;
}
.settings-item{
	width: 880px;
	padding: 0 10px;
	margin: 0 auto 25px;
}
.settings-img{
	width: 340px;
	height: 340px;
	margin: 0 auto;
	background-color: #ccc;
}
.settings-img img{
	display: block;
	width: 100%;
	height: 100%;
}
.settings-wrapper{
	margin-top: 15px;
	text-align: center;
}
.settings-name{
	font-size: 20px;
	font-weight: normal;
}
.settings-desc{
	margin-top: 10px;
	line-height: 25px;
	color: #221815;
}
/*部分师资*/
.teachers{
	width: 1200px;
	padding: 40px 0;
}
.teachers .common-header>h1{
	background: -webkit-linear-gradient(340deg, #464545, #464545 48%, #54a0ff 48%, #54a0ff 100%);
	background: -o-linear-gradient(340deg, #464545, #464545 48%, #54a0ff 48%, #54a0ff 100%);
	background: -moz-linear-gradient(340deg, #464545, #464545 48%, #54a0ff 48%, #54a0ff 100%);
	background: linear-gradient(340deg, #464545, #464545 48%, #54a0ff 48%, #54a0ff 100%);
	-webkit-background-clip: text;
	-o-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-o-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent;
}
.teachers .common-content{
	margin-top: 30px;
	width: 1200px;
	overflow: hidden;
	position: relative;
}
.teachers-item{
	float: left;
	width: 220px;
	margin: 0 40px;
}
.teachers-img{
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 20px;
	-webkit-transition: box-shadow .3s linear;
    -moz-transition: box-shadow .3s linear;
    -o-transition: box-shadow .3s linear;
    transition: box-shadow .3s linear;
}
.teachers-name{
	font-size: 16px;
	color: #333;
	font-weight: normal;
	text-align: center;
	margin-bottom: 8px;
}
.teachers-intro{
	font-size: 14px;
	color: #222;
	text-align: center;
}
.teachers-item:hover .teachers-img{
	box-shadow: 0 3px 15px 1px rgba(0,0,0,.1);
}
.angle{
	display: block;
	width: 30px;
	height: 100%;
	position: absolute;
	cursor: pointer;
	background-position: center 80px;
	background-repeat: no-repeat;
	top: 0;
	display: none;
}
.angle-l{
	background-image: url(../images/angle-l.png);
	left: 0;
}
.angle-l:hover{
	background-image: url(../images/angle-l-active.png);
}
.angle-r{
	background-image: url(../images/angle-r.png);
	right: 0;
}
.angle-r:hover{
	background-image: url(../images/angle-r-active.png);
}
/*收听流程*/
.process .common-header>h1{
	background: -webkit-linear-gradient(340deg, #464545, #464545 48%, #6aca5a 48%, #6aca5a 100%);
	background: -o-linear-gradient(340deg, #464545, #464545 48%, #6aca5a 48%, #6aca5a 100%);
	background: -moz-linear-gradient(340deg, #464545, #464545 48%, #6aca5a 48%, #6aca5a 100%);
	background: linear-gradient(340deg, #464545, #464545 48%, #6aca5a 48%, #6aca5a 100%);
	-webkit-background-clip: text;
	-o-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-o-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent;
}
.process .common-content{
	width: 1030px;
	border-radius: 5px;
	margin: 20px auto 0;
	overflow: hidden;
}
.process-wrapper{
	float: left;
	width: 555px;
	height: 370px;
}
.process-wrapper img{
	display: block;
	width: 100%;
	height: 100%;
}
.process-desc{
	float: left;
	width: 425px;
	height: 370px;
	padding: 0 25px;
	background-color: #6aca5a;
	color: #fff;
}
.desc-name{
	font-size: 30px;
	height: 35px;
	line-height: 35px;
	padding: 25px 0;
	font-weight: normal;
	position: relative;
}
.desc-name:after{
	display: block;
	content: "";
	width: 27px;
	height: 5px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: -5px;
}
.process-desc p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 20px;
}
/*contact*/
#contact-item{
	background: url(../images/direc-broadcast-bg.png) center center no-repeat;
}
.contact .common-content{
	display: flex;
	justify-content: center;
}
.contact .common-header>h1{
	background: -webkit-linear-gradient(340deg, #464545, #464545 48%, #8849df 48%, #8849df 100%);
	background: -o-linear-gradient(340deg, #464545, #464545 48%, #8849df 48%, #8849df 100%);
	background: -moz-linear-gradient(340deg, #464545, #464545 48%, #8849df 48%, #8849df 100%);
	background: linear-gradient(340deg, #464545, #464545 48%, #8849df 48%, #8849df 100%);
	-webkit-background-clip: text;
	-o-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-o-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent;
}