.recorder[data-v-0d2ab705]{max-width:500px;margin:0 auto;width:250px;overflow:hidden;border-radius:10px}.recorder-content[data-v-0d2ab705]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.recorder-content-img[data-v-0d2ab705]{height:44px;width:44px}.recorder-title[data-v-0d2ab705]{background:#737373;font-size:16px;line-height:40px;font-weight:600;color:#fff;text-align:center}.progress-container[data-v-0d2ab705]{padding:0 10px;height:50px}.progress-box[data-v-0d2ab705],.progress-container[data-v-0d2ab705]{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}.progress-box[data-v-0d2ab705]{position:relative;width:35px;height:35px;margin-right:10px}