body,
html {
	font-family: Microsoft YaHei;
	min-height: 100vh;
	background-color: #0c0c0e;
	zoom: 1
}

body,
button,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
td,
textarea,
th,
ul {
	padding: 0;
	margin: 0
}

ol,
ul {
	list-style: none
}

a {
	text-decoration: none
}

img {
	vertical-align: top
}

.cl:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden
}

.cl {
	zoom: 1
}

.fl {
	float: left
}

.fr {
	float: right
}

#app {
	min-height: 100vh;
	background: #0c0c0e;
}
.footer-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 56px;
	background: #000000;
	display: flex;
	align-items: flex-end;
	justify-content: space-around;
	z-index: 1000;
	box-shadow: 0 -1px 12px rgba(0,0,0,.06);
	padding-bottom: env(safe-area-inset-bottom);
}
.footer-bar-placeholder {
	height: 60px;
}
.footer-bar-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
	text-decoration: none;
	color: #999;
	padding: 6px 0 8px;
	transition: color .2s;
	-webkit-tap-highlight-color: transparent;
}
.footer-bar-item.footer-bar-active {
	color: #333;
}
.footer-bar-icon {
	width: 22px;
	height: 22px;
	margin-bottom: 3px;
}
.footer-bar-text {
	font-size: 14px;
	line-height: 1;
	color: #ededed;
	font-weight: 500;
}
/* 中间凸起按钮 */
.footer-bar-center {
	position: relative;
	padding-top: 0;
	padding-bottom: 8px;
}
.footer-bar-center-btn {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: linear-gradient(135deg, #333, #1a1a1a);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -22px;
	box-shadow: 0 2px 12px rgba(0,0,0,.2);
	transition: transform .2s;
}
.footer-bar-center-btn:active {
	transform: scale(.92);
}
.footer-bar-center-btn svg {
	width: 22px;
	height: 22px;
	color: #fff;
	stroke: #fff;
}
.footer-bar-center .footer-bar-text {
	margin-top: 4px;
}
.footer-bar-center {
	cursor: pointer;
}
	.footer-bar {
		width: 414px !important;
		max-width: 414px !important;
		left: 50% !important;
		right: auto !important;
		margin-left: -207px !important;
		transform: none !important;
	}