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

body{ background:#fff;}
.newNode .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);}
.newNode .preview_table{ height:70px; display:table; margin:0 auto;}
.newNode .preview_opacity{ height:60px; padding-top:10px; line-height:20px; font-size:14px; color:#646873; display:inline-block; vertical-align:middle; cursor:pointer;}
.newNode .preview_opacity.active{ background:#3A8BFF; color:#FFFFFF;}
.newNode .preview_opacity:hover{ opacity:.7;}
.newNode .preview_opacity.active:hover{ opacity:1;}
.newNode .preview_line{ width:1px; height:70px; background:#F2F2F2; margin:0 20px; display:inline-block; vertical-align:middle;}
.newNode .preview_computer{ width:90px; margin-right:20px;}
.newNode .preview_mobile{ width:90px; margin-right:20px;}
.newNode .preview_close{ width:80px; margin-left:20px;}

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

.newNode .prev_box{ background:#fff; margin:40px auto 0; position:relative;min-width: 678px;}
.newNode .prev_title_pos{ width:100%;}
.newNode .prev_title{width:800px;line-height:36px; font-size:26px; color:#131B26; font-weight:500; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newNode .prev_tab{ position:relative;}
.newNode .prev_list{margin-top:4px;}
.newNode .prev_list ul{}
.newNode .prev_list li{ margin:14px 14px 0 0; padding:6px 12px; height:32px; line-height:20px; background:#E8F1FE; font-size:14px; color:#474C59; border-radius:32px; cursor:pointer; float:left;}
.newNode .prev_list li .num{ font-family:'D-DIN'; margin-right:6px; display:inline-block; vertical-align:top;}
.newNode .prev_list li .spanText{ max-width:160px; display:inline-block; vertical-align:top; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newNode .prev_list li.active{ background:#3A8BFF; color:#FFFFFF;}
.newNode .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);}
.newNode .prev_select_white{ background:#FFFFFF;}
.newNode .prev_select_name{ display:block; width:70px; height:44px; background:url(../../mooc2/images/rightArrow.png) no-repeat center/14px; cursor:pointer;}
.newNode .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);}
.newNode .prev_select_con ul{ max-height:320px;}
.newNode .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;}
.newNode .prev_select_con li.active{ color:#3B90FF; background:#F5F8FB url(../../mooc2/images/prev_select_active.png) no-repeat 14px center/16px;}
.newNode .prev_select_con li.active:hover{ background:#F5F8FB url(../../mooc2/images/prev_select_active.png) no-repeat 14px center/16px;}
.newNode .prev_select_con li:hover{ color:#3B90FF; background:#F5F8FB;}

.newNode .prev_main{background:#FFFFFF; position:relative;}
.newNode .prev_main_text{ min-height:1000px; line-height:2; font-size:14px; color:#181E33;}
.newNode .prev_main_text img{ max-width:820px;}

.newNode .prev_bnt{ width:930px; height:36px; margin:20px auto 30px;}
.newNode .prev{position:absolute;bottom:-56px;right:290px}
.newNode .next{position:absolute;bottom:-56px;right:200px}

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

/*章节左右pop*/
.newNode .fanyaPreview_left{ padding-left:432px;}
.newNode .fanyaPreview_right{ padding-right:432px;}
.newNode .posChapter_left{ left:0; bottom:0;}
.newNode .posChapter_right{ right:0; bottom:0;}
.newNode .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;}

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

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

.newNode .switchbtn{ width:32px; height:40px; background:#eaf0f8; 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;}
.newNode .switchbtn:before{ content:''; display:block; width:14px; height:14px; margin:13px auto 0; background:url(../../mooc2/images/posflfr.png) no-repeat center/ 14px;}
.newNode .switchbtn:hover{ opacity:.7;}
.newNode .posChapter_left .switchbtn{ position:absolute; right:0; top:10px;}
.newNode .posChapter_right .switchbtn{ position:absolute; right:0; top:10px;}
.newNode .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;
}
.newNode .posChapter_left .switchbtn_cur:before{
	-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);
}
.newNode .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;
}
.newNode .posChapter_right .switchbtn_cur:before{
	-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);
}

.newNode .posDirectory{ height:60px; line-height:60px; padding:0 24px; font-size:16px; color:#A8A8B3; font-weight:600;}
.newNode .posCatalog{ width:100%; position:relative;}
.newNode .posCatalog li{ line-height:40px; cursor:pointer;}

.newNode .posCatalog_select{ font-size:14px; color:#181E33; position:relative;}
.newNode .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%);
}
.newNode .posCatalog_title:hover{ opacity:.7;}
.newNode .posCatalog_name{ display:block; padding:0 40px 0 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newNode .posCatalog_name:hover{ background:#F7FAFC;}
.newNode .posCatalog_sbar{ max-width:66px; display:inline-block; font-style:normal; vertical-align:top; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newNode .posCatalog_active{ background:#F0F6FF; position:relative;}
.newNode .posCatalog_active:before{ content:''; display:block; width:100%; height:1px; background:#D6E8FF; position:absolute; top:0;}
.newNode .posCatalog_active:after{ content:''; display:block; width:100%; height:1px; background:#D6E8FF; position:absolute; bottom:0;}
.newNode .posCatalog_active .posCatalog_name{ background:#F0F6FF;}
.newNode .posCatalog_level{ display:none;}

.newNode .posCatalog_level li .posCatalog_name{ padding-left:38px;}
.newNode .posCatalog_level li li .posCatalog_name{ padding-left:56px;}
.newNode .posCatalog_level li li li .posCatalog_name{ padding-left:74px;}
.newNode .posCatalog_level li li li li .posCatalog_name{ padding-left:92px;}
.newNode .posCatalog_level li li li li li .posCatalog_name{ padding-left:110px;}

.newNode .posCatalog_title: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;}
.newNode .posCatalog_rotate:before{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}

.newNode .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);}
.newNode .catalog_points_yi{ width:20px; background:url(../../mooc2/images/course/chapter_icons.png) no-repeat 0 -120px/150px auto; position:absolute; right:20px; top:50%; margin-top:-10px;}

/*手机预览*/
.newNode .mobile_box{ height:554px; padding:87px 37px 106px 45px;}
.newNode .mobile_title{ height:40px; line-height:40px; background:#F5F6F7; position:relative;}
.newNode .mobile_title h2{ margin:0 54px; font-size:16px; color:#181E33; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newNode .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;
.newNode -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.newNode .mobile_thead{ width:320px; height:37px; line-height:36px; overflow:hidden;}
.newNode .mobile_thead ul{ height:36px; font-size:14px; color:#181E33; border-bottom:solid #E4EFFF 1px;}
.newNode .mobile_thead li{ width:150px; float:left; cursor:pointer;}
.newNode .mobile_thead li.active{ color:#3A8BFF; border-bottom:solid #3A8BFF 1px;}
.newNode .mobile_thead li:hover{ opacity:.7;}
.newNode .mobile_thead li.active:hover{ opacity:1;}
.newNode .mobile_thead li>span{ display:block; margin:0 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newNode .mobile_tbody{ padding:6px 0; font-size:14px; color:#181E33; line-height:1.5;}
.newNode .mobile_tbody img{ max-width:300px;}
.newNode .mobile_text{ padding:0 10px; height:464px; overflow:hidden;}


/*置顶二维码*/
.newNode .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;-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);}
.newNode .DownCode:hover{ background:#3A8BFF url(../../mooc2/images/qrcode.png) no-repeat 0 -40px/40px auto;}
.newNode .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);}
.newNode .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;}
.newNode .DownCode_pic{ width:108px; height:108px; margin:0 auto;}
.newNode .DownCode_pic img{ width:108px; height:108px; display:block;}
.newNode .DownCode_text{ line-height:18px; margin-top:10px; font-size:12px; color:#A8A8B3; text-align:center;}
.newNode .DownCode:hover .DownCode_con{ display:block;}
#DownloadaDiv{ right:460px; bottom:140px;box-shadow: none;}
#JS_back_to_top{ right:460px; bottom:90px;}
.newNode .kfDiv{position:relative}
.newNode .kfHover{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;}
.newNode .kfDiv:hover .kfHover{ 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;}

/*学生端*/
.newNode .tabCatalog{ height:60px; background:#FFFFFF; position:relative; z-index:200;}
.newNode .tabCatalog ul{ height:40px; padding-top:10px; background:#F9F9F9;}
.newNode .tabCatalog li{ width:64px; height:40px; line-height:40px; margin-left:8px; font-size:16px; color:#A8A8B3; opacity:.6; border-radius:8px 8px 0px 0px; float:left; text-align:center; cursor:pointer;}
.newNode .tabCatalog li:hover{ opacity:.4;}
.newNode .tabCatalog li.active{ background:#FFFFFF; opacity:1;}

.newNode .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;}
.newNode .Loading.padding20{ padding:10px 0 20px;}
.newNode .z-index99{ z-index:999;}
.newNode .subNav h2{ padding:0 200px;font-size:16px; color:#A8A8B3;}

.newNode .catalog_points_yi,.catalog_points_er,.catalog_points_sa{ 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);}
.newNode .catalog_points_yi{ width:20px; background:url(../../mooc2/images/course/chapter_icons.png) no-repeat 0 -120px/150px auto; position:absolute; right:20px; top:50%; margin-top:-10px;}
.newNode .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;}
.newNode .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;}
.newNode .catalog_points_er,.catalog_points_sa{ box-shadow:none; border-radius:0;}

/*目录气泡提示*/
.newNode .prevTips{ cursor:default !important;}
.newNode .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;}
.newNode .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;}
.newNode .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;
 }
.newNode .prevTips: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;
}

.newNode .NoClick .posCatalog_name{ color:#A8A8B3; pointer-events: none; cursor:default !important;}
.newNode .NoClick{cursor:default !important;}
.newNode .NoClick .posCatalog_name:hover{ background:none;}
#kf{display: block;padding-right: 0px;margin: 0 0 10px;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);}
@media screen and (max-width: 1199px) {
	.posChapter {width: 300px;}
	/*.prev_box{padding: 0 80px;}*/
	/*.fanyaPreview{min-width: 1000px;}*/
	.fanyaPreview_right{padding-right:300px;}
	.next{right: 80px;}
	.prev{right: 170px;}
	#DownloadaDiv{right:328px;}
	#JS_back_to_top{right:328px;}
	.fanyaPreview_left{padding-left:300px;}
}