*{ padding:0; margin:0;}
footer{ width:100%; position:fixed; bottom:0; z-index:99;}
footer a{ text-decoration:none;}
.new-bar .bar-home,.new-bar .bar-message,.new-bar .bar-publish,.new-bar .bar-timeline,.new-bar .bar-user {
	background-image:url(../images/db_menu.png);
	background-size:96px;
}
.new-bar .bar-home {
	background-position:0 0
}
.new-bar .bar-timeline {
	background-position:-24px 0
}
.new-bar .bar-publish {
	background-position:0 -48px
}
.new-bar .bar-message {
	background-position:-48px 0
}
.new-bar .bar-user {
	background-position:-72px 0
}
.new-bar .bar-item.active .bar-home {
	background-position:0 -24px
}
.new-bar .bar-item.active .bar-timeline {
	background-position:-24px -24px
}
.new-bar .bar-item.active .bar-publish {
	background-position:0 -48px
}
.new-bar .bar-item.active .bar-message {

	background-position:-48px -24px
}
.new-bar .bar-item.active .bar-user {
	background-position:-72px -24px
}

footer.qsc-bar {
	border-top:1px solid rgba(0,0,0,.1);
	display:table;
	height:49px;
}
footer.qsc-bar .bar-item {
	display:table-cell;
	width:20%;
	text-align:center;
	vertical-align:middle;
	height:inherit;
	color:#999;
	font-size:11px
}
footer.qsc-bar .bar-item .icon {
	width:24px;
	height:24px;
	display:block;
	margin:3px auto
}
footer.qsc-bar .bar-item .badge {
	position:relative;
	top:-2px;
	right:-12px
}
footer.qsc-bar .bar-item.active {
	color:#3191e8
}
footer.bar-fixed {
	bottom:0
}
footer.new-bar .bar-item .icon.bar-publish {
	width:40px;
	height:40px
}
@media (-webkit-min-device-pixel-ratio:2) {
	.hairlines footer.qsc-bar,.hairlines header.qsc-bar {
	border-color:rgba(0,0,0,.15);
	border-width:.5px
}
}@supports (-webkit-backdrop-filter:none) {
	.qsc-bar {
	background:rgba(255,255,255,.87);
	-webkit-backdrop-filter:brightness(1.5) blur(5px)
}
}