.article_banner{
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    font-size:2.5rem;
    padding: 4rem;
    background-size: cover;
}
.article_banner img{
    width:100%;
    object-fit: cover;
}
.content{
    width:70%;
    margin-left: 15%;
    padding: 2rem 3rem 2rem 3rem;
}
.content .news{
    display: flex;
    width:100%;
    margin-bottom: 2rem;
    cursor: pointer;
}
.content .news img{
    width:10rem;
    height:6rem;
}
.content .news .news-right{
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.content .news .news-right p:nth-child(2){
    color:#999;
}
.content .news .news-right p:nth-child(3){
    color:#666;
}