.slide-unlock {width: 100%; border: 1px solid #e6e7e9;border-radius: 5px; height: 40px; position: relative;background-color: #F5F5F5;overflow: hidden;text-align: center;user-select: none;-moz-user-select: none;-webkit-user-select: none;}
.slide-unlock>.slide-unlock-bg {position: absolute;left: 0;top: 0;height: 100%;background-color: #7AC23C;z-index: 1;}
.slide-unlock>.slide-unlock-btn {width: 46px;position: absolute;left: 1px;top: 1px;height: 38px;line-height: 38px;bbackground: #fff;z-index: 3;cursor: move; border-radius: 5px;}
.slide-unlock>.slide-unlock-txt {position: absolute;left: 0;width: 100%;height: 100%;font-size: 13px;font-family: 'Microsoft Yahei', serif;color: #999;line-height: 38px;text-align: center;z-index: 2;}
.slide-animation{ 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;}
.slide-success { border-color:#7AC23C; color: #7AC23C;}

@keyframes slidetounlock {
	0% {background-position: -200px 0;}
	100% {background-position: 200px 0;}
}