.record-box[data-v-6783d036]{width:100%}.record-card[data-v-6783d036]{background:#fff;border:1px solid #eef0f3;border-radius:3px;padding:0 10px 10px 10px;margin-bottom:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.record-card__header[data-v-6783d036]{height:36px;line-height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#7e8692;line-height:1}.record-card__name[data-v-6783d036]{font-size:13px}.record-card__time[data-v-6783d036]{font-size:12px;color:#7e8692}.record-card__divider[data-v-6783d036]{height:.5px;background:#eef0f3}.record-card__body[data-v-6783d036]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.record-card__row[data-v-6783d036]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;line-height:1.8}.record-card__label[data-v-6783d036]{-ms-flex-negative:0;flex-shrink:0;font-size:13px;color:#7e8692}.record-card__value[data-v-6783d036]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:13px;color:#7e8692;word-break:break-all}.record-card .call-dir[data-v-6783d036],.record-card__row--duration[data-v-6783d036]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.record-card .call-dir[data-v-6783d036]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-left:6px;font-size:12px;font-weight:400;color:#409eff}.record-card .call-dir__icon[data-v-6783d036]{margin-right:2px;font-size:13px}.record-card .duration-value[data-v-6783d036]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.record-card .duration-pill[data-v-6783d036]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;padding:0 10px;background:#f4f6f8;border-radius:15px;font-size:13px;color:#7e8692;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer;-webkit-transition:all .5s ease;transition:all .5s ease}.record-card .duration-pill[data-v-6783d036]:active{-webkit-transform:scale(.98);transform:scale(.98);opacity:.95}.record-card .duration-pill__icon[data-v-6783d036]{color:#fff;background:#3975c6;border-radius:50%;font-size:12px;width:14px;height:14px;line-height:14px;text-align:center;margin-right:8px}.record-card .play-btn[data-v-6783d036]{width:46px;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:#3975c6;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;color:#fff;-webkit-transition:.1s;transition:.1s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.record-card .play-btn[data-v-6783d036]:active{background:#3783d5}.success[data-v-6783d036]{color:#67c23a}.red[data-v-6783d036]{color:#f56c6c}.record-empty[data-v-6783d036]{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;height:120px;font-size:14px;color:#909399}