.left-nav{position:fixed;top:35%;left:8px;width:110px;height:315px;text-align:center;z-index:1000;margin-left:0;box-shadow:0 1px 3px rgba(255,255,255,.5) inset;background-image:linear-gradient(180deg,#7e38f4 0,#795ff8 100%);opacity:0}.left-nav.show{opacity:1;transition:opacity .3s ease-in-out}.left-nav .sicon{width:110px;height:24px}.left-nav .sicon img{margin-top:-58px}.left-nav>ul li{position:relative;width:110px;height:32px;line-height:32px}.left-nav>ul li a{display:block;font-size:12px;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.left-nav>ul li:hover{background-color:#6533ef}.left-nav>ul li.active{width:124px;margin-left:-7px;background:linear-gradient(90deg,#ffcf87 0,#ffbc76 100%);border:1px solid #fff;box-sizing:border-box}.left-nav>ul li.active a{font-weight:700;color:#4e342e}.left-nav>ul li.active:before{position:absolute;left:0;bottom:-8px;content:'';width:0;height:0;border-top:7px solid #4521c7;border-left:7px solid transparent}.left-nav>ul li.active:after{position:absolute;right:0;bottom:-8px;content:'';width:0;height:0;border-top:7px solid #4521c7;border-right:7px solid transparent}.left-nav .goto-top{width:110px;height:68px;padding:8px 0;line-height:24px;color:#ffdaaf;background-color:#5a47fe;border:1px solid #ffdaaf;border-radius:2px;box-sizing:border-box;cursor:pointer}