.side-nav[data-v-2d6a8475]{background:#000;background-color:#04ac97;border-radius:18px;max-width:236px;padding:24px 30px 24px 49px;position:fixed;top:20%;z-index:9999}.side-nav ul li[data-v-2d6a8475]{color:#fff;cursor:pointer;font-size:1.8rem;font-weight:500;line-height:inherit;opacity:.7;overflow:hidden;padding:0 15px 0 0;text-overflow:ellipsis;transform:opacity .7s;white-space:nowrap}.side-nav ul li.acitve[data-v-2d6a8475],.side-nav ul li[data-v-2d6a8475]:hover{opacity:1}.side-nav .line[data-v-2d6a8475]{bottom:0;left:30px;opacity:.7;position:absolute;transition:top 1s}.side-nav .y[data-v-2d6a8475]{background:#fff;height:100%;width:1px}.side-nav .circle[data-v-2d6a8475]{background:#fff;border-radius:50%;height:9px;left:50%;position:absolute;top:0;transform:translate(-50%,-50%);transition:.3s;width:9px}@media (max-width:1442px){.side-nav[data-v-2d6a8475]{padding-left:40px;padding-right:10px}.side-nav .line[data-v-2d6a8475]{left:20px}}.d[data-v-2d6a8475]{height:100vh;width:100%}.d.d1[data-v-2d6a8475]{background:#15461481}.d.d2[data-v-2d6a8475]{background:#36418824}.d.d3[data-v-2d6a8475]{background:#78518448}.d.d4[data-v-2d6a8475]{background:#14654851}.d.d5[data-v-2d6a8475]{background:#96584563}.d.d6[data-v-2d6a8475]{background:#48124851}@media (max-width:769px){.side-nav[data-v-2d6a8475]{display:none}}