/*导航条*/
.blackBg{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);top:0;left: 0;display: none;z-index:90;}
.blackBg_c{position: absolute;width: 330px;top:0;left: -330px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;z-index: 999;}
.bgMove{left: 0;}
a{text-decoration: none;}
em, i, small {font-style: normal;}


.nav2{position: absolute;width: 63%;top:0;left: 0;}
.nav2 li{border-bottom: 3px #484848 solid;background-color: rgba(49,49,49,0.8);}
.nav2 li:last-child{border-bottom: 0;}
.nav2 li p{height:50px;font-size: 16px;line-height: 50px;padding-left: 35px;background-color: rgba(49,49,49,0.8);color: #eeeeee;position: relative;transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}
.nav2 li p img{position: absolute;top:50%;margin-top: -8px;right: 20px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.nav2 li div{display: none;}
.nav2 li div span{display: block;height: 50px;line-height: 50px;font-size: 16px;padding-left: 55px;background-color: rgba(49,49,49,0.8);color:#959595;overflow: hidden;}
.bgMove .menu-button{right: 0;}
.menu {
	min-width: 100px;
	width: 70%;
	max-width: 320px;

	background-color: #2C8DFB;
	color: #fff;
}
.content {
	width: 100%;
}

.menu-button {
	position: absolute;
	top: 1em; /*right: -102px;*/
	right: -25%;
	padding: 15px;

	cursor: pointer;

	-webkit-transition: .3s;
	transition: .3s;

	/*background-color: #2C8DFB;*/

	z-index: 2;


}
.menu-button .bar:nth-of-type(1) {
	margin-top: 0px;
}
.menu-button .bar:nth-of-type(3) {
	margin-bottom: 0px;
}

.bar {
	position: relative;
	display: block;

	width: 50px;
	height: 5px;

	margin: 10px auto;
	background-color: #fff;

	border-radius: 10px;

	-webkit-transition: .3s;
	transition: .3s;
}


.cross .bar:nth-of-type(1) {
	-webkit-transform: translateY(7px) rotate(-45deg);
	-ms-transform: translateY(7px) rotate(-45deg);
	transform: translateY(7px) rotate(-45deg);
}
.cross .bar:nth-of-type(2) {
	opacity: 0;
}
.cross .bar:nth-of-type(3) {
	-webkit-transform: translateY(-15px) rotate(45deg);
	-ms-transform: translateY(-15px) rotate(45deg);
	transform: translateY(-15px) rotate(45deg);
}