/* ============================================
 * 撮合服务 / 数据服务 / 科技服务页面 - 平板/移动端适配
 * 适用于: cuohe、technology 目录下各业务页（不含 xs）
 * 断点:
 *   max-width: 1024px - 平板，开始收紧
 *   max-width: 768px  - 手机
 *   max-width: 480px  - 小屏手机
 * ============================================ */

/* PC/移动共用：去掉 pages.css 的 pagebj 底部分隔，避免正文与 footer 之间露缝 */
.pagebj {
    padding-bottom: 0 !important;
}

/* ============= 平板适配 (max-width: 1024px) ============= */
@media (max-width: 1024px) {

    /* 短内容时 footer 贴底，避免版权下方露出 html 底色空隙 */
    html {
        height: 100%;
        background-color: rgba(12, 57, 123, 1);
    }
    body {
        min-height: 100%;
        min-height: 100dvh;
        display: flex;
        flex-direction: column;
    }
    .pagebj {
        flex: 1 0 auto;
        width: 100%;
    }
    .footer {
        margin-top: auto !important;
        flex-shrink: 0;
        width: 100%;
    }

    /* 恢复站点顶栏（覆盖 style.css 隐藏规则） */
    body .heard {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0 14px !important;
        position: relative;
        z-index: 10020;
        box-sizing: border-box !important;
        min-height: 66px;
        margin: 0 !important;
    }
    body .heard .logo {
        width: 160px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
        font-size: 0 !important;
        flex-shrink: 0;
    }
    body .heard .logo img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        vertical-align: top;
    }
    /* 防止 Bootstrap 等全局 button/img 规则把汉堡撑高，导致 logo 视觉下移 */
    body .heard .m-nav-toggle {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        margin: 0 0 0 auto !important;
        padding: 0 !important;
        line-height: 1 !important;
        border: none !important;
        box-sizing: border-box !important;
        flex-shrink: 0 !important;
    }
    body .indextop {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: none !important;
    }

    /* 顶栏区域背景与首页一致 */
    .pagebj > .pagewidth:not(.pagetop) {
        background: #0B56A3;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* 有站点顶栏后，隐藏数据页独立汉堡，避免双按钮 */
    .data-mnav-btn,
    .data-mnav-mask,
    .data-mnav-panel,
    #dataMobileNavRoot {
        display: none !important;
    }

    html, body {
        overflow-x: hidden;
        max-width: 100%;
    }
    .pagebj {
        background: none !important;
        /* pages.css 默认 padding-bottom:20px，会在正文和 footer 之间留缝 */
        padding-bottom: 0 !important;
    }
    .pagewidth {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 14px !important;
        box-sizing: border-box !important;
    }
    .pagetop {
        flex-direction: column !important;
        padding-top: 0 !important;
    }

    /* 覆盖 pages.css：左侧导航改为顶部横向 chips */
    .pageleft {
        display: block !important;
        width: 100% !important;
        margin-bottom: 12px;
        position: sticky;
        top: 0;
        z-index: 99;
        background: #15234a;
        padding: 6px 0 4px;
        box-sizing: border-box;
    }
    .pageleft > div:first-child {
        height: 0 !important;
        display: none !important;
    }

    /* 撮合菜单 .menupage */
    .menupage {
        border-radius: 8px;
        overflow: hidden;
    }
    .menupage dl {
        display: flex !important;
        flex-wrap: wrap !important;
        margin: 0;
        padding: 4px;
        gap: 4px;
    }
    .menupage dt {
        flex: 0 0 auto !important;
        height: 36px !important;
        padding: 0 10px !important;
        margin: 0 !important;
        border-radius: 6px;
        border-bottom: none !important;
        font-size: 13px !important;
    }
    .menupage dt img {
        width: 16px;
        height: 16px;
        margin-left: 0 !important;
        margin-right: 6px !important;
    }
    .menupage dt a {
        font-size: 13px !important;
        white-space: nowrap;
        line-height: 1.2;
    }
    .menupage dt.activeup,
    .menupage dt:hover {
        border-bottom: none !important;
        background: rgba(0, 132, 255, 0.5) !important;
    }

    /* 数据菜单 .pageleftmenus */
    .pageleftmenus {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start;
        background: rgba(2, 106, 241, 0.25);
        border-radius: 8px;
        padding: 4px;
        gap: 4px;
        list-style: none;
        margin: 0;
    }
    .pageleftmenus li {
        flex: 0 0 auto !important;
        height: 36px !important;
        padding: 0 10px !important;
        border-radius: 6px;
        margin: 0 !important;
        border-bottom: none !important;
        display: flex !important;
        align-items: center;
    }
    .pageleftmenus li img {
        width: 14px;
        height: 14px;
        margin-right: 4px;
    }
    .pageleftmenus li a {
        font-size: 13px !important;
        margin-left: 0 !important;
        white-space: nowrap;
    }
    .pageleftmenus li.active,
    .pageleftmenus li:hover {
        background: rgba(0, 132, 255, 0.5);
        border-bottom: none !important;
    }

    .pageright {
        width: 100% !important;
        float: none !important;
    }
    .pagerightconten {
        padding: 14px 12px !important;
        min-height: auto !important;
        box-sizing: border-box;
    }
    .contentoptitle {
        font-size: 18px !important;
    }
    .contentoptitle span {
        width: 5px !important;
        height: 18px !important;
        margin-right: 8px !important;
    }
    .contentop button {
        font-size: 14px !important;
        padding: 4px 10px !important;
        margin-left: 6px !important;
    }

    /* 分页：覆盖 pages.css 隐藏 */
    .pagefenye {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
        padding-top: 16px !important;
    }
    .pagefenye * {
        font-size: 13px !important;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    /* 宽表横向滚动 */
    .table-scroll,
    .chsaotootable,
    .pp-table-scroll,
    .mt-table-scroll,
    .xyztable-scroll {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-top: 12px;
    }
    .chsaotootable table,
    .pp-table,
    .mt-table {
        min-width: 640px;
    }
    .fm-credit-table {
        min-width: 960px !important;
    }

    /* 秒贴表单关键覆盖（提高优先级，压过页内样式） */
    body .chtops {
        height: auto !important;
        padding: 12px !important;
        margin-bottom: 16px !important;
        display: block !important;
    }
    body .upDraft,
    body .chchaos,
    body .chchaoshi {
        float: none !important;
        width: 100% !important;
        display: block !important;
        margin: 0 0 12px !important;
        min-height: 0 !important;
        height: auto !important;
    }
    body .chchaos {
        width: 100% !important;
    }
    body .chchaoshi {
        display: flex !important;
        align-items: center;
        gap: 8px;
        margin-top: 10px !important;
    }
    /* 标签固定宽，输入区（含外包 div）占满剩余，与到期日右对齐 */
    body .chchaoshi > .chchaoshitxt {
        flex: 0 0 56px !important;
        width: 56px !important;
        min-width: 56px !important;
        margin-right: 0 !important;
    }
    body .chchaoshi > .timeselect,
    body .chchaoshi > .chchaoshixh,
    body .chchaoshi > div:has(> input) {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }
    body .chchaoshixh,
    body .chchaoshixhss,
    body .timeselect,
    body .timeselect_input,
    body .searchable-select {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    body .layui-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
    body .logo_img img {
        width: 140px !important;
        max-width: 50% !important;
        height: auto !important;
    }
    body .chtoplistfitem {
        width: 100% !important;
        height: auto !important;
        font-size: 14px !important;
    }
    body .chtoplistfitem b {
        font-size: 20px !important;
    }

    /* ===== 秒贴超市（基础） ===== */
    .chtop {
        height: auto !important;
        min-height: 72px;
        background-size: cover !important;
        padding-bottom: 10px;
    }
    .chtoptitle {
        font-size: 20px !important;
        line-height: 1.3 !important;
        padding: 16px 16px 4px !important;
    }
    .chtopdisks {
        font-size: 12px !important;
        line-height: 1.4 !important;
        padding: 0 16px 8px !important;
    }
    .chtops {
        height: auto !important;
        padding: 12px !important;
        margin-bottom: 16px !important;
        display: block !important;
    }
    .upDraft,
    .chchaos,
    .chchaoshi {
        float: none !important;
        width: 100% !important;
        display: block !important;
        margin: 0 0 12px !important;
        min-height: 0 !important;
    }
    .chchaos {
        height: auto !important;
        width: 100% !important;
    }
    .upDraft {
        width: 100% !important;
        height: auto !important;
        text-align: center;
    }
    .onlineup {
        width: 100% !important;
        max-width: 180px;
        height: auto !important;
        margin: 0 auto;
        display: block !important;
        padding-top: 8px !important;
    }
    .preview {
        width: 100% !important;
        max-width: 180px;
        height: auto !important;
    }
    .chchaoshi {
        display: flex !important;
        align-items: center;
        gap: 8px;
        margin-top: 10px !important;
    }
    .chchaoshitxt {
        font-size: 14px !important;
        flex: 0 0 56px !important;
        width: 56px !important;
        min-width: 56px !important;
        margin-right: 0 !important;
        flex-shrink: 0;
    }
    .chchaoshi > .timeselect,
    .chchaoshi > .chchaoshixh,
    .chchaoshi > div:has(> input) {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        width: auto !important;
        box-sizing: border-box !important;
    }
    .chchaoshixh,
    .chchaoshixhss,
    .timeselect,
    .timeselect_input,
    .searchable-select {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: none;
        box-sizing: border-box !important;
    }
    .chchaoshixhss {
        height: 40px !important;
        font-size: 14px !important;
    }
    .chchaoshiy,
    .chchaoshiys {
        flex: 1;
        width: auto !important;
        min-width: 0;
        height: 42px !important;
        font-size: 16px !important;
        margin: 0 !important;
    }
    .chchaoshiysyxu {
        font-size: 12px !important;
        padding-top: 8px !important;
        clear: both;
    }
    .layui-card {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        box-sizing: border-box;
    }
    .chtoplisttop {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 44px;
        font-size: 14px !important;
        background-size: cover !important;
        margin-top: 12px;
        border-radius: 8px 8px 0 0 !important;
        overflow: hidden;
        box-sizing: border-box;
        padding-right: 5px;
    }
    .chtoplisttop img{
        margin-right: 5px;
    }
    .chtoplistfoot {
        padding: 10px 12px !important;
        border-radius: 0 0 8px 8px !important;
        overflow: hidden;
        box-sizing: border-box;
    }
    .chtoplistfootop p {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }
    .chtoplistf {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px;
    }
    .chtoplistfc {
        margin-left: 0 !important;
        width: 100%;
    }
    .chtoplistfitem {
        width: 100% !important;
        height: auto !important;
        min-height: 40px;
        font-size: 14px !important;
        padding: 8px 10px;
        box-sizing: border-box;
        margin-bottom: 8px !important;
    }
    .chtoplistfitem img {
        width: 16px;
        margin-right: 8px !important;
        flex-shrink: 0;
    }
    .chtoplistfitem b {
        font-size: 20px !important;
        margin-left: 8px !important;
    }
    .logo_img {
        text-align: center;
    }
    .logo_img img {
        width: 140px !important;
        max-width: 50% !important;
        height: auto !important;
    }
    .chtoplistfib {
        width: 100% !important;
        flex-direction: row !important;
        gap: 10px;
    }
    .chtoplistfibutt {
        flex: 1;
        height: auto !important;
        padding: 4px 12px !important;
        font-size: 15px !important;
        margin-bottom: 0 !important;
        line-height: 1.4 !important;
        box-sizing: border-box;
    }
    .chtoplistfibutt a {
        display: block;
        line-height: inherit;
    }

    /* ===== 大票融资 ===== */
    .chdapiao {
        height: auto !important;
        min-height: 0 !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: right center !important;
        margin-bottom: 16px !important;
    }
    .chdapiaotitle {
        width: auto !important;
        max-width: 100%;
        height: auto !important;
        margin-left: 0 !important;
        box-sizing: border-box;
        font-size: 13px !important;
        line-height: 1.6 !important;
        padding: 14px 80px 14px 10px !important;
    }
    .dapiaotop {
        min-height: 0 !important;
        margin-top: 16px !important;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    .dapiaodhdj span{
        width: 8px;
        height: 8px;
    }
    .dapiaotop.table-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .dapiaotoptitle,
    .dapiaotsj {
        min-width: 0 !important;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    .dapiaotoptitem,
    .dapiaotsjitem {
        flex: 1 1 0 !important;
        min-width: 0 !important;
    }
    .dapiaotoptitem,
    .dapiaotsjitems {
        font-size: 13px !important;
    }
    .dapiaotsjitems {
        height: auto !important;
        line-height: 1.4 !important;
        padding: 10px 4px;
        box-sizing: border-box;
        word-break: break-all;
    }
    .dapiaodsj {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 8px;
        padding-bottom: 16px !important;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    .dapiaodsjinput {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
    }
    .dapiaodsjinput + div {
        display: none !important;
    }
    .dapiaodsjinp {
        width: 100% !important;
        box-sizing: border-box;
        font-size: 14px !important;
    }
    .dapiaodsjinb {
        flex: 0 0 auto !important;
        width: 72px !important;
        height: 44px !important;
        font-size: 14px !important;
    }
    .dapiaodsjyu {
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px !important;
        box-sizing: border-box;
    }
    .dapiaodsjyuslelct {
        font-size: 15px !important;
    }
    .dapiaodhj,
    .dapiaodhdj {
        font-size: 15px !important;
        height: auto !important;
        line-height: 1.5 !important;
        padding: 10px 12px !important;
        margin: 12px 0 !important;
    }
    .dapiaotopkefu {
        width: 80px !important;
        max-width: 100%;
        height: 36px !important;
        line-height: 36px !important;
        font-size: 13px !important;
        padding: 0;
        box-sizing: border-box;
    }

    /* ===== 商票融资 ===== */
    .sushjbjtop {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px;
    }
    .sushjbjto {
        width: 100% !important;
        box-sizing: border-box;
    }
    .sushjbjto input {
        width: 100% !important;
        flex: 1;
        min-width: 0;
        font-size: 14px;
    }
    .sushjbjto button {
        width: 88px !important;
        font-size: 14px !important;
        flex-shrink: 0;
    }
    .sushjbj {
        flex-wrap: wrap;
    }
    .sushj,
    .sushjitems {
        font-size: 13px !important;
        height: auto !important;
        min-height: 40px;
        line-height: 1.4 !important;
        padding: 8px 6px;
        word-break: break-all;
    }
    .sushjitems a {
        font-size: 12px !important;
        height: 28px !important;
        line-height: 28px !important;
        margin-left: 6px !important;
        white-space: nowrap;
    }

    /* ===== 信用证 ===== */
    .xyz img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
    .xyzconment {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px;
    }
    .xyzconmentlist,
    .xyzconmentlists {
        width: 100% !important;
        height: auto !important;
        min-height: 120px;
        box-sizing: border-box;
        padding-bottom: 12px;
    }
    .xyzconment > div:last-child {
        width: 100%;
        /* 原图 247x172，高度缩为 2/3 → 247:(172*2/3) = 741:344 */
        aspect-ratio: 741 / 344;
        overflow: hidden;
    }
    .xyzconment > div:last-child img {
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        object-fit: cover;
        object-position: center bottom;
        display: block;
    }
    .xyzconmenfo {
        width: auto !important;
        max-width: 100%;
        margin-left: 12px !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
    .xyzconmentxt {
        font-size: 16px !important;
    }
    .xyztitle {
        flex-wrap: wrap;
        gap: 10px;
    }
    .xyzleft {
        font-size: 16px !important;
        height: auto !important;
        line-height: 1.4 !important;
        padding: 10px 0;
    }
    .xyzbu {
        width: 120px !important;
        height: 36px !important;
        font-size: 14px !important;
    }
    .xyzbu a {
        line-height: 36px !important;
    }
    .xyztab {
        height: auto !important;
        flex-wrap: wrap;
        min-height: 48px;
    }
    .xyztabito,
    .xyztabit,
    .xyztabitdj {
        font-size: 12px !important;
        height: auto !important;
        line-height: 1.4 !important;
        padding: 6px 4px;
    }
    .xyztable,
    .xyztablelists {
        font-size: 13px !important;
    }
    .xyztablelist {
        font-size: 13px !important;
        padding: 6px 4px;
        word-break: break-all;
    }
    .xyzsjj {
        flex-wrap: wrap;
        gap: 8px;
    }
    .xyzsjjitem {
        width: 100% !important;
        box-sizing: border-box;
    }

    /* ===== 财税服务 ===== */
    .txy {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 16px !important;
        padding: 12px 12px 12px !important;
        box-sizing: border-box !important;
        background-color: #1B6FD4 !important;
        background-image: url(/static/wap/images/tx01.png) !important;
        background-size: 100% 100% !important;
        background-position: left top !important;
        background-repeat: no-repeat !important;
        overflow: hidden;
        border-radius: 10px;
    }
    .txytop {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        box-sizing: border-box;
    }
    .txytoptxt {
        flex: 0 1 auto;
        min-width: 0;
        font-size: 26px !important;
        line-height: 1.2 !important;
        word-break: keep-all;
    }
    .txytopbu,
    .txytop .txyqqhsjrightbutton {
        flex: 0 0 auto;
        width: auto !important;
        min-width: 88px !important;
        max-width: none !important;
        height: 34px !important;
        padding: 0 12px !important;
        margin-left: 0 !important;
        font-size: 13px !important;
        white-space: nowrap;
    }
    .txytline {
        width: 75% !important;
        max-width: 100% !important;
        margin: 6px 0 6px !important;
        border-width: 1px !important;
        box-sizing: border-box;
    }
    .txytxt {
        width: 75% !important;
        max-width: 100% !important;
        height: auto !important;
        margin-top: 0 !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
        word-break: break-word;
        overflow-wrap: anywhere;
    }
    .txyqqitembox.intro,
    .intro {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 14px !important;
        font-size: 14px !important;
        line-height: 1.7 !important;
        box-sizing: border-box;
        word-break: break-word;
    }
    /* 服务项：左右紧凑卡片，避免图标与文案脱节 */
    .txyqqhsj {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        margin-top: 12px !important;
        overflow: hidden;
        border-radius: 12px !important;
        border: 1px solid rgba(27, 75, 175, 0.28) !important;
        background: linear-gradient(109deg, hsl(201deg 75% 48% / 18%) 0%, hsl(226deg 78% 16% / 28%) 100%);
        box-sizing: border-box;
    }
    .txyqqhsjleft {
        width: 128px !important;
        flex: 0 0 128px !important;
        max-width: 128px !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 12px 10px !important;
        box-sizing: border-box !important;
        line-height: 0;
        align-self: stretch;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent;
    }
    .txyqqhsjleft img {
        width: 108px !important;
        max-width: 100% !important;
        height: 108px !important;
        min-height: 0 !important;
        display: block;
        object-fit: contain;
        object-position: center;
        border-radius: 8px !important;
    }
    .txyqqhsjlefti,
    .txyqqhsjleftis {
        border-radius: 8px !important;
    }
    .txyqqhsjright,
    .txyqqhsjrights {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        border-left: none !important;
        padding: 10px 12px 12px !important;
        text-align: left !important;
        box-sizing: border-box;
        background: transparent !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .txyqqhsjrightxt {
        font-size: 17px !important;
        margin-top: 0 !important;
        line-height: 1.3 !important;
    }
    .txyqqhsjrightxs {
        font-size: 12px !important;
        padding: 6px 0 10px !important;
        line-height: 1.5 !important;
        word-break: break-word;
    }
    .txyqqhsj .txyqqhsjrightbutton {
        width: auto !important;
        min-width: 88px !important;
        height: 32px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
        align-self: flex-start;
    }
    /* 移动端始终图在左；隐藏悬停二维码 */
    .txyqqhsj .txyqqhsjleft {
        order: -1;
    }
    .txytopdiv,
    .txytopdivy {
        display: none !important;
    }
    /* 腾讯云特点图标行 */
    .txyqqitembox {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 10px 6px !important;
        margin-top: 14px !important;
    }
    .txyqqitembox > div[style*="width"] {
        display: none !important;
    }
    .txyqqitem {
        flex: 0 0 calc(33.333% - 6px) !important;
        width: calc(33.333% - 6px) !important;
        text-align: center;
        box-sizing: border-box;
    }
    .txyqqitem img {
        width: 48px !important;
        height: auto !important;
        margin: 0 auto;
        display: block;
    }
    .txyqq {
        font-size: 13px !important;
        margin-top: 6px !important;
    }

    /* ===== 科技服务：票据管理系统 ===== */
    .pjdiv {
        margin: 12px 0 16px !important;
    }
    .pjdiv img {
        width: 100% !important;
        height: auto !important;
        display: block;
        border-radius: 8px;
    }
    .pjdivfoot {
        position: static !important;
        padding-bottom: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
    .pjdivfoot > div {
        width: 100% !important;
    }
    .pjdivfoot img {
        width: 100% !important;
        height: auto !important;
        display: block;
        border-radius: 8px;
    }
    .pjdivfootpo {
        position: static !important;
        right: auto !important;
        top: auto !important;
    }

    /* ===== 科技服务：防伪名片 ===== */
    .pjfw {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 16px !important;
        margin-top: 12px !important;
        padding-bottom: 24px !important;
    }
    .pjfw > div:first-child {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    .pjfwleft,
    .pjfwleft01,
    .pjfwleft02,
    .pjfwleft03 {
        width: 100% !important;
        max-width: 100% !important;
        height: 56px !important;
        margin: 0 !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
    .pjfwleftxt {
        width: 100% !important;
        height: 56px !important;
        line-height: 56px !important;
        font-size: 15px !important;
        padding: 0 12px !important;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .pjfwright {
        order: -1;
        width: 100% !important;
        justify-content: center !important;
        margin: 0 auto !important;
    }
    .pjfwyuan {
        width: min(220px, 70vw) !important;
        height: min(220px, 70vw) !important;
        margin: 0 auto;
    }
    .pjfwrighticon {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: min(180px, 55vw);
        line-height: 0;
    }
    .pjfwrighticon img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }

    /* ===== 科技服务：企微产品 ===== */
    .qwpro {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 16px !important;
        padding: 14px 12px !important;
        box-sizing: border-box !important;
        background-color: #1B6FD4 !important;
        background-image: url(/static/wap/images/qw00.png) !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        border-radius: 10px;
        overflow: hidden;
    }
    .qwprotxt {
        font-size: 26px !important;
        line-height: 1.25 !important;
    }
    .qwproline {
        width: 70% !important;
        max-width: 100% !important;
        margin: 8px 0 !important;
        border-width: 1px !important;
    }
    .qwprodisl {
        width: 75% !important;
        max-width: 100% !important;
        height: auto !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
        color: #000 !important;
        margin-top: 0 !important;
    }
    .qwprotop.tab-titles,
    ul.qwprotop {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 8px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 4px;
        margin: 0 !important;
        list-style: none;
    }
    .qwprotop > div[style*="width"] {
        display: none !important;
    }
    .qwprotop li {
        flex: 0 0 auto !important;
        min-width: 0 !important;
        width: auto !important;
        padding: 8px 10px !important;
        box-sizing: border-box;
    }
    .qwprotopicon {
        width: 28px !important;
        height: 28px !important;
        flex-shrink: 0;
        line-height: 0;
    }
    .qwprotopicon img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain;
        display: block;
    }
    .qwprotoptext {
        font-size: 13px !important;
        margin-left: 6px !important;
        white-space: nowrap;
    }
    .qwtxt {
        font-size: 14px !important;
        line-height: 1.65 !important;
        padding: 14px 0 !important;
    }
    .qwyoushi {
        margin: 14px 0 !important;
        padding-left: 14px !important;
        height: auto !important;
        min-height: 36px !important;
        line-height: 1.4 !important;
        font-size: 16px !important;
        display: flex;
        align-items: center;
    }
    .qwimg {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        justify-content: space-between !important;
    }
    .qwimg > div[style*="width"] {
        display: none !important;
    }
    .qwimg > div {
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
        box-sizing: border-box;
    }
    .qwimg img {
        width: 100% !important;
        height: auto !important;
        display: block;
        border-radius: 8px;
    }
    .qwtsu {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 12px 0 !important;
        width: 100% !important;
    }
    .qwtsuitem {
        width: 50% !important;
        float: none !important;
        margin-bottom: 0 !important;
        padding: 0 6px !important;
        box-sizing: border-box;
    }
    .qwtsuicon {
        width: 100% !important;
        max-width: 160px !important;
        margin: 0 auto !important;
    }
    .qwtsuitemyx {
        width: 100% !important;
        height: auto !important;
        font-size: 14px !important;
        margin: 8px 0 6px !important;
        line-height: 1.35 !important;
    }
    .qwtsuitesj {
        width: 100% !important;
        height: auto !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
    }
    .qqboxs {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        width: 100% !important;
    }
    .qqbox {
        width: 100% !important;
        float: none !important;
        height: auto !important;
        min-height: 72px !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        background-size: cover !important;
        background-position: right center !important;
        box-sizing: border-box;
    }
    .qqboximg {
        flex-shrink: 0;
        width: 44px;
        margin-right: 10px !important;
    }
    .qqboximg img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }
    .qqt {
        font-size: 18px !important;
        padding-bottom: 4px !important;
    }
    .qqs {
        font-size: 13px !important;
    }
    .wdang {
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        margin-bottom: 12px !important;
    }
    .wdangitem {
        width: 100% !important;
        float: none !important;
        margin-bottom: 0 !important;
        position: relative !important;
        min-height: 72px;
        padding-left: 72px;
        box-sizing: border-box;
    }
    .wdangitemleft {
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%);
        width: 56px;
        line-height: 0;
    }
    .wdangitemleft img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }
    .wdangitemright {
        float: none !important;
        position: static !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 64px !important;
        padding: 12px 14px !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        background-size: 100% 100% !important;
        box-sizing: border-box;
    }
    .wdk {
        height: auto !important;
        min-height: 0 !important;
        background-size: 100% 100% !important;
        background-position: center !important;
        margin-bottom: 12px !important;
        padding: 16px 14px !important;
        box-sizing: border-box;
        border-radius: 8px;
    }
    .wdktx {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        font-size: 15px !important;
        line-height: 1.55 !important;
        padding-top: 0 !important;
        margin: 0 !important;
        text-align: left !important;
        box-sizing: border-box;
    }

    /* ===== 报价页搜索条 ===== */
    .chsao,
    .contentop.chsao {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px;
    }
    .chsaotoo {
        flex-direction: column !important;
        align-items: stretch !important;
        padding-left: 0 !important;
        gap: 10px;
        width: 100%;
    }
    /* 更新时间行保持横向，避免时钟图标被 column+stretch 拉成白椭圆 */
    .chsao.chsaotyu {
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: wrap;
        gap: 6px;
    }
    .chsaotyu {
        font-size: 13px !important;
        line-height: 1.45 !important;
    }
    .chsaotyu img {
        width: 16px !important;
        height: 16px !important;
        max-width: 16px !important;
        margin-right: 6px !important;
        flex-shrink: 0;
        display: block;
    }
    /* 搜索框 + 查询按钮同一行 */
    .contentop.chsao .chsaotoo > .chsao:not(.chsaotyu) {
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px;
        width: 100%;
    }
    .contentop.chsao .chsaotoo > .chsao:not(.chsaotyu) > div:first-child {
        flex: 1;
        min-width: 0;
    }
    .chsaotyui {
        width: 100% !important;
        max-width: 100% !important;
        height: 40px !important;
        box-sizing: border-box;
        font-size: 14px;
        padding: 0 10px;
    }
    .chsaotyuiu {
        width: 72px !important;
        height: 40px !important;
        margin-left: 0 !important;
        font-size: 14px !important;
        flex-shrink: 0;
    }

    /* 开证行清单表：强制足够宽度，横向滚动，银行名单列不被挤扁 */
    .chsaotootable.table-scroll {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
    }
    .fm-credit-table {
        min-width: 960px !important;
        width: max-content !important;
        max-width: none !important;
        table-layout: auto !important;
        border-collapse: separate;
        border-spacing: 1px;
    }
    .fm-credit-table td {
        vertical-align: middle;
        padding: 8px 10px !important;
        box-sizing: border-box;
    }
    .fm-credit-table .fm-seq {
        min-width: 48px !important;
        white-space: nowrap !important;
    }
    .fm-credit-table .fm-category {
        min-width: 100px !important;
        white-space: nowrap !important;
    }
    .fm-credit-table .fm-due-date,
    .fm-credit-table .fm-dueDateEnd {
        min-width: 110px !important;
        width: auto !important;
        white-space: nowrap !important;
    }
    .fm-credit-table .fm-price {
        min-width: 100px !important;
        white-space: nowrap !important;
    }
    .fm-credit-table .fm-banks-cell {
        min-width: 280px !important;
        max-width: 420px;
        text-align: left !important;
        white-space: normal !important;
        word-break: break-word;
        overflow-wrap: anywhere;
        line-height: 1.45;
    }
    .fm-credit-table .fm-banks {
        white-space: normal !important;
        word-break: break-word;
        line-height: 1.45;
    }

    /* ===== 供给预测 / 通用标题 ===== */
    .secondarytitle {
        min-width: 0 !important;
        width: 100% !important;
        font-size: 16px !important;
        box-sizing: border-box;
    }
    .secondary {
        width: 100% !important;
    }
    .secondary img {
        width: 100% !important;
        height: auto !important;
    }
}

/* ============= 手机适配 (max-width: 768px) ============= */
@media (max-width: 768px) {
    body .heard .logo {
        width: 140px !important;
    }
    .pagewidth {
        padding: 0 12px !important;
    }
    .pagerightconten {
        padding: 12px 10px !important;
    }
    .menupage dt,
    .pageleftmenus li {
        height: 32px !important;
        padding: 0 8px !important;
    }
    .menupage dt a,
    .pageleftmenus li a {
        font-size: 12px !important;
    }
    .chtoptitle {
        font-size: 18px !important;
    }
    .contentoptitle {
        font-size: 16px !important;
    }
    .chtoplistfitem b {
        font-size: 18px !important;
    }
    .chsaotootable table,
    .pp-table,
    .mt-table {
        min-width: 560px;
        font-size: 12px;
    }
    .fm-credit-table {
        min-width: 920px !important;
        font-size: 12px;
    }

    /* 财税服务 - 手机 */
    .txy {
        padding: 10px 10px 10px !important;
        border-radius: 8px;
    }
    .txytoptxt {
        font-size: 22px !important;
    }
    .txytline {
        margin: 5px 0 5px !important;
    }
    .txytxt {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }
    .txyqqhsjleft {
        width: 118px !important;
        flex: 0 0 118px !important;
        max-width: 118px !important;
        padding: 10px 8px !important;
    }
    .txyqqhsjleft img {
        width: 100px !important;
        height: 100px !important;
        min-height: 0 !important;
    }
    .txyqqhsjrightxt {
        font-size: 16px !important;
    }

    /* 科技服务 - 手机 */
    .pjfwleftxt {
        font-size: 14px !important;
        height: 50px !important;
        line-height: 50px !important;
    }
    .pjfwleft,
    .pjfwleft01,
    .pjfwleft02,
    .pjfwleft03 {
        height: 50px !important;
    }
    .qwprotxt {
        font-size: 22px !important;
    }
    .qwprodisl {
        font-size: 12px !important;
    }
    .qwprotoptext {
        font-size: 12px !important;
    }
    .qwtsuitem {
        width: 100% !important;
    }
    .txyqqitem {
        flex: 0 0 calc(33.333% - 4px) !important;
        width: calc(33.333% - 4px) !important;
    }
    .txyqqitem img {
        width: 40px !important;
    }
}

/* ============= 小屏 (max-width: 480px) ============= */
@media (max-width: 480px) {
    body .heard .logo {
        width: 124px !important;
    }
    .pagewidth {
        padding: 0 10px !important;
    }
    .chtoptitle {
        font-size: 16px !important;
        padding-left: 12px !important;
    }
    .chtopdisks {
        padding-left: 12px !important;
        font-size: 11px !important;
    }
    .chchaoshitxt {
        font-size: 13px !important;
        min-width: 48px !important;
    }
    .chtoplistfib {
        flex-direction: column !important;
    }
    .chtoplistfibutt {
        width: 100%;
    }
    .menupage dt img,
    .pageleftmenus li img {
        display: none;
    }

    /* 财税服务 - 小屏 */
    .txy {
        padding: 10px 10px 10px !important;
    }
    .txytop {
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
    }
    .txytoptxt {
        font-size: 20px !important;
        flex: 0 1 auto;
    }
    .txytopbu,
    .txytop .txyqqhsjrightbutton {
        width: auto !important;
        max-width: none !important;
        height: 32px !important;
        font-size: 12px !important;
        padding: 0 10px !important;
    }
    .txytline {
        margin: 4px 0 4px !important;
    }
    .txytxt {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }
    .intro {
        font-size: 13px !important;
        line-height: 1.65 !important;
    }
    .txyqqhsj {
        margin-top: 10px !important;
    }
    .txyqqhsjleft {
        width: 108px !important;
        flex: 0 0 108px !important;
        max-width: 108px !important;
        padding: 10px 8px !important;
    }
    .txyqqhsjleft img {
        width: 90px !important;
        height: 90px !important;
        min-height: 0 !important;
    }
    .txyqqhsjright,
    .txyqqhsjrights {
        padding: 8px 10px 10px !important;
    }
    .txyqqhsjrightxt {
        font-size: 15px !important;
    }
    .txyqqhsjrightxs {
        font-size: 11px !important;
        padding: 4px 0 8px !important;
    }
    .txyqqhsj .txyqqhsjrightbutton {
        min-width: 80px !important;
        height: 30px !important;
        font-size: 12px !important;
    }

    /* 科技服务 - 小屏 */
    .pjfwleftxt {
        font-size: 13px !important;
        white-space: normal !important;
        line-height: 1.3 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: auto !important;
        min-height: 48px !important;
        padding: 8px 10px !important;
    }
    .pjfwleft,
    .pjfwleft01,
    .pjfwleft02,
    .pjfwleft03 {
        height: auto !important;
        min-height: 48px !important;
    }
    .qwpro {
        padding: 12px 10px !important;
    }
    .qwprotxt {
        font-size: 20px !important;
    }
    .qwimg > div {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
    .wdktx {
        font-size: 14px !important;
    }
    .txyqqitem img {
        width: 36px !important;
    }
    .txyqq {
        font-size: 12px !important;
    }
}