html,body{ padding: 0; margin: 0;font-family: "Microsoft YaHei", sans-serif;overflow: hidden;}
body{ height: calc(100vh);}
.verify-container {width: 100%; padding:0;position: absolute; top:50%;left:50%;	transform: translate(-50%,-50%);}
.verify-body {text-align: center;padding: 20px;}
.verify-tips {color: #333;font-size: 14px; margin-bottom: 30px;line-height: 1.5;}
.verify-slider {width: 100%;height: 36px; background: #e8e8e8;position: relative;overflow: hidden;margin: 0 auto;border: 1px solid #e0e0e0;}
.slider-track {width: 100%;height: 100%;position: relative;}
.slider-progress {position: absolute;left: 0;top: 0;height: 100%;width: 0;background: linear-gradient(90deg, #7ac23c, #7ac23c);}
.slider-thumb {position: absolute;left: 0;top: 0;width: 36px;height: 36px;background: #fff;cursor: move;box-shadow: 0 0px 5px rgba(0,0,0,0.2);display: flex;align-items: center;justify-content: center;z-index: 2;}
.slider-thumb .thumb-icon:after {content: "";display: block;width: 22px; height: 22px;background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0icmdiYSgxNTMsMTUzLDE1MywxKSI+PHBhdGggZD0iTTE5LjE2NDIgMTJMMTIuOTU3MSA1Ljc5MjkxTDExLjU0MjkgNy4yMDcxMkwxNi4zMzU4IDEyTDExLjU0MjkgMTYuNzkyOUwxMi45NTcxIDE4LjIwNzFMMTkuMTY0MiAxMlpNMTMuNTE0MyAxMkw3LjMwNzIyIDUuNzkyOTFMNS44OTMwMSA3LjIwNzEyTDEwLjY4NTkgMTJMNS44OTMwMSAxNi43OTI5TDcuMzA3MjIgMTguMjA3MUwxMy41MTQzIDEyWiI+PC9wYXRoPjwvc3ZnPg==");background-repeat: no-repeat; background-position: center;background-size: contain; }

/* 验证成功后滑块的样式 */
.slider-thumb.ok .thumb-icon:after {width: 18px;height: 18px; background-size: 15px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNSA4LjVMNyAxMkwxMi41IDQuNSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");background-color: #7ac23c; border-radius: 50px;}
.thumb-icon {color: #333;font-size: 16px;font-weight: bold;}

.slider-text,.slider-success{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);user-select: none;font-size: 13px;}
.slider-text {color: #333;z-index: 1;}
.slider-success {color: #fff;z-index: 1;opacity: 1;}

/* 响应式设计 */
@media (max-width: 480px) {
}