| 
					
				 | 
			
			
				@@ -67,8 +67,14 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <b class="content-en" v-if="curQue.en">{{ curQue.en }}</b> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <div class="item-intro" v-if="curQue.con"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      {{ curQue.con }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div class="item-intro-box"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <div class="item-intro" v-if="curQue.con"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!-- {{ curQue.con }} --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        Chinese is a tonal and musical language. You will want to use accurate 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        Mandarin to communicate with Chinese. These two preliminary lessons will 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        help you from the very beginning to establish a sound foundation in 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        phonetics. 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <a class="start-btn" @click="handleNNPEnext">开始学习</a> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   </div> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -194,18 +200,20 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       display: flex; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  .item-intro { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    background: #c43c3c; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    border: 1px solid rgba(0, 0, 0, 0.1); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    box-sizing: border-box; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    border-radius: 8px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    padding: 24px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    font-size: 16px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    line-height: 150%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    white-space: pre-wrap; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    word-break: break-word; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .item-intro-box { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     min-height: 90px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    text-align: justify; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    .item-intro { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      background: #c43c3c; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      border: 1px solid rgba(0, 0, 0, 0.1); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      box-sizing: border-box; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      border-radius: 8px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      padding: 24px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      font-size: 16px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      line-height: 150%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      white-space: pre-wrap; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      word-break: break-word; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      text-align: justify; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   .start-btn { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     width: 160px; 
			 |