.header-wrap {
    width: 100%;
    height: 64px;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.5);
    border-radius: 0px 0px 0px 0px;
    z-index: 999;
    transition: all 0.3s linear;

}
.header-wrap-bg{
    background: rgba(255,255,255,1);

}
.logo{
    width: 168px;
    height: 34px;
}

.menus-wrap {
    font-size: var(--moka--font-14);
    font-weight: var(--moka--font-500);
}

.menu-item {
    margin-left: 58px;
    color: var(--moka--font-color);
    position: relative;
}

/* .menu-item:active::before {
     content: "";
    position: absolute;
    top: 22px;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 4px;
    background: var(--moka--font-color);
    border-radius: 30px; 
} */
.actived::before{
    content: "";
    position: absolute;
    top: 22px;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 4px;
    background: var(--moka--font-color);
    border-radius: 30px; 
}