.bly {
	max-width: 1440px;
	min-width: 1280px;
	margin: 0 auto;
	aspect-ratio: 1437/679;
	/* max-height: 6.97rem; */
	padding-top: 4.02rem;
}

.bly .ba-slider .handle:after {
	position: absolute;
	top: 50%;
	width: 48px;
	height: 48px;
	margin: -24px 0 0 -24px;
	content: '';
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff
		url('https://dev.ow.f2b211.com/static/index/pc/images/ba-arrow.png')
		center center / 22px 22px no-repeat;
	border: 1px solid #fff;
	border-radius: 50%;
	transition: all 0.3s ease;
	transform: scale(1);
	z-index: 5;
	box-shadow: none;
}

.bly .ba-slider .handle.ba-draggable:after {
	transform: scale(0.8);
}
.bly-t {
	font-size: 0.63rem;
	color: #cbcfd8;
	text-align: center;
	width: 100%;
}
.bly-p {
	font-size: clamp(16px, 1vw, 0.22rem);
	color: #cbcfd8;
	text-align: center;
	width: 100%;
	padding-top: 0.51rem;
	padding-bottom: 2.17rem;
}