* {
	outline: none;
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	*overflow: auto;
}

body {
	font-size: 18px;
	position: relative;
	padding-top:110px
}

img {
	vertical-align: middle;
	border: 0;
}

dl,
dt,
dd,
ol,
ul,
li {
	list-style: none;
}

input::-webkit-input-placeholder {
	color: #b2b2b2;
}

em,
i {
	font-style: normal;
}

a {
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: none !important;
	color: transparent;
}

a:focus {
	outline: none;
	text-decoration: none;
}


/* 全局样式 */

.container {
	width: 100%;
	min-width: 1300px;
	margin: 0 auto;
	padding: 0;
}


/* 导航栏 */

header {
	background-color: #fff;
	color: #000;
	padding: 15px 0;
	height: 110px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	position: fixed; top: 0; left: 0; right: 0;z-index: 9998
}

.header-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1300px;
}

.logo {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 22px;
	font-weight: bold;
}

.logo .logoimg {
	height: 45px !important;
	float: left;
}

.logo-d {
	float: left;
	width: 5px;
	height: 5px;
	margin: 32px 15px 0 10px;
}

.logo span {
	min-width: 153px;
	height: 68px;
	overflow-wrap: break-word;
	color: rgba(0, 0, 0, 1);
	font-size: 22px;
	font-family: SourceHanSansSC-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 68px;
	margin: 0px 0 0 15px;
	float: left;
}

nav ul {
	display: flex;
	list-style: none;
	gap: 60px;
	font-size: 20px;
}

nav a {
	color: #000;
	text-decoration: none;
	font-size: 20px;
	transition: color 0.3s;
}

nav a:hover {
	color: #ff7d00;
}

.trial-btn {
	color: white;
	border: none;
	padding: 9px 22px;
	border-radius: 10px;
	cursor: pointer;
	font-weight: 700;
	background-color: rgba(243, 146, 32, 1);
	width: 150px;
	height: 50px;
	font-size: 16px;
	font-family: SourceHanSansSC-Bold;
	transition: background-color 0.3s;
}

.trial-btn:hover {
	background-color: #e87000;
}

.btnjt {
	width: 16px;
	height: 13px;
	margin: 0px 0px 0 5px;
}


/* Banner轮播样式 */

.banner {
	position: relative;
	overflow: hidden;
	max-height: 846px;
	/* Banner高度，可根据图片比例调整 */
	width: 100%;
}


/* 轮播容器 */

.banner-slider {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}


/* 轮播内容容器 */

.banner-slides {
	display: flex;
	transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	width: 100%;
	height: 100%;
}


/* 单个轮播项 - 纯图片样式 */

.banner-slide {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
}


/* 轮播图片样式 */

.banner-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* 保持图片比例并覆盖整个容器 */
}

.ban-pc {
	display: block;
}

.ban-wap {
	display: none;
}


/* 轮播控制按钮 */

.banner-control {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 30px;
	z-index: 10;
}

.control-btn {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.15);
	color: white;
	border: 1px solid rgba(255, 255, 255, 0.3);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	transition: all 0.3s;
	backdrop-filter: blur(5px);
}

.control-btn:hover {
	background-color: #ff9500;
	border-color: #ff9500;
}


/* 轮播指示器 */

.banner-indicators {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
	z-index: 10;
}

.indicator {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.4);
	cursor: pointer;
	transition: all 0.3s;
}

.indicator.active {
	background-color: #ff9500;
	width: 28px;
	border-radius: 5px;
}

.bg-h {
	background-color: #f5f5f5;
}


/* 标题样式 - 严格匹配设计图配色 */

.section-title {
	text-align: center;
	margin-bottom: 60px;
	padding-top: 85px;
}

.section-title h2 {
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.2;
}


/* 标题文字分色：膜英会为青绿色，其余为黑色 */

.title-highlight {
	color: #08aca0;
	/* 膜英会专属色 */
}

.title-normal {
	color: #000;
	/* 黑色 */
}

.section-title p {
	font-size: 20px;
	color: #000;
	line-height: 1.6;
	margin: 10px auto 15px;
}


/* PC端网格布局 (默认) */

.solution-grid-pc {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 28px;
	/* 缩小卡片间距，匹配设计图 */
	margin: 0 auto 30px;
	max-width: 1300px;
}

