@charset "utf-8";
/* CSS Document */
.popOverflow {
    overflow: hidden;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}



.newLeft{-webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;}
.placeholder {	width:100%;	height:0px;	overflow:hidden;}
.main1200{width:1200px;margin:0 auto;}
.marTop20{margin-top:20px;}
.selfTestMarTop16{margin-top:16px;}
.nextDiv{text-align:center;overflow:hidden;padding:20px 0;}
.nextDiv a{margin:0 15px;}
.whiteDiv{padding:30px 20px 0 24px;position:relative}
.eidtDiv{max-width:806px;margin-bottom:20px;margin-left:20px;}
.Answer{padding-left:20px;margin-bottom:20px;}
.tit_number{margin-right:10px;position:relative}
.tit_number:hover .dragCon{ display:block; opacity:1; visibility:visible; 	-webkit-transition:opacity 0.3s 0.1s, visibility 0.3s 0.1s; 	transition:opacity 0.3s 0.1s, visibility 0.3s 0.1s;}
.num_option{display:inline-block;width:30px;height:30px;border:1px solid #E1EAF4;border-radius:50%;text-align:center;line-height:30px;font-size:14px;color:#646873;margin-top:2px;}
.num_option:hover{border:1px solid #94c1ff;background:#e6f0ff;color:#6BA9FF}
.check_answer{width:32px;height:32px;border:none;background:url(../images/dx_bg.png) no-repeat;background-size:100%;color:#fff;line-height:32px;}
.cur_answer .check_answer:hover{border:none;background:url(../images/dx_bg.png) no-repeat;background-size:100%;color:#fff;}
.num_option_dx{display:inline-block;width:30px;height:30px;border:1px solid #E1EAF4;border-radius:5px;text-align:center;line-height:30px;font-size:14px;color:#646873;margin-top:4px;}
.num_option_dx:hover{border:1px solid #94c1ff;background:#e6f0ff;color:#6BA9FF}
.check_answer_dx{width:32px;height:32px;border:none;background:url(../images/duox_bg.png) no-repeat;background-size:100%;color:#fff}
.num_option_dx.check_answer_dx:hover{border:none;background:url(../images/duox_bg.png) no-repeat;background-size:100%;color:#fff}
.cur_answer:hover .dragCon{ display:none; opacity:0; visibility:visible; 	-webkit-transition:opacity 0.3s 0.1s, visibility 0.3s 0.1s; 	transition:opacity 0.3s 0.1s, visibility 0.3s 0.1s;}
.check_answer:hover{border:none;background:url(../images/dx_bg.png) no-repeat;background-size:100%;color:#fff;}

.divText{width:730px;}
.InpDIV{width:100%;height:38px;border-radius:4px;border:1px solid #E1EAF4;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.InpDIV:hover{border:1px solid #CCDEF3;}
.textDIV{width:100%;}
.closeOption{display:inline-block;width:14px;height:14px;margin-top:13px;display:none}
.closeOption:hover{opacity:0.7}

.add_option{color:#3A8BFF;font-size:13px;display:block;width:100%;height:40px;}
.add_option:hover{opacity:0.7}
.icon-add{margin-top:2px;}
.eidtBom{border-top:1px solid #f2f2f2;}
.analysis_eidt{margin:30px 0 20px 0;}
.anal_inp{width:818px;height:38px;border:1px solid #E1EAF4;border-radius:4px;font-size:14px;padding:0 10px;}
.anal_inp:hover{border:1px solid #CCDEF3;}
.textDIV_ana{width:838px;}
.marBom16{margin-bottom:16px;}
.wid70_sp{display:inline-block;width:70px;height:26px;line-height:26px;color:#181E33;font-size:13px;}
.selectBox{display:inline-block; vertical-align:top; text-align:left;position:relative; cursor:pointer;width:58px;line-height:24px; height:24px;background: #FFFFFF;
border: 1px solid #E1E1E5;border-radius: 4px;font-size:12px;color:#181E33;}
.selectBox p{vertical-align:top;  color:#333;height:26px;overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;padding-left:10px;font-weight:normal;}
.selectBox ul{width:100%;position:absolute; z-index:58; top:29px; left:-1px; background:#fff;border-top:0; box-shadow: 0 2px 12px 0 rgba(175,187,204,0.75);border-radius: 6px;padding:6px 0;}
.selectBox ul li{height:40px;line-height:40px;}
.selectBox ul li a{ display:block;line-height:40px;  color:#333;text-align:left;font-weight:normal;font-size: 14px;padding-left:12px;}
.selectBox ul li a:hover{ background: #F7FAFC;color: #3A8BFF;}
.selectBox:hover{border:1px solid #CCDEF3}
.blue-border {    border: 1px solid #CCDEF3;    box-shadow: 0 0 4px 0px #75BAFF;}
.icon-arrow-down {	float:right;	margin-right:8px;font-size:10px;}
.blue-border p .icon-arrow-down {-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
.add_Knowledge {width:764px;}
.addKnowledge{display:inline-block;width:98px;height:28px;border-radius:4px;border:1px dashed #E1EAF4;text-align:center;line-height:28px;color:#91A0B5;margin-right:12px;margin-bottom:8px;}
.addKnowledge:hover{opacity:0.7}
.addIc2{float:inherit;vertical-align:top;color:#CAD5E6}
.addIc2:before{color:#CAD5E6}
.eidt_button{text-align:right;padding:20px 20px 30px 0;max-width: 806px;}
.Reset{font-size:14px;color:#91A0B5;line-height:36px;padding-right:30px;}
.Reset:hover{opacity:0.7}
.stem_con{width:792px;color:#181E33}
.stem_con p{display:inline}
.stem_answer{margin-top:20px;}
.answer_p{font-size:14px;color:#181E33;line-height:24px;width:750px;margin-left:16px;padding-top:7px;}
.complete_bom{padding-bottom:5px;padding-left:30px;}
.complete_bom span.wid70_sp{font-weight:bold;color:#A8A8B3;font-size:13px;}
.p_764{width:734px;font-size:13px;padding-top:3px;}
.tiankong{display:inline-block;width:54px;height:40px;line-height:40px;font-size:14px;color:#646873}
.wid750{width:750px;}
.p_select{color:#181E33;font-size:12px;padding-bottom:10px;line-height:18px;}
.check_dx{display:inline-block;width:18px;height:18px;background:url(../images/dxcheck.png) no-repeat;background-size:100%;float:left;margin-right:10px}
.checked_dx{background:url(../images/dxchecked.png) no-repeat;background-size:100%;}
.tk_info{color:#A8A8B3;font-size:12px;line-height:24px;padding-bottom:30px;}
.tiankong_con{width:766px;}
.em_wid_28{display:inline-block;width:28px;}
.p_wid738{width:738px;}
.judge{font-size:14px;color:#181E33;line-height:40px;}
.wid838{width:838px;}
.add_Knowledge span{display:inline-block;padding:0 14px;height:28px;border-radius:4px;border:1px dashed #E1EAF4;text-align:center;line-height:28px;color:#91A0B5;margin-right:12px;margin-bottom:8px;position:relative;cursor:pointer}
.add_Knowledge span i{display:inline-block;width:16px;height:16px;background:url(../images/close_gray.png) no-repeat;background-size:100%;position:absolute;right:-6px;top:-6px;display:none}
.add_Knowledge span.apaColor{color:rgba(139,146,166,0.7);}
.p_wid770{width:770px;}
.line_30{display:inline-block;width:30px;line-height:40px;font-size:14px;}
.wid774{width:774px;}

.team_tit{font-size:14px;color:#A8A8B3;padding-bottom:20px;}
.team_tit span{color:#A8A8B3;font-size:12px;}
.line_answer_ct{margin-bottom:12px;}
.line_answer_div .line_answer_ct span{font-weight:normal}
.line_option{display:inline-block;width:30px;line-height:26px;color:#181E33;font-size:14px;}
.line_center{display:inline-block;width:28px;height:10px;border-top:1px solid #E1E1E5;margin:13px 12px 0 0}
.line_wid_400{width:400px;}
.wid350{width:350px;}
.lineCt{padding-bottom:5px;overflow:hidden}
.lineCt > span{display:inline-block;width:30px;}
.line_answer_div{padding-top:20px;}
.lineColor_deep{border-top:1px solid #181E33;}
.line_option_answer{display:inline-block;padding-left:10px;line-height:26px;color:#181E33;}

.line_answer_div span{font-weight:bold;line-height:26px;}
.order_box{margin:0 20px 14px  0;}
.padbtom10{padding-bottom:10px;}

.p_wid805{width:805px;}
.p_wid805 img{max-width: 96%;display: inline-block;}
.order_answer{padding-left:30px;color:#181E33;font-size:14px;padding-bottom:20px;}
.order_answer b{font-weight:bold}


/***********************2019-08-28-程序题*************************/
.wid140{width:138px}
.wid100{width:98px}
.wid60{width:60px;}
.eidt_stem input.inpCt{margin-left:0;text-align:left;padding-left:8px;width:52px;margin-right:10px;}
.selectBox p span:empty::before{color:lightgrey;content:attr(placeholder);}
.programAswer{width:790px;max-height:400px;height:100px;background:#fff;border-radius:4px;border:1px solid #E1EAF4;font-size:14px;padding:  10px;margin-left:20px;margin-top:20px;overflow-y:auto;box-sizing:border-box;
outline: none;font-family:"微软雅黑"}
.programAswer:hover{border:1px solid #CCDEF3;}
.programAswer:focus{box-shadow: 0 0 4px 0px #75BAFF;}




.add_examples{color: #3A8BFF;font-size: 13px;display: block;height:36px;line-height:36px}
.add_examples i.icon-add{margin-top:0}
.examplesBox{margin-top:10px;margin-bottom:30px}
.examples_tit{height:58px;line-height:58px}
.examplesBox .eidt_stem{overflow:inherit}
.examplesBox .eidt_stem b{min-width:75px;}
.examplesBox .eidt_stem input{font-size:14px}
.examples_Tit{font-size:12px;color:#646873;margin-right:10px}
.unit{float:right;margin-right:4px;font-size:12px;color:#A8A8B3}
.marginRight40{margin-right:40px}
.examples_input{width:410px;height:120px;border:solid 1px #E1EAF4;border-radius:4px}
.inout_tit{height:29px;line-height:29px;border-bottom:solid 1px #E1EAF4;font-size:12px;color:#A8A8B3;padding:0 12px}
.examples_input textarea{width:390px;height:70px;padding:10px;border:0;background:none}
.compilation_result{padding-bottom:20px;border-bottom:1px solid #F2F2F2}
.compilation_result table th{height:40px;background:#F5F6F7;font-size:12px;color:#A8A8B3;padding-left:20px}
.compilation_result table td{padding:12px 0 12px 20px;font-size:12px;color:#646873;}
.result_wrong{font-size:14px;color:#F33F34}
.result_right{color:#00B86E;font-size:14px}
.program_answer{padding-left:30px;}
.program_answer_top{padding-bottom:20px}
.program_answer_font{font-weight:bold;font-size:14px;color:#181E33;min-width:42px;margin-right:4px}
.grogram_answer_right{font-size:14px;color:#181E33;width:760px}
.grogram_answer_right code{font-family:Microsoft Yahei}
.grogram_answer_output{width:38px;font-size:14px;color:#A8A8B3}
.grogram_example_answer{width:710px}
.marBom6{margin-bottom:6px}


.question_number{color:#A8A8B3;font-size:12px;margin-top:-8px;padding-bottom:12px}
.clozeTest_question_tit{height:40px;background:#F7F8FA;margin-bottom:20px;padding:0 20px;line-height:40px;font-size:14px;color:#646873}
.clozeTest_question_tit .icon-delete{float:right}
.clozeTest_question_tit em{color:#A8A8B3}
.clozeTest_question_tit .icon-arrow-down{float:left;font-size:12px}
.clozeTest_question_tit .icon-arrow-left:before{transform: rotate(-90deg)}
.judgment_option{font-size:14px;color:#181E33;line-height:36px}
.fill_option{color:#646873;font-size:14px;line-height:40px}
.clozeTest_question .analysis_eidt{margin:0}
.clozeTest_question_addMore{margin:30px 0;position:relative;width:100px;}
.clozeTest_question_con{display:none}
.audiobox{margin-top:10px;}
.reading_answer{padding-left:30px;}
/*p标签换行问题 行距问题 #388110*/
.reader_answer_tit{font-size:14px;padding-top:30px;line-height: 1.6;}
/*.reader_answer_tit p{display:inline}*/
.read_type{color:#A8A8B3}
.reading_answer .answer_p{width:735px}
.num_option_tk{font-weight:bold;font-size:14px;line-height:32px;margin-top:4px}
.tk_answer_num{color:#A8A8B3;margin-right:8px}
.reading_answer .stem_answer{padding-left:25px;}

.fill_num{border-bottom:solid 1px #000;margin:0 2px;width:35px;text-align:center;display:inline-block}
.filling_answer{padding-left:30px;}
.filling_num{font-size:14px;margin-top:28px;width:30px;}
.filling_answer .stem_answer .answer_p{width:715px}
.addMore_pop{width:104px;background: #FFFFFF;box-shadow: 0 2px 12px 0 rgba(175,187,204,0.75);border-radius: 6px;position:absolute;left:0;top:38px;padding:6px 0;display:none;text-align:left;z-index:3}
.addMore_pop li{width:100%;height:48px;}
.addMore_pop li a{display:block;padding-left:20px;width:84px;text-align:left;height:48px;line-height:48px;font-size: 14px;color: #646873;}
.addMore_pop li a:hover{background: #F5F8FB;color: #3B90FF;}

.sortable-ghost{ height:6px;overflow:hidden;margin:0;padding:0;margin-bottom:20px;border:0;border-radius:10px;}
.sortable-ghost:after{position:absolute;width:100%;height:6px;background:#3A8BFF;top:0;left:0;content:'';}

.jb_btn_92_disable:hover{background-position:left top}
.jb_btn_92_disable:active{background-position:left top}



/*组件*/

.Enclosure{width:600px;}

.controlTop{ margin-top:10px;}
.control_pic img{ max-width:600px;}
.control_file{ background:#F7F8FA; padding:14px 16px; zoom:1; overflow:hidden; cursor:pointer;border-radius:4px;width:568px;}
.control_file:hover{ background:#F5F7FC;}
.control_file:hover dt{ color:#3A4B87;}
.control_file:hover dd{ color:#C7C8D4;}
.control_icon{ width:42px; height:42px; overflow:hidden; margin-right:14px;border-radius:4px;overflow:hidden}
.control_icon img{ width:42px; height:42px; display:block;}
.control_radius4{ border-radius:4px;}
.control_radius50{ border-radius:50%;}
.control_text{ min-height:42px; display:table-cell; vertical-align:middle;	display:-webkit-box; -webkit-box-pack:center; -webkit-box-orient:vertical; display:-moz-box; -moz-box-pack:center; -moz-box-orient:vertical;/*兼容火狐*/
}
.control_middle{ -webkit-box-flex:1; width:662px\0;	display:-webkit-box; -webkit-box-pack:center; -webkit-box-orient:vertical; display:-moz-box; -moz-box-pack:center; -moz-box-orient:vertical;/*兼容火狐*/
}
.control_middle dt{ padding-right:72px; padding-right:0\9; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size:14px;}
.control_middle dd{ padding-right:72px; padding-right:0\9; line-height:18px; margin-top:4px; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mark_suke_anme{ max-width:610px; display:inline-block; vertical-align:middle; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mark_suke{ width:36px; height:20px; line-height:20px; margin-left:10px; background:#61A8FF; font-size:12px; color:#FFFFFF; border-radius:4px; display:inline-block; vertical-align:middle; text-align:center;}
.control_file_wid318{width:318px;}


/*9.3查看作业*/
.lookTask{padding:30px 40px;width:1120px;background:#fff;border-radius:8px;margin:30px auto}
.lookTit{width:1008px;font-size:18px;color:#181E33;line-height:25px;}
.answerShow{padding-top:14px;font-size:16px;}
.answerShow i{margin-top:3px;}


/*10.12*/
.InpDIV{line-height:38px;padding-left:10px;font-size:14px;}
.InpDIV:empty::before{color:lightgrey;content:attr(placeholder);}

.answerBg{padding:5px 0 10px 20px;cursor:pointer}
.answerBg:hover{background:#F7FAFC;}
.padleft20{padding-left:20px;}
.stem_answer2{margin-top:20px;}
.selectDiv{margin-top:20px;padding-left:20px;}

/*12.26*/
.hoverDiv{padding:8px 6px;cursor:pointer}
.hoverDiv:hover{background:#F7FAFC}
.hoverDiv:hover .num_option{border:1px solid #94c1ff;background:#e6f0ff;color:#6BA9FF}
.hoverDiv:hover .check_answer{border:none;background:url(../images/dx_bg.png) no-repeat;background-size:100%;color:#fff;}

.spanYellow{color:#F28B24;padding:0 5px;}


.limitTime{padding-bottom:30px;padding-left:20px;}
.limitTime span{padding-left:5px;}
.groupLimitTime{padding-bottom:30px;padding-left:20px;}
.groupLimitTime span{padding-left:5px;}
.timeIcon{display:inline-block;width:14px;height:14px;background:url(../../mooc2/images/time.png) no-repeat;background-size:100%;margin-right:6px;margin-top:5px;}
.info_yellow{padding:10px 0 0 40px;line-height:20px;color:#F28C24;}


/*2022.7.4学生作答页加摄像头*/
.mark_fullscreen{overflow-y:hidden;}

.FullfanyaMarking{width:100%;min-width:1270px;position: relative;overflow-x:auto;}
.marking_left_280{width:280px;background: #F7F8FA;border-right: 1px solid #F2F2F2;box-sizing:border-box;height:100%;position: fixed; left: 0; top: 40px;z-index:1000;}
.marking_content{width:calc(100% - 560px);min-width:700px;/* padding-bottom: 50px; */box-sizing: border-box; margin-left:280px;;}
.Marking_right_280{width:280px;box-sizing:border-box;height:100%;position: fixed; right: 0;background:#fff;z-index:10}
.padlr24{padding:30px 24px 0 24px}
.h2_subject{padding-bottom:20px;color: #181E33;font-size: 18px;text-align: center;}
.mark_timeDiv{height:50px;padding:0 24px;line-height:50px;font-size:24px;color:#646873;background: #FFFFFF;border: 1px solid #F2F2F2;border-radius: 4px;color: #F28C24;font-family: din;}
.mark_timeDiv i{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:10px;margin-top:-6px;}
.mark_dl{border-bottom:1px solid #F2F2F2;padding-bottom:10px;margin-top:20px;}
.mark_dl dt{width:100%;height:130px;margin-bottom:20px;border-radius: 4px;overflow:hidden;margin-bottom:20px;}
.mark_dl dd p{color: #8A8B99;font-size: 14px;margin-bottom:10px;}

.mark_info p{margin-bottom:10px;color: #8A8B99;font-size:14px;line-height: 20px;}

.marking_content .answer_p{width: calc(100% - 100px);}
.marking_content .wid600{min-width:600px;}
.marking_content .widMax{   min-width: calc(100% - 100px);}
.line_wid_half{width:50%}
.line_wid_half  .wid350{width: calc(100% - 50px)}

 .marking_content .divText{width:100%;} 
.marking_content  .p_wid805{   width: calc(100% - 30px);}
.marking_content .filling_answer .stem_answer {width: calc(100% - 30px);}
.marking_content .filling_answer .stem_answer .answer_p{width: calc(100% - 60px);}
.marking_content .reading_answer .answer_p{width: calc(100% - 60px);}

.marking_content .eidtDiv{min-width:600px;width:94%;}
.marking_content .programAswer{width:640px}
.marking_content .compilation_result{width:680px;}

/*2022.7.22编辑器改成百分比样式*/
.subEditor{max-width:800px;min-width:auto;width:94%;}
@media screen and (max-width: 1280px) {
  .subEditor{width:100%;}
  .savebtndiv{width:94%;}
}
.savebtndiv{min-width:auto;max-width:800px;width:94%;}


.bomHet50 {border-bottom: 1px solid #f2f2f2; padding: 13px 0 13px 10px;}
.bomHet50 span{display:inline-block;line-height:24px;padding-left:14px;color:#A8A8B3}
.bomHet50 span i{display:inline-block;width:10px;height:10px;border: 1px solid #94c1ff;border-radius: 2px;vertical-align:middle;margin-right:4px;margin-top:-2px;}
.bomHet50 span.dq i{background: #3A8BFF;border: 1px solid #3a8bff;}
.bomHet50 span.yp i{background: #BFDAFF;border: 1px solid #3A8BFF;}

.borblue{border:1px solid #3A8BFF !important;}
.borred{border:1px solid #F33F34 !important;}



.popTact{ position:fixed; left:40%; top:30%; z-index:999; width:420px; background:#5078FF; padding-top:3px; border-radius:8px; box-shadow:0px 0px 10px rgba(79, 121, 255, 0.2), inset 0px 3px 0px #5078FF;}
.popTact_box{ min-height:100px; background:#FFFFFF; border-radius:8px;}
.popTact_head{ padding:24px; height:24px;}
.popTact_h2{ height:24px; line-height:24px; font-weight:16px; color:#333333; font-weight:600;}
.popTact_close{ position:relative; z-index:3; margin-left:24px; width:24px; height:24px; background:url(../../mooc2/images/icon-conversation-close.png) no-repeat;}
.popTact_content{ width:100%; height:360px; position:relative; z-index:3; -webkit-overflow-scrolling:touch; overflow:hidden; overflow-y:auto;}
.popTact_content::-webkit-scrollbar{ width: 7px;}
.popTact_content::-webkit-scrollbar-track{ background-color: #f5f5f5; -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.1); border-radius:5px;}
.popTact_content::-webkit-scrollbar-thumb{ background-color: rgba(0, 0, 0, 0.2); border-radius: 5px;}
.popTact_content::-webkit-scrollbar-button{ background-color: #eee; display: none;}
.popTact_content::-webkit-scrollbar-corner{ background-color: black;}
.popTact_ul{ margin:0 24px;}
.popTact_ul li{ padding:10px 12px; border-radius:4px; display:-webkit-box; -webkit-box-align:center;}
.popTact_ul li .popTact_pic{ width:40px; height:40px; margin-right:12px;}
.popTact_ul li .popTact_pic img{ width:100%; height:100%; display:block; border-radius:50%;}
.popTact_ul li .popTact_name{ -webkit-box-flex:1; font-size:15px; color:#333333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;line-height:20px;height:20px;}
.popTact_ul li .popTact_lianxi{ width:24px; height:24px; background:url(../../mooc2/images/icon-conversation-online.png) no-repeat; cursor:pointer; display:none;}
.popTact_ul li .popTact_text{ font-size:12px; color:#333333; display:none;}
.popTact_ul li.active{ background:#F0F5F9;}
.popTact_ul li.active .popTact_name{ font-weight:600;}
.popTact_ul li.active .popTact_text{ display:none;}
.popTact_ul li.active .popTact_lianxi{ display:block;}
.popTact_ul li.offline{ opacity:.5;}
.popTact_ul li.offline .popTact_name{ color:#40485E;}
.popTact_ul li.offline .popTact_text{ color:#40485E; display:none;}
.popTact_ul li.offline.active .popTact_text{ color:#40485E; display:block;}
.popTact_ul li.offline .popTact_lianxi{ display:none;}



.counter_icon{display: inline-block;text-align:center;background: #FFFFFF;width: 116px;height: 50px;color: #3A8BFF;font-size:16px;line-height:50px; box-shadow: 0px 2px 10px rgba(31, 35, 41, 0.1);width: 116px;border-radius: 32px;position:fixed;right:300px;bottom:40px;z-index:1000;}
.counter_icon i{display:inline-block;width:24px;height:24px;margin:-3px 8px 0 0;vertical-align: middle;}
.counter_icon i img{display: block;width:100%;height:100%;;}.counter_icon:hover{opacity:0.7;}
.calculatorcon{position: fixed;right:560px;bottom:36px;width: 210px;height: 332px;z-index:1000;}


.showAnsBtn{
    padding: 32px 0px 32px 20px !important;
    font-size: 14px;
    font-weight: 400;
    color: #3A8BFF;
    letter-spacing: 0.04em;
}

 .eyeopen{
    display: inline-block;
    cursor: pointer;
}
 .eyeopen span,.marking_content .mark_table .whiteDiv .eye_over .eyeclose span{
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
 .eyeopen  img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 16px;
}

.marking_content .mark_table .whiteDiv .eye_over{
    padding: 32px 0px 32px 20px !important;
    font-size: 14px;
    font-weight: 400;
    color: #3A8BFF;
    letter-spacing: 0.04em;
}

.marking_content .mark_table .whiteDiv .eye_over .eye_answer{
    border: 1px solid #E1E7F0;
    border-left: none;
    border-left: 5px solid #E1E7F0;
    padding: 16px ;
}
.marking_content .mark_table .whiteDiv .eye_over .eye_answer .same{
   padding-bottom: 16px;
}
.marking_content .mark_table .whiteDiv .eye_over .eye_answer .same .myanswer{
    font-weight: 400;
}
.marking_content .mark_table .whiteDiv .eye_over .eye_answer .same .analysis_answer{
    display: inline-block;
    line-height: 20px;
}
.marking_content .mark_table .whiteDiv .eye_over .eye_answer .same .myanswer1, .marking_content .mark_table .whiteDiv .eye_over .eye_answer .same .yoursanswer{
    font-weight: 400;
}
.marking_content .mark_table .whiteDiv .eye_over .eye_answer .status0{
    color: #F33131;
    font-weight: 600;
    line-height: 20px;
}
.marking_content .mark_table .whiteDiv .eye_over .eye_answer .status1{
    color: #00B368;
    font-weight: 600;

}
.marking_content .mark_table .whiteDiv .eye_over .eye_answer .status2{
    color: #8A8B99;
    font-weight: 600;
    font-weight: 600;
    padding-bottom: 0px;

}
.marking_content .mark_table .whiteDiv .eye_over .eye_answer .status3{
    color: #8A8B99;
    font-weight: 400;
    line-height: 20px;
}
.marking_content .mark_table .whiteDiv .eye_over .eye_answer .status4{
    color: #131B26;
    font-weight: 600;
}
.marking_content .mark_table .whiteDiv .eye_over .eye_answer .myvacancy{
    display: inline-block;
    line-height: 20px;
}
.marking_content .mark_table .whiteDiv .eye_over .eye_answer .myvacancy_1{
    display: inline-block;
    line-height: 24px;
}
.eye_over .eye_answer .fillvacancy{
    display: block;
    padding: 6px 0px 0px 0px;
    font-weight: 400;
    line-height: 20px;
}

.marking_content .success{
    border: none;
    background:url("../../mooc2/images/success.png") no-repeat !important;
    background-size: 100% 100%;
}
.marking_content .successquare{
    border: none;
    background: url("../../mooc2/images/sucessq.png") no-repeat !important;
    background-size: 100%;
}
.marking_content .fail{
    border: none;
    background:url("../../mooc2/images/fork.png") no-repeat !important;
    background-size: 100% 100%;
}
.marking_content .failquare{
    border: none;
    background: url("../../mooc2/images/failq.png") no-repeat !important;
    background-size: 100% 100%;
}


span.orangeColor{font-size:14px;color:#F28C24}
.optionalscorebtn{background: #DE8F8F;font-size: 10px;color: #fff;border-radius: 4px;line-height: 18px !important;text-align: center;padding: 2px 6px;margin: 2px 0 0 6px;}


 .quesTag{display: inline-block; vertical-align: 1px;border: solid 1px #F36161;padding: 0 6px;color: #F33131; line-height: 18px;font-weight: 400; font-size: 12px; border-radius: 4px;}
.yellowBord{border-color:#F28C24;color:#F28C24}


.Marking_right_280{border-left:1px solid #F2F2F2}
.foldBox{position:absolute;left:-20px;top:50%;transform:translateY(-50%)}
.foldBox .foldBtn{display:inline-block;background:#F7F8FA;width:20px;height:30px;border-radius:6px 0 0 6px;border:1px solid #ebebeb;border-right:none;text-align:center;line-height:30px}
.foldBox .foldBtn i{display:inline-block;width:12px;height:12px;background:url(../images/foldArrow.png) no-repeat;background-size:100%;margin-top:9px}
.foldBox .foldBtn:hover{border:1px solid #8CBBFF;border-right:none;background:#F0F6FF}
.foldBox .foldBtn:hover i{background:url(../images/foldArrowHover.png) no-repeat;background-size:100%}
.foldBox .unfoldBtn{display:inline-block;background:#F7F8FA;width:20px;border-radius:6px 0 0 6px;border:1px solid #ebebeb;border-right:none;text-align:center;padding:10px 0;color:#8A8B99;display:none;writing-mode:vertical-rl;letter-spacing:3px}
.foldBox .unfoldBtn:hover{border:1px solid #8CBBFF;border-right:none;background:#F0F6FF;color:#3A8BFF}
.marking_content_wrap{width:calc(100% - 280px)}


.splitScreenBx{width:100%;display:flex;box-sizing:border-box}
.splitS-left{flex:1}
.splitS-right{flex:1}
.marking_content .eidtDiv{min-width:auto}
@media screen and (max-width:1280px){
	.splitScreenBx .subEditor{width:100%}
}
.splitS-right .reading_answer .stem_answer{padding-left:0}
.layoutBtn{position:fixed;right:280px;top:40px}
.layoutBtn .layUpdown{display:block;background:url(../images/iconFp-s.png) no-repeat;background-size:100%;width:40px;height:40px;cursor:pointer}
.layoutBtn .layUpdown:hover{display:block;background:url(../images/iconFp-s-hover.png) no-repeat;background-size:100%}
.layoutBtn .layAround{display:block;background:url(../images/iconFp-h.png) no-repeat;background-size:100%;width:40px;height:40px;cursor:pointer}
.layoutBtn .layAround:hover{display:block;background:url(../images/iconFp-h-hover.png) no-repeat;background-size:100%}
.Btntips{position:relative}
.Btntips .BtipsCon{position:absolute;left:-80px;top:2px;bottom:auto;min-width:80px;padding:8px 15px;line-height:20px;background:rgba(24,30,51,0.80);border-radius:4px;opacity:0;visibility:hidden;-webkit-transition:opacity 0.1s 1s,visibility 0s 0.3s;transition:opacity 0.1s 1s,visibility 0s 0.3s;text-align:left;color:#fff;font-size:12px;box-sizing:border-box}
.Btntips .BtipsCon i{display:block;width:0px;height:0px;border:solid rgba(24,30,51,0.80) 4px;position:absolute;right:-8px;top:12px;border-color:transparent transparent transparent rgba(24,30,51,0.80)}
.Btntips .BtipsCon i.active{display:block;width:0px;height:0px;border:solid rgba(24,30,51,0.80) 4px;position:absolute;left:50%;margin-left:-4px;bottom:40px;top:auto;border-color:transparent transparent rgba(24,30,51,0.80) transparent}
.Btntips:hover .BtipsCon{display:block;opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0.1s,visibility 0.3s 0.1s;transition:opacity 0.3s 0.1s,visibility 0.3s 0.1s}


.splitScreenBx .splitS-left,.splitS-right{height:100%;overflow-y: auto;overflow-x: hidden;position:relative;}
 .splitScreenBx .splitS-right {border-left:1px solid #ebebeb;}
 .mainhet{padding:30px 0 0;} 
 .splitScreenBx{overflow-y: auto;}
 
 .noSplitBx {width:100%;overflow-y:auto;}
 .noSplitBx .splitS-left,.noSplitBx .splitS-right{height:auto!important;overflow:unset;}


.result-container {
    width: 100%;
    box-sizing: border-box;
    min-height: 32px;
    height: auto;
    overflow: auto;
    padding: 5px;
    margin: 0;
    resize: none;
    outline: none;
}

.result-text {
    width: 100%;
    box-sizing: border-box;
    font-family: monospace;
    font-size: 14px;
    white-space: pre-wrap;
}

.teacherBrowseMode .mark_timeDiv,.teacherBrowseMode .examTime,.teacherBrowseMode .questionStatusTip{display:none;}

/* ===== 考试标记题目(PM#541357)：标记钮/答题卡角标/图例/筛选，琥珀系对齐原型 ===== */
div.singleQuesId{position:relative;}
.asFlagBtn{position:absolute;top:6px;right:10px;z-index:5;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid #D9D9D9;border-radius:20px;background:#fff;color:#666;font-size:13px;cursor:pointer;transition:all .18s;user-select:none;}
.asFlagBtn svg{width:15px;height:15px;}
.asFlagBtn.on{background:#FFFBE6;border-color:#FFD591;color:#AD6800;box-shadow:0 2px 8px rgba(250,173,20,.25);}
.asFlagBtn.on .flagpath{fill:#FAAD14;}
div.tit .asFlagBtn{position:static;float:right;margin:2px 0 0 8px;}
@media (hover:hover){
.asFlagBtn:hover{border-color:#FFD591;background:#FFFBE6;color:#AD6800;}
.asChip:hover{border-color:#FFD591;color:#AD6800;}
}
li[id^="answerSheet"],li[data-asq]{position:relative;}
.asMk{display:none;position:absolute;top:-5px;right:-5px;width:10px;height:10px;border-radius:50%;background:#FAAD14;border:2px solid #fff;box-shadow:0 1px 3px rgba(250,173,20,.5);z-index:2;}
.asMarked>.asMk{display:block;}
li.asMarked:not(.current){border-color:#FAAD14;color:#AD6800;background:#FFFBE6;}
li.asMarked:not(.current) a{color:#AD6800;}
.bomHet50 span.asLegendIt i{background:#fff;border:1px solid #FAAD14;position:relative;}
.bomHet50 span.asLegendIt i::after{content:"";position:absolute;top:-4px;right:-4px;width:5px;height:5px;border-radius:50%;background:#FAAD14;}
.asSheetFilter{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 6px;}
.asSheetFilter .cnt{font-size:12px;color:#999;}
.asSheetFilter .cnt b{color:#AD6800;font-weight:600;}
.asChip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 12px;border-radius:20px;border:1px solid #D9D9D9;background:#fff;font-size:12px;color:#666;cursor:pointer;transition:all .18s;user-select:none;}
.asChip svg{width:12px;height:12px;}
.asChip.on{background:#FAAD14;border-color:#FAAD14;color:#fff;}
body.asOnlyMarked li[id^="answerSheet"]:not(.asMarked),body.asOnlyMarked li[data-asq]:not(.asMarked){display:none;}
body.asOnlyMarked li.asMarked:not(.current){background:#FAAD14;border-color:#FAAD14;color:#fff;font-weight:600;}
body.asOnlyMarked li.asMarked:not(.current) a{color:#fff;}
.asEmptyHead{display:none;}
.Marking_right_280{display:flex;flex-direction:column;}
.Marking_right_280 .bomHet50,.Marking_right_280 .asSheetFilter{flex:0 0 auto;}
.Marking_right_280 #topicNumberScroll{flex:1 1 auto;min-height:0;height:auto !important;overflow-y:auto;-webkit-overflow-scrolling:touch;}

/* ==================== 学生题干文本批注（stemAnno）==================== */
/* 题干批注高亮（x-span 内联包裹，边框不参与行盒高度计算，不影响原行距） */
.stemText.selectable-text .comment_border{background:#fef3c7 !important;border-bottom:2px solid #f59e0b !important;padding:0;cursor:pointer;transition:background .15s;}
.stemText.selectable-text .comment_clicked,
.stemText.selectable-text .comment_border.comment_clicked{background:#fcd34d !important;border-bottom:2px solid #f59e0b !important;}
.stemText.selectable-text .comment_border.temp{background:#dbeafe !important;border-bottom:2px solid #2563eb !important;}
/* 权限：不允许批注的题干（data-allow-annotate="false"，JS 挂 no-annotate 类） */
.stemText.selectable-text.no-annotate{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;}
/* 批注弹框（单例，body 挂载，fixed 定位，优先上方空间不足翻下方） */
.pzMarkBox{width:300px;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.16),0 2px 8px rgba(0,0,0,.08);border:1px solid #e5e7eb;padding:16px;animation:annoPop .12s ease-out;position:fixed;z-index:2000;box-sizing:border-box;}
@keyframes annoPop{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}
.pzMarkBox::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;}
.pzMarkBox.arrow-bottom::after{bottom:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;}
.pzMarkBox.arrow-top::after{top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;}
.annoPopupHead{display:flex;align-items:center;margin-bottom:12px;}
.annoPopupTitle{font-weight:600;font-size:14px;color:#1f2937;}
.annoPopupClose{margin-left:auto;color:#6b7280;font-size:18px;line-height:1;padding:0 4px;cursor:pointer;}
.annoSelectedPreview{display:flex;align-items:center;background:#f9fafb;padding:6px 10px;font-size:12px;color:#6b7280;margin-bottom:12px;border-radius:4px;max-height:40px;overflow:hidden;word-break:break-all;}
.annoSelectedText{flex:1;min-width:0;overflow:hidden;}
.annoCopyBtn{display:flex;align-items:center;flex-shrink:0;margin-left:8px;color:#6b7280;white-space:nowrap;cursor:pointer;}
.annoCopyIcon{position:relative;display:inline-block;width:13px;height:13px;margin-right:4px;}
.annoCopyIcon::before,.annoCopyIcon::after{content:'';position:absolute;width:8px;height:9px;border:1px solid currentColor;border-radius:1px;box-sizing:border-box;}
.annoCopyIcon::before{top:0;left:3px;}
.annoCopyIcon::after{top:3px;left:0;background:#f9fafb;}
.annoCommentLabel{font-size:12px;color:#6b7280;margin-bottom:6px;}
.pzMarkBox .markTextarea{width:100%;min-height:56px;resize:vertical;border:1px solid #e5e7eb;border-radius:7px;padding:8px 10px;font-size:12px;font-family:inherit;outline:none;transition:border .12s;box-sizing:border-box;}
.pzMarkBox .markTextarea:focus{border-color:#2563eb;}
.annoPopupFoot{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;}
.annoPopupFoot .annoDelLink{order:0;margin-right:auto;color:#ef4444;font-size:12px;cursor:pointer;padding:6px 0;}
.annoPopupFoot .Pzcancle{display:inline-block;float:none;order:1;border:1px solid #e5e7eb;background:#fff;color:#1f2937;padding:6px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .15s;}
.annoPopupFoot .markOk{display:inline-block;float:none;order:2;background:#266FFF;border:1px solid #266FFF;color:#fff;padding:6px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .15s;}
/* hover 仅精确指针设备生效，防触屏粘滞（沿用 answerSign 约定） */
@media (hover:hover){
.stemText.selectable-text .comment_border:hover{background:#fde68a !important;}
.annoPopupClose:hover{color:#1f2937;}
.annoCopyBtn:hover{color:#2563eb;}
.annoPopupFoot .annoDelLink:hover{text-decoration:underline;}
.annoPopupFoot .Pzcancle:hover{border-color:#2563eb;color:#2563eb;}
.annoPopupFoot .markOk:hover{background:#266FFF;border-color:#2563eb;color:#fff;opacity:0.9;}
}