.sidebar{position:fixed;right:1%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:space-between;width:72px;background:rgba(255,255,255,0.09);border:1px solid rgba(255,255,255,0.15);border-radius:12px;box-shadow:0 0 4px 0 rgba(0,0,0,0.13);box-sizing:border-box;z-index:99999;color:#FFFFFF}.sidebar-item{position:relative;height:72px;display:flex;align-items:center;justify-content:center;transition:all .3s}.sidebar-item:hover{background:rgba(255,255,255,0.1)}.sidebar-item:first-child{border-radius:12px 12px 0 0}.sidebar-item:last-child{border-radius:0 0 12px 12px}.sidebar-item_cont{font-size:12px;text-align:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;user-select:none}.sidebar-item_cont img{width:32px;height:32px}.sidebar-line{flex:0 0 1px;height:1px;margin:0 10px;background:rgba(217,217,217,0.23)}.sidebar-item:hover .sidebar-item_layer{display:block}.sidebar-item:hover .sidebar-item_cont img{animation:navJump 1.5s ease}.sidebar-item_layer{display:none;position:absolute;right:100%;top:0}.sidebar-item_layer .item_layer{padding:16px 19px 16px 14px;width:250px;background:url('/static/img/side/bg.png') no-repeat;background-size:100% 100%;border-radius:5px;box-sizing:border-box;font-size:14px;line-height:14px;text-align:left;cursor:default;margin-right:15px}.sidebar-item_layer .link_line{display:block;margin:10px 13px;height:1px;background:#F5F5F5}.sidebar-item_layer .active_color{color:#FFFFFF}.sidebar-item_layer .item_title{min-width:64px;display:inline-block}.sidebar-item_layer .item_title1{min-width:66px}.sidebar-item_layer .link_time{color:rgba(255,255,255,0.8);margin-top:20px}.sidebar-item_layer .link_item{white-space:nowrap;color:rgba(255,255,255,0.8)}.sidebar-item_layer .code_box{display:flex;margin-top:8px}.sidebar-item_layer .code_box img{width:85%;height:auto;vertical-align:middle}.sidebar-item_layer .code_box .box_img{flex:1}.sidebar-item_layer .code_box .box_img.img_center{display:flex;justify-content:center;align-items:center}.sidebar-item_layer .code_box .box_img.img_center img{width:62%}.sidebar-item_layer::before{content:"";position:absolute;bottom:100%;right:-4px;border-style:solid;border-width:10px;border-color:transparent transparent transparent transparent;top:20%}@keyframes navJump{0%{transform:translate(0)}10%{transform:translateY(5px) scaleX(1.2) scaleY(.8)}30%{transform:translateY(-13px) scaleX(1) scaleY(1) rotate(5deg)}50%{transform:translateY(0) scale(1) rotate(0)}55%{transform:translateY(0) scaleX(1.1) scaleY(.9) rotate(0)}70%{transform:translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg)}80%{transform:translateY(0) scaleX(1) scaleY(1) rotate(0)}85%{transform:translateY(0) scaleX(1.05) scaleY(.95) rotate(0)}to{transform:translateY(0) scaleX(1) scaleY(1)}}