body{background:#f9fafb}.page-main{max-width:1600px;margin:0 auto}.article-list-head{height:90px;background:url(//s.ibaotu.com/img/article/bh.png) no-repeat bottom;background-size:cover;position:relative}.article-list-head:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:482px;height:52px;background:url(//s.ibaotu.com/img/article/h1.png) no-repeat 50%;background-size:cover}.article-list-bread{font-size:14px;color:#333;margin:30px auto 20px}.article-list-main{background:#fff;-webkit-box-shadow:0 4px 10px 0 rgba(51,51,51,.08);box-shadow:0 4px 10px 0 rgba(51,51,51,.08);border-radius:12px;padding:30px;margin-bottom:30px}.article-list-item{position:relative;padding-bottom:30px;border-bottom:1px solid #ebebeb;margin-bottom:28px;color:#333;font-size:14px;cursor:pointer;display:block}.article-list-item:before{content:"";position:absolute;top:-25px;left:-30px;width:83px;height:85px;background:url(//s.ibaotu.com/img/article/1.png) no-repeat 50%;background-size:cover;z-index:0}.article-list-item:after{content:"";position:absolute;width:3px;height:16px;background:#ff7d04;top:1px;left:-30px}.article-list-item:nth-child(2):before{width:104px;background-image:url(//s.ibaotu.com/img/article/2.png)}.article-list-item:nth-child(3):before{width:102px;background-image:url(//s.ibaotu.com/img/article/3.png)}.article-list-item:nth-child(4):before{width:102px;background-image:url(//s.ibaotu.com/img/article/4.png)}.article-list-item:nth-child(5):before{width:104px;background-image:url(//s.ibaotu.com/img/article/5.png)}.article-list-item .article-item-title{font-weight:600;font-size:18px;line-height:1;margin-bottom:20px;-webkit-transition:all .3s ease;transition:all .3s ease;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}.article-list-item .article-item-title:hover{color:#ff7d04}.article-list-item .article-item-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.article-list-item .article-item-detail{max-width:78%;max-height:40px;display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:#333}.article-list-item .article-item-date{color:#666}.article-list .pagelist{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:0}.article-list .pagelist>a{padding:8px 14px;-webkit-box-shadow:none;box-shadow:none;background:#f9fafb;border:1px solid #f9fafb;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;font-size:16px}.article-list .pagelist .current,.article-list .pagelist>a:hover{background:#fff2e5;border:1px solid #ff7d04;color:#ff7d04}.article-list .pagelist .current{padding:8px 14px;height:40px;border-radius:8px;min-width:40px;font-size:16px;line-height:inherit}.article-list .pagelist .page-jumper .page-jump-btn,.article-list .pagelist .page-jumper .page-number{height:40px;-webkit-box-shadow:none;box-shadow:none}.article-list .pagelist .page-jumper .page-number{background:#f9fafb;color:#333}@media screen and (max-width:1680px){.page-main{width:1410px}}@media screen and (max-width:1440px){.page-main{width:1200px}}@media screen and (max-width:1300px){.page-main{width:83%}}