header{
	position: fixed;
	top: 0;
	z-index: 99999;
	background: #FFFFFF;
}



.m-menu{
  display: none;
}
header .close{
  display: none;
}




header .mobile-nav{
    height: 1rem;
    display: flex;
    align-items: center;
    position: relative;
	width: 7.5rem;
    
    padding: 12px;
}
.mobile-nav .logo{
    display: grid;
    
}
header .menu{
	width: 26px;
  height: 26px;
}
.mobile-nav .logo img{
    
    width: 1.92rem;
    height: 0.48rem;
}
header .close{
		width: 26px;
		height: 26px;
}
.mobile-nav div{
    height: 100%;
}

header .list-nav{
    display: flex;
    align-items: center;
    position: relative;
	width: 7.5rem;
    background: #E12222;
    padding: 12px;
}
header .list-nav .head-all{
   font-size: 0.24rem;
   font-weight: bold;
   color: #FFFFFF;
   line-height: 0.4rem;
}

header .list-nav .head-nav{
   width: 1.6rem;
   height: 0.6rem;
   background: rgba(255,255,255,0.25);
   box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05);
   border-radius: 30px 30px 30px 30px;
   border: 1px solid rgba(255,255,255,0.5);
   
   font-size: 0.24rem;
   color: #FFFFFF;
   display: flex;align-items: center;justify-content: center;
}


.m-menu{
  position: absolute;
  left: 0;
  top: 1rem;
  width: 100%;
  font-size: 14px;
  color: #333;
  z-index: 999999;
  background: #fff;
  box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(0,0,0,0.1);
}

.m-menu li{
  line-height: 40px;
  border-top: 1px solid #E5E5E5;
  text-align: center;
}

@media (min-width: 750px){
	header .mobile-nav{
		width: 12.8rem;
	}
	
	header .list-nav{
		width: 12.8rem;
	}
}