@charset "utf-8";
/* 市县动态 · 卡片墙  cy-city
   图上文下卡片，PC 每行 4 个；默认显示两行，点箭头展开全部。 */

/* 一、作用域重置（只清自有元素，不含轮播内核） */
.cy-city,
.cy-city__header,
.cy-city__header *,
.cy-city__list,
.cy-city__list *,
.cy-city__more{
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
	background:none !important;
	list-style:none !important;
	text-decoration:none !important;
	font-style:normal !important;
	font-weight:normal !important;
	float:none !important;
	clear:none !important;
	width:auto !important;
	height:auto !important;
	min-width:0 !important;
	min-height:0 !important;
	max-width:none !important;
	max-height:none !important;
	text-align:left !important;
	text-indent:0 !important;
	text-shadow:none !important;
	white-space:normal !important;
	letter-spacing:normal !important;
	vertical-align:baseline !important;
	color:#333333 !important;
	font-family:"Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB",Arial,sans-serif !important;
	font-size:14px !important;
	line-height:1.5 !important;
}
.cy-city__header *:before,
.cy-city__header *:after,
.cy-city__list *:before,
.cy-city__list *:after{
	content:none !important;
	display:none !important;
}

/* 二、容器 */
.cy-city{
	display:block !important;
	width:100% !important;
	max-width:1200px !important;
	margin:0 auto !important;
	padding:0 !important;
	border:0 none !important;
	float:none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
	background:#ffffff !important;
	color:#333333 !important;
	font-family:"Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB",Arial,sans-serif !important;
	font-size:14px !important;
	line-height:1.5 !important;
	text-align:left !important;
	-webkit-text-size-adjust:100% !important;
}

/* 三、栏目标题图 + 「更多」
   ★ 「更多」恒在标题图上方一行、靠右：flex 竖向排 + order 强制，
     和 HTML 里 <a> 写在 <img> 之前还是之后都无关 */
.cy-city .cy-city__header{
	display:-webkit-box !important;
	display:-webkit-flex !important;
	display:flex !important;
	-webkit-box-orient:vertical !important;
	-webkit-box-direction:normal !important;
	-webkit-flex-direction:column !important;
	-ms-flex-direction:column !important;
	flex-direction:column !important;
	-webkit-box-align:end !important;
	-webkit-align-items:flex-end !important;
	-ms-flex-align:end !important;
	align-items:flex-end !important;
	position:relative !important;
	width:100% !important;
	margin:0 0 14px 0 !important;
	padding:0 !important;
	border:0 none !important;
	background:none !important;
	float:none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
}
.cy-city .cy-city__header img{
	-webkit-box-ordinal-group:2 !important;
	-webkit-order:0 !important;
	-ms-flex-order:0 !important;
	order:0 !important;
	-webkit-align-self:stretch !important;
	-ms-flex-item-align:stretch !important;
	align-self:stretch !important;
	display:block !important;
	width:100% !important;
	height:auto !important;
	max-height:none !important;
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	background:transparent !important;
	float:none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
}
.cy-city .cy-city__header-more{
	-webkit-box-ordinal-group:1 !important;
	-webkit-order:-1 !important;
	-ms-flex-order:-1 !important;
	order:-1 !important;
	-webkit-align-self:flex-end !important;
	-ms-flex-item-align:end !important;
	align-self:flex-end !important;
	display:inline-block !important;
	position:static !important;
	float:none !important;
	margin:0 0 8px 0 !important;
	text-align:center !important;
	height:26px !important;
	line-height:26px !important;
	padding:0 13px !important;
	background:#fdf1e9 !important;
	color:#c8410f !important;
	font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif !important;
	font-size:13px !important;
	font-weight:400 !important;
	letter-spacing:0 !important;
	text-decoration:none !important;
	border-radius:13px !important;
	-webkit-box-shadow:0 1px 3px rgba(200,65,15,.18) !important;
	box-shadow:0 1px 3px rgba(200,65,15,.18) !important;
}
.cy-city .cy-city__header-more:hover,
.cy-city .cy-city__header-more:active{
	background:#c8410f !important;
	color:#ffffff !important;
}

