.class-list-search-out {
	height: 160px;
	background: url(http://static.mayikt.com/%E8%AF%BE%E7%A8%8B%E5%88%97%E8%A1%A8banner.jpg) no-repeat;
	background-size:cover;
	width: 100%;
	
}

.class-list-search-r {
	float: right;
	margin-top: 40px;
}

.class-list-search {
	width: 628px;
	margin: 0 auto;
	border-radius: 35px;
	overflow: hidden;
	background-color: #fff;
	float: left;
}
.class-list-search input:focus{
	color: #333;
}

.class-list-search-left{
	width: 500px;
	float: left;
	margin-top: 65px;
	background: url(../imgages/class-list/8174050.png) no-repeat;
}
.class-list-search-left h2 {
	margin-left: 50px;
	font-size: 26px;
	font-family: MicrosoftYaHei-Bold;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	float: left;
}

.class-list-search-left h3 {
	float: left;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	margin-top: 10px;
	margin-left: 18px;
}

.class-list-search input {
	font-size: 18px;
	width: 502px;
	border: none;
	height: 48px;
	color: #666;
	padding-left: 34px;
	float: left;
}

.class-list-search-icon {
	cursor: pointer;
	height: 50px;
	width: 90px;
	float: right;
	outline: none;
	border: none;
	background: url(../imgages/class-list/icon-srarch.png) rgba(255, 171, 55, 1) center no-repeat;
}

.hot-search {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 66px;
}

.hot-search li {
	float: left;
	margin-right: 20px;
}

.hot-search li a {
	color: rgba(255, 255, 255, 0.6);
}
.hot-search li a：hover{
	color: rgba(255, 255, 255, 1);
}
.class-list-navs-out{
	background-color: #f8fafc;
}
.class-list-items-out1 {
	height: 128px;
	position: relative;
}

.class-list-items-out {
	width: 100%;
	height: 128px;
	overflow: hidden;
}

.change-bgc-red {
	color: rgba(223, 50, 37, 1) !important;
	background: rgba(255, 157, 150, 0.2);
}

.class-nav-language,
.class-list-default,
.class-list-vip,
.class-list-items {
	width: 1200px;
	margin: 0 auto;
	font-size: 14px;
}

.class-list-items a {
	color: #333;
}
.class-list-items{
	padding-top: 20px;
}
.class-list-vip a {
	color: #333;
}

.class-nav-language {
	font-size: 16px;
	font-weight: 700;
	color: #07111b;
}

.class-list-default a {
	color: #333;
}

.class-nav-language li a {
	color: #07111b;
}

.class-list-vip {
	border-bottom: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
}

.class-list-items-out:hover {
	position: absolute;
	z-index: 5;
	height: 280px;
	background-color: #fff;
	box-shadow: rgba(28, 31, 33, 0.2) 0 11px 16px 0;
	transition: all 0.3s;
}

.class-nav-language-out {
	z-index: 5;
	box-shadow: 0px 2px 7px 0px rgba(76, 45, 7, 0.09);
	background-color: #fff;
}

.class-list-navs h2 {
	line-height: 76px;
	font-family: MicrosoftYaHei-Bold;
	font-weight: bold;
	width: 80px;
	float: left;
}

.class-list-vip h2{
	line-height: 54px;
}



.class-list-vip ul li a{
	margin-top: 12px;
}

.class-list-items h2 {
	line-height: 32px;
}
.class-list-navs li a{
	margin-top: 10px;
}
.class-list-navs ul {
	float: left;
	width: 1120px;
}

.class-list-navs li {
	float: left;
	margin-right: 25px;
}

.class-list-navs li a {
	display: block;
	padding: 7px 12px;
	margin-top: 24px;
	border-radius: 15px;
}



.class-list-items li a {
	margin-top: 0;
	margin-bottom: 25px;
}

.class-list-navs li a:hover {
	background: rgba(255, 157, 150, 0.2);
}

.class-list-default li a {
	margin-bottom: 12px;
}

/* 列表详情  */
.class-list-concent-in {
	width: 1200px;
	margin: 0 auto;
	padding: 35px 0;
}

.class-list-concent-in li {
	width: 218px;
	float: left;
	height: 195px;
	margin-bottom: 30px;
	margin-left: 27px;
}
.class-list-concent-in li:hover img{
	transform: scale(1.1);
	transition: all 0.3s;
	box-shadow: 3px 0px 9px 0px rgba(7, 17, 27, 0.1), 7px 7px 8px 0px rgba(7, 17, 27, 0.1);
}
.class-list-concent-in li:nth-child(5n+1){
	margin-left: 0;
}
.class-list-concent-in .li-bottom {
	margin-top: 10px;
}
.class-list-concent-in li .courseLogo{
	width:218px;
	border-radius:10px;
	margin-bottom: 5px;
}
.class-list-concent-in li a {
	font-size: 14px;
	font-family: PingFang-SC-Medium;
	color: rgba(51, 51, 51, 1);
	line-height: 20px;
}

.class-list-concent-in .li-vip {
	font-size: 15px;
}
#class-list-page{
	background-color: #f8fafc;
}
/* 分页 */
.class-list-pages {
	text-align: center;
	margin: 0 auto;
	padding: 20px 0;

}

.class-list-pages li {
	float: left;
	line-height: 50px;
}

.class-list-pages li a {
	display: block;
	color: rgba(78, 85, 92, 1);
	margin-right: 58px;
}

.class-list-pages .li1 a {
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	margin-right: 30px;
}

.class-list-pages .li1 a:hover {
	background: rgba(223, 50, 37, 0.2);
}

.li1_active {
	background: rgba(223, 50, 37, 1);
	color: #fff !important;
}
.class-list-pages .li2:hover a{
	color: #DF3225;
}

.problic-page{
	box-sizing: border-box;
	min-height: 100%;
}
.footer-out{
	height: 270px;
	margin-top: -270px;
}