/* 案例详情页改版 */
.cd-page{
	background:#fff;
	padding:16px 0 48px;
	color:#222;
}
.cd-wrap{
	width:1200px;
	margin:0 auto;
}
.cd-breadcrumb{
	font-size:13px;
	color:#888;
	line-height:1.6;
	margin:0 0 14px;
}
.cd-breadcrumb a{color:#666;}
.cd-breadcrumb a:hover{color:#ca1c1d;}
.cd-breadcrumb em{font-style:normal;color:#333;}
.cd-breadcrumb span{margin:0 6px;color:#bbb;}

.cd-layout{
	display:flex;
	align-items:flex-start;
	gap:16px;
}
.cd-side{width:200px;flex:0 0 200px;}
.cd-main{flex:1;min-width:0;}
.cd-right{width:260px;flex:0 0 260px;}

.cd-side-hd{
	background:#ca1c1d;
	color:#fff;
	font-size:16px;
	font-weight:700;
	text-align:center;
	height:44px;
	line-height:44px;
	border-radius:4px 4px 0 0;
}
.cd-side-bd{
	background:#fff;
	border:1px solid #e8e8e8;
	border-top:none;
	padding:10px 0 16px;
	border-radius:0 0 4px 4px;
}
.cd-side-group{padding:8px 0 4px;}
.cd-side-tit{
	font-size:13px;
	font-weight:700;
	color:#333;
	padding:6px 14px;
}
.cd-side-group ul{list-style:none;margin:0;padding:0;}
.cd-side-group li a{
	display:block;
	padding:6px 14px 6px 22px;
	font-size:13px;
	color:#555;
	line-height:1.4;
}
.cd-side-group li a:hover,
.cd-side-group li.on a{color:#ca1c1d;}

.cd-ask-card{
	margin-top:14px;
	background:#fff;
	border:1px solid #e8e8e8;
	border-radius:4px;
	padding:16px 14px;
	text-align:center;
}
.cd-ask-card p{
	margin:0 0 12px;
	font-size:14px;
	color:#333;
	font-weight:700;
}
.cd-ask-link{
	display:inline-block;
	margin-top:10px;
	font-size:12px;
	color:#4b71b8;
}

.cd-card{
	background:#fff;
	border:1px solid #e8e8e8;
	border-radius:4px;
	padding:20px 22px;
	margin-bottom:14px;
}
.cd-hero-grid{
	display:flex;
	gap:20px;
	align-items:flex-start;
}
.cd-hero-info{flex:1;min-width:0;}
.cd-title{
	margin:0 0 10px;
	font-size:24px;
	line-height:1.35;
	font-weight:700;
	color:#111;
}
.cd-tags{overflow:hidden;margin:0 0 12px;}
.cd-tags span{
	float:left;
	margin:0 8px 8px 0;
	padding:2px 10px;
	font-size:12px;
	color:#666;
	background:#f3f3f3;
	border-radius:2px;
}
.cd-summary{
	margin:0 0 16px;
	font-size:14px;
	line-height:1.7;
	color:#555;
}

.cd-metrics{
	display:flex;
	gap:10px;
	margin:0;
}
.cd-metric{
	flex:1;
	background:#fafbfc;
	border:1px solid #eee;
	border-radius:4px;
	padding:12px 10px;
	text-align:center;
}
.cd-metric em{
	display:block;
	font-style:normal;
	font-size:12px;
	color:#888;
	margin-bottom:6px;
}
.cd-metric strong{
	display:block;
	font-size:18px;
	color:#222;
	font-weight:700;
}
.cd-stars{
	white-space:nowrap;
	letter-spacing:0;
	line-height:1.2;
}
.cd-stars i{
	display:inline;
	font-style:normal;
	color:#ddd;
	font-size:14px;
	margin:0;
	letter-spacing:-1px;
}
.cd-stars i.on{color:#f5a623;}

.cd-hero-img{
	flex:0 1 320px;
	width:auto;
	max-width:min(42%, 380px);
	min-width:180px;
	align-self:stretch;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:4px;
	overflow:hidden;
	background:#f7f7f7;
	text-align:center;
}
.cd-hero-img img{
	display:block;
	width:100%;
	height:auto;
	max-height:320px;
	object-fit:contain;
	object-position:center;
}

.cd-h2{
	margin:0 0 14px;
	font-size:18px;
	font-weight:700;
	color:#222;
	padding-left:10px;
	border-left:3px solid #ca1c1d;
	line-height:1.2;
}

.cd-needs{list-style:none;margin:0;padding:0;}
.cd-needs li{
	position:relative;
	padding:8px 0 8px 28px;
	font-size:14px;
	line-height:1.55;
	color:#444;
	border-bottom:1px dashed #eee;
}
.cd-needs li:last-child{border-bottom:none;}
.cd-needs li:before{
	content:"";
	position:absolute;
	left:2px;top:12px;
	width:14px;height:14px;
	border-radius:50%;
	background:#2f6fed;
	box-shadow:inset 0 0 0 3px #fff, 0 0 0 1px #2f6fed;
}
.cd-needs li:after{
	content:"";
	position:absolute;
	left:6px;top:15px;
	width:6px;height:3px;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:rotate(-45deg);
}

.cd-sol-list{
	list-style:none;
	margin:0 0 16px;
	padding:0;
}
.cd-sol-item{
	display:flex;
	gap:16px;
	align-items:stretch;
	padding:14px 0;
	border-bottom:1px dashed #eee;
}
.cd-sol-item:first-child{padding-top:0;}
.cd-sol-item:last-child{border-bottom:none;padding-bottom:0;}
.cd-sol-img{
	flex:0 0 140px;
	width:140px;
	height:140px;
	border:1px solid #eee;
	border-radius:4px;
	overflow:hidden;
	background:#f7f8fa;
	display:block;
}
.cd-sol-img img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.cd-sol-img-ph{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	font-size:12px;
	color:#bbb;
}
.cd-sol-info{flex:1;min-width:0;}
.cd-sol-name{
	display:block;
	font-size:15px;
	font-weight:700;
	color:#222;
	line-height:1.4;
	margin-bottom:10px;
}
.cd-sol-name:hover{color:#ca1c1d;}
.cd-sol-meta{list-style:none;margin:0;padding:0;}
.cd-sol-meta li{
	display:flex;
	align-items:flex-start;
	gap:10px;
	font-size:13px;
	line-height:1.7;
	color:#444;
}
.cd-sol-meta em{
	flex:0 0 64px;
	font-style:normal;
	color:#999;
}
.cd-sol-meta span{flex:1;min-width:0;word-break:break-all;}
.cd-sol-price{color:#ca1c1d;font-weight:700;}

.cd-plans{
	display:flex;
	gap:12px;
	margin-bottom:16px;
}
.cd-plan{
	flex:1;
	text-align:left;
	background:#fff;
	border:1px solid #e5e5e5;
	border-radius:4px;
	padding:12px;
	cursor:pointer;
	transition:border-color .15s, box-shadow .15s;
	position:relative;
}
.cd-plan:hover{border-color:#9db7f0;}
.cd-plan.on{
	border-color:#2f6fed;
	box-shadow:0 0 0 1px #2f6fed;
	background:#f7faff;
}
.cd-plan.on:after{
	content:"✓";
	position:absolute;
	right:8px;top:8px;
	width:18px;height:18px;
	line-height:18px;
	text-align:center;
	border-radius:50%;
	background:#2f6fed;
	color:#fff;
	font-size:11px;
}
.cd-plan-img,
.cd-plan-img-ph{
	display:block;
	width:100%;
	height:88px;
	border-radius:3px;
	overflow:hidden;
	background:#f0f2f5;
	margin-bottom:10px;
}
.cd-plan-img img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.cd-plan-name{display:block;font-size:15px;font-weight:700;color:#222;margin-bottom:6px;}
.cd-plan-tag{
	display:inline-block;
	font-size:12px;
	color:#2f6fed;
	background:#eaf1ff;
	padding:1px 8px;
	border-radius:2px;
	margin-bottom:8px;
}
.cd-plan-price{display:block;font-size:20px;color:#ca1c1d;font-weight:700;margin-bottom:4px;}
.cd-plan-price small{font-size:12px;font-weight:400;color:#888;margin-left:2px;}
.cd-plan-desc{display:block;font-size:12px;color:#888;line-height:1.4;}

.cd-products{
	display:flex;
	gap:14px;
	flex-wrap:wrap;
	margin-bottom:12px;
}
.cd-product{
	flex:1 1 calc(50% - 7px);
	min-width:240px;
	display:flex;
	gap:12px;
	border:1px solid #eee;
	border-radius:4px;
	padding:12px;
	background:#fafbfc;
}
.cd-product-img{
	flex:0 0 96px;
	width:96px;height:96px;
	border-radius:3px;
	overflow:hidden;
	background:#eef2f7;
}
.cd-product-img img{
	display:block;
	width:100%;height:100%;
	object-fit:cover;
}
.cd-product-info{flex:1;min-width:0;}
.cd-product-info strong{
	display:block;
	font-size:15px;
	color:#222;
	margin-bottom:8px;
}
.cd-product-info ul{list-style:none;margin:0;padding:0;}
.cd-product-info li{
	display:flex;
	font-size:12px;
	color:#555;
	line-height:1.7;
}
.cd-product-info em{
	flex:0 0 36px;
	font-style:normal;
	color:#999;
}
.cd-product-info b{color:#ca1c1d;font-weight:700;}

.cd-logo-box{
	border:1px dashed #ddd;
	border-radius:4px;
	padding:12px 14px;
	background:#fafafa;
}
.cd-logo-tit{font-size:13px;color:#666;margin-bottom:8px;}
.cd-logo-body{display:flex;align-items:center;gap:12px;}
.cd-logo-body img{height:48px;width:auto;max-width:120px;object-fit:contain;background:#fff;border:1px solid #eee;padding:4px;}
.cd-logo-body span{font-size:14px;color:#333;font-weight:700;}

.cd-rich{font-size:14px;line-height:1.75;color:#444;overflow:hidden;}
.cd-rich img{max-width:100%;height:auto;}
.cd-empty{color:#999;font-size:13px;margin:0;}

.cd-gallery{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:14px;
}
.cd-gallery a{
	display:block;
	width:calc(33.33% - 6px);
	border:1px solid #eee;
	border-radius:3px;
	overflow:hidden;
	line-height:0;
}
.cd-gallery img{
	display:block;
	width:100%;
	height:110px;
	object-fit:cover;
}

.cd-deliver-full{
	width:100%;
	margin-top:16px;
	box-sizing:border-box;
}
.cd-deliver-full .sd-deliver-hd{
	display:flex;
	align-items:baseline;
	gap:14px;
	flex-wrap:wrap;
	margin-bottom:22px;
}
.cd-deliver-full .sd-deliver-tit{
	margin:0;
	font-size:26px;
	font-weight:700;
	color:#1a1a1a;
	position:relative;
	padding-bottom:8px;
}
.cd-deliver-full .sd-deliver-tit:after{
	content:"";
	position:absolute;
	left:0;bottom:0;
	width:72px;height:3px;
	background:#ca1c1d;
	border-radius:2px;
}
.cd-deliver-full .sd-deliver-sub{margin:0;font-size:14px;color:#999;}
.cd-deliver-full .sd-steps{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:0;
	margin-bottom:20px;
	padding:28px 12px 24px;
	border:1px solid #e8e8e8;
	border-radius:8px;
	background:#fff;
}
.cd-deliver-full .sd-step{
	flex:1;
	text-align:center;
	padding:0 6px;
	position:relative;
}
.cd-deliver-full .sd-step-ico{
	width:52px;height:52px;
	margin:0 auto 12px;
	border-radius:50%;
	background:#ca1c1d;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:25px;
}
.cd-deliver-full .sd-step strong{
	display:block;
	font-size:14px;
	margin-bottom:6px;
	color:#222;
}
.cd-deliver-full .sd-step span{
	display:block;
	font-size:12px;
	color:#999;
	line-height:1.45;
}
.cd-deliver-full .sd-step-arrow{
	flex:0 0 18px;
	width:18px;
	padding-top:16px;
	color:#ca1c1d;
	font-size:12px;
	text-align:center;
}
.cd-deliver-full .sd-slogan{
	display:flex;
	align-items:center;
	gap:16px;
	background:#ca1c1d;
	color:#fff;
	text-align:left;
	padding:18px 28px;
	border-radius:6px;
	font-size:15px;
	font-weight:700;
	position:relative;
	overflow:hidden;
}
.cd-deliver-full .sd-slogan-ico{
	flex:0 0 56px;
	width:56px;height:56px;
	border-radius:0;
	background:transparent;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:40px;
}
.cd-deliver-full .sd-slogan-txt{flex:1;min-width:0;}
.cd-deliver-full .sd-slogan-txt strong{
	display:inline;
	font-size:20px;
	font-weight:700;
	margin-right:12px;
}
.cd-deliver-full .sd-slogan-txt em{
	font-style:normal;
	font-size:14px;
	font-weight:500;
	opacity:.95;
}
.cd-deliver-full .sd-slogan-mark{
	flex:0 0 72px;
	width:72px;height:72px;
	margin-left:auto;
	opacity:.9;
	border-radius:0;
	overflow:hidden;
	background:transparent;
}
.cd-deliver-full .sd-slogan-mark img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
}
.cd-deliver-full .cd-proofs{margin-top:18px;}
.cd-bottom-grid{
	margin-top:14px;
}
@media (max-width: 1024px){
	.cd-deliver-full .sd-steps{flex-wrap:wrap;padding:20px 12px;}
	.cd-deliver-full .sd-step{flex:0 0 30%;margin-bottom:16px;}
	.cd-deliver-full .sd-step-arrow{display:none;}
	.cd-deliver-full .sd-slogan-txt strong{display:block;margin:0 0 4px;}
}

.cd-tl-thumbs{
	display:flex;
	gap:6px;
	margin:0 0 14px;
	overflow-x:auto;
}
.cd-tl-thumb{
	flex:1;
	min-width:56px;
	height:48px;
	border-radius:3px;
	overflow:hidden;
	border:1px solid #eee;
	background:#eef2f7;
}
.cd-tl-thumb img{
	display:block;
	width:100%;height:100%;
	object-fit:cover;
}

.cd-proofs{
	display:flex;
	gap:10px;
	overflow-x:auto;
}
.cd-proof{
	flex:1;
	min-width:120px;
	margin:0;
	background:#fafafa;
	border:1px solid #eee;
	border-radius:4px;
	overflow:hidden;
	position:relative;
}
.cd-proof img,
.cd-proof video,
.cd-proof-ph{
	display:block;
	width:100%;
	height:90px;
	object-fit:cover;
	background:#eef2f7;
}
.cd-proof.is-video .cd-play{
	pointer-events:none;
}
.cd-proof figcaption{
	padding:8px 6px;
	font-size:12px;
	color:#555;
	text-align:center;
	line-height:1.35;
}
.cd-proof .cd-play{
	position:absolute;
	left:50%;top:36px;
	width:28px;height:28px;
	margin:-14px 0 0 -14px;
	border-radius:50%;
	background:rgba(0,0,0,.55);
}
.cd-proof .cd-play:after{
	content:"";
	position:absolute;
	left:11px;top:8px;
	border-style:solid;
	border-width:6px 0 6px 10px;
	border-color:transparent transparent transparent #fff;
}

.cd-bottom-grid{
	display:flex;
	gap:14px;
	align-items:stretch;
}
.cd-bottom-grid .cd-card{
	flex:1;
	margin-bottom:0;
}

.cd-quote{
	margin:0;
	padding:8px 4px 0;
	font-size:14px;
	line-height:1.7;
	color:#444;
	position:relative;
}
.cd-quote:before{
	content:"“";
	font-size:48px;
	color:#d6e4ff;
	line-height:1;
	position:absolute;
	left:-4px;top:-8px;
}
.cd-quote footer{
	margin-top:14px;
	font-size:12px;
	color:#888;
	text-align:right;
}

.cd-results{list-style:none;margin:0;padding:0;}
.cd-results li{
	display:flex;
	gap:10px;
	padding:10px 0;
	border-bottom:1px dashed #eee;
}
.cd-results li:last-child{border-bottom:none;}
.cd-results i{
	flex:0 0 28px;
	width:28px;height:28px;
	border-radius:50%;
	background:#eaf1ff;
	position:relative;
	margin-top:2px;
}
.cd-results i:after{
	content:"";
	position:absolute;
	left:10px;top:8px;
	width:8px;height:8px;
	border-radius:50%;
	background:#2f6fed;
}
.cd-results strong{display:block;font-size:14px;color:#222;margin-bottom:2px;}
.cd-results span{display:block;font-size:12px;color:#888;}

.cd-related{list-style:none;margin:0;padding:0;}
.cd-related li{padding:8px 0;border-bottom:1px dashed #eee;}
.cd-related a{font-size:13px;color:#333;line-height:1.45;}
.cd-related a:hover{color:#ca1c1d;}
.cd-related small{color:#888;}
.cd-more{
	display:inline-block;
	margin-top:12px;
	font-size:13px;
	color:#2f6fed;
}

.cd-right-tit{
	font-size:15px;
	font-weight:700;
	color:#222;
	margin:0 0 12px;
}
.cd-share-list{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	justify-content:space-between;
	gap:4px;
}
.cd-share-list li{flex:1;min-width:0;}
.cd-share-item{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:6px;
	text-decoration:none !important;
}
.cd-share-ico{
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius:50%;
	font-size:18px;
	color:#fff;
	transition:transform .15s, box-shadow .15s;
}
.cd-share-item:hover .cd-share-ico{
	transform:translateY(-1px);
	box-shadow:0 4px 10px rgba(0,0,0,.12);
}
.cd-share-item em{
	font-style:normal;
	font-size:12px;
	color:#666;
	line-height:1.2;
	text-align:center;
	white-space:nowrap;
}
.cd-share-item.i-wx .cd-share-ico{background:#07c160;}
.cd-share-item.i-py .cd-share-ico{
	background:linear-gradient(135deg,#ff9a44 0%,#ff5c5c 45%,#c44dff 100%);
}
.cd-share-item.i-link .cd-share-ico{background:#4b8bf5;}
.cd-share-item.i-pdf .cd-share-ico{background:#3b7ddd;}
.cd-share-tip{
	margin-top:10px;
	padding:6px 8px;
	font-size:12px;
	color:#07c160;
	background:#f0fff6;
	border-radius:3px;
	text-align:center;
}

.cd-mgr{
	display:flex;
	gap:12px;
	align-items:center;
	margin-bottom:12px;
}
.cd-mgr-avatar{
	width:72px;height:72px;
	border-radius:50%;
	background:#fff5f5;
	border:1px solid #f0c9c9;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ca1c1d;
	font-size:22px;
	overflow:hidden;
	flex:0 0 72px;
}
.cd-mgr-avatar img{
	display:block;
	width:130%;
	height:130%;
	object-fit:cover;
}
.cd-mgr-ph{
	font-size:26px;
	font-weight:700;
	color:#ca1c1d;
	line-height:1;
}
.cd-mgr strong{display:block;font-size:15px;color:#222;}
.cd-mgr em{display:block;font-style:normal;font-size:12px;color:#888;margin:2px 0 4px;}
.cd-mgr p{margin:0;font-size:14px;color:#ca1c1d;font-weight:700;}

.cd-similar{list-style:none;margin:0;padding:0;}
.cd-similar li{margin-bottom:12px;}
.cd-similar a{display:flex;gap:10px;align-items:flex-start;}
.cd-similar img{
	width:64px;height:48px;
	object-fit:contain;
	object-position:center;
	background:#fff;
	border:1px solid #eee;
	border-radius:3px;
	flex:0 0 64px;
}
.cd-similar strong{display:block;font-size:13px;color:#222;line-height:1.35;margin-bottom:4px;}
.cd-similar span{display:block;font-size:12px;color:#888;}

.cd-total{background:#fff8f8;border-color:#f0c9c9;}
.cd-total-list{list-style:none;margin:0 0 14px;padding:0;}
.cd-total-list li{
	display:flex;
	justify-content:space-between;
	padding:8px 0;
	font-size:13px;
	border-bottom:1px dashed #f0d0d0;
}
.cd-total-list span{color:#666;}
.cd-total-list strong{color:#222;}
.cd-total-list .cd-total-sum{
	border-bottom:none;
	padding-top:12px;
}
.cd-total-list .cd-total-sum strong{
	font-size:18px;
	color:#ca1c1d;
}

.cd-btn{
	display:inline-block;
	height:40px;
	line-height:40px;
	padding:0 18px;
	border-radius:4px;
	font-size:14px;
	text-align:center;
	box-sizing:border-box;
}
.cd-btn-red{background:#ca1c1d;color:#fff !important;}
.cd-btn-red:hover{background:#b3181a;color:#fff !important;}
.cd-btn-block{display:block;width:100%;}

.cd-cta{
	margin-top:18px;
	background:linear-gradient(90deg,#eef5ff,#f7fbff);
	border:1px solid #d6e4ff;
	border-radius:4px;
	padding:22px 24px;
	display:flex;
	align-items:center;
	gap:20px;
}
.cd-cta-text{flex:1;}
.cd-cta-text strong{display:block;font-size:18px;color:#222;margin-bottom:6px;}
.cd-cta-text span{display:block;font-size:13px;color:#666;}
.cd-cta-steps{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	gap:8px;
	flex:0 0 auto;
}
.cd-cta-steps li{
	position:relative;
	padding:8px 12px;
	background:#fff;
	border:1px solid #d6e4ff;
	border-radius:3px;
	font-size:12px;
	color:#2f6fed;
}
.cd-cta-steps li:not(:last-child):after{
	content:"→";
	position:absolute;
	right:-12px;top:50%;
	transform:translateY(-50%);
	color:#9db7f0;
}

@media (max-width:1220px){
	.cd-wrap{width:96%;}
}
@media (max-width:980px){
	.cd-layout{flex-direction:column;}
	.cd-side,.cd-right{width:100%;flex:none;}
	.cd-hero-grid{flex-direction:column;}
	.cd-hero-img{
		width:100%;
		flex:none;
		max-width:100%;
		min-width:0;
		align-self:stretch;
	}
	.cd-hero-img img{
		width:100%;
		height:auto;
		max-height:280px;
		object-fit:contain;
	}
	.cd-metrics{flex-wrap:nowrap;}
	.cd-metric{flex:1 1 0;min-width:0;padding:10px 6px;}
	.cd-metric strong{font-size:15px;}
	.cd-stars i{font-size:12px;}
	.cd-plans{flex-direction:column;}
	.cd-sol-item{flex-direction:column;}
	.cd-sol-img{width:100%;flex:none;height:180px;}
	.cd-products{flex-direction:column;}
	.cd-bottom-grid{flex-direction:column;}
	.cd-cta{flex-direction:column;align-items:flex-start;}
	.cd-cta-steps{flex-wrap:wrap;}
}