.nav-wrapper{position:fixed;left:0;padding-left:32px;top:50%;z-index:888;transform:translateY(-50%);height:260px}.nav-wrapper .nav-content{width:100%;height:100%;position:absolute;left:-300px;top:0;display:none}.nav-wrapper .open{position:absolute;left:0;top:0;width:49px;height:332px;background:url(../img/nav/close.png) no-repeat;background-size:contain;cursor:pointer;display:block}.nav-wrapper .close{position:absolute;left:30px;top:-40px;padding:10px 10px 0;color:#fff;font-size:18px;cursor:pointer;font-weight:700}.nav-wrapper .nav{position:relative;left:32px;top:0;line-height:32px;padding-left:20px;font-size:14px;color:#999;cursor:pointer;font-weight:700;transition:.2s;white-space:nowrap}.nav-wrapper .nav.active{color:#fff;padding-left:40px}.nav-wrapper .nav::before{content:"";display:block;width:4px;height:4px;position:absolute;left:0;top:12px;border:2px solid rgba(255,255,255,.6);border-radius:50%}.nav-wrapper .nav.active::before{left:0;top:10px;width:11px;height:10px;border:none;background:url(../img/nav/dot_active.png) no-repeat;background-size:contain}.nav-wrapper .nav.active::after{content:"";display:block;width:15px;height:1px;background:rgba(255,255,255,.7);position:absolute;left:20px;top:16px}@media screen and (min-width:1920px){.nav-wrapper{left:50%;margin-left:-920px}}