.btn-top{
    position: fixed;
    right: 1px;
    bottom: 10px;
    padding-bottom: 0;
    z-index: 999;
}

#btn{
    display: none;
    width: 65px;
    height: 65px;
    cursor: pointer;
    position: relative;
    background: url(../image/top.png) no-repeat;
    background-size: cover;
    margin-bottom: 5%;
}

.kefu{
    width: 65px;
    height: 65px;
    cursor: pointer;
    position: relative;
    background: url(../image/fu.png) no-repeat;
    background-size: cover;
    margin-bottom: 5%;
}
.kefu:hover .img{
    display: block;
}
.kefu .img{
    display: none;
    position: absolute;
    top: 0;
    right: 70px;
    width: 130px;
    height: 130px;
   background: url(../image/kefu.jpg) no-repeat;
   background-size: cover;
}
.weixin{
    width: 65px;
    height: 65px;
    cursor: pointer;
    position: relative;
    background: url(../image/weixin.png) no-repeat;
    background-size: cover;
    margin-bottom: 5%;
}


.weixin:hover .img{
    display: block;
}
.weixin .img{
    display: none;
    position: absolute;
    top: 0;
    right: 70px;
    width: 130px;
    height: 130px;
   background: url(../image/wei.png) no-repeat;
   background-size: cover;
}

.dui{
    width: 65px;
    height: 65px;
    cursor: pointer;
    position: relative;
    background: url(../image/dui.png) no-repeat;
    background-size: cover;
    margin-bottom: 5%;
}

@media screen and (max-width: 768px){
    #btn{
        width: 40px;
        height: 40px;
    }
    .kefu{
        width: 40px;
        height: 40px;
    }
    .weixin{
        width: 40px;
        height: 40px;
    }
    .dui{
        width: 40px;
        height: 40px;
    }
}