.list-header{background-size:cover;width:100%;height:370px;overflow:hidden}.list-header .list-header-info{position:absolute;width:100%;bottom:0;height:70px;background:#fff}.list-header img{width:90%;height:90%;border-radius:50%;padding:5%;transition:all 1s}.list-header .img{border-radius:50%;overflow:hidden;height:120px;width:120px;border:5px solid #fff;background:#fff;margin:120px auto 0;box-shadow:0 15px 20px -20px #000}.list-header .img:hover img{transform:rotate(1turn)}.list-header .tit{margin:15px auto 0;font-size:15px;text-align:center;padding:5px 20px;background:#fff;display:table;border-radius:22px;font-weight:700;color:#333;position:relative;box-shadow:0 15px 20px -15px #000}.list-header .tit:after{content:"";width:0;height:0;border-color:transparent transparent #fff;border-style:solid;border-width:5px 10px 10px;position:absolute;top:-15.5px;right:50%;z-index:1;transform:translate(10px)}.list-nav{width:100%;height:60px;background:#fff;margin-top:130px!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}.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}.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}.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}.list-nav .hover{background:#007bf5!important}.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}}