@charset "utf-8";
/* ============================================================
   政策问答库（/hdjl/zcwdk/）- 移动端内容区适配
   只处理中间内容：面包屑 + 搜索 + 栏目导航 + 问答列表（分页不做适配）
   头尾不动（由 comment-Mobile.css / footer-Mobile.css 负责）

   断点与站内一致：320px–750px，单一尺寸区间。
   ============================================================ */
@media screen and (min-width: 320px) and (max-width: 750px) {
    html,
    body {
        overflow-x: hidden;
        max-width: 100%;
    }

    /* ---------- 内容外壳：去掉 PC 头部预留的 210px 与 1200 固定宽 ---------- */
    .z_zcwdk {
        padding: 0 !important;
        margin-bottom: 30px !important;
        background: #f5f7fa !important;
    }

    .z_zcwdk .w {
        width: 100% !important;
        padding: 12px 16px 0 !important;
        box-sizing: border-box;
    }

    /* ---------- 面包屑：绝对定位改回文档流 ---------- */
    .h_website_position {
        position: static !important;
        top: auto !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .h_website_position::-webkit-scrollbar {
        display: none;
    }

    .h_website_position a {
        float: none !important;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        height: 18px !important;
        line-height: 18px !important;
        font-size: 13px !important;
        color: #7a7a7a !important;
    }

    /* 站内 position.png 图标在窄屏太挤，去掉背景只留文字 */
    .h_website_position a.h_website_position_index,
    .h_website_position a.h_website_position_index:hover {
        padding-left: 0 !important;
        margin-left: 0 !important;
        background: none !important;
    }

    .h_website_position a.hover {
        color: #015293 !important;
    }

    /* 分隔符：页面内联的 .h_website_position font 给了 height/width/margin/float/背景图，
       全部用 !important 压掉，这里只保留一个 18px 行盒用于承载斜线 */
    .h_website_position font {
        float: none !important;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: auto !important;
        min-width: 0 !important;
        height: 18px !important;
        max-height: 18px !important;
        line-height: 18px !important;
        margin: 0 7px !important;
        padding: 0 !important;
        background: none !important;
        font-size: 12px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        vertical-align: middle !important;
    }

    /* 斜线字符：行盒与两侧链接同为 18px，基线对齐即视觉居中 */
    .h_website_position font::before {
        content: "/";
        display: block;
        margin: 0;
        padding: 0;
        font-size: 12px;
        line-height: 18px;
        color: #b9bfc7;
    }

    /* ---------- 搜索：整行胶囊 ---------- */
    .z_zcwdk_ss {
        margin-bottom: 14px !important;
    }

    .z_zcwdk_ssk {
        width: 100% !important;
        height: 44px !important;
        padding: 0 80px 0 18px !important;
        border: 1px solid #e2e7ee !important;
        border-radius: 22px !important;
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(1, 82, 147, 0.06) !important;
        font-size: 14px !important;
        color: #333 !important;
        -webkit-appearance: none;
        appearance: none;
    }

    .z_zcwdk_ssk::placeholder {
        font-size: 14px !important;
        color: #a2a8b0;
    }

    .z_zcwdk_btn {
        right: 0 !important;
        top: 0 !important;
        width: 68px !important;
        height: 44px !important;
        padding: 0 !important;
        border-radius: 22px !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        background: #015293 !important;
    }

    .z_zcwdk_btn img {
        height: 18px !important;
        width: auto !important;
    }

    /* ---------- 栏目导航：2 列卡片（PC 是 200×100 浮动 5 列） ---------- */
    .z_zcwdk_dh {
        padding: 0 0 4px !important;
    }

    /* 用回站内 PC 的浮动两列，比 flex/grid 自动排列更可控
       （ul 前面有空白文本节点，自动排列会被挤出一格） */
    .z_zcwdk_dh ul {
        display: block !important;
        overflow: hidden;
    }

    .z_zcwdk_dh ul li,
    .z_zcwdk_dh ul li:nth-child(n) {
        position: relative;
        float: left !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: calc(50% - 5px) !important;
        height: 46px !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
        border: 1px solid #e2e7ee;
        border-radius: 8px !important;
        background: #fff !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
        cursor: pointer;
        overflow: hidden;
    }

    /* 左右两列间距 10px */
    .z_zcwdk_dh ul li:nth-child(odd) {
        margin-right: 10px !important;
    }

    .z_zcwdk_dh ul li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        padding: 0 !important;
    }

    .z_zcwdk_dh li span {
        font-size: 15px !important;
        line-height: 1.2;
        color: #015293;
        letter-spacing: 0.5px;
    }

    .z_zcwdk_dh ul li.hover,.z_zcwdk_dh ul li:hover {
        border-color: #015293 !important;
        background: #015293 !important;
    }

    .z_zcwdk_dh ul li.hover span,
    .z_zcwdk_dh ul li:hover span {
        color: #fff !important;
    }

    /* ---------- 问答列表：3 列浮动卡片改单列流式 ---------- */
    .z_zcwdk_nrlb {
        padding-top: 14px !important;
    }

    .z_zcwdk_nrlb ul {
        display: block !important;
    }

    .z_zcwdk_nrlb li,
    .z_zcwdk_nrlb li:nth-child(3n) {
        float: none !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 10px !important;
        padding: 14px 14px 12px !important;
        background: #fff !important;
        border: 0 !important;
        border-radius: 10px !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
        /* PC 上的透视悬浮效果在触屏无意义，去掉 */
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-transition: none !important;
        transition: none !important;
        will-change: auto !important;
    }

    .z_zcwdk_nrlb li:hover {
        -webkit-transform: none !important;
        transform: none !important;
    }

    /* 标题行：问 + 标题（原为绝对定位） */
    .z_zcwdk_title {
        position: static !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        height: auto !important;
    }

    .z_zcwdk_wen,
    .z_zcwdk_da {
        position: static !important;
        left: auto !important;
        top: auto !important;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20px !important;
        height: 20px !important;
        margin: 2px 8px 0 0;
        border-radius: 4px;
        background: #015293 !important;
        color: #fff !important;
        font-size: 12px !important;
        line-height: 20px !important;
        text-align: center;
        font-weight: 400;
    }

    .z_zcwdk_da {
        margin-top: 1px;
        background: #c8402f !important;
    }

    .z_zcwdk_title p {
        position: static !important;
        left: auto !important;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        min-width: 0;
        width: auto !important;
        height: auto !important;
        font-size: 16px !important;
        line-height: 22px !important;
        font-weight: 700 !important;
        color: #1a1a1a !important;
        /* 两行截断 */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    /* 摘要行：答 + 两行摘要 */
    .z_zcwdk_art {
        position: static !important;
        top: auto !important;
        left: auto !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        margin-top: 8px;
    }

    .z_zcwdk_art p {
        position: static !important;
        top: auto !important;
        left: auto !important;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        min-width: 0;
        width: auto !important;
        height: auto !important;
        font-size: 14px !important;
        line-height: 21px !important;
        color: #666 !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    /* 时间行：日期在左，箭头在右 */
    .z_zcwdk_time {
        position: static !important;
        top: auto !important;
        left: auto !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: auto !important;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #f2f4f7;
    }

    .z_zcwdk_time span {
        font-size: 12px !important;
        color: #9aa0a6 !important;
    }

    .z_zcwdk_time img {
        position: static !important;
        -webkit-transform: none !important;
        transform: none !important;
        height: 12px !important;
        width: auto !important;
        opacity: 0.55;
    }
}