.wg-float {
    width: 229px;
    height: 670px;
    background: url(float.png) no-repeat;
    position: fixed;
    top: 50%;
    left: -25px;
    margin-top: -335px;
    z-index: 99;
}

.wg-float-packs {
    height: 190px;
    display: block;
}

.wg-float-packs-image {
    position: fixed;
    top: 50%;
    left: -25px;
    margin-top: -335px;
    z-index: 98;
    animation: floatPacks 1.6s infinite;
    -webkit-animation: floatPacks 1.6s infinite;
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
}

.wg-flaot-nav {
    width: 148px !important;
    height: 245px !important;
    padding: 60px 0 0 29px !important;
}

.wg-flaot-nav a {
    height: 49px;
    line-height: 49px;
    display: block !important;
    text-align: center;
    color: #Fcfcfc;
    font-size: 24px;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    width: 145px;
    cursor: pointer;
}

.wg-flaot-nav a.on {
    background: #ff0000;
    padding: 2px 0;
    margin: -2px 0;
    color: #fff;
    font-size: 28px;
}


@keyframes wg-floatPacks {
    0%, 100% {
        transform: rotate(3deg);
    }
    50% {
        transform: rotate(-3deg);
    }
}

@-webkit-keyframes wg-floatPacks {
    0%, 100% {
        -webkit-transform: rotate(3deg);
    }
    50% {
        -webkit-transform: rotate(-3deg);
    }
}

.wg-clear {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    clear: both;
    font-size: 0;
}