.solution-card-pc {
	background-color: #ffffff;
	/* 每个卡片白色背景 */
	border-radius: 10px;
	/* 圆角调整，匹配设计图 */
	padding: 30px 30px;
	/* 精准调整内边距 */
	padding-top: 105px;
	/* 为顶部图标留出更多空间 */
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	/* 轻微阴影，提升层次感 */
	height: 100%;
	position: relative;
}


/* 卡片头部图标 - 顶部出头显示 + 精准配色 */

.card-icon-pc {
	width: 128px;
	/* 放大图标尺寸，匹配设计图 */
	height: 128px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	position: absolute;
	top: -35px;
	/* 调整偏移量，匹配设计图出头效果 */
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	border: 8px solid #FFFFFF;
}


/* 图标背景色精准匹配设计图 */

.brand-icon {
	background: #E5FFFE;
	/* 品牌方-浅蓝 */
	color: #20c997;
	/* 图标颜色-青绿色 */
	width: 128px;
	height: 128px;
	border-radius: 50%;
}

.warehouse-icon {
	background: #E5F3FF;
	/* 仓库-浅紫蓝 */
	color: #6495ed;
	/* 图标颜色-蓝色 */
}

.agent-icon {
	background: #FFFAE9;
	/* 代理商-浅黄 */
	color: #f1c40f;
	/* 图标颜色-黄色 */
}

.store-icon {
	background: #FFF0EB;
	/* 施工门店-浅红 */
	color: #e74c3c;
	/* 图标颜色-红色 */
}

.owner-icon {
	background: #F0E6FF;
	/* 车主-浅紫 */
	color: #9b59b6;
	/* 图标颜色-紫色 */
}


/* 分类标题样式 - 匹配设计图的浅绿背景+深色文字 */

.solution-card-pc h3 {
	font-size: 22px;
	color: #333333;
	/* 文字黑色 */
	background-color: #a1e0dc;
	/* 浅青绿色背景，匹配设计图 */
	text-align: center;
	padding: 12px 0;
	border-radius: 4px;
	margin-bottom: 24px;
	font-weight: 600;
}

.solution-card-pc ul {
	list-style: none;
	text-align: center;
	/* 文字居中，匹配设计图 */
}

.solution-card-pc li {
	font-size: 18px;
	/* 缩小字体，匹配设计图 */
	padding: 12px 4px;
	/* 调整内边距 */
	border-radius: 10px;
	/* 圆角调整 */
	margin-bottom: 17px;
	/* 缩小行间距 */
	line-height: 1.3;
}


/* 功能块背景色 - 严格匹配设计图的浅色系 */

.color-1 {
	background-color: #fff9e6;
	/*color: #856404;*/
}


/* 浅黄 (代理加盟等) */

.color-2 {
	background-color: #e6f7fb;
	/*color: #0c5460;*/
}


/* 浅蓝1 (产品管理等) */

.color-3 {
	background-color: #f0f8ff;
	/*color: #084298;*/
}


/* 浅蓝2 (订单系统等) */

.color-4 {
	background-color: #f0fff4;
	/*color: #155724;*/
}


/* 浅绿 (物流TMS) */

.color-5 {
	background-color: #ffeef0;
	/*color: #721c24;*/
}


/* 浅红 (质保查看等) */

.color-6 {
	background-color: #fff2e8;
	/*color: #842029;*/
}


/* 浅橙红 (AI商学院等) */


/* 移动端布局 (默认隐藏) */

.solution-mobile {
	display: none;
}

.solution-card-mobile {
	background-color: #ffffff;
	border-radius: 10px;
	padding: 15px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	margin-bottom: 15px;
}


/* 移动端头部布局 - 图标和名称在最左侧 */

.card-header-mobile {
	display: flex;
	align-items: flex-start;
	margin-bottom: 12px;
}


/* 图标容器 - 固定在左侧 */

.card-icon-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 12px;
	flex-shrink: 0;
}

.card-icon-mobile {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	margin-bottom: 6px;
}


/* 分类名称标签 - 图标下方 */

.card-label-mobile {
	font-size: 16px;
	color: #333333;
	background-color: #e6f7f2;
	padding: 6px 12px;
	border-radius: 4px;
	font-weight: 600;
	white-space: nowrap;
}


/* 功能列表容器 - 占据剩余空间 */

.feature-container {
	flex: 1;
}

.feature-grid-mobile {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
}

.feature-grid-mobile li {
	font-size: 12px;
	padding: 5px 6px;
	border-radius: 3px;
	list-style: none;
	text-align: center;
}


/* 底部说明文字 */

