| 
					
				 | 
			
			
				@@ -79,7 +79,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <div class="rightBox" v-if="this.steps == 1" @mousewheel="scrollChange" style="padding:30px 10px 0" :style="{height:(!isStepDisplay && !isBtnDisplay) ? 'calc(100% - 40px)' : 'calc(100% - 100px)'}"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div class="rightBox" v-if="this.steps == 1" @mousewheel="scrollChange" style="padding:30px 10px 0" :style="{height:(!isStepDisplay && !isBtnDisplay) ? 'calc(100% - 20px)' : 'calc(100% - 100px)'}"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <div class="updateMask" :style="{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               height: rightBoxHeight ? rightBoxHeight + 'px' : '100%', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             }" v-if="cid && userid != courseUserid && role != '1'"></div> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -442,8 +442,8 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   <div class="navBottom"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     <div class="navTask" v-if="unitJson[unitIndex].dyName"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                       <div class="nt_taskBox" style="width: 100%;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <div class="nt_taskTitle">阶段 {{ unitIndex + 1 }}</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <div class="nt_taskName"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <div class="nt_taskTitle" style="font-size: 16px;min-width: fit-content;margin-right: 10px;font-weight: 700;">阶段 {{ unitIndex + 1 }}</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <div class="nt_taskName" style="font-size: 16px;font-weight: 700;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                           <el-tooltip effect="light" :content="unitJson[unitIndex].dyName" placement="top"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                             <span>{{ unitJson[unitIndex].dyName }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                           </el-tooltip> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -486,7 +486,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   padding: 0 20px 0 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   box-sizing: border-box; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  background: #f0f4fa 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  background: #e4eaf2 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 "> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 <!-- :style="{ maxWidth: (userid == courseUserid || role == '1') ? 'calc(100% - 300px)' : 'calc(100% - 175px)' }" --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     <div class="cru_selectBox" :style="{ maxWidth: isPasteTask ? 'calc(100% - 175px)' : 'calc(100% - 40px)' }"> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -542,7 +542,8 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     <div class="taskBorder" :style="{ minHeight: unitJson[unitIndex].easy && 'unset' }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                       :class="{ smallTaskBorder: itemTask.isFold === 1 }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                       v-for="(itemTask, itemTaskIndex) in item.taskJson" :key="itemTaskIndex"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      <div v-if="unitJson[unitIndex].easy != 1"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <div style="background: #e4eaf2;padding: 20px;border-radius: 5px;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <div v-if="unitJson[unitIndex].easy != 1"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                         <div :style="{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                           marginBottom: 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                             unitJson[unitIndex].easy == 3 || 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -1039,7 +1040,9 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                           </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                         </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                       </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      <div v-if="unitJson[unitIndex].easy != 3 && 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <div style="background: #e4eaf2;padding: 20px;border-radius: 5px;margin-top: 15px;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <div v-if="unitJson[unitIndex].easy != 3 && 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                         !(unitJson[unitIndex].easy == 5 && itemTask.taskType == 1) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                         " style=" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                       flex-direction: row; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -2142,6 +2145,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                           </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                         </div> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                       </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     <div class="addTaskBorder" @click="addTaskBorder" v-if="!unitJson[unitIndex].easy"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                       <div> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -2197,7 +2201,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               </div> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <div :class="{info_btnBox:isBtnDisplay,info_btnBox2:!isBtnDisplay}" @mouseenter="btnDisplay(true)"  @mouseleave="btnDisplay(false)"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div :class="{info_btnBox:isBtnDisplay,info_btnBox2:!isBtnDisplay}" @mouseenter="btnDisplay(true)"  @mouseleave="btnDisplay(false)" v-if="false"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <button class="c_pub_button_return pub_btn_return_img" v-if="steps == 1 && isBtnDisplay" @click=" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               goTo( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 '/course?userid=' + 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -9155,7 +9159,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 .chapter_upload_up { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   width: 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   height: 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  background: #F0F4FA; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  background: #e4eaf2; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   cursor: pointer; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   margin: 0 auto; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   border-radius: 5px; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -9557,6 +9561,11 @@ ol { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   border-radius: 15px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.whiteBIcon > div:nth-child(2){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  height: 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  line-height: 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 .check { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   /* width: 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   height: 20px; */ 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -9906,8 +9915,8 @@ ol { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   margin-top: 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   min-height: 670px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   position: relative; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  background: #F0F4FA; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  padding: 20px 20px 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  background: #fff; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  padding: 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   overflow: hidden; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   box-sizing: border-box; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 } 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -9961,7 +9970,7 @@ ol { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 .fold { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   display: flex; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  margin: 0 10px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  margin: 0 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   flex-direction: row; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   align-items: center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   cursor: pointer; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -11199,7 +11208,7 @@ ol { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 .rb_c_box_left { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   height: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  background: #F0F4FA; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  background: #e4eaf2; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   width: 270px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   min-width: 270px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   border-radius: 8px; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -11220,7 +11229,7 @@ ol { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 .rb_c_box_right>.basic_box { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  background: #F0F4FA; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  background: #e4eaf2; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   border-radius: 8px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   height: calc(100% - 0px); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   overflow: auto; 
			 |