@charset "utf-8";
.drag{
    width: 100%;
    height: 38px;
    line-height: 38px;
    position: relative;
    margin:0 auto;
    background: #fff;
    border: .5px solid #ddd;
    border-radius: 3px;
}
.bg{
    width: 38px;
    height: 100%;
    position: absolute;
    background-color: #0087c4;
}
.text{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    user-select: none;
    font-size: 12px;
}
.btn{
    width: 38px;
    height: 38px;
    position: absolute;
    cursor: move;
    font-family: "宋体";
    text-align: center;
    background-color: #0087c4;
    user-select: none;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.slidetounlock{
    font-size: 13px;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#0087c4),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}}