html{overscroll-behavior:none;scroll-behavior:smooth}body{margin:0;overflow-x:hidden}.whole{overflow-y:hidden;overflow-x:hidden;width:100%}.nav-container{max-width:1480px;padding:0 40px;margin:auto;width:100vw}header{position:absolute;top:0;left:0;padding:20px 0;z-index:1000;width:100vw;position:fixed}header h1{position:relative;height:40px;margin:0;float:left}header h1 img{display:block;position:relative;width:130px;cursor:pointer}.main-nav{float:right;padding-top:4px;font-size:20px;text-decoration:none;cursor:pointer;font-family:Archivo,sans-serif;font-weight:200;vertical-align:middle}#l1,#l2,#l3,#l4,#l5{color:#fff;margin-left:20px;text-decoration:none;margin-right:10px}#l1:hover,#l2:hover,#l3:hover,#l4:hover,#l5:hover{text-decoration:none;opacity:.8}#l1,#l2,#l3,#l4,#l5.active{text-decoration:none}.more-btn{display:none}@media screen and (max-width:768px){.nav-container{max-width:2480px;padding:0 40px;margin:auto;width:100vw}header{padding:0;height:56px;width:100vw}header h1{height:56px;margin-left:0;width:100%}header h1 img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-nav{position:fixed;top:0;left:0;padding:20px;width:100%;height:calc(var(--vh, 1vh) * 100);background-color:#000000e6;opacity:0;visibility:hidden;transform:translate(100%);transition:.2s}.main-nav.active{opacity:1;visibility:visible;transform:translate(0);transition:.3s ease-in-out}#l1,#l2,#l3,#l4,#l5{display:block;margin:auto auto 8px;padding:12px}.more-btn{display:block;position:absolute;right:12px;top:8px;width:40px;height:40px;border-radius:8px;border:none;background-color:transparent;margin-right:8px}.more-btn .icon{display:block;width:28px;height:28px;margin:0 auto;color:#fff}.more-btn:hover{opacity:.8}}