@charset "utf-8";
/* CSS Document */

.maskDiv{width:100%;height:100%;position:fixed;top:0;left:0;background: rgba(16,26,41,0.76);z-index:10}
.popDiv{min-height:100px;background: #FFFFFF;border-radius: 10px;position:fixed;left:50%;overflow:hidden}
.popHead{line-height:60px;height:60px;background: #FFFFFF;box-shadow: inset 0 -1px 0 0 rgba(242,242,242,0.80);position:absolute;left:0;top:0;width:100%;padding:0 30px;box-sizing: border-box;background:#fff}
.popClose{display:inline-block;width:18px;height:18px;margin-top:19px}
.popClose img{display:block}
.het62{width:100%;height:60px;}
.popBottom{width:100%;height:53px;background:#fff;position:absolute;left:0;bottom:0;padding-top:17px;}
.popBottom a{margin-right:30px;}
.shadowBox{box-shadow: 0 -1px 4px 0 rgba(209,209,209,0.18);}
.het72{width:100%;height:72px;}
.popWord{padding:26px 30px;}
.wid640{width:640px;max-height:480px}
.tips_info{display:inline-block;margin:10px 0;padding:0 12px;background:#F2F5F7;border-radius:35px;height:24px;line-height:24px;color:#737B86;font-size:12px;margin-left:16px;}
.tipsIcon{display:inline-block;width:12px;height:12px;background:url(../../mooc2/images/tips_pop.png) no-repeat;background-size:100%;vertical-align:middle;margin-right:6px;margin-top:-1px;}
.pad2{padding:0 2px;}
.td_oprea a:hover{opacity:0.7}

.recordTab{width:100%;height:440px;position:relative;}
.recordTab ul li{height:40px;color:#646873;line-height:40px;}
.recordTab ul li.thead{background:#F5F6F7;color:#A8A8B3;width:100%;}
.recordTab ul li div{float:left}
.td_num{padding-left:6%;width:32%}
.td_time{width:25%}
.td_fraction{width:25%;}
.td_fraction_14{font-size:14px;color:#181E33}
.td_oprea{width:12%}
.td_oprea a{font-size:14px;color:#3A8BFF}
.yellow_span{display:inline-block;width:36px;height:20px;border-radius:3px;background:#FAAF43;font-size:12px;color:#fff;text-align:center;line-height:20px;margin-left:10px;}
.recordTab ul li:hover{background:#F7FAFC}


.wid440{width:440px;max-height:450px;}
.wid600{width:600px;max-height:360px}
.examPcon{padding:26px 30px;color:#646873;font-size:16px;}
.examPcon2{padding-left: 30px;color:#646873;font-size:16px;}
.padTop20{padding-top:20px;}
.exportCt{padding:0 0 18px 30px;}
.wid80_span{display:inline-block;width:80px;line-height:34px;color:#646873;font-size:14px;}
.format span{float:left}
.grade_check{display:inline-block;width:16px;height:16px;background:url(../images/task_check.png) no-repeat;background-size:100%;float:left;line-height:34px;margin-right:10px;margin-top:9px;cursor:pointer}
.grade_checked{background:url(../images/task_checked.png) no-repeat;background-size:100%;}
.gs{font-size: 14px;line-height:34px;color: #181E33;}

.Textcontent{display:block;width:490px;box-sizing:border-box;border-radius: 4px;height:18px;line-height: 22px;font-size: 14px;color: #181E33;outline: none;border:1px solid #F2F2F2;padding:5px 5px 0 5px;font-family:"微软雅黑";overflow-y:auto}
.Textcontent:hover{border:1px solid #CCDEF3;}
.Textcontent:focus{background: #FFFFFF;border: 1px solid #FFFFFF;box-shadow: 0 0 4px 0px #75BAFF;border-radius: 4px;}

.TextcontentNew{display:block;width:80px;box-sizing:border-box;border-radius: 4px;height:34px;line-height: 22px;font-size: 14px;color: #181E33;outline: none;border:1px solid #F2F2F2;padding:5px 5px 0 5px;font-family:"微软雅黑";overflow-y:auto}
.TextcontentNew:hover{border:1px solid #CCDEF3;}
.TextcontentNew:focus{background: #FFFFFF;border: 1px solid #FFFFFF;box-shadow: 0 0 4px 0px #75BAFF;border-radius: 4px;}

.selectGray{padding:16px 20px;background:#F7F8FA;width:436px;max-height:170px;border-radius:3px;margin-left:20px;margin-bottom:10px;color:#646873;font-size:14px;line-height:22px;overflow-y:auto}
.selectGray input{display:inline-block;margin:0 10px;width:58px;height:26px;background:#fff;border-radius:4px;border:1px solid #E1E1E5;color:#181E33;text-align:center}
.selectGray input:hover{border:1px solid #3A8BFF;}
.selectGray input:focus{border: 1px solid #3A8BFF;}

.yzmDiv{overflow:hidden;padding:10px 0;width:100%;margin-top: 20px}
.yzmDiv span{display:inline-block;float:left;font-size:14px;color:#646873;line-height:36px;}
.pInput{display:inline-block;width:200px;float:left;}
.yzmDiv input{width:144px;height:34px;border:1px solid #E1E1E5;border-radius:4px;line-height:34px;padding:0 18px;display:block}
.yzmDiv .wrongTips{color:#F33F34;font-size:12px;display:block;line-height:24px;padding-top:10px;}

.yzmDiv input:hover{border:1px solid #CCDEF3}
.yzmDiv input:focus{border: 1px solid #FFFFFF;box-shadow: 0 0 4px 0px #75BAFF;}
.yzmDiv input.redShadow{border: 1px solid #FFFFFF;box-shadow: 0 0 4px 0px #FF5636;}


.readPad{padding:26px 30px}
.readPad p{font-size:16px;color:#646873;}
.het120{width:100%;height:120px;}
.readCheckBox{font-size:16px;color:#646873;margin-top:18px;line-height:18px;}
.read_check{display:inline-block;width:18px;height:18px;background:url(../../images/agreement-check.png) no-repeat;background-size:100%;float:left;line-height:34px;margin-right:10px;cursor:pointer}
.read_checked{background:url(../../images/agreement-checked.png) no-repeat;background-size:100%;}




.fs18{font-size:18px;}
.fs16{font-size:16px;}
.colorDeep{ color:#181E33;}

/*随机选题*/
.sel-Topic{display:inline-block;color:#3A8BFF;font-size: 14px;}
.sel-Topic b{ font-weight:500}
.sel-Topic i{display:inline-block;width:8px;height:8px;background:url(../../images/work/phone/downarrow.png) no-repeat;background-size:100%;margin-left:5px }
.sel-Topic i.arrowUp{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
/*下拉框样式*/
.format .selectDiv{position:relative;width:124px}
.sel-Topic{text-align:right;width:100%}
.format .selectDiv ul{width:100%;position:absolute; z-index:58; top:30px; 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;}
.format .selectDiv ul li{height:40px;line-height:40px;}
.format .selectDiv ul li a{ display:block;line-height:40px;  color:#333;text-align:left;font-weight:normal;font-size: 14px;padding-left:20px;}
.format .selectDiv ul li a:hover{ background: #F0F6FF;color: #3A8BFF;}
.format .selectDiv ul li.li_blueColor a{color:#3A8BFF}
.fileDiv{width:100%;}
.fileDiv ul li{width:100%;margin-bottom:20px;font-size:14px;padding:0;overflow:hidden}
.fileImg{display:block;width:24px;height:24px;margin-right:10px;}
.fileImg img{display:block;width:100%;height:100%}
.fileDiv ul li p{width:190px;color:#333;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.file-input{color:#474C59;margin-left:10px}


/*2022.6.1学生端自测加二级*/
.checkFromDir .selectGray{padding:16px 20px 16px 10px;}
.checkFromDir  ul li{margin-bottom:0}
.checkFromDir .marbom16{margin-bottom:16px;}
.checkFromDir .leveTwo{padding-left:40px;}
.checkFromDir .fileDiv .leveTwo li p{width:150px;}
.checkFromDir .file_arrow_down{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(180deg);transform:rotate(90deg)}

/*2022.8.8二维码提示弹窗*/
.ewmPop{width:440px;position:fixed;left:50%;top:50%;transform: translate(-50%, -50%);}
.pop_ewm{width:200px;margin:30px auto;}
.pop_ewm dd{text-align:center;color: #8A8B99;font-size:14px;line-height:30px;margin-bottom:20px;}
.pop_ewm dt{width:200px;height:200px;margin:0 auto;}
.pop_ewm dt img{display:block;width:100%;height:100%}
.self_exam_set{height: 20px;line-height: 20px;margin: 8px 0 0 30px;}
.self_exam_set img{height: 20px;margin-right: 6px;vertical-align: bottom;}
.pop-select-content {padding: 30px;border-bottom: 1px solid rgba(240, 240, 240, 0.5);}
.colorBlue{color:#3A8BFF;}

/*2023.3.31自测模拟加切换*/
.selfmode .gt{font-size: 14px;clear: both;color: #8A8B99;line-height: 16px}
.selfmode .nextbox{margin-bottom: 20px; overflow: hidden}
.selfmode .title{line-height: 20px}
.selfmode .exambottom{margin-bottom: 4px}
.selfTestTime .textput{display:inline-block;width: 80px;box-sizing: border-box;border-radius: 4px;height: 34px!important;line-height: 22px;font-size: 14px;color: #181E33;outline: none;border: 1px solid #D4D6D9;padding: 5px 5px 0 5px;font-family: "微软雅黑";margin-right: 10px}
.selfTestTime .minute{font-size: 14px;font-weight: 400;display: inline-block;vertical-align: middle}
.selfmode .grade-click{display:inline-block;width:16px;height:16px;background:url(../images/task_check.png) no-repeat;background-size:100%;float:left;line-height:20px;margin-right:10px;margin-top:2px;cursor:pointer}
.selfmode .graded{background:url(../images/task_checked.png) no-repeat;background-size:100%;}
.selfmode .testtitle{overflow: hidden}



/*导入中*/
.barDiv{margin:40px auto 25px;width:380px;height:16px;background:#EBF0F5;border-radius:8px;position:relative}
.barCon{height:16px;background: linear-gradient(to right,#6CC7FF ,#5A33FF);border-radius:8px;box-shadow:0px 2px 9px 0px rgba(103,161,255,0.5);}
.barInfo{color:#A8A8B3;font-size:12px;width:370px;margin:0 auto;margin-bottom:40px;padding-left:5px;}

#taskTip {
    color: #A8A8B3;
    font-size: 12px;
    width: 370px;
    margin: 0 auto;
    margin-bottom: 40px;
    padding-left: 5px;
}
.barInfo span{color:#F7704E;padding-left:5px;}

.barCon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent);
    animation: shine 1.2s infinite linear;
    border-radius: 15px;
}

@keyframes shine {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}



/*2023.7.18r日识别结果对比失败弹窗*/
#faceRecognitionComparePop .iden_resultPop{position:fixed;left:50%;top:50%;width:700px;transform: translate(-50%,-50%);}
#faceRecognitionComparePop .face_Box{padding:30px 0;min-height:460px;}
#faceRecognitionComparePop .contrastTit{font-size:18px;color: #131B26;font-weight:500}
#faceRecognitionComparePop .contrastImgBox{margin-top: 23px;}
#faceRecognitionComparePop .contrastImgBox dl{width:244px;height:308px;border-radius: 10px;background: #E7F0FF;box-sizing:border-box;overflow:hidden;margin:0 10px;display:inline-block;padding:10px;}
#faceRecognitionComparePop .contrastImgBox dt{width:100%;height:250px;border-radius:14px;overflow:hidden}
#faceRecognitionComparePop .contrastImgBox dt img{display:block;max-width:100%;height:100%;}
#faceRecognitionComparePop .contrastImgBox dd{text-align:center;padding:14px 0 4px;color: #474C59;font-size:14px}
#faceRecognitionComparePop .contrastImgBox .greenDL{background:#F0F6F2}
#faceRecognitionComparePop .face_Box .face_video_btn a{font-size:15px;}
#faceRecognitionComparePop .fail_icon{display:inline-block;width:18px;height:18px;background: url(../../mooc2/images/yc.png) no-repeat;background-size:100% 100%;vertical-align: middle;margin:-2px 10px 0 0 }
#faceRecognitionComparePop .right_icon{display:inline-block;width:18px;height:18px;background: url(../../mooc2/images/right.png) no-repeat;background-size:100% 100%;vertical-align: middle;margin:-2px 10px 0 0}
#faceRecognitionComparePop .contrast_loading{text-align: center;padding:150px 0;color: #131B26;font-size:18px;}
#faceRecognitionComparePop .contrast_loading i{display:inline-block;width:20px;height:20px;vertical-align: middle;margin:-2px 10px 0 0;animation: rotate 1s linear infinite;}
#faceRecognitionComparePop .contrast_loading i img{display:block;width:100%;height:100%;}
#faceRecognitionComparePop .face_compared{display:none;}
#faceRecognitionComparePop .face_fail_actionbtn{display:none;}

.marTop60{margin-top:60px;}

/**2023.08.01.新建自测弹窗修改**/
::-webkit-scrollbar { width: 8px;height:8px;}
::-webkit-scrollbar-thumb {border-radius: 20px;background-color: #DADFE5;}
.selfmode_column{float:left;width:calc(100% - 110px)}
.selfmode_column .grade {float:left;margin-right:20px}
.commonGray{background:#F7F8FA;padding:0 20px 10px 20px;margin-top:3px}
.commonGray ul.options{border-bottom:solid 1px #F2F2F2;height:52px;line-height:52px;font-size:14px}
.commonGray ul.options li{float:left;margin-right: 30px;}
.commonGray ul.options li a{color:#131B26}
.commonGray ul.options li .grade_check{margin-top:18px}
.commonGray .selectGray{width:100%;padding:16px 0;margin:0;max-height: initial;}
.commonGray .selectGray .fileImg{float:left}
.commonGray .fileDiv ul li p{width:370px}
.grade_bubble{display:inline-block;width:16px;height:16px;background:url(../../mooc2/images/tips.png) no-repeat;position:relative;background-size:100%;cursor:pointer;vertical-align: middle;margin-left:10px}
.grade_bubble:hover{background:url(../../mooc2/images/tips_active.png) no-repeat;background-size:100%;}
.grade_bubble .bubble{display:none;position:absolute;width:240px;padding:10px 16px;box-sizing:border-box;background:rgba(24, 30, 51, 0.8);bottom:24px;left:-20px;border-radius:4px;color:#fff;font-size:12px;line-height:17px}
.grade_bubble .bubble:after{content:'';position:absolute;border:6px solid transparent;border-top:6px solid rgba(24, 30, 51, 0.8);bottom:-11px;left:22px}
.grade_bubble:hover .bubble{display:block}
.commonGray .selectlione .grade_check{margin-top:4px;margin-left:5px}

.file_arrow{display:inline-block;width:12px;height:12px;background:url(../../mooc2/images/file_arrow.png) no-repeat;background-size:100% 100%;float:left;margin:6px 5px 0 0;cursor:pointer}
.file_arrow_down{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(180deg);transform:rotate(90deg)}
.noChild .marbom16{padding-left: 18px;}

.hei640 {
    max-height: 640px;
}

.centered {
	transform: translate(-50%,-50%);
	top: 50%;
}


/**2024.06.11-学生自测 - 举一反三练习新添**/
.mistakes .checkWrong{float:left;padding-left:28px;margin-right:30px;margin-top:16px;color:#131B26;font-size:14px;position:relative;line-height:20px;}
.mistakes .checkWrong p{font-size:12px;line-height:17px;margin-top:4px;color:#8A8B99}
.mistakes .wrong_check{position:absolute;display: inline-block;width: 16px;height: 16px;background: url(../../mooc2/images/task_check.png) no-repeat;background-size: 100%;cursor: pointer;left:0;top:2px}
.mistakes .wrong_checked{background: url(../../mooc2/images/task_checked.png) no-repeat;background-size: 100%;}
.mistakes .recommendAmount{margin-bottom:16px;font-size:14px;color:#131B26;line-height:20px}
.mistakes .facilityValue{padding-bottom:6px;font-size:14px;color:#131B26;line-height:20px}
.mistakes .amountLeft{float:left;width:74px;margin-right:20px}
.mistakes .recommendAmount .grade_bubble{margin-left:6px}
.mistakes .recommendAmount .grade_bubble .bubble{width:248px;}
.mistakes .Amount_check{float:left;height:20px;line-height:20px;margin-right:30px;}
.mistakes .amount_check{display:inline-block;width:18px;height:18px;background: url(../../mooc2/images/task_check.png) no-repeat;background-size: 100%;cursor: pointer;vertical-align:middle;margin-right:10px}
.mistakes .amount_checked{background: url(../../mooc2/images/task_checked.png) no-repeat;background-size: 100%;}



.wrongQuesSelfTestPop .selfmode_column{min-height:205px;}
.wrongQuesSelfTestPop .checkWrong{float:left;padding-left:28px;margin-right:30px;margin-top:16px;color:#131B26;font-size:14px;position:relative;line-height:20px;}
.wrongQuesSelfTestPop .checkWrong p{font-size:12px;line-height:17px;margin-top:4px;color:#8A8B99}
.wrongQuesSelfTestPop .wrong_check{position:absolute;display: inline-block;width: 16px;height: 16px;background: url(../../mooc2/images/task_check.png) no-repeat;background-size: 100%;cursor: pointer;left:0;top:2px}
.wrongQuesSelfTestPop .wrong_checked{background: url(../../mooc2/images/task_checked.png) no-repeat;background-size: 100%;}
.wrongQuesSelfTestPop .recommendAmount{margin-bottom:16px;font-size:14px;color:#131B26;line-height:20px}
.wrongQuesSelfTestPop .facilityValue{padding-bottom:6px;font-size:14px;color:#131B26;line-height:20px}
.wrongQuesSelfTestPop .amountLeft{float:left;width:74px;margin-right:20px}
.wrongQuesSelfTestPop .recommendAmount .grade_bubble{margin-left:6px}
.wrongQuesSelfTestPop .recommendAmount .grade_bubble .bubble{width:248px;}
.wrongQuesSelfTestPop .Amount_check{float:left;height:20px;line-height:20px;margin-right:30px;}
.wrongQuesSelfTestPop .amount_check{display:inline-block;width:18px;height:18px;background: url(../../mooc2/images/task_check.png) no-repeat;background-size: 100%;cursor: pointer;vertical-align:middle;margin-right:10px}
.wrongQuesSelfTestPop .amount_checked{background: url(../../mooc2/images/task_checked.png) no-repeat;background-size: 100%;}
.wrongQuesSelfTestPop .sourceBx{min-height:148px;max-height:330px;overflow:auto}
.wrongQuesSelfTestPop .sourceBx .commonGray{margin-top:12px}
.wrongQuesSelfTestPop .sourceBx .recommendAmount{padding-top:13px}
.wrongQuesSelfTestPop .sourceBx .checkWrong{margin-top:7px}
.wrongQuesSelfTestPop .sourceBx .grade_bubble .bubble{left:-80px}
.wrongQuesSelfTestPop .sourceBx .grade_bubble .bubble:after{left:82px}

.studentHead{
	margin-top: 15px;
	display:inline-block;
	width:100%;
	text-align:center;

}
.studentHead img{
	border-radius:10px;
}

.typeDiv ul li,
.easyDiv ul li {
	width: 100%;
	margin-bottom: 20px;
	font-size: 14px;
	padding: 0;
	overflow: hidden
}

.public-questionBank-search {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #131B26;
    padding-top: 16px
}

.course-search-box {
    margin-left: 20px;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    background-color: #fff;
    width: 240px;
    border: 1px solid #D4D6D9;
    line-height: 32px;
    height: 32px;
    border-radius: 4px
}

.course-search-box .course_search_p {
    vertical-align: top;
    padding: 0 25px 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    min-height: 32px;
}

.course-search-box .search-select-icon {
    position: absolute;
    background: url(../../mooc2/images/selectArr.png) no-repeat right center;
    background-size: 10px 7px;
    right: 10px;
    width: 10px;
    height: 7px;
    top: 12px;
    transition: all .2s ease-out
}

.course-search-box .search-select-scroll {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 40px;
    left: -1px;
    display: none;
    padding: 6px 0;
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    box-sizing: border-box;
}

.course-search-box ul {
    max-height: 130px;
    overflow: auto;
    margin-right: 2px
}

.course-search-box .zykItem {
    cursor: pointer;
    display: block;
    padding: 10px 20px;
    font-size: 14px;
    color: #646873;
    line-height: 20px;
    box-sizing: border-box;
    cursor: pointer;
    word-break: break-all;
}

.course-search-box .zykItem:hover {
    background: #F5F8FB;
    color: #3A8BFF;
}

.course-search-box .zykItem a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #646873;
}

.course-search-box .zykItem:hover a {
    color: #3A8BFF;
}

.course-search-box ul::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.course-search-box ul::-webkit-scrollbar-thumb {
    border-radius: 8px;;
    background-color: #DADFE5;
}

.public-questionBank-search .selectActive {
    border-color: #3A8BFF
}

.course-search-box .zykItem.curr a {
    color: #3A8BFF
}

.public-questionBank-search .selectActive p .search-select-icon {
    background: url(../../mooc2/images/selectArrHover.png) no-repeat right center;
    background-size: 10px 7px;
}

.course-search-input {
    margin: 16px 10px 10px 10px;
    background: #F7F8FA;
    height: 36px;
    border-radius: 100px;
    position: relative
}

.course-search-input input {
    border: 0;
    background: 0;
    width: 100%;
    height: 100%;
    padding: 0 65px 0 14px;
    font-family: Microsoft Yahei;
    box-sizing: border-box;
}

.search-input-zoom {
    position: absolute;
    width: 18px;
    height: 18px;
    background: url(../../mooc2/images/searchZoom.png) no-repeat;
    background-size: 100%;
    right: 14px;
    top: 9px
}

.course-search-box .search-no-result, .course-search-box .search-no-result:hover {
    background: none;
    text-align: center;
}

.public-questionBank-search .search-input-delete {
    width: 14px;
    height: 14px;
    background: url(../../mooc2/images/searchDelet.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 40px;
    top: 11px;
    display: none;
}

.fixCenter {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%)
}