.baserightfh{
position: fixed;
right: 2%;
top:55%;
list-style: none;
z-index: 990;
}
.baserightfh i{
font-size: 30px;
}
.baserightfh>li{
text-align: center;
width: 45px;
height: 45px;
background-color: #335691;
background: rgba(51,86,145,0.5);
margin-top: 10px;
border-radius: 5px;
position: relative;
}
.baserightfh>li i{
line-height: 45px;
color: #fff;
}
.baserightfh>li:hover{
background-color: #335691;
}
.baserightfh>li:hover i{
color: white;
}
.imgxian{
padding-top: 7px;
}
.imgxian:nth-of-type(2){
display: none;
}
.baserightfh>li:hover .imgxian:nth-of-type(2){
display: inline-block;
}
.baserightfh>li:hover .imgxian:nth-of-type(1){
display: none;
}
.slide-con{
display: none;
background: #fff;
padding: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
position: absolute;
right: 100%;
margin-right: 10px;
top: 0;
}
.sli-qq:hover .slide-con{
display: block;
}
