.side-bar{top:50%;margin-top:-200px;position:fixed;right:0;z-index:9999}
.side-bar .item{position:relative}
.side-bar .item+.item{margin-top:5px}
.side-bar .item > a{display:block;cursor:pointer;width:48px;height:48px;position:relative;z-index:10;display:flex;justify-content:center;align-items:center;position:relative;color:#DA251C;background:#fff;box-shadow:0 0 10px rgba(1,1,1,0.1)}
.side-bar .item > a i{display:inline-block;font-size:28px;color:inherit}
.side-bar .item  a img{width:38px;height:38px;}

/* 默认情况下，隐藏悬停图片 */
.side-bar .item .hover-pic {
    display: none;
}

/* 鼠标悬停时，隐藏默认图片并显示悬停图片 */
.side-bar .item:hover .default-pic {
    display: none;
}

.side-bar .item:hover .hover-pic {
    display: block;
}


.side-bar .txt{position:absolute;top:0;right:48px;padding:0 20px;font-size:15px;white-space:nowrap;line-height:48px;background:#DA251C;color:#fff;transform:translateX(100%);transition:all 0.3s ease 0s}
.side-bar .wx-box{width:150px;position:absolute;right:50px;top:-50px;display:none;z-index:100}
.side-bar .wx-box .box{width:140px;padding:5px;border:1px solid #D6D7D7;text-align:center;background:#fff;overflow:hidden}
.side-bar .wx-box .box img{width:100%}
.side-bar .wx-box .arrowPanel{width:12px;height:20px;position:absolute;right:0;top:calc(50% - 5px)}
.side-bar .wx-box .arrowPanel .arrow01{width:0;height:0;font-size:0;line-height:0;position:absolute;bottom:0;left:2px;top:0;border-top:10px dashed transparent;border-right:10px dashed transparent;border-bottom:10px dashed transparent;border-left:10px solid #ddd}
.side-bar .wx-box .arrowPanel .arrow02{width:0;height:0;font-size:0;line-height:0;position:absolute;bottom:0;left:0;top:0;border-top:10px dashed transparent;border-right:10px dashed transparent;border-bottom:10px dashed transparent;border-left:10px solid #fff}
.side-bar .item:hover > a{background:#DA251C;color:#fff}
.side-bar .item:hover .wx-box{display:block}
.side-bar .item:hover .txt{transform:translateX(0)}
                          
@media screen and (max-width:768px){
.side-bar {display:none;}  
.derun-side-bar{display:none}
}