#recorder[data-v-69f9bca8]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;-ms-flex-pack:center;justify-content:center}#recorder .record[data-v-69f9bca8]{margin-right:2rem}#recorder .record .record-tip[data-v-69f9bca8]{text-align:center;line-height:10px}#recorder .record .record-box[data-v-69f9bca8]{margin-bottom:1rem;cursor:pointer}#recorder .record .record-box .centant[data-v-69f9bca8]{padding:10px;border-radius:50%;background-color:#4690f5;width:2rem;height:2rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative}.circle[data-v-69f9bca8]{position:absolute;width:100%;height:100%;left:-3px;top:-3px;border-radius:50%;border:3px solid #fff}.circle1[data-v-69f9bca8],.circle2[data-v-69f9bca8]{animation:circle-opacity-data-v-69f9bca8 3s infinite}.circle2[data-v-69f9bca8]{animation-delay:1s}.circle3[data-v-69f9bca8]{animation:circle-opacity-data-v-69f9bca8 3s infinite;animation-delay:2s}.circle4[data-v-69f9bca8]{animation:circle-opacity-data-v-69f9bca8 3s infinite;animation-delay:3s}.startRecord[data-v-69f9bca8]{background-color:rgba(68,149,245,.5)!important}@keyframes circle-opacity-data-v-69f9bca8{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}