.audio-list[data-v-bf4c33d4]{margin-bottom:12px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.14);box-shadow:0 0 10px 0 rgba(0,0,0,.14);background-color:#fff;border-radius:10px}.audio-list[data-v-bf4c33d4] .el-slider__bar{background-color:#ffb9be}.audio-list[data-v-bf4c33d4] .el-slider__button{border:2px solid #ffb9be}.audio-list .slider[data-v-bf4c33d4]{width:100%;padding:10px 0}.audio-list .time-full[data-v-bf4c33d4],.audio-list .time[data-v-bf4c33d4]{font-size:14px;color:#df394d;padding:20px 0;display:block}.audio-list .btn-controls[data-v-bf4c33d4]{padding:15px 20px;display:block;width:28px;height:28px;color:#ffb9be;border-radius:2em}.audio-list .volume-box[data-v-bf4c33d4]{position:relative;padding:18px 0 17px}.audio-list .volume-box .volume[data-v-bf4c33d4]{height:20px}.audio-list .volume-box .volume-setting[data-v-bf4c33d4]{display:none;z-index:999;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;padding:20px 0 10px;border-radius:4px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.14);box-shadow:0 0 10px 0 rgba(0,0,0,.14)}.audio-list .volume-box .volume-setting span[data-v-bf4c33d4]{color:#666;font-size:14px;display:block;padding:14px 0 4px}.audio-list .volume-box:hover .volume-setting[data-v-bf4c33d4]{display:block}.delete[data-v-bf4c33d4]{font-size:20px;color:#df394d;margin-left:10px}.audio-open-dialog{display:block;font-size:14px;font-weight:400;line-height:20px;color:#1f1f40}.audio-open-dialog .el-dialog{border-radius:10px}.audio-open-dialog .el-dialog__body{margin-top:-30px}.audio-open-dialog .title{padding-bottom:8px;margin-bottom:20px;color:#a4afb7;font-size:14px;border-bottom:1px solid #ebebf2}.audio-open-dialog img{display:block;margin:50px auto 30px}.audio-error{padding:0 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:10px auto 0;width:90%;max-width:778px;min-width:400px;height:35px;background:#fff1f0;border:1px solid #ffa39e;border-radius:5px;color:#ff1a2e;font-size:14px}.audio-error p{display:inline-block;margin-left:5px}.audio-error i{font-size:18px}.audio-error .audio-error-btn{cursor:pointer}.recorder-wrap[data-v-354ca90d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.recorder[data-v-354ca90d]{-webkit-box-sizing:border-box;box-sizing:border-box;width:66px;height:66px;margin:0 auto;border:2px solid rgba(241,84,100,.2);border-radius:50%;padding:3px;background-color:#fff;transition:all .2s;-webkit-transition:all .2s}.recorder button[data-v-354ca90d]{white-space:nowrap;border-radius:50%;border:none;width:100%;height:100%;background:linear-gradient(150deg,#f05065,#fda75c);color:#fff;font-size:30px;text-align:center;cursor:pointer}.recorder button[data-v-354ca90d]:disabled{opacity:.6;cursor:not-allowed}.recorder.recording button[data-v-354ca90d]{font-size:0}.recorder.recording span[data-v-354ca90d]{display:block;text-align:center}.recorder.recording span img[data-v-354ca90d]{display:inline-block;vertical-align:middle;width:22px;height:22px}.recorder.recording span b[data-v-354ca90d]{display:block;font-size:12px;margin-top:2px;line-height:1;font-weight:400}