.online-news-wrap{width:1200px;margin:0 auto;padding:30px;text-align:left;font-size:14px;background-color:#fff}.online-news-wrap .header{padding:8px 0;font-size:24px;border-bottom:2px solid rgba(0,0,0,.08);color:rgba(0,0,0,.98);font-family:HanSans-Medium}.online-news-wrap .header span{cursor:pointer}.online-news-wrap .title{font-size:16px;font-weight:600;color:rgba(0,0,0,.98)}.online-news-wrap .meta{display:flex;justify-content:space-between;padding-top:8px;color:#666}.online-news-wrap .meta .date{text-align:right}.online-news-wrap .hot-news{display:flex;margin-top:30px;cursor:pointer}.online-news-wrap .hot-news .pop-news{position:relative;flex:1}.online-news-wrap .hot-news .pop-news .topimg,.online-news-wrap .hot-news .pop-news img{width:100%;height:100%}.online-news-wrap .hot-news .pop-news .title{position:absolute;bottom:0;padding:12px;background-color:rgba(0,0,0,.36);width:100%;font-weight:400;color:hsla(0,0%,100%,.98)}.online-news-wrap .hot-news .news-list{margin-left:30px;width:342px;cursor:pointer}.online-news-wrap .hot-news .news-list .headlines{display:flex;align-items:center;margin-bottom:8px}.online-news-wrap .hot-news .news-list .headlines .headlines-icon{padding:5px 0;font-size:20px;color:#fff;background-color:#d60506;text-align:center}.online-news-wrap .hot-news .news-list .headlines .headlines-icon span{display:block;width:70px}.online-news-wrap .hot-news .news-list .headlines .content{margin-left:12px;border-bottom:1px dotted rgba(0,0,0,.08);width:100%}.online-news-wrap .hot-news .news-list .news{padding:12px 0;border-bottom:1px dotted rgba(0,0,0,.08)}.online-news-wrap>.new-list{margin-top:30px}.online-news-wrap>.new-list .news-item-wrap{display:flex;padding:12px 0 20px 0;border-bottom:1px dotted rgba(0,0,0,.08)}.online-news-wrap>.new-list .news-item-wrap .news-image{margin-right:8px}.online-news-wrap>.new-list .news-item-wrap .news-image img{width:200px;height:124px}.online-news-wrap>.new-list .news-item-wrap .news-info{flex:1;display:flex;flex-direction:column}.online-news-wrap>.new-list .news-item-wrap .news-info .title{cursor:pointer}.online-news-wrap>.new-list .news-item-wrap .news-info .content{flex:1;line-height:25px;margin:15px 0 10px 0;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.online-news-wrap>.new-list .news-item-wrap:first-child{border-top:2px solid rgba(0,0,0,.08)}.online-news-wrap>.new-list .ccna-pagination{margin:20px 0;text-align:center}.online-news-wrap>.new-list .el-pagination.is-background .el-pager li{border:1px solid #e8e8e8}