.sidemenu{position:fixed;top:0;left:0;width:300px;height:100%;background:#eee;border-right:solid 1px #ddd;overflow-y:auto;overflow-x:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.sidemenu ul{margin-top:20px;list-style-type:none}.sidemenu ul::after{content:'';display:block;padding-bottom:150px}.sidemenu ul .category_item{min-height:30px;padding-top:40px;padding-bottom:10px}.sidemenu ul li .category_title{padding-left:20px;font-weight:700;font-size:20px;width:calc(100% - 20px)}.sidemenu ul li .menu_item{padding-left:10px;line-height:50px;height:50px;width:100%;cursor:pointer}.sidemenu ul li .menu_item:hover{background:#ddd}.sidemenu ul li .menu_item a{display:block;color:#333;text-decoration:none;width:100%;width:calc(100% - 40px);margin-left:10px}@media screen and (max-width:580px){.sidemenu{left:-300px}}