.list-nav{width:100%;height:60px;background:#fff;margin-top:100px!important;border-radius:5px}
.list-nav li{display:inline}
.list-nav li a{display:inline-block;line-height:60px;font-size:14px;margin:0 10px 0 20px;transition:all .5s;position:relative}
.list-nav li a:after{position:absolute;content:"";left:calc(50% - 10px);bottom:0;width:0;height:3px;background-color:#007bf5;transition:all .2s;-webkit-transition:all .2s;border-radius:20px}
.list-nav .hover a{display:inline-block;color:#007bf5;-webkit-transition: all .5s;}
.list-nav li a:hover{color:#1b8eff;transition:all .5s}
.list-nav .hover a:after{width:20px}
.list-main .container{position:relative}
.list-main{margin-top:30px}
.list-main .fl,.list-main .left{width:900px;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}
.list-nav li a{line-height:30px;margin:0;color:#666}
.list-nav li{display:block;float:left;width:23%;text-align:center;background:#f6f6f6;margin:1%;border-radius:5px}
.list-nav li:nth-child(4n){float:right}
.list-nav li a:after{display:none}
.list-nav .hover a{color:#fff!important;font-weight:400;font-size:14px;-webkit-transition: all .5s;}
.list-nav .hover{background:#007bf5!important;-webkit-transition: all .5s;}
.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;}
}