body {
	background-image: url(/images/bj.jpg);
  background-size: cover;

}

a:link {
	text-decoration: none;
	color: #000;
}
a:visited {
	text-decoration: none;
	color: #390;
}
a:hover {
	text-decoration: none;
	color: #06F;
}
a:active {
	text-decoration: none;
	color: #F00;
}


.lmenu{float:left; width:28%; margin-top:10px;margin-left:10px;  height:30px;line-height:30px;text-align:center;font-size:14px; border:1px solid #ccc; }

.circle { position:fixed; bottom:40px;  left:7.5%; width: 60px;height: 60px;  border-radius: 50%; overflow: hidden;  display: flex;   align-items: center;  justify-content: center;  }
.circle img {width: 100%;  height: auto;  }


.floatingAd { position:fixed;top:50px; width:100px;height:40px;color:#F00; border-top:3px solid #F00;background:#fff; text-align:center;line-height:40px; transition:left 0.5s;}

        .privacyPolicy {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #fff;
            padding: 20px;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

    /* 隐藏原始复选框 */
    #mailyz {
        display: none; /* 或者使用 opacity: 0; */
    }

    /* 自定义复选框 */
    .custom-checkbox {
        position: relative;
        width: 40px; /* 设置宽度 */
        height: 40px; /* 设置高度 */
        display: inline-block;
        cursor: pointer;
        background-color: #f0f0f0; /* 背景颜色 */
        border:1px solid #fff; /* 边框样式 */
        border-radius: 4px; /* 圆角 */
        text-align: center; /* 居中对齐 */
        line-height: 40px; /* 垂直居中 */
        color:#ccc; /* 字体颜色 */
        font-size: 28px; /* 字体大小 */
    }

    /* 选中状态 */
    #mailyz:checked + .custom-checkbox {
        background-color: #4CAF50; /* 选中时的背景颜色 */
        border-color: #4CAF50; /* 选中时的边框颜色 */
        color: white; /* 选中时的字体颜色 */
    }


    /* 首页二维码 */
        .ycq{  
            opacity: 0;  /* 编辑菜单 div 隐藏*/
        position:absolute;z-index:9999;
        bottom:200px;right:100px; width:120px;
	height:120px;line-height:120px;
        background:#fff;border:1px solid #ccc;
        text-align:center;
        font-size:12px;font-weight:bold;color:#fff;
        }  
        .login:hover .ycq{    
            opacity: 1;  /* 鼠标经过 see div 时 ycq div 显示*/
        }  

        .login:hover .ycq2{    
            opacity: 1;  /* 鼠标经过 see div 时 ycq div 显示*/
        }  



        .flash {
            animation: blink 1s infinite; /* 应用动画 */
        }

        @keyframes blink {
            0%, 100% {
                opacity: 1; /* 不透明 */
            }
            50% {
                opacity: 0; /* 透明 */
            }
        }


        .zxcontainer {float:left;margin-top:15px;margin-right:5px;
            display: flex; /* 使用 Flexbox 布局 */
            align-items: flex-end; /* 使柱形底部对齐 */
            height: 20px; /* 设置容器高度 */
            width:15px; /* 设置容器宽度 */
        }

        .zxbar {
            width:3px; /* 设置柱形的宽度 */
            margin: 0 1px; /* 设置柱形之间的间距 */
        }

        .red {
            background-color: red; /* 红色 */
            height: 10px; /* 高度 10px */
        }
        .red2 {
            background-color:#ccc; /* 灰色 */
            height: 10px; /* 高度 10px */
        }

        .green {
            background-color: green; /* 绿色 */
            height: 15px; /* 高度 20px */
        }
        .green2 {
            background-color:#ccc; /* 灰色 */
            height: 15px; /* 高度 10px */
        }

        .blue {
            background-color: blue; /* 蓝色 */
            height: 20px; /* 高度 30px */
        }
        .blue2 {
            background-color:#ccc; /* 灰色 */
            height: 20px; /* 高度 10px */
        }