.note-text {
	font-size: 18px;
	color: #000000;
	text-align: center;
	margin-top: 40px;
	padding-bottom: 98px;
}

.note-text span {
	color: #ff0000 !important;
	padding-right: 10px;
}

.banner-container {
	width: 100%;
	padding: 96px 0px;
	position: relative;
	overflow: hidden;
	background: url(../img/map-bg.png) center top no-repeat;
	background-size: cover;
}


/* 背景世界地图点阵效果 */

.banner-container::before,
.banner-container::after {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	/* background-image: radial-gradient(#cce7f2 2px, transparent 2px);*/
	opacity: 0.6;
	z-index: 0;
}

.banner-container::before {
	left: 0;
}

.banner-container::after {
	right: 0;
	transform: scaleX(-1);
}

.banner-content {
	position: relative;
	z-index: 1;
	text-align: center;
}

.main-title {
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 30px;
}

.title-brand {
	color: #00a896;
	/* 膜英会绿色 */
}

.title-text {
	color: #000000;
}

.sub-title {
	font-size: 20px;
	color: #333333;
	font-weight: normal;
}


/* 业务链整体模块 */


/* 业务链整体 - 水平布局 */

.business-chain {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 0px;
}


/* 环形图区域 */

.chain-graph {
	width: 55%;
	text-align: center;
}

.chain-graph img {
	width: 100%;
	max-width: 816px;
	height: auto;
}


/* 业务项列表容器 */

.chain-content {
	width: 45%;
}


/* 业务项列表 */

.chain-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}


/* 单个业务项 */

.chain-item {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}


/* 图标样式 */

.item-icon {
	width: 55px;
	height: 55px;
	flex-shrink: 0;
	margin-top: 2px;
}


/* 文字内容 */

.item-title {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin-bottom: 15px;
}

.item-desc {
	font-size: 16px;
	color: #666;
	line-height: 1.5;
}


/* 标题 */

.chain-title {
	font-size: 35px;
	color: #333;
	font-weight: bold;
	margin-bottom: 50px;
	text-align: left;
}


/* 容器样式 - PC端（px单位） */

.container5 {
	width: 100%;
	margin: 0 auto;
	padding: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 775px;
	background: #f7f7f7;
}


/* 左侧图片区域 - PC端（px单位） */

.img-box {
	width: 60%;
}

.img-box img {
	width: 100%;
	height: auto;
	display: block;
}


/* 右侧文字区域 - PC端（px单位） */

.text-box {
	width: 40%;
}

.title {
	font-size: 35px;
	font-weight: bold;
	margin-bottom: 60px;
	color: #333;
}

.list-item {
	margin-bottom: 30px;
}

.list-item h3 {
	font-size: 20px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}

.list-item h3::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #00bfa5;
	margin-right: 10px;
}

.list-item p {
	font-size: 16px;
	color: #666;
	margin-left: 22px;
	/* 12+10px */
	line-height: 1.5;
}


/* 容器样式 - PC端（px单位） */

.marketing-container {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 0px 60px 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0px;
}


/* 左侧文字区域 - PC端（px单位） */

.marketing-text {
	width: 45%;
	padding-left: 8%;
}
 @media (min-width: 961px) and (max-width: 1499px) {
 	.marketing-text {
		padding-left: 0%;
	}
 }

.marketing-title {
	font-size: 36px;
	font-weight: bold;
	color: #000;
	margin-bottom: 20px;
	max-width: 580px;
}

.marketing-desc {
	font-size: 16px;
	color: #000;
	line-height: 1.6;
	margin-bottom: 30px;
	max-width: 580px;
}

.marketing-list {
	list-style: none;
	margin-bottom: 40px;
	max-width: 580px;
}

.marketing-list li {
	font-size: 18px;
	color: #000;
	padding: 12px 20px;
	margin-bottom: 12px;
	background-color: #f8f8f8;
	border-radius: 50px;
	position: relative;
	padding-left: 60px;
	/* 给箭头留空间 */
	width: 70%;
}


/* 替换为绿色箭头图标（SVG内置，无需额外图片） */

.marketing-list li::before {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	/* 绿色向右箭头SVG */
	background: url("../img/icon-jtimg.png") no-repeat center;
	background-size: 100%;
}

.marketing-btn {
	display: inline-block;
	padding: 14px 30px;
	background-color: #f7941d;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
	border-radius: 6px;
	transition: background-color 0.3s ease;
}

.marketing-btn:hover {
	background-color: #e5860c;color: #fff;
}

