ate(0deg);
transform: rotate(0deg);
}
60% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
65% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
70% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
75% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
80% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
85% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
90% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
95% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.sib-tips {
animation: discounts 4s 1s infinite;
-webkit-animation: discounts 4s 1s infinite;
transform-origin: bottom;
-webkit-transform-origin: bottom;
font-size: 14px;
line-height: 14px;
padding: 7px;
background: rgba(34, 34, 34, .6);
position: absolute;
top: 22px;
color: white;
width: max-content;
border-radius: 5px;
}
@keyframes discounts {
0%,
55% {
display: block;
opacity: 1;
left: 80px;
}
68% {
display: block;
opacity: 1;
left: -190px
}
65% {
display: block;
opacity: 1;
left: -190px
}
70% {
display: block;
opacity: 1;
left: -190px
}
75% {
display: block;
opacity: 1;
left: -190px
}
80% {
display: block;
opacity: 1;
left: -190px
}
85% {
display: block;
opacity: 1;
left: -190px;
}
90% {
display: block;
opacity: 1;
left: -190px;
}
98% {
display: block;
opacity: 0;
left: -190px;
}
100% {
display: none;
opacity: 0;
left: 80px;
}
}
.sib-tips:before {
content: "";
position: absolute;
right: -5px;
top: 50%;
transform: translate(0, -50%);
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid rgba(34, 34, 34, .6);
}
.kefuxz,
.appxz {
position: absolute;
top: 50%;
right: 54px;
width: 179px;
margin-top: -84.5px;
display: none;
max-width: none;
}
.siba-xz:hover .appxz {
display: block;
}
.siba-kf:hover .kefuxz {
display: block;
}