.panel[data-v-976ef2fe] {
  position: absolute;
  z-index: 1000;
  height: 3.4rem;
  width: 5.5rem;
  background: repeating-conic-gradient(from var(--a),rgb(39 187 255 / 40%) 0%,
  rgb(39 187 255 / 40%) 5%,transparent 5%, transparent 40%,rgb(39 187 255 / 40%) 50%);
  top: 5.7rem;
  right: 0.045rem;
  color: #fff;
   -webkit-animation: myfirst-976ef2fe 1.5s,animate-976ef2fe 4s linear infinite;
           animation: myfirst-976ef2fe 1.5s,animate-976ef2fe 4s linear infinite;
border-radius: 0.2rem;
}
#panelcontent[data-v-976ef2fe]{
  background: url(../img/panelR2.59eee97b.png) no-repeat;
  background-size: 100%;
  height: 4.57rem;
  width: 5.5rem;
  margin-top: 0rem;
  padding-left: 0.2rem;
  
  /* display: flex; */
}
@-webkit-keyframes animate-976ef2fe
{
0%
{
    --a: 0deg;
}
100%
{
--a: 360deg;
}
}
@keyframes animate-976ef2fe
{
0%
{
    --a: 0deg;
}
100%
{
--a: 360deg;
}
}
@-webkit-keyframes myfirst-976ef2fe {
0% {
    right: -2rem;
    top: 5.7rem;
}
100% {
    right: 0.04rem;
    top: 5.7rem;
}
}
@keyframes myfirst-976ef2fe {
0% {
    right: -2rem;
    top: 5.7rem;
}
100% {
    right: 0.04rem;
    top: 5.7rem;
}
}
.panel[data-v-976ef2fe]:hover{
  opacity: 1;
}
.content[data-v-976ef2fe]{
height: 3.57rem;
  width: 5.5rem;
}