.bottomNav{
	display: none;
	width: 100%;
	height: 76px;
	background-color: #282828;
	position: fixed;
	bottom: 0;
	z-index: 20;
}
.bottomNav .bottomNav-menu{
	width: 100%;
	height: 100%;
	position: relative;
}
.bottomNav a{
	text-decoration: none;
}
.bottomNav .bN-btn,.bNItem{
	width: 25%;
	height: 100%;
	text-align: center;
	float: left;
	position: relative;
	cursor: pointer;
	transition: all 0.5s;
}
.bottomNav .bN-btn:hover{
	background-color: #e60012;
}
.bottomNav .bottomNav-share .bNItem:hover{
	background-color: rgba(0,0,0,0.08);
}
.bottomNav .img-phone{
	background: url(../images/bnav/phone.png) no-repeat center 12px;
}
.bottomNav .img-qq{
	background: url(../images/bnav/qq.png) no-repeat center 12px;
}
.bottomNav .img-qr{
	background: url(../images/bnav/qr.png) no-repeat center 12px;
}
.bottomNav .img-share{
	background: url(../images/bnav/share.png) no-repeat center 12px;
}
.bottomNav .bN-btn span{
	display: block;
	width: 100%;
	margin-top: 48px;
	color: #e6e6e6;
	font-size: 0.9em;
}
.bottomNav .bottomNav-qr{
	display: none;
	position: absolute;
	width: 100%;
	margin-top: -320px;
}
.bottomNav .qr-img{
	width: 200px;
	height: 200px;
	background-color: #fff;
	margin: auto;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.15);
	padding: 5px;
}
.bottomNav .qr-img img{
	width: 100%;
}
.bottomNav .bottomNav-share{
	display: none;
	width: 100%;
	position: absolute;
	margin-top: -170px;
}
.bottomNav .share-menu{
	width: 95%;
	height: 70px;
	background-color: #fff;
	margin: auto;
	border-radius: 10px;
	box-shadow: 0 10px 10px rgba(0,0,0,0.2);
	padding: 5px;
}
.bottomNav .share-qzone{
	background: url(../images/bnav/qzone.png) no-repeat center center;
}
.bottomNav .share-weibo{
	background: url(../images/bnav/weibo.png) no-repeat center center;
}
.bottomNav .share-renren{
	background: url(../images/bnav/renren.png) no-repeat center center;
}
.bottomNav .share-weixin{
	background: url(../images/bnav/weixin.png) no-repeat center center;
}
@media (max-width: 768px){

	.bottomNav{
		display: inherit;
	}
}