/**
 * 手机底部：版权和社交图标一起固定在底栏上方。
 */
:root{
	--xy-mfoot-hover: #107f8a;
	--xy-mfoot-hover-bg: rgba(16,127,138,.08);
	--xy-mfoot-top-hover: linear-gradient(135deg,#107f8a 0%,#0d6b74 100%);
	--xy-mfoot-height: 50px;
}

@media screen and (max-width:768px){
	body{
		padding-bottom: calc(var(--xy-mfoot-height, 50px) + 96px + env(safe-area-inset-bottom, 0px)) !important;
	}
	.footer-secondary{
		display: block !important;
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		bottom: calc(var(--xy-mfoot-height, 50px) + env(safe-area-inset-bottom, 0px)) !important;
		width: 100% !important;
		z-index: 1032 !important;
		margin: 0 !important;
		padding: 8px 0 10px !important;
		background: #107f8a !important;
		box-sizing: border-box !important;
		visibility: visible !important;
	}
	.footer-secondary .footer-secondary-box{
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: flex !important;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		width: 92% !important;
		gap: 8px;
	}
	.footer-secondary .footer-copy,
	.footer-secondary p{
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: static !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		color: #fff !important;
		font-size: 12px !important;
		line-height: 1.45 !important;
		text-align: left !important;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		order: 1;
	}
	.footer-secondary .social-link{
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: flex !important;
		position: static !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		width: 100% !important;
		height: auto !important;
		min-height: 28px !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		float: none !important;
		z-index: auto !important;
		visibility: visible !important;
		opacity: 1 !important;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		order: 2;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		gap: 16px;
	}
	.footer-secondary .social-link a{
		display: -webkit-inline-box !important;
		display: -webkit-inline-flex !important;
		display: inline-flex !important;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		width: 28px !important;
		height: 28px !important;
		margin: 0 !important;
		padding: 0 !important;
		color: #fff !important;
		background: transparent !important;
	}
	.footer-secondary .social-link a > i{
		display: block !important;
		color: #fff !important;
		font-size: 18px !important;
		line-height: 1 !important;
	}
}
