.audio-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:268px;height:36px;border:1px solid #ebebf2;border-radius:10px;background-color:#fff}.audio-content .controls{width:34px;color:#3b86ff}.audio-content .controls i{padding-left:10px}.audio-content .waveform{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:5px}.audio-content .waveform wave{border:none!important;overflow:hidden!important}.audio-content .audio-content-time{padding-left:10px;padding-right:6px;font-size:12px;color:#c7cade}.el-slider__runway{height:4px}.el-slider__runway.disabled .el-slider__button{border-color:transparent}.el-slider__button{width:12px;height:12px;border:2px solid #fff;-webkit-box-shadow:0 0 2px #888;box-shadow:0 0 2px #888}.el-slider__bar{background-color:#5d9bf6}.audio-list[data-v-bf4c33d4]{margin-bottom:12px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.14);box-shadow:0 0 10px 0 rgba(0,0,0,.14);background-color:#fff;border-radius:10px}.audio-list[data-v-bf4c33d4] .el-slider__bar{background-color:#ffb9be}.audio-list[data-v-bf4c33d4] .el-slider__button{border:2px solid #ffb9be}.audio-list .slider[data-v-bf4c33d4]{width:100%;padding:10px 0}.audio-list .time-full[data-v-bf4c33d4],.audio-list .time[data-v-bf4c33d4]{font-size:14px;color:#df394d;padding:20px 0;display:block}.audio-list .btn-controls[data-v-bf4c33d4]{padding:15px 20px;display:block;width:28px;height:28px;color:#ffb9be;border-radius:2em}.audio-list .volume-box[data-v-bf4c33d4]{position:relative;padding:18px 0 17px}.audio-list .volume-box .volume[data-v-bf4c33d4]{height:20px}.audio-list .volume-box .volume-setting[data-v-bf4c33d4]{display:none;z-index:999;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;padding:20px 0 10px;border-radius:4px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.14);box-shadow:0 0 10px 0 rgba(0,0,0,.14)}.audio-list .volume-box .volume-setting span[data-v-bf4c33d4]{color:#666;font-size:14px;display:block;padding:14px 0 4px}.audio-list .volume-box:hover .volume-setting[data-v-bf4c33d4]{display:block}.delete[data-v-bf4c33d4]{font-size:20px;color:#df394d;margin-left:10px}.audio-open-dialog{display:block;font-size:14px;font-weight:400;line-height:20px;color:#1f1f40}.audio-open-dialog .el-dialog{border-radius:10px}.audio-open-dialog .el-dialog__body{margin-top:-30px}.audio-open-dialog .title{padding-bottom:8px;margin-bottom:20px;color:#a4afb7;font-size:14px;border-bottom:1px solid #ebebf2}.audio-open-dialog img{display:block;margin:50px auto 30px}.audio-error{padding:0 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:10px auto 0;width:90%;max-width:778px;min-width:400px;height:35px;background:#fff1f0;border:1px solid #ffa39e;border-radius:5px;color:#ff1a2e;font-size:14px}.audio-error p{display:inline-block;margin-left:5px}.audio-error i{font-size:18px}.audio-error .audio-error-btn{cursor:pointer}.recorder-wrap[data-v-21c4d830]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.recorder[data-v-21c4d830]{-webkit-box-sizing:border-box;box-sizing:border-box;width:66px;height:66px;line-height:10px;margin:0 auto;border:2px solid #4a4a58;border-radius:50%;padding:3px;background-color:#4a4a58;transition:all .2s;-webkit-transition:all .2s}.recorder button[data-v-21c4d830]{white-space:nowrap;border-radius:50%;border:none;width:95%;height:95%;background:#3b86ff;color:#fff;font-size:30px;text-align:center;cursor:pointer}.recorder button[data-v-21c4d830]:disabled{opacity:.6;cursor:not-allowed}.recorder .f-icon[data-v-21c4d830]{font-size:30px}.recorder .icon-Erase[data-v-21c4d830]{font-size:20px}.recorder.recording button[data-v-21c4d830]{font-size:0}.recorder.recording span[data-v-21c4d830]{display:block;text-align:center}.recorder.recording span img[data-v-21c4d830]{display:inline-block;vertical-align:middle;width:22px;height:22px}.recorder.recording span b[data-v-21c4d830]{display:block;font-size:12px;margin-top:2px;line-height:1;font-weight:400}.vue-video[data-v-cdd6772a]{position:relative}.vue-video[data-v-cdd6772a] .vcp-container{background-color:#fff}.vue-video .play-overlay[data-v-cdd6772a]{position:absolute;top:0;left:0;width:100%;height:100%;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;background:rgba(0,0,0,.3);pointer-events:none;z-index:1}.vue-video .play-overlay .icon-play[data-v-cdd6772a]{font-size:60px;color:#fff}.header-frame .title.history[data-v-c057da88],.header-frame[data-v-c057da88]{display:-webkit-box;display:-ms-flexbox;display:flex}.header-frame .title.history .title-value[data-v-c057da88]{max-width:600px;overflow:hidden;display:block;text-overflow:ellipsis;word-break:keep-all}.el-divider--horizontal[data-v-c057da88]{margin:5px 0 20px 0}.left-border-content[data-v-c057da88]{display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.left-border-content .left-border[data-v-c057da88]{padding-left:4px;padding-right:4px;border-left:6px solid #ffc766;height:20px}.intro-content[data-v-c057da88]{padding:30px 30px;border-radius:5px;background-color:#f5f5f5;line-height:2;white-space:pre-wrap}.teacher-avatar[data-v-c057da88]{position:relative;margin-top:3px;margin-right:30px;margin-left:30px}.teacher-avatar .img[data-v-c057da88]{width:45px;height:45px;border-radius:50%}.teacher-avatar .tag[data-v-c057da88]{position:absolute;right:-14px;bottom:-5px;width:14px;height:14px}.result-frame[data-v-c057da88]{margin-top:0}.result-frame .back-up[data-v-c057da88]{padding:15px 20px 0 0;text-align:center;background-color:#fff;color:#9a9595;font-size:16px;width:14%;cursor:pointer;color:#498fff}.result-frame .content[data-v-c057da88]{padding:0 50px;background-color:#fff;color:#333;font-size:16px;margin-bottom:20px}.result-frame .content .subject-title[data-v-c057da88]{font-size:18px;margin:20px auto 0 auto}.result-frame .content .values[data-v-c057da88]{line-height:2;margin:10px 0 40px 0;white-space:pre-wrap}.result-frame .content .values .answer-content[data-v-c057da88]{padding:5px 20px;border-radius:5px;background-color:#f5f5f5;margin-bottom:10px}.result-frame .content .answer-time[data-v-c057da88]{padding-bottom:5px;color:#a29f9f;font-size:18px;margin-bottom:20px}.result-frame .content .video-tool[data-v-c057da88] .vue-video{margin:20px auto;width:64%;overflow:hidden}.result-frame .content .video-tool[data-v-c057da88] .vue-video video{border-radius:5px;overflow:hidden}.result-frame .content .audio-tool[data-v-c057da88]{margin-top:20px}.result-frame .content .audio-view[data-v-c057da88]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.result-frame .content .audio-back[data-v-c057da88]{background-color:#4a4a58;width:100%;height:100px;border-radius:5px}.result-frame .content .audio-del[data-v-c057da88]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.result-frame .content .audio-del .answer-audio[data-v-c057da88]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-bottom:10px}.result-frame .content .audio-del .answer-audio .audio-list[data-v-c057da88]{width:90%}.result-frame .content .audio-del .answer-audio .del-audio[data-v-c057da88]{text-align:center;width:10%;cursor:pointer;padding-top:8px;color:#7c8084}.result-frame .content .audio-del .answer-audio .del-audio .f-icon[data-v-c057da88]{font-size:18px}.result-frame .content .audio-del .answer-audio .del-audio .f-icon.active[data-v-c057da88],.result-frame .content .audio-del .answer-audio .del-audio .f-icon[data-v-c057da88]:hover{color:#3b86ff}.result-frame .content .audio-del .answer-audio .del-audio img[data-v-c057da88]{width:24px;height:24px}.result-frame .content .submit-frame[data-v-c057da88]{margin-top:20px;text-align:center}.result-frame .content .submit-frame .btn-pink[data-v-c057da88]{background-color:#ef575b;font-size:14px;padding:7px 30px;color:#fff;border-radius:18px;cursor:pointer}.result-frame .content .submit-audio[data-v-c057da88]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.result-frame .content .submit-audio .audio-wrap[data-v-c057da88],.result-frame .content .submit-audio .recorder-item[data-v-c057da88],.result-frame .content .submit-audio[data-v-c057da88]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.result-frame .content .submit-audio .recorder-item[data-v-c057da88]{margin-bottom:10px}.result-frame .content .submit-audio .recorder-item .remove-btn[data-v-c057da88]{margin-left:10px;color:#f56c6c}.result-frame .content .submit-audio .add-btn[data-v-c057da88]{margin-bottom:20px;margin-left:10px;background-color:#3b86ff;border-color:#3b86ff}.result-frame .content .submitWork-btn[data-v-c057da88]{margin-bottom:20px;background-color:#36c626;border-color:#36c626}.result-frame .content .el-button--primary.is-disabled[data-v-c057da88]{background-color:#bfbfbf;border-color:#bfbfbf}.result-frame .content .not-data-frame[data-v-c057da88]{margin-top:40px}.result-frame .content .pracicehead .tab-menu[data-v-c057da88],.result-frame .content .pracicehead[data-v-c057da88]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.result-frame .content .pracicehead .tab-menu h1[data-v-c057da88]{margin-right:30px;cursor:pointer}.result-frame .content .pracicehead .active[data-v-c057da88]{padding-bottom:20px;border-bottom:4px solid #f05065}.result-frame .content .pracicehead .title[data-v-c057da88]{font-size:18px}.result-frame .content .pracicehead .button-submit[data-v-c057da88]{text-align:center;float:right}.not-data-frame[data-v-c057da88]{width:100%}.button-box[data-v-c057da88]{margin-top:20px;text-align:center}.blue-btn[data-v-c057da88]{margin-bottom:20px;margin-left:10px;background-color:#3b86ff;border-color:#3b86ff}.dialog-Popup[data-v-c057da88] .el-dialog{border-radius:10px}.dialog-Popup[data-v-c057da88] .el-dialog .el-dialog__headerbtn .el-dialog__close{padding:8px;font-size:12px;font-weight:700;border-radius:50px;border:1px solid #909399}.dialog-Popup .tips[data-v-c057da88]{color:#333;font-size:18px}.dialog-Popup .option-frame[data-v-c057da88]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:57px}.dialog-Popup .option-frame .feifan-btn[data-v-c057da88]{color:#fff;padding:10px 47px;display:block;font-size:14px;border-radius:18px;cursor:pointer}.dialog-Popup .option-frame .feifan-btn.pink[data-v-c057da88]{background-color:#ef575b}.dialog-Popup .option-frame .feifan-btn.gray[data-v-c057da88]{background-color:#e0e0e0}.dialog-Popup .option-frame .feifan-btn.blue[data-v-c057da88]{background-color:#3b86ff}