.article{
	width:100%;
	padding:20px 55px;
	box-sizing: border-box;
	background: #f1f9ff;
}
.article-box{
	max-width: 1200px;
	margin:0 auto;
}
.page-title{
	width:100%;
	font-size: 18px;
    font-weight: bold;
    color: #444444;
    line-height: 30px;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}
.article-inn{
	width:100%;
	margin-top:10px;
	box-sizing: border-box;
	position: relative;
}
.article-classify{
	width:100%;
	overflow: hidden;
	margin-bottom:5px;
}
.article-classify:after{
	content:"";
}
.article-classify .classify-item{
	float: left;
	display: block;
	overflow: hidden;
	text-align: center;
	background: #ffffff;
	margin:8px 10px;
	cursor:pointer;
	box-sizing: border-box;
	border:1px solid #dddddd;
	padding:0 20px;
	box-sizing: border-box;
	border-radius: 16px;
}
.article-classify .classify-item p span{
	line-height: 32px;
	font-size: 15px;
	color:#444444;
}
.article-classify .classify-item:hover p span{
	color:#27aaa3;
}
.article-classify .classify-act{
	background: #27aaa3;
}
.article-classify .classify-act p span{
	color:#ffffff;
	font-weight: bold;
}
.article-classify .classify-act:hover p span{
	color:#ffffff;
}
.article-content{
	width:100%;
	padding:5px 10px;
	box-sizing: border-box;
	background: #ffffff;
	display: none;
}
.article-content-list .content-act{
	display: block;
}
.article-content .article-item{
	display: block;
	margin:10px 0 15px 0;
	padding:10px 10px 10px 138px;
	box-sizing: border-box;
	border-bottom:1px solid #dddddd;
	position: relative;
}
.article-content .article-item:hover{
	background: #e7f4ff;
}
.article-content .article-item .item-left{
	position: absolute;
	left:0;
	top: 10px;
	width:120px;
	/*height:96px;*/
}
.article-content .article-item .item-left img{
	display: block;
	width:100%;
	height:100%;
}
.article-content .article-item .item-title{
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
}
.article-content .article-item .item-title span{
	border-bottom:1px solid transparent;
	color:#444444;
}
.article-content .article-item .item-title:hover span{
	border-bottom:1px solid #27aaa3;
	color:#27aaa3;
}
.article-content .article-item .item-content{
	margin-top:8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.article-content .article-item .item-content p{
	width:100%;
	line-height: 24px;
	font-size: 14px;
	color:#555555;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.article-content .article-item .detail-btn{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	padding:0 10px;
	box-sizing: border-box;
}
.article-content .article-item .detail-btn span{
	display: block;
	width:110px;
	height:26px;
	text-align: center;
	line-height: 26px;
	background: #ff9800;
	color:#ffffff;
	margin-top:8px;
	font-size: 14px;
	font-weight: bold;
	border-radius: 4px;
}
#paging {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 15px;
}


