/*--------------SLIDER----------------*/
#slider {
	width: 100%;
	margin: 10px auto;
	position: relative !important;
	overflow: hidden !important;
	height: auto !important;
}

/*--------------CONTROLS--------------*/
.controls {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	z-index: 10 !important;
}
.controls li {
	top: 50% !important;
	left: 10px !important;
	z-index: 10 !important;
	cursor: pointer !important;
}
.controls li:nth-child(2) {
	left: auto !important;
	right: 10px !important;
}
/* 箭头图片自适应 */
.controls li img {
	width: clamp(20px, 4vw, 30px) !important;
	height: auto !important;
}

/*------------PAGINATION------------*/
.pagination {
	bottom: 4vw !important; /* 自适应底部距离 */
	z-index: 1 !important;
	padding: 0 !important;
}
.pagination li {
	list-style: none !important;
	background: #ddd !important;
	/* 响应式尺寸+间距 */
	width: clamp(8px, 1.2vw, 12px) !important;
	height: clamp(8px, 1.2vw, 12px) !important;
	margin: 0 clamp(4px, 0.8vw, 6px) !important;
}
.pagination li.active {
	background-color: #000 !important;
}

/*-------------HELPERS----------------*/
.responsive {
	width: 100%;
	height: auto;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}