.wmclass-banner{
  background: -webkit-linear-gradient(to right,rgba(153,240,185,1), rgba(8,193,216,1));
  background: -o-linear-gradient(right,rgba(153,240,185,1), rgba(8,193,216,1)); 
  background: -moz-linear-gradient(right,rgba(153,240,185,1), rgba(8,193,216,1));
  background: linear-gradient(to right,rgba(153,240,185,1), rgba(8,193,216,1));
  text-align: center;
  margin-top: 70px;
  padding: 45px 0;
}
.wmclass-titles{
	border: 1px solid #fff;
	border-radius: 2px;
	padding: 23px 36px 19px 36px;
	display: inline-block;
}
.wmclass-titles h2{
	height: 36px;
	font-size: 36px;
	color: rgba(255,255,255,1);
	line-height: 36px;
	letter-spacing: 0px;
	margin: 0;
}
.wmclass-titles span{
	width: 280px;
	height: 30px;
	font-size: 14px;
	color: rgba(255,255,255,1);
	line-height: 30px;
	letter-spacing: 0px;
}
.wmclass-box{
	background: rgba(246,247,247,1);
	padding: 60px 0;
}

.wmclass-txt{
		font-size: 24px;
    color: #373d41;
    margin: 0 0 26px 0;
    padding-left: 13px;
}
.wmclass-txt2{
			font-size: 24px;
    color: #373d41;
   margin: 0;
}
.wmclass-msg{
	line-height: 30px;
	    margin-bottom: 26px;
    margin-top: 30px;
}
.wmclass-a{
height: 20px;
font-size: 14px;
color: rgba(102,102,102,1);
line-height: 20px;
letter-spacing: 0px;
margin-right: 20px;
padding: 6px 0;
}
.wmclass-a:hover{
	border-bottom: 2px solid rgba(102,102,102,1);
	color: rgba(102,102,102,1);
}
.active{
		border-bottom: 2px solid rgba(102,102,102,1);
		color: rgba(102,102,102,1);
}
.tab-class{
	display: none;
}
.wmclass-lf{
	height: 340px;
	background:url(/landingpage/images/classbg.png) no-repeat center;;
}
.wmclass-lf2{
	height: 340px;
	background:url(/landingpage/images/classbg2.png) no-repeat center;;
}
.wmclass-lfbox{
	padding: 24px 20px 0 20px;
}
.wmclass-lftltie{
	font-size: 20px;
	color: rgba(255,255,255,1);
	line-height: 30px;
}
.wmcourse{
	position: relative;
    display: block;
    height: 160px;
    margin-bottom: 20px;
    background-color: #ffffff;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    --moz-transition: all 0.3s ease;
    --o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.courselr-box .course-top{
	  background: -webkit-linear-gradient(to right,rgba(50,202,169,1), rgba(164,242,191,1));
	  background: -o-linear-gradient(right,rgba(50,202,169,1), rgba(164,242,191,1)); 
	  background: -moz-linear-gradient(right,rgba(50,202,169,1), rgba(164,242,191,1));
	  background: linear-gradient(to right,rgba(50,202,169,1), rgba(164,242,191,1));   
}
.courselr-box .course-top2{
	  background: -webkit-linear-gradient(to left,rgba(50,202,169,1), rgba(164,242,191,1));
	  background: -o-linear-gradient(left,rgba(50,202,169,1), rgba(164,242,191,1)); 
	  background: -moz-linear-gradient(left,rgba(50,202,169,1), rgba(164,242,191,1));
	  background: linear-gradient(to left,rgba(50,202,169,1), rgba(164,242,191,1));   
}
.courselr-box2 .course-top{
	  background: -webkit-linear-gradient(to right,rgba(49,166,235,1), rgba(143,205,248,1));
	  background: -o-linear-gradient(right,rgba(49,166,235,1), rgba(143,205,248,1)); 
	  background: -moz-linear-gradient(right,rgba(49,166,235,1), rgba(143,205,248,1));
	  background: linear-gradient(to right,rgba(49,166,235,1), rgba(143,205,248,1));  
}
.courselr-box2 .course-top2{
	  background: -webkit-linear-gradient(to left,rgba(49,166,235,1), rgba(143,205,248,1));
	  background: -o-linear-gradient(left,rgba(49,166,235,1), rgba(143,205,248,1)); 
	  background: -moz-linear-gradient(left,rgba(49,166,235,1), rgba(143,205,248,1));
	  background: linear-gradient(to left,rgba(49,166,235,1), rgba(143,205,248,1));  
}
.wmcourse:hover{
	-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: all.5s;
    -moz-transition: all.5s;
    -ms-transition: all.5s;
    -o-transition: all.5s;
    transition: all.5s;
}
.course-top{
		position: relative;
    height: 36px;
    padding: 11px 20px;
    font-size: 12px;
    color: #ffffff;
    line-height: 14px;
}
.course-bd{
	padding: 14px 20px 0 20px;
}
.course-bd-title{
		font-size: 16px;
    color: #373d41;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
}
.course-ft{
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 26px 20px 20px 20px;
}
.icon-yuedu{
    width: 27px!important;
    height: 24px!important;
    position: absolute;
    line-height: 1;
    font-size: 38px;
    top: 21px;
    right: 20px;
    color: rgba(204,204,204,1);
}
.icon-kecheng{
	width: 24px!important;
    height: 17px!important;
    color: rgba(255,255,255,1);
}
.wmclass-bts{
	margin-top: 15px;
}
.course-nums{
	font-size: 12px;
	color: #9b9ea0;
	line-height: 1.5;
}
.article-num{
    font-size: 14px;
    color: rgba(255,255,255,1);
    vertical-align: middle;
    display: inline-block;
    margin-top: -5px;
}
.mores-iron{
	text-align: center;
}
.icon-xiala{
	width: 37px!important;
	height: 37px!important;
	color: rgba(204,204,204,1);
}
.icon-xiala:hover{
	color: #333;
}
.courselr{
	display: none;
}

@media only screen and (max-width:768px ) {
}
@media only screen and (min-width: 320px) and (max-width:568px) {
	.wmclass-titles{
		padding: 23px 13px 19px 13px;
	}
	.wmclass-titles h2{
		font-size: 26px;
		
	}
}
@media only screen and (min-width: 1024px) and (max-width:1366px) {
}