@import '//at.alicdn.com/t/c/font_5036711_rluebi15bh.css';
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,fieldset,legend,input,select,textarea,button,th,td,img,blockquote,div{margin:0;padding:0;box-sizing: border-box;}
body{font:14px/1.6 "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;background: #f5f5f5;color:#333; }
ul,ol,liform{ padding:0; margin:0; list-style:none;}
textarea{resize:none;overflow-y:auto;font-size:100%;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
ximg,fieldset{border:none;}
i,em{font-style:normal;}
img{border:none;}
a:link,a:visited,a:active{text-decoration:none; color:#333; }
a:hover{text-decoration:none; color:#0084c6;}
.clear{ clear:both;}

.zs-box{max-width: 1200px;margin: 0 auto;}

.zs-top{height: 32px;line-height: 32px; background: #f7f7f7; width: 100%; overflow: hidden;color: #666; font-size: 12px;border-bottom: 1px solid #e5e5e5;}
.zs-top .zc{float:left;}
.zs-top .zc a{color:#666;}
.zs-top .yc{float:right;}
.zs-top .yc a{color:#666;margin-left: 18px;}
.zs-top .yc a:hover{color:#0084c6;}
.zs-head{height: 120px; background: #fff; width: 100%; overflow: hidden; }
.zs-head .logo{float:left;width: 55%;}
.zs-head .logo img{padding:30px 0;float: left;}
.zs-head .kouhao{width: 165px; height: 24px; background: url(/images/kouhao.png) no-repeat; float: left; margin-top: 47px; margin-left: 12px;}
.zs-head .sousuo{width: 45%; background: #fff; float: right; margin-top: 36px; }
.zs-head .sousuo form{border-radius: 10px; overflow: hidden; border: 1px solid #e5e5e5;}
.zs-head .sousuo form:focus-within{border: 1px solid #0084c6;}
.zs-head .sousuo input{width: 80%; padding: 0px 10px 0 11px; line-height: 44px; height: 44px; border: 0; color: #333; font-size: 15px; outline: none; background: #fff;}
.zs-head .sousuo button{width: 20%; line-height: 44px; cursor: pointer; background: #0084c6; padding: 0; float: right; font-size: 16px; color: #fff; border: 0; text-align: center;}
.zs-head .sousuo button i{margin-right: 5px;}
.zs-head .sousuo button:hover{background: #006aa8;}
.zs-nav{height: 44px; line-height: 44px;background: #0084c6; width: 100%; overflow: hidden;font-size: 16px; }
.zs-nav ul{overflow: hidden;}
.zs-nav ul li{float: left;cursor: pointer;}
.zs-nav ul li a{color: #fff;padding: 0 35px;display: block;}
.zs-nav ul li.on{background: #006aa8;}
.zs-nav ul li:hover{background: #006aa8;}

.ssan, .dhan { display: none; cursor: pointer; width: 40px; height: 40px; background-color: #f0f0f0; border-radius: 4px; position: relative; margin-left: 10px; z-index: 1002;}

.zs-foot{width: 100%; margin: 0 auto; padding: 20px 0; text-align: center; font-size: 12px; color: #d8dde0; border-top: 1px solid #f2f2f2; margin-top: 20px;background: #2b333e;}
.zs-foot p{line-height: 28px;}
.zs-foot a{color: #d8dde0;}


.zs-weizhi {background: #fafbfc;border-bottom: 1px solid #f0f2f5;font-size: 13px;color: #666;padding: 10px 0;}
.zs-weizhi a { color: #006aa8; }
.zs-weizhi a:hover { text-decoration: underline; }


.zs-pagination{display:flex;align-items:center;gap:0px;margin:18px 0 0;flex-wrap:wrap;justify-content: center;}
.zs-pagination a,.zs-pagination b{padding:6px 12px;border:1px solid #e6e9ef;border-radius:6px;color:#3a3a3a;background:#fff;font-size:13px}
.zs-pagination b{background:#0086c6;color:#fff !important;font-weight:normal; border:none;}
.zs-pagination a:hover{background:#0086c6;color:#fff !important;border:1px solid #0086c6;}


.go-top { position: fixed; bottom: 20px; right: 20px;  padding: 6px 11px; border: 1px solid #ccc; background: #fff; color: #333; border-radius: 4px; text-decoration: none; opacity: 0; /* 默认完全透明 */ pointer-events: none; /* 默认不可点击 */ transition: opacity 0.4s ease; /* 淡入淡出过渡效果 */ }
.go-top i{font-size: 18px;}
.go-top:hover { background: #0086c6;color:#fff; }

/* 侧边栏 */
.widget{background:#fff;border:1px solid #eef0f3;border-radius:8px;overflow:hidden}
.widget + .widget{margin-top:14px}
.widget-title{padding:10px 14px;border-bottom:1px solid #f0f2f5;font-weight:600;color:#1d2129;background:#fafbfc;display:flex;align-items:center;gap:6px}
.widget-title i{color:#0086c6;font-weight: normal;}
.widget-body{padding:12px 14px}
.widget-body p{text-align: justify;line-height: 28px;}

.widget-body details p{background: #f2f1f1; padding: 10px; line-height: 22px;}
.widget-body summary{line-height: 38px;}


/* 侧栏-搜索 */
.widget-search-mini{display:flex;gap:8px}
.widget-search-mini input{flex:1;border:1px solid #e5e8eb;border-radius:6px;padding:8px 10px;font-size:14px}
.widget-search-mini button{border:1px solid #0086c6;background:#0086c6;color:#fff;border-radius:6px;padding:8px 12px;font-size:14px;cursor:pointer}
.widget-search-mini button:hover{background:#155edb;border-color:#155edb}

/* 侧栏-分类 */
.widget-cats{display:flex;flex-wrap:wrap;gap:8px}
.widget-cats a{padding:6px 10px;background:#f7f8fa;border:1px solid #eef0f3;border-radius:6px;color:#333;font-size:13px}
.widget-cats a:hover{background:#eef4ff;border-color:#d8e6ff;color:#0086c6}

/* 侧栏-热门列表 */
.widget-hot-list{list-style:none;margin:0}
.widget-hot-list li{display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px dashed #f0f2f5; font-size: 14px; height: 36px; line-height: 36px; overflow: hidden; align-items: center;}
.widget-hot-list li:last-child{border-bottom:none}
.widget-hot-list a{color: #333; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.widget-hot-list a:hover{color:#0086c6}
.widget-hot-list span{color:#98a2ad;font-size:12px;flex-shrink:0;margin-left:10px}

/* 侧栏-标签云 */
.widget-tags-cloud{display:flex;flex-wrap:wrap;gap:8px}
.widget-tags-cloud a{padding:6px 10px;border-radius:999px;background:#eef4ff;color:#0086c6;border:1px solid #d8e6ff;font-size:12px}
.widget-tags-cloud a:hover{background:#e6f0ff}

/* 侧栏-目录 */
.widget-toc{display:flex;flex-direction:column;gap:8px}
.widget-toc a{font-size:13px;color:#333;padding:6px 8px;border-radius:6px;background:#f7f8fa;border:1px solid #eef0f3}
.widget-toc a:hover{background:#eef4ff;border-color:#d8e6ff;color:#0086c6}

/* 侧栏-工具信息 */
.widget-tool-meta{list-style:none;}
.widget-tool-meta li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed #f0f2f5;font-size:14px}
.widget-tool-meta li:last-child{border-bottom:none}
.widget-tool-meta .label{color:#7a8591;font-size:12px;flex-shrink:0;margin-right:10px;width:88px}
.widget-tool-meta .value{color:#1d2129;font-weight:600;text-align:right;word-break:break-all}

/* 侧栏-单图 */
.widget-tool-dt img{width: 100%; display: block;}

/* 侧栏-链接 */
.widget-tool-link{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.widget-tool-link li{width: 33.3%;margin: 10px 0px;}
.widget-tool-link li a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;flex-direction: column;gap: 10px;}

.widget-tool-st{display: flex;}
.widget-tool-st a{display: flex; flex-direction: column; align-items: center;}
.widget-tool-st a img{width: 100%; display: block;}
.widget-tool-st a span{margin-top: 5px;}



/* 响应式 */
@media (max-width: 768px) {
    .ssan, .dhan {display: flex ; align-items: center; justify-content: center;} 
    .zs-box{padding: 0 1.5%;}
    .zs-head{height: auto;border-bottom: 2px #0086c6 solid;}
    .zs-head .zs-box { display: flex; align-items: center; justify-content: space-between; position: relative; }
    .zs-head .logo{width: 100%;float: none;flex: 1; }
    .zs-head .logo img{padding: 15px 0;}
    .zs-head .kouhao{display: none;}
    .zs-head .sousuo{display: none;}
    .zs-head .sousuo.show{display: block !important; position: fixed; top: 124px; left: 0; z-index: 1000; width: 100%; margin-top: 0px; padding: 5%; border: 1px #ede9e9 solid; border-top: none;} 
    .zs-nav{display: none; height: auto;}
    .zs-nav.show{ display: block !important; position: absolute; width: 40%; right: 0px;z-index: 1003;}
    .zs-nav ul li{width: 100%;border-bottom: 1px #107fb4 solid;}
    .zs-nav ul li a{padding: 0 15px;} 
    .go-top{padding: 0 5px;right: 5px;}

    

}