.audio-player[data-v-c359d370]{background:#fff;border-radius:12px;gap:24px;padding:16px 0;width:100%}.audio-player .music_bg[data-v-c359d370]{flex-shrink:0;margin:20px auto;position:relative;width:200px}.audio-player .music_bg .bg[data-v-c359d370]{width:100%}.audio-player .music_bg .cover[data-v-c359d370]{border-radius:50%;height:85px;left:51px;position:absolute;top:53px;transform-origin:center;transition:transform .3s ease;width:85px;z-index:10}.audio-player .music_bg .cover.rotating[data-v-c359d370]{animation:rotate-c359d370 10s linear infinite}.audio-player .player-controls[data-v-c359d370]{background:#fff;border:1px solid rgba(26,26,26,.08);border-radius:8px;display:flex;flex-direction:column;height:100px;justify-content:space-between;margin:0 auto;padding:12px 20px;width:763px}.audio-player .player-controls .track-info .track-title[data-v-c359d370]{background:#a1a1aa;height:10px}.audio-player .player-controls .track-info .track-time[data-v-c359d370]{color:#a1a1aa;font-size:14px}.audio-player .player-controls .controls-box[data-v-c359d370]{align-items:center;display:flex;justify-content:space-between}.audio-player .player-controls .playback-controls[data-v-c359d370]{align-items:center;display:flex;gap:24px;justify-content:center}.audio-player .player-controls .playback-controls .control-btn[data-v-c359d370]{border-radius:50%;color:#52525b;cursor:pointer;font-size:24px;transition:all .3s}.audio-player .player-controls .playback-controls .control-btn[data-v-c359d370]:hover{background:#f4f4f5;color:#0069ab}.audio-player .player-controls .playback-controls .control-btn.play-btn[data-v-c359d370]{width:32px}.audio-player .player-controls .playback-controls .next-btn[data-v-c359d370],.audio-player .player-controls .playback-controls .prev-btn[data-v-c359d370],.audio-player .player-controls .playback-controls .time-icon[data-v-c359d370]{cursor:pointer;width:24px}.audio-player .player-controls .volume-box[data-v-c359d370]{align-items:center;display:flex}.audio-player .player-controls .additional-controls[data-v-c359d370]{align-items:center;display:flex;gap:16px}.audio-player .player-controls .additional-controls .item_box_r[data-v-c359d370]{align-items:center;color:#7a7a83;display:flex;font-family:PingFang SC;font-size:14px;font-weight:400}.audio-player .player-controls .additional-controls .rate-btn[data-v-c359d370]{align-items:center;border-radius:4px;color:#7a7a83;cursor:pointer;display:flex;font-size:14px;gap:4px;padding:4px 8px;transition:all .3s}.audio-player .player-controls .additional-controls .rate-btn[data-v-c359d370]:hover{background:#f4f4f5}.audio-player .player-controls .additional-controls .control-btn[data-v-c359d370]{border-radius:4px;cursor:pointer;font-size:20px;padding:4px;transition:all .3s}.audio-player .player-controls .additional-controls .control-btn[data-v-c359d370]:hover{background:#f4f4f5;color:#0069ab}.audio-player .player-controls .additional-controls .control-btn.active[data-v-c359d370]{color:#0069ab}.audio-player .player-controls .additional-controls .volume-control[data-v-c359d370]{align-items:center;display:flex;margin-left:auto;width:200px}.audio-player .player-controls .additional-controls .volume-control .volume-slider[data-v-c359d370]{width:100px}.audio-player .player-controls .additional-controls .volume-control .volume-slider[data-v-c359d370] .el-slider__runway{background-color:#e5e7eb;height:4px}.audio-player .player-controls .additional-controls .volume-control .volume-slider[data-v-c359d370] .el-slider__bar{background-color:#0069ab;height:4px}.audio-player .player-controls .additional-controls .volume-control .volume-slider[data-v-c359d370] .el-slider__button{border:2px solid #0069ab;height:12px;width:12px}.audio-player .player-controls .playlist[data-v-c359d370]{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.audio-player .player-controls .playlist .playlist-item[data-v-c359d370]{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:8px 12px;transition:all .3s}.audio-player .player-controls .playlist .playlist-item[data-v-c359d370]:hover{background-color:#f4f4f5}.audio-player .player-controls .playlist .playlist-item.active[data-v-c359d370]{background-color:#e6f4ff;color:#0069ab}.audio-player .player-controls .playlist .playlist-item .track-number[data-v-c359d370]{color:#52525b;font-size:14px;width:24px}.audio-player .player-controls .playlist .playlist-item .track-name[data-v-c359d370]{flex:1;font-size:14px;margin:0 12px}.audio-player .player-controls .playlist .playlist-item .track-duration[data-v-c359d370]{color:#52525b;font-size:14px}@keyframes rotate-c359d370{0%{transform:rotate(0)}to{transform:rotate(1turn)}}[data-v-c359d370] .el-dropdown-menu__item{color:#52525b;font-size:14px;padding:8px 20px}[data-v-c359d370] .el-dropdown-menu__item:hover{background-color:#f4f4f5;color:#0069ab}[data-v-c359d370] .el-slider__button-wrapper{display:none}[data-v-c359d370] .el-slider{height:auto}.volume-control[data-v-c359d370]{margin-left:5px;width:100px}.timing_popup[data-v-c359d370]{background:#f8f8f8;border-radius:12px;box-shadow:0 8px 20px #00000014,0 12px 32px 4px #0000000a;flex-direction:column;height:210px;left:-200px;padding:20px;position:absolute;top:40px;width:490px}.timing_popup[data-v-c359d370],.timing_popup .header[data-v-c359d370]{display:flex;justify-content:space-between}.timing_popup .header[data-v-c359d370]{align-items:center;height:32px}.timing_popup .header .title[data-v-c359d370]{color:#27272a;font-family:PingFang SC;font-size:16px;font-weight:500;margin-right:12px}.timing_popup .header .remark[data-v-c359d370]{color:#7a7a83;font-family:PingFang SC;font-size:14px;font-weight:400}.timing_popup .time_box[data-v-c359d370]{background:#fff;border-radius:12px;display:flex;flex-direction:column;height:134px;justify-content:space-evenly;padding:0 12px;width:450px}.timing_popup .time_box .time_item[data-v-c359d370]{align-items:center;display:flex}.timing_popup .time_box .time_item .title[data-v-c359d370]{color:#27272a;font-family:PingFang SC;font-size:14px;font-weight:500;margin-right:24px}.timing_popup .time_box .time_item .time_btn[data-v-c359d370]{align-items:center;border:1px solid rgba(26,26,26,.08);border-radius:999px;color:#7a7a83;cursor:pointer;display:flex;font-family:PingFang SC;font-size:12px;font-weight:500;height:46px;justify-content:center;margin-right:16px;width:46px}.timing_popup .time_box .time_item .time_btn.active[data-v-c359d370]{background:#0069ab;color:#fff}.timing_popup .time_box .time_item .time_btn .timePickerRef[data-v-c359d370]{height:1px!important;left:0;position:absolute;top:0;width:1px!important;z-index:0!important}.timing_popup .time_box .time_item .time_btn2[data-v-c359d370]{height:36px;width:72px}.time-box[data-v-c359d370]{display:flex;position:relative}