.validateSlider .slide_box {
    width: 100%;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
    color: #fff;
    background-color: #dddddd;
    border: none;
    margin-bottom: 20px;
}

.validateSlider .slide_xbox {
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    background: #dd4343;
}

.validateSlider .thumb {
    box-sizing: border-box;
    border: 1px solid #a7a7a7;
    cursor: pointer;
    width: 32px;
    height: 32px;
    line-height: 24px;
    font-size: 26px;
    background-color: #f8f8f8;
    float: right;
    color: #999999;
}
.thumb:hover, .thumb.active{
    border: 1px solid #f8d9d9;
    background-color: #cdf2e1;
}

validateSlider .thumb > .iconfont {
    font-size: 20px;
}