.article-list{padding-top:14px}.article-list .article-box{float:left;width:900px;background-color:#fff;padding:0 24px 24px}.article-list .article-box>.title{height:32px;line-height:32px;border-bottom:1px dashed #ddd}.article-list .article-box .list{margin-bottom:32px}.article-list .article-box .list .article-item{padding:16px 0 16px 226px;height:156px;position:relative;border-bottom:1px dashed #ddd}.article-list .article-box .list .article-item>a{color:rgba(0,0,0,0)}.article-list .article-box .list .article-item .cover{position:absolute;top:16px;left:16px;height:124px;width:178px}.article-list .article-box .list .article-item .title{margin:0 0 16px;font-size:16px}.article-list .article-box .list .article-item p{font-size:14px;line-height:28px}.article-list .article-box .list .article-item p a{font-size:14px;color:#ff6b00}.article-list .article-box .page-bar{text-align:center}.article-list .article-box .page-bar .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#ff6b00}.article-list .article-box .page-bar .el-pagination.is-background .el-pager li:not(.disabled):hover{color:#ff6b00}.article-list .article-box .page-bar .el-pagination.is-background .el-pager li:not(.disabled).active:hover{color:#fff}.article-list .recommend-article{float:right;width:300px;padding-left:16px}.article-list .recommend-article .recommend-item{margin-bottom:32px}.article-list .recommend-article .recommend-item .title{height:32px;line-height:32px;text-align:left;border-bottom:1px solid #ddd;font-size:16px}.article-list .recommend-article .recommend-item .title a{float:right;height:31px;line-height:31px;font-size:14px}.article-list .recommend-article .recommend-item .list{padding-top:8px}.article-list .recommend-article .recommend-item .list .article-item{font-size:14px;line-height:28px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.article-list .recommend-article .recommend-item .list .article-item:first-child a{color:#ff6b00}@media screen and (max-width:768px){.article-list .article-box{width:100%;padding:0 10px;margin-bottom:20px}.article-list .article-box .list .article-item{padding:10px 0;height:auto;overflow:hidden}.article-list .article-box .list .article-item .cover{left:0;width:30%;height:auto}.article-list .article-box .list .article-item .title{margin-left:33%;width:67%}.article-list .article-box .list .article-item p{margin-left:33%;margin-bottom:8px;width:67%;line-height:20px}.article-list .article-box .el-pagination{padding:0 0 10px;white-space:normal}.article-list .recommend-article{float:left;width:100%;padding:0}.article-list .recommend-article .recommend-item{background-color:#fff;padding:0 10px}}