.recorder[data-v-44680cc7]{max-width:500px;margin:0 auto;width:250px;overflow:hidden;border-radius:10px;border:1px solid #737373}.recorder-title[data-v-44680cc7]{background:#737373;font-size:16px;line-height:40px;font-weight:600;color:#fff;text-align:center}.progress-container[data-v-44680cc7]{padding:0 10px;height:50px}.progress-box[data-v-44680cc7],.progress-container[data-v-44680cc7]{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-44680cc7]{position:relative;width:35px;height:35px;margin-right:10px}.icon-box1[data-v-44680cc7]{width:100%;height:100%;position:relative}.icon1[data-v-44680cc7]{width:16px;height:18px;border-radius:50%;margin-left:3px}.icon1[data-v-44680cc7],.svg-box[data-v-44680cc7]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.svg-box[data-v-44680cc7]{width:100%;height:100%}.time[data-v-44680cc7]{font-size:18px;font-weight:600;color:#333}