.recent-news {
    width: 100%;
    height: auto;
    padding: 0 20%;
    margin-top: .5rem;
    margin-bottom: 1rem;
    box-sizing: border-box;
}

.recent-news .recent-top {
    position: relative;
    width: 100%;
    height: auto;
}

.recent-news .recent-top .top-search {
    display: inline-block;
    float: left;
    width: 4.1rem;
    height: .3rem;
}

.recent-news .recent-top .top-breadcrumb {
    display: inline-block;
    float: left;
    /* margin-right: .2rem; */
    width: auto;
    height: .3rem;
}

.recent-news .recent-top .top-breadcrumb .breadcrumbs {
    width: auto;
    height: .3rem;
}

.recent-news .recent-top .top-breadcrumb .breadcrumbs .separator {
    width: .15rem;
    padding: 0;
    margin-left: 5px;
}

.recent-news .recent-top .top-breadcrumb .breadcrumbs a {
    height: 100%;
    line-height: .3rem;
    font-size: .2rem;
}

.recent-news .recent-title {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: .5rem;;
    margin-bottom: .5rem;
    line-height: .7rem;
    font-size: .35rem;
    font-weight: 600;
    letter-spacing: 5px;
    color: rgb(3, 148, 246);
    border-bottom: 2px solid rgb(3, 148, 246);
}

.news-block {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 !important;
    margin-bottom: .5rem !important;
}

.news-block .news-pic {
    height: 2rem;
}

.news-block .news-pic img {
    width: 100%;
    height: 100%;
}

.news-block .news-info {
    display: inline-block;
    width: 100%;
    height: .3rem;
    margin-top: .25rem;
}

.news-block .news-info .info-time {
    display: inline-block;
    float: left;
    width: auto;
    height: 100%;
}

.news-block .news-info .info-time img {
    display: inline-block;
    float: left;
    width: .3rem;
    height: 100%;
}

.news-block .news-info .info-time span {
    display: inline-block;
    width: auto;
    height: 100%;
    margin-left: 10px;
    line-height: .3rem;
    font-size: .18rem;
    color: rgb(175, 175, 175);
}

.news-block .news-info .info-count {
    display: inline-block;
    float: left;
    margin-left: 1rem;
    width: auto;
    height: 100%;
}

.news-block .news-info .info-count img {
    display: inline-block;
    float: left;
    width: .3rem;
    height: .3rem;
}

.news-block .news-info .info-count span {
    display: inline-block;
    width: auto;
    height: 100%;
    margin-left: 10px;
    line-height: .3rem;
    font-size: .18rem;
    color: rgb(175, 175, 175);
}

.news-block .news-content a {
    display: block;
}

.news-block .news-content a .news-title {
    display: inline-block;
    width: 100%;
    height: .4rem;
    margin: 0;
    line-height: .4rem;
    font-size: .25rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-block .news-content a .news-title:hover {
    color: rgb(3, 148, 246);
}

.news-block .news-content a .news-abstract {
    display: -webkit-box;
    width: 100%;
    height: .75rem;
    margin-top: .2rem;
    line-height: .25rem;
    font-size: .15rem;
    color: rgb(147, 152, 159);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.year_bar {
    display: inline-block;
    width: 100%;
    height: .5rem;
    border-bottom: 2px solid rgb(175, 175, 175);
}

.year_bar .year_one {
    display: inline-block;
    float: left;
    width: 1rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .22rem;
    text-align: center;
    color: rgb(175, 175, 175);
    cursor: pointer;
}