/* HTML5 语义化标签默认样式设置 - 将这些元素设置为块级元素以确保正确的布局 */
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}

/* 通用样式重置 - 清除多个元素的默认内外边距，确保跨浏览器一致性 */
div,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{margin:0;padding:0;}

/* 全局字体和背景设置 - 透明背景，设置默认字体和行高，自动换行 */
body{
    background-color:rgba(0, 0, 0, 0);
    font:100%/1.5em 'Microsoft Yahei',Arial,tahoma;
    word-break:break-all;
}

/* 链接样式 - 去除下划线，设置默认颜色和悬停效果 */
a{
    text-decoration:none;
    outline:none;
    -webkit-tap-highlight-color:transparent; /* 去除移动端点击链接时的高亮效果 */
    color:#000;
}
a:hover{color:#3CADFB;} /* 链接悬停时的颜色变化 */

/* 表单元素样式 - 去除默认外观，边框等 */
input{-webkit-appearance:none;border:0;} /* 去除WebKit浏览器中input的默认样式 */
input:focus,textarea:focus{
    outline:none;
    -webkit-tap-highlight-color:transparent; /* 输入框获取焦点时的样式 */
}
.submit{-webkit-tap-highlight-color:transparent;} /* 提交按钮去除点击高亮 */

/* 列表样式 - 去除默认列表符号 */
li{list-style:none;}

/* 清除浮动 - 用于包含浮动元素的容器 */
.clear{clear:both;}

/* 图片链接 - 去除图片链接的边框 */
a img{border:none;}

/* 表格样式 - 设置表格基本样式，边框等 */
table{
    background-color:transparent;
    border-spacing:0;
    border-collapse:collapse; /* 合并边框 */
    font-size:12px;
    width:100%;
    border-top:solid 1px #ddd;
    border-left:solid 1px #ddd;
    box-sizing:border-box; /* 盒模型设置，包含边框和内边距 */
}
table th{
    background-color:#f9f9f9; /* 表头背景色 */
    text-align:center;
    box-sizing:border-box;
}
table td,table th{
    padding:1%;
    border:1px solid #ddd; /* 单元格边框 */
    box-sizing:border-box;
}

/* 特定模块样式 - gold主题相关样式 */
.inner {
  /* width: 1280px; 内容容器宽度 */
  /* margin-left: auto; */
  /* 默认使用auto宽度，允许内联样式或特定页面样式覆盖 */
  margin-right: 0; /* 右对齐，左自动，使容器右靠齐 */
}

/* 404页面样式 - 页面未找到时的显示样式 */
.nofound{
    padding:32vh 0; /* 垂直方向内边距为视口高度的32% */
    text-align:center;
    color:#888;
}
.nofound h2{
    font-weight:lighter;
    line-height:1.5em;
    font-size:3em;
}
.nofound p{
    font-weight:lighter;
    font-size:0.875em;
    padding:5px 0;
}
.nofound a{
    background-color:#3CADFB;
    color:#fff;
    padding:0 5px;
    border-radius:2px;
}

/* 顶部标签样式 - 如"置顶"等标签 */
.top{
    font-style:normal;
    font-size:12px;
    background-color:#0A9BE6;
    color:#fff;
    padding:1px 3px;
    border-radius:0 0 2px 2px; /* 只有右下角和左下角有圆角 */
    position:absolute;
    left:5px;
    top:0;
}

/* 网站图标样式 - 处理图片容器的定位和溢出 */
.siteIcon{position:relative;}
.siteIcon a,.thumbnail a{
    display:block;
    position:relative;
    overflow:hidden; /* 超出容器的内容隐藏 */
}
.siteIcon img,.thumbnail img{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover; /* 图片自适应容器，保持比例并覆盖 */
}
.thumbnail a{padding-bottom:75%;} /* 缩略图容器的宽高比为4:3 */
.siteIcon a{padding-bottom:100%;} /* 网站图标容器为正方形 */

/* slick轮播插件样式 - 轮播组件的基础样式 */
.slick-load{/*display:none;*/overflow:hidden;}
.slick-slider{
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none; /* 禁止用户选择文本 */
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y; /* 触摸设备上允许垂直平移 */
    -webkit-tap-highlight-color:transparent;
}
.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0;
}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;} /* 拖拽时的鼠标样式 */
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0); /* 硬件加速，提升性能 */
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.slick-track:before,.slick-track:after{
    display:table;
    content:''; /* 清除浮动的伪元素 */
}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;} /* 加载中隐藏轨道 */
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px;
}
[dir='rtl'] .slick-slide{float:right;} /* 右到左语言时的浮动方向 */
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;} /* 拖拽时图片不响应事件 */
.slick-initialized .slick-slide{display:block;} /* 初始化后显示幻灯片 */
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent;
}
.slick-arrow.slick-hidden{display:none;} /* 隐藏不可见的箭头 */

/* 页头样式 */
#header{
    width:100%;
    background-color:rgba(0, 0, 0, 0); /* 透明背景 */
    position:relative;
    z-index:9; /* 确保在其他元素上方 */
}
#header .inner{position:relative;}

/* Logo样式 */
#logo{
    float:left;
    padding:20px 0;
}
#logo a{display:block;}

/* 搜索表单样式 */
#searchForm{
    margin-left:220px;
    overflow:hidden;
    padding:33px 0;
}
#searchForm .form{
    position:relative;
    float:right;
    width:55%;
}
#searchForm .submit{
    background-color:#861f1f;
    height:100%;
    width:85px;
    border-radius:0 3px 3px 0; /* 右侧圆角 */
    color:#fff;
    cursor:pointer;
    font-size:18px;
    position:absolute;
    right:0;
    top:0;
}
#searchForm .submit:hover{background-color:#1A9ADA;} /* 提交按钮悬停效果 */
#searchForm .input{
    #margin-right:#85px;
    border:1px solid #ddd;
    border-right:none; /* 右侧无边框，与提交按钮合并 */
    overflow:hidden;
    border-radius:3px 0 0 3px; /* 左侧圆角 */
}
#searchForm .s{
    font-size:16px;
    #height:#30px;
    line-height:30px;
    width:90%;
    padding:6px 5%;
    box-shadow:inset 0px 0px 2px #0020ff; /* 内阴影效果 */
}

