#left-side{position:fixed;left:0;width:var(--side-bar-width);height:100vh;padding:15px 0;z-index:1;margin-bottom:0;box-sizing:border-box;background-color:#fff;overflow-y:auto;overflow-x:hidden;transition:left 800ms}#left-side .logo{padding:0 25px}#left-side ul li{font-size:13px;color:#353635;position:relative;padding:13px 24px;cursor:pointer}#left-side ul li i.arrow{position:absolute;right:13px;top:50%;transition:.3s;transform:translateY(-50%)}#left-side ul li::before{content:"";width:4px;height:0;transition:.5s;position:absolute;top:8px;left:2px;display:block;background-color:#60ba9a}#left-side ul li:hover{color:#60ba9a}#left-side ul li.active{color:#60ba9a}#left-side ul li.active::before{height:25px}#left-side ul li.active i.arrow{transform:translateY(-50%) rotate(-180deg);filter:hue-rotate(306deg) saturate(42.3%) brightness(110%)}#left-side ul .down-menuBox{display:none;background-color:#f4f4f4}#left-side ul .down-menuBox li{padding:13px 37px}#left-side ul .down-menuBox li.active{color:#60ba9a}#left-side ul .down-menuBox li.active::before{height:0}