body{margin:0px;background:url(../images/index_bg.gif) repeat-x top left;font:13px "Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体";}
img{border:none;}
p {margin: 18px auto;}
hr{height:1px;border:none;border-top:1px dotted #666;}
a{color:#4f4f4f;text-decoration:none;}
a:hover{color:#ba2636;text-decoration:underline;}
ul{list-style:none;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
:focus{outline:0;}
.wrapper{width:960px;margin:0px auto;background-color:#fff;padding:2px;overflow:hidden;}
.clear{clear:both;overflow:hidden;display:block;font-size:0;height:0;line-height:0;}
.clr{overflow:hidden;}
.mt1{margin-top:10px;}
.mt2{margin-top:16px;}

.header{width:960px;margin:3px auto;overflow:hidden;}
.header a{color:#777;}
.header a:hover{color:#ff3333;text-decoration:none;}
.header .title{float:left;text-align:center;width:230px;height:54px;margin-left:1px;display:block;overflow:hidden;}
.header .banner{width:640px;height:60px;float:left;margin-left:10px;overflow:hidden;}
.header .banner img{width:468px;height:60px;display:block;}

/* 导航条样式 */
.nav {
    width: 960px;
    background: linear-gradient(to bottom, #d44, #c33); /* 使用渐变色替代图片 */
    border-radius: 4px; /* 添加圆角 */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* 添加阴影效果 */
    height: 36px; /* 稍微增加高度 */
    display: flex; /* 使用flex布局替代float */
    font-family: 'Segoe UI', Roboto, sans-serif; /* 现代字体栈 */
}

.nav ul {
    display: flex; /* flex布局 */
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

.nav li {
    position: relative;
    flex: 1; /* 等分宽度 */
    max-width: 80px; /* 限制最大宽度 */
}

.nav li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background: rgba(255,255,255,0.3); /* 使用CSS绘制分割线 */
}

.nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: white;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase; /* 字母大写 */
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); /* 更流畅的动画曲线 */
    padding: 0 10px;
}

.nav a:hover, 
.nav a:active, 
.nav a:focus {
    background: rgba(255,255,255,0.15); /* 半透明悬停效果 */
    font-size: 15px;
    transform: translateY(-1px); /* 轻微上浮效果 */
}

.nav li.active a {
    background: rgba(0,0,0,0.2);
    font-weight: 600;
}
/* 导航条样式结束 */

/* 姓名大全导航开始 */
.mainnav {
    margin: 20px 20px;
}

.mainnav ul {
    padding-left: 8px;
    font-size: 14px;
    border-bottom: 1px solid #FFE3CA;
    overflow: hidden;
    margin: 0;
    list-style: none;
}

.mainnav ul li {
    list-style: none;
    float: left;
    border: 1px solid #FFE3CA;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    line-height: 32px;
    height: 32px;
    margin-right: 8px;
    text-align: center;
    padding: 0 16px;
    color: #5A3E2A;
    background: linear-gradient(to bottom, #FFF9F3, #FFEDDC);
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 3px rgba(0,0,0,0.05);
    position: relative;
    top: 1px;
}

.mainnav ul li:hover {
    background: linear-gradient(to bottom, #FFF2E8, #FFE3CA);
    color: #3A2618;
    box-shadow: 0 4px 6px rgba(0,0,0,0.08);
}

.mainnav ul li.on {
    background: #FFE3CA;
    color: #D32F2F;
    font-weight: bold;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
    border-bottom: 1px solid #FFE3CA;
    margin-bottom: -1px;
    z-index: 2;
}

.mainnav ul li.on a {
    color: #D32F2F;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(255,255,255,0.8);
}

.mainnav ul li a {
    text-decoration: none;
    color: inherit;
    display: block;
    transition: color 0.2s ease;
}
/* 姓名大全导航结束 */

/* 次栏目导航开始 */
.correl {
  width: 950px;
  margin: -3px auto;  /* 上下10px | 水平居中 */
  padding: 0;
}

/* 网格布局 - 消除默认间距 */
.correl ul {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 网格项 - 紧凑间距 */
.correl ul li {
  margin: 4px;                   /* 统一缩小间距 */
  padding: 6px 4px;              /* 减小内边距 */
  text-align: center;
  background: #fff2e8;
  border: 1px solid #ffe3ca;
  border-radius: 4px;
}
.correl ul li a{color:#4f4f4f;text-decoration:none;}
.correl ul li:hover{background-color:#ffe3ca;}
.correl ul li .this{color:#CB0000;}
/* 次栏目导航结束 */

.plt{width:700px;float:left;overflow:hidden;}
.place{width:auto;height:32px;line-height:32px;background-color:#f6f6f6;border:1px solid #d9d9d9;text-indent:12px;font-size:14px;color:#333;overflow:hidden;}
.place a{color:#333;margin:0px 2px;}
.place a:hover{color:#ff3333;text-decoration:none;}

.prt{width:250px;float:right;overflow:hidden;}

.viewbox{width:698px;overflow:hidden;padding-bottom:8px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.viewbox .title{color:#222;text-align:center;}
.viewbox .title h2{margin:15px auto;font-size:26px;font-family: STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑";}
.viewbox .info{height:24px;line-height:20px;text-align:center;overflow:hidden;color:#666;background: url(../images/dots_x.gif) repeat-x bottom;margin:0 15px;}
.viewbox .info a{color:#690;}
.viewbox .inform{width:90%;padding:10px;line-height:40px;background:#fff5ec;border:1px solid #fcc;font-size:16px;color:#706A6A;text-align:center;margin:6px auto; overflow:hidden;}
.viewbox .xminpt{font-size:14px;color:#666;height:20px;padding-left:4px;width:52px;}

.viewbox .tbzb{margin-top:20px;line-height:1px;padding:0px 25px;font-size:15px;color:#252525;}
.viewbox .tbzb table{margin:auto;border-collapse:collapse;border:1px solid #c9c9c9;width:98%;}
.viewbox .tbzb table td{height:20px;line-height:25px;border:1px solid #c9c9c9; padding:5px;text-align:center;}

.viewbox .content{font-size:16px;padding:0px 25px 10px 25px;line-height:28px;color:#252525;}
.viewbox .content h3{padding-left: 15px; line-height: 30px; border-left: 5px solid #CC0000; font-size: 18px; background: #F5F5F5; margin: 8px 0;}
.viewbox .content .sm_list{width:90%;padding-left:20px;}
.viewbox .content .sm_list li{width:90px;list-style-type:none;float:left;padding:0;margin:0 auto;text-align:center;}
.viewbox .content .sm_list a{padding:4px 8px 4px 8px;height:26px;margin:0px 3px 0px 3px;line-height:42px;color:#4f4f4f;background-color:#fff2e8;border:1px #ffe3ca solid;border-radius:4px;}
.viewbox .content .sm_list a:hover{text-decoration:none;background-color:#ffe3ca;}
.viewbox .content .sm_list a.this{background-color:#fff;color:#ffa859;}
.viewbox .content .yunshi{margin-bottom:20px;text-align:center;}
.viewbox .content .yunshi a{width: 50%;font-size:16px;overflow: hidden;border: 0;text-align: center;margin:5px auto 10px auto;height:38px;line-height:38px;background:#FF8A11;color:#fff;border-radius: 6px;display:block;-webkit-appearance: none;}
.viewbox .content .yunshi a:hover{text-decoration:none;}
.viewbox .contentsxcx{font-size:16px;padding:0px 25px 10px 25px;line-height:28px;color:#252525;}
.viewbox .contentsxcx h3{padding-left: 15px; line-height: 30px; border-left: 5px solid #CC0000; font-size: 18px; background: #F5F5F5; margin: 8px 0;}
/* 强调文本 */
.viewbox .contentsxcx .red, 
.viewbox .contentsxcx .red strong {
    color: #c7254e; /* 深红色文字 */
    font-weight: 700; /* 加粗 */
    padding: 0 3px; /* 左右内边距3px */
    position: relative; /* 相对定位 */
}

.viewbox .contentsxcx .red::after {
    content: ""; /* 伪元素内容 */
    position: absolute; /* 绝对定位 */
    bottom: -1px; /* 定位在底部 */
    left: 0; /* 左侧对齐 */
    width: 100%; /* 宽度100% */
    height: 2px; /* 高度2px */
    background: linear-gradient(90deg, transparent, #c7254e, transparent); /* 渐变下划线效果 */
}

/* 灵签样式 */
.lingqian {
    margin:10px 30px; /* 设置容器外边距 */
}
.lingqian h3 {
    color: #FF6651; /* 设置标题颜色为橙色 */
    line-height: 1; /* 设置行高为1倍 */
    font-size: 15px; /* 设置字体大小为15px */
    text-overflow:clip; /* 设置文本溢出时的裁剪方式 */
    white-space:nowrap; /* 设置文本不换行 */
    overflow:hidden; /* 隐藏溢出的文本 */
    font-weight: bold; /* 设置字体为粗体 */
}
.lingqian h3 a{
    color: #FF6651; /* 设置链接颜色为橙色 */
}
.lingqian ul {
    list-style: none; /* 移除列表默认样式 */
    padding: 0; /* 移除内边距 */
    overflow: hidden; /* 清除浮动 */
    margin: 0 -5px 0 0; /* 设置负右边距平衡子元素的右内边距 */
}
.lingqian ul:after {
    display: block; /* 设置为块级元素 */
    content: ''; /* 清除内容 */
    clear: both; /* 清除浮动 */
}
.lingqian li {
    text-align:center; /* 文本居中对齐 */
    width:23%; /* 设置宽度为23% */
    padding-right: 5px; /* 设置右内边距 */
    margin-bottom: 5px; /* 设置底部外边距 */
    display: inline-block; /* 设置为行内块元素 */
    word-break:keep-all; /* 设置单词不换行 */
    overflow:hidden; /* 隐藏溢出内容 */
    vertical-align: top; /* 垂直顶部对齐 */
}
.lingqian li img {
    margin:auto; /* 水平居中对齐 */
    height:250px; /* 设置高度为250px */
    width:146px; /* 设置宽度为146px */
    padding:0; /* 移除内边距 */
    display:block; /* 设置为块级元素 */
    padding:5px; /* 设置内边距为5px */
    transition: transform 0.3s ease; /* 添加过渡动画效果，使变换更平滑 */
}
.lingqian li img:hover {
    transform: scale(1.02); /* 鼠标悬停时图片放大10% */
}    
/* 灵签样式结束 */

:root {
    --progress-bar-top-offset: 2px; /* 定义一个 CSS 变量，用于控制进度条的顶部偏移量，初始值为 0px */
}

.se_jin, .se_shui, .se_mu, .se_huo, .se_tu {
    display: inline-block;
    height: 16px;
    margin-left: 6px;
    border-radius: 3px;
    animation: pulseGlow 2s infinite;
    position: relative; /* 设置为相对定位，以便使用 top 属性调整位置 */
    top: var(--progress-bar-top-offset); /* 使用 CSS 变量来设置顶部偏移量 */
}

.se_jin { 
    background: #EBEBEB;
    box-shadow: 0 0 10px #C0C0C0;
}
.se_shui { 
    background: #000000;
    box-shadow: 0 0 10px #3333FF;
}
.se_mu { 
    background: #008000;
    box-shadow: 0 0 10px #00FF00;
}
.se_huo { 
    background: #ff0000;
    box-shadow: 0 0 10px #FF3300;
}
.se_tu { 
    background: #ffff00;
    box-shadow: 0 0 10px #FFCC00;
}

@keyframes pulseGlow {
    0%, 100% { box-shadow: 0 0 2px; }
    50% { box-shadow: 0 0 5px; }
}





.tbox{margin:0 0 10px 0;border-bottom:1px solid #dadada;overflow:hidden;font-size:14px;}
.tbox dt{height:32px;background-color:#f6f6f6;color:#505050;border:1px solid #DADADA;overflow:hidden;line-height:32px;clear:both;}
.tbox dt strong{height:24px;line-height:30px;font-size:14px;margin-left:10px;background:url(../images/dt_arrow.png) 0px 10px no-repeat;display:block;float:left;padding-left:18px;padding-right:4px;}
.tbox dt strong a{color:#505050;}
.tbox dt strong a:hover{color:#596F37;text-decoration:none;}
.tbox dt span.more{float:right;position:relative;padding-top:2px;line-height:25px;padding-right:8px;color:#505050;}
.tbox dt span.more a{color:#505050;text-decoration:none;}
.tbox dt span.more a:hover{color:#ff3333;text-decoration:underline;}
.tbox dd{margin:0;padding:5px 5px 10px 5px;border-left:1px solid #DADADA;border-right:1px solid #DADADA;overflow:hidden;}

.e2{margin:0;padding:0 15px 0 0;}
.e2 ul{margin:0;padding:0;}
.e2 li{width:100%;overflow:hidden;clear:both;padding:25px 0px;border-bottom:1px solid #eee;color:#333;}
.e2 li a.preview{width:154px;float:left;margin-right:10px;margin-bottom:3px;margin-left:10px;display:inline;}
.e2 li a.preview img{width:150px;height:100px;display:block;padding:1px;border:1px solid #eee;}
.e2 li a.preview:hover img{border:1px solid #aaa;}
.e2 li b a{color:#666;padding:3px 5px 3px 5px;border:1px #dbdbdb solid;border-radius:4px;}
.e2 li a.title{overflow:hidden;line-height:25px;font-weight:bold;font-size:16px;margin-left:2px;}
.e2 p.intro{color:#7b7b7b;line-height:24px;font-size:13px;margin:10px 12px 0 12px;padding-left:10px;}
.c1{padding:0;margin:0;}
.c1 li{line-height:30px;overflow:hidden;padding-left:16px;background:url(../images/ico-2.gif) 7px 13px no-repeat;}
.c1 a{color:#585858;}

.d4,.d5,.d6,.d7,.d8,.d10,.d2{padding:0;margin:0;}
.d2 li{margin:4px 8px;overflow:hidden;border-bottom:1px #ddd dashed;float:left;width:47%;}
.d2 li a{display:block;line-height:23px;overflow:hidden;text-indent:14px;background:url(../images/ico-3.gif) 4px 9px no-repeat;}
.d4{padding:0;margin:0;font-size:14px;}
.d4 li{margin:2px;line-height:32px;overflow:hidden;border-bottom:1px #ddd dashed;}
.d4 li a{display:block;overflow:hidden;text-indent:14px;background:url(../images/ico-3.gif) 4px 13px no-repeat;}
.d4 li p{color:#888;line-height:20px;height:38px;overflow:hidden;margin:10px auto;font-size:12px;}
.d5 li{float:left;margin:3px;}
.d5 li a{line-height:26px;display:block;color:#333;background-color:#f6f6f6;border:1px #f2f2f2 solid;width:100px;height:26px;padding-left:6px;}
.d5 li a:hover{text-decoration:none;background-color:#c1c1c1;}
.d6 li{float:left;margin:3px;}
.d6 li a{border-radius:5px; text-align:center;line-height:26px;display:block;color:#333;background-color:#f6f6f6;border:1px #f2f2f2 solid;width:106px;height:26px;padding-left:5px;}
.d6 li a:hover{text-decoration:none;background-color:#c1c1c1;}
.d7 li{float:left;margin:3px;}
.d7 li a{border-radius:5px; text-align:center;line-height:26px;display:block;color:#333;background-color:#f6f6f6;border:1px #f2f2f2 solid;width:66px;height:26px;padding-left:5px;}
.d7 li a:hover{text-decoration:none;background-color:#c1c1c1;}
.d8 li{margin:4px 8px;overflow:hidden;border-bottom:1px #ddd dashed;float:left;width:31%;}
.d8 li a{display:block;height:23px;line-height:23px;overflow:hidden;text-indent:14px;background:url(../images/ico-3.gif) 4px 9px no-repeat;}
.d10 li{float:left;margin:3px;}
.d10 li a{border-radius:5px; text-align:center;line-height:26px;display:block;color:#333;background-color:#f6f6f6;border:1px #f2f2f2 solid;width:106px;height:26px;padding-left:5px;}
.d10 li a:hover{text-decoration:none;background-color:#c1c1c1;}

.csbox{padding-bottom:10px;overflow:hidden;height:28px;line-height:28px;width:278px;margin:0 5px;}
.csbox form {overflow:hidden;}
.csbox form .czinpt{height:25px;line-height:26px;float:left;border-right:0;border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding-left:8px;width:143px;font-size:14px;color:#666;}
.csbox form .cminpt{width:66px;height:25px;color:#666;padding-left:8px;overflow:hidden;font-size:14px;color:#666;line-height:26px;
border-right:0;border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;float:left;}
.csbox form .cmbox{width:76px;height:27px;float:left;overflow:hidden;border-bottom:1px solid #d9d9d9;border-right:0;
border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9;}
.csbox form .btnbox{width:74px;height:27px;border:1px solid #d9d9d9;float:left;overflow:hidden;}
.csbox form .btnbox .cmbtn{width:74px;height:31px;border:0;overflow:hidden;background-color:#f0f0f0;font-size:14px;
text-align:center;cursor:pointer;color:#666;padding-bottom:5px;font-size:14px;}
.csbox form .btnbox .cmbtn:hover{background-color:#b0afaf;}
.csbox form .cmbox .pd_sele {padding-top:3px;}
.csbox form .cmbox .pd_sele select{width:74px;border:0;color:#666;font-size:14px;margin:0;float:left;}
#fix_box{width:250px;}

/* zidian */
ul.zidian{margin:0;padding:0;}
.zidian li {width: 25px;height: 25px;line-height: 25px;text-align: center;margin: 4px;display: inline;float: left;background: url(../images/right_zidian.gif);font-size: 14px;}
.hanzi{padding:0;overflow:hidden;}
.hanzi li{list-style:none;float:left;margin:5px;font-size:22px;border:1px solid #E0E0E0;padding:2px 8px;}

/* qiming */
.qiming_list{overflow:hidden;padding:10px 10px;margin-left: 10px; margin-right: 10px;}
.qiming_list li{list-style:none;float:left;margin:8px;font-size:18px;border:1px solid #E0E0E0;padding:8px 10px;}
.qiming_button{padding:0 30px;font-size:16px;overflow:hidden;border:0;text-align:center;margin:5px auto 10px auto;height:38px;line-height:38px;background:#FF8A11;color:#fff;border-radius:6px;display:block;-webkit-appearance:none}

/* class */
.explain{padding:25px 25px 22px 20px;color:#333;line-height:22px;font-size:14px;clear:both;overflow:hidden;}
.explain img{float:left;width:220px;margin-right:15px;}
.channelbox dl{width:342px;height:348px;margin-right:8px;margin-top:2px;float:left;}

/* pages */
.cms_pages{margin:0;padding:0;}
.cms_pages ul{float:left;padding:12px 0px 12px 16px;margin:0;}
.cms_pages ul li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;}
.cms_pages ul li a{float:left;padding:2px 4px 2px;color:#555;display:block;}
.cms_pages ul li a:hover{color:#690;text-decoration:none;padding:2px 4px 2px;}
.cms_pages ul li.thisclass,
.cms_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#F8F8F8;padding:2px 4px 2px;font-weight:bold;}
.cms_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.cms_pages .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}

.button{width:80%;font-size:16px;overflow:hidden;border:0;text-align:center;margin:5px auto 10px auto;height:38px;line-height:38px;background:#FF8A11;color:#fff;border-radius:6px;display:block;-webkit-appearance:none}
.sbutton,.zbbtn,.zbbtn2{overflow:hidden;font-size:14px;margin:5px;padding:7px 12px;font-weight:700;border-radius:5px;border:0;text-align:center;text-decoration:none;background:#FF8A11;color:#fff;-webkit-appearance:none;cursor:pointer;}
.f12{font-size:12px;}
.gray{color:gray;}
.red{color:red;}
.blue{color:blue;}
.green{color:green;}
.brown{color: brown;}
.fright {
  float: right;
  margin: 0;  /* 默认 margin 为 0，避免默认样式影响 */
  margin-left: 5px;  /* 控制图片左侧的外边距（防止紧贴左边内容） */
  margin-right: 0;    /* 右侧外边距（可根据需要调整） */
  display: inline-block;  /* 让元素紧凑包裹图片 */
}

.p10 {
  padding: 0;  /* 如果不需要内边距，设为 0 */
  display: inline-block;  /* 保持与浮动元素一致 */
}
.center{text-align:center;}
.line {border-top: 1px dashed #dcc4b0;margin: 8px;}
.ipt,.cmint{padding:1px 0 1px 5px;height:28px;line-height:18px;border:1px solid #d0ad9a;vertical-align:middle;background-color:#fff;font-size:14px;font-family:"\5b8b\4f53"}
.select,.zbslt{color:#3e4144;font-size:14px;height:28px;vertical-align:middle;border:1px solid #d0ad9a}
.inform_vip{width:90%;padding:10px;line-height:40px;background:#fff5ec;border:1px solid #fcc;font-size:16px;color:#706A6A;text-align:left;margin:6px auto; overflow:hidden;}
.inform_vip form{width:80%;margin:auto}
.inform_vip p{line-height:180%;text-align:left;padding:10px 0;margin:0;font-size:16px}
.vouch{margin-bottom:20px;text-align:center;}
.vouch a{background-color:#ff7a18;padding:6px 15px;border:1px #ff7a18 solid;border-radius:4px;height:35px;color:#fff;margin:auto;font-size:16px;}

.vip{float:left;width:100%;text-align:center;}
.vip ul{float:left;padding:5px 13px;width:100%;}
.vip ul li{float:left;width:17%;background-color: #F0F0F0;font-size:13px;line-height:24px;text-align:center;margin-right:6px;margin-bottom:5px;padding:4px;}
.vip ul li a{font-size:14px;font-weight:bold;}

    /* 网站底部样式 */
.footer {
    width: 100%;
    color: #999;
    padding: 10px 0;
    text-align: center;
    margin: 1px auto;
    overflow: hidden;
    line-height: 32px;
    font-size: 14px;
    position: relative;
    border-top: 2px solid transparent;
    background: #f8f9fa;
    border-image: 
        linear-gradient(
            90deg,
            transparent 30%,
            #cd0000 50%,
            transparent 70%
        ) 1 stretch;
    animation: borderGlow 3s infinite;
}

@keyframes borderGlow {
    0%, 100% {
        opacity: 0.8;
    }
    50% {
        opacity: 1;
        border-image-source: linear-gradient(
            90deg,
            transparent 20%,
            #cd0000 50%,
            transparent 80%
        );
    }
}

.footer .powered a {
    color: #999999;
    position: relative;
    padding: 0 5px;
}

.footer .powered a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 1px;
    background: #cd0000;
    transition: all 0.3s ease;
}

.footer .powered a:hover::after {
    width: 100%;
    left: 0;
}
    /* 网站底部样式结束 */

#btn_top{opacity:.6;background:#666 url(../images/to_top.png) center 50% no-repeat;border-radius:6px;position:fixed;left:50%;bottom: 80px;margin-left: 485px;border:solid 1px #555;width:42px;height:42px;display:block;z-index:100001;}
/* read all */
.read-content{overflow: hidden;width: 100%;} 
.read-contentnew {
    overflow: hidden;
    width: 100%;
    /* 新增图片样式 */
}
.read-contentnew img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover; /* 保持宽高比并填充容器 */
    display: block; /* 避免图片底部间隙 */
}
.read-content a,.content a{color:#00F;text-decoration: none;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #5c3716;}
.read-box{ position: relative; z-index: 9; padding: 0 0 25px; margin-top: -220px; text-align: center; }
.read_mask {height: 200px; background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#FFF)); background: -o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0)); }
.read-box .read_mod {background-color: #FFF; }
.read-button, .read-button:focus, .read-button:link, .read-button:visited {font-size: 1rem; color: #FF6651; background: #FFF; border-radius: .25rem; border: 1px solid #FF6651; line-height: 1.875rem; }
.read-box .read_mod a{border: 1px solid #CC0000; width: 15rem; height: 2.5rem; line-height: 2.5rem; display:inline-block; vertical-align: top;color:#CC0000;}
.read-box .read_mod a:hover{color:#CC0000;text-decoration:none;}
.read-box .read_mod img{ display:inline; width: .9375rem; height: auto; margin: 1.0625rem 0 0 .3125rem; vertical-align: top; }





.dream_sc{ width: 675px;
    padding: 10px;
    line-height: 40px;
    background: #fff5ec;
    border: 1px solid #fcc;
    font-size: 16px;
    color: #706A6A;
    text-align: center;
    margin: 6px auto;
    overflow: hidden;}
.dream_sc .search-text{display:inline-table;height:32px;line-height:32px;  }
.dream_sc .search-text span{width: 65px;height: 32px;text-align: center; color:#b07052;display:inline-table}
.dream_sc input{display:inline-table}
.dream_sc .dream_txt{padding: 1px 0 1px 5px;
    height: 28px;
    line-height: 18px;
    border: 1px solid #d0ad9a;
    vertical-align: middle;
    background-color: #fff;
    font-size: 14px;}

.btn_search {
    overflow: hidden;
    font-size: 14px;
    padding: 7px 12px;
    font-weight: 700;
    border-radius: 5px;
    border: 0;
    text-align: center;
    text-decoration: none;
    background: #FF8A11;
    color: #fff;
    -webkit-appearance: none;
    cursor: pointer;margin-left:10px;display:inline-table
}
 

.d9{padding:0;margin:0;}
.d9 li{margin:4px 8px;overflow:hidden;border-bottom:1px #ddd dashed;float:left;width:14%;}
.d9 li a{display:block;height:23px;line-height:23px;overflow:hidden;text-indent:14px;background:url(../images/ico-3.gif) 4px 9px no-repeat;}


.cp{width:180px;margin:auto;}
.cp ul{color:white;font-weight:bold;letter-spacing:2px;background-color:blue;padding:2px;}
.cp ul li{border:2px solid #fff;text-transform:uppercase;font:normal normal 26px/30px Arial, Helvetica, sans-serif;list-style-type: none;padding-top:2px;}
.zmdx{text-transform:uppercase;}
table td{ height:20px; border:solid 1px #c9c9c9; padding:5px;border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.caishenfw {color: #ffffff;text-align:center;font-size:26px;background-color:#D03D3D;width:100px;display: block;margin: 0 auto;font-weight:800;border-radius:2px;line-height:46px;}
/* 整体容器样式 */
.name-analysis-container {
    padding: 20px;
    background: linear-gradient(135deg, #ffffff, #f1f1f1);
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    transform-style: preserve-3d; /* 启用 3D 变换 */
    perspective: 1000px; /* 透视效果 */
}

/* 整体表格样式 */
.name-analysis-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: Arial, sans-serif;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateZ(20px); /* 3D 立体效果 */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 动画过渡 */
}

.name-analysis-table:hover {
    transform: translateZ(30px) rotateX(5deg) rotateY(5deg); /* 悬停时 3D 倾斜 */
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3); /* 悬停时阴影加深 */
}

/* 姓名详情表格样式 */
.name-details {
    width: 100%;
    border-collapse: collapse;
}

.name-details td, .name-details th {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9);
    transition: background-color 0.3s ease, transform 0.3s ease; /* 单元格动画 */
}

.name-details th {
    background-color: #4CAF50;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    transform: translateZ(10px); /* 表头 3D 效果 */
}

.name-details td:hover {
    background-color: rgba(240, 240, 240, 0.9);
    transform: translateZ(15px); /* 悬停时单元格凸起 */
}

/* 姓名字符样式 */
.name-character {
    font-size: 24px;
    font-weight: bold;
    font-family: 'Brush Script MT', cursive;
    color: #c33;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

/* 繁体字样式 */
.name-traditional {
    font-size: 18px;
    color: #666;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

/* 拼音样式 */
.name-pinyin {
    font-size: 16px;
    color: #333;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

/* 笔划样式 */
.name-stroke {
    font-size: 16px;
    color: #555;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

/* 五行样式 */
.name-element {
    font-size: 16px;
    color: #444;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

/* 吉凶样式 */
.name-luck {
    font-size: 16px;
    color: #d00;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

/* 姓名结构分析表格样式 */
.structure-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateZ(20px); /* 3D 立体效果 */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 动画过渡 */
}

.structure-table:hover {
    transform: translateZ(30px) rotateX(5deg) rotateY(5deg); /* 悬停时 3D 倾斜 */
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3); /* 悬停时阴影加深 */
}

.structure-table td, .structure-table th {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9);
    transition: background-color 0.3s ease, transform 0.3s ease; /* 单元格动画 */
}

.structure-table th {
    background-color: #2196F3;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    transform: translateZ(10px); /* 表头 3D 效果 */
}

.structure-table td:hover {
    background-color: rgba(240, 240, 240, 0.9);
    transform: translateZ(15px); /* 悬停时单元格凸起 */
}

/* 动画效果 */
@keyframes float {
    0% {
        transform: translateZ(20px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: translateZ(30px) rotateX(5deg) rotateY(5deg);
    }
    100% {
        transform: translateZ(20px) rotateX(0deg) rotateY(0deg);
    }
}

.name-analysis-table, .structure-table {
    animation: float 6s ease-in-out infinite; /* 浮动动画 */
}


.aiqmcx{ text-align:left; padding:10px; font-size:16px;}
.aiqmcx p{ margin:0px; margin-bottom:5px;margin-top:5px; }

.aismcx{ text-align:left; padding:10px; font-size:16px;padding:0px 25px 10px 15px;line-height:28px;color:#252525;}
.aismcx p{ margin:0px; margin-bottom:5px;margin-top:5px;}

.aiqmcx h3,.aismcx h3 {
    padding-left: 15px;
    line-height: 30px;
    border-left: 5px solid #CC0000;
    font-size: 18px;
    background: #F5F5F5;
    margin: 8px 0;
}


.aiqmcx h4,.aismcx h4 { padding: 0px;margin: 0px;
 font-weight: 700; /* 加粗程度增加 */
    color: #0D47A1; /* 更深的蓝色 */
}



.hide{ display:none}
.fuzhi_wx_btn{outline: none;
    font-size: 15px;
    color: #fff;
    height: 32px;
    width: 92px;
    line-height: 24px;
    margin-top: 6px;
    border: 1px solid #ba2636;
    border-radius: 3px;
    text-align: center;
    background-position: 0 0;
    background-color: #ba2636;
    cursor: pointer;
    margin-left: 100px; color:#fff !important; padding:0px 10px;}
    
    
    
    
    
    
    .mystic-loader {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.energy-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #9b59b6;
    animation: spin 1.5s linear infinite;
}

.energy-ring:nth-child(1) {
    animation-delay: 0s;
}

.energy-ring:nth-child(2) {
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    border-top-color: #3498db;
    animation-delay: 0.2s;
}

.energy-ring:nth-child(3) {
    width: 60%;
    height: 60%;
    top: 20%;
    left: 20%;
    border-top-color: #e74c3c;
    animation-delay: 0.4s;
}

.mystic-loader .core {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, #fff, #9b59b6);
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(155, 89, 182, 0.5);
    animation: pulse 2s ease-in-out infinite;
}

.thinking-text {
    margin-top: 12px;
    font-family: "楷体", KaiTi, serif;
    font-size: 14px;
    color: #666;
    opacity: 0.8;
    animation: fade 2s ease-in-out infinite; text-align:center ;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: translate(-50%, -50%) scale(0.8);
        opacity: 0.5;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 1;
    }
}

@keyframes fade {
    0%, 100% {
        opacity: 0.4;
    }
    50% {
        opacity: 1;
    }
}
    
    /*24节气内容页*/
.jieqi_div {
    margin: 1rem auto;
    max-width: 1000px;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center; /* 使表格整体居中 */
}

/* 表格整体样式 */
.jieqi_div table {
    width: 95%; /* 适当缩小宽度使两侧留白 */
    border-collapse: separate;
    border-spacing: 0;
    margin: 0.5rem 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    overflow: hidden;
    background: white;
}

/* 表头样式 */
.jieqi_div thead th {
    padding: 1rem;
    text-align: center;
    font-weight: 600;
    position: relative;
}

/* 季节标题行 */
.jieqi_div thead tr:first-child th {
    font-size: 1.25rem;
    letter-spacing: 1px;
    padding: 1.2rem;
    color: white;
}

/* 列标题行 */
.jieqi_div thead tr:nth-child(2) th {
    background: #f8f9fa;
    color: #495057;
    font-size: 0.95rem;
    padding: 0.8rem;
}

/* 表格内容样式 */
.jieqi_div tbody td {
    padding: 0.9rem;
    text-align: center;
    border-bottom: 1px solid #f1f3f5;
    color: #495057;
}

.jieqi_div tbody tr:last-child td {
    border-bottom: none;
}

/* 行悬停效果 */
.jieqi_div tbody tr:hover td {
    background: rgba(0, 0, 0, 0.02);
}

/* 节气名称单元格特殊样式 */
.jieqi_div tbody td:first-child {
    font-weight: 600;
    color: #212529;
}

/* 季节特色配色*/
.chun thead tr:first-child th {
    background: linear-gradient(135deg, #a8e063, #56ab2f); /* 春 - 嫩绿色 */
}

.xia thead tr:first-child th {
    background: linear-gradient(135deg, #36d1dc, #5b86e5); /* 夏 - 清凉蓝 */
}

.qiu thead tr:first-child th {
    background: linear-gradient(135deg, #f9d423, #e65c00); /* 秋 - 金黄到橙红 */
}

.dong thead tr:first-child th {
    background: linear-gradient(135deg, #a8c0ff, #3f2b96); /* 冬 - 冷紫色 */
}

/* 周末特殊标记 */
.jieqi_div tbody td:nth-child(5):contains("日") {
    color: #f03e3e;
    font-weight: 600;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .jieqi_div {
        padding: 0 1rem;
    }
    
    .jieqi_div table {
        font-size: 0.9rem;
        width: 100%; /* 小屏幕下占满宽度 */
    }
    
    .jieqi_div thead tr:first-child th {
        font-size: 1.1rem;
        padding: 1rem;
    }
    
    .jieqi_div td, .jieqi_div th {
        padding: 0.7rem 0.5rem;
    }
}

/* 图片样式调整 */
p[style*="text-align:center"] {
    text-align: center !important;
    margin: 2rem auto;
    width: 95%;
    max-width: 1000px;
}

p[style*="text-align:center"] img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    display: block;
    margin: 0 auto; /* 图片居中 */
    border: 1px solid rgba(0, 0, 0, 0.08);
}

/* 文字样式 */
.jieqi_hanyi {
    font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", sans-serif;
    max-width: 780px;
    margin: 0 auto;
    padding: 0 20px;
    color: #333;
    line-height: 1.8;
}

.jieqi_hanyi h3 {
    color: #222;
    text-align: center;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 40px 0 30px;
    position: relative;
}

.jieqi_hanyi h3:after {
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #555, transparent);
    margin: 15px auto 0;
}

.jieqi_hanyi h4 {
    color: #444;
    font-size: 18px;
    font-weight: 500;
    margin: 35px 0 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}

.jieqi_hanyi p {
    margin-bottom: 25px;
    color: #555;
    font-weight: 300;
}

.jieqi_hanyi ul {
    padding-left: 0;
    margin-bottom: 30px;
    list-style-type: none;
}

.jieqi_hanyi li {
    margin-bottom: 12px;
    position: relative;
    padding-left: 25px;
    color: #666;
}

.jieqi_hanyi li:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 10px;
    width: 6px;
    height: 6px;
    background-color: #888;
    border-radius: 50%;
    transform: translateY(-50%);
}

.jieqi_hanyi strong {
    color: #222;
    font-weight: 500;
}

.jieqi_shunkouliu {
    margin: 50px 0 30px;
    padding-top: 30px;
    border-top: 1px solid #f0f0f0;
}

.jieqi_shunkouliu h3 {
    color: #222;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 25px;
}

.jieqi_shunkouliu p {
    font-size: 18px;
    line-height: 2;
    color: #555;
    margin-bottom: 8px;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: 300;
}
    /*24节气内容页结束*/


/* 姓名大全列表开始 */
.xshanzi {
    display: flex;                      /* 使用弹性布局 */
    flex-wrap: wrap;                    /* 允许换行 */
    justify-content: center;            /* 内容居中 */
    margin: 0 auto;                     /* 水平居中 */
    padding: 3px;                      /* 内边距 */
    max-width: 1200px;                  /* 最大宽度 */
    overflow: hidden;                   /* 隐藏溢出内容 */
    background: linear-gradient(135deg, #f8f5f2 0%, #fffdfa 100%); /* 背景渐变 */
    border-radius: 12px;                /* 圆角 */
    box-shadow:                         /* 阴影效果 */
        0 4px 20px rgba(0, 0, 0, 0.08),
        inset 0 1px 1px rgba(255, 255, 255, 0.8);
}

/* 每个汉字项的基本样式 */
.xshanzi li {
    position: relative;                 /* 相对定位 */
    list-style: none;                   /* 移除列表标记 */
    margin: 2px;                       /* 外边距 */
    padding: 10px 12px;                 /* 内边距 */
    font-size: 30px;                    /* 字体大小 */
    font-family:                        /* 字体优先级列表 */
        "LXGW WenKai",                 /* 开源手写体 */
        "STKaiti",                     /* 华文楷体 */
        "KaiTi",                       /* 楷体 */
        "Noto Serif SC",               /* 思源宋体 */
        "SimSun",                      /* 宋体 */
        serif;
    font-weight: 100;                   /* 字体粗细 */
    color: #3a3226;                     /* 字体颜色 */
    background: linear-gradient(to bottom, #fff 0%, #f9f6f3 100%); /* 背景渐变 */
    border-radius: 6px;                 /* 圆角 */
    box-shadow:                         /* 阴影效果 */
        0 3px 8px rgba(0, 0, 0, 0.05),
        inset 0 -1px 0 rgba(0, 0, 0, 0.05);
    transition:                         /* 过渡效果 */
        transform 0.25s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.25s ease,
        color 0.15s ease;
    cursor: pointer;                    /* 鼠标指针样式 */
}

/* 汉字项内部的米字格效果 */
.xshanzi li::after {
    content: "";                        /* 伪元素内容 */
    position: absolute;                 /* 绝对定位 */
    top: 8px;                           /* 上边距 */
    right: 8px;                         /* 右边距 */
    bottom: 8px;                        /* 下边距 */
    left: 8px;                          /* 左边距 */
    z-index: 0;                         /* 层级 */
    pointer-events: none;               /* 不响应鼠标事件 */
    background:                         /* 米字格线条 */
        linear-gradient(to right,       /* 横线 */
            transparent calc(50% - 0.5px), 
            rgba(180, 160, 140, 0.15) calc(50% - 0.5px), 
            rgba(180, 160, 140, 0.15) calc(50% + 0.5px), 
            transparent calc(50% + 0.5px)),
        linear-gradient(to bottom,      /* 竖线 */
            transparent calc(50% - 0.5px), 
            rgba(180, 160, 140, 0.15) calc(50% - 0.5px), 
            rgba(180, 160, 140, 0.15) calc(50% + 0.5px), 
            transparent calc(50% + 0.5px)),
        linear-gradient(135deg,         /* 对角线1 */
            transparent calc(50% - 0.5px), 
            rgba(180, 160, 140, 0.1) calc(50% - 0.5px), 
            rgba(180, 160, 140, 0.1) calc(50% + 0.5px), 
            transparent calc(50% + 0.5px)),
        linear-gradient(-135deg,       /* 对角线2 */
            transparent calc(50% - 0.5px), 
            rgba(180, 160, 140, 0.1) calc(50% - 0.5px), 
            rgba(180, 160, 140, 0.1) calc(50% + 0.5px), 
            transparent calc(50% + 0.5px));
}

/* 链接样式（保持无装饰） */
.xshanzi li a,
.xshanzi li a:focus,
.xshanzi li a:active,
.xshanzi li a:visited {
    color: inherit;                     /* 继承父元素颜色 */
    text-decoration: none;              /* 移除下划线 */
    outline: none;                      /* 移除轮廓线 */
    box-shadow: none;                   /* 移除阴影 */
    background-image: none;             /* 移除背景图 */
    border: none;                       /* 移除边框 */
}

/* 移除Firefox焦点样式 */
.xshanzi li a::-moz-focus-inner {
    border: 0;                          /* 移除Firefox内边框 */
}

/* 鼠标悬停效果 */
.xshanzi li:hover {
    color: #cd3434;                     /* 悬停颜色 */
    transform: translateY(-1px) scale(1); /* 上移和放大 */
    box-shadow:                         /* 悬停阴影 */
        0 1px 5px rgba(0, 0, 0, 0.12),
        inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    z-index: 10;                        /* 提高层级 */
}

/* 鼠标点击效果 */
.xshanzi li:active {
    transform: translateY(-1px);        /* 点击下移 */
    box-shadow:                         /* 点击阴影 */
        0 4px 12px rgba(0, 0, 0, 0.1),
        inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* 内标题样式H3 */
.xingshibt h3 {
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    color: #5d4a30;
    margin: 30px 0;
    padding: 10px 0;
    position: relative;
}
.xingshibt h3::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #8b5a2b, transparent);
}

/* 平板设备适配 (992px以下) */
@media (max-width: 992px) {
    .xshanzi li {
        font-size: 32px;                /* 调整字体大小 */
        padding: 16px 20px;             /* 调整内边距 */
        margin: 8px;                    /* 调整外边距 */
    }
}

/* 小型平板设备适配 (768px以下) */
@media (max-width: 768px) {
    .xshanzi {
        padding: 24px;                  /* 调整容器内边距 */
    }
    .xshanzi li {
        font-size: 28px;                /* 调整字体大小 */
        padding: 12px 16px;             /* 调整内边距 */
    }
}

/* 手机设备适配 (480px以下) */
@media (max-width: 480px) {
    .xshanzi li {
        font-size: 24px;                /* 调整字体大小 */
        margin: 6px;                     /* 调整外边距 */
    }
}

/* 姓名大全列表结束 */

/*==================姓名大全内容页开始==================*/
/* === 列表容器样式 === */
.xmdq_list {
    padding: 16px;  /* 设置内边距为16像素 */
    margin: 1 12px;  /* 设置左右外边距为12像素，上下为1 */
    background: #FFFFFF;  /* 设置背景颜色为纯白色 */
    border-radius: 1px;  /* 设置边框圆角为1像素 */
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.04);  /* 添加轻微阴影效果 */
    display: grid;  /* 使用网格布局 */
    grid-template-columns: repeat(6, 1fr);  /* 创建7列等宽网格 */
    gap: 8px;  /* 设置网格间隙为8像素 */
}

/* === 列表项样式 === */
.xmdq_list li {
    list-style: none;  /* 移除列表项默认样式 */
    padding: 6px 16px;  /* 设置内边距 */
    font-size: 16px;  /* 设置字体大小 */
    font-weight: 500;  /* 设置字体粗细 */
    color: #444;  /* 设置文字颜色 */
    background: #F9F9F9;  /* 设置背景颜色 */
    border-radius: 8px;  /* 设置圆角 */
    border: 1px solid #F0F0F0;  /* 设置边框 */
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);  /* 添加过渡动画 */
    cursor: pointer;  /* 鼠标悬停时显示指针 */
    position: relative;  /* 设置相对定位 */
    overflow: hidden;  /* 隐藏溢出内容 */
    text-align: center;  /* 文字居中 */
    box-sizing: border-box;  /* 使用border-box盒模型 */
}

/* === 列表项悬停状态 === */
.xmdq_list li:hover {
    background: #FFF;  /* 悬停时背景变白 */
    border-color: #E0E0E0;  /* 悬停时边框颜色变化 */
    color: #222;  /* 悬停时文字颜色变深 */
    transform: translateY(0px);  /* 悬停时Y轴位移（此处无效果） */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);  /* 悬停时添加阴影 */
}

/* === 列表项底部装饰线 === */
.xmdq_list li::after {
    content: "";  /* 伪元素内容为空 */
    position: absolute;  /* 绝对定位 */
    bottom: 0;  /* 定位到底部 */
    left: 0;  /* 定位到左侧 */
    width: 100%;  /* 宽度100% */
    height: 2px;  /* 高度2像素 */
    background: linear-gradient(90deg, #FF8A11, #FFB800);  /* 渐变背景色 */
    transform: scaleX(0);  /* 初始状态缩放为0 */
    transition: transform 0.3s ease;  /* 添加过渡动画 */
}

/* === 悬停时装饰线动画 === */
.xmdq_list li:hover::after {
    transform: scaleX(1);  /* 悬停时缩放为1，显示装饰线 */
}

/* === 移动端响应式调整 === */
@media (max-width: 768px) {
    .xmdq_list {
        grid-template-columns: repeat(3, 1fr);  /* 小屏幕下改为3列 */
        gap: 8px;  /* 保持间隙 */
        padding: 12px;  /* 调整内边距 */
    }
    .xmdq_list li {
        padding: 10px 16px;  /* 调整内边距 */
        font-size: 14px;  /* 减小字体大小 */
    }
}

/* 按钮样式保持不变 */
.xmdq_button {
    padding: 0 30px;  /* 设置左右内边距 */
    font-size: 15px;  /* 设置字体大小 */
    font-weight: 600;  /* 设置字体粗细 */
    letter-spacing: 0.5px;  /* 设置字间距 */
    border: none;  /* 移除边框 */
    margin: 15px auto;  /* 设置外边距，上下15px，左右自动居中 */
    height: 46px;  /* 设置高度 */
    line-height: 46px;  /* 设置行高与高度相同实现垂直居中 */
    background: #FF8A11;  /* 设置背景色 */
    color: #FFF;  /* 设置文字颜色 */
    border-radius: 12px;  /* 设置大圆角 */
    display: block;  /* 块级显示 */
    position: relative;  /* 相对定位 */
    overflow: hidden;  /* 隐藏溢出 */
    transition: all 0.3s ease;  /* 添加过渡动画 */
    box-shadow: 0 4px 16px rgba(255, 138, 17, 0.2);  /* 添加阴影 */
}

.xmdq_button:hover {
    background: #FF6B00;  /* 悬停时背景色变深 */
    transform: translateY(0px);  /* 悬停时Y轴位移（此处无效果） */
    box-shadow: 0 6px 24px rgba(255, 107, 0, 0.3);  /* 悬停时阴影增强 */
}

.xmdq_button::before {
    content: "";  /* 伪元素内容为空 */
    position: absolute;  /* 绝对定位 */
    top: 0;  /* 定位到顶部 */
    left: -100%;  /* 初始位置在左侧外部 */
    width: 100%;  /* 宽度100% */
    height: 100%;  /* 高度100% */
    background: linear-gradient(  /* 创建渐变背景 */
        90deg,
        transparent,
        rgba(255, 255, 255, 0.2),
        transparent
    );
    transition: 0.5s;  /* 添加过渡动画 */
}

.xmdq_button:hover::before {
    left: 100%;  /* 悬停时移动到右侧外部，实现流光效果 */
}
/*================== 姓名大全内容页结束 ==================*/

/* 姓氏历史介绍开始 */
.viewbox .lishi {
  margin: 15px auto; /* 上下边距15px，左右自动居中 */
  padding: 20px; /* 内边距统一为20px */
  max-width: 100%; /* 最大宽度限制 */
  color: #4a4a4a; /* 使用一致的文字颜色 */
  font-size: 16px; /* 基础字体大小 */
  line-height: 1.8; /* 使用相对行高 */
  text-align: justify; /* 两端对齐 */
  background: linear-gradient(to bottom, #ffffff, #f8f9fa); /* 白色渐变背景 */
  border-radius: 2px; /* 圆角2px */
  box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* 阴影效果 */
  transition: all 0.3s ease; /* 过渡动画效果 */
}

.viewbox .lishi:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,0.1); /* 悬停时阴影加深 */
}

.viewbox .lishi h3 {
  padding: 10px 15px; /* 调整内边距 */
  line-height: 1.6; /* 使用相对行高 */
  border-left: 5px solid #CC0000; 
  font-size: 18px; 
  background: #F5F5F5; 
  margin: 16px 0; /* 增大外边距 */
  border-radius: 2px; /* 添加圆角 */
  transition: all 0.3s ease; /* 添加过渡效果 */
}

.viewbox .lishi h3:hover {
  background: #f0f0f0; /* 悬停时背景色微调 */
}

/* 姓氏历史介绍结束 */

.gongan-beian-icon {
    display: inline-block;
    vertical-align: middle; 
    width: auto; 
    height: 18px; 
}