header {position: relative;padding: 1.5rem; border-bottom: 1px solid #eee; z-index: 100;display: flex;justify-content: space-between;align-items: center;}
header h1 {}
header h1 a {height: 2rem; display: block; text-align: center;width: fit-content;}
header h1 a img {height: 100%;}
header > div {height: 2.2rem;}
header .open_nav {left: 1.5rem;}
header .back {right: 1.5rem;}
header div img {height: 100%;}

nav {display: none;position: absolute; left: 0; top:0; width: 70%; z-index: 150;background: #fff;height: 100vh;}
nav.on {display: block;}
nav h1 {height: 2rem; margin: 1.5rem 1.5rem 1.5rem 6rem;}
nav h1 img {height: 100%;}
nav ul {display:flex; flex-flow:column; margin-top: 5rem;}
nav ul li {}
nav ul li a {display: block; text-align: center; padding: 1rem 0; font-size:1.8rem; font-weight: bold;text-align: left;padding-left: 3rem;position: relative;}
nav ul li a::before {
    content: "";
    position: absolute;
    left:1.8rem;top: 50%;transform: translateY(-50%);
    width: .3rem;height: .3rem;
    border-radius: 100%;
    background-color: #4d79ff;
}
nav .close_nav {position: absolute; left: 1.5rem; top:1.5rem; height: 2.2rem;}
nav .close_nav img {height: 100%;}
.nav_bg {background: rgba(0,0,0,0.6); position: absolute; left: 0; top:0; width: 100%; height: 100vh; z-index: 140; display: none;}
.nav_bg.on {display: block;}

footer {position: fixed; width: 100%; height: 4rem; left: 0; bottom:0; border-top: 1px solid #ccc; background: #fff; }
footer ul {display:flex;}
footer ul li {width: 50%; border-right: 1px solid #ccc;}
footer ul li:last-child {border-right: 0;}
footer ul li a {display: block;text-align: center; line-height: 4rem; font-size:1.7rem}
footer ul li a.active {background: #4d79ff; color:#fff;}