.audio-bg[data-v-21cd6fbe]{margin:auto;padding:5px 10px;border-radius:8px;width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.audio-bg .btn-control[data-v-21cd6fbe],.audio-bg[data-v-21cd6fbe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.audio-bg .btn-control[data-v-21cd6fbe]{font-size:22px;margin-right:10px}.dir-wrapper[data-v-b3772c42]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.card-wrapper[data-v-b3772c42]{width:100px;height:130px}.contents-wrap[data-v-b3772c42]{padding-bottom:30px}.contents-wrap .box-titles[data-v-b3772c42]{position:relative;margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.contents-wrap .btn-group[data-v-b3772c42]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.demo-infinite-container[data-v-b3772c42]{border:1px solid #e8e8e8;border-radius:4px;overflow:auto;padding:12px 24px;height:350px}.demo-loading-container[data-v-b3772c42]{position:absolute;bottom:40px;width:100%;text-align:center}.material-img-box[data-v-b3772c42]{background:#f8f8f8}.material-audio-box[data-v-b3772c42],.material-img-box[data-v-b3772c42]{height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.material-audio-box[data-v-b3772c42],.material-span-box[data-v-b3772c42]{padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.material-img[data-v-b3772c42],.material-video[data-v-b3772c42]{max-height:100%;width:auto;max-width:100%}.material-name[data-v-b3772c42]{display:inline-block;height:30px;line-height:30px;width:100%;font-size:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:767px){.demo-infinite-container[data-v-b3772c42]{height:300px}}.dir-wrapper[data-v-9a8b8ff8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dir-wrapper .dir-title[data-v-9a8b8ff8]{margin-left:10px}.demo-infinite-container[data-v-9a8b8ff8]{border:1px solid #e8e8e8;border-radius:4px;overflow:auto;padding:8px 24px;height:300px}.demo-loading-container[data-v-9a8b8ff8]{position:absolute;bottom:40px;width:100%;text-align:center}.upload-box[data-v-9a8b8ff8]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:11;background:#fff;border-radius:4px;padding:20px}.upload-box .titles[data-v-9a8b8ff8]{width:100%;font-size:16px;padding-bottom:10px;border-bottom:1px solid #e8e8e8}.upload-box .titles[data-v-9a8b8ff8],.upload-box .titles span[data-v-9a8b8ff8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.upload-box .titles span[data-v-9a8b8ff8]{width:34px;height:34px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.upload-box .contents[data-v-9a8b8ff8]{height:calc(100% - 120px);margin-top:20px;overflow:hidden;overflow-y:auto}.upload-box .contents .upload-state[data-v-9a8b8ff8]{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:hsla(0,0%,100%,.8);z-index:10}.upload-box .btn-box[data-v-9a8b8ff8]{padding-top:15px;text-align:right}.upload-box .btn-box .ant-btns[data-v-9a8b8ff8]{height:38px;line-height:38px}.upload-box .btn-box .confirmBtn[data-v-9a8b8ff8]{background-color:#7101ad;border-color:#7101ad}