/* ============================================================
   铭喜 ask 详情页 v2 —— 现代财税问答落地页（solved.html 专用）
   品牌红 #c9151e · hover #a81117 · 渐变 #e02431→#c9151e
   说明：本文件在 main.css 之后引入，仅覆盖 .ask-details 相关样式，
        不动共享 main.css，不影响 ask 列表页等其它页面。
   ============================================================ */

body.ask-page { background: #f5f6f8; }

/* ---------- 容器 ---------- */
.ask-details { padding: 12px 0 28px; }

/* ---------- 面包屑 ---------- */
.breadcrumb {
  background: transparent;
  padding: 8px 0 16px;
  margin: 0 auto;
  font-size: 13px;
  color: #999;
  border-radius: 0;
  width: 1160px;
}
.breadcrumb a { color: #666; text-decoration: none; }
.breadcrumb a:hover { color: #c9151e; }
.breadcrumb img.middle { vertical-align: middle; margin-right: 6px; }
.breadcrumb span { color: #bbb; margin: 0 6px; }

/* ---------- 通用卡片底座 ---------- */
.ask-details .ask-box,
.ask-details .best-answer,
.ask-details .answer-list-box,
.ask-details .about-list-box,
.ask-details .recommend-user,
.ask-details .hot-ask {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #f0f0f0;
  box-shadow: 0 2px 10px rgba(17, 24, 39, .05);
  padding: 24px;
  margin-bottom: 20px;
  box-sizing: border-box;
}

/* ---------- 分区标题（品牌红左边条） ---------- */
.ask-details .best-answer > h2,
.ask-details .answer-list-box > h2,
.ask-details .about-list-box > h2,
.ask-details .recommend-user > h2,
.ask-details .hot-ask > h2 {
  font-size: 17px;
  font-weight: 700;
  color: #222;
  margin: 0 0 16px;
  padding-left: 12px;
  border-left: 4px solid #c9151e;
  line-height: 1.25;
}
.ask-details .best-answer > h2 span,
.ask-details .answer-list-box > h2 span,
.ask-details .about-list-box > h2 span,
.ask-details .recommend-user > h2 span,
.ask-details .hot-ask > h2 span {
  font-size: 13px;
  font-weight: 400;
  color: #999;
}

/* ---------- 问题卡 ---------- */
.ask-details .ask-box { padding: 28px; }
.ask-details .ask-details-left .ask-box h1 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  color: #1a1a1a;
  margin: 0 0 16px;
}
.ask-details .ask-box h1 .icon-question { color: #c9151e; }

/* 元信息胶囊化 */
.ask-details .ask-box .ask-info { color: #999; font-size: 13px; }
.ask-details .ask-box .ask-info a { color: #c9151e; text-decoration: none; }
.ask-details .ask-box .ask-info > span { margin: 0 4px; }

/* 问题正文 */
.ask-details .ask-box .ask-detail {
  font-size: 15px;
  line-height: 1.9;
  color: #333;
  margin: 16px 0 0;
}

/* 悬赏/关闭提示 */
.ask-details .ask-box .ask-points-info {
  background: #fff7f7;
  border: 1px solid #fde2e2;
  border-radius: 8px;
  color: #c9151e;
  padding: 14px 16px;
  margin: 16px 0 0;
}
.ask-details .ask-box .ask-points-info .number { color: #c9151e; font-weight: 700; }

/* 补充列表 */
.ask-details .ask-box ul li { color: #555; line-height: 1.8; }

/* 提问/回答表单 */
.ask-details .ask-box .to-answer .to-answer-form,
.ask-details .answer-list-box .additional-answer-form {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 16px;
  box-sizing: border-box;
}
.ask-details .ask-box .to-answer .to-answer-form textarea,
.ask-details .answer-list-box .additional-answer-form textarea {
  width: 100%;
  min-height: 120px;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  padding: 10px;
  font-size: 14px;
  box-sizing: border-box;
}

/* 分享区（隐藏老 jiathis 视觉，保留占位） */
.ask-details .ask-box .share-box { margin-top: 12px; }

/* ---------- 最佳答案卡 ---------- */
.ask-details .best-answer {
  border-top: 3px solid #c9151e;
  position: relative;
}
.ask-details .best-answer .icon-box { color: #c9151e; }
.ask-details .best-answer .icon-box .answers-icon,
.ask-details .best-answer .icon-box .icon-best { color: #c9151e; }
.ask-details .best-answer .time { color: #999; font-size: 13px; }
.ask-details .best-answer .answer .body {
  font-size: 15px;
  line-height: 1.9;
  color: #333;
  word-break: break-word;
}

/* 回答者信息 */
.ask-details .best-answer .user,
.ask-details .answer-list-box .answer-list li {
  border-top: 1px solid #f2f2f2;
  padding-top: 16px;
  margin-top: 16px;
}
.ask-details .best-answer .user .user-img-box,
.ask-details .answer-list-box .answer-list .left .user-img-box,
.ask-details .recommend-user li .user-img-box {
  border-radius: 50%;
  border: 2px solid #f0f0f0;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.ask-details .best-answer .user .answer-info .name a,
.ask-details .answer-list-box .answer-list .answer .name a {
  color: #1a1a1a;
  font-weight: 600;
  text-decoration: none;
}
.ask-details .best-answer .user .answer-info .name a:hover,
.ask-details .answer-list-box .answer-list .answer .name a:hover { color: #c9151e; }

/* 职称标签 */
.ask-details .label-info {
  background: #fff0f0;
  color: #c9151e;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
}
.ask-details .label-success {
  background: #c9151e;
  color: #fff;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
}

/* ---------- 全部回答列表 ---------- */
.ask-details .answer-list-box .answer-list { list-style: none; margin: 0; padding: 0; }
.ask-details .answer-list-box .answer-list li {
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.ask-details .answer-list-box .answer-list li:last-child { border-bottom: 0; margin-bottom: 0; }
.ask-details .answer-list-box .answer-list .answer .body {
  font-size: 15px;
  line-height: 1.9;
  color: #333;
  word-break: break-word;
}
.ask-details .answer-list-box .answer-list .answer .time { color: #bbb; font-size: 12px; }

/* 追问/追答 */
.ask-details .answer-list-box .answer-list li ul li,
.ask-details .best-answer .answer ul li {
  background: #fafafa;
  border-radius: 6px;
  padding: 8px 12px;
  margin-top: 8px;
  color: #555;
  line-height: 1.7;
}

/* ---------- 点赞踩 ---------- */
.ask-details .up-down { text-align: right; margin-top: 12px; padding-bottom: 0; border-bottom: 0; }
.ask-details .up-down button {
  border: 1px solid #e6e6e6;
  border-radius: 16px;
  color: #666;
  background: #fff;
  padding: 4px 14px;
  font-size: 13px;
}
.ask-details .up-down button:first-child { color: #c9151e; }
.ask-details .up-down button:hover { border-color: #c9151e; color: #c9151e; }
.ask-details .up-down button .glyphicon { margin-right: 4px; }

/* ---------- 相关问题 ---------- */
.ask-details .about-list-box ul { list-style: none; margin: 0; padding: 0; }
.ask-details .about-list-box ul li {
  padding: 10px 0;
  border-bottom: 1px dashed #eee;
}
.ask-details .about-list-box ul li a { color: #333; text-decoration: none; font-size: 14px; }
.ask-details .about-list-box ul li a:hover { color: #c9151e; }
.ask-details .about-list-box ul li .time { color: #bbb; font-size: 12px; float: right; }
.ask-details .about-list-box .more { color: #999; font-size: 13px; }
.ask-details .about-list-box .more a { color: #c9151e; }
.ask-details .about-list-box .more font { color: #c9151e; }

/* ---------- 右侧栏 ---------- */
.ask-details .ask-details-right .recommend-user ul,
.ask-details .ask-details-right .hot-ask ul { list-style: none; margin: 0; padding: 0; }

/* 推荐会计 */
.ask-details .recommend-user li {
  border-bottom: 1px solid #f2f2f2;
  padding: 12px 0;
  overflow: hidden;
}
.ask-details .recommend-user li:last-child { border-bottom: 0; }
.ask-details .recommend-user li .user-img-box { float: left; width: 44px; height: 44px; }
.ask-details .recommend-user li .user-info { float: left; margin-left: 10px; }
.ask-details .recommend-user li .user-info p { margin: 2px 0; }
.ask-details .recommend-user li .user-info .name a { color: #1a1a1a; font-weight: 600; text-decoration: none; }
.ask-details .recommend-user li .user-info .name a:hover { color: #c9151e; }
.ask-details .recommend-user li .user-info .job {
  display: inline-block;
  background: #fff0f0;
  color: #c9151e;
  border-radius: 4px;
  font-size: 12px;
  padding: 1px 6px;
  margin-left: 6px;
}
.ask-details .recommend-user li .user-info .green-icon {
  display: inline-block;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #22c55e;
  margin-right: 4px;
}
.ask-details .recommend-user li .button-box { float: right; }
.ask-details .recommend-user li .button-box .ask {
  background: #c9151e;
  border: 0;
  border-radius: 14px;
  padding: 4px 14px;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
}

/* 热点问题/资讯 排名 */
.ask-details .hot-ask li {
  border-bottom: 1px dashed #eee;
  padding: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ask-details .hot-ask li:last-child { border-bottom: 0; }
.ask-details .hot-ask li a { color: #333; text-decoration: none; font-size: 14px; }
.ask-details .hot-ask li a:hover { color: #c9151e; }
.ask-details .hot-ask .top-number {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 4px;
  background: #c9151e;
  color: #fff;
  font-size: 12px;
  margin-right: 6px;
}
.ask-details .hot-ask .top-number:nth-child(1),
.ask-details .hot-ask li:first-child .top-number { background: #c9151e; }

/* 广告 */
.ask-details .ask-details-right #solvedGgList .ad-b img,
.ask-details .ad-b img {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 20px;
}

/* ---------- 相关产品 ---------- */
.ask-details .with-product {
  background: #fafafa;
  border-radius: 8px;
  padding: 16px;
  margin-top: 16px;
}
.ask-details .with-product h3 {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin: 0 0 12px;
  padding-left: 10px;
  border-left: 3px solid #c9151e;
}
.ask-details .with-product ul { list-style: none; margin: 0; padding: 0; }
.ask-details .with-product ul li {
  float: left;
  border-right: 0;
  padding: 8px 12px;
  margin: 0 12px 12px 0;
  background: #fff;
  border-radius: 8px;
}
.ask-details .with-product ul li .product-img {
  display: block;
  width: 52px;
  height: 52px;
  border-radius: 8px;
  margin-right: 10px;
  background-size: cover;
  background-position: center;
  float: left;
}
.ask-details .with-product ul li .right { float: left; }
.ask-details .with-product ul li .right a { color: #333; text-decoration: none; font-size: 14px; }
.ask-details .with-product ul li .right a:hover { color: #c9151e; }
.ask-details .with-product ul li .right span { color: #c9151e; font-size: 13px; }

/* ---------- 按钮品牌红化 ---------- */
.ask-details .btn-success,
.ask-details .btn.btn-success {
  background-color: #c9151e;
  border-color: #c9151e;
  color: #fff;
}
.ask-details .btn-success:hover,
.ask-details .btn.btn-success:hover {
  background-color: #a81117;
  border-color: #a81117;
}
.ask-details .btn-default {
  border-radius: 6px;
}
.ask-details .to-answer-btn.btn-default {
  border: 1px solid #c9151e;
  color: #c9151e;
  background: #fff;
  border-radius: 6px;
}
.ask-details .to-answer-btn.btn-default:hover { background: #c9151e; color: #fff; }

/* 清除浮动（老 clearfix 兼容） */
.ask-details .clearfix:after { content: ""; display: table; clear: both; }

/* ---------- 修复既有 bug：导航「所有服务」下拉菜单默认展开遮挡内容 ----------
   首页靠 mx-home.css 里的隐藏规则默认收起，ask 详情页只引 main.css 故缺此规则，
   导致 .menu-list 默认 display:block 盖住问题卡。此处默认隐藏，点击「所有服务」
   由 nav_temp.html 的 toggle JS 控制展开/收起（与首页行为一致）。 */
.account-nav .menu-list { display: none; }

/* ============ 获客 CTA ============ */

/* 右侧栏留资卡 */
.ask-details .ask-cta {
  background: linear-gradient(120deg, #e02431 0%, #c9151e 55%, #8f0f16 100%);
  border-radius: 10px;
  padding: 20px;
  color: #fff;
  margin-bottom: 20px;
  box-shadow: 0 4px 14px rgba(201, 21, 30, .25);
}
.ask-details .ask-cta h3 {
  font-size: 17px;
  font-weight: 800;
  margin: 0 0 8px;
  color: #fff;
}
.ask-details .ask-cta .ask-cta-phone { margin: 0 0 4px; }
.ask-details .ask-cta .ask-cta-phone a {
  font-size: 26px;
  font-weight: 800;
  color: #fff;
  text-decoration: none;
  letter-spacing: 1px;
}
.ask-details .ask-cta .ask-cta-tip { font-size: 12px; color: rgba(255, 255, 255, .9); margin: 0 0 12px; }
.ask-details .ask-cta .ask-cta-form input {
  width: 100%;
  box-sizing: border-box;
  border: 0;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 14px;
  margin-bottom: 10px;
}
.ask-details .ask-cta .ask-cta-form button {
  width: 100%;
  border: 0;
  border-radius: 6px;
  padding: 11px;
  font-size: 15px;
  font-weight: 700;
  color: #c9151e;
  background: #fff;
  cursor: pointer;
}
.ask-details .ask-cta .ask-cta-form button:hover { background: #fff5f5; }
.ask-details .ask-cta .ask-cta-form .ask-cta-msg { font-size: 12px; margin: 8px 0 0; min-height: 16px; }

/* 最佳答案下方转化条 */
.ask-details .ask-cta-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff7f7;
  border: 1px solid #fde2e2;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 20px;
}
.ask-details .ask-cta-bar-text { font-size: 15px; color: #333; }
.ask-details .ask-cta-bar-text strong { color: #c9151e; }
.ask-details .ask-cta-bar-actions { display: flex; gap: 10px; }
.ask-details .ask-cta-bar-btn {
  display: inline-block;
  border-radius: 20px;
  padding: 8px 18px;
  font-size: 14px;
  text-decoration: none;
  font-weight: 600;
}
.ask-details .ask-cta-bar-tel { background: #c9151e; color: #fff; }
.ask-details .ask-cta-bar-tel:hover { background: #a81117; color: #fff; }
.ask-details .ask-cta-bar-btn:not(.ask-cta-bar-tel) {
  border: 1px solid #c9151e;
  color: #c9151e;
  background: #fff;
}
.ask-details .ask-cta-bar-btn:not(.ask-cta-bar-tel):hover { background: #c9151e; color: #fff; }