﻿

@media screen and (max-width: 1242px){
	.pushtu-head {
	  width: 100%;
	  height: 100%;
	  background: #fff;
	  display: block;
	}
	
	.pushtu-head-nei {
	  direction: rtl;
	  margin-top: 3rem;
	}
	
	.pushtu-head li a {
	  color: #e71051;
	  line-height: 2.4rem;
	  font-size: 0.8rem;
	  display: block;
	  width: 100%;
	  height: 100%;
	  padding-right: 0.8rem;
	  direction: rtl;
	}
	
	.pushtu-head li a.active {
	  background: rgba(231, 16, 81, .2);
	}
	.pushtu-head{display: block;}
	.panel,
	.slideout-panel {
	  position: relative;
	  z-index: 1;
	}
	
	.slideout-open,
	.slideout-open body {
	  overflow: hidden;
	}
	
	.slideout-open .slideout-menu {
	  display: block;
	}
	
	.shandow {
	  width: 100%;
	  height: 100%;
	  background: rgba(0, 0, 0, .8);
	  display: none;
	  position: fixed;
	  top: 0;
	  right: 0;
	  z-index: 999;
	}
	
	.menu {
	  width: 7rem;
	  height: 100%;
	  position: fixed;
	  left: -7rem;
	  z-index: 999;
	  top: 0;
	  bottom: 0;
	}
	
	.sliderNav {
	  animation: navMove .5s ease;
	  -webkit-animation: navMove .5s ease;
	  animation-fill-mode: forwards
	}
	.sliderNav2 {
	  animation: navMove2 .5s ease;
	  -webkit-animation: navMove2 .5s ease;
	  animation-fill-mode: forwards
	}
	@keyframes navMove {
	  from {
	    left: -7rem;
	  }
	
	  to {
	    left: 0rem;
	  }
	}
	@-webkit-keyframes navMove {
	  from {
	    left: -7rem;
	  }
	
	  to {
	    left: 0rem;
	  }
	}
	@keyframes navMove2 {
	  from {
	    left: 0rem;
	  }
	
	  to {
	    left: -7rem;
	  }
	}
	@-webkit-keyframes navMove2 {
	  from {
	    left: 0rem;
	  }
	
	  to {
	    left: -7rem;
	  }
	}
	
	.sliderPanel{
	  animation: panelMove .5s ease;
	  -webkit-animation: panelMove .5s ease;
	  animation-fill-mode: forwards
	}
	.sliderPanel2{
	  animation: panelMove2 .5s ease;
	  -webkit-animation: panelMove2 .5s ease;
	  animation-fill-mode: forwards
	}
	@keyframes panelMove {
	  from {
	    left: 0rem;
	  }
	
	  to {
	    left: 7rem;
	  }
	}
	@-webkit-keyframes panelMove {
	  from {
	    left: 0rem;
	  }
	
	  to {
	    left: 7rem;
	  }
	}
	@keyframes panelMove2 {
	  from {
	    left: 7rem;
	  }
	
	  to {
	    left: 0rem;
	  }
	}
	@-webkit-keyframes panelMove2 {
	  from {
	    left: 7rem;
	  }
	
	  to {
	    left: 0rem;
	  }
	}
}
