@charset "utf-8";
/* =============================================================
 * 联系我们 · 留言提交反馈组件（F44-40）
 * 仅由 app/front/view/index/contact.php 与 en/contact.php 引入
 *   1) 顶部 Toast 轻提示（即时确认，3.6s 自动消失）
 *   2) 内联成功卡片（原地替换表单，持久停留）
 *   3) 服务端拒绝 / 字段校验 → 表单内红色横幅 + 字段级提示
 *   4) 无 JS 兜底：独立提示页 body.ctip-page（真响应式）
 * 命名统一 ctip- 前缀，避免与老模板类名（.table1/.input1 等）冲突。
 * ============================================================= */

.ctip-panel,
.ctip-toast,
.ctip-alert,
body.ctip-page,
body.page-contact {
	--ctip-brand: #924879;
	--ctip-brand-d: #7d3b66;
	--ctip-brand-dd: #75245c;
	--ctip-ink: #33262e;
	--ctip-sub: #7a6c73;
	--ctip-muted: #a4959c;
	--ctip-line: #ece2e8;
	--ctip-ok: #0f9d68;
	--ctip-ok-2: #2fbe8a;
	--ctip-ok-soft: #eaf7f1;
	--ctip-err: #c0392b;
	--ctip-err-2: #f0776a;
	--ctip-err-soft: #fdeeec;
	--ctip-ease: cubic-bezier(.16, .84, .44, 1);
	font-family: "Microsoft YaHei", "Hiragino Sans GB", Tahoma, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}

/* ===================== 1. 顶部 Toast ===================== */
.ctip-toast {
	position: fixed;
	top: 22px;
	left: 50%;
	z-index: 99999;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 436px;
	max-width: calc(100% - 32px);
	padding: 12px 38px 12px 13px;
	margin: 0;
	background: #fff;
	border: 1px solid var(--ctip-line);
	border-radius: 12px;
	box-shadow: 0 16px 40px rgba(51, 38, 46, .16), 0 2px 6px rgba(51, 38, 46, .06);
	text-align: left;
	opacity: 0;
	-webkit-transform: translate(-50%, -14px);
	transform: translate(-50%, -14px);
	-webkit-animation: ctip-toast-in .3s var(--ctip-ease) forwards;
	animation: ctip-toast-in .3s var(--ctip-ease) forwards;
}

.ctip-toast.is-leaving {
	-webkit-animation: ctip-toast-out .22s ease-in forwards;
	animation: ctip-toast-out .22s ease-in forwards;
}

.ctip-toast__icon {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: block;
	width: 20px;
	height: 20px;
	margin: 1px 0 0;
	border-radius: 50%;
	background: var(--ctip-ok);
	text-align: center;
	line-height: 20px;
}

.ctip-toast--warn .ctip-toast__icon {
	background: var(--ctip-err);
}

.ctip-toast__icon svg {
	display: block;
	width: 12px;
	height: 12px;
	margin: 4px auto;
}

.ctip-toast__text {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding-left: 9px;
	color: var(--ctip-ink);
	font-size: 13px;
	line-height: 1.6;
	word-break: break-word;
}

.ctip-toast__close {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: #bba9b4;
	font-size: 17px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: color .18s, background-color .18s;
	transition: color .18s, background-color .18s;
}

.ctip-toast__close:hover {
	background: #f6eff3;
	color: var(--ctip-brand-d);
}

.ctip-toast__close:focus-visible {
	outline: 2px solid #c97ab0;
	outline-offset: 1px;
}

/* ===================== 2. 内联成功 / 失败卡片 ===================== */
/* 老模板容器（.c_right 等）是定高 + overflow:hidden，卡片比原表单高会被裁掉，
   出现卡片 / 错误横幅时由 JS 加 .ctip-expanded 放开高度。 */
.ctip-expanded {
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
	padding-bottom: 4px;
}

