﻿/* 新闻详情页样式表 */
p {
    background: none !important;
}
.newsDetails {
    /*width: calc(100% - .32rem);
    margin: 0 auto;*/
    margin:0 .16rem;
}
.newsDetails h1 {
    font-size: .21rem;
    color: var(--theme--color);
    padding: .2rem 0;
    word-break: break-all;
}
.news-info {
    overflow: hidden;
    width: 100%;
    height: .35rem;
    border-bottom: .01rem solid #ccc;
}
.info-author,
.info-source,
.info-views,
.info-time {
    display: flex;
    align-items: center;
    float: left;
    margin-right: .06rem;
}
.info-time img {
    width: .12rem;
    height: .12rem;
    margin-right: .07rem;
}
.info-views img {
    width: .14rem;
    height: .11rem;
    margin-right: .07rem;
}
.info-author,
.info-source,
.info-views span,
.info-time span {
    font-size: .12rem;
    color: #999;
}
.news-content {
    font-size: .14rem;
    line-height: .25rem;
    word-break: break-all;
    color: var(--content--text--color);
    margin: .2rem 0;
    letter-spacing: .01rem;
    background: var(--all--background);
}
.news-content img {
    width: auto !important;
    display: inline-block;
    max-height: 100% !important;
    max-width: 100% !important;
}
.news-content p {
    margin-right: 0 !important;
}


/* 遮罩层 */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100vh;
    background: #fff;
}

#preloader_1 {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0 1.7rem;
}

    #preloader_1 span {
        display: block;
        bottom: 0px;
        width: 9px;
        height: 5px;
        background: var(--rest--color);
        position: absolute;
        animation: preloader_1 1.5s infinite ease-in-out;
    }

        #preloader_1 span:nth-child(2) {
            left: 11px;
            animation-delay: .2s;
        }

        #preloader_1 span:nth-child(3) {
            left: 22px;
            animation-delay: .4s;
        }

        #preloader_1 span:nth-child(4) {
            left: 33px;
            animation-delay: .6s;
        }

        #preloader_1 span:nth-child(5) {
            left: 44px;
            animation-delay: .8s;
        }

@keyframes preloader_1 {
    0% {
        height: 5px;
        transform: translateY(0px);
        background: var(--rest--color);
    }

    25% {
        height: 30px;
        transform: translateY(15px);
        background: var(--theme--color);
    }

    50% {
        height: 5px;
        transform: translateY(0px);
        background: var(--rest--color);
    }

    100% {
        height: 5px;
        transform: translateY(0px);
        background: var(--rest--color);
    }
}
.m-reg {
    width: 100%;
    border: 1px solid #6c94de;
    text-align: center;
}
.m-reg a{
    color:#6c94de;
    height: .44rem;
    display: block;
    line-height: .44rem;
}
.m-tag {
    margin-top:.2rem;
}
.m-tag ul li a {
    border: 1px solid #D8D8D8;
    border-radius: 2px;
    font-size: .14rem;
    color: #777;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 3% 8px 0;
    padding: 0 .1rem;
    float: left;
    display: inline-block;
    border-radius: .2rem;
    vertical-align: middle;
}
.sx-news {
    clear: both;
    margin: .1rem 0;
}
.pre-n, .next-n {
    font-size:.14rem;
    padding-top:.1rem;
}
.pre-n a, .next-n a{
    color: #404040;
}
.news-list p {
    font-size: .16rem;
    font-weight: 600;
    border-left: .04rem solid #547BFF;
    background-size: contain;
    padding-left: .08rem;
    margin:.15rem 0;
}
.news-list ul li {
    height:.3rem;
    line-height:.3rem;
}
.news-list ul li a{
    color: #404040;
    font-size:.14rem;
}
strong {
    font-weight: bold !important;
}