/* 顶部按钮样式 - 如搜索按钮、导航按钮 */
#topBtn{
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%); /* 垂直居中 */
    display:none; /* 默认隐藏 */
}
#topBtn .btn{
    width:70px;
    height:70px;
    float:left;
    cursor:pointer;
    position:relative;
}
#topBtn .cur{
    box-shadow:0 0 3px #aaa;
    background-image::-moz-linear-gradient(top,#ddd,#fff);
    background-image::-webkit-linear-gradient(top,#ddd,#fff);
    background-image::-o-linear-gradient(top,#ddd,#fff);
    background-image:linear-gradient(to bottom,#ddd,#fff); /* 渐变背景 */
}

/* 搜索按钮图标 */
#schBtn i{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url(../images/seach.png) no-repeat 20px 20px; /* 搜索图标背景 */
}

/* 导航按钮样式 - 汉堡菜单 */
#navBtn i,#navBtn:before,#navBtn:after{
    display:block;
    height:3px;
    background-color:#aaa;
    position:absolute;
    left:25%;
    width:50%;
    border-radius:1.5px;
}
#navBtn i{
    top:50%;
    transform:translateY(-50%); /* 中间线垂直居中 */
}
#navBtn:before{
    top:22px;
    content:''; /* 上横线 */
}
#navBtn:after{
    bottom:22.5px;
    content:''; /* 下横线 */
}

/* 通知栏样式 */
#notice{
    overflow:hidden;
    position:relative;
    background-color:#ff57224a; /* 浅橙色背景 */
    padding:10px 20px 10px 40px;
    line-height:31px;
    font-size:14.8px;
}
/* 通知栏图标 */
#notice:before{
    width:0px;
    height:0px;
    content:'';
    display:block;
    position:absolute;
    left:20px;
    top:50%;
    margin-top:-2.5px; 
    background: url(../images/icon-speaker.png);
    background-repeat: no-repeat;
    background-size: contain; 
    left: 0;
    top: 30%;
}

#notice .slick-load{padding-right:80px;}
#notice .item{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis; /* 文本溢出时显示省略号 */
    list-style: decimal;
}
#notice a:hover{text-decoration:underline;} /* 通知链接悬停下划线 */
#notice .slick-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    display:block;
    font-size:0;
    background:none;
    width:30px;
    height:30px;
    border:none;
    cursor:pointer;
}
#notice .slick-arrow:focus{outline:none;}
#notice .slick-arrow:after{
    content:'';
    display:block;
    position:absolute;
    left:9px;
    top:50%;
    transform:translateY(-50%);
    border-right:6px solid transparent;
    border-left:6px solid transparent;
}
#notice .slick-prev{right:40px;}
#notice .slick-next{right:0;}
#notice .slick-prev:after{border-bottom:none;border-top:6px solid #999;} /* 上箭头 */
#notice .slick-next:after{border-top:none;border-bottom:6px solid #999;} /* 下箭头 */

/* 导航栏样式 */
#nav{
    width:100%;
    background-color:rgba(0, 0, 0, 0);
    overflow:hidden;
    /border-top: 9.9px solid #000;
}
#nav ul{
    height:42px;
    line-height:42px; 
    /*border-left:1px solid #32a2f0;*/
}
#nav li{
    float:left;
    font-size:19px;
    position:relative;
    width:11.11%;
    width:25%; /* 四个导航项平分宽度 */
    text-align:center;
}
#nav li:last-child:after{
    position:absolute;
    left:100%;
    top:0;
    height:100%;
    width:0;
    /border-right:1px solid #74c5fd;
    content:'';
    display:block;
}
#nav li a{
    color:#000;
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    /border-left:1px solid #32a2f0;
    /border-right:1px solid #32a2f0;
    padding:5px;
    /border-bottom:1px solid #32a2f0;
    position:relative;
}
#nav li.on > a,
#nav li.cur > a{background-color:rgba(0,0,0,0);} /* 当前项样式 */
#nav li ul{
    position:absolute;
    left:0;
    top:100%;
    background:rgba(60,173,251,0.9); /* 半透明背景 */
    width:100%;
    z-index:2;
    display:none; /* 默认隐藏下拉菜单 */
    border:none;
    height:auto;
}
#nav li li{
    float:none;
    width:auto;
}
#nav li li:last-child:after{display:none;}
#nav li li a{border:none;}
#nav em {display: none;}

/* 固定导航样式 - 可能用于滚动时固定在顶部 */
#nav-fixed nav{
    width:100%;
    background-color:rgba(0, 0, 0, 0);
    overflow:hidden;
    /border-top: 9.9px solid #000;
}
#nav-fixed nav ul{
    height:42px;
    line-height:42px; 
    /*border-left:1px solid #000;*/
}
#nav-fixed nav li{
    float:left;
    font-size:19px;
    position:relative;
    width:11.11%;
    width:25%;
    text-align:center;
}
#nav-fixed nav li:last-child:after{
    position:absolute;
    left:100%;
    top:0;
    height:100%;
    width:0;
    /border-right:1px solid #74c5fd;
    content:'';
    display:block;
}
#nav-fixed nav li a{
    color:#000;
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    /border-left:1px solid #32a2f0;
    /border-right:1px solid #32a2f0;
    padding:5px;
    /border-bottom:1px solid #32a2f0;
    position:relative;
}
#nav-fixed nav li.on > a,
#nav-fixed nav li.cur > a{background-color:rgba(0,0,0,0);}
#nav-fixed nav li ul{
    position:absolute;
    left:0;
    top:100%;
    background:rgba(60,173,251,0.9);
    width:100%;
    z-index:2;
    display:none;
    border:none;
    height:auto;
}
#nav-fixed nav li li{
    float:none;
    width:auto;
}
#nav-fixed nav li li:last-child:after{display:none;}
#nav-fixed nav li li a{border:none;}
#nav-fixed nav em {display: none;}

