<div id="kefu" class="kefu-link" style="position: absolute; inset: 491.953px auto auto 285px;"><a href=""><img src="images/kefu@2x.png"></a></div>
.kefu-link {
position: fixed;
z-index: 99;
right: 15px;
bottom: 15%;
font-size: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
}
@-webkit-keyframes bounce {
0%,20%,53%,80%,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%,43% {
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0)
}
40%,43%,70% {
-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}
70% {
-webkit-transform: translate3d(0,-5px,0);
transform: translate3d(0,-5px,0)
}
90% {
-webkit-transform: translate3d(0,-5px,0);
transform: translate3d(0,-5px,0)
}
}
@keyframes bounce {
0%,20%,53%,80%,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%,43% {
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0)
}
40%,43%,70% {
-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}
70% {
-webkit-transform: translate3d(0,-5px,0);
transform: translate3d(0,-5px,0)
}
90% {
-webkit-transform: translate3d(0,-5px,0);
transform: translate3d(0,-5px,0)
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}