.formal-exam{margin-top:20px;text-align:left;background:transparent;border-radius:4px;min-height:calc(100vh - 187px);padding-bottom:20px}.formal-exam.is-result-mode{display:flex;align-items:center;justify-content:center;padding-bottom:0}.formal-exam.is-result-mode .exam-result{width:1200px;max-width:calc(100vw - 40px);margin:0 auto;padding-top:0}.formal-exam .question-container{width:1200px;margin:0 auto}.formal-exam .question-container .left{display:inline-block;background:#fff;width:280px;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.04);min-height:calc(100vh - 187px);vertical-align:top}.formal-exam .question-container .left .answer-sheet{margin-top:20px}.formal-exam .question-container .left .answer-sheet .sheet-title{margin-left:20px;margin-right:20px;height:18px;font-size:13px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#484848;line-height:18px}.formal-exam .question-container .left .answer-sheet .sheet-title span{color:#f64242;font-weight:600;margin-left:10px}.formal-exam .question-container .left .answer-sheet .question-sheet{margin-left:20px;margin-right:20px;margin-top:9px}.formal-exam .question-container .left .answer-sheet .question-sheet .question-idx{display:inline-block;text-align:center;width:26px;height:26px;line-height:26px;border:2px solid #dbdbdb;font-size:15px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#9ea3a7;border-radius:15px;margin-top:15px;margin-right:10px;cursor:pointer}.formal-exam .question-container .left .answer-sheet .question-sheet .answered-question{width:30px;height:30px;line-height:30px;background:rgba(31,178,96,.25);color:#1fb260;border:none}.formal-exam .question-container .left .answer-sheet .question-sheet .last-in-row{margin-right:0}.formal-exam .question-container .left .answer-sheet .question-sheet .current-question{border:2px solid #1fb260;width:26px;height:26px;line-height:26px}.formal-exam .question-container .left .answer-sheet .submit-btn{margin-left:20px;margin-right:20px;margin-top:40px;margin-bottom:20px;height:40px;line-height:40px;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;text-align:center;background:#00b0ab;border-radius:4px;cursor:pointer}.formal-exam .question-container .right{display:inline-block;min-height:calc(100vh - 187px);background:#fff;width:900px;margin-left:20px;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.04);vertical-align:top}.formal-exam .question-container .right .submit-btn-right-side{float:right;margin-right:24px;margin-top:14px;width:120px;height:34px;line-height:34px;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;background:#00b0ab;border-radius:4px;text-align:center;cursor:pointer}.formal-exam .question-container .right .exam-title{margin-top:14px;margin-left:24px;margin-right:180px;height:44px;line-height:44px;font-size:15px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#484848;border-bottom:1px solid #eeeff0}.formal-exam .question-container .right .exam-title div{display:inline-block;vertical-align:middle}.formal-exam .question-container .right .exam-title .current-question-idx{margin-left:6px;width:26px;height:26px;line-height:26px;color:#1fb260;background:rgba(31,178,96,.25);border:2px solid #1fb260;text-align:center;border-radius:15px}.formal-exam .question-container .right .exam-title .exam-name{margin-left:10px}.formal-exam .question-container .right .exam-title .question-idx{margin-left:10px;color:#00b0ab}.formal-exam .question-container .right .question{margin-top:16px;margin-left:24px;margin-right:24px}.formal-exam .question-container .right .question .question-title{line-height:25px}.formal-exam .question-container .right .question .question-title div{display:inline-block;vertical-align:middle}.formal-exam .question-container .right .question .question-title .question-type{padding-left:6px;padding-right:6px;text-align:center;height:15px;line-height:15px;background:#00b0ab;border-radius:4px;font-size:10px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff}.formal-exam .question-container .right .question .question-title .question-title-content{font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#1c1c1c;line-height:25px;margin-left:4px}.formal-exam .question-container .right .question .question-options{margin-left:53px;margin-right:53px;margin-top:15px;cursor:pointer}.formal-exam .question-container .right .question .question-options .option{margin-bottom:22px;min-height:20px;line-height:20px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400}.formal-exam .question-container .right .question .question-options .option div{display:inline-block}.formal-exam .question-container .right .question .question-options .option .option-idx{width:18px;height:18px;line-height:18px;border-radius:10px;text-align:center;border:1px solid #2c3e50;font-size:13px;color:#2c3e50}.formal-exam .question-container .right .question .question-options .option .selected-option-idx{background:rgba(0,176,171,.25)}.formal-exam .question-container .right .question .question-options .option .option-content{margin-left:8px;width:calc(100% - 28px);vertical-align:top}.formal-exam .question-container .right .question .question-options .option .selected-option-content{color:#00b0ab}.formal-exam .question-container .right .btns{margin-top:40px;padding-left:24px;padding-right:24px;margin-bottom:30px;font-size:15px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;display:flex;align-items:center;gap:16px}.formal-exam .question-container .right .btns div{width:298px;height:36px;line-height:36px;background:#00b0ab;border-radius:4px;text-align:center;cursor:pointer}.formal-exam .question-container .right .btns .preview-btn{width:296px;height:34px;line-height:34px;color:#00b0ab;background:none;border:1px solid #00b0ab}.formal-exam .question-container .right .btns .next-btn{margin-left:0}.formal-exam .exam-result{max-width:1200px;margin-left:auto;margin-right:auto;padding-top:50px}.formal-exam .exam-result .result-top{height:160px;text-align:center}.formal-exam .exam-result .result-top .result-top-left{display:inline-block;vertical-align:top;height:100%}.formal-exam .exam-result .result-top .result-top-left img{width:160px;height:160px}.formal-exam .exam-result .result-top .result-top-right{display:inline-block;vertical-align:top;height:100%}.formal-exam .exam-result .result-top .result-top-right .result-tips{margin-top:50px;height:21px;font-size:15px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#484848;line-height:21px}.formal-exam .exam-result .result-top .result-top-right .result-status .re-exam,.formal-exam .exam-result .result-top .result-top-right .result-status .show-cert,.formal-exam .exam-result .result-top .result-top-right .result-status .upload-file{width:165px;height:32px;line-height:32px;text-align:center;background:#00b0ab;border-radius:4px;font-size:15px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;margin-top:20px;cursor:pointer}.formal-exam .exam-result .result-top .result-top-right .result-status .result-paper{margin-top:10px}.formal-exam .exam-result .result-top .result-top-right .result-status .result-paper .paper-file{font-size:15px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#484848}.formal-exam .exam-result .result-top .result-top-right .result-status .result-paper .paper-file .auth-status{color:#25bbb7;margin-left:10px}.formal-exam .exam-result .result-top .result-top-right .result-status .result-paper .paper-file .auth-status-red{color:#f64242!important}.formal-exam .exam-result .result-top .result-top-right .result-status .result-paper .upload-file{margin-top:5px!important}.formal-exam .exam-result .paper-block{margin-top:18px}.formal-exam .exam-result .paper-block .bottom-title{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAUCAYAAABF5ffbAAAAJ0lEQVQoU2Nk2LD6DAMyYGaMYWTYsPo/iuD//yajgsghQsMAwYgOAG7+VvvghjKXAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:0;height:28px;padding-left:15px;line-height:28px;font-size:20px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#51565d}.formal-exam .exam-result .paper-block .bottom-title .auth-status{margin-left:200px}.formal-exam .exam-result .paper-block .bottom-title .auth-status-red{color:#ff4a4a}.formal-exam .exam-result .paper-block .bottom-title .auth-status-green{color:#00b0ab}.formal-exam .exam-result .paper-block .paper-name{padding-left:15px;margin-top:10px;margin-bottom:10px;font-size:15px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#6d7278}.formal-exam .exam-result .paper-block .upload-btns .upload-file{width:115px;height:32px;line-height:32px;background:#00b0ab;border-radius:4px;text-align:center;color:#fff;cursor:pointer}.formal-exam .exam-result .paper-block .upload-btns .upload-paper-dialog{width:600px}.formal-exam .exam-result .paper-block .upload-btns .upload-paper-dialog .uploaded-info div{display:inline-block}.formal-exam .exam-result .paper-block .upload-btns .upload-paper-dialog .uploaded-info .del-paper-btn{margin-left:20px;width:20px;cursor:pointer}.formal-exam .exam-result .paper-block .upload-btns .upload-paper-dialog .choose-paper-btn{width:165px;height:32px;line-height:32px;text-align:center;background:#00b0ab;border-radius:4px;font-size:15px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;margin-top:20px;cursor:pointer}.formal-exam .exam-result .paper-block .upload-btns .upload-paper-dialog .close-upload-dialog-btn{width:400px;margin-right:auto;margin-left:auto;height:32px;line-height:32px;text-align:center;border:1px solid #00b0ab;color:#00b0ab;border-radius:4px;font-size:15px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;margin-top:30px;cursor:pointer}.formal-exam .exam-result .practice-block{margin-top:18px}.formal-exam .exam-result .practice-block .bottom-title{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAUCAYAAABF5ffbAAAAJ0lEQVQoU2Nk2LD6DAMyYGaMYWTYsPo/iuD//yajgsghQsMAwYgOAG7+VvvghjKXAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:0;height:28px;padding-left:15px;line-height:28px;font-size:20px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#51565d}.formal-exam .exam-result .practice-block .bottom-title .practice-score{margin-left:200px}.formal-exam .exam-result .practice-block .bottom-title .practice-result-red{color:#ff4a4a}.formal-exam .exam-result .practice-block .bottom-title .practice-result-green{color:#00b0ab}.formal-exam .exam-result .show-cert{width:400px;height:41px;line-height:41px;text-align:center;background:#00b0ab;border-radius:4px;font-size:15px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;margin-top:20px;cursor:pointer;margin-left:auto;margin-right:auto}.formal-exam .exam-result .exam-failed{font-size:20px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#f64242;margin-left:110px}.formal-exam .exam-result .cert-dialog{width:1200px;text-align:center}.formal-exam .exam-result .cert-dialog .cert-img{width:900px}.formal-exam .exam-result .cert-dialog .download-btn{width:414px;height:44px;line-height:44px;background:#00b0ab;border-radius:4px;margin-top:50px;margin-left:auto;margin-right:auto;color:#fff;font-size:17px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;cursor:pointer}