@keyframes fadeVolume{0%{height:0}to{height:50px}}@keyframes fadeRate{0%{max-height:0}to{max-height:120px}}.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}.audio-player .audio__btn-wrap{align-items:center;display:flex;justify-content:center;position:relative}.audio-player .audio__play-icon{fill:currentColor;height:100%;overflow:hidden;width:100%}.audio-player .audio__play-volume-icon-wrap{-webkit-user-drag:none;cursor:pointer;height:21px;margin-left:16px;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:21px}.audio-player .audio__play-volume-icon-wrap .audio__play-volume-wrap{background-color:#ddd;border-radius:10px;bottom:21px;height:50px;left:0;position:absolute;width:14px}.audio-player .audio__play-volume-icon-wrap .audio__play-volume-wrap .audio__play-volume{border-radius:10px;bottom:0;left:0;position:absolute;right:0}.audio-player .audio__play-rate{-webkit-user-drag:none;cursor:pointer;font-size:14px;height:21px;line-height:21px;margin-right:16px;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.audio-player .audio__play-rate__dropdown{border-radius:15px;bottom:100%;color:#fff;font-size:12px;left:50%;overflow:hidden;padding:2px;position:absolute;transform:translateX(-50%)}.audio-player .audio__play-prev{-webkit-user-drag:none;cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.audio-player .audio__play-prev svg{display:block;height:33px;width:21px}.audio-player .audio__play-prev.disable{opacity:.5}.audio-player .audio__play-start{-webkit-user-drag:none;cursor:pointer;margin:0 16px;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.audio-player .audio__play-start svg{display:block;height:42px;width:42px}.audio-player .audio__play-pause{-webkit-user-drag:none;cursor:pointer;margin:0 16px;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.audio-player .audio__play-pause svg{display:block;height:42px;width:42px}.audio-player .audio__play-next{-webkit-user-drag:none;cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.audio-player .audio__play-next svg{display:block;height:33px;width:21px}.audio-player .audio__play-next.disable{opacity:.5}.audio__notice{border-radius:4px;bottom:-15px;color:#bdb2b2;font-size:12px;position:absolute}.audio-player .audio__progress-wrap{-webkit-user-drag:none;background:#ddd;border-radius:3px;cursor:pointer;height:4px;margin-top:20px;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.audio-player .audio__progress{border-radius:3px;bottom:0;left:0;position:absolute;top:0;width:0}.audio-player .audio__progress-point{border-radius:50%;height:16px;left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.audio-player .audio__progress-point:after{background:#fff;border-radius:50%;content:"";height:6px;left:50%;margin:-3px 0 0 -3px;position:absolute;top:50%;width:6px}.audio-player .audio__time-wrap{display:flex;flex-direction:row;justify-content:space-between;margin-top:7px}.audio-player .audio__current-time,.audio-player .audio__duration{color:#888;font-size:10px}.audio-player .audio-player__audio{display:block;margin:0 auto}@media (any-hover:hover){.audio-player .audio__play-rate:hover>span,.audio-player .audio__play-rate__dropdown>div:hover,.audio__play-icon:hover{opacity:.7}}.audio__play-loading{height:42px;margin:0 16px;position:relative;width:42px}.audio__play-loading span{animation:loading 1.04s ease infinite;border-radius:50%;display:inline-block;height:8px;position:absolute;width:8px}@keyframes loading{0%{opacity:1}to{opacity:.2}}.audio__play-loading span:first-child{animation-delay:.13s;left:0;margin-top:-4px;top:50%}.audio__play-loading span:nth-child(2){animation-delay:.26s;left:7px;top:7px}.audio__play-loading span:nth-child(3){animation-delay:.39s;left:50%;margin-left:-4px;top:0}.audio__play-loading span:nth-child(4){animation-delay:.52s;right:7px;top:7px}.audio__play-loading span:nth-child(5){animation-delay:.65s;margin-top:-4px;right:0;top:50%}.audio__play-loading span:nth-child(6){animation-delay:.78s;bottom:7px;right:7px}.audio__play-loading span:nth-child(7){animation-delay:.91s;bottom:0;left:50%;margin-left:-4px}.audio__play-loading span:nth-child(8){animation-delay:1.04s;bottom:7px;left:7px}