/* ==========================================================================
   问药网 fillseo.com 静态复刻 — 自定义样式
   基于 Pure.css，使用 CSS 变量 + 响应式
   配色复刻原站：#62C4A6 主色 / #6BD388→#62C4A6 渐变 / #F7F8FC 页面底色
   ========================================================================== */

:root {
  /* 主色 */
  --primary: #62C4A6;
  --primary-light: #6BD388;
  --primary-deep: #4BD4BC;
  --primary-gradient: linear-gradient(to right, #6BD388 0%, #62C4A6 100%);
  --accent: #1FCDB6; /* 疾病百科强调色 */

  /* 文字 */
  --text-main: #1E2129;
  --text-sub: #606370;
  --text-muted: #969AA9;
  --text-light: #999999;

  /* 背景与边框 */
  --bg-footer: #F7F8FC;
  --bg-page: #F7F8FC;
  --bg-card: #ffffff;
  --bg-hover: #F8F8F8;
  --border: #E5E8F2;
  --border-strong: #E4E7EB;

  /* 尺寸 */
  --container: 1200px;
  --radius: 4px;
}

/* ==========================================================================
   重置与工具类（对齐原站 pc_base.css）
   ========================================================================== */
html{ scroll-behavior: smooth; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, header, footer, section, article, aside, nav, figure, figcaption { margin: 0; padding: 0; }
html, body { width: 100%; font-family: "Microsoft Yahei", "Helvetica", "PingFang SC", sans-serif; color: var(--text-main); }
img { max-width: 100%; border: 0; vertical-align: top; }
a { color: var(--text-main); text-decoration: none; }
ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
button { background: none; }
input, textarea, button, select { border: none; outline: none; background: none; font: 1rem "Microsoft Yahei", "Helvetica"; }
em, i { font-style: normal; }
h1 { font-weight: normal; }
.bgColor { background: var(--bg-page); }

/* 浮动与清除 */
.clr:after, .clr:before { content: ""; display: table; }
.clr:after { clear: both; }
.fll { float: left; }
.flr { float: right; }
.db { display: block; }
.dib { display: inline-block; }
.tar { text-align: right; }
.tac { text-align: center; }
.ovh { overflow: hidden; }
.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.posr { position: relative; }
.bw { background-color: #fff; }
.none { display: none; }
.cp { cursor: pointer; }
.bsbb { box-sizing: border-box; }
.d-flex { display: flex; }
.d-flex-i { flex: 1; }
.al-center {align-items: center;}

/* 字号 */
.f12 { font-size: 12px; } .f14 { font-size: 14px; } .f16 { font-size: 16px; }
.f18 { font-size: 18px; } .f20 { font-size: 20px; } .f22 { font-size: 22px; } .f24 { font-size: 24px; }
.f0 { font-size: 0; }
.lh28 { line-height: 28px; }

/* 颜色 */
.fcf { color: #fff; } .fc0 { color: #000; } .fc3 { color: #333; }
.fc6 { color: #666; } .fc9 { color: #999; } .fcc { color: #ccc; }
.bold { font-weight: bold; }
.a-hover:hover { color: var(--primary); }
.img-hover { transition: 1s; }
.img-hover:hover { transform: scale(1.2, 1.2); }

/* 边距（常用子集） */
.mr { margin-right: 8px; } .mr10 { margin-right: 10px; }
.mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; }
.mt16 { margin-top: 16px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; }
.pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; } .pt30 { padding-top: 30px; } .pt40 { padding-top: 40px; }
.pl5 { padding-left: 5px; } .pr5 { padding-right: 5px; }
.pb10 { padding-bottom: 10px; }

/* 文本截断 */
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ellipsis3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.txt { color: var(--text-sub); }

/* 图片 */
.all-img { display: block; width: 100%; object-fit: contain; }

/* ==========================================================================
   布局容器
   ========================================================================== */
.w1200 { width: var(--container); margin: 0 auto; }
.layout { width: var(--container); margin: 0 auto; }
.wrap { width: 100%; background: #fff; border-top: 3px solid var(--primary); border-bottom: 1px solid var(--border); }
.wrap-box { min-width: var(--container); }
.w884 { width: 884px; }
.w870 { width: 870px; }
.w300 { width: 300px; }

/* ==========================================================================
   页头（首页大头版）
   ========================================================================== */
.top { padding: 30px 0; }
.top .logo { width: 153px; height: 46px; }
.top .search { margin-top: 3px; margin-left: 240px; width: 570px; height: 40px; font-size: 0; }
.top .inp-box { width: 470px; height: 36px; border: 2px solid var(--primary); border-right: 0; border-radius: 2px 0 0 2px; vertical-align: middle; }
.top .search-inp { padding-left: 30px; width: 404px; height: 36px; font-size: 14px; color: #9DA3AF; vertical-align: middle; }
.top .btn-search { display: inline-block; vertical-align: middle; letter-spacing: 4px; width: 96px; height: 40px; color: #fff; font-size: 16px; background: var(--primary-gradient); border-radius: 0 2px 2px 0; cursor: pointer; }
.top .slogan { margin-top: 10px; width: 217px; height: 30px; }

/* 内页通用页头 */
.common { height: 90px; line-height: 90px; display: flex; align-items: center; gap: 50px; justify-content: space-between; }
.common .logo {width: 153px; height: 46px; }
.common .nav-list li { height: auto; line-height: 90px; float: left; }
.common .nav-list li span { display: inline-block; vertical-align: top; position: relative; }
.common .nav-list li span:hover:after, .common .nav-list li .nav-current span:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: var(--primary); }
.common .search {width: 212px; height: 36px; line-height: 36px; background: var(--bg-page); border-radius: 18px; }
.common .search-inp { border: none; width: 100%; padding-left: 20px; font-size: 14px; color: #666; }
.common input::placeholder{color: #9DA3AF;}

/* Hamburger 按钮 */
.hamburger { display: none; flex-direction: column; justify-content: center; gap: 5px; cursor: pointer; padding: 6px; }
.hamburger span { display: block; width: 22px; height: 2px; background: var(--text-main); border-radius: 2px; transition: all .3s; }
.hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.hamburger.active span:nth-child(2) { opacity: 0; }
.hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

@media (max-width: 768px) {
  .hamburger { display: flex; }
  .common {position: relative;}
  .common .nav-list { display: none !important; }
  .common .nav-list.open {display: block !important;}
  .common .search { display: none !important; }
   /* 移动端导航菜单 */
   .common .nav-list { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; box-shadow: 0 6px 12px rgba(0,0,0,.1); z-index: 1000; }
   .common .nav-list { list-style: none; padding: 10px 0; }
   .common .nav-list li a { display: block; padding: 12px 24px; font-size: 15px; color: var(--text-main); }
   .common .nav-list li a:hover, .mobile-nav li a.active { color: var(--primary); background: #f8fafb; }
   .common .nav-list li:last-child a { border-bottom: none; }
}

/* ==========================================================================
   首页大导航 + 科室下拉
   ========================================================================== */
.nav { position: relative; z-index: 20; height: 40px; display: flex; align-items: center; }
.nav-left { width: 170px; padding-left: 30px; padding-right: 20px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; background: var(--primary-gradient); border-radius: 6px 6px 0 0; flex-shrink: 0; text-align: center; }
.nav-list { flex: 1; display: flex; justify-content: space-around; }
.nav-list li { float: none; font-size: 18px; flex: 1; text-align: center; }
.nav-list li a { display: block; position: relative; height: 40px; line-height: 40px; }
.nav-list li span { display: block; }
.nav-list li span:hover, .nav-list li .nav-current span { position: relative; color: var(--primary); }
.layout .nav-sub { position: absolute; left: 0; top: 40px; z-index: 100; width: 220px !important; background: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08); border-radius: 0 0 6px 6px; }
.layout .nav-sub .si-list { border-bottom: 1px solid #f2f3f7; }
.layout .nav-sub .si-list:last-child { border-bottom: none; }
.layout .nav-sub .si-list-title { display: flex; align-items: center; justify-content: space-between; padding: 0 20px; font-size: 16px; color: var(--text-sub); line-height: 44px; white-space: nowrap; }
.layout .nav-sub .si-list-title:hover { color: var(--primary); background: #f8fafb; }
.layout .nav-sub .icon-nav-arrow { width: 8px; height: 8px; border-right: 1px solid #c8cbd6; border-bottom: 1px solid #c8cbd6; transform: rotate(-45deg); }
.layout .nav-sub .si-list-show { display: none; position: absolute; left: 220px; top: 0; z-index: 50; width: 560px; min-height: 360px; background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,.1); padding: 20px 30px; }
.layout .nav-sub .si-list:hover .si-list-show { display: block; }
.layout .nav-sub .si-item h3 { font-size: 16px; color: var(--primary); padding-bottom: 16px; }
.layout .nav-sub .si-i-link { display: inline-block; margin: 0 18px 13px 0; font-size: 14px; color: var(--text-sub); }
.layout .nav-sub .si-i-link::after { content: " "; height: 11px; display: inline-block; border-right: 1px solid var(--text-sub);position: relative; right: -10px;}
.layout .nav-sub .si-i-link:last-child::after{display: none;}
.layout .nav-sub .si-i-link:hover { color: var(--primary); }

/* ==========================================================================
   面包屑
   ========================================================================== */
.bread { padding: 20px 0; color: var(--text-muted); position: relative; z-index: 2; }
.bread a { color: var(--text-sub); cursor: pointer; }
.bread a:hover { color: var(--primary); }
.bread .home-link { color: var(--primary); }
.bread em { margin: 0 8px; color: #c8cbd6; }
.bread span { color: var(--text-main); }

/* ==========================================================================
   首页 banner + 平台运营
   ========================================================================== */
.sl .slideBox {width: 100%;height: 400px;overflow: hidden;position: relative;}
.sl .slideBox .bd li img { width: 100%; height: 400px; object-fit: cover; }
.sl .slideBox .hd { text-align: center; width: 140px; overflow: hidden; position: absolute; left: 50%; margin-left: -70px; bottom: 20px; z-index: 1; }
.sl .slideBox .hd li { display: inline-block; width: 12px; height: 4px; margin: 0 4px; background: rgba(255,255,255,.6); border-radius: 2px; cursor: pointer; }
.sl .slideBox .hd li.on { background: var(--primary); }
.hot { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 0; }
.platform-operation { display: flex; justify-content: space-between; padding: 0 20px 30px; width: 220px; box-sizing: border-box; background: rgba(255, 255, 255, 0.6); -webkit-border-radius: 6px; border-radius: 6px; flex-direction: column;}
.platform-o-item {flex: 1; box-sizing: border-box;}
.platform-o-item a { display: flex; align-items: center; gap: 12px;}
.platform-o-item .platform-item-pic { width: 42px; height: 42px; }
.platform-item-info { flex: 1; }
.platform-item-info dt { font-size: 18px; color: var(--text-main); line-height: 30px; }
.platform-item-info dd { font-size: 13px; color: var(--text-muted); line-height: 1; white-space: nowrap; }

/* 首页板块标题 */
.tong_title { position: relative; margin-top: 40px; border-bottom: 2px solid var(--primary); }
.tong_title p { font-size: 32px; color: var(--text-main); line-height: 50px; }
.tong_title p span { color: var(--primary); }
.tong_title .subtag { display: inline-block; margin-left: 16px; font-size: 16px; color: var(--text-muted); }
.tong_title .more { position: absolute; right: 0; top: 15px; font-size: 14px; color: var(--text-muted); }
.tong_title .more:hover { color: var(--primary); }
.tong_title .bottom { border-top: none; margin-top: -2px; }
.tong_title .slide { padding: 12px 0; }
.tong_title .slide .swiper-slide { width: auto; margin-right: 20px; }
.tong_title .slide a { font-size: 16px; color: var(--text-sub); line-height: 28px; }
.tong_title .slide .on a, .tong_title .slide .swiper-slide:hover a { color: var(--primary); font-weight: bold; }
.site-index-h1 { max-width: 1200px; margin: 16px auto 0; padding: 0 16px; font-size: 14px; font-weight: 400; line-height: 22px; color: var(--text-muted); text-align: center; letter-spacing: 0.04em; }
.site-index-h1 em { color: var(--primary); font-weight: 600; font-style: normal; }
.site-index-h1 i { display: inline-block; width: 4px; height: 4px; margin: 0 10px; border-radius: 50%; background: var(--primary); vertical-align: 3px; }
.tong_title.tong_sub {margin-top: 10px; border-bottom: none;}

/* 首页视频科普 */
.main_special { width: 1200px; overflow: hidden; margin: 0 auto; margin-top: 20px; }
.main_special .box { width: 100%; position: relative; margin-top: 35px; height: 240px; }
.main_special .btn { position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); cursor: pointer; opacity: .7; }
.main_special .btn:hover { opacity: 1; }
.main_special .prev { left: 20px; }
.main_special .next { right: 20px; }
.main_special .swiper-slide { width: 387px; margin-right: 20px; }
.main_special .swiper-slide img { width: 387px; height: 240px; border-radius: 6px; }

.main_video { width: 1200px; margin: 0 auto; margin-top: 30px; }
.main_video .boxwo { margin-top: 20px; }
.main_video .boxwo>ul { width: 100%; display: flex; flex-wrap: wrap; gap: 16px;}
.main_video .boxwo li { overflow: hidden; width: 286px; transition: all .2s; border: 1px solid #E7E7E7; border-radius: 6px;}
.main_video .boxwo .pic { position: relative; border-radius: 6px 6px 0 0; overflow: hidden; height: 162px; }
.main_video .boxwo .pic img.p { width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.main_video .boxwo .pic .play { position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; opacity: .85; }
.main_video .boxwo .info { padding: 10px 6px; }
.main_video .boxwo .info p { text-align: center; font-size: 16px; color: var(--text-main); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.main_video .boxwo li:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;}
.main_video .boxwo li:hover img.p { transform: scale(1.05);}

/* 首页医药问答 */
.main_qa { width: 1200px; margin: 0 auto; margin-top: 15px; }
.main_qa .box { overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.main_qa .box .ws { width: 892px; margin-top: 10px; }
.main_qa .box .ws>ul { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.main_qa .box .ws>ul li { overflow: hidden; height: 210px; border-radius: 20px; border: 1px solid #E7E7E7; transition: all .3s; background-color: #fff; }
.main_qa .box .ws>ul li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.main_qa .box .ws>ul li:hover a .label div p { color: #4bd4bc; }
.main_qa .box .ws>ul li a { width: 100%; box-sizing: border-box; height: 100%; display: block; padding: 25px 25px 0 20px; }
.main_qa .box .ws>ul li a .user { overflow: hidden; display: flex; align-items: center; }
.main_qa .box .ws>ul li a .user img { width: 27px; height: 27px; border-radius: 50%; }
.main_qa .box .ws>ul li a .user p { font-size: 16px; color: #333; margin-left: 13px; }
.main_qa .box .ws>ul li a .user span { display: block; font-size: 16px; color: #666; margin-left: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; position: relative; }
.main_qa .box .ws>ul li a .user span::after { content: ''; width: 1px; height: 13px; background: #ccc; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); }
.main_qa .box .ws>ul li a .user em { display: block; font-size: 16px; color: #999; margin-left: 10px; position: relative; max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main_qa .box .ws>ul li a .label { overflow: hidden; display: flex; margin-bottom: 12px; align-items: flex-start; justify-content: space-between; }
.main_qa .box .ws>ul li a .label img { display: block; width: 27px; margin-right: 10px; }
.main_qa .box .ws>ul li a .label div { overflow: hidden; width: 370px; }
.main_qa .box .ws>ul li a .label div p { font-size: 17px; color: #000; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: all .1s; overflow: hidden; }
.main_qa .box .ws>ul li a .label div span { display: block; font-size: 16px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 28px; }
.main_qa .box .ws>ul li a .label div em { display: block; font-size: 14px; margin-top: 8px; color: #9a9ca0; }
.main_qa .box .ws>ul li:nth-child(3n) { margin-right: 0; }
.main_qa .box .dayi { overflow: hidden; width: 287px; background: #F5F5F5; margin-top: 10px; padding: 22px 18px 0 18px; border-radius: 20px; }
.main_qa .box .dayi h3 { font-size: 26px; color: #000; font-weight: bold; margin-bottom: 30px; }
.main_qa .box .dayi .swiper { height: 365px; width: 100%; overflow: hidden; }
.main_qa .box .dayi .swiper .swiper-slide { width: auto; height: 50%; overflow: hidden; }
.main_qa .box .dayi ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.main_qa .box .dayi ul li { overflow: hidden; width: 100%; margin-bottom: 50px; transition: all .3s; }
.main_qa .box .dayi ul li:hover .label div p { color: #4bd4bc; }
.main_qa .box .dayi ul li a { width: 100%; box-sizing: border-box; height: 100%; display: block; }
.main_qa .box .dayi ul li a .user { overflow: hidden; display: flex; align-items: center; }
.main_qa .box .dayi ul li a .user img { width: 27px; height: 27px; border-radius: 50%; }
.main_qa .box .dayi ul li a .user p { font-size: 16px; color: #333; margin-left: 6px; }
.main_qa .box .dayi ul li a .user span { display: block; font-size: 16px; color: #666; margin-left: 6px; position: relative; }
.main_qa .box .dayi ul li a .user em { display: block; font-size: 16px; color: #999; margin-left: 10px; position: relative; }
.main_qa .box .dayi ul li a .label { overflow: hidden; display: flex; margin-bottom: 9px; align-items: flex-start; gap: 10px; }
.main_qa .box .dayi ul li a .label img { display: block; width: 27px; }
.main_qa .box .dayi ul li a .label div { overflow: hidden; width: 218px; }
.main_qa .box .dayi ul li a .label div p { font-size: 17px; color: #000; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: all .1s; overflow: hidden; }
.main_qa .box .dayi ul li a .label div span { display: block; font-size: 16px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 28px; }
.main_qa .box .dayi ul li a .label div em { display: block; font-size: 14px; margin-top: 8px; color: #9a9ca0; }

/* 首页医药科普 */
.main_science { width: 1200px; overflow: hidden; margin: 0 auto; margin-top: 30px; }
.main_science .left { float: left; width: 884px; }
.main_science .lefts { overflow: hidden; }
.main_science .lefts ul { margin-top: 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px 32px; }
.main_science .lefts ul .pic { border-radius: 6px; overflow: hidden; }
.main_science .lefts ul .pic img { width: 100%; height: 150px; object-fit: cover; }
.main_science .lefts ul p { margin-top: 14px; font-size: 16px; line-height: 28px; color: var(--text-main); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_science .lefts ul .des { font-size: 14px; color: var(--text-sub); line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 8px;}
.main_science .lefts ul.on li a { display: block; overflow: hidden; }
.main_science .lefts ul.on li p { font-size: 16px; line-height: 28px; color: var(--text-main);}
.main_science .lefts ul.on li .des { font-size: 14px; color: var(--text-sub); line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 8px;}
.main_science .right { float: right; width: 280px; background: #fff; border-radius: 6px; padding: 20px; margin-top: 20px; box-sizing: border-box; }
.main_science .rank .user-us { padding-bottom: 16px; border-bottom: 1px solid #f2f3f7; }
.main_science .rank .user-icon { width: 40px; height: 40px; border-radius: 50%; background: var(--primary-gradient); }
.main_science .rank .rank-title p { font-size: 22px; color: var(--text-main); line-height: 40px; }
.main_science .rank .item { padding: 14px 0; border-bottom: 1px dashed #eee; overflow: hidden; }
.main_science .rank .item:last-child { border-bottom: none; }
.main_science .rank .num { float: left; width: 20px; height: 20px; line-height: 20px; text-align: center; background: var(--bg-page); border-radius: 4px; font-size: 12px; color: var(--text-muted); margin-top: 2px; }
.main_science .rank .txt { float: left; width: 200px; margin-left: 10px; font-size: 14px; color: var(--text-sub); line-height: 24px; }

/* ==========================================================================
   列表页左侧导航
   ========================================================================== */
.second-nav { padding: 0; }
.second-nav ul { list-style: none; display: flex; flex-wrap: wrap; gap: 16px;}
.second-nav li { position: relative; }
.second-nav li a { display: block; background: #fff;  border-radius: 6px; font-size: 15px; color: var(--text-main); line-height: 22px; padding: 10px 20px; transition: all .3s; }
.second-nav li a:hover { color: var(--primary); background: #f8fafb; }
.second-nav li .aside-title { font-size: 16px; font-weight: bold; color: var(--text-main); background: #f8fafb; }
.second-nav li .aside-title:hover { color: var(--primary); }
.second-nav li .an-item { font-size: 14px; color: var(--text-sub); }
.second-nav li .an-item:hover { color: var(--primary); background: #f8fafb; }
.second-nav li:last-child a { border-bottom: none; }
.second-nav .second-nav { display: none; padding-left: 20px; background: #fafbfc; }
.second-nav li:hover > .second-nav { display: block; }
.second-nav .second-nav a { font-size: 13px; padding: 10px 20px; border-bottom: none; color: var(--text-muted); }
.second-nav .second-nav a:hover { color: var(--primary); }

/* ==========================================================================
   列表页筛选
   ========================================================================== */
.main { background: var(--bg-page); }
.main .layout {display: flex; gap: 16px;}
.screen { background: #fff; border-radius: 6px; padding: 0 24px; box-sizing: border-box; margin-bottom: 10px; }
.screen-item { border-bottom: 1px dashed #eee; padding: 14px 0; display: flex; }
.screen-item:last-child { border-bottom: none; }
.s-item-title { width: 80px; font-size: 15px; color: var(--text-main); line-height: 28px; }
.s-item-result { flex: 1;}
.s-item-result.Js_contentHeight { max-height: 28px; overflow: hidden; }
.sir-list-u {display: flex; flex-wrap: wrap; gap: 10px 20px;}
.sir-list-u a { display: block;padding: 0 10px; font-size: 14px; color: var(--text-sub); line-height: 28px; }
.sir-list-u a:hover, .sir-list-u a.current { color: var(--primary); }
.s-item-btn { text-align: center; }
.s-item-btn .sib-more-down { display: inline-block; padding: 6px; font-size: 14px; color: var(--primary); background: #EFF8F5; border-radius: 4px; cursor: pointer; transition: all .3s; padding-right: 10px;color: #62C4A6;background: url(../images/icon-search-arrow.png) right center no-repeat;-webkit-background-size: 10px 7px;background-size: 10px 7px;}
.s-item-btn .sib-more-down:hover { filter: invert(100%); }
.screen-item.active .s-item-btn .sib-more-down { background-image: url(../images/icon-search-arrow-up.png);}
.screen-item.active .s-item-result.Js_contentHeight {max-height: none;}

.screen-all { background: #fff; border-radius: 6px; padding: 24px; box-sizing: border-box; }
.drug-title .video-num { font-size: 16px; color: var(--text-main); }
.video-num em { color: var(--primary); font-weight: bold; font-style: normal; }
.drug-title { margin-top: 0px; }

/* 分页 */
.wrap-list-paging { text-align: center; padding: 14px 0; clear: both; }
.wrap-list-paging .p-cell { margin-right: 10px; font-size: 14px; line-height: 20px; float: left; }
.wrap-list-paging ul { display: inline-block; }
.wrap-list-paging ul li a { display: block; padding: 4px 10px; background: #E5E8F2; border-radius: 4px; color: var(--text-sub); }
.wrap-list-paging .on a, .p-cell a:hover { background: var(--primary); color: #fff; }

/* ==========================================================================
   药企列表
   ========================================================================== */
.settled-brand { padding: 0; background: transparent; border-radius: 0;}
.video-header .seb-tags { display: inline-block; margin-left: 5px; width: 30px; height: 16px; line-height: 16px; background: -webkit-linear-gradient(138deg, #FF936A 0%, #FE6151 100%); background: linear-gradient(312deg, #FF936A 0%, #FE6151 100%); color: #fff; font-size: 12px; text-align: center; border-radius: 4px 0; vertical-align: 6px; }
.hot-drugs-list { margin-right: -12px; font-size: 0; }
.hot-drugs-list .hdl-item { display: inline-block; vertical-align: top; padding-right: 12px; width: 14.285%; box-sizing: border-box; }
.hot-drugs-list .hdli-link { display: block; width: 100%; height: 196px; text-align: center; background: #fff; overflow: hidden; border-radius: 6px; }
.hot-drugs-list .hd-pic { margin: 30px auto 0; width: 100px; height: 60px; }
.hot-drugs-list .hd-pic img { width: auto; max-width: 100%; height: 100%; object-fit: contain; }
.hot-drugs-list .hd-name { display: inline-block; padding: 0 10px; width: 100px; height: 26px; line-height: 26px; font-size: 14px; color: #1e2129; background: #dfe5fd; border-radius: 14px; }
.hot-drugs-list .hd-tip { color: #606370; font-size: 12px; }

/* 企业列表条目 */
.company-lists .cl-list li { padding: 24px 0; border-bottom: 1px solid #f2f3f7; overflow: hidden; display: flex; gap: 20px; }
.company-lists .cl-list li:last-child { border-bottom: none; }
.cl-list-cover { width: 170px; height: 130px; flex: 0 0 170px; border-radius: 6px; overflow: hidden; background: #f6f7fa; }
.cl-list-cover img { width: 100%; height: 100%; object-fit: contain; }
.cl-list-info {flex: 1;min-width: 0;}
.clli-base p { line-height: 26px; font-size: 14px; color: var(--text-sub); }
.clli-base em { color: var(--text-muted); }
.clli-base .dib { margin-right: 24px; }

/* 药品列表 */
.dl-lists li { padding: 24px 0; border-bottom: 1px solid #f2f3f7; overflow: hidden; display: flex; gap: 20px; }
.dl-lists li:last-child { border-bottom: none; }
.dll-info {min-width: 0; flex: 1;}
.dll-pic { width: 120px; height: 120px; border-radius: 6px; overflow: hidden; background: #f6f7fa; }
.dll-pic img { width: 100%; height: 100%; object-fit: contain; }
.dll-tags {display: flex; gap: 10px;margin-top: 10px;}
.dll-first .dll-tag { display: inline-block; padding: 2px 8px; font-size: 12px; border-radius: 4px; vertical-align: 2px; }
.dll-tag.sty1 { background: #EFF8F5; color: var(--primary); }
.dll-tag.sty2 { background: #FFF4E8; color: #FF8A3D; }
.dll-tag.sty3 { background: #E8F4FF; color: #3D9CFF; }
.dll-des { font-size: 14px; color: var(--text-sub); line-height: 24px; }
.dll-pos { color: var(--text-muted); }
.article-keywords { overflow: hidden; }

/* 视频列表 */
.video-list { display: grid; grid-template-columns: repeat(3, 1fr); flex-wrap: wrap; gap: 15px; margin-top: 20px; }
.video-list li { border-radius: 6px; box-shadow: 0 0 5px 2px rgba(0,0,0, .1); min-width: 0;}
.video-cover { border-radius: 6px 6px 0 0; overflow: hidden; position: relative; }
.video-cover img { width: 100%; height: 160px; object-fit: cover; }
.video-cover .icon-play { position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; background: rgba(0,0,0,.35); border-radius: 50%; }
.video-cover .icon-play:after { content: ''; position: absolute; left: 18px; top: 13px; border-left: 12px solid #fff; border-top: 9px solid transparent; border-bottom: 9px solid transparent; }
.video-info {padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}
.video-info-ti { font-size: 16px; color: var(--text-main); margin-top: 12px; }
.video-user .vu-avar { width: 24px; height: 24px; margin-right: 8px; }
.video-user .vu-base { font-size: 13px; color: var(--text-muted); line-height: 24px; }
.video-user .line1 { margin: 0 8px; color: #d5d8e2; }
.video-user .vc-time { font-size: 14px; color: #c8cbd6; }

/* 文章/资讯列表 */
.article-list .vd-list-u li { padding: 20px 0; border-bottom: 1px solid #f2f3f7; display: flex; gap: 15px;}
.video-pic { width: 200px; height: 120px; border-radius: 6px; overflow: hidden; }
.video-pic img { width: 100%; height: 100%; object-fit: cover; }
.video-content { margin-left: 220px; }
.video-content .vc-txt { font-size: 14px; color: var(--text-muted); line-height: 22px; margin-top: 10px; height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }
.vc-bottom { margin-top: 10px; display: flex; align-items: center;}
.vu-base {font-size: 14px; color: var(--text-muted);}
.vc-time { font-size: 14px; color: #c8cbd6; }
.information-title { font-size: 22px; color: var(--text-main); padding: 10px 0 20px; }
.information-title .span { border-left: 4px solid var(--primary); padding-left: 12px; }
.vu-avar {    margin-right: 10px;width: 30px;height: 30px;overflow: hidden;-webkit-border-radius: 50%;border-radius: 50%;}

/* 问答列表 */
.ask-lists li { padding: 22px 0; border-bottom: 1px dashed #eee; }
.ask-lists li:last-child { border-bottom: none; }
.al-title { position: relative; padding-left: 20px;}
.ask-lists .al-title:before {content: '问';position: absolute;left: -24px;top: 0;width: 30px;height: 30px;line-height: 30px;text-indent: 4px;color: #fff;font-size: 18px;background: -webkit-gradient(linear, left top, right top, from(#6BD388), to(#62C4A6));background: -webkit-linear-gradient(left, #6BD388 0%, #62C4A6 100%);background: linear-gradient(90deg, #6BD388 0%, #62C4A6 100%);-webkit-border-radius: 0 5px 16px 0;border-radius: 0 5px 16px 0;}
.al-title p { font-size: 20px; color: var(--text-main); }
.al-title p:hover { color: var(--primary); }
.al-text { display: block; font-size: 14px; color: var(--text-sub); line-height: 26px; margin-top: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ask-lists .vu-avar { width: 30px; height: 30px; margin-right: 10px; border-radius: 50%; overflow: hidden; }
.ask-lists .vu-avar img { border-radius: 50%; }
.ask-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 56px; }
.ask-grid li { min-width: 0; padding: 22px 0; border-bottom: 1px solid #eee; }
.ask-card { display: block; }
.ask-q, .ask-a { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
.ask-q i, .ask-a i { flex: 0 0 22px; width: 22px; height: 22px; margin-top: 3px; line-height: 22px; text-align: center; font-size: 13px; color: #fff; border-radius: 3px; }
.ask-q i { background: #3FB0FF; }
.ask-a i { background: #FF7C85; }
.ask-q span, .ask-a span { flex: 1; min-width: 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; letter-spacing: 0.02em; }
.ask-q span { font-size: 16px; font-weight: 500; line-height: 28px; color: var(--text-main); -webkit-line-clamp: 2; }
.ask-card:hover .ask-q span { color: var(--primary); }
.ask-a { margin-top: 12px; }
.ask-a span { font-size: 14px; line-height: 26px; height: 52px; color: var(--text-sub); -webkit-line-clamp: 2; }
.ask-meta { display: flex; gap: 20px; margin-top: 12px; padding-left: 32px; font-size: 13px; line-height: 20px; color: var(--text-muted); }

/* ==========================================================================
   侧栏
   ========================================================================== */
.search-rank { background: #fff; border-radius: 6px; padding: 20px; box-sizing: border-box; }
.sr-title { font-size: 18px; color: var(--text-main); padding-bottom: 14px; border-bottom: 2px solid var(--primary); margin-bottom: 6px; }
.sr-title .sr-more { font-size: 12px; color: var(--text-muted); line-height: 26px; }
.sr-list-box { margin-top: 10px; }
.sr-list-u li { padding: 12px 0; border-bottom: 1px dashed #eee; }
.sr-list-u li:last-child { border-bottom: none; }
.sr-list-u a.db, .sr-list-drug a.db {display: flex; align-self: start; gap: 15px;}
.sr-pic { width: 60px; height: 60px; position: relative; }
.sr-pic-img { width: 60px; height: 60px; border-radius: 6px; overflow: hidden; background: #f6f7fa; }
.sr-pic-img img { width: 100%; height: 100%; object-fit: cover; }
.company-videos {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
.company-video {border: 1px solid #eee; border-radius: 6px; display: block; min-width: 0; }
.company-video-pic { position: relative; border-radius: 6px 6px 0 0; overflow: hidden; background-color: var(--bg-page); }
.company-video-pic .play, .video-pic .play { position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; opacity: .85; }
.company-video-title { font-size: 15px; color: var(--text-main); line-height: 22px; padding: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ra-list { margin-top: 10px; }
.ra-list li { padding: 8px 0; border-bottom: 1px dashed #eee; }
.ra-list li:last-child { border-bottom: none; }
.ra-list li a { display: block; font-size: 14px; color: var(--text-sub); line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ra-list li a:hover { color: var(--primary); }
.ha-num { width: 18px; height: 18px; line-height: 18px; flex: 0 0 18px; text-align: center; font-size: 12px; color: #fff; background: #BDC2CE; border-radius: 4px 0 4px 0; }
.ha-num-pos { position: absolute; left: -4px; top: -4px; }
.ha-num-1 { background: #FF6B57; color: #fff; }
.ha-num-2 { background: #FFA23D; color: #fff; }
.ha-num-3 { background: #FFC53D; color: #fff; }
.sr-info-first { font-size: 14px; color: var(--text-main); line-height: 20px; }
.sr-info-second { font-size: 13px; color: var(--text-sub); line-height: 20px; background-color: var(--bg-page); padding: 4px 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; border-radius: 5px; }
.sr-info p.mt5 { font-size: 12px; color: var(--text-muted); }
.sr-info .c-num { color: var(--primary); font-style: normal; font-weight: bold; }
.sr-list-product {display: grid; grid-template-columns: repeat(2, 1fr);gap: 15px; text-align: center; align-items: center;}
.sr-list-product a.db {display: flex; flex-direction: column; gap: 10px; min-width: 0;}
.sr-list-product .srld-pic { width: 100%; height: 120px; flex: 0;}
.sr-list-product .srld-title { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* 推荐药品侧栏 */
.sr-list-drug li { padding: 14px 0; border-bottom: 1px dashed #eee; overflow: hidden; }
.sr-list-drug li:last-child { border-bottom: none; }
.srld-pic { width: 64px; height: 64px; flex: 0 0 64px; border-radius: 6px; overflow: hidden; background: #f6f7fa; }
.srld-pic img { width: 100%; height: 100%; object-fit: contain; }
.srld-info {min-width: 0;}
.srld-title { font-size: 15px; color: var(--text-main); line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.srld-des { font-size: 12px; color: var(--text-muted); line-height: 20px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.srld-from { font-size: 12px; color: #c8cbd6; margin-top: 6px; }
.icon-brand { display: inline-block; width: 14px; height: 14px; vertical-align: -2px; margin-right: 4px; background: url(../images/icon-brand.png) left 1px no-repeat; background-size: 15px 14px; }

/* 名医科普 ac-list */
.ac-list li { padding: 14px 0; border-bottom: 1px dashed #eee; }
.ac-list li:last-child { border-bottom: none; }
.aclc-title { font-size: 15px; color: var(--text-main); line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.acle-bottom .f12 { display: inline-block; margin-right: 16px; font-size: 12px; color: var(--text-muted); }
.icon-h:before, .icon-time:before { content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 4px; vertical-align: -2px; border-radius: 2px; background: var(--bg-page); }
.icon-h:before { background: url(../images/icon-video-hot.png) center center no-repeat; background-size: contain;}
.icon-time:before {background: url(../images/icon-time.png) center center no-repeat; background-size: contain;}

/* 最新资讯侧栏 */
.latest-item { padding: 10px 0; border-bottom: 1px dashed #eee; }
.latest-item:last-child { border-bottom: none; }
.latest-pic { width: 80px; height: 54px; border-radius: 4px; overflow: hidden; }
.latest-pic img { width: 100%; height: 100%; object-fit: cover; }
.latest-info { margin-left: 90px; }
.li-title { font-size: 14px; color: var(--text-main); line-height: 20px; }
.li-des { font-size: 12px; color: var(--text-muted); }
.time-text { font-size: 12px; color: #c8cbd6; }

/* 大家都在看 */
.ha-radius { display: inline-block; vertical-align: middle; }
.a-info { display: inline-block; width: 220px; font-size: 14px; color: var(--text-sub); line-height: 20px; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* 热门提问 */
.hot-ask-list li { padding: 12px 0; border-bottom: 1px dashed #eee; }
.hot-ask-list li:last-child { border-bottom: none; }
.ha-title { font-size: 14px; color: var(--text-main); line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ha-base { margin-top: 8px; font-size: 12px; color: var(--text-muted); }
.hab-left img { width: 20px; height: 20px; border-radius: 50%; }

/* ==========================================================================
   药企详情
   ========================================================================== */
.company-box { padding-top: 140px;min-height: 100px;background: url(../images/pic-company-bg.png) center top no-repeat;background-size: contain;}
.company-brief { background: #fff; border-radius: 6px; padding: 20px; }
.cb-intro-cover { width: 120px; height: 120px; border-radius: 60px; overflow: hidden; background: #f6f7fa; position: relative; margin-top: -50px; border: 1px solid #D6D9DA; }
.cb-intro-cover img { width: 100%; height: 100%; object-fit: cover; }
.cb-intro-text { margin-left: 140px; }
.cb-intro-text b { display: block; line-height: 32px; }
.cb-intro-text p { color: var(--text-muted); line-height: 24px; }
.cb-intro-des { font-size: 14px; color: var(--text-sub); line-height: 22px; padding-right: 90px; max-height: 44px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }
.cb-link { position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: var(--primary); font-size: 14px; }
.company-nav { border-radius: 6px; }
.company-nav .drug-nav-u li { float: left; margin-right: 40px; line-height: 50px; }
.company-nav .drug-nav-u li a { font-size: 15px; color: var(--text-sub); display: block; position: relative; }
.company-nav .drug-nav-u li.on a, .company-nav .drug-nav-u li a:hover { color: var(--primary); }
.company-nav .drug-nav-u li.on a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--primary); }

/* 详情页通用区块 */
.video-detail-related { background: #fff; border-radius: 6px; padding: 24px; margin-top: 20px; }
.video-header { font-size: 20px; color: var(--text-main); border-bottom: 2px solid var(--primary); padding-bottom: 14px; }
.ga-more { font-size: 13px; color: var(--text-muted); line-height: 30px; }
.ga-more:hover { color: var(--primary); }
.vd-list-u li { padding: 16px 0; border-bottom: 1px dashed #eee; overflow: hidden; }
.vd-list-u li:last-child { border-bottom: none; }
.cd-pic { width: 100px; height: 100px; border-radius: 6px; overflow: hidden; background: #f6f7fa; }
.cd-pic img { width: 100%; height: 100%; object-fit: contain; }
.cd-info { margin-left: 118px; }
.vdq-title { position: relative; padding-left: 34px; line-height: 24px;}
.vdq-title:before { content: '问'; position: absolute; left: 0; top: 0; font-size: 14px; color: #fff; text-align: center; line-height: 24px; width: 24px; height: 24px; background: #3FB0FF; -webkit-border-radius: 50%; border-radius: 50%;}
.vdq-text { margin-top: 16px; position: relative; padding-left: 34px; line-height: 24px; color: #606370; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.vdq-text:before { content: '答'; position: absolute; left: 0; top: 0; font-size: 14px; color: #fff; text-align: center; line-height: 24px; width: 24px; height: 24px; background: #FF7C85; -webkit-border-radius: 50%; border-radius: 50%;}

/* 企业信息表 */
.company-table { background: #fff; border-radius: 6px; padding: 24px; margin-top: 20px; }
.company-table table { width: 100%; font-size: 14px; border: 1px solid #F1F4F9; -webkit-border-radius: 6px; border-radius: 6px;}
.company-table table tr { color: #969AA9; border-bottom: 1px solid #F1F4F9;}
.company-table table tr:last-of-type { border-bottom: none;}
.company-table table tr td { padding: 15px 20px; width: 30%; border-right: 1px solid #F1F4F9; border-bottom: 1px solid #F1F4F9;}
.company-table table tr td:last-of-type { border-right: none;}
.company-table table tr p { line-height: 24px;}
.company-table table .c-thead { width: 10%; background: #F5F8FC; color: #1E2129;}
.company-table table .c-thead.w-10 { width: 10%;}
.company-area .ca-item { overflow: hidden; }
.ca-item p { width: 50%; float: left; box-sizing: border-box; padding: 14px 0; font-size: 14px; color: var(--text-sub); border-bottom: 1px dashed #eee; line-height: 26px; }
.ca-item b { color: var(--text-main); margin-right: 12px; }

/* 医生作品统计 */
.doctor-works { background: #fff; border-radius: 6px; padding: 24px; text-align: center; }
.dw-item { display: inline-block; width: 76px; }
.dw-item span { display: block; color: var(--primary); font-weight: bold; }
.dw-item em { color: var(--text-muted); font-size: 14px; }

/* ==========================================================================
   药品详情
   ========================================================================== */
.drug-product-intro { background: #fff; border-radius: 6px; padding: 24px; }
.drug-nav { margin-bottom: 20px; }
.drug-nav-u { overflow: hidden; }
.drug-nav-u li { float: left; margin-right: 30px; line-height: 40px; }
.drug-nav-u li a { font-size: 15px; color: var(--text-sub); display: block; position: relative; }
.drug-nav-u li.on a, .drug-nav-u li a:hover { color: var(--primary); }
.drug-nav-u li.on a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--primary); }
.dpi-pic { width: 300px; height: 300px; border-radius: 6px; overflow: hidden; background: #f6f7fa; position: relative;}
.dpi-pic img { width: 100%; height: 100%; object-fit: contain; }
.dpi-info { margin-left: 320px; }
.dpi-tips { border: 1px solid #F4F5FA; border-radius: 6px; display: flex; align-items: center; }
.dpi-icon {padding: 15px; border-right: 1px solid #F4F5FA; color: #F72A63; text-align: center;}
.dpi-icon i { display: inline-block; width: 18px; height: 18px; background: url(../images/icon-tips.png) no-repeat; background-size: contain; vertical-align: middle; margin-right: 6px; }
.dpi-text { font-size: 14px; color: var(--text-sub); line-height: 22px; padding: 15px; }
.dpi-base .base-item { font-size: 14px; color: var(--text-main); line-height: 38px; display: flex; }
.dpi-base b { color: var(--text-muted); white-space: nowrap;}
.base-item > div { flex: 1; }
.dpi-base .base-item div,
.dpi-base .base-item p,
.dpi-base .base-item span,
.dpi-base .base-item font,
.company-table td span,
.company-table td font,
.company-table td p {
  font-size: inherit !important;
  font-family: inherit !important;
  line-height: inherit;
  background: transparent !important;
  color: inherit !important;
}
.drugs-detail-top-cellshow { display: inline-block; vertical-align: top; font-size: 14px; color: var(--text-main); line-height: 26px; }
.minHeight318 { min-height: 318px; }
.swiper-pagination { text-align: center; }

/* 品牌介绍侧栏 */
.vd-intro { background: #fff; border-radius: 6px; padding: 24px; box-sizing: border-box; }
.vd-brand-logo { height: 90px; display: flex; align-items: center; justify-content: center; background: #f6f7fa; border-radius: 6px; overflow: hidden; }
.vd-brand-logo img { max-height: 70px; }
.vd-brand-text { font-size: 13px; color: var(--text-muted); line-height: 22px; max-height: 66px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.vd-brand-link { display: block; margin-top: 14px; text-align: center; color: var(--primary); font-size: 14px; }
.vd-brand-link .icon-more-arrow { display: inline-block; width: 6px; height: 6px; border-top: 1px solid var(--primary); border-right: 1px solid var(--primary); transform: rotate(45deg); margin-left: 4px; vertical-align: 2px; }

/* ==========================================================================
   视频/文章/问答/资讯 详情页
   ========================================================================== */
.video-detail-top { background: #fff; border-radius: 6px; padding: 24px; }
.vd-content { background: #000; border-radius: 6px; overflow: hidden; }
.vd-c { width: 100%; height: 480px; display: block; }
.vdi-title .vdi-tip { display: inline-block; padding: 6px 16px 6px 10px; background: var(--primary); color: #fff; font-size: 14px; border-radius: 4px; margin-right: 12px; vertical-align: 4px; background-color: #f85d5c; clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);}
.vdi-title h1 { display: inline-block; font-size: 24px; color: var(--text-main); line-height: 32px; }
.vdi-intro { overflow: hidden; }
.vdi-i-item { float: left; margin-right: 30px; font-size: 13px; color: var(--text-muted); line-height: 28px; }
.vdi-i-item a { color: var(--primary); }
.vdi-text { font-size: 16px; color: var(--text-main); line-height: 30px; }
.vdi-text p { margin-bottom: 12px; }
.vdi-btn { overflow: hidden; }
.vdi-b { display: inline-block; padding: 6px 24px; background: var(--primary); color: #fff; border-radius: 4px; font-size: 14px; }

/* 文章详情 */
.article-header h1 { font-size: 28px; color: var(--text-main); line-height: 36px; }
.article-header .vdi-i-item { float: none; display: inline-block; margin-right: 30px; }
.article-content { font-size: 16px; line-height: 28px; color: var(--text-main); }
.article-content p { margin-bottom: 16px; }
.article-content img { max-width: 100%; height: auto; }
.content-max-img img { max-width: 100%; }
.article-content [data-alignment="center"],.article-content [data-align="center"] {text-align: center; margin-left: auto; margin-right: auto;}
.article-content img[data-image-type="block"],
.article-content img[data-alignment="center"] {
    display: block;
    width: 50%;
    max-width: 100%;
    height: auto;
    margin: 16px auto;
}
.add-drug { background: var(--bg-page); border-radius: 8px; padding: 20px; margin-bottom: 24px; }
.add-drug { margin: 10px auto; padding: 20px; width: 80%; background: #FAFAFA; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.add-drug-pic { margin-top: 0 !important; width: 90px; height: 90px; flex: 0 0 90px; background: #FFFFFF; border: 1px solid #E5E8F2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.adp-link { padding: 10px; overflow: hidden; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.add-drug-name { font-size: 18px; color: #333 !important;}
.add-drug-fun { font-size: 14px; color: #666 !important; line-height: 1;}

.add-ask { padding: 20px; background: #fff;}
.add-ask .add-drug { margin-top: 0; background: #fff; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 5px 2px rgba(0,0,0, .1); display: flex; gap: 15px; align-items: center;}
.add-drug-pic img { max-width: 100% !important; width: 100%; height: 100%; object-fit: contain;}
.add-drug-info { flex: 1; min-width: 0; }
.add-drug-name { font-size: 16px; color: var(--text-main); line-height: 26px; }
.add-drug-fun { font-size: 13px; color: var(--text-muted); line-height: 24px; }
.btn-add-drug { display: inline-block; margin-top: 12px; padding: 10px 20px; background: var(--primary); color: #fff; border-radius: 4px; font-size: 14px; }
.arcitle-pagination { overflow: hidden; margin-top: 24px; padding-top: 16px; border-top: 1px dashed #eee; }
.arcitle-pagination .ado-item { display: block; font-size: 14px; color: var(--text-sub); line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arcitle-pagination .ado-item:hover { color: var(--primary); }


/* 问答详情 */
.question-content { border-bottom: 2px solid var(--primary); padding-bottom: 14px; }
.ask-tips { font-size: 12px; color: var(--text-muted); line-height: 32px; }
.ask-des { font-size: 16px; color: var(--text-sub); line-height: 26px; }
.article-first { color: var(--text-muted); }
.al-doctor { overflow: hidden; }
.al-doctor-avar { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; }
.al-doctor-avar img { width: 100%; height: 100%; object-fit: cover; }
.al-doctor-info { margin-left: 64px; }
.al-doctor-info b { font-size: 16px; color: var(--text-main); margin-right: 8px; }
.al-doctor-info span {font-size: 14px; color: var(--text-muted);}
.al-doctor-info .pt5 p { font-size: 13px; color: var(--text-muted); line-height: 22px; }
.answer-content {  background-color: var(--bg-page); padding: 15px; }

/* ==========================================================================
   页脚
   ========================================================================== */
.footer-wrap { min-width: var(--container); margin-top: 20px; background: var(--bg-footer); border-top: 1px solid var(--border); }
.friend-link { border-radius: 0 0 6px 6px; margin-top: 20px; }
.fl-nav { height: 60px; line-height: 60px; border-bottom: 3px solid #F1F4F9; }
.fl-nav .fl-nav-item { display: inline-block; margin-right: 50px; font-size: 16px; cursor: pointer; position: relative; }
.fl-nav .fl-nav-item.on { font-size: 20px; font-weight: 500; }
.fl-nav .fl-nav-item.on:after { content: ''; position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; background: var(--primary-gradient); border-radius: 2px; }
.fl-main-item { font-size: 0; min-height: 100px; margin-top: 20px; }
.friend-link-pics { display: grid; grid-template-columns: repeat(8, 1fr); gap: 16px; }
.flmi-pic { display: inline-block; width: 100%; height: 56px; overflow: hidden; background: #fff; }
.flmi-pic img { height: 100%; object-fit: contain; }
.friend-link-list { font-size: 0; display: flex; flex-wrap: wrap; }
.friend-link-list li { position: relative; display: inline-block; padding: 0 10px; font-size: 16px; line-height: 34px; }
.friend-link-list li a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.friend-link-list li:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 50%; background: #D5D8E2; }
.footer { padding: 20px 0; font-size: 14px; color: var(--text-muted); line-height: 28px; text-align: center; }
.footer p { line-height: 1; }
.footer em { color: #C8CBD6; }
.footer a { color: var(--text-muted); }
.footer a:hover { color: var(--primary); }

/* ==========================================================================
   疾病百科（独立布局，复刻原站内联样式）
   ========================================================================== */
.content { padding: 21px 0 39px; width: 1000px; margin: 0 auto; display: flex; }
.content-detail { margin-bottom: -20px; flex: 1; }
.content-chunk { background: #fff; box-sizing: border-box; border-radius: 6px; margin-bottom: 20px; position: relative; }
.content-chunk::before, .catalog::before, .content_list::before { content: ''; position: absolute; top: 0; left: 0; transform-origin: 0 0; box-sizing: border-box; pointer-events: none; width: 200%; height: 200%; transform: scale(0.5, 0.5); border: 1px solid #eceef0; border-radius: 12px; }
.titleModule { position: relative; display: flex; align-items: center; }
.titleModule-bg { width: 100%; }
.titleModule-text { position: absolute; top: 50%; padding-left: 32px; transform: translateY(-50%); display: flex; align-items: center; }
.titleModule-text-main { font-family: "PingFang SC"; font-weight: 500; font-size: 24px; line-height: 34px; color: #222; }
.titleModule-text-sub { margin-left: 4px; font-family: "PingFang SC"; font-size: 16px; line-height: 19px; color: rgba(34,34,34,.7); }
.rightArrow { width: 6px; height: 6px; border-top: 1px solid #666; border-right: 1px solid #666; margin-left: 7px; transform: rotate(45deg); }
.contentModule { padding: 30px; }
.contentModule-list { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: -12px; }
.contentModule-list-item { margin-bottom: 12px; cursor: pointer; width: 140px; height: 32px; background: #f6f7fa; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-family: "PingFang SC"; font-size: 14px; color: #666; }
.contentModule-list-item:hover { background: var(--accent); color: #fff; }
.btnModule { margin-top: 20px; display: flex; justify-content: center; }
.btnModule-inner { display: flex; align-items: center; color: var(--accent); font-size: 14px; line-height: 20px; }

.disease { padding: 21px 0 39px; width: 1000px; margin: 0 auto; }
.disease-chunk .catalog { background: #fff; box-sizing: border-box; padding: 30px; position: relative; }
.disease-list { display: flex; }
.disease-list .title { width: 50px; font-family: "PingFang SC"; font-weight: 500; font-size: 15px; line-height: 32px; color: #000; height: 32px; flex-shrink: 0; }
.disease-list .list { flex: auto; display: flex; align-items: center; margin-bottom: -10px; flex-wrap: wrap; }
.disease-list .item { cursor: pointer; width: 88px; height: 32px; background: #f6f7fa; border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; font-family: "PingFang SC"; font-size: 14px; color: #666; margin-right: 10px; }
.disease-list .item:hover, .disease-list .item_active { background: var(--accent); color: #fff; }
.disease-line { display: flex; position: relative; margin: 30px 0; }
.disease-line::before { content: ""; position: absolute; width: 100%; top: 0; left: 0; transform-origin: 0 0; box-sizing: border-box; pointer-events: none; transform: scaleY(0.5); border-bottom: 1px solid #eceef0; }
.disease-content { display: flex; justify-content: space-between; flex-wrap: wrap; }
.disease-content .item { cursor: pointer; margin-top: 8px; width: 496px; height: 144px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; position: relative; background: #fff; padding: 30px; }
.disease-content a { outline: none; text-decoration: none; }
.disease-content .item::before { content: ""; position: absolute; top: 0; left: 0; transform-origin: 0 0; box-sizing: border-box; pointer-events: none; width: 200%; height: 200%; transform: scale(0.5, 0.5); border: 1px solid #eceef0; border-radius: 12px; }
.disease-content .item-title { font-family: "PingFang SC"; font-weight: 600; font-size: 20px; line-height: 28px; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.disease-content .item-desc { font-family: "PingFang SC"; font-size: 14px; line-height: 1.57; text-align: justify; color: #222; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.content_left { width: 664px; background: #fff; position: relative; }
.content_right { width: 328px; margin-left: 8px; }
.content_top { background: var(--accent); padding: 30px; position: relative; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.content_top .bg { position: absolute; right: 0; bottom: 0; height: 111px; }
.content_top .box { position: relative; font-family: "PingFang SC"; color: #fff; }
.content_top .box_title_name { font-weight: 600; font-size: 40px; line-height: 56px; }
.content_detail { padding: 0 30px 30px; }
.content_detail .level1 { padding-left: 20px; font-family: "PingFang SC"; font-weight: 600; font-size: 26px; line-height: 1.5; color: #222; position: relative; }
.content_detail .level1::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background: var(--accent); border-radius: 2px; }
.content_detail .text { font-family: "PingFang SC"; font-size: 16px; line-height: 1.9; color: #222; text-align: justify; margin-top: 16px; }
.divide { height: 1px; background: #eceef0; margin: 28px 0; }
.tipview_text{font-weight:400;font-size:16px;line-height:26px;color:#808080;padding: 0 30px 30px 30px; }
.tipview_text.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.tipview_text_icon{width:16px;height:16px;margin-right:4px;}
.tipview_text + .tipview_text{margin-top:10px;}
.content_list { background: #fff; padding: 30px; box-sizing: border-box; border-radius: 6px;  position: sticky; top: 80px;  }
.content_list .title { font-family: "PingFang SC"; font-weight: 600; font-size: 20px; line-height: 28px; color: #222; }
.content_list .box { margin-top: 20px; }
.content_list .box-item { cursor: pointer; font-family: "PingFang SC"; font-size: 16px; line-height: 48px; color: #666; border-bottom: 1px solid #f2f3f5; display: block; }
.content_list .box-item.level-2 {padding-left: 16px; font-size: 0.9;}
.content_list .box-item.level-3 {padding-left: 32px; font-size: 0.85;}
.content_list .box-item.level-4 {padding-left: 48px; font-size: 0.8;}
.content_list .box-item.level-5 {padding-left: 64px; font-size: 0.75;}

/* doc content style */
.prose-doc h2 { font-size: 1.5rem; font-weight: 600; margin-top: 2.5rem; margin-bottom: 1rem;padding-bottom: 0.5rem; border-bottom: 1px solid #e2e8f0; color: #1e293b;}
.prose-doc h3 { font-size: 1.25rem; font-weight: 600; margin-top: 2rem; margin-bottom: 0.75rem; color: #334155;}
.prose-doc p { margin-bottom: 1rem; line-height: 1.75; color: #1e293b; font-size: 15px; }
.doc-summary { margin: 0 0 16px; padding: 14px 16px 12px; background: #f4faf7; border: 1px solid #d7efe6; border-left: 4px solid var(--primary); border-radius: 8px; }
.doc-summary-label { display: inline-block; margin-bottom: 8px; padding: 0 8px; height: 22px; line-height: 22px; font-size: 12px; font-weight: 600; color: #fff; background: var(--primary); border-radius: 4px; }
.prose-doc .doc-summary-text, .doc-summary-text { margin: 0; font-size: 14px; line-height: 24px; color: var(--text-sub); }
.prose-doc .ep-geo-note, .ep-geo-note { margin: 0 0 20px; font-size: 12px; line-height: 20px; color: #8b909c; }
.clli-base .clli-intro { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; line-height: 22px; max-height: 44px; }
.prose-doc span,
.prose-doc font,
.prose-doc div {
  font-size: inherit !important;
  font-family: inherit !important;
  background: transparent !important;
}
.prose-doc .doc-summary { background: #f4faf7 !important; font-size: 14px !important; }
.prose-doc .doc-summary-label { display: inline-block; margin-bottom: 8px; padding: 0 8px; height: 22px; line-height: 22px; font-size: 12px !important; font-weight: 600; color: #fff !important; background: #62C4A6 !important; border-radius: 4px; }
.prose-doc ul { list-style: disc; margin-bottom: 1rem; padding-left: 1.5rem; }
.prose-doc ol { list-style: decimal; margin-bottom: 1rem; padding-left: 1.5rem; }
.prose-doc li { margin-bottom: 0.375rem; line-height: 1.75; color: #1e293b; }
.prose-doc blockquote { border-left: 4px solid #2563eb; padding: 0.75rem 1.25rem; margin: 1.5rem 0; background: #f8fafc; border-radius: 0 0.5rem 0.5rem 0; color: #1e293b;}
.prose-doc blockquote p { margin-bottom: 0; }
.prose-doc a { color: #2563eb; font-weight: 500; }
.prose-doc a:hover { text-decoration: underline; }
.prose-doc img { max-width: 100%; border-radius: 0.5rem; margin: 1.5rem 0; }
.prose-doc hr { border: none; border-top: 1px solid #e2e8f0; margin: 2rem 0; }
/* Code blocks */
.prose-doc pre { background: #f1f5f9; border-radius: 0.5rem; padding: 1.25rem 1.5rem; overflow-x: auto; margin: 1.5rem 0; font-size: 0.875em; line-height: 1.6; border: 1px solid #e2e8f0; border-left: 4px solid #2563eb;}
.prose-doc pre code { background: none !important; padding: 0 !important; border-radius: 0 !important; color: inherit !important; font-weight: 400 !important; font-size: inherit;}
.prose-doc code { font-family: 'Fira Code', 'Source Code Pro', Consolas, monospace; font-size: 0.875em; background: #eff6ff; padding: 0.125rem 0.375rem; border-radius: 0.25rem; color: #2563eb; font-weight: 500;}
/* Tables */
.prose-doc table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 0.875rem; }
.prose-doc table thead { background: #f1f5f9; border-bottom: 2px solid #e2e8f0; }
.prose-doc table th, .prose-doc table td { padding: 0.75rem 1rem; text-align: left; border: 1px solid #e2e8f0;}
.prose-doc table th { font-weight: 600; color: #334155; white-space: nowrap; }
.prose-doc table td { font-weight: 400; color: #1e293b; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* ==========================================================================
   响应式
   ========================================================================== */
@media (max-width: 1200px) {
  .w1200, .layout { width: 100%; padding: 0 16px; box-sizing: border-box; }
  .wrap-box { min-width: 0; }
  .footer-wrap { min-width: 0; }
  .top .search { margin-left: 40px; width: auto; }
  .top .inp-box { width: auto; }
  .top .search-inp { width: 300px; }
  .main_science .left { width: 100%; float: none; }
  .main_science .right { float: none; width: 100%; margin-top: 20px; }
  .content, .disease { width: 100%; box-sizing: border-box; padding: 16px; }
  .content { flex-direction: column; }
  .content_left { width: 100%; }
  .content_right { width: 100%; margin-left: 0; margin-top: 16px; }
  .disease-content .item { width: 49%; }
}

@media (max-width: 992px) {
  .common .nav-list li { margin-left: 20px; }
  .common .search { display: none; }
  .w884, .w870 { width: 100%; }
  .w300 { width: 100%; float: none !important; margin-top: 20px; }
  .right.w300 { margin-left: 0; }
  .nav-sub { display: none; }
  .main_science .lefts ul.on li p { width: 100%; float: none; }
  .main_science .lefts ul.on li .des { width: 100%; float: none; margin-top: 8px; }
  .ca-item p { width: 100%; }
  .content_detail .level1 { font-size: 22px; }
}

@media (max-width: 768px) {
   .f20 {font-size: 18px;}
   .f18 {font-size: 16px;}
   .w1200, .layout {padding: 0;}
  .top { padding: 16px; background: linear-gradient(to right, #00BEF5, #4AD3BC); height: 130px; position: relative; }
  .top .logo { width: 120px; height: 36px; filter: brightness(0) invert(1); }
  .top .slogan {margin-top: 0;}
  .top .search { margin-left: 0; left: 30px; right: 30px; position: absolute; top: 70px; }
  .top .search form {display: flex;}
  .top .inp-box { width: auto;  background-color: #fff; border: none; border-radius: 20px 0 0 20px; flex: 1; }
  .top .search-inp { width: 180px; font-size: 13px; }
  .top .btn-search { width: 64px; letter-spacing: 2px; height: 36px; background: #fff; color: var(--primary); border-radius: 0 20px 20px 0; }
  .sl .slideBox {display: none;}
  .hot {position: relative; height: auto; }
  .platform-operation { flex-direction: row; width: 100%; text-align: center; padding: 0; }
  .platform-o-item {padding-top: 0;}
  .platform-o-item a {flex-direction: column;}
  .platform-item-info dt {font-size: 14px;}
  .platform-item-info dd {display: none;}
  .hot .flr {float: none;}
  .common { height: auto; line-height: normal; padding: 10px; }
  .common .logo { margin-top: 0; height: 36px; }
  .common .all-img {height: 36px;}
  .common .nav-list li { margin-left: 0; margin-right: 0; line-height: 36px; }
  .bread { padding: 14px 10px; }
  .disease-content .item { width: 100%; height: auto; padding: 16px; }
  .dll-pic { width: 90px; height: 90px; }
  .cl-list-cover { width: 100px; height: 70px; flex: 0 0 100px; }
  .company-lists .cl-list li {padding: 16px 0; gap: 10px;}
   .cl-list-info a {font-size: 16px;}
  .video-pic { width: 110px; height: 70px; position: relative; }
  .video-content { margin-left: 122px; }
  .video-content .f20 {font-size: 16px;}
  .video-content .vc-bottom {display: none;}
  .dpi-pic { width: 100%; height: auto; float: none;}
  .dpi-info { margin-left: 0; margin-top: 20px; }
  .dpi-info .minHeight318 { min-height: 0; }
  .cb-intro-cover { width: 90px; height: 90px; }
  .cb-intro-text { margin-left: 100px; }
  .vd-c { height: 240px; }
  .s-item-title { width: 64px; }
  .contentModule-list-item { width: 31%; }
  .disease {padding: 0;}
  .disease-list .title { width: 40px; }
  .disease-content .item-title {font-size: 18px;}
  .disease-content .item-desc {color: var(--text-sub);}
  .tong_title {padding-left: 10px; padding-right: 10px; box-sizing: border-box; margin-top: 10px;}
  .tong_title .subtag {display: none;}
  .tong_title p {font-size: 20px;}
  .tong_title .more {right: 10px;}
  /* 修复移动端横向滚动 */
  .main_special, .main_video, .main_qa, .main_science { width: 100% !important; }
  .main_special .box, .main_video .boxwo, .main_qa .box { width: 100% !important; overflow: hidden; padding: 0 10px; box-sizing: border-box; margin-top: 10px; height: auto; }
  .main_special .swiper-slide { width: 180px !important; margin-right: 10px; }
  .main_special .swiper-slide img { width: 180px !important; height: auto; }
  .main_video .boxwo>ul {display: grid; grid-template-columns: repeat(2, 1fr);}
  .main_video .boxwo li {width: auto; }
  .main_video .boxwo .pic {height: auto;}
  .main_video .boxwo .pic img.p { width: 100% !important; height: auto; }
  .main_video .boxwo .info p {font-size: 14px;}
  .nav { flex-wrap: wrap; overflow: hidden; }
  .nav-left { width: 100% !important; border-radius: 6px 6px 0 0; flex-shrink: 0; box-sizing: border-box; }
  .nav-list { width: 100%; flex-wrap: wrap; }
  .nav-list li { margin-right: 12px; }
  .main_science .left { width: 100%; float: none; box-sizing: border-box; padding-left: 10px; padding-right: 10px; }
  .main_science .right { width: 100%; float: none; padding: 10px; }
  .main_science .lefts ul {grid-template-columns: repeat(2, 1fr);}
  .main_science .lefts ul:last-child {grid-template-columns: 1fr;}
  .main_science .lefts ul li:first-child {display: none;}
  .main_science .lefts ul.on li p { width: 100% !important; float: none;}
  .main_science .lefts ul.on li .des { width: 100% !important; float: none; }
  .main_qa .box { flex-direction: column; }
  .main_qa .box .ws { width: 100% !important; }
  .main_qa .box .dayi { width: 100% !important; margin-top: 10px; box-sizing: border-box; }
  .main_qa .box .ws>ul {grid-template-columns: 1fr;}
  .main_qa .box .ws>ul li { width: 100% !important; height: auto; }
  .main_qa .box .ws>ul li a { padding: 15px; }
  .main_qa .box .ws>ul li a .label, .main_qa .box .dayi ul li a .label {margin-bottom: 4px;}
  .main_qa .box .ws>ul li a .label div { width: 100% !important; }
  .main_qa .box .ws>ul li a .label div p, .main_qa .box .dayi ul li a .label div p {font-size: 16px;}
  .main_qa .box .ws>ul li a .label div span, .main_qa .box .dayi ul li a .label div span {font-size: 14px; line-height: 22px;}
  .main_qa .box .ws>ul li a .user p, .main_qa .box .ws>ul li a .user span, .main_qa .box .dayi ul li a .user p, .main_qa .box .dayi ul li a .user span{font-size: 14px;}
  .main_qa .box .dayi ul li a .label div {width: 100%;}
  .main_qa .box .dayi .swiper {height: 320px;}
  .friend-link {padding: 0 10px;}
  .fl-nav {height: 40px; line-height: 40px;}
  .fl-nav .fl-nav-item.on {font-size: 16px;}
  .friend-link-pics { grid-template-columns: repeat(3, 1fr);}
  .flmi-pic { height: 40px; }
  .friend-link-list {padding-top: 0;}
  .footer {padding-bottom: 10px;padding-left: 10px; padding-right: 10px;}
  .home-nav {display: none;}
  .video-detail-top {padding: 10px;}
  .add-ask {padding: 0;}
  .add-drug {padding: 10px;}
  .video-detail-related {padding: 10px;}
  .vd-list {margin-top: 0;}
  .vdq-title {font-size: 16px;}
  .vdq-text {font-size: 14px;}
  .btn-add-drug {font-size: 12px; padding: 6px 10px;}
  .main .layout {flex-direction: column;}
  .screen {padding: 0 10px;}
  .screen-item {padding: 8px 0;}
  .screen-all {padding: 10px;}
  .video-list {grid-template-columns: repeat(2, 1fr);}
  .video-cover img {height: 120px;}
  .settled-brand {padding: 0 10px;}
  .hot-drugs-list {margin-right: -8px;}
  .hot-drugs-list .hdl-item {width: 33.33%; padding-right: 8px;}
  .search-rank {padding: 10px;}
  .company-box {background-size: auto 100px;padding-top: 100px;}
  .company-brief {padding: 10px;}
  .drug-nav-u {display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; flex-wrap: wrap; justify-content: space-around;}
  .company-nav .drug-nav-u li {margin-right: 0; line-height: 40px;}
  .company-nav .drug-nav-u li a {display: inline-block;}
  .video-header {padding-bottom: 10px; line-height: 30px;}
  .dll-des {padding-top: 0px;}
  .company-table {padding: 10px;}
  .company-table table .c-thead.w-10 {width: 20%;}
  .sr-list-product {grid-template-columns: repeat(3, 1fr);}
  .drug-nav-u li {margin-right: 0;}
  .drug-nav-u li a { display: inline-block;}
  .drug-product-intro {padding: 10px;}
  .dpi-icon {white-space: nowrap;}
  .ask-lists .al-title:before {left: -10px;}
  .ask-grid { grid-template-columns: 1fr; column-gap: 0; }
  .al-title {padding-left: 30px;}
  .ask-lists li {padding: 16px 0; }
  .al-title p {font-size: 18px;}
  .al-text {margin-top: 0;}
  .article-header h1 {font-size: 20px;}
  .ask-tips {display: none;}
  .answer-content {padding: 10px; }
  .main .left {float: none;}
  .second-nav {padding: 10px;}
  .information-main .vd-list-u {padding: 0 10px; }
  .article-content {margin-top: 20px;}
  .content {width: 100% !important; padding: 0px;margin-top: 20px;}
  .content-chunk .titleModule-text-main {font-size: 18px !important;}
  .content-chunk .titleModule-text-sub {font-size: 14px !important;}
  .content-chunk .contentModule {padding: 10px !important;}
  .contentModule-list { gap: 10px; display: grid; grid-template-columns: repeat(2, 1fr);}
  .content-chunk .contentModule-list-item {width: 100%;margin-bottom: 0;}
  .disease-chunk .catalog {padding: 10px;}
  .content_top {padding: 16px;}
  .content_top .box_title_name {font-size: 28px; line-height: 40px;}
  .content_detail {padding: 16px;}
  .tipview_text {padding: 0 16px 16px 16px;}
}

.nf { max-width: 1200px; margin: 28px auto 0; padding: 0 16px 40px; }
.nf-card { padding: 36px 32px 28px; background: #fff; border: 1px solid var(--border); border-radius: 8px; text-align: center; }
.nf-code { margin: 0; font-size: 56px; line-height: 1; font-weight: 600; letter-spacing: 0.04em; color: var(--primary); }
.nf-card h1 { margin: 12px 0 0; font-size: 22px; font-weight: 600; line-height: 32px; color: var(--text-main); }
.nf-lead { max-width: 520px; margin: 10px auto 0; font-size: 14px; line-height: 24px; color: var(--text-sub); }
.nf-search { display: flex; justify-content: center; max-width: 520px; margin: 22px auto 0; }
.nf-search input { flex: 1; min-width: 0; height: 40px; padding: 0 14px; border: 1px solid var(--border); border-right: 0; border-radius: 4px 0 0 4px; font-size: 14px; color: var(--text-main); outline: none; background: #fff; }
.nf-search button { height: 40px; padding: 0 22px; border: 0; border-radius: 0 4px 4px 0; background: var(--primary); color: #fff; font-size: 14px; cursor: pointer; }
.nf-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 10px; margin-top: 18px; }
.nf-links a { display: inline-block; padding: 6px 14px; border-radius: 16px; background: #f4faf7; color: var(--text-main); font-size: 14px; line-height: 22px; }
.nf-links a:hover { color: var(--primary); }
.nf-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 20px; }
.nf-box { min-width: 0; padding: 18px 18px 8px; background: #fff; border: 1px solid var(--border); border-radius: 8px; }
.nf-box h2 { margin: 0 0 8px; padding-bottom: 10px; border-bottom: 2px solid var(--primary); font-size: 16px; font-weight: 600; line-height: 24px; color: var(--text-main); }
.nf-box ul { margin: 0; padding: 0; list-style: none; }
.nf-box li { border-bottom: 1px solid #f0f1f5; }
.nf-box li a { display: block; padding: 10px 0; font-size: 14px; line-height: 22px; color: var(--text-main); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nf-box li a:hover { color: var(--primary); }
@media (max-width: 768px) {
  .nf-card { padding: 28px 16px 22px; }
  .nf-code { font-size: 44px; }
  .nf-cols { grid-template-columns: 1fr; }
}