#online {
    width: 100%;
    position: fixed;
    background: rgb(37, 37, 39);
    bottom: 0px;
    height: 50px;
    z-index: 999;
    /* background: linear-gradient(180deg, #28292d, #202125 ); */
}

#online a {
    width: 30%;
    float: left;
    height: 100%;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    position: relative
}

#online a:after {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    width: 1px;
    background: #4ad1e5;
}

#online a:last-child:after {
    display: none
}

.tab-hover .tab-nav {
    cursor: pointer
}

.tab-hover-content>li.active,.tab-hover>li.active>.tab-content {
    display: block
}

.tab-hover-content {
    position: absolute;
    top: 60px;
    left: 0;
    background: rgba(255,255,255,.98);
    width: 100%;
    z-index: 500
}

.site-onliner {
    border: 0;
    margin: auto;
    position: relative
}

.site-onliner .dropdown-menu {
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.site-onliner .site-onliner-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1230px;
    padding-top: 18%;
}

@media (max-width: 767px) {
    .onlinebar-lg .onlinebar-onliner,.onlinebar-lg .onlinebar-nav>li {
        float:none
    }

    .site-onliner {
        position: fixed;
        left: 0;
        top: 95%;
        right: 0;
        z-index: 999
    }
}