.show-panel .slide-panels{

           right： 0px;

}

.slide-panels{

           z-index: 101;

           background: #fff;

           position: fixed;

           top: 60px;

           bottom: 0px;

           right: -100%;

           -webkit-transition: all 0.3s ease-out;

           transition: all 0.3s ease-out;

}

css3制作有动画效果的面板