.category-article-wapper{margin-bottom:200px;}
/*资讯分类*/
.current-category { background: #e91b1b; color: #fff; display: inline-block; padding: 15px 30px; }
.current-category .name{font-size:24px; font-weight:bold;}
.sub-category-list-wapper{padding-top:30px;}
.sub-category-list-wapper .sub-category-list{ width:100%;display:block; }
.sub-category-list-wapper .sub-category-list li { border-bottom: 1px dotted #aaa; }
.sub-category-list-wapper .sub-category-list li:first-child { border-top: 1px dotted #aaa; }
.sub-category-list-wapper .sub-category-list li a { display: block; width:100%; padding:10px; color: inherit;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sub-category-list-wapper .sub-category-list li:hover a{color:#e91b1b;}
.category-article-wapper { margin-top: -45px; }

/*文章列表*/
.article-list-wapper{padding-top:45px;}
.article-list-wapper .breadcrumb { background: inherit; margin-bottom: 0; font-size:12px; }
.postlist-item { overflow: hidden; padding-bottom:10px; border-bottom: 1px solid #eee; margin-top: 0px;}
.postlist-item .post-img { position: relative; }
.postlist-item .post-img a{display:block; width:100%; overflow:hidden; padding-top:10px;}
.postlist-item .post-img img{width:100%; min-height:110px;}
.postlist-item .post-img img{width:100%; min-height:110px;}
.category-hot-posts .posts { font-size: 14px; color: #a5aab0; }
.postlist-item .post-title { font-size: 18px; line-height: 1.3; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.postlist-item .post-title a{color:#454545; text-decoration: none;}
.postlist-item .content .des { color: #999; font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.postlist-item .content .stream-list-meta span { color: #999; font-size:12px; margin-right: 20px; }
.postlist-item .content .stream-list-meta span i { margin-right: 5px; }
.postlist-item .right-icon-wapper{display:flex; width:70px; color:#bbb; align-items:center; height:100%; padding:0 10px; position:relative;}
.postlist-item .right-icon-wapper .line { position: absolute; top: 35%; left: 0; width: 1px; height: 30%; background: #ddd; }
.postlist-item .right-icon-wapper i {position:absolute; font-size:16px; transition:1s ease; left:10px; }
.postlist-item:hover .right-icon-wapper i { left: 30px; }
.postlist-item:hover { box-shadow: 0 0 5px rgba(0,0,0,.05); background-color: #f9fafd; }
.postlist-item:hover .post-title a { color: #e91b1b; }


/*文章详情页*/
.article-container{margin-top:20px; margin-bottom:200px;}
.news-center-wapper { width: 100%; max-width: 1920px; margin: 0 auto; }
.news-center-wapper img{width:100%;}
.article-recommend-wapper{ background:#fff; padding:20px;}
.article-recommend-wapper .title { font-size: 18px; padding-bottom:10px; }
.article-recommend-wapper .article-list { width: 100%; border: 1px solid #eee; border-radius: 5px; }
.article-recommend-wapper .article-list li a { color: #2a333c; padding: 10px 15px; border-bottom: 1px solid #eee; display: block; width: 100% }
.article-recommend-wapper .article-list li:last-child a{border-bottom:none;}
.article-recommend-wapper .article-list li a:hover { background: hsla(4, 90%, 58%, 0.1); color: #e91b1b; }
.article-recommend-wapper .article-list li a i{margin-right:10px; font-size:20px;}

.article-page-wapper { background: #fff; padding: 30px; }
.article-page-wapper .article-hd { font-weight: 300; padding-bottom:20px; border-bottom: 1px solid #f0f2f5; }
.article-page-wapper .article-hd .article-title { font-size: 32px; }
.article-page-wapper .article-hd .article-meta { color: #a3afb7; font-size:14px;  }
.article-page-wapper .article-hd .article-meta span{margin-right:20px;}
.article-content { padding: 20px 0; overflow:hidden; }
.article-content img { max-width: 100%; }
.article-content table{max-width:100% !important;}
/*分页*/
.page-wapper { width: 100%; padding-top: 40px; }
.page-wapper .pagination { display: table; margin: 0 auto; float: initial !important; }
.page-wapper .pagination > li { display: inline-block; float: left; margin-right: 15px; }
.page-wapper .pagination > li > a,
.page-wapper .pagination > li > span { color: #999; border: 1px solid #d7d7d7 !important; padding: 8px 14px; font-size: 14px; border-radius: initial !important; }
.page-wapper .pagination > .active > a,
.page-wapper .pagination > .active > a:focus,
.page-wapper .pagination > .active > a:hover,
.page-wapper .pagination > .active > span,
.page-wapper .pagination > .active > span:focus,
.page-wapper .pagination > .active > span:hover { background: #fff; border-color: #e91b1b !important; background: hsla(4, 90%, 58%, 0.1); color: #e91b1b; }