/* ========== top 移动端样式 ========== */
@media (max-width: 768px) {

    /* 容器自适应屏幕宽度 */
    .container {
        width: 100% !important;
        padding: 0 10px;
        box-sizing: border-box;
    }

    /* 隐藏右侧 */
    .fr,
    .phone_wrap {
        display: none !important;
        height: 0;
        overflow: hidden;
    }

    /* logo_wrap 居中显示 */
    .logo_wrap {
        float: none !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
    }

    /* logo_text 居中显示 */
    .logo_wrap .logo_text {
        margin-left: 10px;
    }

    /* 隐藏左右区域 */
    .top_left,
    .top_right {
        display: none !important;
        height: 0;
        overflow: hidden;
    }

/* -------------导航栏移动端菜单------------- */
    /* 隐藏 nav 背景条 */
    .nav {
        height: auto !important;
        background: none !important;
        border-top: none !important;
        padding: 0;
    }
    
/* 汉堡按钮样式 */
.menu-toggle {
    display: block;
    position: fixed;
    top: 6px;
    right: 15px;
    width: 30px;
    height: 25px;
    cursor: pointer;
    z-index: 10001;
}

.menu-toggle span {
    display: block;
    height: 3px;
    width: 100%;
    background: #333;
    margin: 5px 0;
    border-radius: 2px;
    transition: all 0.4s ease;
}

/* 点击菜单按钮后的 X 样式 */
.menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}


    /* 移动端菜单 */
    .nav_wrap {
        display: none;
        flex-direction: column;
        position: fixed;
        top: 0;
        right: 0;
        width: 160px; /* 菜单宽度 */
        height: 50vh;
        background: #fff; /* 背景白色 */
        box-shadow: -4px 0 8px rgba(0,0,0,0.15);
        z-index: 10000;
        padding-top: 60px; /* 给汉堡按钮留空间 */
        transform: translateX(100%);
        transition: transform 0.3s ease;
    }

    .nav_wrap.active {
        display: flex;
        transform: translateX(0);
    }

    .nav_wrap li {
        width: 100%;
        float: none;
        text-align: center;
        padding: 10px 0; /* li 高度缩小 */
        border-bottom: 1px solid #eee;
        font-size: 16px; /* 字体大小 */
        line-height: 20px; /* 调整行高 */
    }

    .nav_wrap li a {
        display: flex;                 /* 使用 flex 居中 */
        justify-content: center;       /* 水平居中 */
        align-items: center;           /* 垂直居中 */
        height: 50px;                  /* li 高度固定 */
        color: #333;                   /* 文字颜色 */
        font-size: 16px;               /* 字体大小 */
        text-decoration: none;
        width: 100%;
        box-sizing: border-box;
    }

    .nav_wrap li:last-child {
        border-bottom: none;
    }

/*-------------banner移动端自适应样式 ------------- */
  .banner {
    width: 100%;
    height: auto; /* 高度为视口高度的40%，自然适配各种屏幕 */
  }

  .banner .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

/* -------------首页医院列表移动端样式------------- */

  /* 隐藏右侧广告部分 */
  .hospital_search_right {
    display: none !important;
  }

  /* 左侧内容改为自适应宽度 */
  .hospital_search_left {
    float: none;
    width: 100%;
  }

  /* 列表两列排列 */
  .hospital_search_left ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
  }

  .hospital_search_left ul li {
    width: 48%; /* 两列，留出间隙 */
    height: auto; /* 高度自适应图片比例 */
    margin: 1% 0;
  }

  .hospital_search_left ul li img {
    width: 100%;
    height: auto; /* 保持比例缩放 */
    object-fit: cover;
    border-radius: 4px;
  }

  /* 文字部分 */
  .hospital_search_left .center_text {
    position: static;
    text-align: center;
    background: none;
    padding: 8px 0;
  }

  .hospital_search_left .hospital_name {
    font-size: 14px;
    color: #333;
    line-height: 1.3;
  }

