@CHARSET "UTF-8";

        /* 弹窗样式 */
       .slide_modal {
            display: none;
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.4);
        }

       .slide_modal-content {
            background-color: #fefefe;
            margin: 15% auto;
            padding: 10px;
            border: 1px solid #888;
            width: 350px;
        }

        /* 关闭按钮样式 */
       .slide_close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }

       .slide_close:hover,
       .slide_close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }


		  /* 验证码容器样式 */
		.captcha-slider-div {
		}
		
		  /* 验证码容器样式 */
		.captcha-container {
		    position: relative; /* 相对定位，作为子元素绝对定位的参考 */
		    width: 300px; /* 容器宽度 */
		    height: 150px; /* 容器高度 */
		    margin: 20px auto; /* 居中显示 */
		    border: 1px solid #ccc; /* 边框样式 */
		}
		
		/* 背景图片样式 */
		.bg-image {
		    width: 100%; /* 宽度占满容器 */
		    height: 100%; /* 高度占满容器 */
		    display: block; /* 以块级元素显示 */
		}
		
		/* 滑动块图片样式 */
		.block-image {
		    position: absolute; /* 绝对定位，相对于 .captcha-container */
		    top: 0; /* 初始顶部位置 */
		    left: 0; /* 初始左侧位置 */
		    width: 50px; /* 滑动块宽度 */
		    height: 50px; /* 滑动块高度 */
		    pointer-events: none; /* 禁止鼠标事件穿透，避免影响拖动操作 */
		}
		
		/* 滑动条样式 */
		.captcha-slider {
		    width: 300px; /* 滑动条宽度 */
		    margin: 10px auto; /* 居中显示 */
		    display: block; /* 以块级元素显示 */
		}