/*
 * @Author: kjt kjt0912@163.com
 * @Date: 2024-12-18 14:23:42
 * @LastEditors: kjt kjt0912@163.com
 * @LastEditTime: 2025-03-17 15:48:27
 * @FilePath: \武大校史馆代码\css\index_content.css
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
/* pc样式 */
@media screen and (min-width: 1024px){
    .content-nr {
        padding: 0.4rem 0.5rem 0 0.5rem;
    }
    .content-nr-title>h2 {
        text-align: center;
        font-size: 0.4rem;
        color: #333333;
    }
    .content-nr-title>p {
        margin: 0.3rem 0;
        text-align: center;
        font-size: 0.18rem;
        color: #888888;
    }
    .content-nr-title>p>span {
        margin-right: 0.3rem;
    }

    .nr-title-line {
        margin: 0.15rem 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .nr-title-line>img{
        height: 0.06rem;
    }
    .nr-title-line>span{
        width: 100%;
        height: 1px;
	    background-color: #e3e3e3;
    }
    .content-nr-data {
        padding: 0.2rem 0;
    }
    .content-nr-data p {
        font-size: 0.2rem;
        line-height: 0.36rem;
        color: #333333;
    }
    .content-nr-data p img {
        display: block;
        max-width: 100%;
        margin: 0.3rem auto;
    }

    .content-nr-bottom {
        position: relative;
    }
    .content-nr-bottom p {
        line-height: 0.4rem;
        font-size: 0.18rem;
        color: var(--zt_color--);
    }
    .content-nr-dz {
        padding: 0.4rem 0;
        text-align: right;
        font-size: 0.2rem;
    }

    .fanhui {
        position: absolute;
        right: 0;
        bottom: 0;
        line-height: 0.16rem;
        font-size: 0.16rem;
        background-image: url(../icon/fanhui.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 0.2rem auto;
        padding-left: 0.25rem;
        color: var(--zt_color--);
        position: absolute;
        right: 0;
        bottom: 0;
        cursor: pointer;
    }
}

/* 移动端样式 */
@media screen and (max-width: 1024px) {
    
    .content-nr-title>h2 {
        text-align: center;
        font-size: 0.32rem;
        color: #333333;
    }
    .content-nr-title>p {
        margin: 0.3rem 0;
        text-align: center;
        font-size: 0.18rem;
        color: #888888;
    }
    .content-nr-title>p>span {
        margin-right: 0.3rem;
    }

    .nr-title-line {
        margin: 0.15rem 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .nr-title-line>img{
        height: 0.06rem;
    }
    .nr-title-line>span{
        width: 100%;
        height: 1px;
	    background-color: #e3e3e3;
    }
    .content-nr-data {
        padding: 0.2rem 0;
    }
    .content-nr-data p {
        font-size: 0.2rem;
        line-height: 0.36rem;
        color: #333333;
    }
    .content-nr-data p img {
        display: block;
        max-width: 100%;
        margin: 0.3rem auto;
    }

    .content-nr-bottom {
        position: relative;
    }
    .content-nr-bottom p {
        line-height: 0.4rem;
        font-size: 0.18rem;
        color: var(--zt_color--);
    }
    .content-nr-dz {
        padding: 0.2rem 0;
        text-align: right;
        font-size: 0.2rem;
    }

    .fanhui {
        position: absolute;
        right: 0;
        bottom: 0;
        line-height: 0.16rem;
        font-size: 0.16rem;
        background-image: url(../icon/fanhui.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 0.2rem auto;
        padding-left: 0.25rem;
        color: var(--zt_color--);
        position: absolute;
        right: 0;
        bottom: 0;
        cursor: pointer;
    }
}