.ctip-panel {
	position: relative;
	box-sizing: border-box;
	width: auto;
	margin: 14px 10px;
	padding: 28px 26px 24px;
	background: #fff;
	border: 1px solid var(--ctip-line);
	border-radius: 14px;
	text-align: center;
	box-shadow: 0 10px 28px rgba(117, 36, 92, .09), 0 1px 2px rgba(117, 36, 92, .04);
	-webkit-animation: ctip-panel-in .36s var(--ctip-ease) both;
	animation: ctip-panel-in .36s var(--ctip-ease) both;
}

.ctip-panel:focus {
	outline: none;
}

.ctip-panel__icon {
	display: block;
	width: 54px;
	height: 54px;
	margin: 0 auto 14px;
	border-radius: 50%;
	background: -webkit-linear-gradient(top left, var(--ctip-ok-2), var(--ctip-ok));
	background: linear-gradient(135deg, var(--ctip-ok-2), var(--ctip-ok));
	box-shadow: 0 8px 18px rgba(15, 157, 104, .26);
	-webkit-animation: ctip-pop .42s .04s var(--ctip-ease) both;
	animation: ctip-pop .42s .04s var(--ctip-ease) both;
}

.ctip-panel__icon svg {
	display: block;
	width: 26px;
	height: 26px;
	margin: 14px auto 0;
}

/* 对勾描边动画：dasharray 长度与 ctip-draw 中的 dashoffset 对应 */
.ctip-panel__icon path,
.ctip-toast__icon path {
	fill: none;
	stroke: #fff;
	stroke-width: 3.4;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.ctip-panel__icon path {
	stroke-dasharray: 26;
	stroke-dashoffset: 26;
	-webkit-animation: ctip-draw .42s .3s var(--ctip-ease) forwards;
	animation: ctip-draw .42s .3s var(--ctip-ease) forwards;
}

.ctip-panel__title {
	margin: 0;
	padding: 0;
	color: var(--ctip-ink);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .2px;
}

.ctip-panel__desc {
	max-width: 420px;
	margin: 7px auto 0;
	color: var(--ctip-sub);
	font-size: 13px;
	line-height: 1.9;
	word-break: break-word;
}

.ctip-panel__desc:first-of-type {
	margin-top: 9px;
}

.ctip-panel__note {
	margin: 12px auto 0;
	padding: 8px 12px;
	max-width: 400px;
	background: #fbf7f9;
	border-radius: 8px;
	color: var(--ctip-muted);
	font-size: 12px;
	line-height: 1.7;
}

.ctip-panel__actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 20px;
	gap: 10px;
}

.ctip-btn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 108px;
	height: 38px;
	padding: 0 18px;
	margin: 0;
	border: 1px solid transparent;
	border-radius: 8px;
	background: var(--ctip-brand);
	color: #fff;
	font-family: inherit;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: background-color .18s, border-color .18s, box-shadow .18s, -webkit-transform .12s;
	transition: background-color .18s, border-color .18s, box-shadow .18s, transform .12s;
}

.ctip-btn:hover {
	background: var(--ctip-brand-d);
	color: #fff;
	text-decoration: none;
}

.ctip-btn:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

.ctip-btn:focus-visible {
	outline: 2px solid #c97ab0;
	outline-offset: 2px;
}

.ctip-btn--ghost {
	background: #fff;
	border-color: #e2d3dd;
	color: #6f5c67;
}

.ctip-btn--ghost:hover {
	background: #faf5f8;
	border-color: #cda9c2;
	color: var(--ctip-brand-d);
}

/* 失败变体：图标、标题配色 */
.ctip-panel--error .ctip-panel__icon {
	background: -webkit-linear-gradient(top left, var(--ctip-err-2), var(--ctip-err));
	background: linear-gradient(135deg, var(--ctip-err-2), var(--ctip-err));
	box-shadow: 0 8px 18px rgba(192, 57, 43, .24);
}

