/*body, html { margin: 0; padding: 0; width: 100%; height: 100%; background-color: #26394E; }*/
#menu { height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.1); width: 300px; transition: 1000ms all cubic-bezier(0.19, 1, 0.22, 1); transform: translateX(-100%); left: 60px; }
#menu.expanded { transform: translateX(0%); left: 0px; }
.menu-inner { width: 100%; height: 100%; position: relative; }
#blob { top: 0; z-index: -1; right: 60px; transform: translateX(100%); height: 100%; position: absolute; }
#blob-path { height: 100%; fill: rgba(0, 0, 0, 0.1); }
.hamburger { right: 20px; position: absolute; width: 20px; height: 20px; margin-top: -10px; }
.hamburger .line { width: 100%; height: 4px; background-color: #fff; position: absolute; }
.hamburger .line:nth-child(2) { top: 50%; margin-top: -2px; }
.hamburger .line:nth-child(3) { bottom: 0; }
h1 { position: fixed; right: 0; margin: 0; }
.lanmu { padding: 0; list-style: none; width: 80%; margin-left: 10%; position: absolute;  top: 200px; }
.lanmu .lanmu-x { color: #fff !important; font-family: sans-serif; }
h2 { position: absolute; left: 50%; color: #fff !important; margin: 0; font-size: 16px; font-family: sans-serif; font-weight: 100; }
.sj-head{
    display: none;
}