.head{
	height: 5.17rem;
	padding-left:1rem;
	padding-right:1rem;
}

html .pagebox .header .logo a{
	width:9.75rem;
	height:2.65rem;
	background-size: 100%;
}
.heatt{
	font-size:1.64rem;
}

.menur{
	width:2.105rem;
	height:2.105rem;
}
.menur span,.menur:before,.menur:after{
	width:2.105rem;
	height:.194rem;
}
.menur span{
	margin-top:0.9rem;
}
.menur:after{
	margin-top:1.9rem;
}
.header.active .menur:after{
	margin-top: .89rem;
}
.navbox{
	top:5.17rem;
}
.navleft ul.navul li.navli a{
	padding: .691rem 0;
	font-size: 1.25rem;
	padding-left: 1.5rem;
}
.navleft ul.navul li.navli.active a:before{
	width: .233rem;
    height: 1.3rem;
}

.navtop .offa span{
	width:3.19rem;
	margin-right: 1.2rem
}
.navtop .oof h5{
	font-size:1.2rem;
}
.navtop .oof p{font-size:1rem;}
.navtop{
	padding: 1.1rem 0;
    margin: 0 1.1rem;
}
.navtop .offa{
	padding:.8rem 0;
}
.oof h5 em{
	padding: 0 .8rem;
    margin-left: .8rem;
}
.navbottom ul.offul{
	padding:1rem 1.3rem 2rem 1.3rem;
}
.navbottom ul.offul li{
	padding:.3rem;
}
.navbottom .offa h5{
	font-size:1.2rem;
}
.navbottom .offa span{
	width:2rem;
	margin-right:.6rem;
}

