/* 一般新闻卡片 */

/*
<div class="news-card">
    <div class="news-card__cover">
        <figure class="image" style="background-image: url(./images/banner.jpg)"></figure>
    </div>
    <div class="news-card__title">
        <p class="text omit">这是标题</p>
     </div>
    <a href="" class="news-card__link"></a>
</div> 
*/
.news-card {
    position: relative;
}

.news-card:hover .news-card__cover .image {
    transform: scale(1.05);
}

.news-card:hover .news-card__title .text {
    color: #D50503;
}

.news-card__cover {
    height  : 200px;
    overflow: hidden;
}

.news-card__cover .image {
    height             : 100%;
    background-repeat  : no-repeat;
    background-position: center center;
    background-size    : cover;
    transition         : 0.3s;
}

.news-card__title {
    padding: 5px 0;
    line-height: 1.4;
    /* background-color: #EFDEBB; */
}

.news-card__title .text {
    color      : #333333;
    /* text-indent: 10px; */
    font-size  : 16px;
    font-weight: 600;
    flex       : 1;
}

.news-card__link {
    display : block;
    position: absolute;
    left    : 0;
    right   : 0;
    bottom  : 0;
    top     : 0;
    z-index : 2;
}

/* 文字覆盖的新闻 */

/*
<div class="news-fixed-card">
    <div class="news-fixed-card__cover">
        <figure class="image" style="background-image: url(./images/banner.jpg)"></figure>
    </div>
    <div class="news-fixed-card__title">
        <p class="text omit">这是标题</p>
     </div>
    <a href="" class="news-fixed-card__link"></a>
</div> 
*/
.news-fixed-card {
    position: relative;
    overflow: hidden;
}

.news-fixed-card:hover .news-fixed-card__cover .image {
    transform: scale(1.05);
}

.news-fixed-card__cover {
    height: 300px;
}

.news-fixed-card__cover .image {
    height             : 90%;
    background-repeat  : no-repeat;
    background-position: center center;
    background-size    : cover;
    transition         : 0.3s;
}

.news-fixed-card__title {
    position        : absolute;
    left            : 0;
    right           : 0;
    bottom          : 0;
    z-index         : 1;
    height          : 45px;
    /*background-color: #D50503;*/
    display         : flex;
    align-items     : center;
}

.news-fixed-card__title .text {
    color        : #ffffff;
    font-size    : 16px;
    flex         : 1;
    padding-right: 140px;
}

.news-fixed-card__link {
    display : block;
    position: absolute;
    left    : 0;
    right   : 0;
    bottom  : 0;
    top     : 0;
    z-index : 2;
}


/* 主新闻-文字形式 */
/* 
<div class="news-main-text">
<a href="" class="news-main-text__title">中国共产党四川省第十一届委员会第八 次全体会议公报</a>
<p class="news-main-text__summary">
    中国共产党第十九届中央委员会第五次全体会议，于2020年10月26日至29日在北京举行。出席这次全会的有，中央委员198人，候补中央委员166人。中央纪律检查委员会常务委员会委员和有关方面负责同志列席会议。党的十九大代表中的部分基层同志
    <a href="" class="details">[详情]</a>
</p>
</div> 
*/
.news-main-text {}

.news-main-text__image {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.news-main-text__title {
    display       : block;
    font-size     : 20px;
    font-weight   : 600;
    color         : #333333;
    padding-bottom: 10px;
}

.news-main-text__summary {
    font-size  : 16px;
    color      : #222222;
    line-height: 1.6;
    text-indent: 2em;
}

.news-main-text__summary .details-menu {
    color: #D50503;
}

/* 新闻列表 */
/* 
<div class="news-text-list light">
<a href="" class="news-text-list__item omit">首场中共四川省委新闻发布会：我省交通地理将发首场中共四川省委新闻发布会：我省交通地理将发生…</a>
<a href="" class="news-text-list__item omit">川省委新闻发布会：我省交通地理将发首场中共四川省委新闻发布会：我省交通地理将</a>
<a href="" class="news-text-list__item omit">川省委新闻发布会：我省交通地理将发首场中共四川省委新闻发布会：我省交通地理将</a>
<a href="" class="news-text-list__item omit">川省委新闻发布会：我省交通地理将发首场中共四川省委新闻发布会：我省交通地理将</a>
</div> 
*/
.news-text-list {
    padding-top: 10px;
}

.news-text-list__item {
    display      : block;
    border-bottom: 1px dashed #666666;
    line-height  : 2;
    position     : relative;
    padding-left : 20px;
    margin-top   : 10px;
    font-size    : 16px;
    font-weight  : 600;
    color        : #333333;
}

.news-text-list__item::after {
    content   : "";
    display   : block;
    width     : 6px;
    height    : 6px;
    background: #D50503;
    position  : absolute;
    left      : 0;
    top       : 50%;
    transform : translate3d(0, -50%, 0);
}

.news-text-list__item:hover {
    color: #D50503;
}

/* 浅色 */
.news-text-list.light .news-text-list__item {
    color        : #333333;
    font-weight  : 400;
    border-bottom: 1px dashed #cccccc;
}

.news-text-list.light .news-text-list__item:hover {
    color: #D50503;
}