.wxkf {
    position: fixed;
    right: 34px;
    bottom: 348px;
    z-index: 1001;
    display: none;
}
.right-nav {
    position: fixed;
    width: 62px;
    right: 0;
    bottom: 10%;
    z-index: 999;
}
.right-nav ul {
    width: 62px;
    position: relative;
    list-style: none;
    box-sizing: border-box;
    padding: 15px 0;
    background: #969696;
    border-top-left-radius: 10px;
}

.right-nav ul li {
    width: 62px;
    height: 60px;
}

.right-nav ul li a {
    display: inline-block;
}
a {
    background: 0 0;
    text-decoration: none;
}

.right-nav ul li .sidebox.black {
    background: #969696;
}
.right-nav ul li .sidebox {
    width: 62px;
    height: 62px;
    transition: all .3s;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    padding: 5px 0;
    box-sizing: border-box;
}

.right-nav ul li .sidebox .icon {
    width: 62px;
    height: 62px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    box-sizing: border-box;
    margin-top: -5px;
    padding: 5px 0;
}
.right-nav ul li .sidebox .icon span{
    font-size: 10px;
    display: inline-block;
}
.charge{
    margin-left: -100px;
    background: #d7d7d7;
}

.right-nav .li4{
    padding: 3px 0;
    text-align: center;
    background: #d7d7d7;
    border-bottom-left-radius: 10px;
}
.right-nav .li4 .hi4{
    color: #969696;
    font-size: 10px;
    display: inline-block;
}
.hi{
    border-bottom: 1px solid white;
}

.span-red{
    color: #e25d5e;
    display: inline-block;
    margin-top: 15px;
    text-align: center;
}