.area-main {
	width:80%;
	max-width:1600px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

.area-top {
	padding:20px 10px;
	border-bottom:2px solid #ebebeb;
	height:auto;
	overflow:hidden;
}

.area-top .tit{
	float:left;
	font-size:22px;
	font-weight:bold;
	color:#333;
	line-height:40px;
}

.area-top .back {
	display:block;
	float:right;
	color:#fff;
	line-height:30px;
	background-color:#e83928;
	border-radius:5px;
	padding:5px 20px;
}

.area-type {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:10px;
}
.area-type ul {
/*	display: flex;*/
}
.area-type ul li {
	float:left;
	line-height:30px;
	cursor:pointer;
	padding:0px 20px;
	border-radius:5px;
}

.area-type ul li:hover {
	color:#e83928;
}

.area-type ul li.cur {
	color:#fff;
	background-color:#e83928;
}

.area-list {
	padding:20px 10px;
}

.area-item {
	display: flex;
/*    justify-content: space-between;*/
	padding:10px 0px;
	border-bottom:1px dashed #dedcdc;
}

.area-item .item-left {
	font-size:18px;
	font-weight:bold;
	color:#333;
	text-align: left;
	padding-right: 30px;
	width:20px;
	box-sizing:content-box;
}

.area-item .item-right {
	line-height:25px;
}

.area-item .item-right a {
	padding:0px 10px;
	white-space:nowrap;
}
.area-item .item-right a:hover {
	color:#e83928;
}

@media screen and (max-width:768px) {
	.area-top {padding: 10px;}
	.area-main {width:90%;}
	.area-type ul li {padding: 0px 5px;}
	.area-list { padding:10px;}
	.area-item .item-left {padding-right: 15px;}
}