.marketing-btn span {
	margin-left: 8px;
}


/* 右侧图片区域 - PC端（px单位） */

.marketing-img {
	width: 50%;
}

.marketing-img img {
	width: 100%;
	max-width: 634px;
	height: auto;
	max-height: 473px;
	display: block;
	margin: 0 auto;
}


/* 容器样式 - PC端（px单位） */

.channel-container {
	background: #f7f7f7;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 80px 60px;
	display: flex;
	align-items: center;
	/*justify-content: space-between;*/
	justify-content: start;
	gap: 0px;
}


/* 左侧图片区域 - PC端（px单位） */

.channel-img {
	width: 60%;
	text-align: center;
}

.channel-img img {
	width: 100%;
	max-width: 669px;
	height: auto;
	max-height: 570px;
	display: block;
	margin: 0 auto;
}


/* 右侧文字区域 - PC端（px单位） */

.channel-text {
	width: 40%;
	max-width: 520px;
}

.channel-title {
	font-size: 36px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
}

.channel-desc {
	font-size: 16px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 40px;
}


/* 能力项列表 */

.channel-features {
	display: flex;
	gap: 100px;
	margin-bottom: 70px;
}

.channel-feature-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.feature-icon {
	width: 75px;
	height: 75px;
	margin-bottom: 15px;
	/* 通用图标背景（实际可替换为对应图标） */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


/* 销售培训图标 */

.icon-training {
	background: url("../img/icon-train.png") center no-repeat;
	background-size: cover;
}


/* 技师等级认证图标 */

.icon-cert {
	background: url("../img/icon-cert.png") center no-repeat;
	background-size: cover;
}


/* 促销物料共享图标 */

.icon-material {
	background: url("../img/icon-material.png") center no-repeat;
	background-size: cover;
}

.feature-text {
	font-size: 18px;
	color: #333;
}


/* 按钮样式 */

.channel-btn {
	display: inline-block;
	padding: 14px 30px;
	background-color: #f7941d;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
	border-radius: 6px;
	transition: background-color 0.3s ease;
}

.channel-btn:hover {
	background-color: #e5860c;
	 color: #fff;
}

.channel-btn span {
	margin-left: 8px;
}


/* 容器样式 - PC端（px单位） */

.store-container {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 80px 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 60px;
}


/* 左侧文字区域 - PC端（px单位） */

.store-text {
	width:50%;
	padding-left: 8%;
}
 @media (min-width: 961px) and (max-width: 1499px) {
 	.store-text {
		padding-left: 0%;
	}
 }

.store-title {
	font-size: 36px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
	max-width: 590px;
}

.store-desc {
	font-size: 16px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 40px;
	max-width: 590px;
}


/* 功能列表容器 - 全局双列，PC/手机保持一致 */

.store-features {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	max-width: 590px;
}


/* 功能项样式 - 仅保留内边距和布局 */

.store-feature-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 0;
	transition: all 0.3s ease;
	cursor: pointer;
}


/* 功能图标容器 - 默认淡背景，hover深背景 */

.feature-icon2 {
	width: 55px;
	height: 55px;
	border-radius: 10px;
	background-color: #e6f7f5;
	/* 默认淡青绿色背景 */
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}


/* 销售线索图标默认背景（稍深一点的淡色） */

.feature-icon2.sales-icon {
	background-color: #d9f2ef;
}

.store-feature-item .feature-icon2.sales-icon .icon-b{ display:block ;}
.store-feature-item .feature-icon2.sales-icon .icon-n{ display: none;}

.store-feature-item:hover .feature-icon2.sales-icon .icon-b{ display: none;}
.store-feature-item:hover .feature-icon2.sales-icon .icon-n{ display: block;}

/* hover时图标背景变深，图标变白 */

.store-feature-item:hover .feature-icon2 {
	background-color: #00bfa5;
	/* 深青绿色背景 */
}

.store-feature-item:hover .feature-icon2.sales-icon {
	background-color: #00a896;
	/* 销售线索hover更深背景 */
}


/* 图标样式 - 默认深青绿色，hover白色 */

.feature-icon2 svg {
	width: 24px;
	height: 24px;
	fill: #00bfa5;
	/* 默认深青绿色图标 */
	transition: all 0.3s ease;
}


/* 销售线索图标默认颜色（更深） */

.feature-icon2.sales-icon svg {
	fill: #00a896;
}


/* hover后图标变白 */

