:root {

	--muted-2-color:#999;
	--main-bg-color:#fff;
	
	--footer-bg:var(--main-bg-color);
	--footer-color:var(--muted-2-color)
}
.hover-show .hover-show-con {
	position:absolute;
	visibility:hidden
}
.hover-show:hover .hover-show-con,.hover-show:hover~.hover-show-con,.hover-show:hover~.sub-menu {
	visibility:unset
}
svg {
	width:1em;
	height:1em;
	vertical-align:-.15em;
	fill:currentColor;
	overflow:hidden
}

.toggle-radius {
	background:var(--this-bg);
	width:29px;
	height:29px;
	display:inline-block;
	text-align:center;
	border-radius:100%;
	position:relative;
	vertical-align:text-top;
	
}
.list-inline>li {
	vertical-align:middle
}



.footer {
	color:var(--footer-color);
	background:var(--footer-bg);
	padding:30px;
	font-size:13px
}
.footer a:not(.but):not(.focus-color) {
	color:var(--footer-color)
}
.footer a:hover {
	color:var(--focus-color)
}
.footer .list-inline>li {
	margin:5px 15px
}
.footer .list-inline>li+li+li {
	float:right
}
.footer-miniimg {
	width:90px;
	margin:0 10px;
	text-align:center;
	vertical-align:text-top;
	display:inline-block
}
.footer-contact>a {
	font-size:20px;
	margin:5px;
	width:35px;
	height:35px
}
.footer-wechat-img {
	width:140px;
	bottom:90%;
	left:-55px;
	padding-bottom:20px
}
.footer-tabbar {
	display:none;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	z-index:1035;
	justify-content:space-around;
	align-items:center;
	text-align:center;
	background:var(--header-bg);
	padding-bottom:constant(safe-area-inset-bottom);
	padding-bottom:env(safe-area-inset-bottom);
	box-shadow:0 -4px 5px var(--main-shadow);
	-webkit-backdrop-filter:saturate(5) blur(20px);
	backdrop-filter:saturate(5) blur(20px);
	transition:transform .3s
}
/*下面测试*/