/*--============================---
 *  基础组件 -- Slider样式
 *  loke 2018-08-20 18:48:43
 *--==============================*/
.sui-slider {
    position: relative;
    height: 32px;
    width: 100%;
    .axis {
        position: absolute;
        top: 50%;
        left:0;
        right: 0;
        height: 2px;
        background: #e2e2e2;
        margin-top: -1px;
    }
    .slider {
        position: absolute;
        top:50%;
        left:0;
        height: 2px;
        background: #2599f2;
        margin-top: -1px;
        width: 50%;
        z-index: 2;
    }
    .dot {
        position: absolute;
        top: 50%;
        left: 0;
        width: 12px;
        height: 12px;
        margin: -6px 0 0 -6px;
        box-sizing: border-box;
        border-radius: 50px;
        z-index:3;
        border: 2px solid #2599f2;
        background: #fff;
    }
    &.slider-dots {
        .dot {
            background: #2599f2;
            border: 0;
        }
    }
}