@media screen and (max-width:768px){
 .menu{
 	display: none;
 }
 .listButton{
 	width: 60px;
 	height: 100%;
 	background:url(../img/list.png) no-repeat center top;
 	background-size: cover;
 	float: right;
 	position: relative;
 	cursor: pointer;
 }
  .mbUl{
	display: block;
	position: absolute;
	width: 100%;
	top: 60px;
	z-index: 9999;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
  }
  .mbUl li{
  	width: 80%;
  	height:3em;
  	line-height: 3em;
  	margin: 0 auto;
  	border-radius: 5px;
  }
   .mbUl li a{
   	color: #fff;
   	width: 100%;
   	height: 100%;
   	display: block;
   	margin-left: 2em;
   }
   .active{
   	    background: #4a4a4a;
   }
}