/* ============================================
   自定义Banner图片轮播样式
   ============================================ */

/* Banner容器 */
.conch-banner {
    background: transparent !important;
    height: 267px !important;
    max-height: 267px !important;
    overflow: hidden;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 移除Banner下方间距 */
#conch-banner {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 移除两边黑边 */
.conch-banner .conch-brwrap {
    height: 100%;
    background: transparent !important;
}

/* 容器 */
.conch-banner .container {
    height: 100%;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Banner盒子 */
.conch-banner .conch-br-box {
    height: 267px !important;
    width: 100%;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

/* Swiper容器 */
.conch-banner .swiper-container,
.conch-banner .swiper-wrapper,
.conch-banner .swiper-slide {
    height: 267px !important;
    background: transparent !important;
}

/* 轮播项 */
.conch-banner .conch-br-box .hl-br-thumb {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    padding-top: 0 !important;
    height: 267px !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    margin: 0 !important;
}

.conch-banner .conch-br-box .hl-br-thumb:after {
    display: none !important;
}

/* 图片样式 */
.conch-banner .swiper-slide img,
.conch-banner .hl-br-thumb img {
    display: block !important;
    width: 100% !important;
    height: 267px !important;
    object-fit: cover !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 链接样式 */
.conch-banner .hl-br-thumb {
    display: block !important;
    width: 100% !important;
    height: 267px !important;
    background-size: cover !important;
    background-position: center !important;
}

/* 轮播列表项 */
.conch-banner .hl-br-item {
    height: 267px !important;
}

/* 分页器 */
.conch-banner .swiper-pagination {
    bottom: 10px !important;
}

.conch-banner .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: rgba(255,255,255,0.7);
}

.conch-banner .swiper-pagination-bullet-active {
    background: #fff;
}

/* 箭头 */
.conch-banner .hl-br-arrow {
    opacity: 0.6;
}

.conch-banner .hl-br-arrow:hover {
    opacity: 1;
}

/* ============================================
   减少Banner与下方内容之间的间距 - 最大程度收紧
   ============================================ */

/* conch-content 顶部间距归零 */
#conch-content,
.conch-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 整个内容区域顶部归零 */
.conch-content .conch-ctwrap {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 第一个模块(nanos/分类)顶部间距归零 */
.conch-content .hl-smnav-home {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 分类标签容器 */
.conch-content .hl-smnav-home .hl-smnav {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .conch-banner,
    .conch-banner .conch-br-box .hl-br-thumb,
    .conch-banner .hl-br-thumb img,
    .conch-banner .hl-br-thumb,
    .conch-banner .hl-br-item,
    .conch-banner .swiper-container,
    .conch-banner .swiper-wrapper,
    .conch-banner .swiper-slide {
        height: 180px !important;
        max-height: 180px !important;
    }
}