.mark-tools-bar[data-v-0545b487]{height:500px;background-color:rgba(225,231,241,.4);position:absolute;z-index:999;right:0;top:12%;border-radius:15px;font-size:14px;color:#7486a3;text-align:center;padding:10px;display:flex}.mark-tools-bar .score-board[data-v-0545b487]{flex:1;display:flex;flex-direction:column;flex-wrap:wrap}.mark-tools-bar .score-board .score-item[data-v-0545b487]{border:1px solid #ccc;height:40px;width:40px;line-height:40px;cursor:pointer}.mark-tools-bar .tools-wrap[data-v-0545b487]{width:80px}.mark-tools-bar .tools-wrap .tool-group[data-v-0545b487]{border:1px solid #fff;border-radius:10px;padding:10px 10px 0}.mark-tools-bar .tools-wrap .tool-group li[data-v-0545b487]{background-color:#fff;height:28px;line-height:28px;border-radius:10px;margin-bottom:10px;cursor:pointer}.mark-tools-bar .tools-wrap .tool-group li.not-allow[data-v-0545b487]:hover{cursor:not-allowed}.mark-tools-bar .tools-wrap .tool-group .pen-selected[data-v-0545b487]{background-color:#ccc}.mark-tools-bar .collapse-bar[data-v-0545b487]{width:25px;height:50px;border-top-left-radius:25px;border-bottom-left-radius:25px;position:absolute;left:-25px;top:50%;transform:translateY(-50%);background-color:rgba(225,231,241,.8);display:flex;justify-content:center;align-items:center;cursor:pointer}.mark-tools-bar .collapse-bar .arrow[data-v-0545b487]{height:20px;width:20px}.mark-tools-bar .collapse-bar .arrow-right[data-v-0545b487]{transform:rotate(180deg)}.work-submit-modal .processing-wrap{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;z-index:999}.mark-page-wrap{width:100%;height:100%;background-color:#f7f8f9;overflow:hidden;position:relative}.mark-page-wrap .header{height:50px;display:flex;align-items:center}.mark-page-wrap .body{height:calc(100% - 50px);position:relative}.mark-page-wrap .body .student-list-wrap{width:100px;height:100%;position:relative;z-index:2;padding:10px 0;overflow-y:auto}.mark-page-wrap .body .student-list-wrap .student-item{padding:8px 0;padding-left:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#0072ec;position:relative;border-top:1px dashed #ccc}.mark-page-wrap .body .student-list-wrap .student-item .number{width:22px;height:22px;display:flex;justify-content:center;align-items:center}.mark-page-wrap .body .student-list-wrap .student-item .number.mark-complete{background-color:#3cc51f}.mark-page-wrap .body .student-list-wrap .student-item .number.marking{color:#3cc51f;font-weight:700}.mark-page-wrap .body .student-list-wrap .student-item .name{flex:1;padding-left:5px}.mark-page-wrap .body .student-list-wrap .student-item .bu-icon{position:absolute;top:10px;right:0;font-size:10px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #0073ee}.mark-page-wrap .body .student-list-wrap .student-item.active{background-color:#ffbe00}.mark-page-wrap .body .student-list-wrap .student-item.active .name{font-weight:700}.mark-page-wrap .body .student-list-wrap .student-item.disabled{pointer-events:none;color:rgba(116,134,163,.5)!important}.mark-page-wrap .body .mark-content-wrap{position:absolute;z-index:1;left:99px;top:0;bottom:0;right:0;border-radius:10px;box-shadow:0 0 5px rgba(0,114,236,.8);overflow:auto;padding:10px}.mark-page-wrap .body .mark-content-wrap .question-block-item{margin-bottom:10px}.mark-page-wrap .body .mark-content-wrap .question-block-item .selected-item{border:1px solid #0072ec!important}.mark-page-wrap .body .mark-content-wrap .question-block-item .disabled-mask{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(138,126,126,.815)}.mark-page-wrap .body .mark-content-wrap .question-block-item .mark-icon-wrap{position:absolute;z-index:1;top:56px;left:30px;width:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mark-page-wrap .body .mark-content-wrap .question-block-item .mark-icon-wrap .mark-icon-box{display:inline-flex;width:50px;height:50px;border:1px solid #ddd;background-color:hsla(0,0%,100%,0);align-items:center;justify-content:center}.mark-page-wrap .body .mark-content-wrap .question-block-item .mark-icon-wrap .mark-icon-box img{width:50px;height:50px}.mark-page-wrap .body .mark-content-wrap .question-block-item .mark-icon-wrap .mark-icon-box .mark-score{color:red;font-weight:700;font-size:24px;position:absolute;left:5px}