/* 媒体查询 - 屏幕宽度小于等于1024px时 */
@media only screen and (max-width:1024px){
    #nav-fixed{
        display:none!important /* 在中等屏幕上隐藏固定导航 */
    }
}

/* 容器样式 */
#container{
    clear:both;
    padding:10px 0;
}
#container .inner{display:table;table-layout:fixed;} /* 使用表格布局 */
#container .td{display:table-cell;vertical-align:top;} /* 表格单元格样式 */
#container .space{width:20px;} /* 列间距 */

/* 侧边栏样式 */
.sidebar{width:250px;background-color:#fff;}

/* 主内容区样式 */
.main{overflow:hidden;background-color:#fff;}

/* 小部件样式 */
.widget{background-color:#fff;overflow:hidden;}
.widget ul{display: flex;padding:0 20px 5px;}
.widget li{font-size:14px;padding:15px 0;border-bottom:1px dashed rgba(0, 0, 0, 0);}

/* 控制面板样式 */
.divContorPanel div{padding:15px 20px;font-size:14px;}

/* 日历控件样式 */
.divCalendar table{text-align:center;}
.divCalendar *{border-color:#eee;}

/* 搜索面板样式 */
.divSearchPanel form{
    position:relative;
    overflow:hidden;
    padding-right:40px;
    margin:15px 20px;
}
.divSearchPanel input[type='submit']{
    font-size:14px;
    background-color:#3CADFB;
    color:#fff;
    width:40px;
    height:34px;
    display:block;
    position:absolute;
    right:0;
    top:0;
    border-radius:0 3px 3px 0;
    cursor:pointer;
}
.divSearchPanel input[type='text']{
    height:22px;
    line-height:22px;
    width:92%;
    padding:5px 4%;
    border:1px solid #e4e4e4;
    border-radius:3px;
    border-right:none;
    font-size:14px;
    color:#333;
}

/* 标签云样式 */
.divTags ul,
.divTags .textwidget {overflow:hidden; padding:10px 20px;}
.divTags li{
    float:left;
    padding:2px 5px 2px 0; 
    border-bottom: none;
}
.divTags li a {display: block; margin:0;}
.divTags .tag-count,.divTags a:before{display:none;}
.divTags a{
    display:inline-block;
    padding:0 8px;
    background-color:#ddd;
    color:#fff;
    font-size:12px;
    height:20px;
    line-height:18px;
    border-radius:2px; 
    margin:2px 5px 2px 0;
}
.divTags a:hover{opacity:.85;} /* 悬停时半透明 */
/* 不同标签的颜色区分 */
.divTags a:nth-child(8n-7) {background-color:#8A9B0F;}
.divTags a:nth-child(8n-6) {background-color:#EB6841;}
.divTags a:nth-child(8n-5) {background-color:#3FB8AF;}
.divTags a:nth-child(8n-4) {background-color:#FE4365;}
.divTags a:nth-child(8n-3) {background-color:#FC9D9A;}
.divTags a:nth-child(8n-2) {background-color:#EDC951;}
.divTags a:nth-child(8n-1) {background-color:#C8C8A9;}
.divTags a:nth-child(8n) {background-color:#83AF9B;}
.divTags a:first-child {background-color:#E1474D;}
.divTags a:last-child {background-color:#3CADFB;}

/* 侧边网站列表样式 */
.sidesite li{
    white-space:normal;
    overflow:hidden;
    padding:10px 0 10px 30px;
    position:relative;
}
.sidesite li:before{
    content:'';
    display:block;
    width:3px;
    height:3px;
    border-radius:50%;
    background-color:#f50; /* 红色小圆点 */
    position:absolute;
    left:0;
    top:23.5px;
}
.sidesite li .icon{
    width:30px;
    float:right;
    border-radius:50%;
    overflow:hidden;
}
.sidesite li .icon a{
    display:block;
    padding-bottom:100%;
    background:no-repeat center center;
    background-size:cover;
}
.sidesite li h4{
    font-size:19px;
    font-weight:normal;
    margin-right:35px;
    line-height:26px;
    padding:2px 0;
    margin-bottom:5px;
}
.sidesite li .meta{overflow:hidden;clear:both;}
.sidesite li span{
    display:block;
    font-size:15px;
    color:#000;
    line-height:2em;
}
.sidesite li .left{float:left;}
.sidesite li .right{
    float:right;
    color:#f00;
    min-width:30px;
    text-align:center;
}

/* 分类文章列表样式 */
.catpost li{position:relative;}
.catpost li .pic{float:left;width:65px;}
.catpost li .pic i{
    display:block;
    padding-bottom:75%;
    background:no-repeat center center;
    background-size:cover;
}
.catpost li h4{
    margin-left:75px;
    overflow:hidden;
    font-weight:normal;
    font-size:15px;
    line-height:1.72em;
    height:3.44em; /* 两行文本高度 */
}

/* 广告小部件样式 */
.widget-ad{border:none;}
.widget-ad img,.postImg img{width:100%;height:auto;display:block;}

/* 文章图片样式 */
.postImg{margin-bottom:20px;overflow:hidden;height:auto;}

/* 面包屑导航样式 */
.breadcrumb{
    font-size:12px;
    
    background:url(../images/ico.png) no-repeat -19px -71.5px
}

/* 盒子标题样式 */
.boxTitle{
    padding:8px 20px;
    border-bottom:2px solid rgba(0, 0, 0, 0);
    overflow:hidden;
    position:relative;
}
.boxTitle .title{
    font-size:21px;
    padding-left:33px;
    background:url(../images/ico.png) no-repeat /*-19px -71.5px*/;
    margin-right:40px;
}
.boxTitle .title a{color:#000;}
.boxTitle .title a:hover{color:#3CADFB;}
.boxTitle .more{
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%); /* 垂直居中 */
    font-size:19px;
}
.boxTitle .more a{color:#d72715;}
.boxTitle .more i{font-style:normal;}

/* 面包屑导航文本样式 */
.breadcrumb{color:#ff0000;}
.breadcrumb i{font-family:Arial;}
.breadcrumb a{color:#000;font-size:1.5em;}

/* 首页盒子样式 */
.hmBox{position:relative;}
.hmBox ul{overflow:hidden;}
.hmBox li{
    float:left;
    width:33.33%; /* 三列布局 */
    border-bottom:1px solid rgba(0, 0, 0, 0);
}
.hmBox .box{
    padding:20px;
    overflow:hidden;
    position:relative;
}
.hmBox .siteIcon{float:left;width:100px;overflow:hidden;}
.hmBox .info{margin-left:115px;overflow:hidden;}
.hmBox .info.nl{margin-left:0;}
.hmBox .name{
    font-size:25px;
    margin-bottom:6.5px;
    line-height:2.5em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis; /* 文本溢出显示省略号 */
    position:relative;
    /font-weight:normal;
}
.hmBox .intro{
    font-size:15px;
    color:#000;
    line-height:1.65em;
    height:4.95em; /* 三行文本高度 */
    overflow:hidden;
}
.hmBox .nl .intro{height:3.3em;} /* 两行文本高度 */

/* 网站列表样式 */
.siteList{
    overflow:hidden;
    clear:both;
    border-bottom:1px dashed #eee;
    padding:20px;
}
.siteList .icon{
    float:left;
    width:265px; 
    height:265px;
    border:1px solid #eee;
    padding:2px;
    position:relative;
}
.siteList .icon a{
    display:block;
    padding-bottom:100%;
    position:relative;
}
.siteList .icon img{
    display:block;
    width:100%;
    height:auto;
    min-height:100%;
    position:absolute;
    left:0;
    top:0;
}
.siteList .top{
    background-color:#96CC29;
    box-shadow:0px 0px 1px #96CC29;
    top:-1px;
}
.siteList .info{
    margin-left:180px;
    overflow:hidden;
    padding:0 2.5%;
}
.siteList .title{
    font-size:25px;
    line-height:1.5em;
    margin-bottom:13px;
}
.siteList .title a{color:#000;}
.siteList .excerpt{
    font-size:15px;
    line-height:1.75em;
    height:5.25em; /* 三行文本 */
    overflow:hidden;
    color:#000;
    margin-bottom:15px;
    text-align:justify;
    display: -webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp:3; /* 最多显示3行 */
}
.siteList .more{float:right;}
.siteList .more a{
    display:block;
    color:#fff;
    background-color:#69c;
    font-size:0.975em;
    padding:3px 10px;
    border-radius:3px;
}

/* 博客列表样式 */
.blogList{
    padding:20px;
    border-bottom:1px dashed #eee;
    overflow:hidden;
}
.blogList .thumbnail{float:left;width:250px;}
.blogList .info{margin-left:270px;overflow:hidden;}
.blogList .title{
    font-size:18px;
    line-height:1.5em;
    margin-bottom:10px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.blogList .title i{
    display:inline-block;
    background-color:#96CC29;
    color:#fff;
    font-style:normal;
    font-size:12px;
    padding:0 5px;
    border-radius:3px;
    line-height:22px;
    margin-top:4px;
    margin-right:5px;
    vertical-align:top;
}
.blogList .excerpt{
    font-size:14px;
    line-height:2em;
    color:#555;
    margin-bottom:10px;
    max-height:8em; /* 四行文本 */
    overflow:hidden;
    text-align:justify;
    display: -webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp:4; /* 最多显示4行 */
}
.blogList .more{text-align:right;}
.blogList .more a{color:#3CADFB;font-size:18px;}

/* 网站文章样式 */
.sitePost{padding:20px;position:relative;}

/* 网站文本内容样式 */
.siteText{
    clear:both;
    padding:20px 0;
    border-top:1px solid rgba(0, 0, 0, 0);
    position:relative;
    overflow:hidden;
    display:table;
    width:100%;
    table-layout:fixed;
}
.siteText .left,.siteText .right{
    display:table-cell;
    vertical-align:top;
}
.siteText .right{
    width:220px;
    padding-left:20px;
}
.siteText .title{
    font-size:16px;
    background:url(../images/ico.png) no-repeat -19px -70px;
    padding-left:20px;
    margin-bottom:20px;
}

/* 相关新闻样式 */
.relatedNews{
    background-color:rgba(0, 0, 0, 0);
    border:3px solid #B7EC82;
    padding:19px;
}
.relatedNews h3{
    font-size:19px;
    margin-bottom:13px;
    color:#649505;
}
.relatedNews ul{padding-left:1em;}
.relatedNews li{
    font-size:19px;
    line-height:2.5em;
    color:#1f74af;
}
.relatedNews li a{
    color:#649505;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.relatedNews li a:hover{color:#6699D5;}

/* 文章盒子样式 */
.postBox{
    margin-top:20px;
    overflow:hidden;
    clear:both;
}
.postBox h3{
    background-color:#0006ff;
    color:#fff;
    border-radius:3px 3px 0 0;
    padding:5px 15px;
    font-size:0.875em;
}
.postBox .box{
    border:1px solid #eee;
    border-top:none;
    overflow:hidden;
    padding:0 25px;
}

/* 警告文本样式 */
.warning{
    font-size:15px;
    line-height:2em;
    color:#f50;
    margin-bottom:15px;
}

/* 评论列表样式 */
#commentslist{margin-bottom:25px;}
#commentslist li{
    overflow:hidden;
    padding:25px 0;
    border-bottom:1px solid #eee;
    overflow:hidden;
}
#commentslist .gravatar{float:left;}
#commentslist .gravatar img{
    width:45px;
    height:45px;
    border-radius:50%; /* 圆形头像 */
    display:block;
}
#commentslist .info{margin-left:60px;}
#commentslist .name{
    font-size:16px;
    line-height:1.5em;
    font-weight:bold;
}
#commentslist .name a{color:#333;}
#commentslist .text{
    font-size:14px;
    line-height:1.75em;
    padding:8px 0;
}
#commentslist .meta{
    font-size:12px;
    color:#999;
    overflow:hidden;
}
#commentslist .meta span{display:block;float:left;}
#commentslist .meta .reply{padding-left:10px;}
#commentslist .meta a{color:#999;}
#commentslist .meta a:hover{color:#69C;}
#commentslist li ol{
    background-color:#fafafa;
    margin-left:60px;
    padding:15px;
    margin-top:15px;
    position:relative;
}
#commentslist li ol:before{
    content:'';
    display:block;
    width:20px;
    height:40px;
    border-left:1px solid #ddd;
    border-bottom:1px solid #ddd;
    position:absolute;
    left:-37.5px;
    top:-20px; /* 评论嵌套的连接线 */
}
#commentslist li li{
    border-bottom:none;
    padding:0;
}
#commentslist li li ol{
    margin-left:10px;
    padding:0;
    margin-top:10px;
}
#commentslist li li ol:before{display:none;}
#commentslist li li .gravatar img{width:35px;height:35px;}
#commentslist li li .info{margin-left:45px;}
#commentslist li li .text{padding:5px 0;}

/* 评论表单样式 */
#comment .item{
    margin-bottom:15px;
    overflow:hidden;
    position:relative;
}
#comment label{
    display:block;
    float:left;
    width:55px;
    background-color:#3CADFB;
    color:#fff;
    font-size:14px;
    height:42px;
    line-height:42px;
    border-radius:3px 0 0 3px;
    padding:0 10px;
}
#comment .input{
    margin-left:75px;
    border:1px solid #000;
    border-left:none;
    overflow:hidden;
    border-radius:0 3px 3px 0;
}
#comment .input.nl{
    margin-left:0;
    border-left:1px solid #000;
}
#comment .verify img{
    display:block;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    max-height:42px;
    width:auto;
}
#comment .text{
    padding:8px 3%;
    height:24px;
    width:94%;
    font:normal 14px/24px 'Microsoft Yahei';
    color:#333;
}
#comment textarea.text{
    height:120px;
    border:none;
    resize:vertical; /* 允许垂直调整大小 */
    padding:2%;
    width:96%;
}
#comment .submit{
    background-color:#0006ff;
    color:#fff;
    cursor:pointer;
    width:120px;
    height:45px;
    border-radius:3px;
    float:right;
    font-size:16px;
}
#cancel-reply{color:#f50;font-size:1em;}

/* 菜单样式 */
#menu{box-shadow:0 0 8px #000;}
#menu ul{border:1px solid #eee;border-bottom:none;}
#menu li{
    font-size:18px;
    line-height:1.75em;
    text-align:center;
    border-bottom:1px solid #eee;
}
#menu li a{
    display:block;
    color:#333;
    padding:10px;
}
#menu li a:hover,#menu li.curpage a{
    background-color:#96CC29;
    color:#fff;
}

/* 单页文章样式 */
.singlePage{padding:5% 20px;}
.singlePage .title{
    font-size:24px;
    color:#333;
    margin-bottom:2.5%;
    line-height:1.5em;
    text-align:center;
}

/* 文章内容样式 */
.entry{
    font-size:16px;
    color:#333;
    line-height:1.875em;
    overflow:hidden;
}
.entry ul,.entry ol{
    padding-left:1em;
    margin-left:2em;
    margin-bottom:2%;
}
.entry ul li{list-style:outside disc none;} /* 无序列表符号 */
.entry ol li{list-style:outside decimal none;} /* 有序列表符号 */
.entry li p{margin-bottom:0;}
.entry a{color:#3A599A;}
.entry img{max-width:100%;height:auto!important;} /* 图片自适应 */
.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{margin-bottom:2%;}
.entry blockquote{
    overflow:hidden;
    margin:0 2em 2%;
    background-color:#f9f9f9;
    border:1px dashed #dedede;
    border-radius:5px;
    padding:2% 2% 0;
}
.entry hr{
    margin-bottom:2%;
    border:none;
    border-bottom:1px solid #eee;
}

/* 提交网站表单样式 */
#submitSite{width:600px;margin:0 auto;}
#submitSite .item{overflow:hidden;margin-bottom:20px;}
#submitSite label{
    display:block;
    height:42px;
    line-height:38px;
    float:left;
    width:95px;
    text-align:right;
    color:#222;
    font-size:16px;
}
#submitSite label i{font-style:normal;color:#f00;} /* 星号必填标记 */
#submitSite .ml4{margin-left:105px;overflow:hidden;}
#submitSite .input{border:3px solid #ddd;border-radius:3px;}
#submitSite .text{
    height:26px;
    line-height:26px;
    padding:5px 5%;
    display:block;
    width:90%;
    font-family:'Microsoft Yahei';
    font-size:14px;
    color:#555;
    border:none;
}
#submitSite .tips{
    display:block;
    clear:both;
    font-size:12px;
    color:#a3a3a3;
}
#submitSite select{
    border:3px solid #ddd;
    height:38px;
    line-height:38px;
    width:100%;
    padding:0 5%;
    border-radius:3px;
    font-family:'Microsoft Yahei';
    font-size:14px;
    color:#555;
    overflow:hidden;
}
#submitSite textarea.text{height:150px;resize:vertical;}
#submitSite .submit{
    display:block;
    width:38px;
    line-height:38px;
    border:none;
    width:120px;
    cursor:pointer;
    background-color:#3CADFB;
    color:#fff;
    border-radius:3px;
}
#submitSite .warning {margin-bottom: 0;}

