.right_nav {
    right:0;
    bottom:100px;
    position:fixed;
    text-align:left;
    overflow:hidden;
    z-index:999;
}
.right_nav li {
    margin:4px 0;
    padding: 6px 13px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    cursor:pointer;
    position:relative;
    right: 0px !important;
    background: rgba(0, 28, 88, .3);
}
.right_nav li .iconBox {
    text-align:center;
}
.right_nav li img {
    width:30px;
    height:30px;
}
.right_nav li h4 {
    color:#fff;
    font-size: 13px;
    margin:2px 0;
    font-weight: normal;
}
.right_nav li:hover {
    background:#f1b17d;
}
.right_nav li .hideBox {
    display:none;
    position:absolute;
    right: 42px;
    padding:10px;
    padding-right:15px;
    top:-10px;
    z-index:999;
    width: 257px;
}
.right_nav li .hideBox .hb {
    border:1px solid #ccc;
    background-color:#fff;
    padding:10px 20px;
    border-top:2px solid #001c58;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
}
.right_nav li .hideBox .hb h5 {
    padding:5px 0;
    border-bottom:2px solid #ccc;
    color:#001c58;
    font-size:16px;
    font-weight:400;
    display:block;
    white-space:nowrap;
}
.right_nav li .hideBox .hb p {
    margin-top:5px;
    font-size:18px;
    font-weight:700;
}
.right_nav li .hideBox .hb .qqtalk {
    margin-top:10px;
}
.right_nav li .hideBox .hb .qqtalk a {
    display:flex;
    align-items:center;
}
.right_nav li .hideBox .hb .qqtalk img {
    width:25px;
    height:25px;
}
.right_nav li .hideBox .hb .qqtalk p {
    font-size:14px;
    font-weight:400;
    white-space:nowrap;
    margin-top:-5px;
    margin-left:5px;
}
.right_nav li:nth-child(3) .hideBox img {
    width: 170px;
    height: 170px;
    margin-top:10px;
}