/* 详情页 + 销售网络 / 配件 / 样本 2026-11（dt- 开头；复用 h26- / pl- / ab- / ls- / gy- 样式） */
.dt-page { clear: both; width: 100%; }
.dt-crumb { background: #f5f6f8; border-bottom: 1px solid #eceef1; padding: 12px 0; }
.dt-crumb .pl-crumb { margin: 0 auto; }

/* 产品 / 案例头部 */
.dt-pro { display: flex; gap: 40px; align-items: flex-start; padding: 34px 0 40px; }
.dt-pro-pic { flex: 0 0 520px; aspect-ratio: 4 / 3; background: #fff; border: 1px solid #e6e8eb; overflow: hidden; }
.dt-pro-pic img { display: block; width: 100%; height: 100% !important; object-fit: contain; }
.dt-case .dt-pro-pic img { object-fit: cover; }
.dt-pro-info { flex: 1; min-width: 0; }
.dt-cat { margin: 0 0 10px; }
.dt-cat a { display: inline-block; font-size: 13px; color: #ed1c24; background: #fdecec; padding: 3px 10px; }
.dt-pro-info h1 { font-size: 28px; line-height: 1.4; color: #222; margin: 0 0 14px; font-weight: bold; }
.dt-sum { font-size: 15px; line-height: 1.85; color: #555; margin: 0 0 18px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.dt-pro-info .pl-badges { margin-bottom: 22px; }
.dt-btns .h26-btn, .dt-btns .ab-btn-line { margin-bottom: 8px; }
.dt-tel { font-size: 13px; color: #888; margin: 6px 0 0; }
.dt-facts { list-style: none; margin: 0 0 14px; padding: 0; border-top: 1px solid #eceef1; }
.dt-facts li { font-size: 14px; color: #444; padding: 9px 0; border-bottom: 1px solid #eceef1; line-height: 1.6; }
.dt-facts b { display: inline-block; width: 76px; color: #999; font-weight: normal; }

/* 正文 */
.dt-wrap { padding: 10px 0 50px; }
.dt-main { min-width: 0; }
.dt-head { font-size: 20px; font-weight: bold; color: #222; padding: 0 0 12px 12px; border-left: 4px solid #ed1c24; line-height: 1.1; margin: 30px 0 18px; border-bottom: 0; }
.dt-main > .dt-head:first-child { margin-top: 0; }
.dt-body { font-size: 15px; line-height: 1.9; color: #333; overflow-x: auto; word-wrap: break-word; }
.dt-body p { margin: 0 0 14px; }
.dt-body img { max-width: 100% !important; height: auto !important; }
.dt-body table { border-collapse: collapse; max-width: 100%; margin: 10px 0 16px; font-size: 14px; }
.dt-body td, .dt-body th { border: 1px solid #dfe2e6; padding: 6px 10px; }
.dt-body h2, .dt-body h3 { font-size: 18px; color: #222; margin: 22px 0 10px; line-height: 1.5; }
.dt-body hr { border: 0; border-top: 1px solid #eceef1; margin: 18px 0; }
.dt-body span, .dt-body font { font-family: inherit !important; }
.dt-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }
.dt-main .pl-params { margin: 0; }

/* 文章 */
.dt-article h1 { font-size: 28px; line-height: 1.45; color: #222; margin: 6px 0 12px; font-weight: bold; }
.dt-meta { font-size: 13px; color: #999; margin: 0 0 22px; padding-bottom: 16px; border-bottom: 1px solid #eceef1; }
.dt-meta i { font-style: normal; color: #ed1c24; background: #fdecec; padding: 2px 8px; margin-right: 12px; }
.dt-meta span { margin-left: 16px; }
.dt-prenext { margin: 26px 0 0; padding: 14px 0; border-top: 1px solid #eceef1; border-bottom: 1px solid #eceef1; font-size: 14px; color: #888; }
.dt-prenext p { margin: 4px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dt-prenext a { color: #444; }
.dt-prenext a:hover { color: #ed1c24; }
.dt-ask { display: flex; align-items: center; justify-content: space-between; gap: 16px; background: #fdf3f3; border: 1px solid #f6d3d5; padding: 18px 22px; margin: 26px 0 0; }
.dt-ask b { display: block; font-size: 17px; color: #222; margin-bottom: 4px; }
.dt-ask span { font-size: 14px; color: #777; }
.dt-ask .h26-btn { margin: 0; white-space: nowrap; }
.dt-rel { list-style: none; margin: 0; padding: 0; }
.dt-rel li { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px dashed #dfe2e6; font-size: 15px; }
.dt-rel a { color: #333; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dt-rel a:hover { color: #ed1c24; }
.dt-rel span { flex-shrink: 0; color: #aaa; font-size: 13px; }
.dt-side-pro { list-style: none; margin: 0; padding: 0; }
.dt-side-pro a { display: flex; gap: 10px; align-items: center; padding: 7px 0; font-size: 14px; color: #444; line-height: 1.5; }
.dt-side-pro a:hover { color: #ed1c24; }
.dt-side-pro img { flex: 0 0 72px; width: 72px; height: 54px !important; object-fit: contain; background: #fff; }

/* 案例正文 */
.dt-case-body { padding: 0 0 50px; }
.dt-case-body .dt-head { margin-top: 0; }

/* 样本 */
.dt-file { display: flex; align-items: center; gap: 18px; border: 1px solid #e6e8eb; padding: 18px 20px; margin: 0 0 22px; }
.dt-file-ico { flex: 0 0 58px; height: 70px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 10px; box-sizing: border-box; background: #ed1c24; color: #fff; font-weight: bold; font-size: 14px; clip-path: polygon(0 0, 72% 0, 100% 22%, 100% 100%, 0 100%); }
.dt-file-txt { flex: 1; min-width: 0; }
.dt-file-txt b { display: block; font-size: 16px; color: #222; margin-bottom: 4px; }
.dt-file-txt span { font-size: 13px; color: #888; }
.dt-file .h26-btn { margin: 0; white-space: nowrap; }
.dt-dl { list-style: none; margin: 0; padding: 0; }
.dt-dl li { display: flex; align-items: center; gap: 14px; padding: 13px 4px; border-bottom: 1px solid #eceef1; }
.dt-dl i { flex: 0 0 44px; font-style: normal; font-size: 12px; text-align: center; color: #ed1c24; border: 1px solid #f3c5c7; padding: 2px 0; }
.dt-dl-name { flex: 1; min-width: 0; font-size: 15px; color: #333; }
.dt-dl-name:hover { color: #ed1c24; }
.dt-dl span { flex-shrink: 0; font-size: 13px; color: #aaa; }
.dt-dl-btn { flex-shrink: 0; font-size: 13px; color: #fff !important; background: #ed1c24; padding: 4px 14px; }
.dt-dl-btn:hover { background: #c9141b; }

/* 销售网络 */
.dt-net { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.dt-net li { background: #fff; padding: 28px 28px 22px; border-top: 3px solid #ed1c24; }
.dt-net li + li { border-top-color: #2a2f36; }
.dt-net-tag { font-size: 13px; color: #999; margin: 0 0 6px; }
.dt-net b { display: block; font-size: 20px; color: #222; margin-bottom: 14px; }
.dt-net p { font-size: 15px; color: #555; line-height: 1.8; margin: 0 0 4px; }
.dt-net a { color: #ed1c24; font-weight: bold; }
.dt-net .dt-net-do { margin-top: 12px; padding-top: 12px; border-top: 1px dashed #dfe2e6; font-size: 14px; color: #888; }
.dt-ways { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.dt-ways li { border: 1px solid #e6e8eb; padding: 24px 18px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.dt-ways b { font-size: 16px; color: #999; font-weight: normal; }
.dt-ways a, .dt-ways .dt-ways-big { font-size: 20px; font-weight: bold; color: #222; line-height: 1.4; word-break: break-all; }
.dt-ways a { color: #ed1c24; }
.dt-ways span { font-size: 13px; color: #888; }
.dt-ways img { display: block; width: 110px; height: auto; }
.dt-links { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.dt-links a { display: block; height: 100%; box-sizing: border-box; border: 1px solid #e6e8eb; padding: 22px 20px; }
.dt-links a:hover { border-color: #ed1c24; }
.dt-links b { display: block; font-size: 17px; color: #222; margin-bottom: 6px; }
.dt-links a:hover b { color: #ed1c24; }
.dt-links span { font-size: 14px; color: #777; line-height: 1.7; }

/* 配件 */
.dt-parts li { background: #fff; border: 1px solid #e6e8eb; padding-bottom: 14px; }
.dt-parts b { display: block; font-size: 16px; color: #222; padding: 12px 14px 4px; border-top: 1px solid #f0f1f3; }
.dt-parts span:not(.h26-pic) { display: block; font-size: 13px; color: #777; line-height: 1.6; padding: 0 14px; }

/* 平板 */
@media (max-width: 1199px) {
	.dt-pro, .dt-wrap, .dt-case-body { padding-left: 20px; padding-right: 20px; }
	.dt-crumb .h26-wrap { padding: 0 20px; }
	.dt-pro-pic { flex-basis: 440px; }
}
@media (max-width: 991px) {
	.dt-pro { flex-direction: column; gap: 22px; }
	.dt-pro-pic { flex: none; width: 100%; max-width: 560px; }
	.dt-ways, .dt-links { grid-template-columns: repeat(2, 1fr); }
	.dt-net { grid-template-columns: 1fr; }
}
/* 手机 */
@media (max-width: 767px) {
	.dt-crumb { padding: 9px 0; }
	.dt-crumb .h26-wrap { padding: 0 14px; font-size: 12px; }
	.dt-pro, .dt-wrap, .dt-case-body { padding-left: 14px; padding-right: 14px; }
	.dt-pro { padding-top: 18px; padding-bottom: 22px; }
	.dt-pro-info h1, .dt-article h1 { font-size: 21px; }
	.dt-sum { font-size: 14px; }
	.dt-head { font-size: 17px; margin: 24px 0 14px; }
	.dt-body { font-size: 14px; line-height: 1.8; }
	.dt-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.dt-meta span { display: block; margin: 6px 0 0; }
	.dt-ask { flex-direction: column; align-items: flex-start; padding: 14px 16px; }
	.dt-rel li { font-size: 14px; }
	.dt-rel span { display: none; }
	.dt-file { flex-wrap: wrap; padding: 14px; }
	.dt-file .h26-btn { width: 100%; text-align: center; }
	.dt-dl li { flex-wrap: wrap; gap: 6px 10px; padding: 12px 0; }
	.dt-dl-name { flex-basis: calc(100% - 60px); font-size: 14px; }
	.dt-dl span { flex: 1; margin-left: 54px; }
	.dt-net li { padding: 20px 16px 16px; }
	.dt-net b { font-size: 17px; }
	.dt-net p { font-size: 14px; }
	.dt-ways, .dt-links { gap: 10px; }
	.dt-ways li { padding: 16px 8px; }
	.dt-ways a, .dt-ways .dt-ways-big { font-size: 15px; }
	.dt-links a { padding: 14px 12px; }
	.dt-links b { font-size: 15px; }
	.dt-links span { font-size: 12px; }
	.dt-parts b { font-size: 14px; padding: 10px 10px 2px; }
	.dt-parts span:not(.h26-pic) { font-size: 12px; padding: 0 10px; }
}