/* 博客文章样式 */
.blogPost{padding:30px 20px;}
.blogPost .title{
    color:#333;
    line-height:1.5em;
    font-size:24px;
    text-align:center;
    font-weight:normal;
    margin-bottom:2%;
}

/* 文章元数据样式 */
.postmeta{
    text-align:center;
    font-size:12px;
    color:#999;
    margin-bottom:20px;
    border-bottom:1px solid rgba(0, 0, 0, 0);
    padding-bottom:5px;
}
.postmeta span{padding:2px 5px;}

/* 分页导航样式 */
.pagenavi{
    padding:15px 0;
    text-align:center;
}
.pagenavi.commentpagebar{padding:0;}
.pagenavi a,.pagenavi span.now-page{
    display:inline-block;
    padding:2px 10px;
    border:1px solid #ddd;
    border-radius:2px;
    font-size:0.75em;
    color:#ff0000;
    margin:2px;
}
.pagenavi a:hover,.pagenavi span.now-page{
    border-color:#3CADFB;
    color:#3CADFB;
}

/* 友情链接样式 */
.friendlinks ul{overflow:hidden;}
.friendlinks ul li{
    display:inline-block;
    font-size:1.1em;
    color:#000;
    padding:0px;
}
.friendlinks ul li a{color:#32a2f0;}
.friendlinks ul li i{
    padding-right:10px;
    color:#999;
}

/* 页脚样式 */
.footer{
    background-color:#96cc29;
    border-top:1px solid #eee;
    padding:20px 0;
    text-align:center;
}
.footer p{
    font-size:13px;
    color:#666; 
    line-height: 3em;
}
.footer a{
    color:#000; 
    display: inline-block;
}
.footer img {
    display: inline-block;
    vertical-align: middle; 
    height: 20px; 
    width: auto; 
    margin-top:-2px;
}

/* 相关网站样式 */
.relatedSite{
    overflow:hidden;
    margin-bottom:20px;
    padding:10px;
    background-color:#EBF4FB;
    overflow:hidden;
    border:1px solid #C9E2F1;
}
.relatedSite ul{
    overflow:hidden;
    display: flex;
  flex-direction: row; /* 横向排列子元素 */
  flex-wrap: wrap; /* 允许自动换行（关键：实现2行显示） */
  align-items: stretch; /* 自动对齐所有列表项高度，解决高度不一致 */
  gap: 10px; /* 列表项之间的「横向间距+纵向间距」（便捷高效，无需单独设置margin） */
  padding: 10px; /* 父容器内边距，让内容不贴边 */
  overflow: hidden; /* 禁止滚动，隐藏超出2行的内容（若有多余项） */
}
.relatedSite li{
    flex: 0 0 calc((100% - 50px) / 6); /* 50px = 5*10px（与gap横向间距对应） */
  min-height: 180px; /* 统一最小高度，确保2行视觉整齐（可根据需求调整） */
} 
/* 六列布局 */
.relatedSite li .box{
    padding:10px;
    display:block;
    overflow:hidden;
    color:#555;
}
.relatedSite li .icon{
    padding-bottom:100%;
    position:relative;
    border-radius:3px;
    overflow:hidden;
    margin-bottom:5px;
}
.relatedSite li img{
    display:block;
    width:100%;
    height:auto;
    min-height:100%;
    position:absolute;
    left:0;
    top:0;
}
.relatedSite li h4{
        text-align: center;
    /* 1. 移除强制单行的 white-space: nowrap; */
    /* white-space: nowrap; 删掉这行 */
    overflow: hidden; /* 保留，隐藏超出内容 */
    text-overflow: ellipsis; /* 多行下需配合-webkit-line-clamp生效 */
    /* 2. 添加多行截断核心属性 */
    display: -webkit-box; /* 弹性盒模型，用于多行截断 */
    -webkit-box-orient: vertical; /* 设置弹性盒的排列方向为垂直 */
    -webkit-line-clamp: 2; /* 限制显示2行 */
    font-size: 15px;
    line-height: 1.75em;
    /* font-weight: normal;*/
    /* 可选：添加高度兜底（防止行高不一致导致显示异常） */
    max-height: calc(1.75em * 2); /* 行高×行数，精准控制高度 */
}

/* 网站信息样式 */
.siteInfo{
    display:table;
    width:100%;
    table-layout:fixed;
    margin-bottom:20px;
}
.siteInfo .icon{
    display:table-cell;
    vertical-align:top;
    width:150px;
}
.siteInfo .icon a{
    display:block;
    width:265px;
    height:265px;
    border:1px solid #eee;
    padding:2px;
}
.siteInfo .icon img{
    display:block;
    width:100%;
    height:auto;
}
.siteInfo .info{
    display:table-cell;
    vertical-align:top;
    padding:0 2%;
}
.siteInfo .title{
    font-size:25px;
    color:#000;
    line-height:1.5em;
    margin-bottom:10px;
}
.siteInfo li{
    font-size:16px;
    line-height:0.4em;
    color:#000;
}
.siteInfo .btn{
    display:table-cell;
    vertical-align:top;
    text-align:center;
    overflow:hidden;
    width:100px;
}
.siteInfo .btn a{
    display:block;
    height:40px;
    background-color:#6699D5;
    color:#fff;
    line-height:38px;
    border-radius:5px;
    font-size:16px;
}
.siteInfo .btn a:hover{background-color:#3CADFB;}

/* 文章标签样式 */
.postTags{
    clear:both;
    margin-bottom:20px;
    font-size:14px;
    color:#6699CC;
}
.postTags a{
    color:#555;
    margin-left:10px;
}
.postTags a:hover{text-decoration:underline;}

/* 响应式布局 - 屏幕宽度小于等于1365px时 */
@media only screen and (max-width:1365px){
    .inner{width:98.9%;position: relative;}
}

/* 响应式布局 - 屏幕宽度小于等于1280px时 */
@media only screen and (max-width:1280px){
    .siteText{display:block;}
    .siteText .left,.siteText .right{
        display:block;
        width:auto;
        padding:0;
    }
    .siteText .left{margin-bottom:20px;}

    .siteInfo .icon{width:125px;}
    .siteInfo .btn{width:90px;}
    .siteInfo .btn a{
        font-size:14px;
        height:36px;
        line-height:35px;
    }

    #notice{height:26px;line-height:0px;}

    .sidebar{width:250px;}

    #menu li{font-size:16px;}

    .hmBox li{width:50%;} /* 两列布局 */
    .hmBox .siteIcon{width:80px;}
    .hmBox .info{margin-left:95px;}
    .hmBox .name{line-height:2.35em;}
    .hmBox .intro{
        height:3.5em;
        line-height:1.75em;
    }
    .hmBox .nl .intro{height:3.5em;}

    #comment .submit{
        font-size:14px;
        height:36px;
        width:100px;
    }

    .postBox .box{padding:0 20px;}
    
    #commentslist li {padding:20px 0;}
}

/* 响应式布局 - 屏幕宽度小于等于1024px时 */
@media only screen and (max-width:1024px){
    .blogList .thumbnail{width:200px;}
    .blogList .info{margin-left:220px;}
    .blogList .title{margin-bottom:9px;}
    .blogList .excerpt{
        max-height:6em;
        margin-bottom:5px;
        -webkit-line-clamp:3; /* 最多3行 */
    }

    #nav li{font-size:14px;}

    #logo{padding:20px 0;}

    #searchForm{
        padding:23px 0;
    }
    #searchForm .form{width:65%;}
    #searchForm .input{margin-right:65px;}
    #searchForm .s{font-size:14px;}
    #searchForm .submit{
        font-size:16px;
        width:65px;
    }

    #container .inner,#container .td{display:block;}
    #container .space{display:none;}

    .main{margin-bottom:20px;}

    .sidebar{width:auto;}

    #menu{margin-bottom:20px;}
    #menu ul{
        overflow:hidden;
        border-bottom:1px solid #eee;
    }
    #menu li{
        width:20%;
        float:left;
        margin-bottom:-1px;
    }

    #submitSite{width:88%;}
}

