/*
 * 手机底栏：Skype | E-mail | Whatsapp | Inquiry + 收起
 * 主题可覆盖：xiaoyucms/{主题}/css/xy_mfoot.css
 */
:root{
	--xy-mfoot-bg:#000;
	--xy-mfoot-border:#2a2a2a;
	--xy-mfoot-color:#fff;
	--xy-mfoot-icon:#fff;
	--xy-mfoot-hover:#fff;
	--xy-mfoot-hover-bg:rgba(255,255,255,.1);
	--xy-mfoot-wa:#25D366;
	--xy-mfoot-skype:#00AFF0;
	--xy-mfoot-collapse-bg:#fff;
	--xy-mfoot-collapse-color:#888;
	--xy-mfoot-z:1030;
	--xy-mfoot-height:56px;
}

.mfoot_box,
.mfoot_expand{display:none;}

.footer-bar{margin-bottom:60px;}

@media screen and (max-width:768px){
	body{padding-bottom:60px;}
	body.mfoot-collapsed{padding-bottom:0;}

	.mfoot_box{
		display:block;
		position:fixed;
		left:0;
		right:0;
		bottom:0;
		background:var(--xy-mfoot-bg);
		border:none;
		border-top:1px solid var(--xy-mfoot-border);
		border-radius:0;
		min-height:var(--xy-mfoot-height);
		margin:0;
		box-shadow:none;
		z-index:var(--xy-mfoot-z);
	}
	.mfoot_box.is-collapsed{display:none;}

	.mfoot_inner{
		display:flex;
		align-items:stretch;
		height:var(--xy-mfoot-height);
	}
	.mfoot_nav{
		flex:1;
		display:flex;
		align-items:center;
		justify-content:center;
		position:relative;
		border-right:1px solid var(--xy-mfoot-border);
		float:none;
		width:auto;
		background:transparent;
	}
	.mfoot_nav a{
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		color:var(--xy-mfoot-color);
		padding:6px 2px;
		height:100%;
		width:100%;
		text-decoration:none;
		-webkit-tap-highlight-color:transparent;
		transition:background .25s ease;
	}
	.mfoot_nav a:hover,
	.mfoot_nav a:focus,
	.mfoot_nav a:active{
		color:var(--xy-mfoot-hover);
		background:var(--xy-mfoot-hover-bg);
		text-decoration:none;
	}
	.mfoot_nav .fa{
		font-size:22px;
		line-height:1;
		margin-bottom:4px;
		color:var(--xy-mfoot-icon);
	}
	.mfoot_label{
		font-size:11px;
		font-weight:500;
		line-height:1.2;
		display:block;
		letter-spacing:.01em;
		color:inherit;
		white-space:nowrap;
	}

	.mfoot_nav_whatsapp a:hover .fa,
	.mfoot_nav_whatsapp a:focus .fa{color:var(--xy-mfoot-wa);}
	.mfoot_nav_skype a:hover .fa,
	.mfoot_nav_skype a:focus .fa{color:var(--xy-mfoot-skype);}

	.mfoot_collapse{
		flex:0 0 26px;
		display:flex;
		align-items:center;
		justify-content:center;
		border:0;
		border-left:1px solid var(--xy-mfoot-border);
		background:var(--xy-mfoot-collapse-bg);
		color:var(--xy-mfoot-collapse-color);
		padding:0;
		cursor:pointer;
		-webkit-tap-highlight-color:transparent;
	}
	.mfoot_collapse .fa{font-size:16px;line-height:1;}

	.mfoot_expand{
		display:flex;
		position:fixed;
		right:6px;
		bottom:6px;
		width:34px;
		height:34px;
		align-items:center;
		justify-content:center;
		border:0;
		border-radius:2px;
		background:var(--xy-mfoot-bg);
		color:#fff;
		box-shadow:0 2px 8px rgba(0,0,0,.35);
		z-index:var(--xy-mfoot-z);
		cursor:pointer;
		-webkit-tap-highlight-color:transparent;
	}
	.mfoot_expand[hidden]{display:none !important;}
	.mfoot_expand .fa{font-size:16px;line-height:1;}
}