.news-details {
    padding-top: .4rem;
    padding-bottom: 1.2rem
}

.news-details .top-nav {
    margin-bottom: .8rem
}

.news-details .title-info {
    min-height: 1.08rem;
    margin-bottom: 1rem
}

.news-details .title-info>div:first-child {
    flex: 1
}

.news-details .title-info>div:first-child .title {
    font-size: .48rem;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .56rem;
    margin-bottom: .32rem
}

.news-details .title-info>div:first-child .info {
    font-size: .16rem;
    font-weight: 400;
    color: #2a2b2d;
    line-height: .2rem
}

.news-details .title-info>div:first-child .info>div {
    margin-right: .6rem
}

.news-details .title-info>div:first-child .info>div .el-icon {
    margin-right: .06rem
}

.news-details .title-info .time-content {
    width: 1.34rem;
    height: 1.08rem;
    border-left: .01rem solid #d2d6dd;
    text-align: center
}

.news-details .title-info .time-content>div:first-child {
    font-size: .56rem;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .66rem
}

.news-details .title-info .time-content>div:last-child {
    font-size: .24rem;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .28rem
}

.news-details .content {
    padding-bottom: .8rem;
    border-bottom: .01rem solid #a1a3a6;
    margin-bottom: .35rem;
    overflow: hidden;
    font-size: .18rem;
    font-weight: 400;
    color: #2a2b2d;
    line-height: .5rem
}

.news-details .content img {
    object-fit: contain;
    width: 100%;
    height: auto!important;
    max-height: 12rem!important
}

.news-details .page .last,.news-details .page .nest {
    max-width: 45%
}

.news-details .page .last.nest .desc,.news-details .page .nest.nest .desc {
    justify-content: flex-end
}

.news-details .page .last .desc,.news-details .page .nest .desc {
    font-size: .16rem;
    font-weight: 400;
    color: #2a2b2d;
    line-height: .19rem;
    margin-bottom: .16rem
}

.news-details .page .last .desc>span,.news-details .page .nest .desc>span {
    margin: 0 .06rem
}

.news-details .page .last .val,.news-details .page .nest .val {
    font-size: .16rem;
    font-weight: 400;
    color: #2a2b2d;
    line-height: .19rem
}

@media screen and (max-width: 720px) {
    .news-details {
        padding-top:.2rem;
        padding-bottom: .4rem
    }

    .news-details .top-nav {
        margin-bottom: .14rem
    }

    .news-details .title-info {
        min-height: unset;
        margin-bottom: .4rem
    }

    .news-details .title-info>div:first-child {
        flex: 1
    }

    .news-details .title-info>div:first-child .title {
        font-size: .14rem;
        font-weight: 500;
        color: #2a2b2d;
        line-height: .2rem;
        margin-bottom: .1rem
    }

    .news-details .title-info>div:first-child .info {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: .08rem .3rem;
        font-size: .12rem;
        font-weight: 400;
        color: #2a2b2d;
        line-height: .14rem
    }

    .news-details .title-info>div:first-child .info>div {
        margin-right: 0
    }

    .news-details .title-info>div:first-child .info>div .el-icon {
        margin-right: .06rem
    }

    .news-details .title-info .time-content {
        display: none
    }

    .news-details .content {
        padding-bottom: .2rem;
        border-bottom: .01rem solid #a1a3a6;
        margin-bottom: 0;
        font-size: .12rem;
        font-weight: 400;
        color: #000;
        line-height: .2rem
    }

    .news-details .page {
        margin-top: .12rem
    }

    .news-details .page .last,.news-details .page .nest {
        max-width: 45%;
        white-space: normal;
    }

    .news-details .page .last.nest .desc,.news-details .page .nest.nest .desc {
        justify-content: flex-end
    }

    .news-details .page .last .desc,.news-details .page .nest .desc {
        font-size: .12rem;
        font-weight: 400;
        color: #2a2b2d;
        line-height: .16rem;
        margin-bottom: .05rem
    }

    .news-details .page .last .desc>span,.news-details .page .nest .desc>span {
        margin: 0 .03rem
    }

    .news-details .page .last .val,.news-details .page .nest .val {
        font-size: .12rem;
        font-weight: 400;
        color: #2a2b2d;
        line-height: .14rem
    }
}