/*****�϶�������֤start******/
#drag_verify{ 
	float:left;
    position: relative;
    background-color: #e8e8e8;
    width:237px;
    height: 34px;
    line-height: 34px;
    /**text-align: center;**/
	margin-left:4px;
	margin-bottom:7px;
}
#drag_verify .handler{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 32px;
    border: 1px solid #ccc;
    cursor: move;
}
#drag_verify .handlerOver{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 32px;
    border: 1px solid #ccc;
    cursor: move;
}
.handler_bg{
    background: #fff url(../images/dropStart.png) no-repeat center;
}
.handler_ok_bg{
    background: #fff url(../images/dropEnd.png) no-repeat center;
}
#drag_verify .drag_bg{
    background-color: #7ac23c;
    height: 34px;
    width: 0px;
}
#drag_verify .drag_text{
    position: absolute;
    top: 0px;
    left: 55px;
    width: 188px;
    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;
    animation-direction:alternate;
    animation:slidetounlock 3s infinite;

    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select:none;
    -ms-user-select:none; 
}
@-webkit-keyframes slidetounlock{
    0%{background-position:-200px 0}
    100%{background-position:200px 0}
}
@keyframes slidetounlock{
    0%{background-position:-200px 0}
    100%{background-position:200px 0}
}
/*****�϶�������֤end******/