.ctip-panel--error .ctip-panel__icon svg {
	width: 22px;
	height: 22px;
	margin: 16px auto 0;
}

.ctip-panel--error .ctip-panel__icon path {
	stroke-dasharray: none;
	stroke-dashoffset: 0;
	-webkit-animation: none;
	animation: none;
}

.ctip-panel--error .ctip-panel__title {
	color: #8d2b1f;
}

/* ===================== 3. 表单内错误横幅 ===================== */
.ctip-alert {
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 12px 10px 0;
	padding: 11px 13px;
	background: var(--ctip-err-soft);
	border: 1px solid #f3cbc5;
	border-radius: 10px;
	text-align: left;
	-webkit-animation: ctip-fade-slide .26s var(--ctip-ease) both;
	animation: ctip-fade-slide .26s var(--ctip-ease) both;
}

.ctip-alert__icon {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: block;
	width: 18px;
	height: 18px;
	margin: 1px 9px 0 0;
	border-radius: 50%;
	background: var(--ctip-err);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
}

.ctip-alert__body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
}

.ctip-alert__title {
	display: block;
	color: #a02f22;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
}

.ctip-alert__msg {
	margin: 2px 0 0;
	color: #8d4438;
	font-size: 12px;
	line-height: 1.7;
	word-break: break-word;
}

.ctip-alert__reload {
	display: inline-block;
	margin: 7px 0 0;
	padding: 0;
	border: 0;
	background: none;
	color: var(--ctip-brand);
	font-family: inherit;
	font-size: 12px;
	font-weight: 700;
	text-decoration: underline;
	cursor: pointer;
}

.ctip-alert__reload:hover {
	color: var(--ctip-brand-dd);
}

/* ===================== 4. 字段级校验提示 ===================== */
.ctip-field-error {
	display: block;
	margin: 3px 0 0;
	color: var(--ctip-err);
	font-size: 12px;
	line-height: 1.6;
	-webkit-animation: ctip-fade-in .2s ease-out both;
	animation: ctip-fade-in .2s ease-out both;
}

input.is-invalid,
textarea.is-invalid {
	border-color: #e08d86 !important;
	box-shadow: 0 0 0 3px rgba(192, 57, 43, .1);
	-webkit-animation: ctip-shake .3s ease-in-out;
	animation: ctip-shake .3s ease-in-out;
}

/* 提交中：按钮禁用态（沿用老 gif 背景，仅压暗 + 禁止重复点击） */
input[type="submit"].is-loading {
	opacity: .68;
	cursor: default;
}

