/* jizhicms Themes:qqziyuan 
 * Author QQ资源网
 * Lasttime 2026/08/10
 * Version  1.0
 * Downurl  https://www.qqziyuan.com
 */
 /* common.css - 新头部 + 返回顶部样式（作用域限定，避免覆盖主题其余部分） */
/* 顶部小栏 */
.top-bar{background:#e1e5ec;height:32px;line-height:32px;font-size:12px;color:rgba(36,34,34,.7)}
.top-bar .container{;margin:0 auto;display:flex;align-items:center;justify-content:space-between;overflow:visible;clear:none;position:static}
.top-bar .top-left i{margin-right:6px;color:#ff6d00}
.top-bar .top-left{color:rgba(36,34,34,.7)}
/* 顶部右侧链接组 */
.top-bar .top-right-links{margin-left:auto;display:flex;align-items:center;gap:22px}
.top-bar .top-right-links a{color:#444;font-size:12px;text-decoration:none;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s}
.top-bar .top-right-links a:hover{color:#1a73e8}

@media(max-width:768px){
.top-bar .top-right-links{gap:14px}
.top-bar .top-right-links a{font-size:11px}
}

/* 中部头部 */
.mod-header{background:#fff;position:sticky;top:0;z-index:100;}
.mod-header .container{display:flex;align-items:center;height:110px;border-bottom: 1px solid #f1f1f1;}
.dia-logo a{font-size:26px;font-weight:bold;color:#1a73e8;letter-spacing:2px;white-space:nowrap}
.dia-logo a:hover{color:#1557b0;opacity:.9}
.search-frame{flex:1;max-width:400px;margin-left:auto}
.bdcs-search-form{display:flex;background:#fff;border-radius:1px;overflow:hidden;height:50px;}
.bdcs-search-form-input{flex:1;border:none;padding:0 18px;font-size:14px;background:#f4f6f8;height:auto}
.bdcs-search-form-input::placeholder{color:#bbb}
.bdcs-search-form-submit{width:48px;border:none;background:#1a73e8;color:#fff;font-size:15px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;height:auto}
.bdcs-search-form-submit:hover{background:#1557b0}

/* 导航 */
.main-nav{background:#fff}
.main-nav .container{margin:0 auto;padding:0;overflow:visible;clear:none;position:static}
.main-nav .navbar ul{display:flex;list-style:none;margin:0;padding:0}
.main-nav .navbar li a{display:block;padding:12px 22px;color: rgb(0 0 0 / 85%);font-size:16px;transition:all .2s;position:relative}
.main-nav .navbar li a:hover,.main-nav .navbar li.cur a{background:#1557b0;color:#fff}
.mobile-menu-btn{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:8px}

/* 导航：60px 高度、文本居中、级联 li 边框（首尾无边框），高亮贴合文字 */
.main-nav{height:60px;line-height:60px}
.main-nav .navbar ul{height:60px}
.main-nav .navbar li{height:60px;display:inline-flex;align-items:center;justify-content:center;}
.main-nav .navbar li:first-child{border-left:none}
.main-nav .navbar li:last-child{border-right:none}
.main-nav .navbar li a{display:inline-flex;align-items:center;justify-content:center;height:60px;padding:0 48px;white-space:nowrap}
.main-nav .navbar li a:hover,.main-nav .navbar li.cur a{background:#1a73e8;color:#fff}

/* 返回顶部（common.js 已移除，按钮不再显示） */

/* 顶部 banner 行弹性布局：Banner 与右侧新闻列等高 */
.umPost.umMulti{display:flex;align-items:stretch}
.umPost.umMulti .umBanner{flex:0 0 360px;float:none;margin-right:0}
.umPost.umMulti .umNewBox{flex:1;width:auto;padding:0 280px 0 0}

/* 顶部主 Banner 轮播（slide-box 新样式，作用于 .umBanner 内） */
.umBanner .slide-box{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100%}
.umBanner .slide-big{position:relative;width:100%;flex:1;min-height:240px;overflow:hidden;background:#f0f0f0;aspect-ratio:auto}
.umBanner .slide-big .slide-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s}
.umBanner .slide-big .slide-item.active{opacity:1;z-index:1}
.umBanner .slide-big .slide-item img{width:100%;height:100%;object-fit:cover}
.umBanner .slide-big .slide-item .slide-title{position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:14px;z-index:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;line-height:1.4;height:auto;background-color:rgba(0,0,0,0)}
.umBanner .slide-thumbs{display:flex;gap:6px;padding:8px;background:#fafafa;flex-shrink:0;max-height:64px;overflow:hidden}
.umBanner .slide-thumbs .thumb{flex:1;cursor:pointer;border:2px solid transparent;border-radius:3px;overflow:hidden;transition:all .2s;position:relative}
.umBanner .slide-thumbs .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.umBanner .slide-thumbs .thumb > div{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}
.umBanner .slide-thumbs .thumb.active{border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8}
.umBanner .slide-thumbs .thumb:hover{border-color:#1a73e8}

/* 响应式 */
@media(max-width:768px){
.top-bar{height:28px;line-height:28px;font-size:11px}
.top-bar .top-left{display:none}
.mod-header{position:relative}
.mod-header .container{flex-wrap:wrap;height:auto;padding:10px 15px;gap:10px}
.dia-logo a{font-size:20px}
.search-frame{order:3;flex-basis:100%;max-width:100%}
.main-nav .navbar ul{display:none}
.main-nav .navbar ul.show{display:block;list-style:none;margin:0;padding:0}
.main-nav .navbar li{display:block}
.main-nav .navbar li a{padding:10px 14px;font-size:14px;background:transparent}
.mobile-menu-btn{display:block}
.main-nav .navbar ul.show li a{color:rgba(255,255,255,.85)}
.main-nav .navbar ul.show li a:hover{background:#1557b0;color:#fff}
/* 移动端：Banner 行改为上下堆叠 */
.umPost.umMulti{display:block}
.umPost.umMulti .umBanner{float:none;width:100%;margin-right:0}
.umPost.umMulti .umNewBox{width:100%;padding:0;float:none}
.umBanner .slide-big{min-height:0;aspect-ratio:4/3}
}

/* ===== 推荐专题：永远两行，窄屏仅降列；左右轮播每屏翻两行一起翻 =====
   JS 层按“当前列数 × 2 行”分组，swiper 按屏翻页；跨断点由 JS 重建 */
.umSpecia .umZtSwiper .swiper-wrapper{ flex-wrap: nowrap; }
.umSpecia .umZtSwiper .zyPageGrid{
    display: grid;
    grid-template-columns: repeat(5, 1fr);   /* 桌面 5 列 */
    grid-template-rows: repeat(2, auto);     /* 永远两行 */
    gap: 14px 12px;
}
.umSpecia .umZtSwiper .zyPageGrid .zyItem .item{
    height: 100%;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.umSpecia .umZtSwiper .zyPageGrid .item .text{
    margin-top: 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
.umSpecia .umZtSwiper .zyPageGrid .item .text h3{
    font-size: 15px;
    line-height: 1.35;
    margin: 0 0 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.umSpecia .umZtSwiper .zyPageGrid .item .text .umInfo{
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    opacity: .4;
    max-height: 36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.umSpecia .umZtSwiper .zyPageGrid .item .text .fot{
    margin-top: auto;
    position: static;
    width: 100%;
    padding-top: 8px;
}
/* ===== Footer 重构：左上角文字信息 + 右下角图标 ===== */
.footer .umFooter .iconOn.zyFooter{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 10px 0 26px;
}
.footer .umFooter .zyFooter .item.zyText{
    flex: 1;
    width: auto;
    padding-right: 30px;
    text-align: left;
}
.footer .umFooter .zyFooter .zyText .fh{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 12px;
}
.footer .umFooter .zyFooter .zyText .fh a{ color: #fff; }
.footer .umFooter .zyFooter .flink{ margin: 0 0 16px; }
.footer .umFooter .zyFooter .flink a{
    color: #82819C;
    font-size: 14px;
    margin-right: 24px;
}
.footer .umFooter .zyFooter .flink a:hover{ color: #fff; }
.footer .umFooter .zyFooter .fdesc{
    font-size: 12px;
    color: #82819C;
    line-height: 1.8;
    margin: 0 0 8px;
}
.footer .umFooter .zyFooter .fcopy{
    font-size: 12px;
    color: #82819C;
    margin: 0;
}
.footer .umFooter .zyFooter .item.zyIcons{
    display: flex;
    gap: 14px;
    align-items: center;
    width: auto;
    padding-left: 0;
}
.footer .umFooter .zyFooter .fico{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255,255,255,.12);
    color: #cbd2e0;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;
}
.footer .umFooter .zyFooter .fico:hover{ background: #1a73e8; color: #fff; }
@media(max-width:768px){
    .footer .umFooter .iconOn.zyFooter{ flex-direction: column; align-items: flex-start; gap: 20px; }
    .footer .umFooter .zyFooter .item.zyIcons{ order: -1; }
}
/* 窄屏：仅降列，始终保持两行 */
@media(max-width:1024px){
    .umSpecia .umZtSwiper .zyPageGrid{ grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, auto); }
}
@media(max-width:768px){
    .umSpecia .umZtSwiper .zyPageGrid{ grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); }
}
@media(max-width:480px){
    .umSpecia .umZtSwiper .zyPageGrid{ grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(2, auto); }
}

/* ==== 双头部：PC 用 mod-header+main-nav，移动端用 header.fixedIn（容错，滚动类也不影响显隐）==== */
/* PC：隐藏移动头，无论它当前是 fixedIn / fixedOut */
body > header.header,
header.header.fixedIn,
header.header.fixedOut{ display:none !important; }

/* 移动端：显示移动头，隐藏 PC 头部 */
@media(max-width:768px){
    .top-bar{ display:none; }
    .mod-header{ display:none; }
    .main-nav{ display:none; }
    body > header.header,
    header.header.fixedIn,
    header.header.fixedOut{ display:block !important; }
}

/* body 顶部留白：PC 为 0，移动端给固定的移动头留 60px */
body{ padding-top: 0; }
@media(max-width:768px){
    body{ padding-top: 60px; }
}

/* 排行侧栏 A 链接样式（关于页等使用） */
.warp .umWarp.umTops .umTopNav li a{ display:block; height:56px; line-height:56px; color:#2d2d2d; }
.warp .umWarp.umTops .umTopNav li.active a{ color:#fff; font-weight:600; background:#F18F47; background:linear-gradient(250deg,#F18F47,#ca5ece); }
/* ===== umMulti 顶部栏窄屏兼容 =====
   首页 .umPost.umMulti 采用 flex 左右布局（Banner | umNewBox(内含 umNewTabs)），
   与 umTheme.css 990px 断点的旧 float 布局冲突，导致约 900px 时 umNewTabs 不见。
   窄屏(<=1000px)统一切成纵向 block：Banner 全宽在上，umNewTabs 换行到下方正常显示。 */
@media screen and (max-width:990px){
    .umPost.umMulti{ display:block; }
    .umPost.umMulti .umBanner{ flex:none; width:100%; float:none; margin-right:0; }
    .umPost.umMulti .umNewBox{ flex:none; width:100%; float:none; padding:0; margin-top:20px; }
    .umPost.umMulti .umNewBox .umNewTabs{ width:100%; float:none; margin-left:0; padding-right:0; margin-top:0; position:static; }
    .umPost.umMulti .umNewBox .umNew{ padding-right:0; }
}