.menus{
  width:30px;height:20px;float:right;display:none;margin-top:40px;
  flex-direction: column;-ms-flex-direction: column;
  justify-content: space-between;
  cursor:pointer;
  /* border:1px solid red; */
  overflow:hidden;
  
}

.menus .itrems{
  width:100%;
  border:1px solid #000;
  border-right:0px;
  border-left:0px;
  /* ju */
  /* align-self: flex-end; */
  transition:all linear .2s;
} 
.menus.clicks .itrems.first{
 width:60%;
 
}
.menus.clicks .itrems.middle{
   width:40%;
}
.menus.clicks .itr ems.last{
  width:80%;
}
.menu_mobile{
  position:fixed;top:-100%;left:0px;width:100%;height:100%;background:rgba(255,255,255,0.8);z-index:20;transition:all linear .5s;
}
.menu_mobile.show_mobile{
  top:0px;
}
.menu_mobile .menu_mobile_content{
  position:absolute;display:flex;flex-direction: column;-ms-flex-direction: column;width:100%;height:100%;top:0px;left:0px;justify-content: center;align-items:center;
}
.menu_mobile .menu_mobile_content a.items{
  display:block;
  font-size:16px;
  text-decoration: none;
  outline:none;
  padding:20px 0px;
}
.menu_mobile .menu_mobile_content a.items.cur{
  font-size:16px;
}