/* -------------商品移动端样式优化：两列布局且不溢出屏幕------------- */
    .hospital_search_left,
    .item_search_left {
        float: none;
        width: 100%;
    }

    #hot_product {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 10px; /* 两边留点空隙防止贴边 */
        box-sizing: border-box;
    }

    #hot_product li {
        width: calc(50% - 8px); /* 两列并排，留出间距 */
        margin: 0 0 12px 0;
        height: auto;
        box-sizing: border-box;
    }

    #hot_product li a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
    }

    #hot_product .img_wrap {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    #hot_product .img_wrap img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 6px;
    }

    #hot_product .item_text {
        padding: 8px 4px;
        text-align: center;
    }

    #hot_product .item_text h2 {
        font-size: 14px;
        line-height: 1.4em;
        height: 2.8em;
        overflow: hidden;
        color: #333;
    }

    #hot_product .item_text .name {
        font-size: 12px;
        color: #888;
        margin-top: 4px;
    }
  .item_search_left .item_text {
    width: 100%;
    box-sizing: border-box; /* 确保内边距不撑大元素 */
    height: auto; /* 高度自动，防止内容被压缩 */
    padding: 8px;
  }
  
/* -------------文章板块移动端响应式布局 ------------- */

    /* 容器自适应屏幕 */
    .container {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    /* 左右区域上下排版 */
    .case_wrap_left, .case_wrap_right {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    
    
    .case_search_nav {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 0;
	border-bottom: 1px solid #e4e4e4;
    }


    /* 案例搜索导航改为上下两行，背景透明，边框圆角按钮 */
    .case_search_nav ul.article_nav {
        display: grid;
        grid-template-columns: repeat(2, auto); /* 两列自动宽度 */
        gap: 12px;
        justify-content: center; /* 整体居中 */
        padding: 10px 0;
    }

    .case_search_nav ul.article_nav li {
        text-align: center;
        padding: 10px 20px;
        border: 2px solid #ccc; /* 默认边框颜色 */
        border-radius: 25px;
        font-size: 14px;
        color: #202020;
        background-color: transparent; /* 背景透明 */
        transition: all 0.3s ease;
        cursor: pointer;
        min-width: 120px; /* 保证按钮大小美观 */
    }

    /* 点击/选中效果 */
    .case_search_nav ul.article_nav li.font_color {
        border-color: #00aaff; /* 高亮边框 */
        color: #00aaff;
        background-color: rgba(0, 170, 255, 0.1); /* 可选轻微高亮背景 */
    }

   /* 图片容器：铺满屏幕宽度 */
    .case_wrap_left ul li .img_wrap {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    /* 只显示第一张图片 */
    .case_wrap_left ul li .img_wrap img:not(:first-child) {
        display: none;
    }

    /* 第一张图自动等比例铺满 */
    .case_wrap_left ul li .img_wrap img:first-child {
        width: 100%;
        height: auto;
        object-fit: cover;
        display: block;
        padding-right: 20px;
    }

    /* 让文字和图片宽度保持一致 */
    .case_wrap_left ul li .case_text {
        width: 100%;
        box-sizing: border-box;
        padding: 0;
    }

    .case_wrap_left ul li .case_text .case_title {
        font-size: 16px;
        margin-bottom: 6px;
        color: #333;
        line-height: 1.4;
        height: 48px;
    }

    .case_wrap_left ul li .case_text .case_content {
        font-size: 14px;
        color: #666;
        line-height: 1.6;
    }
    
    .case_wrap_left .case_item_show li {
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #e4e4e4;
}


    /* 右侧医生/医院模块 */
    .case_wrap_right .case_wrap_rt {
        margin-bottom: 30px;
    }

    .case_wrap_right .doctor_recommend ul li {
        display: flex;
        gap: 10px;
        margin-bottom: 15px;
    }

    .case_wrap_right .doctor_avatar img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        object-fit: cover;
    }

    .case_wrap_right .doctor_text .name {
        font-size: 14px;
    }

    .case_wrap_right .doctor_text .company,
    .case_wrap_right .doctor_text .mechanism {
        font-size: 12px;
        line-height: 1.3;
    }
    
li.hover-box > a {
	display: flex;
	align-items: center; /* 垂直居中 */
	text-decoration: none; /* 去掉链接下划线，可选 */
}

.doctor_avatar {
	width: 65px;
	height: 65px;
	flex-shrink: 0; /* 避免图片被压缩 */
}

.doctor_avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%; /* 如果你想做圆形头像 */
}

.doctor_text {
	padding-left: 12px;
	color: #727272;
	font-size: 16px;
	flex: 1; /* 让文字占满剩余空间 */
	overflow: hidden; /* 防止文字溢出 */
}

.doctor_text .name,
.doctor_text .company {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.case_wrap_right .doctor_recommend ul li .doctor_text {
	padding: 0 12px;
	color: #727272;
	font-size: 16px;
	width: 100%;
}

.case_wrap_right .doctor_recommend ul li p.company:nth-of-type(2) {
	display: block;               /* 必须要有 */
	width: 40%;                  /* 或固定宽度，比如 180px */
	font-size: 14px;
	padding-top: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
}

/* ===== 移动端 Footer 样式 ===== */

  /* 整体 section 内容左右留白 */
  #footer .section-content {
    padding: 20px 15px;
  }

  /* 列堆叠 */
  #footer .row {
    flex-direction: column;
  }

  /* 左侧 logo + 简介 + 按钮 */
  #col-565887905 .col-inner {
    text-align: center;
    margin-bottom: 25px;
  }

  #col-565887905 .col-inner img {
    width: 60%;
    max-width: 250px;
    height: auto;
  }

  #col-565887905 .col-inner .text p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 12px;
  }

  #col-565887905 .col-inner .button {
    margin-top: 15px;
    width: 50%;
    font-size: 14px;
    padding: 8px 0;
  }

  /* 中间联系方式 + 社交图标 */
  #col-893757674,
  #col-808348418,
  #col-395262340 {
    margin-top: 20px;
  }

  /* 联系方式列表 */
  #col-893757674 .ux-menu-link,
  #col-808348418 .ux-menu-link,
  #col-395262340 .ux-menu-link {
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
  }

  /* 图标尺寸 */
  #col-893757674 .ux-menu-link i img,
  #col-808348418 .ux-menu-link i img,
  #col-395262340 .ux-menu-link i img {
    width: 20px !important;
    height: 20px !important;
    margin-right: 10px;
  }

  /* 文字字体与下划线 */
  #col-893757674 .ux-menu-link span,
  #col-808348418 .ux-menu-link span,
  #col-395262340 .ux-menu-link span,
  #col-395262340 .col-inner .text p {
    font-size: 14px;
    line-height: 1.6;
    padding-bottom: 4px;
    margin-bottom: 6px;
    display: block;
  }

  #col-893757674 .ux-menu-link span:hover,
  #col-808348418 .ux-menu-link span:hover,
  #col-395262340 .ux-menu-link span:hover,
  #col-395262340 .col-inner .text p:hover {
    border-bottom-color: #d84227;
    color: #d84227;
  }

  /* 社交图标堆叠 */
  #col-893757674 .social-icons {
    justify-content: center;
    margin-top: 15px;
  }

  #col-893757674 .social-icons a {
    margin: 0 6px;
  }

  /* Footer 底部文字居中 */
  .absolute-footer {
    flex-direction: column;
    text-align: center;
    padding: 15px 10px;
  }

  .absolute-footer .footer-secondary,
  .absolute-footer .footer-primary {
    margin-bottom: 8px;
  }

  /* 返回顶部按钮 */
  #top-link {
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
  }

  #top-link i {
    font-size: 18px;
  }


  /* 整体底部容器 */
  .absolute-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 15px 10px;
    background-color: #222; /* 可根据主题调整 */
    color: #fff;
  }

  /* 上方的 secondary 链接区域 */
  .absolute-footer .footer-secondary {
    margin-bottom: 8px;
    width: 100%;
  }

  .absolute-footer .footer-secondary a {
    color: #ccc;
    text-decoration: none;
    font-size: 13px;
    margin: 0 5px;
    display: inline-block;
    transition: color 0.3s ease;
  }

  .absolute-footer .footer-secondary a:hover {
    color: #d84227;
    text-decoration: underline;
  }

  /* 底部整体容器 */
  .absolute-footer {
    display: flex;
    flex-direction: column; /* 垂直堆叠 */
    align-items: center;
    text-align: center;
    padding: 15px 10px;
    background-color: #222; /* 可根据主题调整 */
    color: #fff;
  }

  /* 上方的 secondary 链接区域 */
  .absolute-footer .footer-secondary {
    margin-bottom: 8px;
    width: 100%;
  }

  .absolute-footer .footer-secondary a {
    color: #ccc;
    text-decoration: none;
    font-size: 13px;
    margin: 0 5px;
    display: inline-block;
    transition: color 0.3s ease;
  }

  .absolute-footer .footer-secondary a:hover {
    color: #d84227;
    text-decoration: underline;
  }

  /* 自动添加竖线分隔符 */
  .absolute-footer .footer-secondary a + a::before {
    content: "|";
    margin: 0 5px;
    color: #ccc;
  }

  /* 底部版权文字 */
  .absolute-footer .footer-primary {
    width: 100%;
  }

  .absolute-footer .copyright-footer {
    font-size: 13px;
    color: #ccc;
    line-height: 1.5;
  }

  /* 公司名加亮 */
  .absolute-footer .copyright-footer strong {
    color: #fff;
  }



}