.wx-voice-input-popup[data-v-21e2c4bb]{width:100%;height:362px;padding:0 18px;font-size:16px;color:#333}.wx-voice-input-popup .voice-input-content[data-v-21e2c4bb]{width:100%;height:168px;margin:14px 0;word-break:break-word;overflow:auto}.wx-voice-input-popup .voice-input-content .voice-input-status[data-v-21e2c4bb]{color:#999}.wx-voice-input-popup .voice-input-operate[data-v-21e2c4bb]{display:flex;width:100%;height:72px;align-items:center;justify-content:space-around;font-size:16px}.wx-voice-input-popup .voice-input-operate .operate-empty[data-v-21e2c4bb]{padding:0 10px;color:#999}.wx-voice-input-popup .voice-input-operate .operate-confirm[data-v-21e2c4bb]{padding:0 10px}.wx-voice-input-popup .voice-input-tip[data-v-21e2c4bb]{margin-top:8px;text-align:center;font-size:14px;color:#999}.wx-voice-input-popup .circular-progress-wrap[data-v-21e2c4bb]{position:relative;width:80px;height:80px;overflow:hidden}.wx-voice-input-popup .circular-progress-wrap .circular-box[data-v-21e2c4bb]{position:absolute;width:40px;height:80px;overflow:hidden}.wx-voice-input-popup .circular-progress-wrap .circular-box-left[data-v-21e2c4bb]{left:0}.wx-voice-input-popup .circular-progress-wrap .circular-box-right[data-v-21e2c4bb]{right:0}.wx-voice-input-popup .circular-progress-wrap .progress-box[data-v-21e2c4bb]{position:absolute;top:0;width:80px;height:80px;border-width:4px;border-style:solid;border-radius:50%;animation-duration:60s;animation-timing-function:linear;animation-iteration-count:infinite;display:none}.wx-voice-input-popup .circular-progress-wrap .progress-box-left[data-v-21e2c4bb]{left:0;animation-name:circle-left-21e2c4bb;transform:rotate(45deg)}.wx-voice-input-popup .circular-progress-wrap .progress-box-right[data-v-21e2c4bb]{right:0;animation-name:circle-right-21e2c4bb;transform:rotate(-135deg)}.wx-voice-input-popup .circular-progress-wrap .operate-voice[data-v-21e2c4bb]{position:absolute;left:4px;top:4px;display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%}.wx-voice-input-popup .circular-progress-wrap .operate-voice .svg-icon[data-v-21e2c4bb]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.wx-voice-input-popup .circular-progress-wrap .operate-voice .svg-icon[data-v-21e2c4bb] svg{width:72px;height:72px}.wx-voice-input-popup .circular-progress-wrap .operate-voice .svg-icon[data-v-21e2c4bb] svg path{fill:#fff}@keyframes circle-right-21e2c4bb{0%{transform:rotate(-135deg)}50%,to{transform:rotate(45deg)}}@keyframes circle-left-21e2c4bb{0%,50%{transform:rotate(-135deg)}to{transform:rotate(45deg)}}.wx-voice-input-popup .show-circular-progress .progress-box[data-v-21e2c4bb]{display:block}