body{ background-color: #f5f7fa;} 
header{
    background-color: #393D49;
    width: 100%;
    height: 60px;
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .05);
}


header .layui-nav .layui-nav-item a {
    color: #222;
}
header .layui-nav .layui-nav-item a:hover{
    color: #000;
}
.layui-nav{ background-color: transparent;}

header .logo{   
    float: left;
    text-align: center; 
    margin-top: 5px;  
}
header .logo a{
    font-size: 50px;
    color: #FFF;
    line-height: 60px;
}

header .nav{
    float: left;
}
.mobile-icon{
    display: none;
}

 
.demoBox{
    background-color: #2E2D3C;
    text-align: center;
    height: 100px;
    width: 100%;
    color: #FFF;
    font-size: 30px;
    line-height: 100px;
}

footer{ text-align: center; color: #666; height: 60px; line-height: 60px;}
footer:hover{ color: #000;}    
.pd10{ padding: 10px;}
      

/* 列表基础样式 */
.post-list{max-width:980px;margin:15px  ;}
.post-item{padding:16px 0;border-bottom:1px solid #eee;}
.post-title{font-size:18px;font-weight:600;line-height:1.4;margin-bottom:8px;}
.post-desc{color:#666;margin-bottom:10px;}
/* 图片容器：单图、两图、三图统一尺寸风格 */
.post-images{display:flex;gap:8px;}
.post-images img{width:100%;height:160px;object-fit:cover;border-radius:6px;display:block; border: 1px solid #D0D0D0;}
/* 单图占满 */
.post-images.one .img{flex:1;}
/* 两图平均 */
.post-images.two .img{flex:1;}
/* 三图平均且最多展示3张 */
.post-images.three .img{flex:1;}
/* 小标签区（可选） */
.post-meta{margin-top:8px;color:#999;font-size:12px;}

.bghover:hover {
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#menuqu{ background-color: #fff;}
.layui-layer{ max-width: 100%;}

/* ===== 移动 ===== */

@media screen and (max-width: 768px) {
    header .logo{
        text-align: left;
    }
    header .nav{
        display: none;
        width: 100%;
        position: absolute;
        z-index: 99;
        top: 61px; /* 如果需要缝隙，可将值调至61px */
        margin-left: -15px;
        border-bottom: 1px solid #666;
        border-top: 1px solid #666;
    }
    .layui-nav{
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .header .nav li{ 
        text-align: center;
    }
    .mobile-icon{
        display: block;
        color: #444;
        font-size: 30px;
        float: left;
        margin-top: 10px;
    }
    .mobile-icon:hover{ color: 0;}
    .layui-nav .layui-this:after,
    .layui-nav-bar,
    .layui-nav-tree .layui-nav-itemed:after {
        height: 1px;
        background-color: #5FB878;
    }

    #menuqu{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .05);}
   
}