@charset "utf-8";
/* DDK2 主题样式 —— 视觉移植自 B 站 tao 主题(黑/黄配色),适配 Z-Blog 1.8 */

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:"微软雅黑","Microsoft YaHei",Arial,Helvetica,sans-serif;background:#EAEAEA url(images/body-bg.jpg) repeat left top;color:#444;font-size:13px;line-height:22px}
a{color:#444;text-decoration:none}
a:hover{color:#d60000}
img{border:0;max-width:100%}
li{list-style:none}
table{border-collapse:collapse}
.clear{clear:both}

/* 顶栏 */
.top_bg{background:#1b212d;height:32px}
.top{width:980px;max-width:100%;height:32px;margin:0 auto;position:relative}
.top_l{float:left;width:600px;max-width:62%;height:32px;line-height:32px;padding-left:10px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.top_l a{color:#FFD20A}
.search{float:right;width:320px;max-width:38%;height:32px;background:#FFD20A;display:flex}
.search .q{flex:1;min-width:0;height:32px;border:0;background:#FFD20A;padding:0 10px;color:#000;outline:none;font-size:13px}
.search .go{width:62px;height:32px;border:0;background:#FFD20A;color:#000;font-weight:bold;cursor:pointer}
.search .go:hover{background:#1b212d;color:#FFD20A}

/* 页头 */
#wrapper{width:980px;max-width:100%;margin:0 auto}
.header{height:80px;background:#fff;margin-bottom:10px}
.logo{float:left;width:260px;height:80px;margin:0;font-size:0}
.logo a,.logo img{display:block;width:260px;height:80px}
.menu{float:left;width:700px;height:80px;padding:25px 10px 0;overflow:hidden}
.menu li{float:left;padding:0 5px}
.menu li a{display:block;height:30px;line-height:30px;padding:0 15px;background:#FFD20A;color:#000;font-size:14px;white-space:nowrap}
.menu li a:hover,.menu li.on a{background:#1b212d;color:#FFD20A}

/* 首页轮播(无依赖脚本) */
.flash{background:#fff;margin-bottom:10px;overflow:hidden}
#focus{position:relative;width:100%;aspect-ratio:980/400;overflow:hidden;background:#000}
#focus ul{position:absolute;left:0;top:0;width:100%;height:100%}
#focus li{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .8s;z-index:1}
#focus li.on{opacity:1;z-index:2}
#focus li a,#focus li img{display:block;width:100%;height:100%}
#focus li img{object-fit:cover}
#focus .cap{position:absolute;left:0;bottom:0;right:0;padding:10px 20px 28px;color:#fff;font-size:20px;font-weight:bold;background:linear-gradient(transparent,rgba(0,0,0,.65));z-index:3;pointer-events:none}
#focus .btn{position:absolute;right:12px;bottom:10px;z-index:4}
#focus .btn span{display:inline-block;width:24px;height:8px;margin-left:5px;background:#fff;opacity:.5;cursor:pointer}
#focus .btn span.on{background:#FFD20A;opacity:1}
#focus .pn{position:absolute;top:50%;margin-top:-30px;width:40px;height:60px;line-height:60px;text-align:center;font-size:30px;color:#fff;background:rgba(0,0,0,.3);cursor:pointer;z-index:4;user-select:none}
#focus .pn:hover{background:rgba(0,0,0,.6)}
#focus .pre{left:0}
#focus .next{right:0}

/* 主体 */
.content{margin-bottom:10px}
.content:after{content:"";display:block;clear:both}
.sidebar{float:left;width:210px}
.main{float:right;width:760px;background:#fff;overflow:hidden;min-height:300px}

/* 侧栏 */
.box{background:#fff;margin-bottom:8px}
.box h3,.box h2.bt{height:34px;line-height:34px;padding:0 10px;font-size:14px;font-weight:bold;background:#FFD20A;color:#222}
.box .bc{padding:8px 0}
.box .bc.pad{padding:8px 10px}
.box ul li{margin-bottom:3px}
.box.cat .bc li .feed-icon,.box.cat .bc li .article-nums{display:none}
.box.cat .bc li a{display:block;height:26px;line-height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-left:5px solid #FFD20A;padding:0 10px;color:#1b212d;background:#fff}
.box.cat .bc li a:hover{background:#f4f4f4}
.box.news .bc{padding:6px 10px}
.box.news li{border-bottom:1px dashed #e4e4e4;padding:3px 0;margin:0}
.box.news li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.box.tagc .bc{padding:8px 10px}
.box.tagc li{display:inline-block;margin:0 4px 6px 0}
.box.tagc li a{display:block;padding:0 8px;line-height:22px;background:#f1f1f1;color:#444;font-size:12px}
.box.tagc li a:hover{background:#FFD20A;color:#000}
.box.tagc .tag-count{display:none}
.box.brand .bc{text-align:center}
.box.brand img{display:block;margin:0 auto 8px;max-width:150px}
.box.contact{background:#1b212d;color:#fff}
.box.contact .bc{padding:12px 10px;line-height:24px}
.box.contact strong{color:#FFD20A;font-size:15px}
.box.contact a{color:#FFD20A}
.box.contact .wx{margin-top:8px;display:block;width:190px;height:63px;background:url(images/singlebuy.png) no-repeat center/contain}

.box.contact .wxi{display:block;margin-top:8px;max-width:100%;height:auto}
.subnav{background:#fff;margin:-10px 0 10px;padding:2px 12px;text-align:right;font-size:12px;border-top:1px solid #f1f1f1}
.subnav a{color:#666}
.news2{padding:0 10px}
.news2 li{border-bottom:1px dashed #e4e4e4;padding:4px 0;margin:0}
.news2 li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* 老主题遗留的占位小图(catmuti.gif)不显示,改用统一占位底图 */
img[src*="catmuti"]{display:none}

/* 面包屑 */
.mbx{padding:0 10px;height:40px;line-height:40px;border-bottom:1px solid #eee;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mbx a{color:#000}
.mbx a:hover{color:#d60000}
.mbx .sep{margin:0 4px;color:#999}

/* 列表卡片 */
.list{padding:5px;overflow:hidden}
.post{float:left;width:240px;height:260px;margin:5px 5px;overflow:hidden;background:#fff}
.postimg{display:block;width:240px;height:200px;overflow:hidden;background:#eee url(images/noimg.jpg) center/cover no-repeat}
.postimg img{display:block;width:240px;height:200px;object-fit:cover}
.posttxt{height:60px;background:#1b212d;color:#fff;overflow:hidden}
.postbtn{float:left;width:84px;height:60px;line-height:60px;text-align:center;background:#FFD20A;color:#000;font-weight:bold;font-size:13px}
.postbtn:hover{background:#fff;color:#000}
.posttitle{float:left;width:156px;height:60px;padding:6px 8px;overflow:hidden}
.posttitle h2{font-size:12px;line-height:16px;font-weight:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.posttitle a{color:#fff}
.posttitle a:hover{color:#FFD20A}
/* 资讯/问答类栏目:紧凑横排 */
.list .post.cate8,.list .post.cate9,.list .post.cate10,.list .post.cate21,.list .post.cate23,.list .post.cate40{float:none;width:auto;height:auto;margin:0 5px;padding:8px 0;border-bottom:1px dashed #ddd;overflow:hidden}
.post.cate8 .postimg,.post.cate9 .postimg,.post.cate10 .postimg,.post.cate21 .postimg,.post.cate23 .postimg,.post.cate40 .postimg{float:left;width:96px;height:72px;margin-right:12px}
.post.cate8 .postimg img,.post.cate9 .postimg img,.post.cate10 .postimg img,.post.cate21 .postimg img,.post.cate23 .postimg img,.post.cate40 .postimg img{width:96px;height:72px}
.post.cate8 .posttxt,.post.cate9 .posttxt,.post.cate10 .posttxt,.post.cate21 .posttxt,.post.cate23 .posttxt,.post.cate40 .posttxt{height:auto;background:none;color:#444;overflow:hidden}
.post.cate8 .postbtn,.post.cate9 .postbtn,.post.cate10 .postbtn,.post.cate21 .postbtn,.post.cate23 .postbtn,.post.cate40 .postbtn{display:none}
.post.cate8 .posttitle,.post.cate9 .posttitle,.post.cate10 .posttitle,.post.cate21 .posttitle,.post.cate23 .posttitle,.post.cate40 .posttitle{float:none;width:auto;height:auto;padding:0}
.post.cate8 .posttitle h2,.post.cate9 .posttitle h2,.post.cate10 .posttitle h2,.post.cate21 .posttitle h2,.post.cate23 .posttitle h2,.post.cate40 .posttitle h2{font-size:15px;line-height:24px;-webkit-line-clamp:3}
.post.cate8 .posttitle a,.post.cate9 .posttitle a,.post.cate10 .posttitle a,.post.cate21 .posttitle a,.post.cate23 .posttitle a,.post.cate40 .posttitle a{color:#1b212d}
.post.cate8 .posttitle a:hover,.post.cate9 .posttitle a:hover,.post.cate10 .posttitle a:hover,.post.cate21 .posttitle a:hover,.post.cate23 .posttitle a:hover,.post.cate40 .posttitle a:hover{color:#d60000}

.sec-t{margin:12px 10px 0;padding-left:10px;height:30px;line-height:30px;border-left:5px solid #FFD20A;font-size:16px;font-weight:bold;color:#1b212d}
.hint{margin:10px;padding:0 10px;color:#666}

/* 分页 */
.pagebar{margin:10px 10px 16px;padding:5px 0;text-align:right;clear:both}
.pagebar a,.pagebar span.now-page,.pagebar span.page{display:inline-block;min-width:28px;padding:0 8px;margin:2px 2px;line-height:28px;text-align:center;background:#f1f1f1;color:#222}
.pagebar a:hover{background:#FFD20A}
.pagebar span.now-page{background:#FFD20A;font-weight:bold}

/* 文章页 */
.single{padding:10px 20px 20px}
.single_title{overflow:hidden;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #eee}
.single_buy{float:right;width:200px;height:67px;margin:4px 0 0 12px;background:url(images/singlebuy.png) no-repeat right top/contain}
.single_title h1{font-size:20px;line-height:30px;color:#1b212d;margin-bottom:4px}
.single_title .meta{color:#888;font-size:12px}
.single_body{font-size:14px;line-height:26px;min-height:120px;overflow:hidden;word-wrap:break-word}
.single_body img{max-width:100%;height:auto!important}
.single_body table{max-width:100%}
.single_body table[width]{width:100%!important}
.single_body p{margin-bottom:8px}
.src{margin-top:16px;padding:10px 12px;background:#f7f7f7;border-left:4px solid #FFD20A;font-size:12px;color:#666;line-height:20px;word-break:break-all}
.single_tags{margin-top:14px;padding:8px 0;border-top:1px solid #eee;line-height:28px}
.single_tags a{display:inline-block;margin:0 6px 4px 0;padding:0 8px;line-height:22px;background:#f1f1f1;font-size:12px}
.single_tags a:hover{background:#FFD20A}
.single_nav{overflow:hidden;border-top:1px solid #eee;border-bottom:1px solid #eee;line-height:40px;margin-top:6px}
.single_nav a.l{float:left;max-width:48%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.single_nav a.r{float:right;max-width:48%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.single_nav a{color:#1b212d}
.single_nav a:hover{color:#d60000}
.rel_t{margin:18px 0 8px;padding-left:10px;border-left:5px solid #FFD20A;font-size:15px;font-weight:bold;line-height:24px}
.related{overflow:hidden}
.related li{float:left;width:33.33%;padding:0 6px 10px 0;margin:0}
.related li a{display:block;color:#1b212d;font-size:12px;line-height:18px}
.related li .t{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#eee url(images/noimg.jpg) center/cover no-repeat}
.related li .t img{display:block;width:100%;height:100%;object-fit:cover}
.related li span.n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;height:36px}

/* 标签云页 / 相册 / 自定义页 */
.tagpage{padding:14px 20px 24px;line-height:34px}
.tagpage a{display:inline-block;margin:0 8px 8px 0;padding:0 10px;line-height:26px;background:#f1f1f1;color:#222}
.tagpage a:hover{background:#FFD20A}
.plainpage{padding:10px 20px 24px}
.plainpage h2{font-size:18px;margin:6px 0 12px}

/* 留言页表单 */
.gb{padding:10px 20px 24px}
.gb h3.test{font-size:18px;margin:6px 0 10px}
.gb p.rightTxt1{margin-bottom:8px}
.contacttext,.commenttext{margin-top:8px;font-weight:bold}
.contactformfield input.text,.contactformmsgfild textarea{width:100%;max-width:420px;border:1px solid #ccc;padding:6px 8px}
.contactformmsgfild textarea{max-width:100%;height:140px}
.contactformfield .style1{color:#d60000}
.submitarea{margin-top:10px}
.button{background:#FFD20A;border:0;height:34px;padding:0 24px;font-weight:bold;color:#000;cursor:pointer}
.button:hover{background:#1b212d;color:#FFD20A}
ul.msg{margin:10px 0;padding:8px 10px;background:#f7f7f7}

/* 页脚 */
.footer{background:#fff url(images/footer.png) no-repeat 12px center;padding:18px 20px 18px 240px;line-height:24px;font-size:12px;color:#666;min-height:90px}
.footer a{color:#444}
.footer a:hover{color:#d60000}
.footer .fnav a{margin-right:14px}
.footer .friends{margin-top:6px}
.footer .friends a{margin-right:12px}
.footer .top-link{float:right}

/* 手机 */
@media (max-width:1000px){
 body{font-size:14px}
 .top_l{display:none}
 .search{width:100%;max-width:100%;float:none}
 .header{height:auto;padding-bottom:6px}
 .logo{float:none;margin:0 auto}
 .menu{float:none;width:100%;height:auto;padding:8px 6px 0}
 .menu li{padding:0 3px 6px}
 .menu li a{padding:0 11px}
 .sidebar{float:none;width:100%}
 .main{float:none;width:100%}
 .box.cat .bc ul{display:flex;flex-wrap:wrap;width:100%;padding:0 8px}
 .box.cat .bc li{width:50%;padding:0 3px 3px 0;margin:0}
 .post{width:calc(50% - 10px);height:auto}
 .postimg,.postimg img{width:100%;height:auto;aspect-ratio:6/5}
 .posttxt{height:auto}
 .postbtn{float:none;width:100%;height:34px;line-height:34px}
 .posttitle{float:none;width:100%;height:auto;padding:6px 8px}
 .single{padding:10px 12px 20px}
 .single_buy{display:none}
 .related li{width:50%}
 .footer{background-image:none;padding:16px 12px}
 .content{display:flex;flex-direction:column}
 .main{order:1}
 .sidebar{order:2;margin-top:8px}
 #focus .cap{font-size:14px;padding-bottom:22px}
}
@media (max-width:520px){
 .menu li a{padding:0 9px;font-size:13px}
 .post{width:calc(100% - 10px)}
 .list .post.cate8,.list .post.cate9,.list .post.cate10,.list .post.cate21,.list .post.cate23,.list .post.cate40{width:auto}
}