/* 响应式布局 - 屏幕宽度小于等于800px时 */
@media only screen and (max-width:800px){
    .sitePost .siteIcon{
        width:19.736842%;
        margin:30px 2.604167%;
    }

    #header{
        border-bottom:1px solid #ededed;
        box-shadow:0 1px 2px #eee;
        background:-moz-linear-gradient(top,#f0f0f0,#fff);
        background:-webkit-linear-gradient(top,#f0f0f0,#fff);
        background:-o-linear-gradient(top,#f0f0f0,#fff);
    }

    #logo{padding:10px 0;}
    #logo img{height:50px !important;}

    #topBtn{display:block;}

    #nav{
        position:absolute;
        top:71px; 
        top: -46px; 
        right:2.5%;
        right: 4px; 
        width:120px;
        height:auto;
        z-index:10;
        background-color:#EFEFEF;
        box-shadow:0 0 3px #aaa;
        border:1px solid #fff;
        border-top:none;
        display:none; /* 默认隐藏 */
    }
    #nav .inner{width:auto;}
    #nav ul{
        height:auto;
        border:none;
    }
    #nav li{
        float:none;
        width:100%!important;
        border-bottom:1px solid #dedede;
        border-top:1px solid #fff;
    }
    #nav li:last-child{border-bottom:none;}
    #nav li:last-child:after{display:none;}
    #nav li a{
        color:#333;
        border:none;
    }
    #nav li a:hover{
        background-color:transparent;
        color:#333;
    }
    #nav li ul{
        display:none;
        position:relative;
        left:auto;
        top:auto;
        background-color:#fafafa;
        border-top:1px solid #dedede;
    }
    #nav li li:last-child{border-bottom:none;}
    #nav em {
        display: block; 
        position:absolute; 
        left:0; 
        top:0; 
        height: 42px; 
        cursor: pointer; 
        z-index: 2; 
        width: 100%;
    }
    #nav em:after {
        content:''; 
        display: block; 
        width: 5px; 
        height: 5px; 
        border-right: 1px solid #e4e4e4; 
        border-bottom:1px solid #e4e4e4; 
        transform: rotate(45deg); 
        position: absolute; 
        right:10px; 
        top:50%; 
        margin-top: -5px;
    }

    #searchForm{
        position:absolute;
        top:100%;
        right:0;
        padding:0;
        width:100%;
        box-shadow:0 0 3px #aaa;
        display:none; /* 默认隐藏 */
        z-index:10;
    }
    #searchForm .form{
        float:none;
        width:auto;
        padding:5px;
        background-color:#EFEFEF;
        border:1px solid #fff;
    }
    #searchForm .submit{
        height:43px;
        top:5px;
        right:5px;
    }

    #notice{
        background-color:transparent;
        height:26px;
        line-height:26px;
        padding:10px 0 10px 18px;
    }
    #notice:before{left:0;}
    #notice .slick-load{padding-right:60px;}
    #notice .slick-arrow{
        width:26px;
        height:100%;
    }
    #notice .slick-arrow:after{left:7px;}
    #notice .slick-prev{right:26px;}

    #container{
        padding-top:0;    
        position: relative; 
        overflow: visible!important;
    }
}

