@keyframes fadeVolume{0%{height:0}to{height:3.13rem}}@keyframes fadeRate{0%{max-height:0}to{max-height:7.5rem}}.fade-volume-enter-active{animation:fadeVolume .3s}.fade-volume-leave-active{animation:fadeVolume .3s reverse}.fade-rate-enter-active{animation:fadeRate .3s}.fade-rate-leave-active{animation:fadeRate .3s reverse}.vue-audio-player .vue-audio-player__btn-wrap{position:relative;display:flex;align-items:center;justify-content:center}.vue-audio-player .vue-audio-player__play-icon{width:100%;height:100%;fill:currentColor;overflow:hidden}.vue-audio-player .vue-audio-player__play-volume-icon-wrap{position:relative;width:1.31rem;height:1.31rem;cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;margin-left:1rem}.vue-audio-player .vue-audio-player__play-volume-icon-wrap .vue-audio-player__play-volume-wrap{position:absolute;width:.88rem;height:3.13rem;bottom:1.31rem;left:0;background-color:#ddd;border-radius:.63rem}.vue-audio-player .vue-audio-player__play-volume-icon-wrap .vue-audio-player__play-volume-wrap .vue-audio-player__play-volume{position:absolute;right:0;bottom:0;left:0;border-radius:.63rem}.vue-audio-player .vue-audio-player__play-rate{position:relative;height:1.31rem;line-height:1.31rem;cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;font-size:.88rem;margin-right:1rem}.vue-audio-player .vue-audio-player__play-rate__dropdown{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.13rem;color:#fff;border-radius:.94rem;font-size:.75rem;overflow:hidden}.vue-audio-player .vue-audio-player__play-prev{cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.vue-audio-player .vue-audio-player__play-prev svg{display:block;width:1.31rem;height:2.06rem}.vue-audio-player .vue-audio-player__play-prev.disable{opacity:.5}.vue-audio-player .vue-audio-player__play-start{margin:0 1rem;cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.vue-audio-player .vue-audio-player__play-start svg{display:block;width:2.63rem;height:2.63rem}.vue-audio-player .vue-audio-player__play-pause{margin:0 1rem;cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.vue-audio-player .vue-audio-player__play-pause svg{display:block;width:2.63rem;height:2.63rem}.vue-audio-player .vue-audio-player__play-next{cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.vue-audio-player .vue-audio-player__play-next svg{display:block;width:1.31rem;height:2.06rem}.vue-audio-player .vue-audio-player__play-next.disable{opacity:.5}.vue-audio-player__notice{position:absolute;bottom:-.94rem;color:#bdb2b2;border-radius:.25rem;font-size:.75rem}.vue-audio-player .vue-audio-player__progress-wrap{position:relative;background:#ddd;height:.25rem;border-radius:.19rem;margin-top:1.25rem;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;outline:none;-webkit-tap-highlight-color:transparent}.vue-audio-player .vue-audio-player__progress{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:.19rem}.vue-audio-player .vue-audio-player__progress-point{position:absolute;left:-.5rem;top:50%;width:1rem;height:1rem;border-radius:50%;margin-top:-.5rem}.vue-audio-player .vue-audio-player__progress-point:after{content:"";position:absolute;top:50%;left:50%;width:.38rem;height:.38rem;margin:-.19rem 0 0 -.19rem;background:#fff;border-radius:50%}.vue-audio-player .vue-audio-player__time-wrap{display:flex;flex-direction:row;justify-content:space-between;margin-top:.44rem}.vue-audio-player .vue-audio-player__current-time,.vue-audio-player .vue-audio-player__duration{font-size:.63rem;color:#888}.vue-audio-player .vue-audio-player__audio{display:block;margin:0 auto}@media(any-hover:hover){.vue-audio-player .vue-audio-player__play-rate:hover>span{opacity:.7}.vue-audio-player .vue-audio-player__play-rate__dropdown>div:hover,.vue-audio-player__play-icon:hover{opacity:.7}}.vue-audio-player__play-loading{width:2.63rem;height:2.63rem;position:relative;margin:0 1rem}.vue-audio-player__play-loading span{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;position:absolute;animation:loading 1.04s ease infinite}@keyframes loading{0%{opacity:1}to{opacity:.2}}.vue-audio-player__play-loading span:nth-child(1){left:0;top:50%;margin-top:-.25rem;animation-delay:.13s}.vue-audio-player__play-loading span:nth-child(2){left:.44rem;top:.44rem;animation-delay:.26s}.vue-audio-player__play-loading span:nth-child(3){left:50%;top:0;margin-left:-.25rem;animation-delay:.39s}.vue-audio-player__play-loading span:nth-child(4){top:.44rem;right:.44rem;animation-delay:.52s}.vue-audio-player__play-loading span:nth-child(5){right:0;top:50%;margin-top:-.25rem;animation-delay:.65s}.vue-audio-player__play-loading span:nth-child(6){right:.44rem;bottom:.44rem;animation-delay:.78s}.vue-audio-player__play-loading span:nth-child(7){bottom:0;left:50%;margin-left:-.25rem;animation-delay:.91s}.vue-audio-player__play-loading span:nth-child(8){bottom:.44rem;left:.44rem;animation-delay:1.04s}