/* 四、卡片列表（左右 10px 内边距当间隙，宽度取整百分比，末行不足也不会散开） */
.cy-city .cy-city__list{
	display:-webkit-box !important;
	display:flex !important;
	-webkit-flex-wrap:wrap !important;
	-ms-flex-wrap:wrap !important;
	flex-wrap:wrap !important;
	-webkit-box-pack:start !important;
	-ms-flex-pack:start !important;
	justify-content:flex-start !important;
	width:auto !important;
	margin:0 -10px !important;
	padding:0 !important;
	overflow:hidden !important;
	-webkit-transition:max-height .4s ease !important;
	transition:max-height .4s ease !important;
}
.cy-city .cy-city__list li{
	display:block !important;
	width:25% !important;
	margin:0 0 25px 0 !important;
	padding:0 10px !important;
	float:none !important;
	list-style:none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
}
.cy-city .cy-city__list .cy-city__link{
	display:block !important;
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	background:none !important;
	float:none !important;
	text-decoration:none !important;
	cursor:pointer;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
}

/* 图片：容器按 285×180 比例撑高，图裁切填满 */
.cy-city .cy-city__pic{
	display:block !important;
	position:relative !important;
	width:100% !important;
	height:0 !important;
	padding-top:63.16% !important;
	margin:0 !important;
	overflow:hidden !important;
	background:#f5f0e6 !important;
	border-radius:5px !important;
	float:none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
}
.cy-city .cy-city__pic img{
	display:block !important;
	position:absolute !important;
	left:0 !important;
	top:0 !important;
	width:100% !important;
	height:100% !important;
	max-width:none !important;
	max-height:none !important;
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	background:transparent !important;
	float:none !important;
	object-fit:cover !important;
	-webkit-transition:-webkit-transform .4s ease !important;
	transition:transform .4s ease !important;
}
.cy-city .cy-city__list .cy-city__link:hover .cy-city__pic img{
	-webkit-transform:scale(1.04) !important;
	transform:scale(1.04) !important;
}
.cy-city .cy-city__tit{
	display:block !important;
	width:100% !important;
	height:50px !important;
	margin:10px 0 6px 0 !important;
	padding:0 !important;
	overflow:hidden !important;
	color:#333333 !important;
	font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif !important;
	font-size:17px !important;
	font-weight:bold !important;
	line-height:25px !important;
	letter-spacing:0 !important;
	text-align:left !important;
	word-break:break-all !important;
	-webkit-transition:color .2s !important;
	transition:color .2s !important;
}
.cy-city .cy-city__list .cy-city__link:hover .cy-city__tit{
	color:#c8410f !important;
}
.cy-city .cy-city__sum{
	display:block !important;
	width:100% !important;
	height:60px !important;
	margin:0 !important;
	padding:0 !important;
	overflow:hidden !important;
	color:#666666 !important;
	font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif !important;
	font-size:14px !important;
	font-weight:normal !important;
	line-height:20px !important;
	text-align:left !important;
}

/* 五、展开箭头 */
.cy-city .cy-city__more{
	display:block !important;
	width:100% !important;
	margin:0 !important;
	padding:5px 0 0 0 !important;
	text-align:center !important;
	cursor:pointer !important;
	line-height:0 !important;
	font-size:0 !important;
}
.cy-city .cy-city__more img{
	display:inline-block !important;
	width:34px !important;
	height:auto !important;
	max-width:100% !important;
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	background:none !important;
	cursor:pointer !important;
	-webkit-transition:-webkit-transform .3s ease !important;
	transition:transform .3s ease !important;
}
.cy-city .cy-city__more--on img{
	-webkit-transform:rotate(180deg) !important;
	transform:rotate(180deg) !important;
}
.cy-city .cy-city__more--hide{
	display:none !important;
}

/* 六、响应式（手机版） */
@media only screen and (max-width:1000px){
	.cy-city .cy-city__list li{
		width:33.3333% !important;
	}
}
@media only screen and (max-width:768px){
	.cy-city .cy-city__header{
		margin:0 0 10px 0 !important;
	}
	.cy-city .cy-city__header-more{
		height:22px !important;
		line-height:22px !important;
		padding:0 10px !important;
		margin:0 0 6px 0 !important;
		font-size:12px !important;
		border-radius:11px !important;
	}
	.cy-city .cy-city__list li{
		width:50% !important;
		margin:0 0 18px 0 !important;
	}
	.cy-city .cy-city__tit{
		height:44px !important;
		font-size:15px !important;
		line-height:22px !important;
		margin:9px 0 5px 0 !important;
	}
	.cy-city .cy-city__sum{
		height:40px !important;
		font-size:13px !important;
		line-height:20px !important;
	}
	.cy-city .cy-city__more img{
		width:30px !important;
	}
}
@media only screen and (max-width:480px){
	.cy-city .cy-city__list li{
		width:100% !important;
		margin:0 0 16px 0 !important;
	}
	.cy-city .cy-city__tit{
		height:auto !important;
		max-height:44px !important;
	}
	.cy-city .cy-city__sum{
		height:60px !important;
	}
}