/* 响应式布局 - 屏幕宽度小于等于768px时 */
@media only screen and (max-width:768px){
    .main {margin-bottom: 15px;}
    
    .entry{
        font-size:14px;
        line-height:2em;
    }
    
    .postmeta {margin-bottom: 15px;}
    
    .blogList{padding:15px;}
    .blogList .thumbnail{width:120px;}
    .blogList .info{margin-left:135px;}
    .blogList .title{
        font-size:16px;
        line-height:1.875em;
        margin-bottom:0;
        max-height:3.75em;
        white-space:normal;
    }
    .blogList .title i{
        margin-top:5px;
        line-height:20px;
    }
    .blogList .more{display:none;}
    .blogList .excerpt{
        white-space:nowrap;
        text-overflow:ellipsis;
        max-height:none;
        margin-bottom:0;
        display: block;
    }

    .blogPost{padding:5% 15px 15px;}
    .blogPost .title{
        font-size:20px;
        font-weight:bold;
        margin-bottom:3.5%;
    }

    .relatedNews{padding:10px;}
    .relatedNews h3{
        font-size:14px;
        margin-bottom:5px;
    }

    .siteInfo{
        display:block;
        width:auto;
    }
    .siteInfo .icon{
        width:50px;
        display:block;
        float:right;
    }
    .siteInfo .icon a{border-radius:50%;overflow:hidden;}
    .siteInfo .icon img{border-radius:50%;}
    .siteInfo .info{
        display:block;
        margin-right:60px;
        padding:0;
        margin-bottom:10px;
    }
    .siteInfo li{margin-bottom:5px;}
    .siteInfo .btn{
        width:auto;
        display:block;
    }
    .siteInfo .btn a{
        font-size:12px;
        height:28px;
        line-height:28px;
    }

    #menu{margin-bottom:15px;}
    #menu li{
        font-size:14px;
        width:33.333%; /* 三列布局 */
    }
    #menu li a{padding:5px;}

    #submitSite{width:auto;}
    #submitSite .item{margin-bottom:10px;}
    #submitSite label{
        float:none;
        width:auto;
        text-align:left;
        height:auto;
        line-height:1.75em;
        margin-bottom:5px;
        font-size:14px;
    }
    #submitSite .ml4{margin-left:0;}

    .singlePage {
        padding-left: 15px; 
        padding-right: 15px;
    }
    .singlePage .title{font-size:20px;}

    .boxTitle{
        padding-left:15px;
        padding-right:15px;
    }
    .boxTitle .more{right:15px;}

    .widget ul{padding:5px 15px 10px;}
    .widget li {padding:10px 0;}

    .divTags .textwidget,
    .divTags ul {padding:10px 15px;}
    
    .catpost li{padding:10px 0;}
    
    .sidesite li {padding-left: 10px;}
    
    .siteList{padding:15px;}
    .siteList .icon{width:110px;}
    .siteList .info{margin-left:125px;}
    .siteList .excerpt{margin-bottom:0;}
    .siteList .more{display:none;}

    .relatedSite{padding:7.5px;}
    .relatedSite li{width:33.333%;} /* 三列布局 */
    .relatedSite li .box{padding:7.5px;}

    .hmBox li{
        width:auto;
        float:none; /* 单列布局 */
    }
    .hmBox .box{padding:15px;}
    .hmBox .info{margin-left:90px;}
    .hmBox .intro,.hmBox .nl .intro{
        height:auto;
        max-height:3.5em;
    }

    .sitePost{padding:15px;}

    .postBox .box{padding:0 10px;}

    #comment .item{margin-bottom:10px;}
    #comment label{
        float:none;
        background-color:transparent;
        color:#333;
        width:auto;
        height:auto;
        line-height:1.75em;
        margin-bottom:5px;
        padding:0;
    }
    #comment .input{
        margin-left:0;
        border-left:1px solid #ddd;
    }
    #comment .text,#comment textarea.text{
        width:92%;
        padding:6px 4%;
    }
    #comment .submit{
        height:32px;
        width:90px;
    }

    #commentslist li {padding:10px 0;}
    #commentslist .gravatar img {width: 30px; height: 30px;}
    #commentslist .info {margin-left: 38px;}
    #commentslist .name {font-size:14px;}
    #commentslist .text {padding:5px 0;}

    #commentslist li ol {
        margin-left: 38px; 
        padding:10px 15px; 
        margin-top: 10px;
    }
    #commentslist li ol:before {left:-23.5px;}

    #commentslist li li .gravatar {display: none;}
    #commentslist li li .info {margin-left: 0;}
}

