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

body{ background:#EEF2F5;}

.preview_header{ background:#FFFFFF; text-align:center; width:100%; position:fixed; top:0; z-index:100; -webkit-box-shadow:0 2px 17px 0 rgba(239,239,239,0.50); box-shadow:0 2px 17px 0 rgba(239,239,239,0.50);}
.preview_table{ height:70px; display:table; margin:0 auto;}
.preview_opacity{ height:60px; padding-top:10px; line-height:20px; font-size:14px; color:#646873; display:inline-block; vertical-align:middle; cursor:pointer;}
.preview_opacity.active{ background:#3A8BFF; color:#FFFFFF;}
.preview_opacity:hover{ opacity:.7;}
.preview_opacity.active:hover{ opacity:1;}
.preview_line{ width:1px; height:70px; background:#F2F2F2; margin:0 20px; display:inline-block; vertical-align:middle;}
.preview_computer{ width:90px; margin-right:20px;}
.preview_mobile{ width:90px; margin-right:20px;}
.preview_close{ width:80px; margin-left:20px;}
.preview_opacity:before{ content:''; display:block; width:26px; height:26px; margin:0 auto 6px; background:url(../../../mooc2/images/Preview_icons.png) no-repeat; overflow:hidden;}
.preview_computer:before{ background-position:0 0; background-size:52px auto;}
.preview_computer.active:before{ background-position:-26px 0; background-size:52px auto;}
.preview_mobile:before{ background-position:0 -26px; background-size:52px auto;}
.preview_mobile.active:before{ background-position:-26px -26px; background-size:52px auto;}
.preview_close:before{ background-position:0 -52px; background-size:52px auto;}

.fanyaPreview{ width:100%; min-width:1280px; position:absolute;}

.prev_box{ width:930px; background:#F5F8FB; margin:30px auto 0; border-radius:6px; position:relative; -webkit-box-shadow:0 2px 17px 0 rgba(225,237,241,0.81); box-shadow:0 2px 17px 0 rgba(225,237,241,0.81);}
.prev_title_pos{ width:100%;}
.prev_title{ padding:0 100px; line-height:36px; font-size:26px; color:#131B26; font-weight:500; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prev_list{ padding:0 100px; margin-top:4px;}
.prev_list ul{}
.prev_list li{ margin:14px 14px 0 0; padding:6px 12px; height:20px; line-height:20px; background:#E8F1FE; font-size:14px; color:#474C59; border-radius:32px; cursor:pointer; float:left;}
.prev_list li .num{ font-family:'D-DIN'; margin-right:6px; display:inline-block; vertical-align:top;}
.prev_list li .spanText{ max-width:160px; display:inline-block; vertical-align:top; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prev_list li.active{ background:#3A8BFF; color:#FFFFFF;}
/*.prev_list li{ margin-right:10px;}*/
/*.prev_list li .num{ width:18px; height:18px; line-height:18px; margin:0 4px 2px 0; background:#B5D3F6; font-size:10px; color:#FFF; border-radius:18px; display:inline-block; vertical-align:middle; text-align:center;}*/
/*.prev_list li.active{ background:#FFFFFF; color:#38537C;}*/
/*.prev_list li.active .num{ background:#3A8BFF;}*/
/*.prev_list li:hover{ background:#FFFFFF;}*/
/*.prev_list li .prev_white{ height:30px; line-height:1; padding-top:14px; border-radius:6px 6px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;}*/
/*.prev_list li.active .prev_white{ padding:14px 12px 0; background:#FFFFFF; position:absolute; top:0; left:0; right:0; z-index:99;}*/

.prev_select{ width:70px; height:44px; background:#F5F8FB; border-radius:6px 6px 0 0; position:absolute; bottom:0; right:10px; -webkit-box-shadow:0px 2px 17px 0px rgba(225,237,241,0.81); box-shadow:0px 2px 17px 0px rgba(225,237,241,0.81);}
.prev_select_white{ background:#FFFFFF;}
.prev_select_name{ display:block; width:70px; height:44px; background:url(../../../mooc2/images/rightArrow.png) no-repeat center/14px; cursor:pointer;}
.prev_select_con{ width:174px; padding:6px 2px; background:#FFFFFF; border-radius:6px; position:absolute; right:-10px; top:44px; z-index:9; -webkit-box-shadow:0px 2px 12px 0px rgba(175,187,204,0.75); box-shadow:0px 2px 12px 0px rgba(175,187,204,0.75);}
.prev_select_con ul{ max-height:320px;}
.prev_select_con li{ height:40px; line-height:40px; padding:0 20px 0 38px; font-size:14px; color:#646873; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.prev_select_con li.active{ color:#3B90FF; background:#F5F8FB url(../../../mooc2/images/prev_select_active.png) no-repeat 14px center/16px;}
.prev_select_con li.active:hover{ background:#F5F8FB url(../../../mooc2/images/prev_select_active.png) no-repeat 14px center/16px;}
.prev_select_con li:hover{ color:#3B90FF; background:#F5F8FB;}

.prev_main{ padding: 30px 80px;background: #FFFFFF;box-shadow: none;webkit-box-shadow: none;position: relative;border-radius: 6px;}
.prev_main_text{ min-height:1000px; line-height:2; font-size:14px; color:#181E33;}
.prev_main_text img{ max-width:820px;}

/*Loading*/
.Loading{ line-height:18px; font-size:14px; color:#A8A8B3; text-align:center; padding:10px 0 0;}
.Loading img{ width:18px; height:18px; margin:0 10px 2px 0; vertical-align:middle;}

/*章节左右pop*/
.fanyaPreview_left{ padding-left:308px;}
.fanyaPreview_right{ padding-right:308px;}
.posChapter_left{ left:0; bottom:0;}
.posChapter_right{ right:0; bottom:0;}
.posChapter{ width:432px; position:fixed; background:#FFFFFF; z-index:99; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

.posChapter_left .drag{ position:absolute; top:0; right:-8px;}
.posChapter_right .drag{ position:absolute; top:0; left:-8px;}

.drag{ width:8px; height:100%; background:#C7CDD2;}
.drag_shizi{ width:6px; height:34px; position:absolute; top:40%; left:50%; margin:-3px; cursor:e-resize;}
.drag_shizi:before{ content:''; display:block; width:2px; height:34px; background:#ffffff; float:left;}
.drag_shizi:after{ content:''; display:block; width:2px; height:34px; background:#ffffff; float:right;}

.switchbtn{ width:32px; height:40px; background:#eaf0f8;top:46px; border-radius:6px 0px 0px 6px; z-index:222; cursor:pointer; -webkit-box-shadow:rgba(156,165,182,.6) 0 1px 3px 0; box-shadow:rgba(156,165,182,.6) 0 1px 3px 0;}
.switchbtn:before{ content:''; display:block; width:14px; height:14px; margin:13px auto 0; background:url(../../../mooc2/images/posflfr.png) no-repeat center/ 14px;}
.switchbtn:hover{ opacity:.7;}
.posChapter_left .switchbtn{ position:absolute; right:0; top:10px;}
.posChapter_right .switchbtn{ position:absolute; right:0; top:10px;}
.posChapter_left .switchbtn:before{
	-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);
	-webkit-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;
}
.posChapter_left .switchbtn_cur:before{
	-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);
}
.posChapter_right .switchbtn:before{
	-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);
	-webkit-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;
}
.posChapter_right .switchbtn_cur:before{
	-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);
}
.posDirectory{ height:60px; line-height:60px; padding:0 24px; font-size:16px; color:#A8A8B3; font-weight:600;}
.posCatalog{ width:100%; position:relative;}
.posCatalog li{ line-height:40px; cursor:pointer;}

.posCatalog_select{ font-size:14px; color:#181E33; position:relative;}
.posCatalog_title{
	display:block; padding:0 40px 0 20px; font-weight:600; background:#F8F9FA; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	background-image:-webkit-linear-gradient(-180deg, #FCFDFE 0%, #F8F9FA 100%);
	background-image:-moz-linear-gradient(-180deg, #FCFDFE 0%, #F8F9FA 100%);
	background-image:-o-linear-gradient(-180deg, #FCFDFE 0%, #F8F9FA 100%);
	background-image:linear-gradient(-180deg, #FCFDFE 0%, #F8F9FA 100%);
}
.posCatalog_title:hover{ opacity:.7;}
.posCatalog_name{ display:block; padding:0 40px 0 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.posCatalog_name:hover{ background:#F7FAFC;}
.posCatalog_sbar{ max-width:66px; display:inline-block; font-style:normal; vertical-align:top; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.posCatalog_active{ background:#F0F6FF; position:relative;}
.posCatalog_active:before{ content:''; display:block; width:100%; height:1px; background:#D6E8FF; position:absolute; top:0;}
.posCatalog_active:after{ content:''; display:block; width:100%; height:1px; background:#D6E8FF; position:absolute; bottom:0;}
.posCatalog_active .posCatalog_name{ background:#F0F6FF;}
.posCatalog_level{ display:none;}
.posCatalog_level li .posCatalog_name{ padding-left:38px;}
.posCatalog_level li li .posCatalog_name{ padding-left:56px;}
.posCatalog_level li li li .posCatalog_name{ padding-left:74px;}
.posCatalog_level li li li li .posCatalog_name{ padding-left:92px;}
.posCatalog_level li li li li li .posCatalog_name{ padding-left:110px;}
/*
.posCatalog li .posCatalog_title:before,
.posCatalog li .posCatalog_select>.posCatalog_name:before{ content:''; display:inline-block; width:12px; height:12px; vertical-align:middle; margin:0 6px 2px 0;}
.posCatalog_putit>.posCatalog_select>.posCatalog_title:before,
.posCatalog_putit>.posCatalog_select>.posCatalog_name:before{ content:''; display:inline-block; width:12px; height:12px; background:url(../images/chapter/posUpDown.png) no-repeat center/12px;}
*/
.titleIcon:before{ content:''; display:inline-block; width:12px; height:12px; background:url(../../../mooc2/images/posUpDown.png) no-repeat center/12px; vertical-align:middle; margin:0 6px 2px 0;
	-webkit-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;}
.posCatalog_rotate:before{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}
.catalog_points_yi{ height:20px; line-height:20px; font-size:12px; color:#FFF; text-align:center; font-family:arial; display:block; border-radius:20px; -webkit-box-shadow:0 2px 6px 0 rgba(255,182,28,0.57); box-shadow:0 2px 6px 0 rgba(255,182,28,0.57);}
.catalog_points_yi{ width:20px; background:url(../../../mooc2/images/chapter_icons.png) no-repeat 0 -120px/150px auto; position:absolute; right:20px; top:50%; margin-top:-10px;}
/*手机预览*/
/*.mobilePhone{ width:402px; height:749px; margin:20px auto; background:url(../../../mooc2/images/MobilePhone.png) no-repeat;}*/
.mobile_box{ height:554px; padding:87px 37px 106px 45px;}
.mobile_title{ height:40px; line-height:40px; background:#F5F6F7; position:relative;}
.mobile_title h2{ margin:0 54px; font-size:16px; color:#181E33; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mobile_title .return{ width:16px; height:16px; background:url(../../../mooc2/images/posflfr.png) no-repeat center/16px; display:block; position:absolute; left:10px; top:50%; margin-top:-8px;
-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.mobile_thead{ width:320px; height:37px; line-height:36px; overflow:hidden;}
.mobile_thead ul{ height:36px; font-size:14px; color:#181E33; border-bottom:solid #E4EFFF 1px;}
.mobile_thead li{ width:150px; float:left; cursor:pointer;}
.mobile_thead li.active{ color:#3A8BFF; border-bottom:solid #3A8BFF 1px;}
.mobile_thead li:hover{ opacity:.7;}
.mobile_thead li.active:hover{ opacity:1;}
.mobile_thead li>span{ display:block; margin:0 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mobile_tbody{ padding:6px 0; font-size:14px; color:#181E33; line-height:1.5;}
.mobile_tbody img{ max-width:300px;}
.mobile_text{ padding:0 10px; height:464px; overflow:hidden;}
/*置顶二维码*/
.DownCode{ width:40px; height:40px; background:#FFF url(../../../mooc2/images/qrcode.png) no-repeat 0 0/40px auto; border-radius:4px; cursor:pointer; position:relative;}
.DownCode:hover{ background:#3A8BFF url(../../../mooc2/images/qrcode.png) no-repeat 0 -40px/40px auto;}
.DownCode_con{ width:146px; height:146px; padding-top:14px; background:#FFFFFF; border-radius:6px; position:absolute; right:50px; top:-10px; display:none; -webkit-box-shadow:0px 2px 17px 0px rgba(219,231,236,0.81); box-shadow:0px 2px 17px 0px rgba(219,231,236,0.81);}
.DownCode_con:before{ content:''; display:block; width:0; height:0; border:solid #FFF 3px; border-width:5px 3px; border-color:transparent transparent transparent #FFF; position:absolute; top:24px; right:-6px;}
.DownCode_pic{ width:108px; height:108px; margin:0 auto;}
.DownCode_pic img{ width:108px; height:108px; display:block;}
.DownCode_text{ line-height:18px; margin-top:10px; font-size:12px; color:#A8A8B3; text-align:center;}
.DownCode:hover .DownCode_con{ display:block;}
#DownloadaDiv{ right:328px; bottom:140px;}
#JS_back_to_top{ right:328px; bottom:90px;}
/*学生端*/
.tabCatalog{ height:60px; background:#FFFFFF; position:relative; z-index:200;}
.tabCatalog ul{ height:40px;padding:10px 14px 0; background:#F2F4F7;}
.tabCatalog li{ float:left;position:relative; width:auto;height:40px;line-height:40px;text-align:center;cursor:pointer;font-size:16px; padding:0 16px; margin:0 8px 0 0; color:#474C59; border-radius:0; opacity:1;}
.tabCatalog li:hover{ opacity:1;}
.tabCatalog li.active{ opacity:1;background:none; font-size:18px; color:#3a8bff; font-weight:500;}
.tabCatalog li.active:after{ position:absolute; bottom:0; left:50%; margin-left:-14px; content:''; display:block; width:28px; height:4px; background:#3A8BFF; border-radius:3px;}
.icon_Completed{ width:20px; height:20px; background:url(../../../mooc2/images/chapter_wancheng.png) no-repeat center/20px; position:absolute; right:20px; top:50%; margin-top:-10px;}
.Loading.padding20{ padding:10px 0 20px;}
/*讨论*/
.noTopic{ position: absolute;width: 100%;top: 243px;left: 0;line-height: 20px;font-size: 14px;color: #A8A8B3;text-align: center;}

.noMark {
	position: absolute;
	width: 100%;
	top: 243px;
	left: 0;
	line-height: 20px;
	font-size: 14px;
	color: #A8A8B3;
	text-align: center;
}
.newTopic1{ height:30px; padding:4px 22px 0; position:relative;}
.newTopic_bnt{ height:20px; line-height:20px; font-size:14px; color:#3A8BFF; /*font-weight:600;*/ cursor:pointer;}
.newTopic_bnt>i{ width:16px; height:16px; background:url(../../../mooc2/images/popBook_add.png) no-repeat; display:inline-block; vertical-align:middle; margin:0 4px 2px 0;}
.newTopic_bnt:hover{ opacity:.7;}
.formTopic{ width:100%; background:#FFFFFF; position:absolute; left:0; top:0; z-index:111; box-shadow:0px 10px 10px 0px rgba(208,212,214,.4);}
.formTopic_padding{ padding:10px 14px 0; max-height:382px; overflow:hidden;}
.formTopic_title{}
.formTopic_title>input{ display:block; width:calc(100% - 30px); height:20px; line-height:20px; padding:10px 14px; font-size:14px; color:#181E33; border:solid #E1E1E5 1px; border-radius:4px;}
.formTopic_title>input:focus{ border:1px solid #CCDEF3; box-shadow:0 0 4px 0 #75BAFF;}
.formTopic_text{ margin-top:15px; padding:10px 0; border:solid #E1E1E5 1px; border-radius:4px;}
.formTopic_text>textarea{ display:block; width:calc(100% - 30px); height:200px; line-height:20px; padding:0 14px; font-size:14px; color:#181E33; font-family:Microsoft YaHei,SimSun, Arial, Helvetica, sans-serif;}
.areaShadow{ border:1px solid #CCDEF3; box-shadow:0 0 4px 0 #75BAFF;}
.formTopic_pic{ margin-top:5px; zoom:1; overflow:hidden;}
.formTopic_pic li{ width:50px; height:50px; float:left; margin:10px 10px 0 0; position:relative; cursor:default;}
.formTopic_pic li img{ width:46px; height:46px; display:block; border:solid #E1E1E5 2px; border-radius:4px;}
.formTopic_pic li:hover img{ border-color:#3A8BFF;}
.formTopic_pic li .delePic{ width:20px; height:20px; background:url(../../../mooc2/images/icon-del-img.png) no-repeat center/20px; display:none; position:absolute; top:-5px; right:-8px;}
/*.formTopic_pic li .delePic:hover{ opacity:.7;}*/
.formTopic_pic li:hover .delePic{ display:block;}
.formTopic_pic li.addPic{ width:48px; height:48px; border:dashed #CCDEF3 1px; position:relative; cursor:pointer;}
.formTopic_pic li.addPic:before{ content:''; display:block; width:28px; height:0; border-top:dashed #CCDEF3 1px; position:absolute; top:50%; left:50%; margin-left:-14px;}
.formTopic_pic li.addPic:after{ content:''; display:block; width:0; height:28px; border-left:dashed #CCDEF3 1px; position:absolute; top:50%; left:50%; margin-top:-14px;}
.formTopic_pic li.addPic:hover,.formTopic_pic li.addPic:hover:before,.formTopic_pic li.addPic:hover:after{ border-color:#3a8bff;}
.formTopic_docx{ margin-top:14px; background:#F6F7F8;}
.formTopic_docx li{ padding-left:24px; padding-right:50px; line-height:20px; font-size:14px; color:#5C656E; position:relative;}
.formTopic_docx li:before{ content:''; display:block; width:16px; height:16px; background:url(../../../mooc2/images/topic_addFile.png) no-repeat center/16px; position:absolute; left:0; top:2px;}
.formTopic_docx li+li{ margin-top:12px;}
.formTopic_docx li .font12{ font-size:12px;}
.formTopic_docx li .docx_dele{ line-height:20px; color:#91A0B5; position:absolute; right:0; top:0;}
.formTopic_docx li .docx_dele:hover{ opacity:.7;}
.replyTopic{ height:28px; padding:20px 14px;}
.replyTopic .imgUpload,.replyTopic .fileUpload{ float:left; width:18px; height:28px; line-height:28px; margin-right:30px; display:inline-block; cursor:pointer; position:relative; overflow:hidden;}
.replyTopic .imgUpload input[type=file],.replyTopic .fileUpload input[type=file] { display:block; font-size:30px; opacity:0; filter:alpha(opacity=0); position:absolute; right:0; top:0; cursor:pointer;}
.replyTopic .imgUpload:hover,.replyTopic .fileUpload:hover{ opacity:0.7; }
.replyTopic .imgUpload{ background:url(../../../mooc2/images/topic_addimg.png) center center no-repeat; }
.replyTopic .fileUpload { background:url(../../../mooc2/images/topic_addFile.png) center center no-repeat; }
.replyQuxiao{ line-height:28px; font-size:14px; color:#91A0B5; margin-right:20px; cursor:pointer;}
.replyQuxiao:hover{ opacity:.7;}
.jb_btn_60{width:60px;height:28px;line-height:28px; background:url(../../../mooc2/images/chapter_icons.png) no-repeat 0 -235px/150px auto; cursor:pointer;}
.jb_btn_60:hover{ background:url(../../../mooc2/images/chapter_icons.png) no-repeat 0 -265px/150px auto;}
.jb_btn_60:active{ background:url(../../../mooc2/images/chapter_icons.png) no-repeat 0 -295px/150px auto;}
.tableDiscuss{ padding: 0 14px 35px 14px;}
.itemDiscuss{ padding:14px; background:#FAFCFF; border:solid #E5ECF3 1px; border-radius:4px;margin-top:10px}
.itemDiscuss:first-child{ margin-top:0px;}
.dis_name{ max-width:70px; line-height:20px; margin-right:10px; display:inline-block; vertical-align:middle; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dis_time{ line-height:20px; display:inline-block; vertical-align:middle;}
.dis_title{ line-height:20px; font-size:14px; margin-top:6px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.dis_text{ line-height:20px; font-size:14px; margin-top:11px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.dis_text a {color: rgb(100, 104, 115);}
.dis_pic{ position:relative; margin-top:14px; height:100px; cursor:pointer;overflow: hidden;}
.dis_pic .imgList img{ display:block; float:left; width:100px; height:100px; border-radius:4px; margin-right:16px;}
/*.dis_pic .imgList img:hover { opacity:0.7;}*/
.dis_pic .imgTotal{ position:absolute; top:10px; left:0; height:30px; padding:0 5px; line-height:30px; font-size:12px; color:#FFFFFF; background:rgba(27, 27, 27, 0.69); border-radius:0px 2px 2px 0px;}
.itemDiscuss:hover{ cursor:pointer;}
.itemDiscuss:hover .dis_title{color:#3A4B87;}
.itemDiscuss:hover .dis_text{ color:#8B92A6;}
.itemDiscuss:hover .dis_pic{ opacity:0.7;}
.colorOrange{ color:#F7704E;}
.dis_docx{ margin-top:14px;}
.dis_docx li{ padding-left:24px; line-height:20px; font-size:14px; color:#5C656E; position:relative;}
.dis_docx li:before{ content:''; display:block; width:16px; height:16px; background:url(../../../mooc2/images/topic_addFile.png) no-repeat center/16px; position:absolute; left:0; top:2px;}
.dis_docx li+li{ margin-top:12px;}
.dis_docx li .font12{ font-size:12px;}
.dis_docx li:hover{ color:#8B92A6;}
.dis_docx li:hover .font12{ color:#C7C8D4;}
.topic_interactive { margin-top:10px; height:20px; line-height:20px; }
.topic_interactive .like,.topic_interactive .comment{ float:right; min-width:60px; text-align:right; padding-left:10px;}
.topic_interactive .like>i,.topic_interactive .like>span,.topic_interactive .comment>i,.topic_interactive .comment>span{ cursor:pointer;}
.topic_interactive span { display:inline-block; vertical-align:middle; margin:0 4px; font-size:14px; color:#91A0B5;}
.topic_interactive a{color:#91A0B5}
.topic_interactive .likeIcon,.topic_interactive .commentIcon, .topic_interactive .zan i,.topic_interactive .zan1 i{ display:inline-block; vertical-align:middle; width:16px; height:16px; background:url(../../../mooc2/images/topic_interactive.png) no-repeat;}
.topic_interactive .likeIcon { background-position:0 0; }
.topic_interactive .commentIcon { background-position:0 -24px; }
.topic_interactive .like.active .likeIcon{background-position:-24px 0; }
.topic_interactive .like.active span{ color:#3A8BFF; }
.topic_interactive .zan1 i{background-position:-24px 0;}
.topic_interactive .like:hover,.topic_interactive .comment:hover{ opacity:0.7; }
.Note_text{ max-height:400px; line-height:20px; font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:20; -webkit-box-orient:vertical;}
.Note_time{ line-height:17px; margin-top:14px;}
.itemDiscuss:hover .Note_text{color:#3A4B87;}
.formNote_padding{ padding:0 14px 0; max-height:500px; overflow: auto;margin-top:10px;}
.formNote_text{ padding:10px 0; border:solid #E1E1E5 1px; border-radius:4px;}
.formNote_text .kc_notes_area{ display:block; width:calc(100% - 30px); height:240px;overflow: hidden; line-height:20px; padding:0 14px; font-size:14px; color:#181E33; font-family:Microsoft YaHei,SimSun, Arial, Helvetica, sans-serif;}
.areaShadow{ border:1px solid #CCDEF3; box-shadow:0 0 4px 0 #75BAFF;}
.z-index99{ z-index:999;}
.subNav h2{ padding:0 200px;font-size:16px; color:#A8A8B3;}
.newTopic{ padding:4px 20px 0;}
.tableDiscuss{ padding:0;}
.itemDiscuss{ position:relative; padding:16px 20px 20px; background:none; border:0; border-radius:0; margin:0 !important;}
.itemDiscuss:after{ position:absolute; left:20px; bottom:0; right:20px; content:''; display:block; height:1px; background:#F2F2F2;}
.dis_photos{ height:32px; line-height:32px;}
.dis_photos img{ width:32px; height:32px; margin-right:10px; float:left; border-radius:50%;}
.dis_photos .dis_name{ line-height:32px; max-width:100px;}
.dis_photos .dis_time{ line-height:32px;}
.dis_photos .colorOrange{ color:#F7704E;}
.bjCard_photos{ height:32px; line-height:32px; margin-bottom:10px;}
.bjCard_photos img{ width:32px; height:32px; margin-right:10px; float:left; border-radius:50%;}
.bjCard_photos .dis_name{ line-height:32px; max-width:100px;}
.bjCard_photos .dis_time{ line-height:32px;}
.bjCard_photos .colorOrange{ color:#F7704E;}
.dis_title{ margin-top:10px; line-height:22px; font-size:16px;}
.dis_pic{ margin-top:10px;}
.topic_interactive{ margin-top:14px;}
.dis_file{ padding-left:20px; margin-top:10px; height:18px; line-height:18px; color:#8A8B99; background:url(../images/chapter/topic_numFile.png) no-repeat left center;}
.dis_ments{ margin-top:14px;}
.dis_ments_item{ line-height:20px; font-size:14px; color:#8A8B99; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.dis_ments_more{ font-size:14px; color:#6B89B3;}
.itemDiscuss:hover{ background:#F0F6FF; cursor:pointer;}
.itemDiscuss:hover .dis_title{color:#3A8BFF;}
.itemDiscuss:hover .dis_text{ color:#474C59;}
.itemDiscuss:hover .dis_pic{ opacity:1;}
.catalog_points_yi,.catalog_points_er,.catalog_points_sa,.catalog_points_review{ height:20px; line-height:20px; font-size:12px; color:#FFF; text-align:center; font-family:arial; display:block; border-radius:20px; -webkit-box-shadow:0 2px 6px 0 rgba(255,182,28,0.57); box-shadow:0 2px 6px 0 rgba(255,182,28,0.57);}
.catalog_points_yi{ width:20px; background:url(../../../mooc2/images/chapter_icons.png) no-repeat 0 -120px/150px auto; position:absolute; right:20px; top:50%; margin-top:-10px;}
.catalog_points_er{ width:20px; background:url(../../../mooc2/images/catalog_tiem.png) no-repeat center/20px auto; position:absolute; right:20px; top:50%; margin-top:-10px;}
.catalog_points_sa{ width:20px; background:url(../../../mooc2/images/catalog_qi.png) no-repeat center/20px auto; position:absolute; right:20px; top:50%; margin-top:-10px;}
.catalog_points_review{ width:20px; background:url(../../../mooc2/images/icon-review.png) no-repeat center/20px auto; position:absolute; right:20px; top:50%; margin-top:-10px;}
.catalog_points_er,.catalog_points_sa,.catalog_points_review{ box-shadow:none; border-radius:0;}
/*目录气泡提示*/
.prevTips{ cursor:default !important;}
.prevHoverTips{ height:40px; line-height:40px; white-space:nowrap; text-align:center; font-family:Microsoft YaHei; font-size:12px; color:#FFF; background:rgba(24,30,51,0.80); border-radius:4px; display:block; position:absolute; top:-48px; z-index:99;}
.prevHoverTips i{ display:block; width:0px; height:0px; border:solid rgba(24,30,51,0.80) 4px; border-width:3px 5px; position:absolute; right:15px; top:40px; top:auto; border-color:rgba(24,30,51,0.80) transparent transparent transparent;}
.prevTips>.prevHoverTips{ padding:0 16px; right:-10px; opacity:0; visibility:hidden;
	-webkit-transition:opacity 0.3s 1s, visibility 0.3s 1s;
	-moz-transition:opacity 0.3s 1s, visibility 0.3s 1s;
	-ms-transition:opacity 0.3s 1s, visibility 0.3s 1s;
	-o-transition:opacity 0.3s 1s, visibility 0.3s 1s;
	transition:opacity 0.3s 1s, visibility 0.3s 1s;
 }
.posCatalog_select:hover .prevHoverTips{ display:block; opacity:1; visibility:visible;
 	-webkit-transition:opacity 0.3s 1s, visibility 0.3s 0.3s;
 	-moz-transition:opacity 0.3s 1s, visibility 0.3s 0.3s;
 	-ms-transition:opacity 0.3s 1s, visibility 0.3s 0.3s;
 	-o-transition:opacity 0.3s 1s, visibility 0.3s 0.3s;
 	transition:opacity 0.3s 1s, visibility 0.3s 0.3s;
}
.tipTime.prevTips>.prevHoverTips{width:241px;padding:0 16px;right:-10px;opacity:1;visibility:hidden;-webkit-transition:opacity 0.3s 1s,visibility 0.3s 1s;-moz-transition:opacity 0.3s 1s,visibility 0.3s 1s;-ms-transition:opacity 0.3s 1s,visibility 0.3s 1s;-o-transition:opacity 0.3s 1s,visibility 0.3s 1s;transition:opacity 0.3s 1s,visibility 0.3s 1s}
.posCatalog_select:hover .tipTime.prevTips>.prevHoverTips{display:block;opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 1s,visibility 0.3s 0.3s;-moz-transition:opacity 0.3s 1s,visibility 0.3s 0.3s;-ms-transition:opacity 0.3s 1s,visibility 0.3s 0.3s;-o-transition:opacity 0.3s 1s,visibility 0.3s 0.3s;transition:opacity 0.3s 1s,visibility 0.3s 0.3s}
.tipTime.prevTips >.prevHoverTips{height:54px;padding:0px 16px;line-height:17px;word-wrap:normal;white-space:break-spaces;text-align:left;font-family:Microsoft YaHei;font-size:12px;color:#FFF;background:rgba(24,30,51,0.80);border-radius:4px;display:block;position:absolute;top:-60px;z-index:99;letter-spacing: 0.3px;}
.tipTime.prevTips >.prevHoverTips i{top: 54px}
.tipTime.prevTips >.prevHoverTips em{display:inline-block;margin-top:10px;}
.NoClick .posCatalog_name{ color:#A8A8B3; pointer-events: none; cursor:default !important;}
.NoClick{cursor:default !important;}
.NoClick .posCatalog_name:hover{ background:none;}
.ksDingweiBox{ bottom:150px !important; border-radius:50%; box-shadow:rgba(255,182,28,.6) 0 2px 6px 0;}
.ksDingwei{ width:40px; height:40px; line-height:40px; font-size:18px; color:#FFF; display:block; background:url(../../../mooc2/images/Oval-Copy.png) no-repeat; overflow:hidden; border-radius:50%; text-align:center;}
.ksDingwei:hover{ color:#FFF7DF; background-position:0 -40px;}
.ksDingwei:active{ color:#FFE2B1; background-position:0 -80px;}
.ksDingweiTxt{ padding:0 16px; width:auto; white-space:nowrap;}
.tag { display: inline-block; vertical-align: middle; height: 20px; margin-right: 10px; line-height: 20px; padding: 0 6px; font-size: 12px; color: #FFFFFF; border-radius: 4px; }
.tag.blue { background: #8FB4DE; }
.tag.red { background: #DE8F8F; }
.tag.yellow { background: #EDAF69; }
#kf{display: block;padding-right: 0px;height: 40px;width: 40px;background: #fff url(../../../mooc2/images/kfIcon.png) no-repeat 8px center;padding-left: 0px;border-radius: 4px;box-shadow: 0 1px 7px 0 rgba(198,204,217,0.58);}
.useHelpHref{display: block;padding-right: 0px;height: 40px;width: 40px;background: #fff url(../../../mooc2/images/useHelp.png) no-repeat 8px center;padding-left: 0px;border-radius: 4px;box-shadow: 0 1px 7px 0 rgba(198,204,217,0.58);}
#kf{margin-top:10px;}
.kfDiv,.useHelp{position:relative}
.kfHover,.useHelpHover{position:absolute;right:50px;bottom:0px;width: 82px;height:40px;background: rgba(24,30,51,0.80);border-radius: 4px;margin-left: -28px;opacity: 0; visibility: hidden;-webkit-transition: opacity 0.3s 1s, visibility 0s 0.3s;transition: opacity 0.3s 1s, visibility 0s 0.3s;transition: opacity 0.3s 1s, visibility 0s 0.3s;text-align:center;line-height:40px;color:#fff;}
.kfDiv:hover .kfHover, .useHelp:hover .useHelpHover{ display:block; opacity:1; visibility:visible;
	-webkit-transition:opacity 0.3s 1s, visibility 0.3s 1s;
	transition:opacity 0.3s 1s, visibility 0.3s 1s;}
.kfHover i,.useHelp i{ display:block; width:0px; height:0px; border:solid rgba(24,30,51,0.80) 4px; position:absolute; right:-8px; top:16px; bottom:auto; border-color:rgba(24,30,51,0.80) transparent transparent transparent;transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);}
.kfHover i.active, .useHelp 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;}
.titleEl{margin-top:137px!important;}
.edui-editor-toolbarbox{width:404px!important;}
@media screen and (max-width: 1440px) {
	.posChapter {width: 300px;}
	.prev_title{padding: 0 80px;}
	.prev_list{padding: 0 80px;}
	.titleEl{margin-top:189px!important;}
	.edui-editor-toolbarbox{width:272px!important;}

	.tabCatalog li {
		padding: 0px 2px;
	}

	.tabCatalog ul {
		padding: 10px 14px 0 10px;
	}
}

.dotNote_box{ display:none;position:absolute; right:15px; bottom:80px; width:46px; height:46px;z-index:100;}
.dotNote_box .dotNote_dadian{ width:46px; height:46px; background:url(../../../mooc2/images/chapter/ico-sp-dotNote.png) no-repeat;background-size:100%;cursor: pointer;}
.dotNote_box .dotNote_dadian.en{background:url(/mooc2/images/chapter/noteMarkBtn.png) no-repeat;background-size:100%;}
.dotNote_con{display: none; position:absolute; bottom:0; right:60px; z-index:10; width:200px; min-height:60px; background:#FFFFFF; border-radius:4px; box-shadow:0px 2px 12px rgba(175, 187, 204, 0.75);}
.dotNote_con:before{ position:absolute; left:100%; bottom:18px; display:block; content:''; width:0px; height:0px; border:solid #FFFFFF 6px; border-width:5px 4px; border-color:transparent transparent transparent #FFFFFF;}
.dotNote_padd{ padding:12px 16px;}
.dotNote_text{ line-height:20px;color:#131B26;}
.dotNote_bnt{ height:28px; margin-top:6px; text-align:right;}
.dotNote_blue{ width:58px; height:26px; line-height:26px; border:solid #8CBBFF 1px; font-size:14px; color:#3A8BFF; border-radius:6px; display:inline-block; vertical-align:top; text-align:center;}
.reportFrame{border:none;width: 638px;height:420px}

.record-box{margin-top:17px;}
.record-list{position: relative;padding-bottom: 17px;}
.record-list:last-child{padding-bottom: 3px;}
.record-list-tit{position: relative;line-height: 20px;top:-6px;margin-bottom: -8px;margin-left:12px;padding-left: 12px;display: inline-block;}
.record-list-tit:before{content: "";width:6px;height: 6px;position: absolute;top:50%;margin-top:-3px;left: -3px;z-index: 2;background: #b3b3b3;border-radius: 50%;}
.record-list-tit > *{display:inline-block;vertical-align: top;}
.record-list-time{font-size:12px;color:#919599;height: 20px;background:#f0f2f5;position: relative;margin-left:-24px;margin-right:2px;right:0;padding-left:22px;padding-right:15px;border-radius: 12px;min-width: 30px;-webkit-user-select:none;box-sizing: content-box;/* top: 8px; */}
.record-list-ppt{width:34px;height: 17px;line-height: 17px;background:#b3b3b3;margin:3px 0 0 6px; border-radius: 14px;text-align: center;font-size:11px;color:#FFF;}
.record-iframe .editor-iframe:first-child{margin-left:-11px; padding: 0;}
.record-iframe .editor-iframe{position: relative;margin-top:5px;}
.record-list-tit,.record-box-video .record-list-tit{line-height: 22px;top: -11px;margin-left: -12px;}
.record-box-video .record-list-tit{cursor: pointer}
.record-list-time,.record-box-video .record-list-time{background:#ebf7ff;color:#3A8BFF;height:22px;}
.record-list-tit:before,.record-box-video .record-list-tit:before{background: url("../../../mooc2/images/chapter/icon_arrow.png") no-repeat;background-size: contain;border-radius: 0;}
.record-box-video{padding-left: 8px;}
.record-list,.record-box-video .record-list{padding-left:12px;}
.record-box-video .record-list:after{content: '';position: absolute;left: -1px;top: 10px;width:1px;height:100%;background-color:#3A8BFF;z-index: 0;}
.titleEl{height: 36px;border-bottom: 1px solid #D4D6D9;}
.titleEl.focus{border-bottom: 1px solid #3A8BFF;}
.titleEl input{display: inline-block;width: 100%;height: 35px;line-height: 35px;font-size: 18px;font-weight: 500;}
.noteTitle{font-size:14px;color:#131B26;width: 100%;height: 28px;line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.itemDiscuss .Note_text{color:#474C59}
.fht_send{ position:fixed; bottom:24px; z-index:9999; overflow:hidden; background:rgba(29, 40, 64, 0.90); border:1px solid #3D4B66; border-radius:10px; box-shadow:-1px 1px 8px 0px rgba(1, 82, 128, 0.20);}
.fht_right{right: 24px;}
.fht_left{left: 24px;}
.fht_send_icon{ padding:10px; width:30px; height:26px; background:url(../../../mooc2/images/chapter/ico-fht-send.png) no-repeat center center; background-size:26px 26px;}
.fht_send_close{ width:16px; background:#26334D url(../../../mooc2/images/chapter/ico-fht-send-arrow.png) no-repeat center center; background-size:12px 12px;}

.fht_send_one{ cursor:pointer;}

.fht_send_two{ position:relative;}
.fht_send_two .fht_send_icon{ position:absolute; left:0; top:0;}
.fht_send_two .fht_send_text{ padding:0 26px 0 50px; width:154px; height:46px; line-height:46px; font-size:14px; color:#ACB4BF;}
.fht_send_two .fht_send_close{ position:absolute; right:0; top:0; bottom:0;}

.fht_send_three{ position:relative;}
.fht_send_three .fht_send_icon{ position:absolute; left:0; top:0;}
.fht_send_three .fht_send_close{ position:absolute; right:0; top:0; bottom:0;}
.fht_send_three .fht_send_form{ padding:13px 26px 13px 50px;}
.fht_send_three .fht_send_area{ width:182px; height:20px; max-height:200px !important; line-height:20px; font-size:14px; color:#FFFFFF; caret-color:#3A8BFF; font-family:Microsoft YaHei; background:none; border:0 none;}
.fht_send_three .fht_send_area::-webkit-scrollbar{ width: 8px;}
.fht_send_three .fht_send_area::-webkit-scrollbar-track{ background-color:#f5f5f5; border-radius:10px; display:none;}
.fht_send_three .fht_send_area::-webkit-scrollbar-thumb{ background-color: rgba(255, 255, 255, 0.15); border-radius:10px;}
.fht_send_three .fht_send_area::-webkit-scrollbar-button{ background-color: #eee; display: none;}
.fht_send_three .fht_send_area::-webkit-scrollbar-corner{ background-color: black;}

.fht_send_three .fht_send_area::-webkit-input-placeholder{ color:#ACB4BF; text-overflow:ellipsis; }
.fht_send_three .fht_send_area:-moz-placeholder{ color:#ACB4BF !important; text-overflow:ellipsis; }
.fht_send_three .fht_send_area::-moz-placeholder{ color:#ACB4BF !important; text-overflow:ellipsis; }
.fht_send_three .fht_send_area:-ms-input-placeholder{ color:#ACB4BF !important; text-overflow:ellipsis; }

.fht_send_bnt{ padding:0 30px 0 14px; height:32px; line-height:32px; border-top:solid rgba(255, 255, 255, 0.10) 1px; text-align:right;}
.fht_send_href{ font-size:14px; color:#3A8BFF; display:inline-block; vertical-align:middle;padding:0 10px;}
.markContent,.topicAskContent{display: block;width: 100%;height: 20px;line-height: 20px;padding:0 0 15px 0;}
.topicAskContent{padding-top:10px;padding-bottom:0}
.markContent i,.topicAskContent i{float: left; width: 2px;height:16px;margin-top:2px;background: #ACB4BF}
.markContent span,.topicAskContent span{float: left;padding-left:4px;line-height:20px;font-size:14px;color:#8A8B99;width: calc(100% - 6px);height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.posChapter2{width: 100%;border-radius: 8px;box-sizing: border-box;background:#FFFFFF; z-index:99; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.newTopic2{ height:30px; padding:10px 22px 0; position:relative;}
.formTopic .jb_btn_60 {
	width: 60px;
	height: 28px;
	line-height: 28px;
	background: url(../../../mooc2/images/chapter_icons.png) no-repeat 0 -235px/150px auto;
	cursor: pointer;
}

.formTopic .jb_btn_60:hover {
	background: url(../../../mooc2/images/chapter_icons.png) no-repeat 0 -265px/150px auto;
}

.formTopic .jb_btn_60:active {
	background: url(../../../mooc2/images/chapter_icons.png) no-repeat 0 -295px/150px auto;
}

.marTop20{margin-top:20px}
.mistakeType li{float:left;margin-right:30px;font-size:14px;cursor: pointer;}
.mistakeType li span{vertical-align:middle;display: inline-block}
.mistakeType li i{vertical-align:middle;display: inline-block;vertical-align: middle;width:18px;height:19px;background: url(../../../mooc2/images/chapter/ai/check.png) no-repeat;margin-right:10px;background-size:100%;}
.mistakeType li.selected i{background:url(../../../mooc2/images/chapter/ai/checked.png) no-repeat;background-size: 100%;}
.questionInstuctionbx{border:solid 1px #D4D6D9;border-radius:4px;padding:14px;box-sizing: border-box;height: 120px;}
.questionInstuctionbx textarea{height:75px;width:100%;font-size:14px;font-family:pingfang, microsofrYahei;line-height:20px ;}
.wordNumber{margin-top:5px;color:#ACB4BF}
.questionPicList{margin-top:16px;overflow: hidden;}
.questionPicList li{float:left;width:80px;height: 80px;margin-right:12px;margin-top:7px;position: relative;}
.questionPicList li img{width:100%;height:100%;}
.delPic{position: absolute;width:20px;height: 20px;background:url(../../../mooc2/images/chapter/delPic.png) no-repeat;background-size: 100%;top:-7px;right:-7px;cursor: pointer;}
.focus{border: solid 1px #3A8BFF;}
.addPicBtn{width:80px;height:80px;background:url(../../../mooc2/images/chapter/addPic.png) no-repeat;background-size: 100%;position: relative;overflow: hidden;}
.addPicBtn:hover{background:url(../../../mooc2/images/chapter/hoverAddPic.png) no-repeat;background-size: 100%;}
.addPicBtn input[type='file']{position: absolute;font-size:100px;right:0;bottom:0;width:100%;height:100%;cursor: pointer;opacity: 0;}
.addpicTips{font-size:13px;line-height: 18px;color:#8A8B99;margin-bottom:20px;margin-top:14px}
.popSetupFile{ padding:0 28px; margin:0 2px; height:348px;}
.feedbackBox{display:none;}