@-webkit-keyframes fadeVolume{0%{height:0}to{height:1.31579rem}}@keyframes fadeVolume{0%{height:0}to{height:1.31579rem}}@-webkit-keyframes fadeRate{0%{max-height:0}to{max-height:3.15789rem}}@keyframes fadeRate{0%{max-height:0}to{max-height:3.15789rem}}.fade-volume-enter-active{-webkit-animation:fadeVolume .3s;animation:fadeVolume .3s}.fade-volume-leave-active{-webkit-animation:fadeVolume .3s reverse;animation:fadeVolume .3s reverse}.fade-rate-enter-active{-webkit-animation:fadeRate .3s;animation:fadeRate .3s}.fade-rate-leave-active{-webkit-animation:fadeRate .3s reverse;animation:fadeRate .3s reverse}.audio-player .audio__btn-wrap{-webkit-box-align:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;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:.55263rem;margin-left:.42105rem;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:.55263rem}.audio-player .audio__play-volume-icon-wrap .audio__play-volume-wrap{background-color:#ddd;border-radius:.26316rem;bottom:.55263rem;height:1.31579rem;left:0;position:absolute;width:.36842rem}.audio-player .audio__play-volume-icon-wrap .audio__play-volume-wrap .audio__play-volume{border-radius:.26316rem;bottom:0;left:0;position:absolute;right:0}.audio-player .audio__play-rate{-webkit-user-drag:none;cursor:pointer;font-size:.36842rem;height:.55263rem;line-height:.55263rem;margin-right:.42105rem;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.audio-player .audio__play-rate__dropdown{border-radius:.39474rem;bottom:100%;color:#fff;font-size:.31579rem;left:50%;overflow:hidden;padding:.05263rem;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.audio-player .audio__play-prev{-webkit-user-drag:none;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.audio-player .audio__play-prev svg{display:block;height:.86842rem;width:.55263rem}.audio-player .audio__play-prev.disable{opacity:.5}.audio-player .audio__play-start{-webkit-user-drag:none;cursor:pointer;margin:0 .42105rem;touch-action:none;-webkit-user-select:none;user-select:none}.audio-player .audio__play-start svg{display:block;height:1.10526rem;width:1.10526rem}.audio-player .audio__play-pause{-webkit-user-drag:none;cursor:pointer;margin:0 .42105rem;touch-action:none;-webkit-user-select:none;user-select:none}.audio-player .audio__play-pause svg{display:block;height:1.10526rem;width:1.10526rem}.audio-player .audio__play-next{-webkit-user-drag:none;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.audio-player .audio__play-next svg{display:block;height:.86842rem;width:.55263rem}.audio-player .audio__play-next.disable{opacity:.5}.audio__notice{border-radius:.10526rem;bottom:-.39474rem;color:#bdb2b2;font-size:.31579rem;position:absolute}.audio-player .audio__progress-wrap{-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;background:#ddd;border-radius:.07895rem;height:.10526rem;margin-top:.52632rem;outline:none;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.audio-player .audio__progress{border-radius:.07895rem;bottom:0;left:0;position:absolute;top:0;width:0}.audio-player .audio__progress-point{border-radius:50%;height:.42105rem;left:-.21053rem;margin-top:-.21053rem;position:absolute;top:50%;width:.42105rem}.audio-player .audio__progress-point:after{background:#fff;border-radius:50%;content:"";height:.15789rem;left:50%;margin:-.07895rem 0 0 -.07895rem;position:absolute;top:50%;width:.15789rem}.audio-player .audio__time-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:justify;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;margin-top:.18421rem}.audio-player .audio__current-time,.audio-player .audio__duration{color:#888;font-size:.26316rem}.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:1.10526rem;margin:0 .42105rem;position:relative;width:1.10526rem}.audio__play-loading span{-webkit-animation:loading 1.04s ease infinite;animation:loading 1.04s ease infinite;border-radius:50%;display:inline-block;height:.21053rem;position:absolute;width:.21053rem}@-webkit-keyframes loading{0%{opacity:1}to{opacity:.2}}@keyframes loading{0%{opacity:1}to{opacity:.2}}.audio__play-loading span:first-child{-webkit-animation-delay:.13s;animation-delay:.13s;left:0;margin-top:-.10526rem;top:50%}.audio__play-loading span:nth-child(2){-webkit-animation-delay:.26s;animation-delay:.26s;left:.18421rem;top:.18421rem}.audio__play-loading span:nth-child(3){-webkit-animation-delay:.39s;animation-delay:.39s;left:50%;margin-left:-.10526rem;top:0}.audio__play-loading span:nth-child(4){-webkit-animation-delay:.52s;animation-delay:.52s;right:.18421rem;top:.18421rem}.audio__play-loading span:nth-child(5){-webkit-animation-delay:.65s;animation-delay:.65s;margin-top:-.10526rem;right:0;top:50%}.audio__play-loading span:nth-child(6){-webkit-animation-delay:.78s;animation-delay:.78s;bottom:.18421rem;right:.18421rem}.audio__play-loading span:nth-child(7){-webkit-animation-delay:.91s;animation-delay:.91s;bottom:0;left:50%;margin-left:-.10526rem}.audio__play-loading span:nth-child(8){-webkit-animation-delay:1.04s;animation-delay:1.04s;bottom:.18421rem;left:.18421rem}