/* =========================================================
   官网 PC 页面响应式适配（兼容手机端）
   ---------------------------------------------------------
   - 新增共享文件：由全部 PC 模板在 <head> 末尾引入。
   - 通过媒体查询把固定 1200px 的 PC 布局在窄屏重排为
     单列可读布局；桌面端（≥992px）不受任何影响。
   - 多处使用 !important 以覆盖模板内联 style 与页内 <style>。
   ========================================================= */

/* ========== 平板及以下：容器流式化 ========== */
@media (max-width: 991px) {
    body {
        min-width: 0 !important;
    }

    /* --- 固定 1200px 容器全部流式 --- */
    .header_warrp, .condition, .fanyuan_list, .de_men, .fen,
    .essential, .specific, .hx_unit, .yx, .recommend,
    .bottom_area, .xq_wrap, .xq_head, .house_dwa, .wzdw,
    .house_name, .mod-wrap, .mod-tab, .resol_pic, .character,
    .house_dw, .About_cont, .reco_re1, .area, .more,
    .x_unit, .ess_item, .feedback, .am_tu {
        width: 100% !important;
        max-width: 100% !important;
    }
    /* 详情页标题栏/面包屑：去除固定高度与固定宽度，避免手机端溢出 */
    .house_dw, .house_dwa, .wzdw, .house_name {
        height: auto !important;
    }
    .house_dw p {
        width: 100% !important;
        box-sizing: border-box;
        padding: 0 10px;
        white-space: normal;
    }

    /* --- 导航栏 --- */
    .navigation, .new_header, .navhead {
        height: auto !important;
    }
    .header_warrp {
        height: auto !important;
    }
    .header_warrp ul {
        display: flex;
        flex-wrap: wrap;
    }
    .header_warrp ul li {
        float: none !important;
        margin: 4px 2px;
    }
    .header_warrp ul li a {
        padding-right: 14px;
        line-height: 40px !important;
        font-size: 14px;
    }
    /* 首页导航 */
    .index_fl {
        min-width: 0 !important;
        width: 100% !important;
        height: auto !important;
        padding: 8px 0;
        box-sizing: border-box;
    }
    .index_fl ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .index_fl ul li a {
        font-size: 13px;
        margin: 6px 9px;
        line-height: 30px;
    }
    .logoI {
        width: 80px !important;
        height: 22px !important;
        margin-top: 4px;
    }
    .index_fl ul div {
        float: none !important;
        margin-left: auto;
        display: inline-flex;
        flex-wrap: wrap;
    }

    /* --- 列表页房源行：纵向重排 --- */
    .fangyuan_type {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 16px 0 !important;
        box-sizing: border-box;
    }
    .fantype_img {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin-right: 0 !important;
        flex-shrink: 1 !important;
    }
    .fantype_img img {
        width: 100% !important;
        height: auto !important;
        max-height: 260px;
        object-fit: cover;
        display: block;
    }
    .fantype_cont {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        padding-top: 10px;
        flex: none !important;
    }
    .fantype_cont a, .fantype_cont .title_row > a {
        max-width: 100% !important;
        font-size: 18px !important;
        line-height: 24px !important;
        padding-left: 0 !important;
    }
    .fantype_cont p {
        white-space: normal !important;
        margin-left: 0 !important;
    }
    .fantype_pice {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        padding-top: 6px;
        padding-left: 0 !important;
        border-left: none !important;
        text-align: left !important;
    }
    .fantype_pice p {
        text-align: left !important;
    }
    .hengxian, .hengxian1 {
        width: 100% !important;
    }
    /* 新房列表页「查看全部户型/排序条」等 */
    .de_men ul {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* --- 详情页：轮播 + 文字描述纵向重排 --- */
    .specific {
        height: auto !important;
    }
    .carousel, .carousel1 {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        position: relative;
    }
    .car_da, .car_da1 {
        width: 7000px;
        height: auto !important;
        overflow: hidden;
    }
    /* 胶片横向排列，slide 取整屏宽 —— lunbo.js 运行时读取 li 宽度，自动适配 */
    .car_da ul, .car_da1 ul {
        white-space: nowrap;
    }
    .car_da ul li {
        display: inline-block !important;
        vertical-align: top;
        width: 100vw !important;
        white-space: normal;
    }
    /* 模态框轮播：相对 94% 的 modal-content，slide 略窄于整屏 */
    .car_da1 ul li {
        display: inline-block !important;
        vertical-align: top;
        width: 92vw !important;
        white-space: normal;
    }
    .modal-content {
        width: 94% !important;
        margin: 4% auto;
        box-sizing: border-box;
    }
    .car_da ul li img, .car_da1 ul li img {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        display: block;
        max-height: 70vh;
        object-fit: cover;
    }
    .car_xiao {
        width: 100% !important;
        height: auto !important;
        margin-top: 10px;
        overflow-x: auto;
    }
    .car_xiao ul li img {
        width: 76px !important;
        height: 58px !important;
        margin-top: 8px;
    }
    .character {
        width: 100% !important;
        height: auto !important;
        padding: 16px 14px;
        margin-top: 14px;
        box-shadow: none !important;
    }
    .dianhua {
        min-width: 0 !important;
        width: 100% !important;
    }
    .jinji, .jinjiren_m {
        width: 100% !important;
    }
    .hx1, .feed_name, .feed_item, .pic_list, .pic_name {
        width: 100% !important;
    }
    .all-rows, .oneline, .ess_item {
        width: 100% !important;
        display: block;
    }
    .lable {
        width: auto !important;
        margin-right: 8px;
    }
    /* 详情页照片 */
    .resol_pic > div {
        width: 100% !important;
    }
    .pic_list img, .pic_list1 img, .pic_list2 img {
        width: 100% !important;
        height: auto !important;
    }
    .pic_list1, .pic_list2 {
        width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
        margin-bottom: 8px;
    }
    /* 新房详情：户型图 / 顾问 / 推荐 */
    .unit_item {
        width: 100% !important;
        height: auto !important;
    }
    .unit_tu {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin-right: 0 !important;
    }
    .unit_tu img {
        width: 100% !important;
        height: auto !important;
        max-height: 260px;
        object-fit: cover;
    }
    .unit_zi {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin-top: 10px;
    }
    .un_a {
        width: 100% !important;
    }
    .yx {
        height: auto !important;
    }
    .yx_item {
        width: 100% !important;
        height: auto !important;
        display: block;
        margin: 16px 0;
        box-sizing: border-box;
        padding: 10px;
    }
    .yx_item_zi {
        margin-left: 0 !important;
    }
    /* 详情页粘性 tab：改横向滑动，隐藏滑动背景条 */
    #modTab {
        width: 100% !important;
    }
    .mod-tab .panel-tab {
        width: 100% !important;
    }
    .mod-tab .panel-tab .panel-tab-ul {
        width: 100% !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .mod-tab .panel-tab .panel-tab-ul li {
        width: auto !important;
        padding: 0 12px;
    }
    .mod-tab .panel-tab .panel-bg {
        display: none !important;
    }

    /* --- 首页 --- */
    .headt {
        height: auto !important;
    }
    .dakuai {
        min-width: 0 !important;
        height: auto !important;
        padding: 10px;
        box-sizing: border-box;
    }
    .headline {
        font-size: 32px;
        padding-top: 30px;
    }
    .kuan {
        width: 100% !important;
        max-width: 720px;
        height: auto !important;
        margin-top: 30px;
        padding: 16px 12px;
        box-sizing: border-box;
    }
    /* 搜索输入容器：common.css 写死 width:740px，窄屏必须流式，否则输入框跟随保持 740px */
    .box {
        width: 100% !important;
        max-width: 740px;
        margin: 8px 0 0;
    }
    .m {
        width: 100% !important;
        height: auto !important;
        margin-top: 0 !important;
    }
    .m ul li {
        margin-left: 14px;
        font-size: 14px;
    }
    .information {
        min-width: 0 !important;
        width: 100% !important;
        height: auto;
        margin-top: 24px;
        padding: 0 12px;
        box-sizing: border-box;
        font-size: 12px;
    }
    .second_hand, .new_chamber {
        box-sizing: border-box;
        padding: 0 10px;
    }
    .second_type, .new_list {
        width: calc(48% - 20px) !important;
        margin: 12px 4px !important;
        box-sizing: border-box;
    }
    .second_type img, .new_list img {
        height: auto !important;
        max-height: 220px;
    }
    .second_n1 {
        font-size: 26px;
    }
    .bottom_area {
        box-sizing: border-box;
        padding: 14px 12px;
    }

    /* --- 小区详情 --- */
    .xq_head {
        padding: 16px 12px;
        box-sizing: border-box;
    }
    .xq_head .xq_img {
        width: 100% !important;
        height: auto !important;
        float: none !important;
    }
    .xq_head .xq_info {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-top: 12px;
    }
    .xq_table {
        display: block;
        overflow-x: auto;
    }

    /* --- 关于页 --- */
    .braner_a {
        height: 220px !important;
    }
    .about_summary {
        width: calc(100% - 24px) !important;
        box-sizing: border-box;
        padding: 18px 14px;
    }
    .introduce {
        padding: 18px 16px;
    }
    .contact {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 16px;
        box-sizing: border-box;
    }
    .contact_tu {
        width: 100% !important;
        height: auto !important;
    }
    .contact_zi {
        margin-left: 0 !important;
        margin-top: 14px;
    }

    /* --- 分页 --- */
    .fenye {
        float: none !important;
        text-align: center;
        margin: 10px 0 !important;
    }

    /* --- 底部 --- */
    .dikai {
        float: none !important;
    }
    .dikai ul {
        padding: 0 12px;
    }
    .dikai ul li {
        float: none !important;
        margin-top: 10px;
    }
    .copyright {
        padding: 0 12px;
        box-sizing: border-box;
        line-height: 22px;
    }
}

/* ========== 手机及以下：进一步收紧 ========== */
@media (max-width: 767px) {
    body {
        overflow-x: hidden;
    }

    /* 首页 */
    .headline {
        font-size: 24px;
        letter-spacing: 1px;
        padding-top: 16px;
    }
    .dakuai {
        padding: 8px;
    }
    .kuan {
        width: calc(100% - 32px) !important;
        max-width: 460px;
        margin: 20px auto !important;
        padding: 12px 10px;
    }
    .bgDiv {
        margin-top: 8px;
    }
    .bgDiv input.search-input-text {
        width: 100% !important;
        height: 38px !important;
        padding: 0 102px 0 14px !important;
        box-sizing: border-box;
        font-size: 13px !important;
        border-radius: 19px !important;   /* 四角都圆：右侧圆角与按钮重叠，避免白色输入框从按钮圆角透出 */
        line-height: 38px;
    }
    .bgDiv input.search-input-button {
        width: 98px !important;
        height: 38px !important;
        line-height: 38px;
        padding: 0 !important;
        box-sizing: border-box;
        right: 0 !important;
        top: 0 !important;
        font-size: 14px;
        border-radius: 0 19px 19px 0 !important;
    }
    .bgDiv .suggest {
        width: 100% !important;
        left: 0 !important;
        top: 42px !important;
        max-height: 240px;
    }
    .m ul li {
        margin-left: 10px;
    }
    .second_type, .new_list {
        width: 100% !important;
        margin: 10px 0 !important;
    }
    .second_n1 {
        font-size: 22px;
    }
    .second_type p, .new_list p {
        font-size: 15px;
    }
    .pa {
        font-size: 18px;
    }
    .pc {
        font-size: 16px;
    }

    /* 列表页筛选 */
    .cond_row {
        padding: 8px 10px;
    }
    .cond_label {
        float: none !important;
        width: auto !important;
        display: block;
        line-height: 24px;
        margin-bottom: 4px;
    }
    .cond_body {
        margin-left: 0 !important;
    }
    .cond_link {
        padding: 0 8px;
        margin: 0 4px 6px 0;
        line-height: 26px;
    }
    .cond_input {
        width: calc(50% - 4px) !important;
        margin-bottom: 6px;
    }
    .cond_btn {
        margin: 8px 0 0;
    }

    /* 详情页 */
    .house_dw {
        padding: 12px 10px;
        box-sizing: border-box;
    }
    .house_dwa h2 {
        font-size: 20px;
        padding-top: 8px;
    }
    .house_name h2 {
        font-size: 20px;
    }
    .spana {
        font-size: 30px;
    }
    .car_da ul li img, .car_da1 ul li img {
        max-height: 60vh;
    }
    .cha_a {
        width: 33% !important;
    }
    .mod-tab {
        margin-top: 20px;
    }

    /* 优选顾问卡片：头像在左、文字在右，flex 对齐，去掉溢出的固定尺寸 */
    .yx_item {
        display: flex !important;
        align-items: center;
        height: auto !important;
        margin: 16px 0 !important;
        padding: 12px !important;
    }
    .yx_item_tu {
        float: none !important;
        width: auto !important;
        height: auto !important;
        flex: none;
    }
    .yx_item_tu img {
        width: 72px !important;
        height: 96px !important;
        padding: 0 !important;
        float: none !important;
        display: block;
    }
    .yx_item_zi {
        float: none !important;
        width: auto !important;
        height: auto !important;
        flex: 1;
        margin: 0 0 0 14px !important;
        padding: 0 !important;
    }
    .yx_item_zi .zi_b {
        margin-bottom: 4px;
    }
    /* 二维码悬停层不再触发，避免残留占位 */
    .yx_item .erwei {
        display: none !important;
    }

    /* 关于页 */
    .about_summary {
        flex-direction: column;
    }
    .summary_item {
        border-right: none !important;
        border-bottom: 1px dashed #eaeaea;
        padding: 8px 0;
    }
    .summary_item:last-child {
        border-bottom: none;
    }
    .About_cont {
        padding: 0 12px;
        box-sizing: border-box;
    }
    .about_section h2 {
        font-size: 18px;
    }

    /* 小区详情表格：纵向堆叠 */
    .xq_table, .xq_table tbody, .xq_table tr, .xq_table td {
        display: block;
        width: 100% !important;
    }
    .xq_table td {
        padding: 8px 0;
    }

    /* 页脚 */
    .dikai ul li {
        font-size: 14px;
    }
    .copyright {
        font-size: 12px;
    }
    .f1 span {
        margin: 8px 12px 8px 0;
        font-size: 13px;
    }
    .link_list div dd a {
        margin: 0 8px 8px 0;
        font-size: 13px;
    }
}