.dining{
	width:100%;
	padding:40px 60px;
	box-sizing: border-box;
	background: #ffffff;
}
.dining .dining_box{
	max-width:1200px;
	margin:0 auto;
}
.dining .dining_list{
	width:100%;
	overflow: hidden;
	margin-top:26px;
}
.dining .dining_list .dining_item{
	float: left;
	display: block;
	width:22%;
	margin:10px 1.4%;
	border:1px solid #dddddd;
	background: #ffffff;
	box-sizing: border-box;
	overflow: hidden;
}
.dining .dining_list .dining_item .item_img{
	width:100%;
	overflow: hidden;
	position: relative;
}
.dining .dining_list .dining_item .item_img img{
	display: block;
	width:100%;
}
.dining .dining_list .dining_item .item_img .item_mask{
	width:100%;
	height:36px;
	line-height: 36px;
	color:#ffffff;
	font-size: 16px;
	padding:0 10px;
	box-sizing: border-box;
	background: rgba(0,0,0,0.7);
	position: absolute;
	left:0;
	bottom:0;
}
.dining .dining_list .dining_item .item_img .item_mask span{
	font-weight: bold;
	margin-left:5px;
}
.dining .dining_list .dining_item .item_msg{
	width:100%;
	padding:8px;
	box-sizing: border-box;
}
.dining .dining_list .dining_item .item_msg .item_name{
	width:100%;
	height:40px;
	overflow: hidden;
	margin-bottom:5px;
}
.dining .dining_list .dining_item .item_msg .item_name p{
	display: table;
	width:100%;
	height:100%;
}
.dining .dining_list .dining_item .item_msg .item_name p span{
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	line-height: 20px;
	color:#444444;
	text-align: center;
}
.dining .dining_list .dining_item .item_msg .item_des{
	width:100%;
	height:80px;
	font-size: 15px;
	line-height: 20px;
	color:#444444;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-align: center;
}
.dining .dining_list .dining_item .item_msg .item_view{
	width:100%;
	margin:15px 0 6px 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.dining .dining_list .dining_item .item_msg .item_view span{
	display: block;
	padding:3px 12px;
	box-sizing: border-box;
	background: #ff9800;
	color:#ffffff;
	font-size: 14px;
	border-radius: 3px;
	cursor:pointer;
}

.attractions{
	width:100%;
	padding:30px 60px;
	box-sizing: border-box;
	background: #ffffff;
	margin-bottom:40px;
}
.attractions .attractions_box{
	max-width:1200px;
	margin:0 auto;
}
.common_title{
	width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #444444;
    line-height: 30px;
    margin-bottom: 15px;
}
.attractions .attractions_box .attractions_content{
	width:100%;
	overflow: hidden;
	background: #f5f5f5;
	padding:30px 10px;
	box-sizing: border-box;
}
.attractions .attractions_box .attractions_content .attractions_item{
	display: block;
	float: left;
	width:15%;
	margin:5px 0.8%;
	position: relative;
	background: #ffffff;
}
.attractions .attractions_box .attractions_content .attractions_item .item_img{
	width:100%;
	height:100px;
	overflow: hidden;
}
.attractions .attractions_box .attractions_content .attractions_item .item_img img{
	display: block;
	width:100%;
	height: 100%;
}
.attractions .attractions_box .attractions_content .attractions_item .item_name{
	width:100%;
	height:51px;
	margin-top:5px;
}
.attractions .attractions_box .attractions_content .attractions_item p{
	display: table;
	width:100%;
	height:100%;
}
.attractions .attractions_box .attractions_content .attractions_item p span{
	display: table-cell;
	vertical-align: middle;
	line-height: 17px;
	font-size: 14px;
	color:#444444;
	text-align: center;
}
.attractions .attractions_box .attractions_content .attractions_item p span font{
	border-bottom:1px solid transparent;
}
.attractions .attractions_box .attractions_content .attractions_item:hover .item_img{
	display: block;
}
.attractions .attractions_box .attractions_content .attractions_item:hover p span{
	color:#27aaa3;
}
.attractions .attractions_box .attractions_content .attractions_item:hover p span font{
	border-bottom:1px solid #27aaa3;
}
.attractions .attractions_box .attractions_more{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding:10px 0;
	box-sizing: border-box;
	background: #f5f5f5;
	display: none;
}

.attractions .attractions_box .attractions_more span{
	display: block;
	width:100px;
	height:30px;
	background: #ffffff;
	border:1px solid #27aaa3;
	border-radius: 5px;
	text-align: center;
	line-height: 30px;
	color:#27aaa3;
	font-size: 15px;
	cursor: pointer;
}
.spot{
	width:100%;
	background: #f5f5f5;
	padding:20px 55px;
	box-sizing: border-box;
}
.spot-box{
	max-width:1200px;
	margin:0 auto;
}
.spot-box .spot-content{
	padding:15px;
	box-sizing: border-box;
	background: #ffffff;
	overflow: hidden;
}
.spot-box .spot-content .spot-part{
	float: left;
	width:23%;
	margin:10px 0.9%;
}


@media only screen and (max-width:1120px) {
	.attractions .attractions_box .attractions_content .attractions_item .item_img{
		height:90px;
	}
}
@media only screen and (max-width:1025px){
	.common_content{
		padding-top:58px;
	}
}
@media only screen and (max-width: 860px) {
	.common_content{
		padding-top:50px;
	}
	.article{
		padding:15px;
	}
	.dining{
		padding:36px 15px;
	}
	.attractions{
		padding:20px 15px;
	}
	.attractions .attractions_box .attractions_content .attractions_item{
		width:18%;
		margin:5px 0.9%;
	}
	.attractions .attractions_box .attractions_content .attractions_item .item_img{
		height:80px;
	}
	
}
@media only screen and (max-width: 780px){
	.attractions .attractions_box .attractions_content{
		padding:15px 10px;
	}
	
}

@media only screen and (max-width: 720px){
	.attractions .attractions_box .attractions_content .attractions_item{
		width:23%;
		margin:5px 0.9%;
	}
	.attractions .attractions_box .attractions_content .attractions_item .item_img{
		height:80px;
	}
}
@media only screen and (max-width: 620px){
	.attractions .attractions_box .attractions_content .attractions_item{
		width:31%;
		margin:5px 1.1%;
	}
	.attractions .attractions_box .attractions_content .attractions_item .item_img{
		height:95px;
	}
	.article-content .article-item{
	    padding: 10px 10px 10px 108px;
	    margin:0 0 0 0;
	}
	.article-content .article-item .item-left{
		width:96px;
	}
	.article-content .article-item .item-title{
		font-size: 15px;
		line-height: 20px;
	}
	.article {
	    padding: 10px;
	}
	.page-title{
		padding:5px 6px;
		font-size: 16px;
	}
	.article-classify .classify-item p span{
		font-size: 14px;
	}
}

@media only screen and (max-width: 560px) {
	
	.article-classify{
		width:100%;
		position: fixed;
		left:0;
		top:50px;
		background: #ffffff;
		z-index: 555;
		padding:0 10px;
		box-sizing: border-box;
		border-bottom:1px solid #dddddd;
	}
	.article-box .page-title{
		display: none;
	}
	.article-classify .classify-item{
		border-radius: 14px;
		margin:6px;
		padding: 5px 10px;
		border-radius: 15px;
	}
	.article-classify .classify-item p span{
		line-height: 28px;
		font-size: 13px;
	}
	
	.attractions .attractions_box .attractions_content .attractions_item .item_img{
		height:85px;
	}
}
@media only screen and (max-width: 480px){
	.attractions .attractions_box .attractions_content .attractions_item .item_img{
		height:75px;
	}
}
@media only screen and (max-width: 460px){
	.article {
    	padding: 10px;
    }
    .page-title{
    	padding:0 10px;
    	font-size:16px;
    }
    .article-content .article-item .item-title {
	    font-size: 13px;
	    line-height: 20px;
	    font-weight: bold;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	    overflow: hidden;
	}
	.article-content .article-item .item-content p{
		font-size: 13px;
		line-height: 18px;
	}
	
	.article-classify .classify-item p span{
		line-height: 18px;
		font-size: 13px;
	}
	.article-content .article-item .detail-btn span{
		width:100px;
		font-size: 13px;
	}
}
@media only screen and (max-width: 415px){
	.dining{
		padding:20px 10px;
	}
	.dining .dining_list {
		margin-top:15px;
	}
	.dining .dining_list .dining_item .item_img .item_mask{
		height:26px;
		line-height: 26px;
		font-size: 14px;
	}
	.dining .dining_list .dining_item .item_msg{
		padding:5px;
	}
	.dining .dining_list .dining_item .item_msg .item_name{
		height:36px;
	}
	.dining .dining_list .dining_item .item_msg .item_name p span{
		line-height: 18px;
		font-size: 14px;
	}
	.dining .dining_list .dining_item .item_msg .item_des{
		font-size: 13px;
		height:72px;
		line-height: 18px;
	}
	.dining .dining_list .dining_item .item_msg .item_view{
		margin:10px 0 5px 0;
	}
	.attractions{
		padding:10px 0;
	}
	.attractions .page-title{
		margin-bottom:10px;
	}
	.attractions .attractions_box .attractions_content .attractions_item{
		width:30%;
		margin:5px 1.6%;
	}
	.attractions .attractions_box .attractions_content .attractions_item .item_name{
		height:42px;
	}
	.attractions .attractions_box .attractions_content .attractions_item .item_name p span{
		line-height:14px;
		font-size: 12px;
	}
	.attractions .attractions_box .attractions_content .attractions_item .item_img{
		height:60px;
	}
	.article-content .article-item .item-title {
	    -webkit-line-clamp: 2;
	}
}

@media only screen and (max-width: 380px){
	
	.attractions .attractions_box .attractions_content .attractions_item .item_img{
		height:55px;
	}
}

@media only screen and (max-width: 330px){
	.dining{
		padding:24px 8px;
	}
	.dining .dining_list .dining_item .item_img .item_mask{
		height:24px;
		line-height: 24px;
		font-size: 13px;
	}
	.dining .dining_list .dining_item .item_msg .item_name{
		height:34px;
	}
	.dining .dining_list .dining_item .item_msg .item_name p span{
		line-height: 17px;
		font-size: 13px;
	}
	.dining .dining_list .dining_item .item_msg .item_des{
		font-size: 12px;
		height:72px;
		line-height: 18px;
	}
	.dining .dining_list .dining_item .item_msg .item_view{
		margin:10px 0 5px 0;
	}
	.attractions .attractions_box .attractions_content .attractions_item .item_img{
		height:50px;
	}
	
}