/* ===================== 5. 独立提示页（无 JS 兜底） ===================== */
body.ctip-page {
	box-sizing: border-box;
	min-height: 100vh;
	margin: 0;
	padding: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #f7f1f5;
	background: -webkit-radial-gradient(120% 120% at 50% 0%, #fbf7fa 0%, #f4eef2 55%, #eee6eb 100%);
	background: radial-gradient(120% 120% at 50% 0%, #fbf7fa 0%, #f4eef2 55%, #eee6eb 100%);
	color: var(--ctip-ink);
	font-size: 13px;
	text-align: center;
}

.ctip-page__card {
	box-sizing: border-box;
	width: 100%;
	max-width: 452px;
	padding: 36px 32px 28px;
	background: #fff;
	border: 1px solid var(--ctip-line);
	border-radius: 16px;
	text-align: center;
	box-shadow: 0 24px 60px rgba(117, 36, 92, .13), 0 2px 6px rgba(117, 36, 92, .05);
	-webkit-animation: ctip-panel-in .4s var(--ctip-ease) both;
	animation: ctip-panel-in .4s var(--ctip-ease) both;
}

.ctip-page__card p {
	margin: 7px 0 0;
	color: var(--ctip-sub);
	font-size: 13px;
	line-height: 1.9;
	word-break: break-word;
}

.ctip-page__card p.ctip-panel__title {
	margin: 0;
	color: var(--ctip-ink);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.5;
}

/* 独立提示页：失败变体 */
.ctip-page__card--error .ctip-panel__icon {
	background: -webkit-linear-gradient(top left, var(--ctip-err-2), var(--ctip-err));
	background: linear-gradient(135deg, var(--ctip-err-2), var(--ctip-err));
	box-shadow: 0 8px 18px rgba(192, 57, 43, .24);
}

.ctip-page__card--error .ctip-panel__icon svg {
	width: 22px;
	height: 22px;
	margin: 16px auto 0;
}

.ctip-page__card--error .ctip-panel__icon path {
	stroke-dasharray: none;
	stroke-dashoffset: 0;
	-webkit-animation: none;
	animation: none;
}

.ctip-page__card--error p.ctip-panel__title {
	color: #8d2b1f;
}

.ctip-page__brand {
	margin: 22px 0 0;
	color: #b8a7b0;
	font-size: 11px;
	line-height: 1.6;
	letter-spacing: .3px;
}

/* ===================== 6. 断点适配 ===================== */
/* 说明：老站整站为 1002px 定宽模板且未声明 viewport，手机端布局视口固定约 980px，
   因此窄屏断点取 1023px 才能命中（640px 在真机上不触发）。 */
@media (max-width: 1023px) {
	.ctip-toast {
		top: 12px;
		width: 100%;
		max-width: calc(100% - 24px);
		padding: 11px 36px 11px 12px;
		border-radius: 10px;
	}

	.ctip-toast__text {
		font-size: 13px;
		line-height: 1.55;
	}

	.ctip-panel {
		margin: 10px 8px;
		padding: 24px 18px 20px;
		border-radius: 12px;
	}

	.ctip-panel__icon {
		width: 48px;
		height: 48px;
		margin-bottom: 12px;
	}

	.ctip-panel__icon svg {
		width: 23px;
		height: 23px;
		margin-top: 12.5px;
	}

	.ctip-panel__title {
		font-size: 17px;
	}

	.ctip-panel__actions {
		margin-top: 16px;
		gap: 8px;
	}

	/* 窄屏按钮整行排布，避免两个按钮挤成一行后被裁切 */
	.ctip-btn {
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
		height: 42px;
		font-size: 14px;
	}

	.ctip-alert {
		margin: 10px 8px 0;
	}
}

/* 表单排版：窄屏下 label 与输入框上下堆叠，输入框占满整行 */
@media (max-width: 1023px) {
	.c_left,
	.c_right {
		float: none;
		width: auto;
		height: auto;
		min-height: 0;
		margin: 0 8px 10px;
	}

	.table1 {
		width: 100%;
		box-sizing: border-box;
		padding: 10px 8px 12px;
	}

	.table1 tr,
	.table1 td {
		display: block;
		width: auto;
		text-align: left;
	}

	.input1,
	.input2,
	.texts {
		width: 100%;
		box-sizing: border-box;
	}

	.texts {
		height: 84px;
	}
}

@media (max-width: 640px) {
	.ctip-page__card {
		padding: 30px 20px 24px;
		border-radius: 14px;
	}

	.ctip-page__card p.ctip-panel__title {
		font-size: 18px;
	}

	.ctip-panel__note {
		font-size: 11.5px;
	}
}

/* ===================== 7. 关键帧 ===================== */@-webkit-keyframes ctip-toast-in {
	from {
		opacity: 0;
		-webkit-transform: translate(-50%, -14px);
	}

	to {
		opacity: 1;
		-webkit-transform: translate(-50%, 0);
	}
}

@keyframes ctip-toast-in {
	from {
		opacity: 0;
		transform: translate(-50%, -14px);
	}

	to {
		opacity: 1;
		transform: translate(-50%, 0);
	}
}

@-webkit-keyframes ctip-toast-out {
	from {
		opacity: 1;
		-webkit-transform: translate(-50%, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate(-50%, -10px);
	}
}

@keyframes ctip-toast-out {
	from {
		opacity: 1;
		transform: translate(-50%, 0);
	}

	to {
		opacity: 0;
		transform: translate(-50%, -10px);
	}
}

@-webkit-keyframes ctip-panel-in {
	from {
		opacity: 0;
		-webkit-transform: translateY(12px) scale(.985);
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0) scale(1);
	}
}

@keyframes ctip-panel-in {
	from {
		opacity: 0;
		transform: translateY(12px) scale(.985);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@-webkit-keyframes ctip-pop {
	from {
		opacity: 0;
		-webkit-transform: scale(.6);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@keyframes ctip-pop {
	from {
		opacity: 0;
		transform: scale(.6);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

@-webkit-keyframes ctip-draw {
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes ctip-draw {
	to {
		stroke-dashoffset: 0;
	}
}

@-webkit-keyframes ctip-fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes ctip-fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes ctip-fade-slide {
	from {
		opacity: 0;
		-webkit-transform: translateY(-6px);
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes ctip-fade-slide {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes ctip-shake {

	0%,
	100% {
		-webkit-transform: translateX(0);
	}

	20% {
		-webkit-transform: translateX(-3px);
	}

	40% {
		-webkit-transform: translateX(3px);
	}

	60% {
		-webkit-transform: translateX(-2px);
	}

	80% {
		-webkit-transform: translateX(2px);
	}
}

@keyframes ctip-shake {

	0%,
	100% {
		transform: translateX(0);
	}

	20% {
		transform: translateX(-3px);
	}

	40% {
		transform: translateX(3px);
	}

	60% {
		transform: translateX(-2px);
	}

	80% {
		transform: translateX(2px);
	}
}

/* ===================== 8. 动效降级 ===================== */
@media (prefers-reduced-motion: reduce) {

	.ctip-toast,
	.ctip-panel,
	.ctip-alert,
	.ctip-panel__icon,
	.ctip-page__card,
	.ctip-toast.is-leaving,
	input.is-invalid,
	textarea.is-invalid {
		-webkit-animation: none !important;
		animation: none !important;
	}

	.ctip-toast {
		opacity: 1;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.ctip-toast.is-leaving {
		opacity: 0;
	}

	.ctip-panel__icon path {
		stroke-dashoffset: 0;
	}
}

/* ===================== 9. 联系页移动端（≤720px，仅 body.page-contact） ===================== */
/* 老站整站是 1002px 定宽模板且不声明 viewport，手机上只能整页等比缩放（正文≈5px，不可用）。
   联系页（含留言表单与提交反馈）单独打开 viewport，因此必须把外壳一起改成流式：
   页头 / 导航 / 1002px 轮播 / 页脚 / 公司信息卡，否则手机会横向溢出。 */
@media (max-width: 720px) {
	.page-contact {
		-webkit-text-size-adjust: 100%;
	}

	.page-contact .d_pad,
	.page-contact .d_index,
	.page-contact .contact,
	.page-contact .navi,
	.page-contact .footer,
	.page-contact .SlidePlayer {
		width: auto;
		max-width: 100%;
		box-sizing: border-box;
	}

	.page-contact .d_pad {
		margin: 0 8px;
		overflow: visible;
	}

	.page-contact .d_index {
		margin: 0 8px 6px;
	}

	.page-contact .contact {
		margin: 0 8px;
		height: 42px;
	}

	.page-contact .contact h2 {
		padding-left: 12px;
		font-size: 15px;
		line-height: 42px;
	}

	.page-contact .navi {
		margin: 6px 8px;
		height: auto;
		padding: 4px 0 0 18px;
		line-height: 20px;
		background-position: 2px 8px;
	}

	/* 页头 */
	.page-contact .topbg {
		height: auto;
		padding-bottom: 10px;
	}

	.page-contact .logo {
		float: none;
		display: block;
		margin: 10px 0 0 8px;
	}

	.page-contact .logo img {
		width: 168px;
		height: auto;
	}

	.page-contact .tel {
		float: none;
		display: block;
		padding: 8px 8px 0;
	}

	.page-contact .tel img {
		max-width: 100%;
		height: auto;
	}

	.page-contact .languages {
		float: none;
		display: inline-block;
		margin: 8px 0 0 8px;
	}

	/* 导航：换行排列；搜索框与 1002px 轮播在窄屏无意义，直接收起 */
	.page-contact .navbg {
		height: auto;
		overflow: visible;
	}

	.page-contact .nav {
		float: none;
		width: auto;
		padding: 0;
		overflow: hidden;
	}

	.page-contact .nav ul {
		height: auto;
		overflow: hidden;
	}

	.page-contact .nav ul li {
		float: left;
		height: auto;
		line-height: 1;
		background: none !important;
	}

	.page-contact .nav ul li a {
		height: 36px;
		padding: 0 9px;
		margin: 0;
		font-size: 13px;
		line-height: 36px;
	}

	.page-contact .search,
	.page-contact .banner,
	.page-contact .SlidePlayer,
	.page-contact #xixi {
		display: none;
	}

	/* 地图 / 公司信息 / 表单容器 */
	.page-contact .d_pad img {
		max-width: 100%;
		height: auto;
	}

	.page-contact .c_left,
	.page-contact .c_right {
		float: none;
		width: auto;
		height: auto;
		margin: 0 0 10px;
		overflow: visible;
	}

	/* 成功卡片 / 错误横幅出现时去掉灰色底板，让卡片直接落在页面上 */
	.page-contact .c_right.ctip-expanded {
		background: transparent;
	}

	.page-contact .cominfos2 {
		width: auto;
	}

	.page-contact .cominfos2 h3 {
		padding-top: 14px;
		font-size: 17px;
	}

	.page-contact .cominfos2 ul {
		padding: 8px 12px 14px;
		font-size: 13px;
	}

	.page-contact .cominfos2 ul li {
		width: auto;
		line-height: 22px;
	}

	.page-contact .cominfos2 ul li font {
		width: 76px;
		font-size: 13px;
	}

	.page-contact .cominfos2 ul li span {
		float: none;
		display: block;
		width: auto;
		margin-left: 76px;
		padding-left: 0;
	}

	/* 提交 / 取消：老模板 63x28 的 gif 按钮在手机上偏小（CSS 行内样式带背景图，需要 !important 覆盖） */
	.page-contact .table1 input[type="submit"],
	.page-contact .table1 input[type="reset"] {
		width: auto !important;
		min-width: 96px;
		height: 40px !important;
		padding: 0 20px;
		margin: 6px 8px 0 0;
		border: 1px solid var(--ctip-brand) !important;
		border-radius: 8px;
		background: var(--ctip-brand) !important;
		color: #fff;
		font-family: inherit;
		font-size: 14px;
		cursor: pointer;
	}

	/* 取消按钮：行内 style 里写了 color:#fff，必须 !important 才能压住，否则白字白底看不见 */
	.page-contact .table1 input[type="reset"] {
		border-color: #d9c8d2 !important;
		background: #fff !important;
		color: #6f5c67 !important;
	}

	/* 页脚 */
	.page-contact .footer {
		height: auto;
		padding: 12px 12px 16px;
	}

	.page-contact .f_logo {
		float: none;
		padding: 0 0 8px;
	}

	.page-contact .f_info {
		float: none;
		padding: 0;
		font-size: 12px;
		line-height: 19px;
	}

	.page-contact .f_icon {
		float: none;
		padding: 8px 0 0;
		overflow: hidden;
	}

	.page-contact .f_icon1 {
		margin-top: 6px;
	}
}