@charset "utf-8";
/* ==========================================================================
   ys 特色轮播：7 张图按原始尺寸 709×353 展示
   布局：一张居中 + 左右各一张（其余在幕后待命）
   描边：8px #F6D897
   ========================================================================== */

/* body 默认 8px 外边距会把 1920 的舞台顶偏，清掉 */
html,body{
	margin:0;
	padding:0;
}

/* 外层容器加宽到整页宽度，否则 1230px 会把两侧图裁掉 */
.pageThree .wraper-content{
	width:1920px;
}

/* 轮播舞台：只承担 3D 透视，高度保持 47px 不参与布局 */
.pageThree .wraper-content #carousel{
	height:47px;
	margin-top:429px;
	transform:none;               /* 取消原 translate(0,50px)，否则垂直居中算不准 */
	-webkit-transition:none;
	transition:none;
	-webkit-perspective:1000px;
	perspective:1000px;
	/* 关键：父元素自身平面会挡住在 Z 轴后退的卡片，导致点不到图，这里放行 */
	pointer-events:none;
}

/* 每一项：709×353 的图 + 左右各 8px 描边 = 725×369 */
.pageThree .wraper-content #carousel li{
	width:725px;
	height:369px;
	margin-left:-362.5px;
	margin-top:-184.5px;
	-webkit-transition:-webkit-transform .62s cubic-bezier(.22,.61,.36,1),opacity .5s ease;
	transition:transform .62s cubic-bezier(.22,.61,.36,1),opacity .5s ease;
	will-change:transform,opacity;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	pointer-events:auto;
}

/* 描边框放在 a 上：img 保持 709×353 原样，不被边框挤小变形 */
.pageThree .wraper-content #carousel li a{
	display:block;
	width:709px;
	height:353px;
	box-sizing:content-box;
	border:8px solid #F6D897;
	background:#0c0a08;
	line-height:0;
	font-size:0;
	-webkit-box-shadow:0 20px 46px rgba(0,0,0,.62),0 0 26px rgba(246,216,151,.18);
	box-shadow:0 20px 46px rgba(0,0,0,.62),0 0 26px rgba(246,216,151,.18);
}

.pageThree .wraper-content #carousel li img{
	display:block;
	width:709px;
	height:353px;
	object-fit:cover;
	border:0;
}

/* 左右箭头：贴在中间大图两侧（压在左右侧图上），避开右侧固定的客服浮条 */
.pageThree .wraper-content .btn_prve,
.pageThree .wraper-content .btn_next{
	top:430px;
	margin-top:-45.5px;
	z-index:60;
	-webkit-transition:opacity .3s ease;
	transition:opacity .3s ease;
}
.pageThree .wraper-content .btn_prve{ left:479px; }
.pageThree .wraper-content .btn_next{ right:auto; left:1339px; }

.pageThree .wraper-content .btn_prve:hover,
.pageThree .wraper-content .btn_next:hover{
	opacity:.82;
}