.slider-verify{
    position: relative;
    background-color: #e8e8e8;
    width: 400px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.slider-verify .handler{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 32px;
    border: 1px solid #ccc;
    cursor: move;
}
.handler_bg{
    background: #fff url("../img/001.png") no-repeat center;
}
.handler_ok_bg{
    background: #fff url("../img/002.png") no-repeat center;
}
.slider-verify .drag_bg{
    background-color: #38a935;
    height: 34px;
    width: 0px;
    /* border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px; */
}
.slider-verify .drag_text{
    position: absolute;
    top: 0px;
    width: 400px;
    color:#f6f8fc;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select:none;
    -ms-user-select:none;
    font-size: 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.slidetounlock{
    font-size: 12px;
    background:-webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0,#4d4d4d),
        color-stop(.4,#4d4d4d),color-stop(.5,#fff),
        color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d)
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    -webkit-animation:slidetounlock 3s infinite;
    -webkit-text-size-adjust:none
}
@-webkit-keyframes slidetounlock
{
    0%{background-position:-200px 0} 
    100%{background-position:200px 0}
}