/* */
/* */
/* */
/* */
/* 轮播图容器 */
.slider-container {
position: relative;
width: 100%;
height: 400px; /* 根据需要调整高度 */
overflow: hidden;
}
/* 轮播图图片 */
.slider {
display: flex;
width: 300%; /* 图片数量 * 100% */
height: 100%;
transition: transform 0.5s ease-in-out;
}
.slider img {
width: 33.3333%; /* 100% / 图片数量 */
height: 100%;
object-fit: cover;
}
/* 导航按钮 */
.slider-nav {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 10px;
}
.prev-button,
.next-button {
padding: 10px 20px;
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
cursor: pointer;
}
.prev-button:hover,
.next-button:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.top-h-120 {
height: 120px;
padding-bottom: 20px;
padding-top: 20px;
}
.md\:top-h-120 {
height: 120px;
}
.t-h-120 {
height: 120px;
}