@charset "utf-8";
/* CSS Document */

@media screen and (max-width:768px) {
.slick-prev {
        margin-left: 0px !important;
    }
.slick-next {
        margin-right: 0px !important;
    }
 .p1714m836fe3a5f66e01b2 .slick-dots {
        display: flex !important;
        justify-content: center !important;
        gap: 3px !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 12px 0 0 !important;
    }

    /* 关键：每个li内部左右3px内边距，按钮锁在内部，不会溢出盖住相邻圆点 */
    .p1714m836fe3a5f66e01b2 .slick-dots li {
        margin: 0 !important;
        padding: 0 3px !important;
        height: 9px !important;
        flex-shrink: 0 !important;
        overflow: hidden !important;
        /* 未激活li最小宽度：9px圆点 + 左右3px内边距 = 15px */
        min-width: 15px !important;
    }

    /* 黑色圆点：居中在li内，无外边距 */
    .p1714m836fe3a5f66e01b2 .slick-dots li button {
        width: 9px !important;
        height: 9px !important;
        border-radius: 13px !important;
        background: #333 !important;
        border: 0 !important;
        padding: 0 !important;
        font-size: 0 !important;
        transition: width 0.2s ease !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
    }

    /* 激活长条：填满li内可用宽度（总li宽-左右各3px=24px），完全锁在当前li，不溢出 */
    .p1714m836fe3a5f66e01b2 .slick-dots li.slick-active {
        min-width: 30px !important; /* 24px长条 + 左右各3px内边距 */
    }
    .p1714m836fe3a5f66e01b2 .slick-dots li.slick-active button {
        width: 24px !important;
        height: 9px !important;
        min-width: 24px !important;
        background: #dacfba !important;
        border-radius: 13px !important;
        margin: 0 !important;
    }
}