/* 右侧 */
.mess-link {
    position: fixed;
    right: 0;
    top: 22%;
    z-index: 99999;
    display: none;
}

.mess-link>ul>li {
    height: 42px;
    display: block;
    margin-bottom: 2px;
}

.mess-link>ul>li .icon {
    width: 42px;
    height: 42px;
    overflow: hidden;
    float: right;
    background: #e78014;
    position: relative;
}
.mess-link>ul>li .icon img{
    position: absolute;
    left: 21%;
    top: 21%;
    /* transform: translate(-50%,-50%); */
}
.mess-link>ul>li.right .txt {
    float: right;
    display: none;
    width: 0;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #fff;
    background: #e78014;
}
.mess-link>ul>li.wechat .pic{
    position: absolute;
    right: 66px;
    visibility: hidden;
    opacity: 0;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.mess-link>ul>li.wechat:hover .pic{
    visibility:visible;
    opacity: 1;
}
.mess-link>ul>li:hover .txt,
.mess-link>ul>li:hover .icon{
    background: #e78014;
}
.mess-link>ul>li.wechat .pic{
    position: absolute;
    right: 66px;
    visibility: hidden;
    opacity: 0;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.mess-link>ul>li.wechat:hover .pic{
    visibility:visible;
    opacity: 1;
}