/* 特色服务落地页 */
.feature-wrap{background:#f5f8f5;padding:0 0 40px;}
.feature-banner{
	background:linear-gradient(120deg,#2d7a2d 0%,#3a9d3a 55%,#5bb85b 100%);
	color:#fff;
	padding:36px 0 32px;
}
.feature-banner .inner{width:1220px;margin:0 auto;box-sizing:border-box;}
.feature-banner .crumb{font-size:13px;opacity:.9;margin-bottom:14px;}
.feature-banner .crumb a{color:#fff;text-decoration:none;}
.feature-banner .crumb a:hover{text-decoration:underline;}
.feature-banner .feature-head{
	display:flex;align-items:center;gap:18px;
	position:static;width:auto;height:auto;background:none;border:0;z-index:auto;left:auto;
}
.feature-banner .feature-head-icon{
	width:64px;height:64px;line-height:64px;text-align:center;
	font-size:28px;font-weight:bold;background:rgba(255,255,255,.2);
	border-radius:50%;flex-shrink:0;color:#fff;
}
.feature-banner .feature-head-text{float:none;overflow:visible;}
.feature-banner h1{
	margin:0;font-size:28px;font-weight:bold;line-height:1.3;height:auto;color:#fff;
	filter:none;display:block;
}
.feature-banner .slogan{margin:8px 0 0;font-size:15px;opacity:.95;color:#fff;}

.feature-main{width:1220px;margin:20px auto 0;box-sizing:border-box;}
.feature-panel{
	background:#fff;border:1px solid #d7ebd7;border-radius:6px;
	padding:22px 24px;margin-bottom:18px;
}
.feature-panel h2{
	margin:0 0 14px;padding-bottom:10px;font-size:18px;color:#2d7a2d;
	border-bottom:1px dashed #b8ddb8;
}
.feature-desc{font-size:14px;line-height:1.8;color:#444;margin:0 0 14px;}
.feature-points{display:flex;gap:12px;flex-wrap:wrap;margin:0;padding:0;list-style:none;}
.feature-points li{
	flex:1;min-width:200px;background:#f6fff6;border:1px solid #c5e6c5;
	border-radius:4px;padding:12px 14px;font-size:14px;color:#2d7a2d;
}

.feature-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;}
.feature-nav a{
	display:inline-block;padding:8px 14px;border:1px solid #c5e6c5;border-radius:4px;
	background:#fff;color:#2d7a2d;text-decoration:none;font-size:13px;
}
.feature-nav a:hover,.feature-nav a.on{background:#3a9d3a;border-color:#3a9d3a;color:#fff;}

.feature-grid{display:flex;flex-wrap:wrap;gap:14px;}
.feature-card{
	width:calc(25% - 11px);box-sizing:border-box;background:#fff;
	border:1px solid #e6eee6;border-radius:4px;overflow:hidden;
	transition:border-color .2s,box-shadow .2s;
}
.feature-card:hover{border-color:#3a9d3a;box-shadow:0 4px 12px rgba(58,157,58,.12);}
.feature-card a{display:block;color:#333;text-decoration:none;}
.feature-card .pic{
	display:block;width:100%;height:160px;object-fit:cover;background:#f3f6f3;
}
.feature-card .tit{
	display:block;padding:10px 12px 4px;font-size:14px;line-height:1.4;
	height:44px;overflow:hidden;
}
.feature-card .meta{
	padding:0 12px 12px;font-size:12px;color:#888;
}
.feature-card .price{color:#e65a2b;font-size:14px;font-weight:bold;}

.feature-empty{padding:30px;text-align:center;color:#999;font-size:14px;}

.feature-cta{
	display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
	background:linear-gradient(180deg,#f6fff6 0%,#eef8ee 100%);
	border:1px solid #c5e6c5;border-radius:6px;padding:20px 22px;
}
.feature-cta .txt h3{margin:0 0 6px;font-size:18px;color:#2d7a2d;}
.feature-cta .txt p{margin:0;font-size:13px;color:#666;line-height:1.6;}
.feature-cta .btns{display:flex;gap:10px;flex-wrap:wrap;}
.feature-cta .btns a{
	display:inline-block;padding:10px 18px;border-radius:4px;text-decoration:none;font-size:14px;
}
.feature-cta .btns .btn-primary{background:#3a9d3a;color:#fff;}
.feature-cta .btns .btn-primary:hover{background:#2d7a2d;}
.feature-cta .btns .btn-ghost{background:#fff;color:#2d7a2d;border:1px solid #3a9d3a;}
.feature-cta .btns .btn-ghost:hover{background:#f0faf0;}

.feature-hub-list{display:flex;flex-wrap:wrap;gap:16px;}
.feature-hub-item{
	width:calc(50% - 8px);box-sizing:border-box;background:#fff;
	border:1px solid #d7ebd7;border-radius:6px;padding:22px;display:flex;gap:16px;
	transition:border-color .2s,box-shadow .2s;
}
.feature-hub-item:hover{border-color:#3a9d3a;box-shadow:0 4px 14px rgba(58,157,58,.12);}
.feature-hub-item .feature-head-icon{
	width:56px;height:56px;line-height:56px;text-align:center;border-radius:50%;
	background:#3a9d3a;color:#fff;font-size:24px;flex-shrink:0;
}
.feature-hub-item .body h3{margin:0 0 8px;font-size:18px;}
.feature-hub-item .body h3 a{color:#222;text-decoration:none;}
.feature-hub-item .body h3 a:hover{color:#2d7a2d;}
.feature-hub-item .body p{margin:0 0 12px;font-size:13px;color:#666;line-height:1.7;}
.feature-hub-item .body .go{color:#3a9d3a;font-size:13px;text-decoration:none;}
.feature-hub-item .body .go:hover{text-decoration:underline;}

.feature-more{margin-top:16px;text-align:right;}
.feature-more a{color:#3a9d3a;font-size:13px;text-decoration:none;}
.feature-more a:hover{text-decoration:underline;}

.feature-coming{
	background:#fff;border:1px dashed #c5e6c5;border-radius:6px;
	padding:48px 20px;text-align:center;font-size:22px;color:#3a9d3a;font-weight:bold;
	margin-bottom:18px;
}
.feature-form-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;}
.feature-form-row label{width:64px;line-height:36px;color:#555;}
.feature-form-row input,.feature-form-row textarea{
	flex:1;padding:8px 10px;border:1px solid #c5e6c5;border-radius:4px;font-size:14px;
}
.feature-table{width:100%;border-collapse:collapse;font-size:13px;}
.feature-table th,.feature-table td{border:1px solid #d7ebd7;padding:8px 10px;text-align:left;}
.feature-table th{background:#f6fff6;color:#2d7a2d;}
.feature-cta .btns .btn-primary,.feature-main .btn-primary{
	display:inline-block;padding:10px 18px;border-radius:4px;text-decoration:none;
	background:#3a9d3a;color:#fff;
}

.yugou-group{margin-bottom:22px;}
.yugou-group-title{
	margin:0 0 12px;font-size:16px;color:#2d7a2d;
}
.feature-card.coming{
	background:#f7fbf7;border-style:dashed;
}
.feature-card.coming .coming-body,
.feature-card .coming-body{
	min-height:120px;padding:22px 14px 16px;box-sizing:border-box;
	display:flex;flex-direction:column;justify-content:center;
}
.feature-card.coming .tit{
	height:auto;font-weight:bold;color:#2d7a2d;
}
.feature-card.coming .meta{color:#3a9d3a;}

@media (max-width:1260px){
	.feature-banner .inner,.feature-main{width:auto;margin-left:16px;margin-right:16px;}
	.feature-card{width:calc(50% - 7px);}
	.feature-hub-item{width:100%;}
}
