/* ===== 分类页顶部那条二级分类导航（最近更新 + 子分类）=====
   每个分类做成一格浅灰小方块（圆角 5px），跟手机端和主题里的标签样式统一。
   分类多了会自动往下折行，所以高度不能再限死 60px，改成 auto。
   下面「最近更新」和子分类之间还加了一条竖线，把两者分开。 */
.list-nav{width:100%;height:auto;background:#fff;margin-top:100px!important;border-radius:5px}
/* 内边距加在里面那层 .container 上，并让它占满宽度。
   （外层 .list-nav 同时也是 .container，宽度 1400px，内层再撑 1400px 会溢出，
     所以这里把内层宽度改成 100%，用内边距留白。）
   限定 :not(.search)：搜索页那条是纯文字标题，不能加。 */
.list-nav:not(.search)>.container{width:100%;padding:12px 16px 4px;box-sizing:border-box}
.list-nav li{display:inline-block;margin:0 8px 8px 0}
.list-nav li a{display:inline-block;line-height:32px;font-size:13px;padding:0 14px;border-radius:5px;background:#f6f6f6;color:#666;transition:background .2s,color .2s}
.list-nav li a:hover{background:#e5f1ff;color:#007bf5}
/* 当前所在的分类：填主色实心块，一眼看得出来 */
.list-nav .hover a{display:inline-block;background:#007bf5;color:#fff;-webkit-transition:all .5s;transition:all .5s}
/* 方块样式下，原来那条底部小蓝条就不需要了 */
.list-nav li a:after,.list-nav .hover a:after{display:none}
/* 「最近更新」和子分类之间加一条竖线分开 */
.list-nav li:first-child{margin-right:16px;padding-right:16px;border-right:1px solid #eee}
/* 夜间模式：方块跟着换成深色 */
body.night .list-nav li a{background:#323335;color:#c0c4cc}
body.night .list-nav li a:hover{background:#3c3d40;color:#4da3ff}
body.night .list-nav .hover a{background:#4da3ff;color:#1f1f1f}
body.night .list-nav li:first-child{border-right-color:#565656}
.list-main .container{position:relative}
.list-main{margin-top:30px}
.list-main .fl,.list-main .left{width:1000px;background-color:#fff;border-radius:5px;box-sizing:border-box;padding:20px 10px}
.list-main .left>ul li{padding:20px 10px;border-bottom:1px solid #f6f6f6;position:relative;height:30px;transition:all .5s;line-height:30px}
.list-main .left>ul li:first-child{margin-top:-10px}
.list-main .left>ul li:last-child,.list-main .soft.list>ul li:last-child{border-bottom:0}
.list-main .left>ul li:after,.list-main .soft.list>ul li:after{content:"";position:absolute;width:0;height:101%;background:#fbfbfb;left:0;bottom:-1px;z-index:0}
.list-main .left>ul li:hover:after,.list-main .soft.list>ul li:hover:after{width:100%}
.list-main .article>ul .tit span,.list-main .left>ul li span,.list-main .soft.list>ul li span{border-radius:5px;background:#f6f6f6;color:#a7a7a7;padding:5px 5px 4px;font-size:12px;margin-right:10px;z-index:1;position:relative;border:1px solid #f1f1f1;float:left;margin-top:2.5px;line-height:15px;font-weight:400}
.list-main .left>ul li .tit,.list-main .soft.list>ul li .tit{z-index:1;position:relative;float:left}
.list-main .left>ul li time,.list-main .soft.list>ul li time{float:right;color:#999;margin-right:50px;z-index:1;position:relative}
.list-main .left>ul li time.news,.list-main .soft>ul li time.news{color:#ff5722}
.list-main .left>ul li .link,.list-main .soft.list>ul li .link{float:right;padding:5px 15px;border-radius:5px;background:#1b8eff;font-size:12px;line-height:16px;height:15px;margin-top:2.5px;color:#fff;z-index:1;position:relative}
.list-main .soft>ul li{float:left;width:23%;border:1px solid #f6f6f6;height:240px;margin:0 8px 18px;position:relative;overflow:hidden;border-radius:5px}
.list-main .article>ul li:first-child{padding-top:0}
.list-main .article>ul li:last-child{border-bottom:0}
.list-main .article>ul li{margin:10px auto;height:13pc;border-bottom:1px solid #ededed;position:relative;padding:20px 10px 26px}
.list-main .article>ul .tit{margin-bottom:25px;font-size:18px;line-height:30px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:700}
.list-main .article>ul .tit span{margin-top:2px}
.list-main .article>ul li .item-main{position:relative;overflow:hidden;width:100%}
.list-main .article>ul .img{float:left;display:block;border-radius:5px;object-fit:cover}
.list-main .article>ul .info{overflow:hidden;margin-left:229px;color:#666}
.list-main .article>ul .info .desc{margin-top:20px;margin-bottom:0;color:#666;text-align:justify;font-size:14px;line-height:25px}
.list-main .article>ul .info .detail{position:absolute;bottom:50px;width:600px;color:#333;line-height:30px}
.list-main .article>ul .info .btn{width:92px;height:28px;border:1px solid #c2c2c2;border-radius:2px;color:#999;text-align:center;letter-spacing:2px;font-size:14px;line-height:28px}
.list-main .article>ul .info .btn:hover{border-color:#007bf5;background:#007bf5;color:#fff;-webkit-transition: all .5s;}
.list-main .soft>ul li:nth-child(4n){margin-right:0}
.list-main .soft>ul .list-img{display:block;width:95px;margin:25px auto;border-radius:20px;border:1px solid #f6f6f6}
.list-main .soft>ul .list-img img{width:95px;height:95px;border-radius:20px}
.list-main .soft>ul .soft-title{text-align:center;width:85%;margin:auto;text-overflow:ellipsis;white-space:inherit;overflow:hidden;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;display:-webkit-box;display:box}
.list-main .soft>ul .list-ca{text-align:center;font-size:13px;color:#888;margin-top:10px}
.list-main .soft>ul .list-btn{position:absolute;height:0;width:100%;bottom:0;background:#fff;text-align:center;transition:all .5s}
.list-main .soft>ul .list-btn span{display:block}
.list-main .soft>ul .list-btn .pf{color:#fdc800}
.list-main .soft>ul .list-btn .dx{font-size:13px;color:#888}
.list-main .soft>ul .list-btn a{border-radius:5px;border:1px solid #f1f1f1;padding:4px 15px;margin-top:10px;display:inline-block;color:#999;transition:all .3s}
.list-main .soft>ul .list-btn a:hover{color:#fff;border:1px solid #007bf5;background:#007bf5;-webkit-transition: all .5s;}
.list-main .soft>ul li:hover .list-btn{height:100px;transition:all .3s}
.list-main .soft.list>ul li{width:auto;padding:20px 10px;border:0;border-bottom:1px solid #f6f6f6;position:relative;height:30px;transition:all .5s;line-height:30px;border-radius:0;float:none;margin:0}
.list-main .soft.list>ul li:first-child{margin-top:-10px}
.list-main .soft.list>ul li .img{width:30px;float:left;height:30px;border-radius:7px;z-index:2;position:relative;margin-right:10px;border:1px solid #f6f6f6}
.list-nav.search{margin-top:90px;line-height:60px;text-indent:20px;font-size:18px;font-weight:700;color:#333}
.list-nav.search b{color:#1b8eff;text-transform:uppercase;padding:0 10px}
@media screen and (max-width:800px){.list-nav{height:auto;overflow:hidden;padding:1% 0;margin-top:5rem!important}
/* 手机上：还是一排 4 个小方块。把电脑端新加的内边距和竖线还原掉 */
.list-nav:not(.search)>.container{padding:0}
.list-nav li a{line-height:30px;margin:0;padding:0;color:#666;background:transparent}
.list-nav li{display:block;float:left;width:23%;text-align:center;background:#f6f6f6;margin:1%;border-radius:5px}
.list-nav li:first-child{margin-right:1%;padding-right:0;border-right:0}
.list-nav li:nth-child(4n){float:right}
.list-nav li a:after{display:none}
.list-nav .hover a{color:#fff!important;background:transparent;font-weight:400;font-size:14px;-webkit-transition: all .5s;}
.list-nav .hover{background:#007bf5!important;-webkit-transition: all .5s;}
/* 夜间模式下手机端：方块底色由 li 自己给，a 不用再上底色 */
body.night .list-nav li a,body.night .list-nav .hover a{background:transparent}
.list-main{margin-top:10px}
.list-main .fl,.list-main .left{width:100%;padding:20px 0}
.list-main .left>ul li time,.list-main .right,.list-main .soft.list>ul li time{display:none}
.list-main .left>ul li .tit{max-width:calc(100% - 150px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.list-main .soft.list>ul li .tit{max-width:calc(100% - 175px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.list-main .article>ul .img{width:25%;height:5rem;display:none}
.list-main .article>ul .info{margin-left:0}
.list-main .article>ul .tit{margin-bottom:0}
.list-main .article>ul .info .detail{bottom:0;position:unset}
.list-main .article>ul li{height:auto}
.list-main .soft>ul li{width:100%;border:0;height:auto;margin:0 0 1rem;border-bottom:1px solid #f6f6f6;padding-bottom:1rem;border-radius:0}
.list-main .soft>ul li .list-img{width:4rem;float:left;margin:auto;overflow:hidden;height:4rem;border-radius:15px}
.list-main .soft>ul .list-img img{width:100%;height:100%;border-radius:15px}
.list-main .soft>ul li .list-info{float:right;width:100%;max-width:calc(100% - 5rem);position:relative}
.list-main .soft>ul li .soft-title{text-align:left;font-size:.9rem;width:75%;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;margin:0}
.list-main .soft>ul li .list-ca{text-align:left;font-size:.8rem;margin:4px 0}
.list-main .soft>ul li .list-btn span{float:left;font-size:.8rem!important}
.list-main .soft>ul li .list-btn{position:unset;height:auto}
.list-main .soft>ul li .list-btn .pf{margin-right:.5rem}
.list-main .soft>ul li .list-btn a{border-radius:9px;position:absolute;top:-7px;right:1%;width:2rem;padding:.5rem;display:block;box-sizing:unset}
.list-main .soft>ul li:hover .list-btn{height:auto;transition:all .5s}
    .new_list>ul>li{width: 95%!important;}
}