a.backhome { position: absolute; right: 0; bottom: 12.53333vh; bottom: 5.86667vh; bottom: 3.33333vh; bottom: 1.06667vh; display: flex; justify-content: center; align-items: center; width: 8.26667vh; height: 4.26667vh; cursor: pointer; background: rgba(0, 0, 0, 0.5); border-radius: 2.13333vh 0 0 2.13333vh; z-index: 7; }

a.backhome img { width: 1.86667vh; margin: 0 0.8vh 0 0; }

a.backhome span { font-size: 1.86667vh; color: #fff; }

@keyframes bacrotate { 0% { transform: rotate(0); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); } }

@keyframes introhide { 0% { opacity: 1;
    visibility: visible; }
  100% { opacity: 0;
    visibility: hidden; } }

a.audiobacclick { position: absolute; top: 4vh; right: 4vh; top: 1.33333vh; right: 6.66667vh; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; width: 4vh; height: 4vh; border-radius: 50%; z-index: 12; cursor: pointer; }

a.audiobacclick img { width: 2.66667vh; }

a.audiobacclick img.move { animation: bacrotate linear 2s infinite; }

a.audiobacclick span { display: flex; justify-content: center; align-items: center; width: 9.33333vh; height: 3.73333vh; font-size: 1.6vh; color: #fff; position: absolute; top: 50%; left: -1.6vh; transform: translate(-100%, -50%); text-align: center; animation: introhide linear 1.5s; animation-fill-mode: forwards; border-radius: 0.53333vh; background: #000; }

a.audiobacclick span:after { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; transform: rotate(0deg); border-width: 1.06667vh 0 1.06667vh 1.06667vh; border-color: transparent transparent transparent black; position: absolute; top: 50%; right: -0.8vh; transform: translateY(-50%); }
