.record .record-wrap{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:8px;padding:12px!important}.record .record-wrap .status{font-size:var(--f-body1)}.record .record-wrap .control-button{background:#f3393d 50%/34px no-repeat;border-radius:100%;display:block;height:75px;margin-top:12px;width:75px}.record .record-wrap .ready{background-image:url(https://static.edmclass.com/ielts/my_class/ico_record.svg)}.record .record-wrap .ready.off,.record.disabled .record-wrap .control-button{background-color:#c5c5c5;cursor:default;pointer-events:none}.record .record-wrap .control-button.recording{animation:recording-blink 1s infinite;position:relative}.record .record-wrap .control-button.recording:after{background-color:#fff;content:"";height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}@keyframes recording-blink{0%,to{background-color:#f3393d}50%{background-color:transparent}}#fileUploadWrapper{width:100%}.file-drag{align-items:center;background:#fff;border:2px dashed #c5c5c5;border-radius:12px;color:#999;display:flex;font-size:var(--f-size14);justify-content:center;letter-spacing:-.01px;min-height:80px;width:100%}.file-drag.drag-over{background-color:#fad9d9;border-color:#c01}.file-drag ul{padding:16px;width:100%}.file-drag ul li{align-items:center;display:flex}.record .file-drag{border:1px dashed #999;border-radius:0;color:#666;font-size:var(--f-body2);height:52px;margin-top:8px;min-height:52px;min-width:280px;width:100%}.record .file-drag.drag-over{background-color:#fad9d9;border-color:#c01}.record .file-drag span{color:#339dff;font-weight:700}.record .file-drag.disabled{border-color:#e7e7e7;cursor:default;pointer-events:none}.record input[type=file]{display:none}.file-drag a{color:#4c4bae;letter-spacing:-.01px;margin:0 4px}.file-drag a:hover{text-decoration:underline}.d-none{display:none}.record .record-wrap .rec-time{align-items:center;color:#444;display:flex;font-size:var(--f-body1);font-weight:500;letter-spacing:-.01px}.record .record-wrap .rec-time .ico-recording{background-color:#f3393d;border-radius:10px;display:block;height:10px;margin-right:8px;width:10px}.record .record-wrap .voice-print{background:#fff url(https://static.edmclass.com/ielts/my_class/bg_voiceprint.svg) 50%/216px 38px no-repeat;border-radius:26px;height:52px;margin-top:10px;width:248px}.record .rec-down{margin:-8px 0 8px;text-align:right}.record .rec-down a{color:#666;display:inline-flex;font-size:var(--f-body3);letter-spacing:-.01px}.record .rec-down a i{margin-left:4px}.record .record-wrap .player{display:none;width:-webkit-fill-available}.record .record-wrap .player audio{display:none}.record .record-wrap .player.on{align-items:flex-end;display:flex;flex-direction:column;justify-content:center}.record .record-wrap .player .playbar{align-items:center;display:flex;justify-content:space-between;margin:0 auto}.record .record-wrap .player .playbar span{color:#333;font-size:var(--f-body2)}.record .record-wrap .player .playbar .bar{background:#c5c5c5;height:4px;margin:0 10px;width:180px}.record .record-wrap .player .playbar .bar .bar-ing{background:#46bc2f;height:4px;position:relative;width:0}.record .record-wrap .player .playbar .bar .bar-ing:after{background:#46bc2f;border-radius:100%;content:"";display:block;height:8px;margin-right:-4px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px}.record .record-wrap .player .playbtn{align-items:center;display:flex;justify-content:center;margin-top:12px;width:100%}.record .record-wrap .player .playbtn .ico-speaker{background:url(https://static.edmclass.com/ielts/my_class/ico_speaker.svg) 50%/24px no-repeat;display:block;height:24px;position:relative;width:24px}.record .record-wrap .player .playbtn .ico-speaker:active,.record .record-wrap .player .playbtn .ico-speaker:hover{background-image:url(https://static.edmclass.com/ielts/my_class/ico_speaker_on.svg)}.record .record-wrap .player .playbtn .ico-play{background:url(https://static.edmclass.com/ielts/my_class/ico_play.svg) 50%/30px no-repeat;display:block;height:30px;width:30px}.record .record-wrap .player .playbtn .ico-play.stop{background-image:url(https://static.edmclass.com/ielts/my_class/ico_stop.svg)}.record .record-wrap .player .playbtn .ico-setting{background:url(https://static.edmclass.com/ielts/my_class/ico_setting.svg) 50%/24px no-repeat;display:block;height:24px;position:relative;width:24px}.record .record-wrap .player .playbtn .ico-setting:active,.record .record-wrap .player .playbtn .ico-setting:hover{background-image:url(https://static.edmclass.com/ielts/my_class/ico_setting_on.svg)}.record .record-wrap .player .btns{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px;width:100%}.record .record-wrap .player .btns button{background:transparent;border-radius:8px;flex:1;font-size:12px;height:33px;padding:0 3px;white-space:nowrap}.record .record-wrap .player .btns button:hover{background:#fff}.record .record-wrap .player .btns button.downloadFile{margin-top:4px}.record .record-wrap .player .btns button.uploadAudio{margin:0 0 0 4px}.ico-add{background:url(https://static.edmclass.com/ielts/my_class/mo/ico-add-file.svg) 50%/contain no-repeat}.ico-add,.ico-file-delete{display:inline-block;height:16px;vertical-align:top;width:16px}.ico-file-delete{background:url(https://static.edmclass.com/ielts/my_class/ico_file_delete.svg) 50%/contain no-repeat}a.my-btn-default2,button.my-btn-default2{align-items:center;background:#fff;border:1px solid #c5c5c5;border-radius:var(--b-radius0);color:#333;display:inline-flex;font-size:var(--f-size14);height:46px;justify-content:center;min-width:106px;padding:0 9px}.uploadAudio{background:linear-gradient(135deg,#ff6b35,#f7931e)!important;border:none!important;box-shadow:0 4px 12px rgba(255,107,53,.3)!important;color:#fff!important;font-weight:700!important;margin:0 3px;transition:all .3s ease!important}@media screen and (min-width:768px){.record{margin-left:auto;margin-top:16px;max-width:320px}.record .record-wrap{background:#f6f6f6;border-radius:12px;height:154px;margin-bottom:8px;min-width:320px;padding:16px}.record .record-wrap.h130{height:130px}.record .record-wrap .control-button{margin-top:24px}.record .record-wrap .rec-time{line-height:20px}.record .record-wrap .player .playbtn{justify-content:space-between}.volume{bottom:30px;left:0;padding:8px 5px}.playx,.volume{background:#000;display:none;flex-direction:column;gap:4px;position:absolute}.playx{bottom:-40px;padding:8px;right:-64px}.playx>label,.playx>span{color:#fff;font-size:var(--f-body2);line-height:19px;margin-bottom:5px}.record .record-wrap .player .btns{flex-wrap:unset}.record .record-wrap .player .btns button{min-width:unset}.record .record-wrap .player .btns button:not(:first-of-type){margin-left:4px}}