/* 分页栏样式 */
.pagebar { 
    padding:20px; 
    overflow:hidden; 
    clear:both
}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; 
  line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}

/* 二级文本样式 */
.text-secondary{ 
    text-align:center; 
    padding:20px 0
}

/* 图片最大宽度限制 */
#maximg img{ 
    max-width:100% !important; 
    height:auto !important
}
#maximg span{    
    text-wrap: inherit !important;
}

/* 页脚样式补充 */
.footer{ 
    border:none; 
    padding:0; 
    padding-bottom:20px; 
    line-height: 200%; 
}
.footer-nav{ 
    background-color: #96cc29;
    border-top: 1px solid #eee;
    padding-top: 0px;
    text-align: center;
    clear: both;
}
.footer-nav li{ 
    display:inline-block; 
}

/* 页脚导航分隔符 */
.footer-nav li::after{
    content: '|';
    margin: 0 10px ;
    color: #666;
}
.footer-nav li:last-child::after{
      content: '';
    margin: 0  ;  
}

/* 左侧导航SVG图标对齐 */
.lnav svg{
    vertical-align: middle;
}

/* 价格标签样式 - 定位在容器右下角 */
.list-price
 {
    position: absolute;
    right: 10px;          /* 右侧距离容器边缘10px */
    bottom: 10px;            /* 底部距离容器边缘10px */
    color: #fff;       /* 文字颜色为白色 */
    font-size: 12px; /* 字体大小为12px */
    font-weight: 400;  /* 正常字重 */
    padding: 5px 10px; /* 内边距调整 */
    line-height: normal; /* 正常行高 */
    z-index: 1;        /* 确保在内容上方显示 */
    border-radius: 10px;         /* 圆角 */
    background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}



.hide-pay-box {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.hide-pay-content p {
    font-size: 16px;
    color: #6c757d;
    margin-bottom: 20px;
}

.hide-pay-button {
    display: inline-block;
    background-color: #007bff;
    color: white;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.hide-pay-button:hover {
    background-color: #0069d9;
    text-decoration: none;
    color: white;
}