*{padding:0; margin:0;}

.nav4  ul, ol, li, dl {
list-style-type: none;
font-family:Microsoft YaHei
}
.nav4 .box {
width: 100%;
display: -webkit-box;
display: -moz-box;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.nav4 .box > * {
-webkit-box-flex: 1;
-moz-box-flex: 1;
}
.nav4 a:link, a:visited {
color: #575757;
text-decoration: none;
}

.nav4 a:link, a:visited {
color: #575757;
text-decoration: none;
}
.nav4 a {
text-decoration: none;
font-family:΢ÈíÑźÚ;
}

.nav4{
	height:45px;
}
.nav4 ul{
	position:fixed;
	z-index:200;
	bottom:0;
	left:0;
	width:100%
}
.nav4 li{
	border:1px solid rgba(190,190,190,1);
	height:45px;
	border-bottom:0;
	border-right:0;
	position:relative;
	-webkit-box-shadow:inset 0 0 3px #fff;
	float:left;
	width:33.26%;
}
.nav4 li:nth-of-type(1){border-left;0;}

.nav4 li>a{
	font-size:15px;
	-webkit-box-sizing:border-box;
	/*border:1px solid #f9f8f9;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	border-bottom:0;
	display:block;
	line-height:45px;
	text-align:center;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#141414), to(#141414), color-stop(35% ,#141414), color-stop(50%, #141414) );
	font-weight:normal;

}
.nav4 li>a:only-child span{
	background:none;
	padding-left:0;
}
.nav4 li>a.on + dl{
	display: block;
}
.nav4 li>a span{
	color: #d0d0d0;
	display: inline-block;
	padding-left: 15px;
	-webkit-background-size: 9px auto;
	text-shadow:0px 1px 0px #ffffff;
}