/* postv.css - 文章详情页 .pviewer 样式，复刻公网 www.b2bangong.com
   取自公网 /css/wspost.css
   桌面端尺寸间距与公网一致，仅增加移动端兼容 */

/* ========== 文章查看器容器 ========== */
.pviewer {
    display: flex;
    width: 960px;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: 0px auto;
    padding: 0px;
    line-height: 18px;                /* 匹配公网 body line-height:18px，覆盖本地 1.8 */
}

/* ========== 正文区 .post ========== */
.pviewer .post {
    box-sizing: border-box;
    width: 574px;
    margin: 0px;
    padding-top: 46px;
    padding-left: 40px;             /* 恢复公网 ul 默认左内边距（本地 *{padding:0} 清除） */
    text-align: left;
    list-style-type: none;
}
.pviewer .post ul {
    list-style-type: none;
}
.pviewer .post a {
    color: #2a6afa;
}
.pviewer .post .title {
    margin: 0px auto 18px auto;
    padding: 0px 0px 18px 0px;
    border-style: none none dotted none;
    border-width: 1px;
    border-color: #07a80b;
    font: bold 13px/16px "Verdana", "Tahoma", "Arial";
    color: #cb6001;
}
.pviewer .post .sort {
    margin: 11px auto;
    padding: 0px 0px 0px 26px;
    font: 9px/16px sans-serif;
    color: #333333;
    background: url(res/small-sun.gif);
    background-repeat: no-repeat;
    background-position: center left;
}
.pviewer .post .author {
    margin: 11px auto;
    padding: 0px 0px 3px 28px;
    font: 9px/16px sans-serif;
    color: #333333;
    background: url(res/remark1.gif);
    background-repeat: no-repeat;
    background-position: center left;
}
.pviewer .post .len {
    margin: 11px auto;
    padding: 0px 0px 3px 28px;
    font: 9px/16px sans-serif;
    color: #333333;
    background: url(res/remark2.gif);
    background-repeat: no-repeat;
    background-position: center left;
}
.pviewer .post .keywords {
    margin: 11px auto;
    padding: 0px 0px 3px 28px;
    font: 7px/13px sans-serif;
    color: #333333;
    background: url(res/remark2.gif);
    background-repeat: no-repeat;
    background-position: center left;
}
.pviewer .post .ctxt {
    overflow: hidden;
    width: 100%;
}
/* 正文段落恢复公网 p 默认上下边距（本地 *{margin:0} 清除） */
.pviewer .post .ctxt p {
    margin: 1em 0;
}
.pviewer .post .pnlinks {
    width: 100%;
    margin: 32px 0px;
    padding: 0px;
}
.pviewer .post .pnlinks p {
    margin: 11px 0px;
    padding: 3px 0px 6px 32px;
    background: url(res/notepad.gif);
    background-repeat: no-repeat;
}

/* ========== 最近更新 .uplst ========== */
.pviewer .uplst {
    box-sizing: border-box;
    width: 350px;
    margin: 80px 0px 0px 36px;
    padding: 18px 12px;
    border-style: dotted;
    border-width: 1px;
    border-color: #f3d404;
    list-style-type: none;
}
.pviewer .uplst .title {
    background-image: none;
}
.pviewer .uplst .title p {
    width: 100px;
    margin: 16px auto;
    padding: 10px 0px;
    text-align: center;
    font: bold 16px/20px "Verdana", "Tahoma", "Arial";
    color: #ffffff;
    background-color: #0779a6;
    background-image: none;
}
.pviewer .uplst li {
    margin: 11px 0px;
    padding: 3px 0px 6px 32px;
    letter-spacing: 1px;
    text-align: left;
    background: url(res/notepad.gif);
    background-repeat: no-repeat;
}

/* ========== 相关内容 .tplst ========== */
.pviewer .tplst {
    list-style-type: none;
    padding-left: 40px;             /* 恢复公网 ul 默认左内边距 */
    margin: 1em 0;                  /* 恢复公网 ul 默认上下边距 */
}
.pviewer .tplst .title p {
    margin: 1em 0;                  /* 恢复公网 p 默认上下边距 */
    font: bold 16px/20px "Verdana", "Tahoma", "Arial";
}
.pviewer .tplst li {
    margin: 11px 0px;
    padding: 3px 0px 6px 0px;
    letter-spacing: 1px;
    text-align: left;
}

/* ========== 移动端（≤768px） ========== */
@media (max-width: 768px) {
    .pviewer {
        width: 100%;
        flex-flow: column nowrap;
        padding: 0 15px;
        box-sizing: border-box;
    }
    .pviewer .post {
        width: 100%;
        padding-top: 24px;
        padding-left: 0;
    }
    .pviewer .uplst {
        width: 100%;
        margin: 30px 0 0 0;
    }
    .pviewer .tplst {
        width: 100%;
        padding-left: 0;
        margin: 30px 0 0 0;
    }
    /* 公网正文区 9px/7px 字号在手机上过小，适当放大 */
    .pviewer .post .sort,
    .pviewer .post .author,
    .pviewer .post .len {
        font-size: 12px;
        line-height: 18px;
    }
    .pviewer .post .keywords {
        font-size: 11px;
        line-height: 16px;
    }
}

/* ========== 小屏手机（≤480px） ========== */
@media (max-width: 480px) {
    .pviewer .post .title {
        font-size: 15px;
        line-height: 20px;
    }
    .pviewer .post .ctxt p {
        font-size: 14px;
    }
    .pviewer .uplst .title p {
        font-size: 15px;
    }
}