.side-nav{position:fixed;top:50%;right:-7.2916vw;transform:translateY(-50%);width:7.2916vw;transition:all .5s;z-index:5;background-size:100% 100%}.side-nav.expand{right:0}.side-nav.expand .handle-nav .handle-text.nav-close{display:block}.side-nav.expand .handle-nav .handle-text.nav-open{display:none}.side-nav .handle-nav{position:absolute;top:50%;left:-2.1875vw;transform:translateY(-50%);cursor:pointer;line-height:1}.side-nav .handle-nav img{width:2.1875vw}.side-nav .handle-nav .handle-text{font-size:.9375vw;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);writing-mode:tb;white-space:nowrap;letter-spacing:.15625vw}.side-nav .handle-nav .handle-text.nav-close{display:none}.side-nav ul{padding:0 .4166vw;margin:0}.side-nav ul li{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;color:#fff;padding:1.5vw 0;border-bottom:.10416vw dashed #fff;cursor:pointer}.side-nav ul li:last-child{border:none}.side-nav ul li img{width:1.875vw;margin:0 auto}.side-nav ul li img.active{display:none}.side-nav ul li h2{width:100%;text-align:center;font-size:1.0248vw;white-space:nowrap;margin:0;line-height:1.3;margin-top:.78125vw}@media (max-width:768px){.side-nav{width:70px;right:-70px}.side-nav .handle-nav{left:-30px;width:30px}.side-nav .handle-nav img{width:30px}.side-nav .handle-nav .handle-text{font-size:12px}.side-nav ul{padding:0 5px}.side-nav ul li{padding:10px 0;border-bottom-width:1px}.side-nav ul li h2{font-size:12px;margin-top:10px}.side-nav ul li img{width:15px}}