html,
body {
	background-color: #f7f7f7;
}

img {
	width: 100%;
	height: 100%;
}

#classify {
	margin-top: 20px;
}

#classify .main {
	background-color: #fff;
}

#classify .titl-container {
	width: 1120px;
	height: 109px;
	box-sizing: border-box;
	margin: 0 auto;
	border-bottom: 1px solid #f7f7f7;
	position: relative;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	padding: 46px 0 32px;
}

#classify .titl-container span {
	font-size: inherit;
	color: #00a4ff;
}

#classify .xmj {
	width: 94px;
	height: 104px;
	position: absolute;
	bottom: -5px;
	right: 240px;
}

#classify .hot-city {
	height: 75px;
	width: 1120px;
	margin: 0 auto;
	box-sizing: border-box;
	border-bottom: 1px solid #f7f7f7;
	padding: 20px 0 20px;
}

#classify .hot-city .left {
	width: 70px;
	height: 28px;
	font-weight: bold;
	line-height: 28px;
	margin-top: 10px;
}

#classify .inner {
	height: 28px;
	line-height: 28px;
	margin: 10px 15px;
}

#classify .inner:hover{
	color: #00a4ff;
}

#classify .city {
	padding: 10px 20px;
}

#classify .item {
	padding: 12px 20px;
	justify-content: space-between;
	border-radius: 5px;
}

#classify .item:hover{
	background-color: #f7f7f7;
}

#classify .item .left {
	height: 28px;
	line-height: 28px;
	width: 70px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #00a4ff;
	border-radius: 5px;
	margin-top: 10px;
}

#classify .item .right{
	width: 1070px;
	flex-wrap: wrap;
}