.category-carousel {
    display: flex;
    /*overflow: hidden;*/
    justify-content: center;
    gap: 1rem !important;/* 每个项之间的间距 */
    width: 100% !important;
}

.carousel-item {
      /*width: 15vw !important;每个轮播项的宽度 */
    /*height: 400px !important;*/
    background: #fff !important;
    border: 1px solid #ddd; /* 为每个项添加边框 */
    /*border-radius: 8px !important;*/
    /*padding: 10px;*/
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    margin:1rem !important;
    /*padding-left: 10px;*/
}
.carousel-content:hover {
    background: #8b073d !important;
}

.carousel-content:hover h4 {
    color: #fff;
}

.carousel-image{
    width: 100%;
    /*height:25rem;*/
    height:100%;
}

.carousel-image img {
    width: 100% !important;
    height: 100% !important;
    height: auto;
    /*border-radius: 8px;*/
}

.carousel-content {
    /*margin-top: 10px;*/
}

.carousel-content h4 {
    font-size: 16px !important;
    line-height: 1.2; /* 控制行高 */
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 限制为两行 */
    -webkit-box-orient: vertical; /* 强制竖直排列 */
    overflow: hidden; /* 超出部分隐藏 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    text-align: center;
}


.carousel-content p {
    font-size: 14px;
    color: #555;
}

/*.slick-initialized{*/
/*    height: 450px;*/
/*}*/
/* 定义自定义箭头的样式及位置 */

.custom-slick-prev, .custom-slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background:#8b073d !important;
    border: none;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}

/* 定义自定义箭头的样式及位置 */
.custom-slick-prev:hover {
    background: #ccc !important;
}

.custom-slick-next:hover {
    background: #ccc !important;
}

/* 左侧箭头 */
.custom-slick-prev {
    left: -5%;
}

/* 右侧箭头 */
.custom-slick-next {
    right: -5%;
}