.list-container{background:#fff;min-height:calc(100vh - 418px);padding:10px 20px 15px;width:calc((100% - 13px) * .69)}
.list-container .list-ul li{margin-bottom:20px;border-bottom:1px solid #f6f6f6;padding-bottom:20px}
.list-container .list-ul li .list-img{float:left;width: 190px;height: 130px;overflow:hidden;text-align:center;border-radius:3px;}
.list-container .list-ul li .list-img img{width:100%;vertical-align:middle;height:100%;}
.list-container .current_nav{margin:10px 0 20px;border-bottom:1px solid #f6f6f6;padding-bottom:15px;font-size:15px;color:#888}
.list-container .current_nav a{color:#888}
.list-container .list-ul li .list-info{float:right;width: calc(100% - 165px - 45px);}
.list-container .list-ul li .list-info .soft-title{font-size:18px;margin-top:0;color:#333;line-height:30px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight: 700;}
.list-container .list-ul li .list-info .soft-title i{display: inline-block;position: relative;top: -2.5px;color: #888;background: #f7f7f7;font-weight: 100;font-size: 14px;height: 25px;line-height: 25px;font-style: normal;margin-right: 12px;padding: 0 11px;border-radius: 5px;}
.list-container .list-ul li .list-ca{height:30px;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:15px;color:#a7a7a7;margin:5px 0 10px}
.list-container .list-ul li .list-ca .jd{display:inline-block;margin-right:22px}
.list-container .list-ul li .list-intro{line-height:25px;font-size: 14px;height: 50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color: #666;margin: 5px 0px;}
.list-container .list-ul li .list-intro *{display:inline!important}
.list-container .list-ul li .list-btn{margin-top: 10px;height: 30px;line-height: 33px;width:100%;color: #888;}
.list-container .list-ul li .list-btn a{float: right;width: 125px;text-align:center;border:1px solid #e8e8e8;color:#9a9a9a;font-size:15px;border-radius: 5px;transition:.3s all;letter-spacing: 1px;}
.list-container .list-ul li .list-btn a:hover{border-color:#58aaff;color:#fff;background:#58aaff}
li em{text-decoration:none;font-style:normal;color:#d00}
.index-container .right{padding:15px 20px;width:calc((100% - 13px) * .31);background:#fff}
.index-container .right .title{border-bottom:0;margin-bottom:5px}
.twdd{margin:0 0 25px}
@-webkit-keyframes shadow{0%{opacity:0}
30%{opacity:1}
to{opacity:1;top:-50px}
}
@keyframes shadow{0%{opacity:0}
30%{opacity:1}
to{opacity:1;top:-50px}
}
.xuhaoul{width:100%;margin:0}
.xuhaoul li{padding:0;width:100%;margin-bottom:10px}
.xuhaoul li:nth-child(2n){padding:0}
.xuhaoul li:nth-last-child(1){margin-bottom:12px}
.list-img{overflow:hidden}
.list-img li{width:245px;overflow:hidden;margin-top:2px;float:left;margin-right:20px;margin-bottom:15px;position:relative;border-radius:15px}
.list-img li:nth-child(3n){margin-right:0}
.list-img li .img{width:245px;height:320px;z-index:1;overflow:hidden;position:static}
.list-img li a{display:block}
.list-img li .img img{width:100%;vertical-align:middle;min-height:100%}
.list-img li .text{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,.4);height:30px;line-height:25px;transition:all .5s}
.list-img li .text .tit{z-index:13;color:#f6f6f6;font-size:15px;width:90%;margin:auto;text-align:center}
.list-img li a:hover .text{overflow:inherit;transition:all .5s;height:30%;padding-top:20px}
.list-soft{overflow:hidden}
.list-soft li{float:left;width:23%;clear:inherit;border:1px solid #f1f1f1;height:240px;margin-right:18px;margin-bottom:18px;position:relative;overflow:hidden;border-radius: 5px;}
.list-soft li:nth-child(4n){margin-right:0}
.list-soft .list-img{display: block;padding: 27px 0;margin: 7px;border-radius: 5px;}
.list-soft .list-img img{display: block;margin: auto;width: 80px;height: 80px;transition: all .3s;-webkit-box-reflect: below 0px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(70%,transparent),to(rgba(250,250,250,0.2)));}
.list-soft .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-soft .list-ca{text-align:center;font-size:13px;color:#888;margin-top:10px}
.list-soft .list-btn{position:absolute;height:0;width:100%;bottom:0;background:#fff;text-align:center;transition:all .5s}
.list-soft .list-btn span{display:block}
.list-soft .list-btn .pf{color:#ffa400}
.list-soft .list-btn .pf i{font-style: initial;color: #ffb80f;font-size: 18px;margin-right: 5px;letter-spacing: 1px;}
.list-soft .list-btn .dx{font-size:13px;color:#888}
.list-soft .list-btn a{border-radius: 5px;border:1px solid #f1f1f1;padding: 4px 15px;margin-top:10px;display:inline-block;color:#999;}
.list-soft .list-btn a:hover{color:#58aaff;border:1px solid #58aaff}
.list-soft li:hover .list-btn{padding-top: 10px;height:110px;transition:all .5s}
.twdd li{margin-bottom:20px}
@media screen and (max-width:800px){.index-container .left,.index-container .right{float: none;width: 100%;}
.hd{overflow: hidden;}
.list-container .current_nav{padding:0.625rem 0;font-size:.9rem}
.list-container{width:100%;min-height:auto;padding:0 10px}
.list-soft li{width:100%;border:0;height:auto;margin:0 0 1rem;border-bottom:1px solid #f6f6f6;padding-bottom:1rem}
.list-soft .list-img{width:4rem;float:left;margin:auto;overflow:hidden;height:4rem;border-radius: 15px;padding: 0;}
.list-soft .list-img img{width: 100%;height: auto;}
.list-soft .list-info{float:right;width:100%;max-width:calc(100% - 5rem);position:relative}
.list-soft .soft-title{text-align:left;font-size:.9rem;width:78%;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;margin:0}
.list-soft .list-ca{text-align:left;font-size:.8rem;margin:4px 0}
.list-soft .list-btn span{float:left;font-size:.8rem!important}
.list-soft .list-btn .dx{display: none;}
.list-soft .list-btn{position:unset;height:auto}
.list-soft .list-btn .pf{margin-right:.5rem}
.list-soft .list-btn .pf i{font-size:1rem}
.list-soft .list-btn a{border-radius:9px;position:absolute;top:-3px;right:1%;width:2.5rem;padding:.5rem;display:block;box-sizing:unset}
.list-soft li:hover .list-btn{height:auto;transition:all .5s}
#page .layui-laypage a,#page .layui-laypage span{padding:0 10px;height:30px;line-height:30px}
#page .layui-laypage .pageinfo{display:none}
#page{padding-top:5px}
.list-img li{width:30%;margin-right:5%;height:8rem;border-radius:10px}
.list-img li .img{width:100%;height:8rem}
.list-img li a .text{overflow:inherit;transition:all .5s;height:30%;padding-top:5%;box-sizing:unset;line-height:1.1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.list-img li .text .tit{font-size:.7rem;overflow:hidden}
.list-container .list-ul li .list-img{width:7.5rem;height:5.5rem;margin-top:.2rem}
.list-container .list-ul li .list-info .soft-title{text-align:left;font-size:1rem;width:100%;overflow:hidden;-webkit-line-clamp:1;margin-bottom:.5rem;line-height:1.3rem}
.list-container .list-ul li .list-ca{text-align:left;font-size:.8rem;margin:4px 0;height:1.2rem;line-height:1.2rem}
.list-container .list-ul li .list-btn{margin: 0;}
.list-container .list-ul li .list-info .soft-title i.rj,.list-container .list-ul li .list-btn a{display:none}
.list-container .list-ul li .list-intro{width:99%;overflow:hidden;-webkit-line-clamp:2;margin:0;line-height:1.3rem;height:2.5rem;font-size:.8rem}
.list-container .list-ul li .list-info{width:calc(100% - 7.9rem)}
}