/*首页样式设置*/
.faculty{
	max-width: 1200px;
	display: block;
	margin: 0 auto;
	margin-top: 21px;
}
.faculty:after,.community:after,.course:after{
	clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;
}
.faculty ul{
	float: left;
	width: 240px;
	height: 300px;
	background: #FFFFFF;
	box-shadow: 0px 0px 5px 0px rgba(0, 162, 255, 0.1);
	border-radius: 5px;
	padding: 0 20px
}
.faculty ul li{
	height: 30px;
	width: 90px;
	text-align: center;
	line-height: 30px;
	vertical-align: top;
	float: left;
	margin-right: 20px;
	margin-top: 17px
}
.faculty ul li:nth-child(even){
	margin-right: 0
}
.faculty ul li a{
	display: block;
	height: 30px;
	width: 90px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	padding: 0 5px;
	background: #F0F3F7;
	border-radius: 5px;
	color: #4D4D4D;
	font-size: 14px;
}
.faculty ul li a:hover{
	color: #00A2FF
}



.faculty .banner{
	float: left;
	width: 945px;
	margin-left: 15px;
}
.faculty .banner img{
	display: block;
}

.banner .swiper-pagination-bullet {
    background: #fff !important;
    opacity: 1 !important;
    width: 10px !important;
    height: 10px !important;
}
.banner .swiper-pagination-bullet-active {
    background-color: #00A2FF !important;
    width: 24px !important;
    border-radius: 20px !important;
}
.category{
	width: 100%;
	background-color: #fff;
	border-bottom: solid 1px #fafafa;
}
.category ul{
	max-width: 1200px;
	display: flex;
	margin: 0 auto;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding-bottom: 15px
}
.category ul li {
    display: block;
    border: 0;
    width: 210px;
    text-align: center;
    margin: 20px 0;
    cursor: pointer;
}
.category ul li img {
    margin-bottom: -22%;
    width: 80px;
    height: 80px;
    border-radius: 50%
}
.category ul li .cateD {
    padding: 20px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 2px 6px 1px #f5f5f5;
    padding-top: 50px;
}
.category ul li .cateD p {
    font-size: 16px;
    color: #455245;
    width: 100%;
    font-weight: bold;
    margin: 0
}
.category ul li .cateD p:last-child{
	font-size: 14px;
	color: #c2c4c1;
	font-weight: normal;
	padding-top: 5px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.category ul li:hover .cateD {
    box-shadow: 0px 2px 10px 2px #e5e5e5;
}
.category h2{
	max-width: 1200px;
	margin: 0 auto;
	font-size: 20px;
	color: #333;
	font-weight: bold;
	padding: 25px 0;
}
.category .ggss{
	max-width: 1200px;
	display: flex;
	margin: 0 auto;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding-bottom: 15px
}
.category .ggss .item-list{
    display: block;
    border: 0;
    width: 50%;
    cursor: pointer;
}
.category .ggss .item-list img{
	display: inline-block;
	width: 120px;
	border-radius: 50%;
	vertical-align: top;
}
.category .ggss .item-list .con{
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;width:75%
}
.category .ggss .item-list .con .title{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000
}
.category .ggss .item-list .con .name{
	font-size: 15px;
	color: #555
}
.category .ggss .item-list .con .name font{
	font-size: 17px;
	color: #333;
	padding-right: 15px;
}
.category .ggss .item-list .con .timer{
	font-size: 15px;
	color: #555;
}
.category .ggss .item-list .con .timer font{
	font-size: 17px;
	color: #333;
}
.category .ggss .item-list .con span{
	border: solid 1px #ff7800;
	color: #ff7800;
	padding: 2px 8px;
	border-radius: 5px
}

.commonTitle h2{
	height: 50px;
	line-height: 50px;
	font-weight: normal;
	margin-top: 40px;
}
.commonTitle h2 span{
	float: left;
	font-size: 22px;
	color: #333;
	font-weight: bold;
}
.commonTitle h2 font{
	font-size: 15px;
	font-family: Source Han Sans CN;
	color: #666;
	cursor: pointer;
	padding-left: 31px;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	vertical-align: top;
}
.commonTitle h2 font.curt{
	color: #00A2FF
}
.commonTitle h2 font:hover{
	color: #00A2FF
}
.commonTitle h2 a{
	float: right;
	font-size: 14px;
	color: #999;
	background: url(../images/jt.png) no-repeat right center;
	background-size: 14px;
	padding-right: 18px
}
.classes,.course,.sbanner,.community,.soucre,.school{
	max-width: 1200px;
	margin:  0 auto;
	display: block;
}

.course ul{
	max-width: 1200px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.course .pick,.classes .pick{
    content: ' ';
    width: 24%;
    overflow:hidden;
}
.course .xlkc{
	float: left;
	width: 330px;
	margin-right: 15px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 0px rgba(0, 162, 255, 0.1);
}
.course .xlkc img{
	display: block;
	width: 100%;
}
.course .xlkc p{
	font-size: 16px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	padding: 0 16px;
	height: 44px;
	line-height: 44px;
}
.course ul li{
	width: 24%;
	margin-bottom: 15px;
	position: relative;
	background-color: #fff;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	cursor: pointer;
}
.course ul li:hover{
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	top:-3px;
}
.course ul li .showPic img{
	display: block;
	width: 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.course ul li .camp{
	color: #333;
	font-size: 16px;
	padding: 0 16px;
	font-weight: 400;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	font-family: Source Han Sans CN;
	margin-bottom: 5px
}
.course ul li .people{
	padding: 0 0px 0 16px;
	font-size: 14px;
	color: #999;
	font-family: Source Han Sans CN;
	margin-bottom: 2px
}
.course ul li .people font{
	padding-right: 15px;
	position: relative;
}
.course ul li .people font:first-child:after{
	position: absolute;
	content: ' ';
	width: 1px;
	height: 12px;
	background-color: #EBEBEB;
	right: 6px;
	top: 4px
}
.course ul li .money{
	padding: 2px 16px;
	color: #FF8C00;
	font-size: 14px;
	font-weight: 600;
}
.course ul li .money span{
	float: right;
	width: 80px;
	height: 26px;
	border: 1px solid #7FD0FF;
	border-radius: 13px;
	font-size: 12px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #00A2FF;
	text-align: center;
	line-height: 24px;
}
.course ul li .money font{
	color:#ccc;font-size:12px;padding-left:10px;font-weight:normal;
	text-decoration: line-through;
}
.course ul li .price{
	background: none !important;
	color: #FC9951;
	font-weight: bold;
	margin-bottom: 7px
}

.community .yx{
	max-width: 1200px;
	float: left;
}
.community .yx ul {
	max-width: 1200px;
	display:flex;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: space-between;
}
.community .yx li{
	width: 24%;
	margin-bottom: 20px;
	position: relative;
	background-color: #fff;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	cursor: pointer;
	height: 248px
}
.community .yx li:hover{
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	top:-3px;
}
.community .yx li .showPic img{
	display: block;
	width: 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.community .yx li .camp{
	color: #333;
	font-size: 16px;
	padding: 0 16px;
	font-weight: 400;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	font-family: Source Han Sans CN;
	margin-bottom: 5px
}
.community .yx li .people{
	padding: 0 0px 0 16px;
	font-size: 14px;
	color: #999;
	font-family: Source Han Sans CN;
	margin-bottom: 2px
}
.community .yx li .people font{
	padding-right: 15px;
	position: relative;
}
.community .yx li .people font:first-child:after{
	position: absolute;
	content: ' ';
	width: 1px;
	height: 12px;
	background-color: #EBEBEB;
	right: 6px;
	top: 4px
}
.community .yx li .money{
	padding: 2px 16px;
	color: #FF8C00;
	font-size: 14px;
	font-weight: 600;
}
.community .yx li .money span{
	float: right;
	width: 80px;
	height: 26px;
	border: 1px solid #7FD0FF;
	border-radius: 13px;
	font-size: 12px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #00A2FF;
	text-align: center;
	line-height: 24px;
}
.community .yx li .money font{
	color:#ccc;font-size:12px;padding-left:10px;font-weight:normal;
	text-decoration: line-through;
}
.community .yx li .price{
	background: none !important;
	color: #FC9951;
	font-weight: bold;
	margin-bottom: 7px
}

.soucre ul{
	background: #fff;
}
.soucre li{
	float: left;
	width: 50%;
}
.soucre li a{
	display: block;
	margin: 15px;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 15px
}
.soucre li .hot{
	float: left;
	width: 44px;
	text-align: center;
	justify-content: center;
	flex: none;
	width: 44px;
	height: 55px;
	background: #f5f5f5;
	border-radius: 4px;
	margin-right: 20px;
	color: #ff7982;
	font-size: 14px;
}
.soucre li .hot img{
	display: block;
	margin: 7px auto 0 auto
}
.soucre li .tit p{
	font-size: 14px;
	color: #999FA7;
}
.soucre li .tit p font{
	color: #333;
	padding-right: 5px
}
.soucre li .tit img{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 5px;
	position: relative;
	top:-3px;
}
