.pc-side-bar{z-index:12;flex-direction:column;display:flex;position:fixed;top:42vh;right:0}.pc-side-bar .side-bar-item{cursor:pointer;-webkit-backdrop-filter:blur(5px);-webkit-user-select:text;user-select:text;background:#4f64766e;border-radius:10px 0 0 10px;width:67px;padding:8px 10px;transition:all .2s ease-in-out;display:inline-block;position:relative;overflow:hidden;transform:translate(14px);box-shadow:0 0 6px #24567229,inset 0 0 2px #fff3}.pc-side-bar .side-bar-item .ic-side-box{box-sizing:border-box;z-index:1;background:linear-gradient(#b991ff 0%,#8772ff 100%);border-radius:19px;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:relative}.pc-side-bar .side-bar-item .ic-side-box img{pointer-events:none;width:22px;height:22px;display:block}.pc-side-bar .side-bar-item:hover{background:linear-gradient(#b991ff 0%,#8772ff 100%);overflow:visible;transform:translate(0)}.pc-side-bar .side-bar-item:hover .ic-side-box{background:linear-gradient(#8772ff 0%,#b991ff 100%);border:1px solid #fff}.pc-side-bar .side-bar-item:hover .hover-over{opacity:1;transform:translate(0)}.pc-side-bar .side-bar-item:hover .hover-over.seervice{opacity:1;transform:translate(-40px)}.pc-side-bar .hover-over{z-index:11;cursor:default;width:116px;padding-right:9px;font-size:13px;transition:all .2s ease-in-out;position:absolute;top:0;left:-116px;transform:translate(-25px)}.pc-side-bar .hover-over .hover-content{text-align:center;color:#fff;text-shadow:0 1px 1px #513ab9;opacity:.94;border-radius:3px;position:relative}.pc-side-bar .hover-over .hover-content:after{content:"";z-index:10;background:#bf9fff;width:8px;height:8px;padding:0;position:absolute;top:11px;right:-4px;transform:rotate(45deg)}.pc-side-bar .hover-over .hover-content p{background:#bf9fff;border-bottom:1px solid #ffffff26;border-radius:3px 3px 0 0;padding:8px 0;line-height:12px}.pc-side-bar .hover-item{cursor:pointer;color:#fff;background:#7da5c581;flex-direction:column;width:100%;padding:8px 10px;display:flex;position:relative}.pc-side-bar .hover-item span{word-break:break-word;text-shadow:none;margin-bottom:6px;font-size:13px}.pc-side-bar .hover-item img{width:60px;height:60px;margin:0 auto;display:block}.pc-side-bar .hover-item:hover{background:#bf9fff}.pc-side-bar .hover-item:not(:first-of-type):after{content:"";background:#ffffff26;height:1px;position:absolute;top:0;left:10px;right:10px}.pc-side-bar .hover-item:last-child{border-radius:0 0 3px 3px}