.news_details
{
    padding-top: 1rem;
}
.news_details .title
{
    font-size: .24rem;
    font-weight: bold;
    color: #333;
    line-height: .4rem;
    text-align: center;
}
.news_details .date
{
    margin-top: .3rem;
    text-align: center;
    color: rgba(153,153,153,1);
    margin-bottom: .16rem;
}
.news_details hr
{
    border: none;
    height: .01rem;
    background-color: rgba(238,238,238,1);
}
.news_details .info
{
    margin-top: .4rem;
    padding-bottom: .65rem;
    border-bottom: .01rem solid rgba(238,238,238,1);
}
.news_details .info p
{
    font-size: .18rem;
    color: rgba(102,102,102,1);
    line-height: .4rem;
}
.news_details .info img
{
    max-width: 10.42rem;
    margin-top: .3rem;
    margin-bottom: .3rem;
    margin-left: auto;
    margin-right: auto;
}
.news_details .prev
{
    margin-top: .2rem;
    margin-bottom: .2rem;
}
.news_details .prev p, .news_details .next p
{
    font-size: .16rem;
    color: #333;
    transition: var(--tran_03);
}
.news_details .prev:hover p, .news_details .next:hover p
{
    color: rgba(198,152,47,1);
}
.news_details .main
{
    padding-bottom: .72rem;
}
@media only screen and (max-width: 1024px)
{
    .news_details
    {
        padding-top: .6rem;
    }
    .news_details .date, .news_details .prev p, .news_details .next p
    {
        font-size: 12px;
    }
    .news_details .info, .news_details .prev p, .news_details .next p, .news_details .title
    {
        padding-left: 15px;
        padding-right: 15px;
    }
}