.menu_root,.menu_item {
  position: absolute;
  width: 85vw;
  top:0;
  font-size: 16px;
  font-weight: bold;
  color:#333333;
}
.menu_root>.menu_item {
  left: 85vw;
}
.menu_root[data-cur-level="1"] {
  left: calc(85vw * -1);
}
.menu_root[data-cur-level="2"] {
  left: calc(85vw * -2);
}
.menu_root[data-cur-level="3"] {
  left: calc(85vw * -3);
}
.menu_item_container {
  position: absolute;
  width: 85vw;
  display: none;
}
.menu_item {
  display: none;
}
.menu_open>.menu_item {
  display: block;
  left: 85vw;
}
.menu_root>ul>li>span {
  border-bottom: 1px  solid #E6E6E6;
  line-height: 77px;
  display: flex;
  margin: 0 21px;
  position:relative;
  align-items: center;
  justify-content: space-between;

}
.menu_root>ul>a>li>span {
  border-bottom: 1px  solid #E6E6E6;
  line-height: 89px;
  display: flex;
  /*margin: 0 21px;*/
  position:relative;
  align-items: center;
  justify-content: space-between;

}

.menu_root>ul>li>span.plus::after{
  content: ' ';
  width: 10px;
  height: 1px;
  display: block;
  background-color: #999999;
  position: absolute;
  right: 22px;
}

.menu_root>ul>li>span.plus::before{
  content: ' ';
  width: 1px;
  height: 10px;
  display: block;
  background-color: #999999;
  position: absolute;
right: 26px;
}

.menu_item>ul>li>span  {
  line-height: 34px;
  display: flex;
  width: 100%;
  padding: 0 21px;
  position:relative;
  align-items: center;
  justify-content: space-between;
}

.menu_item>ul>li>span.jiantou::after {
  width: 6px;
    height: 6px;
    border-top: 1px solid #999999;
    border-right: 1px solid #999;
    transform:  rotate(45deg);
    content: ' ';
}

.menu_item {
  padding: 0 21px;
}

.menu_back {
  position:relative;
  padding-left: 20px;
  display: flex;
  align-items: center;
  line-height: 77px;
  border-bottom: 1px solid #E6E6E6;
}
.menu_back::before {
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform:  rotate(225deg);
  content: ' ';
  position: absolute;
  left: 0px;
}

.menu_back_menu {
  position:relative;
  padding-left: 20px;
  display: flex;
  align-items: center;
  line-height: 77px;
  border-bottom: 1px solid #E6E6E6;
}
.menu_back_menu::before {
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform:  rotate(225deg);
  content: ' ';
  position: absolute;
  left: 0px;
}


.menu_back_select {
  position:relative;
  padding-left: 20px;
  display: flex;
  align-items: center;
  line-height: 77px;
  border-bottom: 1px solid #E6E6E6;
}
.menu_back_select::before {
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform:  rotate(225deg);
  content: ' ';
  position: absolute;
  left: 0px;
}

.twoclass {
  margin-left: 20px;
}

.menu_title  {
 font-size: 20px;
 line-height: 50px;
}

@-webkit-keyframes fadeOutleft1
{ 
  from {left:0px;}
  to {left:calc(85vw * -1);}
}
@-webkit-keyframes fadeOutleft2
{ 
  from {left:calc(85vw * -1);}
  to {left:calc(85vw * -2);}
}
@-webkit-keyframes fadeOutleft3
{ 
  from {left:calc(85vw * -2);}
  to {left:calc(85vw * -3);}
}
@-webkit-keyframes fadeInRight1
{ 
  to {left:0px;}
  from {left:calc(85vw * -1);}
}
@-webkit-keyframes fadeInRight2
{ 
  to {left:calc(85vw * -1);}
  from {left:calc(85vw * -2);}
}
@-webkit-keyframes fadeInRight3
{ 
  from {left:calc(85vw * -3);}
  to {left:calc(85vw * -2);}
}

@-webkit-keyframes fadeOutRight
{ 
  from {left:calc(85vw * -3);}
  to {left:calc(85vw * -2);}
}

.close {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
overflow: hidden;
}.close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.close::before, .close::after {
content: '';
position: absolute;
height: 1px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: #000;
}
.close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#shadow {
  background-color: rgba(0, 0, 0, 0.6);position: fixed;top:0;bottom:0;left:0;right:0;z-index:1;display: none;
}

#aside_menu {
  position:fixed;top:0;bottom: 0;width: 85vw;background-color:white;z-index: 9;padding-top: 18px;overflow: scroll;left:-85vw;overflow-x: hidden;
}
#aside_menu>div{
  display: flex; justify-content: space-between;align-items: center;padding: 0 30px 0 21px;
}


#select {
  background-color: rgba(0, 0, 0, 0.6);position: fixed;top:0;bottom:0;left:0;right:0;z-index:1;display: none;
}

#select_menu {
  position:fixed;top:0;bottom: 0;width: 85vw;background-color:white;z-index: 9;padding-top: 18px;overflow: scroll;left:-85vw;overflow-x: hidden;

  /*position:fixed;top:0;bottom: 0;width: 85vw;background-color:white;z-index: 9;padding-top: 18px;overflow: scroll;right:-85vw;*/
}

#select_menu>div{
  display: flex; justify-content: space-between;align-items: center;padding: 0 30px 0 21px;
}


#product_menu {
  position:fixed;top:0;bottom: 0;width: 85vw;background-color:white;z-index: 2;padding-top: 18px;overflow: scroll;right:-85vw;overflow-x: hidden;
}

#product_menu>div{
  display: flex; justify-content: space-between;align-items: center;padding: 0 30px 0 21px;
}

.close-select {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
}.close-select::before {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
 }
.close-select::before, .close-select::after {
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #000;
}
.close-select::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.openWindow {
  color: black !important;
}



/*菜单栏产品关闭*/
.close-select-index {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
}.close-select-index::before {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
 }
.close-select-index::before, .close-select-index::after {
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #000;
}
.close-select-index::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


.header-min-height {
  min-height: 77px;
}

.twoProdcut >span {
  list-style-type: none;
  border-bottom: 1px solid #E6E6E6;
  line-height: 60px;
  display: flex;
  margin: 0 21px;
  position: relative;
  align-items: center;
  /*justify-content: space-between;*/
}

.twoClass >span {
  list-style-type: none;
  border-bottom: 1px solid #E6E6E6;
  line-height: 60px;
  display: flex;
  margin: 0 21px;
  position: relative;
  align-items: center;
  justify-content: space-between;
}


.menu-logo>img {
  width:200px;
}

.select_menu_img>img {
  width:200px;
}