/*--=========================================--
 *  基础组件 -- 开关样式
 *  loke 2018-08-20 17:04:06
 *--=========================================--*/
.sui-switch {
    display: inline-block;
    position: relative;
    height: 24px;
    line-height: 24px;
    width: 65px;
    background: rgb(168,170,172);
    border-radius: 3px;
    text-align: right;
    .slider {
        position: absolute;
        top:1px;
        left: 1px;
        background: #fff;
        width: 30px;
        height: 22px;
        border-radius: 3px;
        transition:left .3s;
        -moz-transition:left .3s;
        -webkit-transition:left .3s;
        -o-transition:left .3s;
    }
    .tips {
        display: inline-block;
        width: 35px;
        text-align: center;
        font-size: 12px;
        color: #fff;
    }
    &.checked {
        background: #2599f2;
        text-align: left;
        .slider {
            left: 34px;
        }
    }
    &.disabled {
        &:after {
            content: " ";
            position: absolute;
            left:0;
            right: 0;
            top:0;
            bottom: 0;
            background: rgba(255,255,255,.6);
            z-index: 7;
        }
    }
}