.btbox {
        width: 1200px;
        height: 100px;
        margin: 0 auto;
        background: url(/nyj/uiFramework/commonResource/image/2026082115035328824.png) no-repeat center;
        text-align: center;
        position: relative;
    }
  .main{background: url(/nyj/resource/cms/2026/08/2026082322021165898.png) no-repeat;background-size: 100% 100%;padding-bottom: 40px;}
.gd{position: absolute;right: 10px; bottom: 10px;}
.gd a{font-size: 17px;color: #8a8c89;letter-spacing: 1px;}
    .btmc {
        font-size: 30px;
        color: #fff;
        font-weight: 600;
        line-height: 125px;
        letter-spacing: 5px;
        margin-left: -40px
    }
    .sjbt {
        text-align: center;
    }
    .layout {
        display: flex;
        align-items: stretch !important;
        gap: 16px;
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }
   .left-col, .right-col {
       align-self: stretch !important;
   }
    .left-col {
        width: 25%;
        flex-shrink: 0;
        min-width: 0;
    }
    .map-col {
        flex: 1;
        min-width: 500px;
        min-width: 0;
    }
    #chart {width: 100%;height: 520px;border: 1px solid #e5e7eb;}
    .right-col {
        width: 25%;
        flex-shrink: 0;
        min-width: 0;
    }
   .right-col.has-cold {
       display: flex;
       flex-direction: column;
       gap: 12px;
   }
    .right-col.has-cold .info-card {
    flex: 0 0 50%;
    height: 50%;
    min-height: 0;
    overflow: hidden;
   } 
   .right-col.has-cold .cold-card {
    flex: 0 0 50%;
    height: 50%;
    overflow: auto;
   }
  /* 移动端右侧包裹层 默认隐藏 */
    .mobile-right-wrap {
        display: none;
        flex-direction: column;
        gap: 12px;
        min-width: 0;
    }
    .info-card {
        box-sizing: border-box;
        height: 100%;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: 20px 16px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
    }
    .card-header {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 16px;
    }
    .card-header .indicator {
        width: 3px;
        height: 16px;
        border-radius: 2px;
        flex-shrink: 0;
        background: #ef4444;
    }
    .card-header h3 {
        font-size: 13px;
        font-weight: 500;
        color: #9ca3af;
        letter-spacing: 0.04em;
    }
    .district-tag {
        margin-left: auto;
        font-size: 13px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 6px;
        color: #1f2937;
    }
    .district-tag .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgb(137, 190, 137);
    }
    .sub-title {
        font-size: 15px;
        font-weight: 600;
        color: #1e8228;
        margin-bottom: 12px;
    }
    .list-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 10px;
        background: #f9fafb;
        border-radius: 6px;
        margin-bottom: 6px;
    }
    .list-item .name {
        font-size: 12.5px;
        font-weight: 500;
        color: #1f2937;
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
   .cardown{display: flex;
    align-items: center;
    justify-content: space-between;}
    .more-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 7px 0;
        margin-top: 8px;
        background: none;
        border-radius: 6px;
        font-size: 11.5px;
        color: #7f7c7c;
        cursor: pointer;
        transition: all 0.2s;
        font-family: inherit;
    }
    .source {
        font-size: 10px;
        color: #7f7c7c;
        text-align: right;
        margin-top: 4px;
    }
    .pzhsp {
        display: flex;
        width: 1200px;
        margin: 0 auto;
        gap: 20px;margin-top: 20px;
    }
  .pzjs,.njzb {width: 50%;border: 1px solid #e5e7eb;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);padding: 20px;background: #ffffff;}
  .pzbt,.pznrli{display: flex;justify-content: space-between;align-items: center;gap: 15px;}
  .pzbt{border-left: 7px solid #51b82a;padding-left: 10px;margin: 10px 0px 30px 0px;}
  .pzbtmc{font-size: 18px;font-weight: 600;}
  .pzbtmc::before{content:'';width:10px;height:20px;background:green}
  .xsym_more{color:#9e9e9e}
  .pznrli{margin: 10px 0px;}
  .pznrli_img{width: 25%;}
  .pznrli_img img{width: 100%; height: 90px; object-fit: cover;border-radius: 10px;}
  .pznrli_xq{flex: 1;}
  .xqtlt>a{font-size: 16px;}
  .xqdec{color: #737272;margin-top: 10px;}
  .cxbt {width: 1200px;margin: 0 auto;position: relative;margin-top: 40px;}
  .cxxx1{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;box-sizing: border-box;gap:60px;border: 1px solid #e5e7eb;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);background: #fff;}
  .xxlb{width: 60%;overflow: hidden;}
  .xxlb1{width: 40%;overflow: hidden;padding: 20px;}
  .cxbt_more{color:#9e9e9e;position:absolute;right:0px;bottom:10px;}
  .cxul{padding: 20px;}
  .cxli{display: flex;justify-content: space-between;padding:10px 15px;background: url(/nyj/uiFramework/commonResource/image/2026082815201069822.png) no-repeat left center;}
  .mySwiper1 {height: 260px;overflow: hidden;border-radius: 20px;}
  .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
  .lbname{width: 100%;position: absolute;bottom: 0px;background: #385c1e91;padding: 10px;}
  .lbname a{color: #fff;}
  .lbbox{width: 1200px;margin: 0 auto;overflow: hidden;position: relative;}
  .mySwiper2 li{height:240px;position: relative;}
  .swiper-pagination2{position: relative;margin-top:12px;bottom:auto !important;}
  .swiper-pagination2 .swiper-pagination-bullet{width:10px;height:10px;background:#999;opacity:1;}
  .swiper-pagination2 .swiper-pagination-bullet-active{background:#0066cc;}
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px!important;}
  .swiper-pagination2 .swiper-pagination-bullet {background: #cacfd2;}
  .swiper-pagination2 .swiper-pagination-bullet-active {background: #66af34;width: 50px;border-radius: 10px;}
  .xgzc,.fwmk{width: 1200px;margin: 0 auto;}
  .xgzc>.cxli{width:50%;}
  .xgzcul{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 20px 40px 20px 20px;border: 1px solid #e5e7eb;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);background: #fff;}
  .xgzcul>.cxli{width:45%;}
  .fwul{display: flex;justify-content: space-around;gap: 20px;}
  .fwli{display: flex;align-items: center;gap: 20px;padding: 20px 90px 20px 50px;background: #f6f8f4;border-radius: 10px;}
  .fwli_img{width: 54px;}
  .fwli_tlt a{font-size: 16px;color: #187454;font-weight: 600;}
  .mySwiper2{margin: 20px 0 40px 0;}
    /* ========== 移动端修复：统一使用 450px 与 JS 逻辑一致 ========== */
    @media (max-width: 450px) {
        .layout {
            flex-direction: row !important;
            gap: 10px !important;
            align-items: flex-start !important;
            flex-wrap: nowrap !important;
        }
  .mobile-section{min-height: 80px; /* 移动端每个区块强制最小高度，无数据也不塌陷 */}
        /* 隐藏PC左右栏 */
        .left-col,
        .right-col {
            display: none !important;
        }
        /* 显示移动端右侧卡片 */
        .mobile-right-wrap {
            display: flex !important;
            width: 45% !important;
            gap:0px;
        }
        .card-header h3,#mobilePanelName{font-size: 11px;}
        /* 地图 */
        .map-col {
            width: 55% !important;
            flex: none !important;
            min-width: 0 !important;
        }
        #chart {
            height: 350px !important;
            min-height: 350px !important;
        }
        .info-card {
            height: auto !important;
            padding: 5px 10px;display: flex;
        }
        .sub-title{font-size: 11px;margin-bottom: 5px;}
        .list-item .name {font-size: 11px;font-weight: 600;}
        .card-header:nth-of-type(4) {display:none;}
        .more-btn{margin-top:0px;width:40%;}
        .source{width:100%;font-size: 9px;}
        .btyc{display:none;}
        /* 全局宽度100% */
        .btbox{height:60px;}
        .btmc {
            font-size: 17px;
            line-height: 75px;
            letter-spacing: 0;
            margin-left: -20px;
        }
        .xxzx {
            padding: 20px 0;
        }
.xxlist {margin-top: 20px;height: auto;}
.xxlist div:nth-last-child(-n+5) {display: none !important;}
        .xxli {
            width: 100%;
        }
.xxli a{    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.pzhsp {width: 100%;flex-direction: column;}
.pzjs,.njzb,.cxbt,.kpsp,.box2,.cxxx,.cxxx1,.xgzc,.kpsp,.fwmk {width: 100%;}
  .cxbt{padding: 10px 0;overflow: hidden;margin-top: 20px;}
  .cxbt_img img{transform: scale(1.7);}
.lbbox{width:80%;}
.cxxx1{flex-wrap: wrap;gap:10px}
.xxlb{order: 2;flex: 0 0 100%;}
.xxlb1{order: 1;flex: 0 0 100%;}
.cxul {padding: 0px 20px;}
.cxul .cxli:nth-child(n+6) {display: none;}
.xgzcul .cxli{width:100%}
.mySwiper1{height: 220px;}
.box2 {width: 100%;margin-top: 15px;border-left: 0;border-right: 0;}
        .pzbt {
            margin-bottom: 20px;
            background-size: 100% 100%;
        }
.fwli{gap: 10px;padding: 10px;}
.fwli_img {width: 30px;}
.fwul{gap: 0px;}
 .mySwiper2 {margin: 0px 0 40px 0;}
.mySwiper2 li {height: 180px;}
  .cxli_tlt{width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .fwli_tlt a {font-size: 12px;}
  .pzbtmc {font-size: 15px;}
  .pzjs, .njzb{padding:10px 20px;}
.gd a{font-size: 15px;}
.pzlist {padding: 10px;}
        .pzmc {
            font-size: 17px;
            line-height: 75px;
            letter-spacing: 0;
            padding-left: 50px;
        }
.pzml {gap: 10px;}
        .pzimg {
            height: 150px;
        }
.pztlt {padding: 5px 15px;top: 40%;left: 22%;}
.pzbq {margin: 20px 0px 0px 0px;}
.pzsum {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.kplist{margin:20px;}
        .pzhspbj {
            margin-bottom: 0;
        }
        #centerwell li {
            float: none;
            width: 100%;
            height: auto;
            margin-bottom: 10px;
        }
        #centerwell h3 {
            position: static;
            width: 100%;
            height: auto;
            padding: 14px 12px;
        }
.cxtit {writing-mode: horizontal-tb !important;text-orientation: initial !important;padding-top: 0 !important;width: 100%;font-size: 14px;text-align: left;}
        #centerwell .hot_content {
            position: static;
            width: 100%;
            height: 0;
        }
        #centerwell li.on .hot_content {
            height: 320px;
            padding: 12px;
        }
        .content-inner img {
            max-width: 100%;
        }
    }