.r-nav-body {
	text-align: center;
	position: fixed;
	bottom: 50%;
	right: 0;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease,-webkit-transform .5s ease;
	z-index: 100;
	-webkit-box-shadow: -2px 0 30px 2px rgba(97,105,119,.18);
	box-shadow: -2px 0 30px 2px rgba(97,105,119,.18);
	border-radius: 18px 0 0 18px;
	/* background: #62c1a8; */
	overflow: hidden;
	color: #fff;
}
.r-nav-body .tk-badge {
	right: 13px;
	top: 8px;
	font-size: 12px;
	zoom: 0.8;
	height: 21px;
	width: 20px;
	line-height: 21px;
	background-size: 70%;
	background: red;
}
.r-nav-body li:first-of-type {
    border-radius: 18px 0 0 0;
}
.r-nav-body li:last-of-type {
    border-radius: 0 0 0 18px;
}
.r-nav-body ul li {
	cursor: pointer;
	padding: 9px 9px;
	background: #77c9b3;
}
.r-nav-body ul li:hover {
    background: #93d4c3;
    background: rgb(119 201 179 / 78%);
    transition: all .2s linear;
}
.r-nav-body ul li p {
	font-size: 12px;
	zoom: 0.8;
}
.r-nav-body ul li .iconfont {
    font-size: 21px;
    display: inline-block;
    height: 33px;
    line-height: 33px;
}
.r-nav-body ul li.eag-28 .iconfont {
    font-size: 23px;
}
.r-nav-body ul li.my-10 .iconfont {
    font-size: 26px;
    /* color: #7f7f7f; */
}
.r-nav-body ul li:hover .iconfont {
   animation: shake 0.5s forwards;
}
/* @keyframes shake {
   0% { transform: translateX(0); }
  25% { transform: translateX(-2.5px); }
  50% { transform: translateX(2.5px); }
  75% { transform: translateX(-1.5px); } 稍微调整以创建更自然的晃动效果
  100% { transform: translateX(0); } 或者你可以让它停在稍微偏移的位置
}


.r-nav-body ul li.to-top:hover .iconfont {
   animation: shake 0.5s forwards;
} */
@keyframes shake {
   0% { transform: translateX(0) translateY(0); }
  25% { transform: translateX(0) translateY(-2.5px); }
  50% { transform: translateX(0) translateY(2.5px); }
  75% { transform: translateX(0) translateY(-1.5px); } /* 稍微调整以创建更自然的晃动效果 */
  100% { transform: translateX(0) translateY(0); } /* 或者你可以让它停在稍微偏移的位置 */
}