.left-btn{cursor:pointer;position:fixed;outline:none;bottom:1px;right:0;z-index:999;margin:1em 1em 1.2em;padding:0;width:45px;height:45px;border:none;font-size:1.5em;color:#373a47;background:transparent;background:#fff;border-radius:100px;margin-top:-2px;border:solid 1px #fff}.left-btn span{display:none}.left-menu{overflow:hidden;position:fixed;z-index:99;background:#fff;-webkit-transition:width 0.3s,height .3s;transition:width 0.3s,height .3s;width:0;height:0;font-size:1.5em;bottom:1em;right:1em;-webkit-transform-origin:0 100%;transform-origin:0 100%}@media screen and (max-width: 50em){.left-btn{margin:.25em}.left-menu{bottom:.25em;right:7px}}.left-menu-list{height:100%;opacity:0;font-size:.65em;color:#64697d;text-align:left}.profile{width:100%;float:left;display:inline-block}.profile img{float:right}.show-menu .content::before{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.show-menu .left-menu{width:190px;height:280px;border-radius:10px;-webkit-animation:anim-jelly .8s linear forwards;animation:anim-jelly .8s linear forwards}.show-menu .left-menu-list{opacity:1;-webkit-transition:opacity .3s .3s;transition:opacity .3s .3s}@media (min-width:320px) and (max-width: 767px){.left-btn{display:none}}