#sidebar1{width:600px;height:calc(100vh - 78px);background:#b5b5b5;padding:20px;display:none;position:absolute;right:0;z-index:999;top:78px;overflow-x:hidden;overflow-y:hidden;overflow:hidden}.sidebar_open1{display:block;-webkit-animation:slide-right .3s ease-out;-moz-animation:slide-right .3s ease-out}@-webkit-keyframes slide-right{0%{opacity:0;-webkit-transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0)}}.sidebar{width:100%;height:0;overflow:hidden;-webkit-transition:height .2s ease-out;transition:height .2s ease-out;background:#fff;position:absolute;right:0;z-index:6}.sidebar_open{height:300px;width:100%;overflow-y:scroll;padding-left:10px;padding-right:10px;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.4);box-shadow:0 1px 13px rgba(0,0,0,.4)}