.gz{ 
    position: fixed;
	left: -100%;
	bottom: 0;
	z-index: 1013;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width: 100%;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
    color: #fff;
}
.gz-nav__nav-wrap{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	height: 57px;
	border-top: 1px solid #e5e5e5;
	background-color: #930;
	width:100%;
}
.gz-nav__nav-item{
	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	overflow: hidden;
}
.gz-nav__nav-wrap .headurl{ float:left; width:60px; text-align:center; }
.gz-nav__nav-wrap .headurl img{ width:50px; height:40px; border-radius:10px; margin-top:5px; }
.gz-nav__nav-wrap .source{ float:left; max-width:180px; font-size:14px; line-height:22px; overflow:hidden; margin-top:5px; }
.gz-nav__nav-wrap .source span{ color: #0F0;}
.gz-nav__nav-wrap .button{ position:absolute; z-index:111; right:0px; width:100px;  }
.gz-nav__nav-wrap .button input{ width: 90%; height:35px; color:#fff; font-size:16px; background:#F00; border-radius:5px; border:0px; margin-top:10px;  float:right;}
.gz-nav--current{
	left:0;
}
.gz-nav--current .gz-nav__operate-wrap{
	width: 20px;
	right: 0;
}
.gz-nav--current .gz-nav__yhd-logo{
	width: 0;
}
.gz-nav--current .gz-nav__operate-cart-num{
	opacity: 0;
}
.gz-nav--current .gz-nav__operate-wrap:before{
	display: block;
}
.gz-nav--current .gz-nav__operate-wrap:after{
	display: none;
}
.footbar{
	position: fixed; width: 100%; height: 60px; bottom: 0px; line-height: 0px; background:#fff; background-size: auto 120px;  z-index: 998; box-shadow: 0 0 8px #ccc; }
.footbar ul{
	width: 100%; height: 60px; position: relative; }
.footbar ul li{
	width: 20%; height: 60px; float: left; position: relative; }
.footbar ul li.change img{    position: absolute;
    top: -20px;
    z-index: 10;
    height: 46px;
    width: 46px;
    left: 50%;
    margin-left: -23px;
	box-shadow: 0 0 2px #ccc;
	border-radius:2px;
	}
	.footbar ul li.change p{margin-top:29px;}
.footbar ul li.active,
.footbar ul li:active{}
.footbar ul li a{
	display: block; padding-top:5px;
		text-align:center;
	}
.footbar ul li img{
	display: block; width: 26px; height: 26px; margin: auto; margin-top: 3px; }
.footbar ul li p{
	width: 100%; padding:5px 0; line-height: 1rem; font-size: .9rem; text-align: center; color: #787878; }
	.footbar ul li.active p{color:#f17f33}
.footbar ul li em.bar1{
	background-position: 0px 0px; }
.footbar ul li em.bar2{
	background-position: -26px 0px; }
.footbar ul li em.bar3{

	background-position: -52px 0px; }
.footbar ul li em.bar4{
	background-position: -78px 0px; }