/*          
*The url:www.ishouma.com		  	
*warning:Please respect the author's work
*/
.list-container{background:#fff;min-height:calc(100vh - 418px);width:850px}
.wnr_ico{display:block;background:url(../images/wnr.png) center no-repeat;width:300px;height:10pc;margin:auto auto 20px;background-size:150px}
.wnr_t{line-height:30px;padding:5px 0;font-size:17px}
.wnr_home,.wnr_t{display:block;text-align:center;color:#a5a5a5}
.wnr_home{width:221px;margin:0 auto;border:1px solid #e2e2e2;height:45px;line-height:45px;font-size:15px;border-radius:30px;margin-top:15px;margin-bottom:18px}
.list-container .list-ul{padding:0 30px 45px}
.list-container .list-ul li{margin-bottom:20px;border-bottom:1px solid #f0f0f0;padding-bottom:20px}
.list-container .list-ul li:nth-last-child(1){margin-bottom:0}
.list-container .list-ul li .list-img{float:left;width:202px;height:159px;overflow:hidden;text-align:center;border-radius:3px}
.list-container .list-ul li .list-img img{min-width:100%;vertical-align:middle;min-height:100%}
.list-container .list-ul li .list-info{width:100%}
.list-container .list-ul li .list-info .info-img{width:23%;height:130px;display:flex;border-radius:5px;overflow:hidden}
.list-container .list-ul li .list-info .info-img img{width:100%;min-height:100%;transition: all 0.7s ease;transform-origin: center center;}
.list-container .list-ul li .list-info:hover .info-img img {-webkit-transform: scale(1.2) rotate(-6deg);-moz-transform: scale(1.2) rotate(-6deg);-o-transform: scale(1.2) rotate(-6deg);-ms-transform: scale(1.2) rotate(-6deg);transform: scale(1.2) rotate(-6deg);}
.list-container .list-ul li .list-info .info-img{width:180px;height:130px;display:flex;border-radius:5px;overflow:hidden}
.list-container .list-ul li .list-info .info-img img{width:100%;min-height:100%}
.list-container .list-ul li .list-info .info-tit{width:590px;height:130px}
.list-container .list-ul li .list-info .soft-title{font-size:20px;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;font-size:14px;font-style:normal;margin-right:12px;padding:0 11px;border-radius:5px;height:25px;line-height:25px;position:relative;top:-2.5px;color:#888;background:#f0f0f0;font-weight:100}
.list-container .list-ul li .list-info .soft-title .top{color: #ffffff;background: #f24e4c}
.list-container .list-ul li .list-ca{height:25px;line-height:25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:14px;color:#a7a7a7;margin:10px 0;float:left}
.list-container .list-ul li .list-ca .separator{color: #e1e1e1}
.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;display:-webkit-box;color:#999999;margin:5px 0 0;text-align:justify;min-height:60px}
.list-container .list-ul li .list-intro *{display:inline!important}
.list-container .list-ul li .list-btn{margin-top:-50px;height:30px;line-height:38px;float:right}
.list-container .list-ul li .list-btn a{float:right;width:130px;text-align:center;border:1px solid #f0f0f0;color:#9a9a9a;font-size:15px;border-radius:5px;height:40px}
.list-container .list-ul li .list-btn a:hover{background:#f24e4c;color:#fff}
li em{text-decoration:none;font-style:normal;color:#d00}
.list-left{float:left;width:810px}
.right{width:300px;overflow:hidden;margin-right:30px}
.list-right{width:100%;overflow:hidden;margin-bottom:20px}
.list-right-title{height:55px;line-height:55px;font-size:18px;color:#f24e4c;font-weight:700;border-bottom:1px solid #f6f6f6;padding-bottom:12px}
.hot-icon{display:block;background:url(../images/other-hot-title-icon.png) no-repeat center;background-size:25px;height:55px;width:25px;float:left;margin-right:10px}
.list-right ul{width:100%;overflow:hidden;margin-top:15px}
.list-right ul:nth-child(1){margin-right:25px}
.list-right ul li{float:left;width:100%;margin-bottom:15px;padding-right:15px}
.list-right ul li:nth-child(2n){padding-right:0}
.list-right ul li:nth-child(1) a i{background:#ff2a2a;color:#fff}
.list-right ul li:nth-child(2) a i{background:#ffc107;color:#fff}
.list-right ul li:nth-child(3) a i{background:#03a9f4;color:#fff}
.list-right ul li:nth-child(4) a i{background:#4caf50;color:#fff}
.list-right ul li a{display:block;line-height:30px;height:30px;font-size:15px;overflow:hidden}
.list-right ul li a i{display:inline-block;vertical-align:middle;font-style:normal;margin-right:9px;background:#f3f3f3;width:35px;text-align:center;color:#696969;height:25px;margin-top:-3px;border-radius:21px;line-height:25px}
.sj-icon{display:block;background:url(../images/news-article-title-icon.png) no-repeat center;background-size:25px;height:55px;width:25px;float:left;margin-right:10px}
.nav-icon{display:block;background:url(../images/article-sj-title-icon.png) no-repeat center;background-size:25px;height:55px;width:25px;float:left;margin-right:10px}
.list-container .current_nav{margin:20px 20px;border-bottom:1px solid #f6f6f6;padding-bottom:20px;font-size:15px;color:#888;text-indent:5px}
.list-container .current_nav a{color:#888}
.right .nav{margin-top:17px}
.right .nav ol{float:left;margin-right:5px;margin-bottom:15px}
.right .nav ol a{padding:5px 15px;border-radius:16px;border:1px solid #f0f0f0;display:block}
.list-soft{overflow:hidden;padding:0 30px 45px}
.list-soft li{float:left;width:23%;clear:inherit;border:1px solid #f0f0f0;height:220px;margin-right:20px;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;width:85px;margin:20px auto;border-radius:20px;height:85px;overflow:hidden}
.list-soft .list-img img{width:100%;height:100%}
.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 .dx{font-size:13px;color:#888}
.list-soft .list-btn a{border-radius:5px;border:1px solid #f1f1f1;padding:5px 15px;margin-top:10px;display:inline-block;color:#999}
.list-soft .list-btn a:hover{color:#f24e4c;border:1px solid #f24e4c}
.list-soft li:hover .list-btn{height:95px;transition:all .5s}
.search .info-tit{width: 100%!important;height: 60px!important;}
.search li .list-ca i{font-style: inherit;margin-left: 15px;}
.search li .list-btn{margin-top: -65px!important;}
@media screen and (max-width:800px){.list-container .current_nav{width:100%;margin:10px 0 1rem}
.index-container .right{display:none}
.list-container{padding: 2% 4%;width:100%;}
.list-container .list-ul,.list-soft{padding:0}
.list-container .list-ul li .list-info .info-img{width:6rem;height:6rem}
.list-container .list-ul li .list-info .info-img img{width:100%;vertical-align:middle;height:100%;object-fit:cover}
.list-container .list-ul li .list-info .info-tit{width:calc(100% - 7rem);height:6rem}
.list-container .list-ul li .list-btn,.list-container .list-ul li .list-info .soft-title i{display:none}
.list-container .list-ul li .list-info .soft-title{font-weight:400;font-size: 1.1rem;}
.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;min-height:2.5rem}
.list-container .list-ul li{margin-bottom:1rem;padding-bottom:1rem}
.list-container .list-ul li .list-ca{margin:0;font-size: 12px}
.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: 10px;}
.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:75%;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{position:unset;height:auto}
.list-soft .list-btn .pf{margin-right:.5rem}
.list-soft .list-btn a{border-radius:9px;position:absolute;top:-7px;right:1%;width:2rem;padding:.5rem;display:block;box-sizing:unset}
.list-soft li:hover .list-btn{height:auto;transition:all .5s}
}