/* ============================================================
   康源医院官网公共样式（1:1 复刻源站 default.10385614.css / entry.css 工具类）
   ============================================================ */

/* ---------- 字体 ---------- */
@font-face {
    font-family: 'PangMenZhengDao';
    src: url('../fonts/PangMenZhengDao.TTF') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fonts/SourceHanSansCN-Medium.ttf') format('truetype');
    font-display: swap;
}

/* ---------- 基础重置 ---------- */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif; color: #333; font-size: 14px; }
body { background: #fff; }
a { text-decoration: none; color: inherit; }
ul, ol, li { list-style: none; }
img { border: 0; vertical-align: middle; }
input, button { outline: none; border: none; font-family: inherit; }
input:focus { outline: none; }

/* ---------- 工具类（与源站一致） ---------- */
.d_f { display: flex; }
.d_if { display: inline-flex; }
.fd_c { flex-direction: column; }
.fw_w { flex-wrap: wrap; }
.jc_c { justify-content: center; }
.jc_sb { justify-content: space-between; }
.ai_c { align-items: center; }
.txt_els { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.multi_txt_els {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-break: break-all;
}
.orange_color { color: #fc6522; }

/* ---------- 顶部通栏 ---------- */
.header_top_wrap { background: hsla(0, 0%, 93%, .8); height: 40px; min-width: 1200px; width: 100%; }
.header_top_wrap .top_main { margin: 0 auto; width: 1200px; }
.header_top_wrap .language_wrap { height: 100%; }
.header_top_wrap .language_wrap > span { color: #666; font-size: 14px; font-weight: 400; line-height: 40px; }
.header_top_wrap .language_wrap > span:first-child:after {
    background: #999; content: ""; display: inline-block; height: 14px; margin: 0 14px; position: relative; top: 2px; width: 2px;
}
.header_top_wrap .language_wrap > img { height: 10px; margin-left: 8px; width: 10px; }
.header_top_wrap .header_top_list { height: 100%; }
.header_top_wrap .header_top_list .list_item { color: #666; cursor: pointer; font-size: 14px; font-weight: 400; line-height: 40px; }
.header_top_wrap .header_top_list .list_item:after {
    background: #999; content: ""; display: inline-block; height: 14px; margin: 0 14px; position: relative; top: 2px; width: 2px;
}
.header_top_wrap .header_top_list .list_item:last-child:after { display: none; }
.header_top_wrap .list_item a { color: #666; }

/* ---------- 头部中部 logo + 搜索 ---------- */
.head_middle_wrap { margin: 0 auto; padding: 24px 0; width: 1200px; }
.head_middle_wrap .logo_img { cursor: pointer; height: 64px; width: 262px; object-fit: contain; }
.head_middle_wrap .line { background: #333; height: 61px; margin: 0 12px 0 17px; opacity: .1; width: 1px; }
.head_middle_wrap .middle_text > div { font-family: PangMenZhengDao; }
.head_middle_wrap .middle_text > div:first-child { color: #333; font-size: 28px; font-weight: 400; margin-bottom: 5px; }
.head_middle_wrap .middle_text > div:last-child { color: #fd844e; font-size: 24px; font-weight: 400; letter-spacing: 2px; }
.head_middle_wrap .search_wrap .input_wrap {
    background: #fff; border: 1px solid #fb824d; border-radius: 4px 0 0 4px; height: 36px; line-height: 36px; width: 239px;
}
.head_middle_wrap .search_wrap .input_wrap > img { height: 16px; margin-left: 18px; margin-top: 0; width: 16px; }
.head_middle_wrap .search_wrap .input_wrap input {
    border: 0; flex: 1; font-size: 14px; height: 34px; margin-left: 8px; outline: none; padding-right: 8px;
}
.head_middle_wrap .search_wrap .search_btn {
    background: #fd844e; border-radius: 0 4px 4px 0; color: #f2f2f2; cursor: pointer; font-size: 14px; font-weight: 400;
    height: 36px; line-height: 36px; text-align: center; width: 62px;
}

/* ---------- 主导航 ---------- */
.nav_list_wrap { background: rgba(252, 101, 34, .8); height: 50px; min-width: 1200px; width: 100%; }
.nav_list_wrap .nav_list { height: 100%; margin: 0 auto; padding: 0 13px; width: 1200px; }
.nav_list_wrap .nav_item {
    color: #fff; font-family: 'Microsoft YaHei'; font-size: 16px; font-weight: 400; position: relative; text-align: center; width: 105px;
}
.nav_list_wrap .nav_item .nav_item_name {
    color: #fff; cursor: pointer; display: block; height: 100%; line-height: 50px; width: 100%;
}
.nav_list_wrap .nav_item.active { background: #fc6522; }
.nav_list_wrap .nav_item:hover { background: hsla(0, 0%, 100%, .9); }
.nav_list_wrap .nav_item:hover:before {
    background: #fc601a; content: ""; display: inline-block; height: 50px; left: 0; position: absolute; top: 0; width: 3px;
}
.nav_list_wrap .nav_item:hover .nav_item_name { color: #fa824c; }
.nav_list_wrap .nav_item:hover .child_list { display: flex; }
.nav_list_wrap .nav_item:hover .child_list_wrap { display: flex; }
.child_list {
    background: hsla(0, 0%, 100%, .9); box-shadow: 0 2px 5px #e5e5e5; display: none; left: 50%;
    min-width: 105px; padding: 30px 60px; position: absolute; top: 50px; transform: translate(-50%); width: auto; z-index: 99;
}
.child_list .child_col { margin-right: 48px; }
.child_list .child_col:last-child { margin-right: 0; }
.child_list .child_item {
    color: #666; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 22px;
    margin-bottom: 8px; text-align: left; white-space: nowrap;
}
.child_list .child_col .child_item:last-child { margin-bottom: 0; }
.child_list .child_item:hover { color: #fa824c; text-decoration: underline; }

/* ---------- 底部 ---------- */
.footer_wrap { background: #ec712e; height: 160px; min-width: 1200px; width: 100%; }
.footer_wrap .footer_content { height: 100%; margin: 0 auto; width: 1200px; }
.footer_wrap .footer_content .logo_img { height: 55px; width: 231px; object-fit: contain; margin-right: 30px; }
.footer_wrap .footer_link .top_link { margin-bottom: 12px; }
.footer_wrap .footer_link .top_link > a { color: #fff; cursor: pointer; font-size: 14px; font-weight: 400; }
.footer_wrap .footer_link .top_link > a:after {
    background: #fff; content: ""; display: inline-block; height: 13px; margin: 0 15px; position: relative; top: 2px; width: 1px;
}
.footer_wrap .footer_link .top_link > a:last-child:after { display: none; }
.footer_wrap .footer_link .code_text { color: #fff; font-size: 14px; font-weight: 400; margin-bottom: 12px; }
.footer_wrap .footer_link .code_text > a { color: #fff; cursor: pointer; }
.footer_wrap .footer_link .address_phone { color: #fff; font-size: 14px; font-weight: 400; }
.footer_wrap .footer_link .address_phone > div { margin-right: 30px; }
.footer_wrap .footer_link .address_phone > div:last-child { margin-right: 0; }
.footer_wrap .wx_img > img { cursor: pointer; height: 80px; margin-bottom: 12px; width: 80px; }
.footer_wrap .wx_img > div { color: #fff; font-size: 12px; font-weight: 400; text-align: center; }

/* ---------- 右侧悬浮 ---------- */
.home_side { height: auto; position: fixed; right: 30px; top: 50%; transform: translateY(-50%); z-index: 10; }
.home_side .home_side_item {
    background: #fff; border-bottom: 1px solid #e8e8e8; cursor: pointer; display: block; height: 60px; padding: 18px; width: 60px;
}
.home_side .home_side_item > img { height: 22px; width: 22px; }
.home_side .home_side_item:hover { background: #fb824d; }
.home_side .home_side_item .non_img { display: block; }
.home_side .home_side_item .sel_img { display: none; }
.home_side .home_side_item:hover .non_img { display: none; }
.home_side .home_side_item:hover .sel_img { display: block; }
.home_side .up_item { background: #fb824d; border-bottom: 0; cursor: pointer; padding: 22px; }
.home_side .up_item > img { height: 16px; width: 16px; }

/* 右侧漂浮 hover 弹层（对齐原版 el-popover placement=left trigger=hover） */
.side_pop { position: relative; }
.side_pop .side_pop_box {
    background: #fff; border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, .12); color: #606266;
    display: none; font-size: 14px; line-height: 1.6; padding: 12px; position: absolute; right: 72px; top: 50%;
    transform: translateY(-50%); white-space: nowrap; z-index: 99;
}
.side_pop .side_pop_box:before {
    border: 6px solid transparent; border-left-color: #fff; content: ""; height: 0; position: absolute;
    right: -12px; top: 50%; transform: translateY(-50%); width: 0;
}
.side_pop:hover .side_pop_box { display: block; }
.side_pop .side_pop_search { padding: 8px; white-space: nowrap; }
.side_pop .side_pop_search input { border: 1px solid #dcdfe6; border-radius: 4px; font-size: 14px; height: 32px; outline: none; padding: 0 10px; width: 220px; }
.side_pop .side_pop_search .search_btn { background: #fb824d; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; height: 32px; line-height: 32px; margin-left: 8px; padding: 0 15px; text-align: center; }
.side_pop .side_pop_search .search_btn:hover { background: #fc956a; }
.side_pop .side_pop_wechat { text-align: center; white-space: normal; width: 160px; }
.side_pop .side_pop_wechat .wechat_text { color: #606266; font-size: 14px; margin: 4px 0; }
.side_pop .side_pop_wechat .wechat_img { display: block; height: 140px; margin: 6px auto; width: 140px; }
.side_pop .side_pop_tel { min-width: 130px; text-align: center; }

/* 左侧指南（对齐原版 HomeSideLeft：position=left 栏目的子菜单） */
.side_left {
    background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, .06); height: auto; left: 30px; position: fixed;
    top: 50%; transform: translateY(-50%); transition: width .2s; width: 240px; z-index: 10; overflow: visible;
}
.side_left .side_item {
    background: #fff; border-bottom: 1px solid #ffeed6; cursor: pointer; height: 60px; padding-right: 16px;
    position: relative; width: 100%;
}
.side_left .side_item:hover { background: #fff2ec; }
.side_left .side_item .left_wrap { flex: 1; padding-left: 56px; }
.side_left .side_item .left_wrap:before {
    background: #ff986a; content: ""; display: inline-block; height: 60px; left: 0; position: absolute; top: 0; width: 3px;
}
.side_left .side_item .left_wrap .left_img { height: 18px; margin-right: 10px; width: 18px; }
.side_left .side_item .left_wrap > div { color: #333; font-size: 18px; font-weight: 400; }
.side_left .side_item .right_img { height: 10px; width: 10px; }
.side_left .img_wrap { background: #fff; bottom: 0; cursor: pointer; position: absolute; right: -20px; top: 0; width: 20px; }
.side_left .img_wrap svg { color: #909399; font-size: 20px; height: 20px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 20px; }
.side_left.is_hide { width: 0; }
.side_left.is_hide .side_item { display: none; }
.side_left.is_hide .img_wrap svg { transform: translate(-50%, -50%) rotate(180deg); }

/* ---------- 通用标题栏（home_title，各页面复用） ---------- */
.home_title { background: linear-gradient(0deg, #fff4e6, #fff); border-bottom: 1px solid #ffc5ab; height: 40px; padding: 0 12px; width: 100%; }
.home_title .title_wrap { color: #666; font-size: 16px; font-weight: 400; }
.home_title .title_wrap > img { height: 16px; margin-right: 8px; width: 16px; }
.home_title .title_wrap > span { color: #fc6522; }
.home_title .home_more { color: #999; cursor: pointer; display: block; font-size: 12px; font-weight: 400; height: 100%; line-height: 40px; }

/* ---------- 新闻列表组件（NewsList 复刻） ---------- */
.news_list_wrap .list .item {
    border-bottom: 1px dashed #dadada; cursor: pointer; height: 36px; margin-bottom: 4px;
}
.news_list_wrap .list .item:last-child { border-bottom: 0; margin-bottom: 0; }
.news_list_wrap .list .item.is_bottom_border { border-bottom: 1px dashed #dadada; }
.news_list_wrap .list .item:hover { background: #fff5f0; }
.news_list_wrap .item .title_wrap { flex: 1; overflow: hidden; }
.news_list_wrap .item .title_wrap > img { height: 6px; margin-right: 6px; width: 6px; }
.news_list_wrap .item .title_wrap .title { color: #1c1c1c; flex: 1; font-size: 14px; font-weight: 400; }
.news_list_wrap .item .date { color: #999; font-family: 'Microsoft YaHei'; font-size: 14px; font-weight: 400; }
.news_list_wrap .no_data { text-align: center; }

/* ---------- 分页 ---------- */
.pagination_wrap { display: flex; justify-content: center; margin-top: 30px; }
.pagination_wrap .page_btn, .pagination_wrap .page_num {
    background: #f5f5f5; border: 1px solid #e5e5e5; color: #666; cursor: pointer; font-size: 14px;
    height: 32px; line-height: 30px; margin: 0 4px; min-width: 32px; padding: 0 10px; text-align: center;
}
.pagination_wrap .page_num.active { background: #fc6522; border-color: #fc6522; color: #fff; }
.pagination_wrap .page_btn.disabled { color: #ccc; cursor: not-allowed; }

/* ---------- 面包屑（内页 route_wrap） ---------- */
.route_wrap { background: #fff; height: 46px; width: 100%; }
.route_wrap .route_content { margin: 0 auto; padding: 8px 0; width: 1200px; }
.route_wrap .home_route {
    background: #eaeaea; color: #525252; cursor: pointer; font-size: 14px; font-weight: 400; height: 30px; line-height: 30px;
    margin-right: 10px; position: relative; text-align: center; width: 90px;
}
.route_wrap .home_route:after {
    border-bottom: 15px solid transparent; border-left: 10px solid #eaeaea; border-top: 15px solid transparent;
    content: ""; display: inline-block; height: 0; position: absolute; right: -10px; top: 0; width: 0;
}
.route_wrap .current_route {
    background: #ffece3; color: #fc6522; font-size: 14px; font-weight: 400; height: 30px; line-height: 30px;
    position: relative; text-align: center; width: 110px;
}
.route_wrap .current_route.not_link { background: #eaeaea; color: #525252; cursor: pointer; }
.route_wrap .current_route:before, .route_wrap .current_route:after {
    border-bottom: 15px solid transparent; border-top: 15px solid transparent; content: ""; display: inline-block;
    height: 0; position: absolute; top: 0; width: 0;
}
.route_wrap .current_route:before { border-left: 10px solid #fff; left: 0; }
.route_wrap .current_route:after { border-left: 10px solid #ffece3; right: -10px; z-index: 1; }
.route_wrap .current_route.not_link:after { border-left: 10px solid #eaeaea; }
.route_wrap .navigation_name { margin-left: 10px; padding: 0 10px 0 20px; width: auto; }

/* ---------- 内页主容器 ---------- */
.main_wrap { background: #f4f4f4; padding: 16px 0 132px; width: 100%; }
.main_wrap .main { margin: 0 auto; min-width: 1200px; width: 1200px; }
.main_wrap .list_wrap { background: #fff; border-radius: 8px; flex: 1; padding: 20px 20px 53px; }

/* ---------- 左侧栏目导航（内页） ---------- */
.left_nav { background: #fff6f1; border-radius: 12px; margin-right: 16px; padding: 12px; width: 220px; }
.left_nav .nav_item {
    align-items: center; border-radius: 8px; color: #f26430; cursor: pointer; display: flex; font-size: 16px;
    height: 46px; padding: 0 14px; transition: background .2s, color .2s;
}
.left_nav .nav_item + .nav_item { margin-top: 4px; }
.left_nav .nav_item .nav_icon {
    align-items: center; display: inline-flex; flex: none; justify-content: center; margin-right: 10px; width: 20px;
}
.left_nav .nav_item .nav_icon img { display: block; height: 20px; width: 20px; }
.left_nav .nav_item .nav_icon i { font-size: 18px; line-height: 1; }
.left_nav .nav_item.active, .left_nav .nav_item:hover {
    background: linear-gradient(90deg, #ffa066, #fc6522); box-shadow: 0 4px 10px rgba(252, 101, 34, .22); color: #fff;
}
.left_nav .nav_item.active .nav_icon img, .left_nav .nav_item:hover .nav_icon img { filter: brightness(0) invert(1); }
.left_nav .nav_child_item {
    background: transparent; border-radius: 8px; color: #a06a52; cursor: pointer; font-size: 14px;
    height: 40px; line-height: 40px; margin-top: 2px; padding-left: 44px;
}
.left_nav .nav_child_item.active, .left_nav .nav_child_item:hover { background: #ffe7da; color: #fc6522; }

/* ---------- 文章详情 ---------- */
.detail_wrap { background: #f4f4f4; padding-bottom: 60px; padding-top: 20px; width: 100%; }
.detail_wrap .detail_main { margin: 0 auto; width: 1200px; }
.detail_wrap .navigation_detail { background: #fff; border-radius: 8px; padding: 40px 20px; }
.detail_title { color: #333; font-size: 24px; font-weight: 700; text-align: center; }
.detail_title:after {
    background: #606060; content: ""; display: block; height: 2px; left: 50%; margin-top: 16px;
    position: relative; transform: translate(-50%); width: 30px;
}
.detail_content, .detail_summary { margin-top: 25px; white-space: pre-wrap; }
.detail_content img, .detail_content table, .detail_content video { max-width: 100%; }
.detail_content * { font-size: 16px; }
.detail_content table { border: 0; border-collapse: collapse; border-left: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; margin: 0; padding: 0; }
.detail_content table tbody tr th { background-color: #f1f1f1; border-bottom: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; padding: 3px 5px; text-align: center; }
.detail_content table tbody tr td { border-bottom: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; padding: 3px 5px; }

/* ---------- 搜索页 ---------- */
.search_page_wrap { background: #f4f4f4; padding: 16px 0 30px; width: 100%; }
.search_page_wrap .search_main { background: #fff; border-radius: 8px; margin: 0 auto; padding: 20px 25px 50px; width: 1200px; }
.search_page_wrap .search_title { color: #525252; font-size: 16px; height: 40px; line-height: 40px; padding: 0; }
.search_page_wrap .search_title > span { color: #fc6522; margin: 0 5px; }

/* ---------- 通用空态 ---------- */
.empty_tip { color: #999; padding: 40px 0; text-align: center; }

/* ============================================================
   以下为 1:1 复刻原版 kangyuan 补充样式
   ============================================================ */

/* ---------- 头部容器 ---------- */
.my_header { position: relative; }

/* ---------- 广告横幅 ad_wrap ---------- */
.ad_wrap { background-color: rgba(237, 237, 237, 0.8); height: 200px; min-width: 1200px; position: relative; width: 100%; }
.ad_wrap > img { height: 100%; object-fit: cover; width: 100%; }
.ad_wrap .ad_text { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: center; }
.ad_wrap .ad_text .en_text { color: #fff; font-size: 14px; font-weight: 400; margin-bottom: 10px; }
.ad_wrap .ad_text .ch_text { color: #fff; font-size: 32px; font-weight: 700; }

/* ---------- 滚动固定头 fix_head_wrap ---------- */
.fix_head_wrap { background: #fff; box-shadow: 0 2px 10px rgba(199, 199, 199, 0.39); display: none; height: 56px; min-width: 1200px; position: fixed; top: 0; width: 100%; z-index: 999; }
.fix_head_wrap.show { display: block; }
.fix_head_wrap .fix_head { margin: 0 auto; width: 1200px; display: flex; align-items: center; }
.fix_head_wrap .fix_head .fix_logo { height: 40px; margin-right: 40px; margin-top: 9px; width: 165px; object-fit: contain; }
.fix_head_wrap .fix_head .fix_nav_list { display: flex; }
.fix_head_wrap .fix_head .fix_nav_list .fix_nav_item { color: #666; font-size: 14px; font-weight: 400; height: 56px; position: relative; text-align: center; width: 90px; }
.fix_head_wrap .fix_head .fix_nav_list .fix_nav_item .fix_nav_item_name { color: #666; cursor: pointer; display: block; height: 100%; line-height: 56px; width: 100%; }
.fix_head_wrap .fix_head .fix_nav_list .fix_nav_item.active { background: #ec712e; color: #fffefe; }
.fix_head_wrap .fix_head .fix_nav_list .fix_nav_item.active .fix_nav_item_name { color: #fffefe; }
.fix_head_wrap .fix_head .fix_nav_list .fix_nav_item:hover { background: hsla(0, 0%, 100%, 0.9); color: #fa824c; }
.fix_head_wrap .fix_head .fix_nav_list .fix_nav_item:hover .fix_nav_item_name { color: #fa824c; }
.fix_head_wrap .fix_head .fix_nav_list .fix_nav_item:hover .child_list,
.fix_head_wrap .fix_head .fix_nav_list .fix_nav_item:hover .child_list_wrap { display: flex; }
.fix_head_wrap .fix_head .fix_nav_list .fix_nav_item .child_list,
.fix_head_wrap .fix_head .fix_nav_list .fix_nav_item .child_list_wrap { top: 56px; }

/* ---------- 分类式子导航 child_list_wrap ---------- */
.child_list_wrap { background: hsla(0, 0%, 100%, 0.9); box-shadow: 0 2px 5px #e5e5e5; display: none; left: 50%; min-width: 105px; position: absolute; top: 50px; transform: translate(-50%); width: auto; z-index: 99; }
.child_list_wrap .child_type { border-right: 1px solid #fff; padding: 10px 30px 20px; width: auto; }
.child_list_wrap .child_type:last-child { border: 0; }
.child_list_wrap .child_type .type_title { color: #fa824c; font-size: 18px; font-weight: 400; text-align: center; white-space: nowrap; }
.child_list_wrap .child_type .child_col { margin-right: 48px; }
.child_list_wrap .child_type .child_col:last-child { margin-right: 0; }
.child_list_wrap .child_type .child_col .child_item { color: #666; cursor: pointer; display: block; font-size: 14px; font-weight: 400; line-height: 22px; margin-bottom: 8px; text-align: left; white-space: nowrap; }
.child_list_wrap .child_type .child_col .child_item:last-child { margin-bottom: 0; }
.child_list_wrap .child_type .child_col .child_item:hover { color: #fa824c; text-decoration: underline; }

/* ---------- 移动端头部 phone_wrap ---------- */
.phone_wrap { padding-top: 1rem; }
.phone_wrap .phone_top { background: #fff; height: 1rem; left: 0; padding: .2rem .3rem; position: fixed; right: 0; top: 0; z-index: 99; display: flex; align-items: center; justify-content: space-between; }
.phone_wrap .phone_top .logo_img { cursor: pointer; height: .5rem; width: 2.1rem; object-fit: contain; }
.phone_wrap .phone_top .line { background: #333; height: .45rem; margin: 0 .14rem; opacity: .1; width: .02rem; }
.phone_wrap .phone_top .middle_text > div { font-family: PangMenZhengDao; }
.phone_wrap .phone_top .middle_text > div:first-child { color: #333; font-size: .2rem; font-weight: 400; margin-bottom: .05rem; }
.phone_wrap .phone_top .middle_text > div:last-child { color: #fd844e; font-size: .18rem; font-weight: 400; }
.phone_wrap .phone_top .img_wrap { display: flex; align-items: center; }
.phone_wrap .phone_top .img_wrap .search_img { height: .28rem; margin-right: .4rem; width: .28rem; cursor: pointer; }
.phone_wrap .phone_top .img_wrap .menu_img { height: .32rem; width: .32rem; cursor: pointer; }
.phone_wrap .phone_top .img_wrap .close_img { height: .26rem; width: .26rem; cursor: pointer; display: none; }
.phone_wrap .home_ad_img { height: 3.6rem; width: 100%; }
.phone_wrap .ad_wrap { height: 2rem; min-width: 0; position: relative; width: 100%; }
.phone_wrap .ad_wrap > img { height: 100%; width: 100%; }
.phone_wrap .ad_text { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); text-align: center; }
.phone_wrap .ad_text .en_text { color: #fff; font-size: .18rem; font-weight: 400; margin-bottom: .04rem; }
.phone_wrap .ad_text .ch_text { color: #fff; font-size: .4rem; font-weight: 700; }

/* ---------- 移动端导航遮罩 ---------- */
.phone_wrap .phone_nav_wrap { background: rgba(16, 7, 0, 0.9); bottom: 0; left: 0; padding: 1.2rem .6rem; position: fixed; right: 0; top: 1rem; z-index: 99; display: none; }
.phone_wrap .phone_nav_wrap.show { display: block; }
.phone_wrap .phone_nav_wrap .phone_nav_list { height: 100%; overflow-y: auto; width: 100%; }
.phone_wrap .phone_nav_wrap .phone_nav_list .phone_nav_item { border-bottom: .02rem solid hsla(0, 0%, 100%, 0.2); color: #fff; display: block; font-size: .32rem; font-weight: 400; margin-bottom: .5rem; padding-bottom: .3rem; }

/* ---------- 移动端搜索表单 ---------- */
.phone_wrap .search_form_wrap { background: #fff; display: none; padding: .3rem; position: fixed; top: 1rem; left: 0; right: 0; z-index: 99; }
.phone_wrap .search_form_wrap.show { display: block; }
.phone_wrap .search_form_wrap .form_wrap { margin: 0 auto; width: 90%; display: flex; align-items: center; }
.phone_wrap .search_form_wrap .form_wrap input { border: 1px solid #ff7437; border-radius: .1rem 0 0 .1rem; flex: 1; height: .76rem; padding: 0 .2rem; font-size: .28rem; }
.phone_wrap .search_form_wrap .form_wrap .dialog_search_btn { background: #ff7437; border-radius: 0 .1rem .1rem 0; color: #fff; font-weight: 400; height: .76rem; line-height: .76rem; text-align: center; width: 1.6rem; cursor: pointer; }

/* ---------- 移动端底部 phone_footer ---------- */
.phone_footer { background: #ec712e; padding: .3rem; text-align: center; }
.phone_footer .top_link { display: flex; justify-content: center; flex-wrap: wrap; }
.phone_footer .top_link > a { color: #fff; font-size: .24rem; font-weight: 400; }
.phone_footer .top_link > a:after { background: #fff; content: ""; display: inline-block; height: .2rem; margin: 0 .28rem; position: relative; top: .02rem; width: .02rem; }
.phone_footer .top_link > a:last-child:after { display: none; }
.phone_footer .address, .phone_footer .code_text, .phone_footer .phone { color: #fff; font-size: .22rem; font-weight: 400; margin-top: .1rem; }

/* ---------- PC/移动端切换（750px 断点） ---------- */
.phone_wrap, .phone_footer { display: none; }
@media (max-width: 749px) {
    .my_header { display: none; }
    .footer_wrap { display: none; }
    .home_side { display: none; }
    .side_left { display: none; }
    .phone_wrap { display: block; }
    .phone_footer { display: block; }
    .page_main { padding-top: 0; }
    html { font-size: calc(100vw * 0.1333); }
}
@media (min-width: 750px) {
    .phone_wrap, .phone_footer { display: none; }
    html { font-size: 14px; }
}

/* ============================================================
   意见建议表单 suggestion + Canvas 验证码
   ============================================================ */

/* ---------- PC 端意见建议表单 ---------- */
.suggestion { flex: 1; }
.suggestion_wrap { background: #fff; border-radius: 8px; padding: 40px 30px 60px; }
.suggestion_wrap .title { color: #333; font-size: 16px; font-weight: 400; margin-bottom: 60px; }
.suggestion_wrap .form_item { margin-bottom: 30px; }
.suggestion_wrap .form_item > span { color: #333; font-size: 14px; font-weight: 400; line-height: 46px; width: 100px; }
.suggestion_wrap .form_item > div { flex: 1; }
.suggestion_wrap .form_item .form_input {
    border: 1px solid #dcdfe6; border-radius: 4px; color: #606266; font-size: 14px;
    height: 46px; padding: 0 15px; width: 100%; box-sizing: border-box; outline: none;
}
.suggestion_wrap .form_item .form_input:focus { border-color: #ff7437; }
.suggestion_wrap .form_item textarea.form_input {
    height: auto; min-height: 150px; padding: 10px 15px; line-height: 1.6; resize: vertical;
}
.suggestion_wrap .form_item .verify_row { display: flex; align-items: center; }
.suggestion_wrap .form_item .verify_row .form_input { margin-right: 10px; width: 200px; }
.suggestion_wrap .btn_wrap {
    background: #ff7437; border-radius: 2px; color: #fff; cursor: pointer; font-size: 12px;
    font-weight: 400; height: 36px; line-height: 36px; margin: 54px auto 0;
    text-align: center; width: 85px; border: none;
}

/* ---------- Canvas 验证码 ---------- */
.img-verify canvas { cursor: pointer; border-radius: 4px; }

/* ---------- 移动端意见建议表单 ---------- */
.phone_suggestion { background: #fff; overflow-y: auto; padding: .8rem .6rem .5rem; }
.phone_suggestion .title { color: #333; font-size: .32rem; font-weight: 400; margin-bottom: .5rem; }
.phone_suggestion .form_item { margin-bottom: .3rem; }
.phone_suggestion .form_item > span { color: #333; font-size: .28rem; font-weight: 400; line-height: .8rem; width: 1.5rem; }
.phone_suggestion .form_item > div { flex: 1; }
.phone_suggestion .form_item .form_input {
    border: 1px solid #dcdfe6; border-radius: .08rem; color: #606266; font-size: .24rem;
    height: .8rem; padding: 0 .2rem; width: 100%; box-sizing: border-box; outline: none;
}
.phone_suggestion .form_item .form_input:focus { border-color: #ff7437; }
.phone_suggestion .form_item textarea.form_input {
    height: auto; min-height: 2.5rem; padding: .15rem .2rem; line-height: 1.6; resize: vertical;
}
.phone_suggestion .form_item .verify_row { display: flex; align-items: center; }
.phone_suggestion .form_item .verify_row .form_input { margin-right: .2rem; flex: 1; }
.phone_suggestion .btn_wrap {
    background: #ff7437; border-radius: .04rem; color: #fff; cursor: pointer; font-size: .24rem;
    font-weight: 400; height: .6rem; line-height: .6rem; margin: .5rem auto 0;
    text-align: center; width: 1.7rem; border: none;
}

/* ---------- 移动端意见建议显隐切换 ---------- */
@media (max-width: 749px) {
    .suggestion_wrap { display: none; }
    .phone_suggestion { display: block; }
}
@media (min-width: 750px) {
    .phone_suggestion { display: none; }
}

/* ---------- 期刊列表（periodical）PC 端 ---------- */
.periodical_pc .list { width: 100%; }
.periodical_pc .item { cursor: pointer; margin-bottom: 35px; margin-right: 26px; width: 200px; }
.periodical_pc .item:nth-child(4n) { margin-right: 0; }
.periodical_pc .item .img_wrap { height: 283px; position: relative; width: 100%; }
.periodical_pc .item .img_wrap > img { height: 100%; object-fit: cover; width: 100%; }
.periodical_pc .item .info_date { background: hsla(0, 0%, 100%, .8); color: #000; font-weight: 400; padding: 8px; position: absolute; right: 0; top: 0; }
.periodical_pc .item .info_name { color: #1c1c1c; font-size: 18px; font-weight: 400; margin-top: 15px; text-align: center; }

/* ---------- 期刊列表（periodical）移动端 ---------- */
.periodical_mobile .periodical_list { padding: .47rem .2rem; }
.periodical_mobile .have_img_item { cursor: pointer; margin-bottom: .5rem; margin-right: .32rem; width: calc(50% - .16rem); }
.periodical_mobile .have_img_item:nth-child(2n) { margin-right: 0; }
.periodical_mobile .have_img_item .img_wrap { position: relative; }
.periodical_mobile .have_img_item .img_wrap > img { display: block; width: 100%; }
.periodical_mobile .have_img_item .item_date { background: hsla(0, 0%, 100%, .8); color: #000; font-size: .18rem; font-weight: 400; height: .4rem; line-height: .4rem; padding: 0 .2rem; position: absolute; right: 0; top: 0; }
.periodical_mobile .have_img_item .item_title { color: #1c1c1c; font-size: .24rem; font-weight: 500; margin-top: .15rem; text-align: center; }
.periodical_mobile .pull_down { color: #999; font-size: .24rem; font-weight: 500; margin-top: .2rem; padding: .3rem 0; text-align: center; }

/* ---------- 期刊列表 PC/移动端显隐切换 ---------- */
@media (max-width: 749px) {
    .periodical_pc { display: none; }
    .periodical_mobile { display: block; }
}
@media (min-width: 750px) {
    .periodical_mobile { display: none; }
}

/* ---------- 预约挂号（visit）PC 端 ---------- */
.visit_pc.house_call { background: #fff; border-radius: 8px; flex: 1; overflow: hidden; padding: 20px 16px; }
.visit_pc .sub_title { color: #333; font-size: 16px; font-weight: 700; }
.visit_pc .department_list { margin-right: -14px; margin-top: 25px; padding: 0 5px; }
.visit_pc .department_item { background: #fff; border: 1px solid #dadada; border-radius: 4px; color: #666; cursor: pointer; font-size: 14px; font-weight: 400; height: 30px; line-height: 30px; margin-bottom: 13px; margin-right: 10px; text-align: center; width: 120px; }
.visit_pc .department_item.active, .visit_pc .department_item:hover { background: #ff7437; border-color: #ff7437; color: #fff; }
.visit_pc .d_title { color: #333; font-size: 24px; font-weight: 700; margin-top: 80px; position: relative; text-align: center; }
.visit_pc .d_title:after { background: #606060; bottom: -18px; content: ""; display: block; height: 2px; left: 50%; position: absolute; transform: translate(-50%); width: 30px; }
.visit_pc .date_list { border: 1px solid #ff7437; margin: 60px 5px 0; }
.visit_pc .date_item { background: #fff1eb; border-right: 1px solid #ff7437; color: #ff7437; cursor: pointer; flex: 1; font-size: 16px; font-weight: 400; height: 36px; line-height: 36px; text-align: center; }
.visit_pc .date_item:last-child { border-right: 0; }
.visit_pc .date_item.active { background: #ff7437; color: #fff; }
.visit_pc .visit_table { border-collapse: collapse; margin-top: 20px; width: 100%; }
.visit_pc .visit_table th, .visit_pc .visit_table td { border: 1px solid #ebeef5; padding: 12px; text-align: center; font-size: 14px; }
.visit_pc .visit_table th { background: #f5f7fa; color: #333; font-weight: 700; }
.visit_pc .visit_table td a { color: #ff7437; }
.visit_pc .visit_table tr:hover td { background: #fff8f5; }

/* ---------- 预约挂号（visit）移动端 ---------- */
.visit_mobile.phone_house_call { flex: 1; overflow: hidden; padding-top: .1rem; }
.visit_mobile .select_wrap { box-shadow: 0 1px #131d5212; height: .8rem; padding: 0 .3rem; }
.visit_mobile .select_wrap select { background: transparent; border: none; color: #333; font-size: .28rem; height: .8rem; outline: none; }
.visit_mobile .date_list { margin: .2rem .3rem; overflow: hidden; width: calc(100% - .6rem); }
.visit_mobile .date_item { border-right: 1px solid #efefef; flex: 1; height: 1.2rem; margin-right: 3px; text-align: center; }
.visit_mobile .date_item:last-child { margin-right: 0; }
.visit_mobile .date_item:first-child { border-left: 1px solid #efefef; }
.visit_mobile .date_item.active { color: #ff7437; }
.visit_mobile .doctor_item { box-shadow: 0 1px #131d5212; margin-bottom: .1rem; padding: .3rem; }
.visit_mobile .info_warp .info_name { color: #333; font-size: .32rem; font-weight: 500; margin-right: .15rem; }
.visit_mobile .info_designation { border: 1px solid #ff7437; border-radius: 4px; color: #ff7437; font-size: .22rem; font-weight: 400; height: .4rem; line-height: .4rem; padding: 0 .13rem; }
.visit_mobile .info_label { color: #37a3ff; font-size: .28rem; font-weight: 500; }
.visit_mobile .info_date { color: #333; font-size: .28rem; font-weight: 500; margin-top: .3rem; }
.visit_mobile .pull_down { color: #999; font-size: .24rem; font-weight: 500; margin-top: .2rem; text-align: center; }

/* ---------- 预约挂号 PC/移动端显隐切换 ---------- */
@media (max-width: 749px) {
    .visit_pc { display: none; }
    .visit_mobile { display: flex; }
}
@media (min-width: 750px) {
    .visit_mobile { display: none; }
}

/* ---------- 栏目频道首页（detail）PC 端 ---------- */
/* 区块A：左轮播 + 右文章列表 */
.detail_pc .section_a { display: flex; margin-bottom: 30px; }
.detail_pc .left_carousel { flex-shrink: 0; height: 315px; margin-right: 30px; overflow: hidden; position: relative; width: 560px; }
.detail_pc .left_carousel .carousel_item { display: none; height: 100%; width: 100%; }
.detail_pc .left_carousel .carousel_item.active { display: block; }
.detail_pc .left_carousel .carousel_img { cursor: pointer; height: 100%; object-fit: cover; width: 100%; }
.detail_pc .left_carousel .carousel_indicators { bottom: 16px; display: flex; left: 16px; position: absolute; z-index: 2; }
.detail_pc .left_carousel .carousel_indicator { background: rgba(252, 101, 34, .2); border-radius: 50%; cursor: pointer; height: 12px; margin-right: 16px; width: 12px; }
.detail_pc .left_carousel .carousel_indicator.active { background: #fb824d; }
.detail_pc .right_content { flex: 1; margin-right: -20px; max-height: 315px; overflow: hidden; padding-right: 20px; }
.detail_pc .right_content .article_item { cursor: pointer; margin-top: 30px; }
.detail_pc .right_content .article_item:first-child { margin-top: 0; }
.detail_pc .right_content .article_item .title { color: #333; font-size: 16px; font-weight: 400; text-align: left; }
.detail_pc .right_content .article_item .title:after { background: #606060; content: ""; display: block; height: 2px; left: 0; margin-top: 8px; position: relative; transform: translate(0); width: 30px; }
.detail_pc .right_content .article_item .summary { -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #999; display: -webkit-box; font-size: 14px; margin-top: 8px; overflow: hidden; }
.detail_pc .more_btn { background: #fff; border: 1px solid #ff7437; color: #ff7437; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 400; height: 36px; line-height: 36px; margin-top: 30px; padding: 0 22px; text-align: center; width: 130px; }
.detail_pc .more_btn > img { height: 9px; margin-left: 12px; width: 7px; }

/* 区块B：医师团队 */
.detail_pc .doctor_info { border: 1px solid #ffc5ab; flex-shrink: 0; margin-bottom: 30px; width: 560px; }
.detail_pc .doctor_info .home_title { align-items: center; background: linear-gradient(0deg, #fff4e6, #fff); border-bottom: 1px solid #ffc5ab; display: flex; height: 40px; padding: 0 12px; width: 100%; }
.detail_pc .doctor_info .home_title .title_wrap { color: #666; flex: 1; font-size: 16px; font-weight: 400; overflow: hidden; }
.detail_pc .doctor_info .home_title .title_wrap > img { height: 16px; margin-right: 8px; width: 16px; }
.detail_pc .doctor_info .home_title .title_wrap > span { color: #fc6522; }
.detail_pc .doctor_info .doctor_list { display: flex; padding: 50px 0; }
.detail_pc .doctor_info .doctor_list .left_btn, .detail_pc .doctor_info .doctor_list .right_btn { align-items: center; background: #3e1d0f; cursor: pointer; display: flex; height: 212px; justify-content: center; opacity: .1; width: 32px; }
.detail_pc .doctor_info .doctor_list .left_btn > img, .detail_pc .doctor_info .doctor_list .right_btn > img { height: 16px; width: 16px; }
.detail_pc .doctor_info .doctor_list .list_wrap { flex: 1; height: 212px; margin: 0 10px; overflow: hidden; position: relative; }
.detail_pc .doctor_info .doctor_list .list_wrap .list_content { display: flex; left: 0; position: absolute; }
.detail_pc .doctor_info .doctor_list .list_wrap .list_item { cursor: pointer; flex-shrink: 0; height: 206px; margin-right: 10px; position: relative; width: 150px; }
.detail_pc .doctor_info .doctor_list .list_wrap .list_item > img { height: 100%; object-fit: cover; width: 100%; }
.detail_pc .doctor_info .doctor_list .list_wrap .list_item .info_wrap { background: #fff; bottom: 0; box-shadow: 0 2px 10px #e5e5e5; height: auto; left: 0; padding: 10px 0; position: absolute; right: 0; }
.detail_pc .doctor_info .doctor_list .list_wrap .list_item .info_wrap > div { text-align: center; }
.detail_pc .doctor_info .doctor_list .list_wrap .list_item .info_wrap .info_name { color: #333; font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.detail_pc .doctor_info .doctor_list .list_wrap .list_item .info_wrap .info_designation { color: #666; font-size: 14px; font-weight: 400; }
.detail_pc .doctor_info .doctor_list .list_wrap .list_item .info_wrap .see_btn { background: #ec3b3b; border-radius: 16px; color: #fff; display: none; font-size: 16px; font-weight: 400; height: 32px; line-height: 32px; margin: 10px auto; text-align: center; width: 100px; }
.detail_pc .doctor_info .doctor_list .list_wrap .list_item:hover .info_wrap { background: hsla(0, 0%, 100%, .9); }
.detail_pc .doctor_info .doctor_list .list_wrap .list_item:hover .info_wrap .see_btn { display: block; }

/* 区块B+C 水平排列容器 */
.detail_pc .section_bc { display: flex; }
/* 区块C：科室动态 */
.detail_pc .dynamic_info { border: 1px solid #ffc5ab; flex: 1; overflow: hidden; }
.detail_pc .dynamic_info .home_title { align-items: center; background: linear-gradient(0deg, #fff4e6, #fff); border-bottom: 1px solid #ffc5ab; display: flex; height: 40px; padding: 0 12px; width: 100%; }
.detail_pc .dynamic_info .home_title .title_wrap { color: #666; flex: 1; font-size: 16px; font-weight: 400; overflow: hidden; }
.detail_pc .dynamic_info .home_title .title_wrap > img { height: 16px; margin-right: 8px; width: 16px; }
.detail_pc .dynamic_info .home_title .title_wrap > span { color: #fc6522; }
.detail_pc .dynamic_info .home_title .home_more { color: #999; cursor: pointer; font-size: 12px; font-weight: 400; }
.detail_pc .dynamic_info .news_list { padding: 14px 10px; }
.detail_pc .dynamic_info .news_list .item { align-items: center; border-bottom: 1px dashed #f0f0f0; cursor: pointer; display: flex; justify-content: space-between; padding: 8px 0; }
.detail_pc .dynamic_info .news_list .item:last-child { border-bottom: 0; }
.detail_pc .dynamic_info .news_list .item .title { color: #333; flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detail_pc .dynamic_info .news_list .item .date { color: #999; font-size: 14px; margin-left: 20px; }

/* ---------- 栏目频道首页（detail）移动端 ---------- */
.detail_mobile .is_phone { margin: 0; padding: .8rem .3rem 0; }
.detail_mobile .is_phone .article_item { cursor: pointer; margin-bottom: .5rem; }
.detail_mobile .is_phone .article_item .title { color: #333; font-size: .34rem; font-weight: 700; text-align: center; }
.detail_mobile .is_phone .article_item .title:after { background: #606060; content: ""; display: block; height: .02rem; left: 50%; margin-top: .16rem; position: relative; transform: translate(-50%); width: .3rem; }
.detail_mobile .is_phone .article_item .summary { -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #999; display: -webkit-box; font-size: .26rem; margin-top: .25rem; overflow: hidden; }
.detail_mobile .other_wrap { background: #f7f7f7; height: auto; margin: 0 -.3rem; padding: .37rem .3rem; }
.detail_mobile .other_wrap .phone_doctor { width: 100%; }
.detail_mobile .other_wrap .phone_doctor .doctor_list { background: #fff; border-radius: 0 0 .2rem .2rem; display: flex; flex-wrap: wrap; padding: .6rem 0; }
.detail_mobile .other_wrap .phone_doctor .doctor_list .doctor_item { cursor: pointer; margin-bottom: .4rem; padding: 0 .4rem; width: 50%; }
.detail_mobile .other_wrap .phone_doctor .doctor_list .doctor_item:nth-child(2n-1) { padding-right: .3rem; }
.detail_mobile .other_wrap .phone_doctor .doctor_list .doctor_item:nth-child(2n) { box-sizing: border-box; padding-left: .3rem; }
.detail_mobile .other_wrap .phone_doctor .doctor_list .doctor_item .img_wrap { height: 3.6rem; position: relative; width: 100%; }
.detail_mobile .other_wrap .phone_doctor .doctor_list .doctor_item .img_wrap > img { height: 100%; object-fit: cover; width: 100%; }
.detail_mobile .other_wrap .phone_doctor .doctor_list .doctor_item .img_wrap .doctor_info { background: #fff; bottom: 0; box-shadow: 0 .04rem .1rem #131d5229; left: 0; padding: .16rem 0; position: absolute; right: 0; }
.detail_mobile .other_wrap .phone_doctor .doctor_list .doctor_item .img_wrap .doctor_info .doctor_name { color: #333; font-size: .27rem; font-weight: 700; text-align: center; }
.detail_mobile .other_wrap .phone_doctor .doctor_list .doctor_item .img_wrap .doctor_info .doctor_job { color: #666; font-size: .24rem; font-weight: 400; margin-top: .16rem; text-align: center; }
.detail_mobile .other_wrap .phone_news { margin-top: .4rem; }
.detail_mobile .other_wrap .phone_news .news_list { background: #fff; border-radius: 0 0 .2rem .2rem; padding: 0 .2rem; }
.detail_mobile .other_wrap .phone_news .news_list .item { align-items: center; border-bottom: 1px dashed #f0f0f0; cursor: pointer; display: flex; justify-content: space-between; padding: .2rem 0; }
.detail_mobile .other_wrap .phone_news .news_list .item:last-child { border-bottom: 0; }
.detail_mobile .other_wrap .phone_news .news_list .item .title { color: #333; flex: 1; font-size: .28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detail_mobile .other_wrap .phone_news .news_list .item .date { color: #999; font-size: .24rem; margin-left: .2rem; }
.detail_mobile .phone_title { align-items: center; background: linear-gradient(0deg, #fff4e6, #fff); border-radius: .2rem .2rem 0 0; display: flex; height: .9rem; justify-content: space-between; padding: 0 .3rem 0 .2rem; width: 100%; }
.detail_mobile .phone_title .title_wrap { color: #666; font-size: .34rem; font-weight: 500; }
.detail_mobile .phone_title .title_wrap > span { color: #fc6522; }
.detail_mobile .phone_title .title_wrap > img { height: .32rem; margin-right: .16rem; width: .32rem; }
.detail_mobile .phone_title .phone_more { color: #999; display: block; font-size: .26rem; font-weight: 500; height: 100%; line-height: .9rem; }

/* ---------- 栏目频道首页 PC/移动端显隐切换 ---------- */
@media (max-width: 749px) {
    .detail_pc { display: none; }
    .detail_mobile { display: block; }
}
@media (min-width: 750px) {
    .detail_mobile { display: none; }
}

/* ---------- 相关医生（文章详情页）PC 端 ---------- */
.related_doctor .doctor_pc .sub_title { color: #ec712e; font-size: 18px; font-weight: 700; margin-top: 40px; }
.related_doctor .doctor_pc .sub_title:before { background: #ec712e; border-radius: 2px; content: ""; display: inline-block; height: 16px; margin-right: 10px; position: relative; top: 2px; width: 3px; }
.related_doctor .doctor_pc .doctor_list { align-items: center; height: 208px; margin-top: 35px; padding: 0 24px; }
.related_doctor .doctor_pc .doctor_list .left_btn,
.related_doctor .doctor_pc .doctor_list .right_btn { cursor: pointer; height: 54px; width: 54px; position: relative; flex-shrink: 0; }
.related_doctor .doctor_pc .doctor_list .left_btn::before {
    border-right: 3px solid #fc6522; border-top: 3px solid #fc6522; content: ""; height: 18px;
    left: 50%; position: absolute; top: 50%; transform: translate(-30%, -50%) rotate(-135deg); width: 18px;
}
.related_doctor .doctor_pc .doctor_list .right_btn::before {
    border-right: 3px solid #fc6522; border-top: 3px solid #fc6522; content: ""; height: 18px;
    left: 50%; position: absolute; top: 50%; transform: translate(-70%, -50%) rotate(45deg); width: 18px;
}
.related_doctor .doctor_pc .doctor_list .list_wrap { flex: 1; height: 208px; margin: 0 30px; overflow: hidden; position: relative; }
.related_doctor .doctor_pc .doctor_list .list_wrap .list_content { left: 0; position: absolute; transition: all .5s; }
.related_doctor .doctor_pc .doctor_list .list_wrap .list_item { cursor: pointer; height: 206px; margin-right: 24px; position: relative; width: 160px; flex-shrink: 0; }
.related_doctor .doctor_pc .doctor_list .list_wrap .list_item > img { height: 100%; object-fit: cover; width: 100%; }
.related_doctor .doctor_pc .doctor_list .list_wrap .list_item .info_wrap { background: #fff; bottom: 0; box-shadow: 0 2px 10px #e5e5e5; height: auto; left: 0; padding: 10px 0; position: absolute; right: 0; }
.related_doctor .doctor_pc .doctor_list .list_wrap .list_item .info_wrap > div { text-align: center; }
.related_doctor .doctor_pc .doctor_list .list_wrap .list_item .info_wrap .info_name { color: #333; font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.related_doctor .doctor_pc .doctor_list .list_wrap .list_item .info_wrap .info_designation { color: #666; font-size: 14px; font-weight: 400; }
.related_doctor .doctor_pc .doctor_list .list_wrap .list_item .info_wrap .see_btn { background: #ec3b3b; border-radius: 16px; color: #fff; display: none; font-size: 16px; font-weight: 400; height: 32px; line-height: 32px; margin: 10px auto; text-align: center; width: 100px; }
.related_doctor .doctor_pc .doctor_list .list_wrap .list_item:hover .info_wrap { background: hsla(0, 0%, 100%, .9); }
.related_doctor .doctor_pc .doctor_list .list_wrap .list_item:hover .info_wrap .see_btn { display: block; }

/* ---------- 相关医生（文章详情页）移动端 ---------- */
.related_doctor .doctor_mobile .sub_title { color: #ec712e; font-size: .36rem; font-weight: 700; margin-top: .8rem; }
.related_doctor .doctor_mobile .sub_title:before { background: #ec712e; border-radius: .04rem; content: ""; display: inline-block; height: .32rem; margin-right: .2rem; position: relative; top: .04rem; width: .06rem; }
.related_doctor .doctor_mobile .doctor_list { padding: 0; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.related_doctor .doctor_mobile .doctor_list .list_item { cursor: pointer; flex-shrink: 0; height: 3rem; margin-right: .2rem; position: relative; width: 2.4rem; }
.related_doctor .doctor_mobile .doctor_list .list_item > img { height: 100%; object-fit: cover; width: 100%; }
.related_doctor .doctor_mobile .doctor_list .list_item .info_wrap { background: #fff; bottom: 0; box-shadow: 0 .04rem .1rem #e5e5e5; height: auto; left: 0; padding: .1rem 0; position: absolute; right: 0; }
.related_doctor .doctor_mobile .doctor_list .list_item .info_wrap > div { text-align: center; }
.related_doctor .doctor_mobile .doctor_list .list_item .info_wrap .info_name { color: #333; font-size: .27rem; font-weight: 700; margin-bottom: .08rem; }
.related_doctor .doctor_mobile .doctor_list .list_item .info_wrap .info_designation { color: #666; font-size: .24rem; font-weight: 400; }

/* ---------- 相关医生 PC/移动端显隐切换 ---------- */
@media (max-width: 749px) {
    .related_doctor .doctor_pc { display: none; }
    .related_doctor .doctor_mobile { display: block; }
}
@media (min-width: 750px) {
    .related_doctor .doctor_mobile { display: none; }
}

/* ---------- 医生详情页 PC 端 ---------- */
.doctor_detail_pc .detail_info_wrap { flex: 1; margin-top: 30px; }
.doctor_detail_pc .detail_top { background: #fff; border-radius: 8px; padding: 0 30px 0 20px; position: relative; }
.doctor_detail_pc .detail_top > img { bottom: 0; height: 240px; left: 20px; object-fit: cover; position: absolute; width: 180px; }
.doctor_detail_pc .detail_top .top_wrap { flex: 1; margin-left: 210px; padding: 40px 0; }
.doctor_detail_pc .detail_top .top_wrap .name_wrap { border-bottom: 2px solid #e3e3e3; margin-bottom: 20px; padding-bottom: 12px; position: relative; }
.doctor_detail_pc .detail_top .top_wrap .name_wrap:after { background: #ec712e; bottom: -2px; content: ""; display: block; height: 2px; left: 0; position: absolute; width: 49px; }
.doctor_detail_pc .detail_top .top_wrap .name_wrap .detail_name { color: #333; font-size: 28px; font-weight: 700; margin-right: 20px; }
.doctor_detail_pc .detail_top .top_wrap .name_wrap .detail_position { border: 1px solid #ec712e; border-radius: 4px; color: #ec712e; font-size: 14px; font-weight: 400; padding: 4px 10px; }
.doctor_detail_pc .detail_top .top_wrap .top_other { color: #666; font-size: 16px; font-weight: 400; line-height: 25px; margin-bottom: 15px; }
.doctor_detail_pc .detail_top .top_wrap .top_other:last-child { margin-bottom: 0; }
.doctor_detail_pc .detail_top .top_wrap .top_other > span { color: #333; font-size: 16px; font-weight: 400; flex-shrink: 0; }
.doctor_detail_pc .detail_top .top_wrap .top_other > div { flex: 1; overflow: hidden; }
.doctor_detail_pc .detail_bottom { background: #fff; border-radius: 8px; margin-top: 20px; padding: 30px 20px; }
.doctor_detail_pc .detail_bottom .title { color: #fa824c; font-size: 16px; font-weight: 700; margin-bottom: 16px; }
.doctor_detail_pc .detail_bottom .title:before { background: #fa824c; content: ""; display: inline-block; height: 16px; margin-right: 8px; position: relative; top: 2px; width: 4px; }
.doctor_detail_pc .detail_bottom .content { color: #666; font-size: 14px; font-weight: 400; line-height: 28px; margin-bottom: 56px; }
.doctor_detail_pc .detail_bottom .content:last-child { margin-bottom: 0; }
/* 在线预约按钮（非原版，业务需求扩展） */
.doctor_detail_pc .booking_action { margin-top: 24px; }
.doctor_detail_pc .booking_btn { background: #fc6522; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; font-size: 15px; height: 40px; line-height: 40px; text-align: center; width: 140px; }
.doctor_detail_pc .booking_btn:hover { background: #fb824d; }

/* ---------- 医生详情页移动端 ---------- */
.doctor_detail_mobile .base_info { background: #fff; border-radius: .1rem; padding: .3rem; }
.doctor_detail_mobile .base_info > img { height: 1.6rem; margin-right: .38rem; object-fit: cover; width: 1.2rem; }
.doctor_detail_mobile .base_info .name_wrap { margin-bottom: .45rem; }
.doctor_detail_mobile .base_info .name_wrap .detail_name { color: #1e1e1e; font-size: .4rem; font-weight: 800; margin-right: .28rem; }
.doctor_detail_mobile .base_info .name_wrap .detail_position { color: #333; font-size: .26rem; font-weight: 400; }
.doctor_detail_mobile .base_info .top_other { color: #333; font-size: .26rem; font-weight: 500; }
.doctor_detail_mobile .other_info { background: #fff; border-radius: .1rem; margin-top: .3rem; padding: .3rem; }
.doctor_detail_mobile .other_info .info_title { color: #333; font-size: .32rem; font-weight: 800; margin-bottom: .25rem; }
.doctor_detail_mobile .other_info .info_title:before { background: #fa824c; border-radius: .02rem; content: ""; display: inline-block; height: .26rem; margin-right: .15rem; width: .04rem; }
.doctor_detail_mobile .other_info .info_content { color: #666; font-size: .3rem; font-weight: 500; line-height: .56rem; padding-left: .2rem; white-space: pre-wrap; }
/* 在线预约按钮（移动端） */
.doctor_detail_mobile .booking_wrap { margin-top: .3rem; text-align: center; }
.doctor_detail_mobile .booking_btn { background: #fc6522; border-radius: .08rem; color: #fff; display: inline-block; font-size: .3rem; height: .8rem; line-height: .8rem; text-align: center; width: 80%; }

/* ---------- 医生详情页 PC/移动端显隐切换 ---------- */
@media (max-width: 749px) {
    .doctor_detail_pc { display: none; }
    .doctor_detail_mobile { display: block; }
}
@media (min-width: 750px) {
    .doctor_detail_mobile { display: none; }
}

/* ---------- 栏目页文章列表移动端（PhoneNewsList list 模式） ---------- */
@media (max-width: 749px) {
    .news_list_wrap .list .item { border-bottom: .02rem dashed #dadada; height: 1rem; margin-bottom: .1rem; }
    .news_list_wrap .list .item:last-child { border-bottom: 0; margin-bottom: 0; }
    .news_list_wrap .list .item .title_wrap .title { color: #1c1c1c; font-size: .28rem; font-weight: 400; }
    .news_list_wrap .list .item .date { display: none; }
    .pagination_wrap { display: none; }
    .article_pull_down { color: #999; font-size: .24rem; font-weight: 500; margin-top: .2rem; text-align: center; }
}
@media (min-width: 750px) {
    .article_pull_down { display: none; }
}

/* ---------- 栏目页医生列表移动端（PhoneDoctorList） ---------- */
@media (max-width: 749px) {
    .doctor_filter { display: none; }
    .doctor_grid { display: none; }
    .doctor_mobile { display: block; }
    .doctor_mobile .doctor_mobile_grid { width: 100%; }
    .doctor_mobile .doctor_mobile_grid .list_item { margin-bottom: .5rem; padding: 0 .15rem; width: 50%; }
    .doctor_mobile .doctor_mobile_grid .list_item .doctor_img { height: 4.43rem; width: 100%; }
    .doctor_mobile .doctor_mobile_grid .list_item .doctor_info { background: #fff; box-shadow: 0 .02rem .1rem #cfcfcfad; width: 100%; }
    .doctor_mobile .doctor_mobile_grid .list_item .doctor_info .doctor_label { border-bottom: .02rem solid rgba(250, 130, 76, .2); color: #fc6522; font-size: .24rem; font-weight: 700; height: .5rem; line-height: .5rem; padding: 0 .1rem; text-align: center; }
    .doctor_mobile .doctor_mobile_grid .list_item .doctor_info .info_wrap { padding: .15rem .2rem; }
    .doctor_mobile .doctor_mobile_grid .list_item .doctor_info .info_wrap .doctor_design { color: #333; font-size: .28rem; font-weight: 700; margin-bottom: .15rem; }
    .doctor_mobile .doctor_mobile_grid .list_item .doctor_info .info_wrap .doctor_name { color: #666; font-size: .26rem; font-weight: 500; }
    .doctor_mobile .doctor_mobile_pull_down { color: #999; font-size: .24rem; font-weight: 500; margin-top: .2rem; text-align: center; }
}
@media (min-width: 750px) {
    .doctor_mobile { display: none; }
}

/* ---------- 移动端 TopNav（详情页横向导航切换，1:1 复刻原版组件） ---------- */
@media (max-width: 749px) {
    .top_nav { background: #fff; padding: .2rem .3rem; position: relative; }
    .top_nav .nav_list { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
    .top_nav .nav_list.not_scroll { max-height: .6rem; overflow: hidden; }
    .top_nav .nav_list .nav_item { color: #333; display: inline-block; font-size: .26rem; font-weight: 500; line-height: .6rem; margin-right: .4rem; padding: 0 .1rem; text-decoration: none; }
    .top_nav .nav_list .nav_item.active { color: #fc6522; font-weight: 700; }
    .top_nav .down_img {
        bottom: .1rem; height: 0; position: absolute; right: .2rem;
        border-left: .08rem solid transparent; border-right: .08rem solid transparent;
        border-top: .08rem solid #999; width: 0; transition: transform .3s;
    }
    .top_nav .down_img.up { transform: rotate(180deg); }
}
@media (min-width: 750px) {
    .top_nav { display: none; }
}

/* ---------- phone_page_content 移动端页面内容容器 ---------- */
@media (max-width: 749px) {
    .phone_page_content { background: #f5f5f5; min-height: 100vh; }
}
@media (min-width: 750px) {
    .phone_page_content { display: none; }
}