body{
	padding-top: 0 !important;
}
.search {
	background: #fff;
	padding: .2rem 0;
}

.search .main {
	line-height: .6rem;
	font-size: .25rem;
	color: #333;
}

.search .main div {
	width: 88%;
}

.search input {
	background: #f6f6f6;
	padding-left: .3rem;
	box-sizing: border-box;
	border-radius: .25rem;
	border: none;
	outline: none;
	width: 100%;
	height: .6rem;
	font-size: .28rem;
	color: #333;
}

.search .main i {
	margin-left: .2rem;
	font-size: .28rem;
}

input[type=search]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	position: relative;
	height: .25rem;
	width: .25rem;
	margin-right: .2rem;
	border-radius: 50%;
	background: url(../img/clear.png) no-repeat center;
	background-size: 100%;
}
.searchBox .tit{
	margin-bottom: .2rem;
	font-size: .24rem;
	color: #333;
}
.searchlist{
	width: 100%;
}
.searchlist p{
	font-size: .24rem;
	float: left;
	margin-right: .2rem;
	margin-bottom: .2rem;
	display: inline-block;
	padding: .1rem .2rem;
	background: #eff3f6;
	color: #666;
	border-radius: .1rem;
}



.box {
	background: #fff;
	/* display: none; */
}

.box .top {
	width: 100%;
	font-size: .3rem;
	color: #333;
	padding: .1rem 0;
	border-bottom: 1px solid #eff3f6;
	text-align: center;
}

.box .top span {
	margin: 0 1.3rem;
}

.box .con {
	/* margin-top: .3rem; */
	/* display: none; */
}

.con li {
	margin-bottom: .2rem;
}
.course{
	display: none;
}
.course li a{
	display: block;
}
.course li a img {
	width: 3rem;
	height: 2.25rem;
	float: left;
	border-radius: 0.1rem;
}

.course li .recoInfo {
	width: 3.3rem;
	height: 2.25rem;
	box-sizing: border-box;
	font-size: .16rem;
	margin-left: 0.2rem;
	padding: 0.1rem 0;
}

.course li .recoInfo h4 {
	margin-bottom: 0.48rem;
	font-size: 0.28rem;
}

.course li .recoInfo p {
	margin-bottom: 0.6rem;
}

.course li .recoInfo p span {
	font-weight: bold;
}

.select {
	border-bottom: 3px solid #d73c38;
}

.theClass li {
	width: 3rem;
	margin-right: .25rem;
	border-radius: .1rem;
	overflow: hidden;
}

.theClass li img {
	width: 3rem;
	height: 2.25rem;
	display: block;
}
.theClass li h4{
	font-size: .28rem;
	margin: 0.2rem auto 0;
}
.theClass .recoInfo{
	color: #666;
	font-size: .16rem;
}
.theClass .recoInfo .price{
	font-size: .2rem;
}
.theClass .recoInfo div{
	margin-top: .2rem;
}
.noMore{
	color: #999;
	padding: .2rem 0;
	text-align: center;
	width: 100%;
}