.menu{ display:none;
position:absolute; right:0vw; top:50%;-webkit-transform: translate(-0%, -50%);
transform: translate(-0%, -50%); cursor:pointer; z-index:10;}
.menu div {
  width: 20px;
  height: 2px;
  background-color: #7c725e;
  margin-bottom: 3px;
  transition: all 0.3s;
}
#header.cur .menu div{
background-color:#7c725e;}
.menu div:last-child {
  margin-bottom: 0;
}
body.body #header{
background-color:#fff;}
body.body #header .menu div{
background-color:#7c725e;}


.menu.cur {
  height: 12px; top:36px;
}

.menu.cur div:nth-child(1) {
  transform: rotate(45deg);
  transform-origin: left top;
  margin-bottom: 6px;
}

.menu.cur div:nth-child(2) {
  width: 0;
}
.menu div:nth-child(2) {
opacity:0;
}

.menu.cur div:nth-child(3) {
  transform: rotate(-45deg);
  transform-origin: left bottom;
}
.mb-head {
  display: none;
  position:fixed;
  top: 69.8px;
  width: 100%;
  height: calc(100vh - 80px);
  background: rgba(124, 114, 94, 0.96);
  overflow-y: auto; z-index:888;
}
.mb-nav {
   
  height: auto;
  /* background-color: #fff; */
  border-bottom: 1px solid #E3E3E3;
  padding: 0 3.125vw;
  transition: all 0.3s;
}

.mb-nav:first-child {
  border-top: 1px solid #E3E3E3;
}


/* .mb-nav:nth-child(2n -1) {
  background-color: rgba(23, 28, 97, 0.05);
} */

.mb-nav-frs {
  width: 100%;
  display: block;
  height: 3rem;
  line-height: 3rem;
  position: relative;
  color: #000;
  transition: all 0.3s;
}

.mb-nav-frs:hover {
  color: #000;
}

.mb-nav-frs::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("m-nav-jia.png");
  background-size: 100%;
  width: 15px;
  height: 15px;
  transition: all 0.3s; display:none
}

.noNav .mb-nav-frs::after {
  display: none;
}

.mb-nav-scd {
  display: none;
  width: 100%;
}

.mb-nav-scd a {
  position: relative;
  display: block;
  width: 100%;
  height: 32px;
  line-height: 32px; font-size:16px;
  padding: 0 1.7rem;
  color: #000;
  /*border-bottom: 1px solid rgba(255, 255, 255, 0.25);*/
}

.mb-nav-scd a::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0.9rem;
  transform: translateY(-50%);
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #FFFFFF;
}

.mb-nav.cur {
 /* background-color: #666;*/
  padding-bottom: .5rem;
}

.mb-nav.cur a {
  color: #000;
}

.mb-nav.cur .mb-nav-frs::after {
  transform: translateY(-50%) rotate(-90deg);
  background: url("m-nav-jia2.png") no-repeat center;
  background-size: 100%;
  /* width: 17px;
  height: 9px; */
}

.thr {
  padding-left: 1rem;
}

.mb-nav-scd .thr a {
  color: rgba(255, 255, 255, .5);
}
body.body{
overflow:hidden}
.mb-head:after{ display:none;
content:''; position:absolute; left:0; top:0; width:70%; height:100%; background-color:#fff;}
@media screen and (max-width:950px) {

.mrshop{
display:none}
.menu{
display:block; right:0%}
#header{
padding:0px 0;
 }
 
.header_mid_mid,.header_mid_right{
display:none}
body.body #header{
background:none;background: rgba(255, 255, 255, 0.96);}
.mb-head{background: rgba(255, 255, 255, 0.96);}


}
.mb-nav-scd a:last-child{
border:none}
@media screen and (max-width:480px) {
.header_mid_left{
width:185px;}
.indexbanner{
position:relative; height:100vh;}
.mainbody{
margin-top:0}
.mb-head {
  
  top: 60px;
  
  height: calc(100vh - 60px);
  
}
.header_mid_mid_rt ul li{
float:left}
.menu.cur{
top:28px;}

}