/**
 * autocarseatbelt 手机底栏 — 简约海军蓝
 * 系统会自动加载本文件，盖过 _common/Public/xy_mfoot.css
 */
:root {
	--xy-mfoot-bg: #fff;
	--xy-mfoot-border: transparent;
	--xy-mfoot-color: #002E5B;
	--xy-mfoot-hover: #002E5B;
	--xy-mfoot-hover-bg: transparent;
	--xy-mfoot-wa: #25D366;
	--xy-mfoot-wa-bg: transparent;
	--xy-mfoot-top-bg: #002E5B;
	--xy-mfoot-top-hover: #002E5B;
	--xy-mfoot-z: 1030;
	--xy-mfoot-height: 58px;
}

@media screen and (max-width: 768px) {
	body {
		padding-bottom: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
	}
	.footer-bar,
	.l-footer {
		margin-bottom: 0 !important;
	}
	.mfoot_box {
		display: block;
		background: #fff !important;
		border: 0 !important;
		border-top: 2px solid #FDE428 !important;
		box-shadow: 0 -8px 24px rgba(0, 46, 91, 0.08) !important;
		min-height: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
		padding-bottom: env(safe-area-inset-bottom, 0px);
	}
	.mfoot_inner {
		height: 58px;
	}
	.mfoot_nav {
		border-right: 0 !important;
		background: transparent !important;
	}
	.mfoot_nav a,
	.mfoot_box.navbar-default .mfoot_nav a {
		color: #002E5B !important;
		background: transparent !important;
		gap: 4px;
		padding: 6px 2px 4px !important;
	}
	.mfoot_nav a:after,
	.mfoot_nav .caret,
	.mfoot_box .caret {
		display: none !important;
	}
	.mfoot_nav .fa,
	.mfoot_nav .xy-iconfont {
		font-size: 18px;
		margin-bottom: 0 !important;
		color: #002E5B;
	}
	.mfoot_label {
		font-size: 10px !important;
		font-weight: 600 !important;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: #5a6570;
	}
	.mfoot_nav:not(.mfoot_nav_top) a:hover,
	.mfoot_nav:not(.mfoot_nav_top) a:focus,
	.mfoot_box.navbar-default .mfoot_nav:not(.mfoot_nav_top) a:hover,
	.mfoot_box.navbar-default .mfoot_nav:not(.mfoot_nav_top) a:focus {
		color: #002E5B !important;
		background: transparent !important;
	}
	.mfoot_nav:not(.mfoot_nav_top) a:hover .mfoot_label,
	.mfoot_nav:not(.mfoot_nav_top) a:focus .mfoot_label {
		color: #002E5B;
	}
	.mfoot_nav:first-child a:hover,
	.mfoot_nav:first-child a:focus,
	.mfoot_box.navbar-default .mfoot_nav:first-child a:hover,
	.mfoot_box.navbar-default .mfoot_nav:first-child a:focus {
		color: #25D366 !important;
		background: transparent !important;
	}
	.mfoot_nav:first-child a:hover .fa,
	.mfoot_nav:first-child a:focus .fa,
	.mfoot_nav:first-child a:hover .mfoot_label,
	.mfoot_nav:first-child a:focus .mfoot_label {
		color: #25D366 !important;
	}
	.mfoot_nav_top {
		overflow: visible;
	}
	.mfoot_nav_top a {
		padding: 0 !important;
	}
	.mfoot_top_btn {
		width: 46px !important;
		height: 46px !important;
		margin-top: -12px;
		background: #002E5B !important;
		border: 3px solid #fff;
		box-shadow: 0 6px 16px rgba(0, 46, 91, 0.22);
	}
	.mfoot_top_btn .fa,
	.mfoot_top_btn .xy-iconfont {
		color: #FDE428 !important;
		font-size: 16px !important;
	}
	.mfoot_nav_top a:hover .mfoot_top_btn,
	.mfoot_nav_top a:focus .mfoot_top_btn {
		background: #002E5B !important;
		transform: translateY(-2px);
		box-shadow: 0 8px 18px rgba(0, 46, 91, 0.28);
	}
}