@charset "utf-8";
/* CSS Document */
@font-face
{
font-family: din;
src: url(../font/DINMedium.ttf),
 url(../font/DINMedium.eot);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}
.colorWhite{color:#fff}

.wid1200{width:1200px;margin:0 auto;background: #FFFFFF;box-shadow: 0px 1px 12px #EDEEF0;border-radius: 8px;}
.marTop20{margin-top:20px;}
.marTop16{margin-top:16px;}
.padBottom16{padding-bottom:50px;}
.pad30{padding:30px;}
.class_con{overflow:hidden}
.class_con dt{width:170px;height:104px;margin-right:20px;}
.class_con dt img{display:block;width:100%;height:100%}
.class_con dd h2{font-size:20px;color:#181E33;margin-bottom:20px;}
.class_con dd p{color: #131B26;font-size:16px;color:#131B26;margin-top:10px;}
.class_con dd p .change{display:inline-block;padding-left:20px;color:#3A8BFF}
.minhet600{height:600px;}
.heightAuto{height:auto;}
.declareTab{width:100%;height: 60px;border-bottom: 1px solid #F2F2F2;padding:0 14px;box-sizing:border-box;margin-bottom:30px;}
.declareTab li{display:inline-block;padding:0 24px;position:relative}
.declareTab li a{color: #474C59;font-size: 18px;line-height: 60px;color:#474C59}
.declareTab li a span{display:inline-block;width:60px;height:4px;background: #3B90FF;border-radius: 2px;position:absolute;left:50%;margin-left:-30px;bottom:0;display:none}
.declareTab li.cur a{color: #131B26;font-weight:500}
.declareTab li.cur a span{display:block}

.dec_con{padding:0 30px;}
.decTit{font-size:16px;color: #181E33;line-height: 22px;}
.linkCon{padding:20px 0;overflow:hidden;position:relative}
.link_ct{width:85%;font-size: 16px;line-height: 22px} 
.link_p{margin-bottom:6px;}
.link_ct .link_p a{color: #3A8BFF;}
.link_ct .link_p a.copyicon{display:inline-block;width:16px;height:16px;vertical-align:middle;margin:-3px 0 0 20px}
.link_ct .link_p a.copyicon img{display:block;width:100%;height:100%}
.lookBtn{display:inline-block;width: 92px;border: 1px solid #8CBBFF;border-radius: 99px;height: 36px;color: #3A8BFF;font-size:14px;text-align:center;line-height:36px;box-sizing:border-box;position:absolute;right:0;top:50%;transform: translateY(-50%);}
.dataList{width:100%;}
.dataList li{padding:20px 0;overflow:hidden;position:relative;display:table;width:100%;border-bottom:1px solid #f2f2f2}
.list_icon{width:48px;height:48px;display:table-cell;vertical-align:middle;}
.list_icon img{display:block;width:100%;height:100%}
.list_ct{width:85%;line-height: 22px;margin-left:20px;}
.dataList li:last-child{border-bottom:none;}

.addBtn{font-size:14px;margin-bottom:20px;}
.addBtn i{display:inline-block;width:14px;height:14px;background:url(../../images/course/add.png) no-repeat;background-size:100% 100%;vertical-align:middle;margin:-2px 5px 0 0;}
.resouceInfo b{display:inline-block;padding:0 5px;}
.resouceInfo b.yellowColor{color:#F28C24}
.resouceInfo i{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-left:5px;}

.table_con{margin-top:12px;}
.table_con .thead{width:100%;height: 62px;background: #F2F5F9;box-sizing:border-box;}
.table_con .thead .th{display:inline-block;height:100%;line-height:60px;padding-left:20px;box-sizing:border-box;border-right:2px solid #fff;float:left}
.table_con .thead .th:last-child{border-right:none}
.table_con .wid23{width:23%}
.table_con .wid20{width:20%}
.table_con .wid19{width:19%}
.table_con .tbody .resourceList{max-height: 490px;overflow: hidden}
.table_con .tbody ul{border-bottom:2px solid #fff}
.table_con .tbody ul .resource{height:48px;line-height:48px;}
.table_con .tbody ul .resource .td{display:inline-block;height:100%;padding-left:20px;box-sizing:border-box;border-right:2px solid #fff;float:left;background: #F8FAFC;color: #474C59;font-size: 14px;}
.table_con .tbody ul .resource .td:last-child{border-right:none}
.table_con .tbody ul .resource .td:first-child{border-bottom:none;background: #F2F5F9;font-size: 16px;color: #131B26;}
.table_con .tbody ul .resource .oparea a{color:#3A8BFF;display:inline-block;padding-right:20px;}


.table_con .resouce_name{position:relative}
.table_con .rename_con{ padding:8px 0 8px 20px; width:288px; position:absolute; left:0; top:0}
.table_con .rename_input{ width:110px; height:24px; line-height:24px; padding:5px 7px; font-size:14px; color:#333; background:#FFFFFF; border:1px solid #CCDEF3; border-radius:4px;}
.table_con .rename_input:focus{border:1px solid #3A8BFF}
.table_con .rename_yes,.rename_no{ width:24px; height:24px; background:url(../../images/course/rename_ico.png) no-repeat; overflow:hidden; margin-top:6px;}
.table_con .rename_yes{ background-position:0 0; margin-left:14px;}
.table_con .rename_yes:hover{ background-position:0 -30px;}
.table_con .rename_no{ background-position:-30px 0; margin-left:10px;}
.table_con .rename_no:hover{ background-position:-30px -30px;}

.tableMore{font-size:14px;color: #3A8BFF;text-align:center;width:100%;display:block;padding:15px 0;cursor: pointer}
.tableMore i{display:inline-block;vertical-align:middle;width:12px;height:6px;margin-left:5px;}
.tableMore i img{display:block;width:100%;height:100%;}

.closeAll{font-size:14px;color: #3A8BFF;text-align:center;width:100%;display:block;padding:15px 0;cursor: pointer}
.closeAll i{display:inline-block;vertical-align:middle;width:12px;height:6px;margin-left:5px;}
.closeAll i img{display:block;width:100%;height:100%;}

/*添加虚拟仿真资源弹窗*/

.pop_wid640{width:640px;position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);background:#fff;border-radius: 10px;}
.minHet350{height:350px;}
.sp_name{display:inline-block;line-height:34px;color: #474C59;min-width:60px;font-size:14px;padding-right:20px;}
.chapterBox .selectBox{display:inline-block; vertical-align:top;width:240px;height:34px;line-height:34px;box-sizing:border-box;position:relative; cursor:pointer;border: 1px solid #D4D6D9;
border-radius: 4px;font-size:14px;padding:0 14px;}
.chapterBox .selectBox p{ color:#333;line-height:32px;height:32px;overflow:hidden;font-size:14px;color:#ACB4BF}
.chapterBox .selectBox p .arrow-down{display:inline-block;width:12px;height:12px;background:url(../../images/course/review_arrow.png) no-repeat;background-size:100% 100%;float:right;margin-top:9px;}
.chapterBox .selectBox ul{width:100%;background: #FFFFFF;box-shadow: 0px 2px 12px rgba(175, 187, 204, 0.75);border-radius: 6px;position:absolute; z-index:58; top:38px; left:0;height:200px;padding:6px 0;}
.chapterBox .selectBox ul li{width:100%;}
.chapterBox .selectBox ul li a{ display:block;width:100%;padding:10px 16px;line-height:20px;box-sizing:border-box;color: #474C59;font-size:14px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;}
.chapterBox .selectBox ul li a:hover{ background-color:#F5F8FB; color:#3A8BFF;}
.chapterBox .selectBox ul li a i{display:inline-block;width:16px;height:16px;background:url(../../images/course/rightIcon.png) no-repeat;background-size:100%;margin-left:14px;vertical-align:middle;margin:-2px 8px 0 0;opacity:0}
.chapterBox .selectBox ul li.boxli_cur a{background-color:#F5F8FB; color:#3A8BFF;}
.chapterBox .selectBox ul li.boxli_cur a i{opacity:1}
.linkInfo{padding-left:80px;color: #F28C24;margin-top:12px;}
.blue-border .arrow-down {-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}	


.minHet350 .inpBox{width: 240px;height: 34px;background: #FFFFFF;border: 1px solid #D4D6D9;border-radius: 4px;box-sizing:border-box;font-size:14px;padding:0 14px;}
.wid440{width:440px;}
.selectDiv {padding:20px 30px;}
.pop_wid640 .popHead{border-radius: 10px;}
.pop_wid640 .popBottom{border-radius: 10px;}

.texthideen1{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;}

/*20228.18*/

.dataPeriod{padding:20px 0 0 30px;}
.dataPeriod .datatit{margin:12px 0 12px 0}
.Periodlist li{float:left;margin:0 20px 20px 0;height:48px;}
.Periodlist li a{display:block;padding:0 40px 0 20px;background: #F2F4F7;width: 278px;line-height:48px;height: 48px;border-radius: 4px;color: #474C59;font-size:14px;box-sizing:border-box;position:relative;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;}
.cur_right{display:inline-block;width:16px;height:16px;background:url(../../images/course/right_white.png) no-repeat;background-size:100% 100%;position:absolute;right:20px;top:16px;display:none}
.Periodlist li a:hover{border: 1px solid #3A8BFF;color: #3A8BFF;box-sizing:border-box}
.Periodlist li.curli a{background: #3A8BFF;color:#fff;}
.Periodlist li.curli a span.cur_right{display:block}
.Periodlist{height:260px;}
.datatip{transform: translate(-50%,-50%);left:50%}



/*选择层次*/
.arrangement .grade{padding:8px 0;font-size:14px;color:#474C59}
.arrangement .grade_check{display:inline-block;width:18px;height:18px;background:url(../../images/course/radio_check.png) no-repeat;background-size:100%;float:left;line-height:34px;margin-right:10px;margin-top:2px;}
.arrangement .grade_checked{background:url(../../images/course/radio_checked.png) no-repeat;background-size:100%;}


.overHidden2 { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}



/*************2022.12.28开课记录*************/
.add_class_btn{display:inline-block;box-shadow: 0 3px 12px 0 rgba(39,125,255,0.30);color: #FFFFFF;text-align:center;line-height:36px;border-radius: 20px;font-size:14px;margin-left:30px}
.add_class_btn{width:104px;height:36px;background:url(../../images/course/jb_btn_104.png) no-repeat 0 0;}
.add_class_btn:hover{background-position:0 -48px;}
.add_class_btn:active{background-position:left -96px}
.add_class_btn .addIcon{display:inline-block;width:12px;height:12px;margin-right:4px;vertical-align:middle;margin-top:-2px;}
.add_class_btn .addIcon img{display:block;width:100%;height:100%}
.pad0{padding:0}
.calss_record_ul {margin-top:20px}
.calss_record_ul li{padding:0 30px;cursor:pointer}
.li_border_box{padding:16px 0;border-bottom:1px solid #F2F2F2;display:table;width:100%}
.record_con_left{width:calc(100% - 300px)}
.record_con_left h2.record_h2_tit{font-size: 15px;line-height: 22px;margin-bottom:10px}
.record_con_left p.record_con_p{color: #8A8B99;font-size: 14px;}
.record_con_left p.record_con_p i{display:inline-block;width:12px;height:12px;background:url(../../images/course/time_icon.png) no-repeat;background-size:100% 100%;vertical-align: middle;margin:-2px 5px 0 0}
.record_con_right{vertical-align: middle;display:table-cell;width:300px;opacity: 0;}
.record_con_right a{color: #3A8BFF;font-size:14px;display:inline-block;margin-right:24px;}
.calss_record_ul li:hover{background:#F0F6FF}
.calss_record_ul li:hover .record_con_right{opacity: 1;}




/*添加课程*/
.maskDiv{width:100%;height:100%;position:fixed;top:0;left:0;background: rgba(16,26,41,0.76);;z-index:2}
.pop640{width:640px;height:480px;background: #fff;border-radius: 10px;position:absolute;left:50%;top:50%;margin-left:-320px;margin-top:-240px;}
.pophead{height: 48px;padding:0 20px;color: #181E33;font-size: 18px;line-height:50px;border-bottom:1px solid #F2F2F2;border-radius:10px 10px 0 0;}
.closePic{display:inline-block;width:18px;height:18px;background:url(../../images/course/popClose.png) no-repeat;background-size:100%;margin-top:16px;}
.seacherCon{width:568px;height:34px;border: 1px solid #4C7DEC;border-radius: 5px;margin:0 auto;margin-top:25px;}
.seaInput{width:511px;height:34px;padding:0 10px;line-height:34px;font-size:14px;background:none;border-radius: 5px;}
.seacherIcon{display:inline-block;width:37px;height:34px;background:url(../../images/course/seacer_icon.png) no-repeat #4c7dec;}
.popCon{padding:30px 28px 20px;}
.topDiv{padding:13px 30px 0 30px;min-height:36px;}
.seacheNum{line-height:36px;color:#8A8B99}
.dataSearch{ width:200px; height:36px; border-radius:40px;position:relative}
.dataSearch_input{ width:122px; height:34px;font-size:14px; color:#131B26 ;  border:1px solid #E5E5E5;background:none;position:absolute;left:0;top:0;z-index:2;padding:0 62px 0 14px; border-radius:40px;font-family:microsoft Yahei}
.dataSearch_bnt{ width:16px; height:16px;background:url(../../images/course/search_ico.png) no-repeat center; background-size:100%;border:0 none; cursor:pointer;position:absolute;right:14px;top:8px;z-index:3;outline:none}
.dataSearch_input:hover{border: 1px solid #3A8BFF;}
.dataSearch_input:focus {border: 1px solid #3A8BFF;}
.dataSearch_dele{ width:14px; height:14px; background:url(../../images/course/clearPic.png) no-repeat ; background-size:100%;display:block; position:absolute; right:40px; top:50%; margin-top:-7px; z-index:3;    display: none;}
.dataSearch:hover .dataSearch_bnt{background:url(../../images/course/search_ico_blue.png) no-repeat ; background-size:100%;}
.dataSearch_dele_blue{background:url(../../images/course/search_ico_blue.png) no-repeat ; background-size:100%;}
.het313{height:303px;padding:10px 0;margin-bottom:70px;}
.infoList{width:100%;}
.infoList li{padding:16px 30px;overflow:hidden;display:table;cursor:pointer;position:relative;width:100%;box-sizing: border-box;}
.infoList li .check{display:inline-block;width:18px;height:18px;background:url(../../images/course/radio_check.png) no-repeat;background-size:100%;margin-right:20px;position:absolute;
    left:30px;top:50%;margin-top:-9px}
.infoList li .checked{background:url(../../images/course/radio_checked.png) no-repeat;background-size:100%;}
.headPic{display:inline-block;width:120px;height:70px;border-radius:8px;border: 1px solid #F2F2F2;overflow:hidden;margin-right:24px;margin-left:34px}
.listright{display:table-cell;vertical-align: middle;width:100%}

.name{font-size:14px;color:#999;line-height:1.2;}
.name span{display:block;font-size:16px;color:#333;line-height:1.44;width:100%;}
.BlueColor{color:#0099ff;}
.infoList li:hover{background:#F0F6FF;}
.infoList li.addBg{background:#F0F6FF;}

.popBottom{width:100%;height:53px;background:#fff;padding-top:17px;box-shadow: 0px -1px 0px 0px #F2F2F2;}
.popBottom a{margin-right:30px;}
.shadowBox{box-shadow: 0 -1px 4px 0 rgba(209,209,209,0.18);}
.het72{width:100%;height:70px}
.popWord{padding:26px 30px;}
.jb_btn{display:inline-block;box-shadow: 0 3px 12px 0 rgba(39,125,255,0.30);color: #FFFFFF;text-align:center;line-height:36px;border-radius: 20px;}
.jb_btn_92{width:92px;height:36px;background:url(../../images/course/jb_btn_92.png) no-repeat 0 0;}
.jb_btn_92:hover{background-position:0 -48px;}
.jb_btn_92:active{background-position:left -96px}
.btnBlue{border: 1px solid #8cbbff;border-radius: 20px;display:inline-block;width:90px;height:34px;text-align:center;line-height:34px;color: #3A8BFF;}
.btnBlue:hover{background: #EAF0FF;}
.btnBlue:active{background: #E4ECFF;}
.btn_92_cancel:hover{background:none}
.btn_92_cancel:active{background:none}
.btn_92{width:90px;}

.goback_prve{font-size: 12px;color: #6B89B3;position:relative;display:inline-block;padding-right:12px;margin-right:12px}
.goback_prve i{display:inline-block;width:14px;height:14px;background:url(../../images/course/back.png) no-repeat;background-size:100% 100%;vertical-align: middle;margin:-2px 5px 0 0;
}
.goback_prve:after{content:'';width:1px;height:14px;background:#F2F2F2;position:absolute;right:0;top:12px;}
.nullpage{text-align:center;line-height:300px;color: #8A8B99;font-size:14px}