@charset "utf-8";
/* 专题页骨架：banner 通栏 100% → 模块 PC 1200px 居中 → 底部版权 */

/* 一、页面骨架 */
html,body{margin:0;padding:0;}
body.cy-topic-page{
	background:#f2ece4;
	font-family:"Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB",Arial,sans-serif;
	font-size:14px;
	color:#333333;
	-webkit-text-size-adjust:100%;
}

/* 二、banner（通栏 100%；图上 7 个节日跳转热区，百分比定位随图等比缩放） */
.cy-banner{
	display:block;
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	background:#f7e6d2;
	line-height:0;
	font-size:0;
}
.cy-banner__pic{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:0 none;
}
.cy-banner__jump{
	display:block;
	position:absolute;
	top:38.5%;
	width:3.2%;
	height:16%;
	z-index:5;
	margin:0;
	padding:0;
	border:2px solid transparent;
	background:none;
	text-decoration:none;
	cursor:pointer;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:border-color .2s,background-color .2s;
	transition:border-color .2s,background-color .2s;
}
.cy-banner__jump:hover,
.cy-banner__jump:focus{
	border-color:#e0401a;
	background:rgba(224,64,26,.10);
	outline:none;
}
/* 节日签中心自 24.94% 起、间距 8.26%；热区宽 3.2%，left = 中心 - 1.6% */
.cy-banner__jump--cj{left:23.34%;}
.cy-banner__jump--yx{left:31.60%;}
.cy-banner__jump--qm{left:39.85%;}
.cy-banner__jump--dw{left:48.11%;}
.cy-banner__jump--qx{left:56.37%;}
.cy-banner__jump--zq{left:64.62%;}
.cy-banner__jump--cy{left:72.88%;}

/* 三、模块容器（PC 1200px，窄屏自适应） */
.cy-topic{
	display:block;
	width:1200px;
	max-width:100%;
	margin:0 auto;
	padding:40px 0 0 0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.cy-topic .cy-topic__sec{
	display:block;
	width:100%;
	margin:0 0 20px 0;
	padding:20px 24px 24px 24px;
	background:#ffffff;
	-webkit-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,.06);
	box-shadow:0 1px 4px rgba(0,0,0,.06);
	overflow:hidden;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.cy-topic .cy-topic__sec:last-child{
	margin-bottom:0;
}

/* 四、底部版权 */
.footer{background:#f5f5f5;min-width:1200px;margin-top:40px;}
.footer .bd{width:1200px;margin:0 auto;padding:30px 0;text-align:center;font-size:14px;line-height:28px;color:#666;}
.footer .bd p{margin:0;padding:0;}

/* 五、响应式（手机版） */
@media only screen and (max-width:1240px){
	.footer{min-width:0;}
	.footer .bd{
		width:auto;
		max-width:1200px;
		padding:26px 16px;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
}
@media only screen and (max-width:768px){
	.cy-topic{padding:14px 8px 0 8px;}
	.cy-topic .cy-topic__sec{
		margin-bottom:12px;
		padding:14px 12px 16px 12px;
		-webkit-border-radius:4px;
		border-radius:4px;
	}
	/* 手机上热区放宽：宽 6%（left = 中心 - 3%）、高 22%，否则太窄点不到 */
	.cy-banner__jump{
		top:35.5%;
		width:6%;
		height:22%;
		border-width:1px;
	}
	.cy-banner__jump--cj{left:21.94%;}
	.cy-banner__jump--yx{left:30.20%;}
	.cy-banner__jump--qm{left:38.45%;}
	.cy-banner__jump--dw{left:46.71%;}
	.cy-banner__jump--qx{left:54.97%;}
	.cy-banner__jump--zq{left:63.22%;}
	.cy-banner__jump--cy{left:71.48%;}
	.footer{margin-top:24px;}
	.footer .bd{padding:20px 12px;font-size:13px;line-height:24px;}
}
@media only screen and (max-width:480px){
	.cy-topic{padding:10px 6px 0 6px;}
	.cy-topic .cy-topic__sec{
		margin-bottom:10px;
		padding:12px 10px 14px 10px;
	}
	.footer .bd{padding:16px 10px;}
}