.sidebar-tmp1{z-index:12;flex-direction:column;display:flex;position:fixed;top:42vh;right:0}.sidebar-tmp1 .side-bar-item{cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-user-select:none;user-select:none;background:#4f64766e;border-radius:.6667rem 0 0 .6667rem;width:4.4667rem;padding:.5333rem .6667rem;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}.sidebar-tmp1 .side-bar-item:not(:last-of-type){margin-bottom:.3333rem}.sidebar-tmp1 .side-bar-item .icon-box{box-sizing:border-box;z-index:1;background:linear-gradient(#8ee4ff 0%,#3495ff 100%);border-radius:1.2667rem;justify-content:center;align-items:center;width:2.3333rem;height:2.3333rem;display:flex;position:relative}.sidebar-tmp1 .side-bar-item .icon-box img{pointer-events:none;width:1.4667rem;height:1.4667rem;display:block}.sidebar-tmp1 .side-bar-item .hover-over{z-index:11;opacity:0;cursor:default;padding-right:.6rem;font-size:.8667rem;transition:all .2s ease-in-out;position:absolute;top:.9333rem;left:-5.6667rem;transform:translate(-25px)}.sidebar-tmp1 .side-bar-item .hover-over.three-text{transform:translate(-25px)}.sidebar-tmp1 .side-bar-item .hover-content{text-align:center;color:#fff;opacity:.94;white-space:nowrap;text-shadow:0 1px 1px #258de8;background:#58c7ff;border-radius:.2rem;padding:.5333rem;position:relative}.sidebar-tmp1 .side-bar-item .hover-content:after{content:"";z-index:10;background:#58c7ff;width:.5333rem;height:.5333rem;position:absolute;top:.7333rem;right:-.2667rem;transform:rotate(45deg)}.sidebar-tmp1 .side-bar-item.operating .icon-box{background:linear-gradient(#ffbdc6 0%,#ff386c 100%)}.sidebar-tmp1 .side-bar-item.operating:hover .icon-box{background:linear-gradient(#ff386c 0%,#ffbdc6 100%);border:1px solid #fff}.sidebar-tmp1 .side-bar-item:hover,.sidebar-tmp1 .side-bar-item.active{background:linear-gradient(#8ee4ff 0%,#3495ff 100%);overflow:visible;transform:translate(0)}.sidebar-tmp1 .side-bar-item:hover .icon-box,.sidebar-tmp1 .side-bar-item.active .icon-box{background:linear-gradient(#3495ff 0%,#8ee4ff 100%);border:1px solid #fff}.sidebar-tmp1 .side-bar-item:hover .hover-over,.sidebar-tmp1 .side-bar-item.active .hover-over{opacity:1;transform:translate(0)}.sidebar-tmp1 .side-bar-item:hover .hover-over.three-text,.sidebar-tmp1 .side-bar-item.active .hover-over.three-text{transform:translate(11px)}.sidebar-tmp1 .service-hover{width:max-content;right:100%;top:0!important;left:auto!important}.sidebar-tmp1 .service-content{text-align:center;background:0 0!important;padding:0!important}.sidebar-tmp1 .service-content p{color:#fff;white-space:nowrap;background:#58c7ff;border-bottom:1px solid #ffffff26;border-radius:.2rem .2rem 0 0;padding:.5333rem 0}.sidebar-tmp1 .hover-item{cursor:pointer;color:#fff;background:#7da5c581;flex-direction:column;width:100%;padding:.5333rem .6667rem;display:flex;position:relative}.sidebar-tmp1 .hover-item:not(:first-of-type):after{content:"";background:#ffffff26;height:.0667rem;position:absolute;top:0;left:.6667rem;right:.6667rem}.sidebar-tmp1 .hover-item:last-of-type{border-radius:0 0 .2rem .2rem}.sidebar-tmp1 .hover-item:hover{color:#fff;background:#58c7ff}.sidebar-tmp1 .hover-item img{width:4rem;height:4rem;margin:0 auto;display:block}.sidebar-tmp1 .hover-item span{word-wrap:break-word;text-shadow:none;margin-bottom:.4rem;font-size:.8667rem}.sidebar-tmp1 .sidebar-icon{width:2.6667rem;height:2.6667rem;display:block}.sidebar-tmp1 .sidebar-unread{color:#fff;background:#ff7078;border-radius:.6rem;padding:.1333rem .3333rem;font-size:.8rem;position:absolute;top:5%;left:0}