.zh-audio-player{width:80%;margin:auto;height:200px;position:relative;line-height:normal}.zh-audio-player .no-support{display:flex;align-self:center;font-size:18px;font-weight:600;color:#1a1819}.zh-audio-player .audio-viewer-index{position:absolute;top:-12px;left:160px;width:54px;transform-origin:12px 12px;transition:all 1s;transform:rotate(8deg)}.zh-audio-player .audio-viewer-index-pause{transform:rotate(-26deg)}.zh-audio-player .audio-viewer-wrapper{display:flex;align-items:stretch;height:100%}.zh-audio-player .audio-viewer-wrapper .audio-viewer-image{display:flex;align-items:center;justify-content:center;width:200px;height:200px;border-radius:50%;background:repeating-radial-gradient(ellipse farthest-corner,#1e1e1e,#222 5%,#222 0,#222 10%)}.zh-audio-player .audio-viewer-wrapper .audio-viewer-image>div{display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#4962d0,#528de7);height:120px;width:120px;border-radius:50%}.zh-audio-player .audio-viewer-wrapper .audio-viewer-image>div .audio-viewer-image-status{position:relative;width:44px;height:44px;box-sizing:border-box;border:2px solid #fff;border-radius:50%}.zh-audio-player .audio-viewer-wrapper .audio-viewer-image>div .audio-viewer-image-status:before{left:25px;top:0;content:"";width:2px;height:21px;display:block;position:absolute;background:#fff}.zh-audio-player .audio-viewer-wrapper .audio-viewer-image>div .audio-viewer-image-status:after{content:"";width:10px;height:10px;display:block;border-radius:50%;border:2px solid #fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.zh-audio-player .audio-viewer-wrapper .audio-viewer-image-play{animation:pinwheel 3s linear infinite}@keyframes pinwheel{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.zh-audio-player .audio-viewer-wrapper .audio-viewer-actions{display:flex;flex:1;margin-left:44px;height:100%}.zh-audio-player .audio-viewer-wrapper .audio-viewer-actions .audio-action-status{display:flex;align-items:center;margin-right:30px;flex-direction:column;justify-content:center}.zh-audio-player .audio-viewer-wrapper .audio-viewer-actions .audio-action-status i{color:#000;font-size:60px;cursor:pointer}.zh-audio-player .audio-viewer-wrapper .audio-viewer-actions .audio-action-status .audio-volume-sound{margin-top:10px}.zh-audio-player .audio-viewer-wrapper .audio-viewer-actions .audio-action-status .audio-volume-sound .el-slider__runway{background:#fff}.zh-audio-player .audio-viewer-wrapper .audio-viewer-actions .audio-action-status .audio-volume-sound .el-slider__runway .el-tooltip.el-slider__button{border:none;width:14px;height:14px}.zh-audio-player .audio-viewer-wrapper .audio-viewer-actions .audio-action-status .audio-volume-sound .el-slider__runway .el-slider__bar{background-image:linear-gradient(90deg,#07f,#40b7ff)}.zh-audio-player .audio-viewer-wrapper .audio-viewer-actions .audio-action-info{display:flex;flex:1;justify-content:stretch;flex-direction:column;height:100%}.zh-audio-player .audio-viewer-wrapper .audio-viewer-actions .audio-action-info .audio-title{box-sizing:border-box;line-height:80px;margin:0;font-size:20px;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:380px;height:40%}.zh-audio-player .audio-viewer-wrapper .audio-viewer-actions .audio-action-info .audio-volume .audio-time{display:flex;justify-content:space-between;font-size:16px;color:#000;height:20px}.zh-audio-player .audio-viewer-wrapper .audio-viewer-actions .audio-action-info .audio-volume .el-slider .el-slider__runway{background:#fff}.zh-audio-player .audio-viewer-wrapper .audio-viewer-actions .audio-action-info .audio-volume .el-slider .el-slider__runway .el-tooltip.el-slider__button{border:none;width:18px;height:18px}.zh-audio-player .audio-viewer-wrapper .audio-viewer-actions .audio-action-info .audio-volume .el-slider .el-slider__runway .el-slider__bar{background-image:linear-gradient(90deg,#07f,#40b7ff)}