.menuSlide{
    display:none;position: fixed; z-index: 1100; background: rgba(255,255,255,0.6);left: 0;top:0;width: 100%; height: 100%;overflow: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1);
}

.menuSlide.show {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.menuSlide .inner {-webkit-transition:all 0.3s linear; -webkit-transform:translate(400px,0); width:100%; height: 100%;}
.menuSlide .inner{-webkit-transform:translate(0px,0);}
.menuSlide .left{height: 100%; width: 30%;  float: left;}
.menuSlide .right{width: 70%;background: rgba(0,0,0,0.9); float: right; overflow: auto;height: 100%; }
.menuSlide .right ul{width: 100%; padding-bottom: 1px;}
.menuSlide .right ul li{ width: 100%;line-height:45px; height: 45px;padding-left: 20px;}
.menuSlide .right ul li a{ padding-left: 6px; border-bottom: 1px solid #262626;font-size:14px;display: block; color: #bfbfbf;}
.menuSlide .right ul li.on{background: url("../img/menu_on.png") 90% center no-repeat; background-size: 12px;}

.menuSlide .right .tit{ margin-top: 8.6em;width: 100%;border-bottom: 1px solid #262626; height: 50px;}
.menuSlide .right .tit span{ display: block;float: left; width:50%; text-align: center; height: 50px; line-height: 50px;font-size:16px;display: block; color: #bfbfbf;}
.menuSlide .right .tit span.on{ color: #fff; background: url("../img/menu_cur.png") center 85% no-repeat; background-size: 10px;}
.menuSlide .footer{width:70%; text-align: center; padding:45px 0 9px;background: #000; position: fixed;top:0; right: 0; z-index: 666;}
.menuSlide .footer a{ width: 70px; margin-left: 10px; height: 35px; line-height: 35px; font-size:16px;border-radius: 5px;  display: inline-block; text-align: center; color: #fff;background: #9d9d9d;}
.menuSlide .footer a.on{ background: #e43232;}