/*页脚*/
.footer{padding:2rem 0 7rem 0;background:#17181b;}
.fooh .h{font-size:1.8rem;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:2rem 1.8rem;}
.fooh .h i{display:block;border-left:.2rem solid #666;border-top:.2rem solid #666;width:1.2rem;height:1.2rem;transform:rotate(-135deg);transition: all 0.3s;}
.fooh .abc{display:none;}
.fooh .a{display:flex;flex-wrap:wrap;padding:.3rem .6rem;background:#030303;position:relative;}
.fooh .a a{font-size:1.6rem;color:#939393;width:50%;box-sizing:border-box;margin:1.2rem 0;padding-left:1rem;}
.fooh .a:before{display:block;content:'';background:#030303;border-left:1px solid #030303;border-top:1px solid #030303;width:1rem;height:1rem;transform:rotate(45deg);position:absolute;left:1rem;top:-.1rem;}
.hotline{display:block;padding:1.6rem 0;background:#316fff;color:#fff;font-family:wsyop;font-size:2rem;text-align:center;margin:.8rem .6rem;}
.terright p{display:block;text-align:center;font-size:1.8rem;color:#939393;font-family:wsyop;margin-top:1rem;}
.fooh .abc.active{display:block;}
.fooh .h.active i{transform:rotate(45deg);margin-top:.2rem;}


/* ===== 全局重置 & 基础 ===== */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* 设置 1rem = 10px，方便换算 */
html {
	font-size: 62.5%;
}

body {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	background: #f8faff;
	color: #1a1a2e;
	line-height: 1.6;
	font-size: 1.6rem;
	/* 16px 基准 */
}

.container {
	max-width: 120rem;
	/* 1200px */
	margin: 0 auto;
	padding: 0 2rem;
}

/* ===== 按钮通用 ===== */
.btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	background: linear-gradient(135deg, #4f46e5, #7c3aed);
	color: #fff;
	padding: 1.6rem 4rem;
	border-radius: 5rem;
	font-weight: 600;
	font-size: 1.6rem;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
	box-shadow: 0 0.8rem 2.4rem rgba(79, 70, 229, 0.35);
}
.btn-primary:hover {
	transform: translateY(-0.3rem);
	box-shadow: 0 1.2rem 3.2rem rgba(79, 70, 229, 0.45);
	background: linear-gradient(135deg, #4338ca, #6d28d9);
}
.btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	background: transparent;
	color: #4f46e5;
	padding: 1.4rem 3.6rem;
	border-radius: 5rem;
	font-weight: 600;
	font-size: 1.6rem;
	border: 0.2rem solid #4f46e5;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
}
.btn-secondary:hover {
	background: #4f46e5;
	color: #fff;
	transform: translateY(-0.2rem);
}

/* ===== HERO ===== */
.hero {
	padding: 6rem 0 8rem;
	background: linear-gradient(165deg, #f8faff 0%, #eef2ff 100%);
	position: relative;
	overflow: hidden;
}
.hero::after {
	content: '';
	position: absolute;
	right: -10%;
	top: -30%;
	width: 60rem;
	height: 60rem;
	background: radial-gradient(circle, rgba(79, 70, 229, 0.06) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}
.hero-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
	align-items: center;
	position: relative;
	z-index: 2;
}
.hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	background: rgba(79, 70, 229, 0.12);
	color: #4f46e5;
	padding: 0.6rem 1.6rem;
	border-radius: 5rem;
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 2rem;
	border: 0.1rem solid rgba(79, 70, 229, 0.15);
}
.hero-badge i {
	font-size: 1.2rem;
}
.hero h1 {
	font-size: 3.2rem;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 2rem;
	color: #1a1a2e;
}
.hero h1 .highlight {
	background: linear-gradient(135deg, #4f46e5, #7c3aed);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.hero p {
	font-size: 1.8rem;
	color: #4b5563;
	max-width: 52rem;
	margin-bottom: 3.2rem;
}
.hero-stats {
	display: flex;
	gap: 4rem;
	margin-bottom: 3.6rem;
	flex-wrap: wrap;
}
.hero-stats-item {
	display: flex;
	flex-direction: column;
}
.hero-stats-item .number {
	font-size: 2rem;
	font-weight: 800;
	color: #1a1a2e;
	line-height: 1.2;
}
.hero-stats-item .label {
	font-size: 1.4rem;
	color: #6b7280;
}
.hero-actions {
	display: flex;
	gap: 1.6rem;
	flex-wrap: wrap;
}

.hero-visual {
	display: flex;
	justify-content: center;
	align-items: center;
}
.hero-visual-box {
	background: #ffffff;
	border-radius: 2.8rem;
	padding: 2rem 3rem 4rem 3rem;
	box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.07);
	width: 100%;
	max-width: 59rem;
	border: 0.1rem solid rgba(79, 70, 229, 0.08);
	position: relative;
}
.hero-visual-box .quote-icon {
	color: #4f46e5;
	font-size: 2.2rem;
	opacity: 0.2;
}
.hero-visual-box .ai-answer {
	background: #f8faff;
	border-radius: 1.6rem;
	padding: 2rem 2.4rem;
	border-left: 0.4rem solid #4f46e5;
	margin: 1.6rem 0 2rem;
}
.hero-visual-box .ai-answer p {
	font-size: 1.6rem;
	color: #1a1a2e;
	margin: 0;
}
.hero-visual-box .ai-answer .brand-mention {
	color: #4f46e5;
	font-weight: 700;
}
.hero-visual-box .tag-row {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	margin-top: 1.2rem;
}
.hero-visual-box .tag-row span {
	background: #eef2ff;
	color: #4f46e5;
	padding: 0.4rem 1.4rem;
	border-radius: 5rem;
	font-size: 1.2rem;
	font-weight: 500;
}

/* ===== 痛点 & 数据 ===== */
.section {
	padding: 7rem 0;
}
.section-label {
	display: inline-block;
	background: rgba(79, 70, 229, 0.10);
	color: #4f46e5;
	padding: 0.4rem 1.6rem;
	border-radius: 5rem;
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: 0.05rem;
	margin-bottom: 1.2rem;
}
.section-title {
	font-size: 2.4rem;
	font-weight: 800;
	color: #1a1a2e;
	margin-bottom: 1.6rem;
}
.section-title .highlight {
	background: linear-gradient(135deg, #4f46e5, #7c3aed);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.section-desc {
	font-size: 1.5rem;
	color: #4b5563;
	max-width: 72rem;
}
.text-center {
	text-align: center;
}
.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

/* ===== 痛点卡片 ===== */
.pain-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3rem;
	margin-top: 2rem;
}
.pain-card {
	background: #fff;
	padding: 3.2rem 2.8rem;
	border-radius: 2.4rem;
	box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.04);
	border: 0.1rem solid #f0f2f8;
	transition: all 0.3s ease;
}
.pain-card:hover {
	transform: translateY(-0.6rem);
	box-shadow: 0 1.2rem 4rem rgba(0, 0, 0, 0.07);
}
.pain-card .icon {
	font-size: 2.2rem;
	color: #4f46e5;
	margin-bottom: 1.6rem;
}
.pain-card h4 {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 0.8rem;
}
.pain-card p {
	color: #6b7280;
	font-size: 1.4rem;
}

/* ===== 解决方案 ===== */
.solution-section {
	background: linear-gradient(165deg, #1a1a2e, #2d2a5e);
	color: #fff;
}
.solution-section .section-label {
	background: rgba(255, 255, 255, 0.12);
	color: #a5b4fc;
}
.solution-section .section-title {
	color: #fff;
}
.solution-section .section-title .highlight {
	background: linear-gradient(135deg, #a5b4fc, #818cf8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.solution-section .section-desc {
	color: #c7d2fe;
}

.solution-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.8rem;
	margin-top: 2rem;
}
.solution-card {
	background: rgba(255, 255, 255, 0.06);
	backdrop-filter: blur(4px);
	border: 0.1rem solid rgba(255, 255, 255, 0.08);
	padding: 3.2rem 2.4rem;
	border-radius: 2.4rem;
	transition: all 0.3s ease;
}
.solution-card:hover {
	background: rgba(255, 255, 255, 0.10);
	transform: translateY(-0.4rem);
}
.solution-card .icon {
	font-size: 2rem;
	color: #a5b4fc;
	margin-bottom: 1.4rem;
}
.solution-card h4 {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 0.8rem;
	color: #fff;
}
.solution-card p {
	color: #c7d2fe;
	font-size: 1.4rem;
}

/* ===== 功能模块 ===== */
.feature-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.4rem;
	margin-top: 2rem;
}
.feature-item {
	background: #fff;
	padding: 2.8rem 2.4rem;
	border-radius: 2rem;
	border: 0.1rem solid #f0f2f8;
	transition: all 0.3s ease;
	box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.02);
}
.feature-item:hover {
	box-shadow: 0 0.8rem 3.2rem rgba(0, 0, 0, 0.06);
	transform: translateY(-0.4rem);
}
.feature-item .icon {
	font-size: 1.8rem;
	color: #4f46e5;
	margin-bottom: 1.2rem;
}
.feature-item h4 {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 0.6rem;
}
.feature-item p {
	font-size: 1.4rem;
	color: #6b7280;
}

/* ===== 轮播图样式 ===== */
.carousel-section {
	padding: 4rem 0 8rem;
	background: #ffffff;
}
.carousel-container {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	border-radius: 3.2rem;
}
.carousel-track {
	display: flex;
	transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.carousel-slide {
	min-width: 100%;
	box-sizing: border-box;
	padding: 2rem 3rem;
	display: flex;
	justify-content: center;
}
.slide-content {
	background: linear-gradient(135deg, #f0f4ff, #e8edff);
	border-radius: 3.2rem;
	padding: 4rem 3rem;
	text-align: center;
	width: 100%;
	box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.02);
	transition: transform 0.3s ease;
}
.slide-content .icon-wrap {
	font-size: 4.5rem;
	color: #4f46e5;
	margin-bottom: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.slide-content .icon-wrap i {
	background: rgba(79, 70, 229, 0.10);
	padding: 2.4rem;
	border-radius: 50%;
	display: inline-block;
}

.slide-content .icon img{
	display: block;
    width: 100%;
}

.slide-content h3 {
	font-size: 1.9rem;
	font-weight: 700;
	color: #1a1a2e;
	margin-bottom: 0.8rem;
}
.slide-content p {
	color: #4b5563;
	font-size: 1.6rem;
	line-height: 1.7;
	max-width: 64rem;
	margin: 0 auto;
}

.carousel-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255, 255, 255, 0.9);
	border: none;
	border-radius: 50%;
	width: 4.8rem;
	height: 4.8rem;
	box-shadow: 0 0.4rem 1.4rem rgba(0, 0, 0, 0.08);
	cursor: pointer;
	font-size: 1.8rem;
	color: #1a1a2e;
	transition: all 0.2s;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}
.carousel-btn:hover {
	background: #4f46e5;
	color: #fff;
	box-shadow: 0 0.4rem 1.6rem rgba(79, 70, 229, 0.3);
}
.carousel-btn.prev {
	left: 1.2rem;
}
.carousel-btn.next {
	right: 1.2rem;
}
.carousel-indicators {
	display: flex;
	justify-content: center;
	gap: 1.2rem;
	margin-top: 2.8rem;
}
.carousel-indicators span {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	background: #d1d5db;
	cursor: pointer;
	transition: 0.3s ease;
}
.carousel-indicators span.active {
	background: #4f46e5;
	width: 3.2rem;
	border-radius: 2rem;
}

/* ===== 双栏布局（数字资产 + 模式） ===== */
.two-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5rem;
	align-items: center;
}
.two-col .content h3 {
	font-size: 1.8rem;
	font-weight: 800;
	margin-bottom: 1.6rem;
}
.two-col .content p {
	color: #4b5563;
	margin-bottom: 1.6rem;
	font-size: 1.6rem;
}
.two-col .content ul {
	list-style: none;
	padding: 0;
}
.two-col .content ul li {
	padding: 0.8rem 0;
	display: flex;
	align-items: flex-start;
	gap: 1.2rem;
	color: #1a1a2e;
	font-size: 1.6rem;
}
.two-col .content ul li i {
	color: #4f46e5;
	font-size: 1.6rem;
	margin-top: 0.4rem;
}
.asset-box {
	background: #fff;
	border-radius: 2.4rem;
	padding: 3.2rem;
	box-shadow: 0 0.8rem 3.2rem rgba(0, 0, 0, 0.05);
	border: 0.1rem solid #f0f2f8;
}
.asset-box .stat-row {
	display: flex;
	gap: 2.4rem;
	margin: 1.6rem 0;
	flex-wrap: wrap;
}
.asset-box .stat-row .stat {
	flex: 1;
	min-width: 8rem;
}
.asset-box .stat-row .stat .num {
	font-size: 1.8rem;
	font-weight: 800;
	color: #4f46e5;
}
.asset-box .stat-row .stat .lbl {
	font-size: 1.2rem;
	color: #6b7280;
}

/* ===== 合作模式 ===== */
.mode-section {
	background: #fff;
}
.mode-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.4rem;
	margin-top: 2rem;
}
.mode-card {
	background: #fff;
	padding: 2.8rem 2rem;
	border-radius: 2rem;
	text-align: center;
	border: 0.1rem solid #f0f2f8;
	transition: all 0.3s ease;
}
.mode-card:hover {
	transform: translateY(-0.6rem);
	box-shadow: 0 1.2rem 4rem rgba(0, 0, 0, 0.06);
}
.mode-card .icon {
	font-size: 2.2rem;
	color: #4f46e5;
	margin-bottom: 1.2rem;
}
.mode-card h4 {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 0.6rem;
}
.mode-card p {
	font-size: 1.4rem;
	color: #6b7280;
}

/* ===== 对比表格 ===== */
.compare-box {
	background: #fff;
	border-radius: 2.4rem;
	padding: 4rem;
	box-shadow: 0 0.8rem 3.2rem rgba(0, 0, 0, 0.05);
	border: 0.1rem solid #f0f2f8;
	margin-top: 3rem;
}
.compare-box table {
	width: 100%;
	border-collapse: collapse;
}
.compare-box th,
.compare-box td {
	padding: 1.6rem 2rem;
	text-align: left;
	border-bottom: 0.1rem solid #f0f2f8;
	font-size: 1.4rem;
}
.compare-box th {
	font-weight: 700;
	color: #1a1a2e;
	background: #f8faff;
	font-size: 1.4rem;
}
.compare-box td {
	color: #4b5563;
}
.compare-box .check {
	color: #4f46e5;
	font-weight: 700;
}
.compare-box .cross {
	color: #9ca3af;
}

/* ===== CTA ===== */
.cta-section {
	background: linear-gradient(135deg, #1a1a2e, #2d2a5e);
	color: #fff;
	padding: 7rem 0;
	text-align: center;
}
.cta-section h2 {
	font-size: 2.6rem;
	font-weight: 800;
	margin-bottom: 1.6rem;
}
.cta-section p {
	font-size: 1.6rem;
	color: #c7d2fe;
	max-width: 64rem;
	margin: 0 auto 3.2rem;
}
.cta-section .btn-primary {
	background: linear-gradient(135deg, #818cf8, #4f46e5);
	box-shadow: 0 0.8rem 3.2rem rgba(79, 70, 229, 0.4);
}
.cta-section .btn-primary:hover {
	box-shadow: 0 1.2rem 4rem rgba(79, 70, 229, 0.55);
}

/* ===== 优势四列 ===== */
.advantage-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.4rem;
	margin-top: 2rem;
}
.advantage-card {
	background: #fff;
	padding: 2.8rem 2rem;
	border-radius: 2rem;
	border: 0.1rem solid #f0f2f8;
	text-align: center;
	transition: all 0.3s ease;
}
.advantage-card:hover {
	transform: translateY(-0.4rem);
	box-shadow: 0 0.8rem 2.8rem rgba(0, 0, 0, 0.06);
}
.advantage-card .icon {
	font-size: 2.4rem;
	color: #4f46e5;
	margin-bottom: 1.2rem;
}
.advantage-card h4 {
	font-weight: 700;
	margin-bottom: 0.6rem;
	font-size: 2rem;
}
.advantage-card p {
	color: #6b7280;
	font-size: 1.4rem;
}

/* ===== 响应式 ===== */
@media (max-width: 102.4rem) {
	/* 1024px */
	.hero-grid {
		grid-template-columns: 1fr;
		gap: 4rem;
	}
	.hero-visual-box {
		max-width: 100%;
	}
	.solution-grid,
	.feature-grid,
	.pain-grid,
	.mode-grid,
	.advantage-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.two-col {
		grid-template-columns: 1fr;
		gap: 3rem;
	}
}

@media (max-width: 76.8rem) {
	/* 768px */
	.hero h1 {
		font-size: 2.8rem;
	}
	.hero-stats {
		gap: 2rem;
	}
	.hero-stats-item .number {
		font-size: 1.6rem;
	}
	.section-title {
		font-size: 2.2rem;
	}
	.solution-grid,
	.feature-grid,
	.pain-grid,
	.mode-grid,
	.advantage-grid {
		grid-template-columns: 1fr;
	}
	.compare-box {
		padding: 2rem;
		overflow-x: auto;
	}
	.cta-section h2 {
		font-size: 2.4rem;
	}
	.carousel-slide {
		padding: 1.2rem 1.6rem;
	}
	.slide-content {
		padding: 3.2rem 2rem;
	}
	.slide-content .icon-wrap {
		font-size: 3.2rem;
	}
	.slide-content h3 {
		font-size: 1.8rem;
	}
	.carousel-btn {
		width: 3.6rem;
		height: 3.6rem;
		font-size: 1.4rem;
	}
	.carousel-btn.prev {
		left: 0.4rem;
	}
	.carousel-btn.next {
		right: 0.4rem;
	}
	.hero-actions .btn-primary,
	.hero-actions .btn-secondary {
		width: 100%;
		justify-content: center;
	}
	.hero p {
		font-size: 1.6rem;
	}
	.container {
		padding: 0 1.6rem;
	}
}

@media (max-width: 48rem) {
	/* 480px 小屏手机额外优化 */
	html {
		font-size:10px!important;
		/* 稍微缩小基础字号，让内容更紧凑 */
	}
	
	.hero {
		padding: 4rem 0 5rem;
		margin-top:5rem;
	}
	.hero h1 {
		font-size: 2.8rem;
		line-height:1.4;
		margin-bottom:1rem;
	}
	.section {
		padding: 4rem 0;
	}
	.section-title {
		font-size: 2.2rem;
	}
	.hero-visual-box {
		padding: 1.6rem 1.6rem 3rem 1.6rem;
	}
	.hero-visual-box .ai-answer {
		padding: 1.2rem 1.6rem;
	}
	.hero-visual-box .tag-row{
		display:inline;
	}
	.hero-visual-box .tag-row span {
		font-size: 1.4rem;
		padding: 1.2rem 0;
		display:block;
		text-align:center;
		margin:1rem 0;
	}
	.pain-card {
		padding: 2.4rem 1.6rem;
	}
	.solution-card {
		padding: 2.4rem 1.6rem;
	}
	.feature-item {
		padding: 2rem 1.6rem;
	}
	.asset-box {
		padding: 2rem 1.6rem;
	}
	.compare-box {
		padding: 1.2rem;
	}
	.compare-box th,
	.compare-box td {
		padding: 1rem 0.8rem;
		font-size: 1.2rem;
	}
	.cta-section {
		padding: 4rem 0;
	}
	.cta-section h2 {
		font-size: 2rem;
	}
	.mode-card {
		padding: 2rem 1.2rem;
	}
	.advantage-card {
		padding: 2rem 1.2rem;
	}
	.btn-primary,
	.btn-secondary {
		padding: 1.2rem 2.4rem;
		font-size: 1.4rem;
		width: 100%;
		justify-content: center;
	}
	.hero-actions {
		flex-direction: column;
		gap: 1.2rem;
	}
	.slide-content {
		padding: 2.4rem 1.6rem;
	}
	.slide-content h3 {
		font-size: 1.6rem;
	}
	.slide-content p {
		font-size: 1.4rem;
	}
	.slide-content .icon-wrap {
		font-size: 2.8rem;
	}
	.slide-content .icon-wrap i {
		padding: 1.6rem;
	}
	.carousel-btn {
		width: 3rem;
		height: 3rem;
		font-size: 1.2rem;
	}
}

.message{padding:4rem 0;background:#fff;}
.mestitle{text-align:center;}
.mestitle .titleh{font-size:2.4rem;color:#333;}
.mestitle .contp{font-size:1.8rem;color:#666;}
.formd{margin-top:1rem;}
.formd form input{display:block;width:100%;box-sizing:border-box;}
.formd form .xmane,.formd form .iphone{position:relative;border:solid 0.2rem #f0f3fa;box-sizing:border-box;display:flex;align-items:center;}
.formd form .xmane input,.formd form .iphone input{padding:1.16rem .8rem;padding-left:4.2rem;font-size:1.2rem;}
.formd form .xmane:before{display:block;position:absolute;left:1.5rem;content:'';background:url(../../images/xingming.png) no-repeat;width:1.8rem;height:1.8rem;background-size:100%;}
.formd form .iphone:before{display:block;position:absolute;left:1.5rem;content:'';background:url(../../images/dianhua.png) no-repeat;width:1.8rem;height:1.8rem;background-size:100%;}
.formd form .submit{margin-top:2rem;}
.formd form .submit input{display:block;width:100%;height:100%;text-align:center;padding:.8rem 0;background:#316fff;color:#fff;border:solid .02rem #316fff;font-size:1.4rem;cursor:pointer;box-sizing:border-box;border-radius:60rem;}
.remarks{text-align:center;margin-top:1rem;}
.remarks p.mainp{font-size:1.6rem;color:#333;}
.remarks p.small{font-size:1.4rem;color:#666;margin-top:.2rem;line-height:inherit;}

/*flex兼容写法*/
/* 定义 */
.flex-def {display: -webkit-flex; display: flex; }
/* 主轴居中 */
.flex-zCenter {-webkit-justify-content: center;justify-content: center;}
/* 主轴居中 */
.flex-zAround {-webkit-justify-content: space-around;justify-content: space-around;}
/* 主轴两端对齐 */
.flex-zBetween {-webkit-justify-content: space-between;justify-content: space-between;}
/* 主轴end对齐 */
.flex-zEnd {-webkit-justify-content: flex-end;justify-content: flex-end;}
/* 主轴start对齐 */
.flex-zStart {-webkit-justify-content: start;justify-content: start;}
/* 侧轴居中 */
.flex-cCenter {-webkit-align-items: center;align-items: center;}
/* 侧轴start对齐 */
.flex-cStart {-webkit-align-items: start;align-items: start;}
/* 侧轴底部对齐 */
.flex-cEnd {-webkit-align-items: flex-end;align-items: flex-end;}
/* 侧轴文本基线对齐 */
.flex-cBaseline {-webkit-align-items: baseline;align-items: baseline;}
/* 侧轴上下对齐并铺满 */
.flex-cStretch {-webkit-align-items: stretch;align-items: stretch;}
/* 主轴从上到下 */
.flex-zTopBottom {-webkit-flex-direction: column;flex-direction: column;}
/* 主轴从下到上 */
.flex-zBottomTop {-webkit-flex-direction: column-reverse;flex-direction: column-reverse;}
/* 主轴从左到右 */
.flex-zLeftRight {-webkit-flex-direction: row;flex-direction: row;}
/* 主轴从右到左 */
.flex-zRightLeft {-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}
/* 是否允许子元素伸缩 */
.flex-item {-webkit-flex-grow: 1;flex-grow: 1;}
/*子元素换行*/
.flex-wrap {-moz-flex-wrap:wrap;flex-wrap:wrap;}
/* 子元素的显示次序 */
.flex-order{-webkit-order: 1;order: 1;}
/*元素比例*/
.flex-one{-webkit-flex: 1; flex: 1;}