.store-feature-item:hover .feature-icon2 svg {
	fill: #fff;
}


/* 功能文本区域 */

.feature-content {
	flex: 1;
}

.feature-name {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 4px;
	color: #333;
	transition: color 0.3s ease;
}

.feature-desc {
	font-size: 16px;
	color: #999;
	line-height: 1.4;
	transition: color 0.3s ease;
}


/* hover时文字颜色同步变深青绿色 */

.store-feature-item:hover .feature-name {
	color: #00bfa5;
}

.store-feature-item:hover .feature-desc {
	color: #00a896;
}


/* 右侧图片区域 - PC端（px单位） */

.store-img {
	width: 50%;
}

.store-img img {
	width: 100%;
	height: auto;
	display: block;
	max-width: 612px;
	max-height: 436px;
}




/* 容器样式 - 统一适配PC/手机（px单位，保证比例一致） */
        .form-container {
            width: 100%;
            
            margin: 0 auto;
            padding: 0 15px;
            /* 手机端最小宽度限制，保证排版比例 */
            min-width: 320px;
            
            
            background-color: #00c9b7; 
            background-image: url("../img/icon-form-bg.png");
            background-size: cover;
            background-position: center;
            color: #fff;
            min-height: 100vh;
            padding: 66px 0;
            /* 防止手机端横向滚动 */
            overflow-x: hidden;
            
        }

        /* 标题区域 */
        .form-title {
        	width: 100%;
            text-align: center;
            margin-bottom: 40px;
            max-width: 800px;
            margin: 0 auto 50px;
        }
        .main-title {
            font-size: 46px;
            font-weight: bold;
            margin-bottom: 12px;
        }
        .sub-title2 {
        	color: #fff;
            font-size: 20px;
            line-height: 1.5;
            opacity: 0.9;
        }

        /* 表单样式 */
        .business-form {
        	width: 100%;
        	max-width: 900px;
        	margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        /* 单行输入项 - 核心：PC/手机端均保持flex横向布局 */
        .form-row {
            display: flex;
            gap: 20px; /* 统一间距，适配手机端 */
            width: 100%;
            /* 关键修复：允许换行，避免宽度溢出 */
            flex-wrap: wrap;
        }
        /* 地址行：改用flex分配宽度，避免手动计算误差 */
        .address-select-item {
            flex: 1; /* 占1份 */
            min-width: 120px; /* 手机端最小宽度，防止挤压 */
        }
        .address-detail-item {
            flex: 2; /* 占2份 */
            min-width: 200px; /* 手机端最小宽度 */
        }
        /* 平分宽度的输入框（联系人+邮箱、手机号+验证码）- 一样长 */
        .form-item.half-width {
            flex: 1; /* 改用flex平分，避免50%+gap导致溢出 */
            min-width: 150px; /* 手机端最小宽度 */
        }
        /* 独占一行的输入框（仅公司名称）- 最长，宽度=100% */
        .form-item.full-width {
            width: 100%;
        }

        /* 输入框/下拉框基础样式 - 统一视觉风格，手机端仅调整尺寸 */
        .form-input, .form-select {
            width: 100%;
            height: 50px;
            padding: 0 16px;
            border: none;
            border-radius: 10px;
            font-size: 16px;
            color: #333;
            background-color: #fff;
            appearance: none; /* 清除默认下拉样式 */
            -webkit-appearance: none;
            outline: none;
            transition: all 0.3s ease;
        }
        /* 下拉框添加箭头图标 */
        .form-select-wrapper {
            position: relative;
            width: 100%;
        }
        .form-select-wrapper::after {
            content: "▼";
            position: absolute;
            right: 16px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 12px;
            color: #666;
            pointer-events: none;
        }

        /* 验证码区域 - 核心：改用flex布局，避免手动计算宽度 */
        .verify-code-row {
            display: flex;
            gap: 10px;
            align-items: center;
            width: 100%;
            /* 关键修复：允许换行，避免溢出 */
            flex-wrap: wrap;
        }
        /* 验证码输入框自动占满剩余宽度 */
        .code-input {
            flex: 1; /* 自动占满剩余宽度 */
            min-width: 100px; /* 手机端最小宽度 */
        }
        .get-code-btn {
            /* 按钮固定宽度，不影响输入框比例 */
            width: 120px;
            height: 50px;
            border: none;
            border-radius: 10px;
            background-color: #fff;
            color: #00c9b7;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            flex-shrink: 0; /* 禁止压缩 */
        }
        .get-code-btn:hover {
            background-color: #f0f8f7;
        }

        /* 业务需求区域 */
        .demand-section {
            background-color: #fff;
            border-radius: 10px;
            padding: 20px;
            color: #333;
            /* 关键修复：确保不超出容器 */
            width: 100%;
            box-sizing: border-box;
        }
        .demand-title {
            font-size: 16px;
            margin-bottom: 16px;
            color: #333;
        }
        .demand-checkbox-group {
            display: flex;
            flex-wrap: wrap;
            gap: 16px 24px;
            margin-bottom: 16px;
        }
        .demand-checkbox-item {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 14px;
            color: #666;
        }
        /* 自定义圆形复选框 - 改为对勾样式 */
        .custom-checkbox {
            width: 18px;
            height: 18px;
            border-radius: 50%;
            border: 2px solid #00c9b7;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .custom-checkbox.checked {
            background-color: #00c9b7;
        }
        /* 核心修改：将圆点改为对勾 */
        .custom-checkbox.checked::after {
            content: "✓"; /* 对勾符号 */
            color: #fff;
            font-size: 12px; /* 调整对勾大小，适配圆形框 */
            font-weight: bold; /* 加粗对勾，更醒目 */
        }

        /* 需求描述文本框 */
        .demand-textarea {
            width: 100%;
            min-height: 100px;
            padding: 16px;
            border: 1px solid #e5e5e5;
            border-radius: 10px;
            font-size: 14px;
            color: #666;
            resize: vertical;
            outline: none;
            transition: all 0.3s ease;
        }
        .demand-textarea:focus {
            border-color: #00c9b7;
        }

        /* 提交按钮 */
        .submit-btn {
            width: 252px;
            height: 60px;
            border: none;
            border-radius: 10px;
            background-color: #ff9800;
            color: #fff;
            font-size: 20px;
            font-weight: bold;
            cursor: pointer;
            margin: 6px auto 0;
            display: block;
            transition: all 0.3s ease;
        }
        .submit-btn:hover {
            background-color: #fb8c00;
            transform: translateY(-2px);
        }
        


.container-case {
            max-width: 1300px;
            margin: 0 auto;
            padding: 70px 0;
        }
        /* 标题样式 */
        .case-title {
            text-align: center;
            font-size: 48px;
            color: #000;
            margin-bottom: 16px;
        }
        .case-subtitle {
            text-align: center;
            font-size:20px;
            color: #000;
            margin-bottom: 40px;
        }
        /* PC端案例列表 */
        .case-list-pc {
            display: flex;
            justify-content: space-between;
            margin-bottom: 40px;
            min-width: 1300px;
        }
        .case-item {
            width: 416px;
        }
        .case-img {
            width: 100%;
            height: 269px;
            object-fit: cover;
            margin-bottom: 20px;
            border-radius: 4px;
        }
        .case-name {
            font-size: 20px;
            color: #000;
            margin-bottom: 12px;
            position: relative;
            padding-right: 20px;
        }
        .case-name::after {
            content: "→";
            position: absolute;
            right: 0;
            top: 2px;
            font-size: 20px;
            color: #00a99d;
        }
        .case-desc {
            font-size: 16px;
            color: #666;
            line-height: 1.6;
            margin-bottom: 16px;
            
            
            /* 核心：固定两行高度 + 超出省略 */
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制显示2行 */
    -webkit-box-orient: vertical;
    overflow: hidden; /* 超出隐藏 */
    text-overflow: ellipsis; /* 省略号 */
    
    /* 统一高度：基于两行文本计算 (行高*2) */
    height: calc(14px * 1.6 * 2); /* 14px字体 * 1.6行高 * 2行 = 44.8px */
    min-height: calc(14px * 1.6 * 2); /* 强制最小高度，保证统一 */
    
    /* 可选：增加内边距/外边距优化排版 */
    padding: 0;
    box-sizing: border-box; /* 盒模型统一 */
        }
        
        
        .case-tag {
            display: inline-block;
            padding: 6px 12px;
            background-color: #e4f7f6;
            color: #00a99d;
            font-size: 16px;
            border-radius: 10px;
            margin-right: 8px;
        }
        /* 查看更多按钮 */
        .more-btn {
            display: block;
            width: 250px;
            height: 60px;
            line-height: 60px;
            background-color: #F7931E;
            color: #fff;
            text-align: center;
            font-size: 20px;
            border-radius: 10px;
            margin: 0 auto;
            text-decoration: none;
        }
        .more-btn:hover { color: #fff;}
        /* 移动端样式（隐藏PC内容，显示滑动容器） */
        .case-list-mobile {
            display: none;
            position: relative;
            width: 100%;
            overflow: hidden;
            margin-bottom: 40px;
        }
        .swiper-wrapper {
            display: flex;
            transition: transform 0.3s ease;
        }
        .swiper-slide {
            flex: 0 0 100%;
            padding: 0 16px;
        }
        /* 滑动按钮 */
        .swiper-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 90px;
            height: 90px;
            line-height: 90px;
            text-align: center;
            background-color: rgba(0,169,157,0.2);
            color: #fff;
            border-radius: 10%;
            border: none;
            font-size: 20px;
            cursor: pointer;
            z-index: 10;
        }
        .case-prev-btn {
            left: 10px;
        }
        .case-next-btn {
            right: 10px;
            background-color: #00a99d;
        }
        






/* PC端样式（px单位）- 核心调整：联系我们左对齐 */
        .footer {
            background-color: #081419;
            color: #fff;
            padding: 60px 0px 38px;
        }

        .footer-container {
            max-width: 1300px;
            margin: 0 auto;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
        }

        /* 左侧品牌信息 - 25%宽度 */
        .footer-brand {
            width: 395px;
        }

        .brand-logo {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .brand-logo img {
            width: auto;
            height: 58px;
        }

        .brand-logo span {
            font-size: 22px;
            color: #999;
        }

        .brand-desc {
            font-size: 14px;
            color: #ccc;
            line-height: 1.6;
            max-width: 300px;
        }

        /* 中间二维码区域 - 45%宽度 + 居中 */
        .footer-qrcode {
            width: 45%;
            display: flex;
            justify-content: center;
            gap: 80px;
        }

        .qrcode-item {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .qrcode-box {
            width: 110px;
            height: 110px;
            background-color: #1a272d;
            border-radius: 4px;
        }

        .qrcode-text {
            font-size: 16px;
            color: #ccc;
            line-height: 1.4;
            text-align: left;
        }

        /* 右侧联系信息 - 30%宽度 + 左对齐（核心修改） */
        .footer-contact {
            width: 286px;
            display: flex;
            flex-direction: column;
            align-items: flex-start; /* 改为左对齐 */
        }

        .contact-title {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: left; /* 标题左对齐 */
        }

        .contact-list {
            list-style: none;
            width: 100%;
        }

        .contact-list li {
            display: flex;
            align-items: center;
            justify-content: flex-start; /* 列表项左对齐 */
            margin-bottom: 12px;
            font-size: 16px;
            color: #ccc;
        }

        .contact-list li i {
            width: 20px;
            height: 20px;
            margin-right: 10px;
            display: inline-block;
            background-size: contain;
            background-repeat: no-repeat;
        }
        .contact-list li i img{
        	width: 20px;
            height: 20px;
        }

        .icon-address {
            /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ccc' viewBox='0 0 24 24'><path d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/></svg>");*/
        }

        .icon-phone {
            /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ccc' viewBox='0 0 24 24'><path d='M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.01.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.2c.28-.28.36-.67.25-1.02C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z'/></svg>");*/
        }

        .icon-email {
            /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ccc' viewBox='0 0 24 24'><path d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/></svg>");*/
        }

        /* 底部版权信息 */
        .footer-copyright {
            max-width: 1300px;
            margin: 30px auto 0;
            padding-top: 28px;
            border-top: 1px solid #2a3942;
            text-align: center;
            font-size: 16px;
            color: #999;
        }



/* 弹窗核心样式 (移除冗余注释，精简属性) */
        .modal-mask { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.7); display: none; align-items: center; justify-content: center; z-index: 9999; }
        .modal-container { width: 1200px; background: #fff; border-radius: 8px; padding: 60px 76px; position: relative; }
        .close-btn { position: absolute; top: -15px; right: -15px; width: 40px; height: 40px; border-radius: 50%; background: #f59e0b; color: #fff; border: none; font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; }

        /* 步骤条 (精简伪元素，合并重复样式) */
        .steps { display: flex; justify-content: space-between; align-items: center; margin: 0 -80px 40px; padding: 0 80px; position: relative; }
        .steps::before { content: ""; position: absolute; top: 26px; left: 260px; right: 260px; height: 4px; background: #F3F4F6; z-index: 1; }

        .step-item { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; width: 340px; }
        .step-num { width: 52px; height: 52px; border-radius: 50%; background: #F3F4F6;  color: #9ca3af; display: flex; align-items: center; justify-content: center; font-weight: bold; margin-bottom: 8px; }

        .step-text { font-size: 22px; color: #676666; text-align: center; }
        .step-item.active .step-num { background: #FF8A00; border-color: #FF8A00; color: #fff; }
        .step-item.active .step-text { color: #FF8A00; font-weight: bold; }

        /* 表单样式 (极致精简，合并同类项) */
        .form-group, .form-row2 { margin-bottom: 20px; }
        .form-row2 { display: flex; gap: 20px; }
        .area-select, .name-input, .email-input, .phone-input, .code-container { flex: 1; }
        .address-input { flex: 2; }
        .code-wrap { display: flex; gap: 12px; width: 100%; }
        .code-input { flex: 1; }
        .form-item2 input, .form-item2 select { width: 100%; height: 60px;background: #F1F1F5;
border-radius: 15px;
border: 1px solid #DDE4EC;
 padding: 0 22px;  font-size: 16px; }
        .get-code-btn2 {  color: #F7931E;  cursor: pointer; font-size: 16px; white-space: nowrap;
        
        width: 138px;
height: 60px;
background: rgba(241,241,245,0);
border-radius: 15px;
border: 1px solid #F7931E;
font-weight: bold;
         }

        /* 按钮组 (合并所有按钮样式，减少冗余) */
        .btn-group { display: flex; justify-content: center; gap: 20px; margin-top: 40px; }
        .cancel-btn, .skip-btn { padding: 18px 50px; min-width: 250px; background: #f3f4f6; color: #6b7280; border: none; border-radius: 10px; cursor: pointer; font-size: 20px; }
        .next-btn, .confirm-btn, .email-btn, .login-btn { padding: 18px 50px; min-width: 250px; background: #f59e0b; color: #fff; border: none; border-radius: 10px; cursor: pointer; font-size: 20px; display: flex; align-items: center; justify-content: center; gap: 8px; }
		.login-btn{background: #F3F4F6 !important; color: #000 !important;}
        /* 模块选择 (精简滚动条和模块样式) */
        .module-scroll-container { max-height: 315px; overflow-y: auto; margin-bottom: 40px; scrollbar-width: thin; scrollbar-color: #999 transparent; }
        .module-scroll-container::-webkit-scrollbar { width: 6px; }
        .module-scroll-container::-webkit-scrollbar-track { background: transparent; border-radius: 3px; }
        .module-scroll-container::-webkit-scrollbar-thumb { background: #999; border-radius: 3px; }
        .module-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding-right: 8px; }
        .module-item {  width: 334px; padding: 16px 20px; position: relative; cursor: pointer; transition: all 0.2s ease; background: #fff url(../img/uncheckedbg.png) no-repeat; min-height: 108px; }
        .module-item.active { background: #fff url(../img/checkedbg.png) no-repeat; background-size: cover; }
        .module-title { font-size: 16px; font-weight: 600; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; color: #333; }
        .module-icon { color: #333; transition: color 0.2s ease; font-size: 18px; }
        .module-icon img{ height: 24px;}
        .module-icon .img-none{ display: inline-block;}
        .module-icon .img-active{ display: none;}
        .module-item.active .module-title, .module-item.active .module-icon { color: #f59e0b; }
        .module-item.active .module-title, .module-item.active .module-icon .img-none{ display: none;}
        .module-item.active .module-title, .module-item.active .module-icon .img-active{ display: inline-block;}
        .module-desc { font-size: 13px; color: #6b7280; line-height: 1.4; }
        .module-check { display: none; }

        /* 开通成功 (精简样式) */
        .success-info { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 20px; }
        .info-item { padding: 20px; border: 1px solid #e5e7eb; border-radius: 8px; }
        .info-label { font-size: 14px; color: #6b7280; margin-bottom: 8px; }
        .info-value { font-size: 16px; color: #f59e0b; word-break: break-all; }
        .success-tips { padding: 16px; background: #fffbeb; border: 1px solid #fef3c7; border-radius: 4px; margin-bottom: 100px; font-size: 14px; color: #92400e; display: flex; align-items: center; gap: 8px; }
        .success-btn-group { display: flex; justify-content: center; gap: 20px; }

        /* 步骤面板控制 */
        .step-panel { display: none; }
        .step-panel.active { display: block; }