@media screen and (min-width: 768px) {
    .n-container {
        width: 1200px;
        margin: 0 auto;
    }
    .article-header{
        position: relative;
        top: -100px;
        border-bottom: 1px solid rgba(200,200,200,1);
        height: 145px;
        padding: 40px;
        box-sizing: border-box;
        background: #fff;
    }
    .article-header > .name{
        font-size:30px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .other-info{
        position: relative;
        overflow: hidden;
    }
    .other-info > .author-time{
        color: rgba(102,102,102,1);
        float: left;
        font-size: 14px;
        /*line-height: 14px;*/
    }
    .other-info > .crumbs{
        float: right;
        color: rgba(51,51,51,1);
        font-size: 14px;
        /*line-height: 14px;*/
    }
    .rich-text{
        position: relative;
        top: -100px;
        padding: 40px;
    }
    .rich-text p,.rich-text div,.rich-text span {
        margin: 0;
        font-size: 16px;
        line-height: 30px;
        color: #666666;
    }
    .rich-text img{
        width: 900px;
        height: 370px;
        display: block;
        margin:  50px auto;
    }
}

@media screen and (max-width: 768px) {
    .n-container {
        box-sizing: border-box;
        width: 100%;
        padding: 0 0.15rem;
    }
    .article-header{
        border-bottom: 1px solid rgba(200,200,200,1);
        box-sizing: border-box;
        padding: 0.2rem 0;
    }
    .article-header > .name{
        font-size: 0.2rem;
        margin-bottom: 0.2rem;
        line-height: 0.2rem;
    }
    .other-info{
        position: relative;
        overflow: hidden;
    }
    .other-info > .author-time{
        margin-bottom: 0.1rem;
        color: rgba(102,102,102,1);
        font-size: 0.14rem;
        line-height: 0.14rem;
    }
    .other-info > .crumbs{
        color: rgba(51,51,51,1);
        font-size: 0.14rem;
        line-height: 0.14rem;
    }
    .other-info > .crumbs a{
        text-decoration: none;
        color: #0076ff;
    }
    .rich-text{
        padding: 0.20rem 0;
    }
    .rich-text p,.rich-text div,.rich-text span {
        margin: 0;
        font-size: 0.14rem;
        line-height: 0.28rem;
        color: #666666;
    }
    .rich-text img{
        width: 3.2rem;
        height: 1.25rem;
        display: block;
        margin:  0.2rem auto;
    }

}