.float-right{ position: fixed; top:200px; right:20px; display: flex; flex-direction: column; gap:12px;z-index:9999; }
.float-navigate .item{ position: relative; cursor: pointer; width: 50px; height: 50px; background-color: rgba(240,240,240,.9); background-size: 32px 32px; background-position: center center; background-repeat: no-repeat; border-radius: 50px; }
.float-navigate .item-vx{ background-image: url('../img/icon-vx.svg'); }
.float-navigate .item-wb{ background-image: url('../img/icon-wb.svg'); }
.float-navigate .item-kc{ background-image: url('../img/icon-kc.svg'); }
.float-navigate .item:hover{ background-color: rgb(125,179,239) }
.float-navigate .item-vx:hover{ background-image: url('../img/icon-vx-while.svg'); }
.float-navigate .item-wb:hover{ background-image: url('../img/icon-wb-while.svg'); }
.float-navigate .item-kc:hover{ background-image: url('../img/icon-kc-while.svg'); }
.float-navigate .item:active{ background-color: rgb(13, 54, 240) }
.float-navigate .item-layer{
    position: absolute; width:160px; right:70px; background-color: rgb(125,179,239); display: none;
    flex-direction: column; align-items: center; padding: 18px 0 15px; gap:8px; color: #fff; opacity: 0;
    transition: all 0.5s ease-in-out;
}
.float-navigate .item-layer::before{ transform: rotate(45deg); position: absolute; top:18px; right:-5px; content: ''; width: 15px; height: 15px; background:rgb(125,179,239); }
.float-navigate .item:hover .item-layer{ display: flex; opacity: 1; }