.right_nav_bar {
        position: fixed;
        right: 0;
        top: 50%;
        z-index: 10001;
        list-style: outside none none;
        width: 54px;
    }
    .right_nav_bar li {
        position: relative;
        list-style: outside none none;
        float: left;
        height: 54px;
        width: 54px;
    }
    .right_nav_bar .icons {
        height: 54px;
        width: 54px;
        float: left;
        position: absolute;
        right: 0;
        transition: all 0.3s ease 0s;
        overflow: hidden;
        word-break: keep-all;
        white-space: nowrap;
    }
    .right_nav_bar .weixin-icon i {
        background-position: 30px -40px;
    }
    .right_nav_bar .qq-icon i {
        background-position: 30px -80px;
    }
    .right_nav_bar .totop-icon i {
        background-position: 30px -264px;
    }
    .right_nav_bar i.icon {
        background-image: url(/img/pic.png);
        height: 30px;
        margin: 12px;
        width: 30px;
        display: inline-block;
    }
    i.icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        line-height: 16px;
        vertical-align: text-top;
        margin-left: 5px;
    }
    .right_nav_bar span.title {
        padding-right: 10px;
        color: #fff;
        position: relative;
        top: 17px;
    }