testbookLayout.git

			@@ -47,8 +47,8 @@
			<li>
			<p class="center"><img class="w80" alt="" src="../../assets/images/0069-1.jpg" /></p>
			<p class="center">1.
			<select class="select-border" v-model="warmUp[0].value[0].userAnswer" @change="savewarmUp"
			:disabled="warmUp[0].isComplete">
			<select class="select-border" v-model="warmUp[0].value[0].userAnswer"
			@change="savewarmUp" :disabled="warmUp[0].isComplete">
			<option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
			{{ item }}
			</option>
			@@ -61,8 +61,8 @@
			<li>
			<p class="center"><img class="w80" alt="" src="../../assets/images/0069-2.jpg" /></p>
			<p class="center">2.
			<select class="select-border" v-model="warmUp[0].value[1].userAnswer" @change="savewarmUp"
			:disabled="warmUp[0].isComplete">
			<select class="select-border" v-model="warmUp[0].value[1].userAnswer"
			@change="savewarmUp" :disabled="warmUp[0].isComplete">
			<option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
			{{ item }}
			</option>
			@@ -75,8 +75,8 @@
			<li>
			<p class="center"><img class="w80" alt="" src="../../assets/images/0069-3.jpg" /></p>
			<p class="center">3.
			<select class="select-border" v-model="warmUp[0].value[2].userAnswer" @change="savewarmUp"
			:disabled="warmUp[0].isComplete">
			<select class="select-border" v-model="warmUp[0].value[2].userAnswer"
			@change="savewarmUp" :disabled="warmUp[0].isComplete">
			<option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
			{{ item }}
			</option>
			@@ -89,8 +89,8 @@
			<li>
			<p class="center"><img class="w80" alt="" src="../../assets/images/0069-4.jpg" /></p>
			<p class="center">4.
			<select class="select-border" v-model="warmUp[0].value[3].userAnswer" @change="savewarmUp"
			:disabled="warmUp[0].isComplete">
			<select class="select-border" v-model="warmUp[0].value[3].userAnswer"
			@change="savewarmUp" :disabled="warmUp[0].isComplete">
			<option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
			{{ item }}
			</option>
			@@ -103,8 +103,8 @@
			<li>
			<p class="center"><img class="w80" alt="" src="../../assets/images/0069-5.jpg" /></p>
			<p class="center">5.
			<select class="select-border" v-model="warmUp[0].value[4].userAnswer" @change="savewarmUp"
			:disabled="warmUp[0].isComplete">
			<select class="select-border" v-model="warmUp[0].value[4].userAnswer"
			@change="savewarmUp" :disabled="warmUp[0].isComplete">
			<option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
			{{ item }}
			</option>
			@@ -117,8 +117,8 @@
			<li>
			<p class="center"><img class="w80" alt="" src="../../assets/images/0069-6.jpg" /></p>
			<p class="center">6.
			<select class="select-border" v-model="warmUp[0].value[5].userAnswer" @change="savewarmUp"
			:disabled="warmUp[0].isComplete">
			<select class="select-border" v-model="warmUp[0].value[5].userAnswer"
			@change="savewarmUp" :disabled="warmUp[0].isComplete">
			<option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
			{{ item }}
			</option>
			@@ -129,8 +129,7 @@
			</p>
			</li>
			</ul>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="warmUp[0].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="warmUp[0].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in warmUp[0].value" :key="index" class="mr-20">
			{{index + 1}}.{{ item.answer }}
			@@ -142,7 +141,9 @@
			<tr>
			<td>1. It takes pictures of the world from the sky.</td>
			<td>
			<input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px">
			<input type="text" :disabled="warmUp[1].isComplete"
			v-model="warmUp[1].value[0].userAnswer" class="input-bottom-border input-bc-t"
			@input="savewarmUp" style="width:80px">
			<span class="icon-box" v-if="warmUp[1].isComplete">
			<img :src="warmUp[1].value[0].isRight ? correctIcon : errorIcon" alt="">
			</span>
			@@ -151,7 +152,9 @@
			<tr>
			<td>2. It allows us to open the door with fingertips.</td>
			<td>
			<input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px">
			<input type="text" :disabled="warmUp[1].isComplete"
			v-model="warmUp[1].value[1].userAnswer" class="input-bottom-border input-bc-t"
			@input="savewarmUp" style="width:80px">
			<span class="icon-box" v-if="warmUp[1].isComplete">
			<img :src="warmUp[1].value[1].isRight ? correctIcon : errorIcon" alt="">
			</span>
			@@ -160,25 +163,33 @@
			<tr>
			<td>3. It cleans the foor of your room.</td>
			<td>
			<input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px">
			<input type="text" :disabled="warmUp[1].isComplete"
			v-model="warmUp[1].value[2].userAnswer" class="input-bottom-border input-bc-t"
			@input="savewarmUp" style="width:80px">
			<span class="icon-box" v-if="warmUp[1].isComplete">
			<img :src="warmUp[1].value[2].isRight ? correctIcon : errorIcon" alt="">
			</span>
			</td>
			</tr>
			<tr>
			<td>4. It allows you to experience amazing places of the world without leaving home.</td>
			<td>4. It allows you to experience amazing places of the world without leaving home.
			</td>
			<td>
			<input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px">
			<input type="text" :disabled="warmUp[1].isComplete"
			v-model="warmUp[1].value[3].userAnswer" class="input-bottom-border input-bc-t"
			@input="savewarmUp" style="width:80px">
			<span class="icon-box" v-if="warmUp[1].isComplete">
			<img :src="warmUp[1].value[3].isRight ? correctIcon : errorIcon" alt="">
			</span>
			</td>
			</tr>
			<tr>
			<td>5. It works as your personal transporter, and takes you from one place to another.</td>
			<td>5. It works as your personal transporter, and takes you from one place to another.
			</td>
			<td>
			<input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px">
			<input type="text" :disabled="warmUp[1].isComplete"
			v-model="warmUp[1].value[4].userAnswer" class="input-bottom-border input-bc-t"
			@input="savewarmUp" style="width:80px">
			<span class="icon-box" v-if="warmUp[1].isComplete">
			<img :src="warmUp[1].value[4].isRight ? correctIcon : errorIcon" alt="">
			</span>
			@@ -187,20 +198,22 @@
			<tr>
			<td>6. It can not only tell time but also keep track of your ftness.</td>
			<td>
			<input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px">
			<input type="text" :disabled="warmUp[1].isComplete"
			v-model="warmUp[1].value[5].userAnswer" class="input-bottom-border input-bc-t"
			@input="savewarmUp" style="width:80px">
			<span class="icon-box" v-if="warmUp[1].isComplete">
			<svg v-if="warmUp[1].value[5].isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="warmUp[1].value[5].isRight == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<svg v-if="warmUp[1].value[5].isRight == false" t="1716987085767" class="icon"
			viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			@@ -209,8 +222,7 @@
			</td>
			</tr>
			</table>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="warmUp[1].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="warmUp[1].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in warmUp[1].value" :key="index" class="mr-20">
			{{ item.answer }}
			@@ -268,19 +280,22 @@
			</p>
			<matching :rawData="rawData" :question="question"></matching>
			<h3 id="c030"><span class="bjh3">Reading</span></h3>
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
			></audio>
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			<p>
			1.Technology is all around us.What images spring to your mind when you hear the word “robot”?
			1.Technology is all around us.What images spring to your mind when you hear the word
			“robot”?
			<span class="btn-box" @click="showNoSubmitAnswer(0,0)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[0].userAnswer" @input="saveNoSubmitData"></textarea>
			<textarea name="" id="" cols="30" rows="10" class="w100"
			v-model="noSubmitData[0].value[0].userAnswer" @input="saveNoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[0].value[0].isShowAnswer">
			<span>答案:</span>
			<p v-for="(item,index) in noSubmitData[0].value[0].answer" :key="index">
			@@ -290,14 +305,16 @@
			<p>
			2.How can robots help humans today in daily life and work?
			<span class="btn-box" @click="showNoSubmitAnswer(0,1)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[1].userAnswer" @input="saveNoSubmitData"></textarea>
			<textarea name="" id="" cols="30" rows="10" class="w100"
			v-model="noSubmitData[0].value[1].userAnswer" @input="saveNoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[0].value[1].isShowAnswer">
			<span>答案:</span>
			<p v-for="(item,index) in noSubmitData[0].value[1].answer" :key="index">
			@@ -402,8 +419,7 @@
			<span class="line-border-box"></span>
			</p>
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			class="audio"
			></audio>
			class="audio"></audio>
			<p>creature /ˈkriːtʃə(r)/ <i>n.</i> 生物；（尤指）动物</p>
			<div class="bkbj">
			<p><i>a living thing that can move around,such as an animal</i></p>
			@@ -505,18 +521,23 @@
			<p>A.Read the passage and complete the summary.</p>
			<p>Nowadays,there has been a rapid increase in the use of robots in different areas.They make
			people’s lives 1.
			<input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
			<input type="text" :disabled="readingOne[0].isComplete"
			v-model="readingOne[0].value[0].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:80px">
			<span class="icon-box" v-if="readingOne[0].isComplete">
			<img :src="readingOne[0].value[0].isRight ? correctIcon : errorIcon" alt="">
			</span>
			.Sometimes,machines can perform better than humans.There are four
			examples of the latest robots.Octobot is designed to study 2.
			<input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
			<input type="text" :disabled="readingOne[0].isComplete"
			v-model="readingOne[0].value[1].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:80px">
			<span class="icon-box" v-if="readingOne[0].isComplete">
			<img :src="readingOne[0].value[1].isRight ? correctIcon : errorIcon" alt="">
			</span>
			,which can blend in
			with its underwater surroundings.Spot is a mechanical dog which may</p>
			with its underwater surroundings.Spot is a mechanical dog which may
			</p>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -540,24 +561,30 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p> be used for 3.
			<input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
			<input type="text" :disabled="readingOne[0].isComplete"
			v-model="readingOne[0].value[2].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:80px">
			<span class="icon-box" v-if="readingOne[0].isComplete">
			<img :src="readingOne[0].value[2].isRight ? correctIcon : errorIcon" alt="">
			</span>
			missions.Mingo could be found in hotels making 4.
			<input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
			<input type="text" :disabled="readingOne[0].isComplete"
			v-model="readingOne[0].value[3].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:80px">
			<span class="icon-box" v-if="readingOne[0].isComplete">
			<img :src="readingOne[0].value[3].isRight ? correctIcon : errorIcon" alt="">
			</span>
			.A humanoid
			robot Pepper has been created to communicate with humans and react to 5.
			<input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
			<input type="text" :disabled="readingOne[0].isComplete"
			v-model="readingOne[0].value[4].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:80px">
			<span class="icon-box" v-if="readingOne[0].isComplete">
			<img :src="readingOne[0].value[4].isRight ? correctIcon : errorIcon" alt="">
			</span>
			.</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="readingOne[0].isShowAnswer">
			.
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[0].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in readingOne[0].value" :key="index" class="mr-20">
			{{index + 1}}.{{ item.answer }}
			@@ -573,27 +600,34 @@
			</li> -->
			<li>
			<span>Pepper</span>
			<dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataOne" ref="choiceDropdownOne"></dropdown>
			<img :src="readingOne[1].value[0].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete">
			<dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataOne"
			ref="choiceDropdownOne"></dropdown>
			<img :src="readingOne[1].value[0].isRight ? correctIcon : errorIcon" alt=""
			v-if="readingOne[1].isComplete">
			</li>
			<li>
			<span>Spot</span>
			<dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataTwo" ref="choiceDropdownTwo"></dropdown>
			<img :src="readingOne[1].value[1].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete">
			<dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataTwo"
			ref="choiceDropdownTwo"></dropdown>
			<img :src="readingOne[1].value[1].isRight ? correctIcon : errorIcon" alt=""
			v-if="readingOne[1].isComplete">
			</li>
			<li>
			<span>Mingo</span>
			<dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataThree" ref="choiceDropdownThree"></dropdown>
			<img :src="readingOne[1].value[2].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete">
			<dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataThree"
			ref="choiceDropdownThree"></dropdown>
			<img :src="readingOne[1].value[2].isRight ? correctIcon : errorIcon" alt=""
			v-if="readingOne[1].isComplete">
			</li>
			<li>
			<span>Octobot</span>
			<dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataFour" ref="choiceDropdownFour"></dropdown>
			<img :src="readingOne[1].value[3].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete">
			<dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataFour"
			ref="choiceDropdownFour"></dropdown>
			<img :src="readingOne[1].value[3].isRight ? correctIcon : errorIcon" alt=""
			v-if="readingOne[1].isComplete">
			</li>
			</ul>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="readingOne[1].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[1].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in readingOne[1].value" :key="index" class="mr-20">
			{{index + 1}}.{{ arrayToString(item.answer) }}
			@@ -613,55 +647,96 @@
			<p>facility　mission　mechanical　habitat　creature　react</p>
			</div>
			<p>1.This jellyfish looks like a
			<input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
			<img :src="readingOne[2].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete">
			from outer space.</p>
			<input type="text" :disabled="readingOne[2].isComplete"
			v-model="readingOne[2].value[0].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:80px">
			<img :src="readingOne[2].value[0].isRight ? correctIcon : errorIcon"
			v-if="readingOne[2].isComplete">
			from outer space.
			</p>
			<p>2.The giant panda
			<input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
			<img :src="readingOne[2].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete">
			is commonly known as a bamboo forest.</p>
			<input type="text" :disabled="readingOne[2].isComplete"
			v-model="readingOne[2].value[1].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:80px">
			<img :src="readingOne[2].value[1].isRight ? correctIcon : errorIcon"
			v-if="readingOne[2].isComplete">
			is commonly known as a bamboo forest.
			</p>
			<p>3.China launched its first manned space
			<input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
			<img :src="readingOne[2].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete">
			in 2003.</p>
			<input type="text" :disabled="readingOne[2].isComplete"
			v-model="readingOne[2].value[2].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:80px">
			<img :src="readingOne[2].value[2].isRight ? correctIcon : errorIcon"
			v-if="readingOne[2].isComplete">
			in 2003.
			</p>
			<p>4.E-Theatre is equipped with state-of-the-art audio and video
			<input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
			<img :src="readingOne[2].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete">
			.</p>
			<input type="text" :disabled="readingOne[2].isComplete"
			v-model="readingOne[2].value[3].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:80px">
			<img :src="readingOne[2].value[3].isRight ? correctIcon : errorIcon"
			v-if="readingOne[2].isComplete">
			.
			</p>
			<p>5.Research shows that video games can help us think and
			<input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
			<img :src="readingOne[2].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete">
			faster.</p>
			<input type="text" :disabled="readingOne[2].isComplete"
			v-model="readingOne[2].value[4].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:80px">
			<img :src="readingOne[2].value[4].isRight ? correctIcon : errorIcon"
			v-if="readingOne[2].isComplete">
			faster.
			</p>
			<p>6.Our company has over 10 years of experience in the field of
			<input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
			<img :src="readingOne[2].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete">
			engineering.</p>
			<input type="text" :disabled="readingOne[2].isComplete"
			v-model="readingOne[2].value[5].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:80px">
			<img :src="readingOne[2].value[5].isRight ? correctIcon : errorIcon"
			v-if="readingOne[2].isComplete">
			engineering.
			</p>
			<p>B.Choose the correct preposition or adverb.</p>
			<p>1.I have not yet seen the machines
			<input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
			<img :src="readingOne[3].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete">
			(<i>in / into</i>) action.</p>
			<input type="text" :disabled="readingOne[3].isComplete"
			v-model="readingOne[3].value[0].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:80px">
			<img :src="readingOne[3].value[0].isRight ? correctIcon : errorIcon"
			v-if="readingOne[3].isComplete">
			(<i>in / into</i>) action.
			</p>
			<p>2.Technology is
			<input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
			<img :src="readingOne[3].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete">
			(<i>off / on</i>) the rise more than ever before.</p>
			<input type="text" :disabled="readingOne[3].isComplete"
			v-model="readingOne[3].value[1].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:80px">
			<img :src="readingOne[3].value[1].isRight ? correctIcon : errorIcon"
			v-if="readingOne[3].isComplete">
			(<i>off / on</i>) the rise more than ever before.
			</p>
			<p>3.The secretary is not willing to take
			<input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
			<img :src="readingOne[3].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete">
			<input type="text" :disabled="readingOne[3].isComplete"
			v-model="readingOne[3].value[2].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:80px">
			<img :src="readingOne[3].value[2].isRight ? correctIcon : errorIcon"
			v-if="readingOne[3].isComplete">
			(<i>up / on</i>) any extra work.
			</p>
			<p>4.Employees are not allowed to smoke while
			<input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
			<img :src="readingOne[3].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete">
			(<i>on / in</i>) the job.</p>
			<input type="text" :disabled="readingOne[3].isComplete"
			v-model="readingOne[3].value[3].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:80px">
			<img :src="readingOne[3].value[3].isRight ? correctIcon : errorIcon"
			v-if="readingOne[3].isComplete">
			(<i>on / in</i>) the job.
			</p>
			<p>5.I don’t know how to cheer him
			<input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
			<img :src="readingOne[3].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete">
			<input type="text" :disabled="readingOne[3].isComplete"
			v-model="readingOne[3].value[4].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:80px">
			<img :src="readingOne[3].value[4].isRight ? correctIcon : errorIcon"
			v-if="readingOne[3].isComplete">
			(<i>up / on</i>) when he found the
			project was a total failure.
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="readingOne[3].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[3].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in readingOne[3].value" :key="index" class="mr-20">
			{{index + 1}}.{{ item.answer }}
			@@ -669,10 +744,13 @@
			</div>
			<p>C.Translate the following sentences into Chinese.</p>
			<p>1.While riding your scooter,you should keep your body in balance.
			<img :src="readingOne[4].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete">
			<img :src="readingOne[4].value[0].isRight ? correctIcon : errorIcon"
			v-if="readingOne[4].isComplete">
			</p>
			<p>
			<input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne">
			<input type="text" :disabled="readingOne[4].isComplete"
			v-model="readingOne[4].value[0].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne">
			</p>
			</div>
			</div>
			@@ -698,26 +776,34 @@
			<div class="bodystyle">
			<p>2.The task of the robot is to serve the technicians on the site by fetching supplies from a
			central store.
			<img :src="readingOne[4].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete">
			<img :src="readingOne[4].value[1].isRight ? correctIcon : errorIcon"
			v-if="readingOne[4].isComplete">
			</p>
			<p>
			<input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne">
			<input type="text" :disabled="readingOne[4].isComplete"
			v-model="readingOne[4].value[1].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne">
			</p>
			<p>3.Not only does our team have professional equipment,but they also have a great amount of
			rescue experience.
			<img :src="readingOne[4].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete">
			<img :src="readingOne[4].value[2].isRight ? correctIcon : errorIcon"
			v-if="readingOne[4].isComplete">
			</p>
			<p>
			<input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne">
			<input type="text" :disabled="readingOne[4].isComplete"
			v-model="readingOne[4].value[2].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne">
			</p>
			<p>4.Food processors are great tools for blending vegetables and fruits.
			<img :src="readingOne[4].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete">
			<img :src="readingOne[4].value[3].isRight ? correctIcon : errorIcon"
			v-if="readingOne[4].isComplete">
			</p>
			<p>
			<input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne">
			<input type="text" :disabled="readingOne[4].isComplete"
			v-model="readingOne[4].value[3].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="readingOne[4].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[4].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in readingOne[4].value" :key="index" class="mr-20">
			{{index + 1}}.{{ item.answer }}
			@@ -738,63 +824,74 @@
			<img class="w100" :src="imgThirteen" />
			</div>
			<p>A.Write the comparative form for each word below.</p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff;margin:0 auto" class="fz-14">
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff;margin:0 auto"
			class="fz-14">
			<tr class="table-tr-bc">
			<td class="tl-lf" style="width: 33%;">
			l. often →
			<input :disabled="readingOne[5].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 5em"
			<input :disabled="readingOne[5].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="readingOne[5].value[0].userAnswer" @change="saveReadingOne" />
			<img :src="readingOne[5].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
			<img :src="readingOne[5].value[0].isRight ? correctIcon : errorIcon"
			v-if="readingOne[5].isComplete">
			</td>
			<td class="tl-lf" style="width: 33%;">2. go0d →<input :disabled="readingOne[5].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 5em"
			<td class="tl-lf" style="width: 33%;">2. go0d →<input
			:disabled="readingOne[5].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="readingOne[5].value[1].userAnswer" @change="saveReadingOne" />
			<img :src="readingOne[5].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
			<img :src="readingOne[5].value[1].isRight ? correctIcon : errorIcon"
			v-if="readingOne[5].isComplete">
			</td>
			<td class="tl-lf" style="width: 33%;">3. bad →<input :disabled="readingOne[5].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 5em"
			<td class="tl-lf" style="width: 33%;">3. bad →<input
			:disabled="readingOne[5].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="readingOne[5].value[2].userAnswer" @change="saveReadingOne" />
			<img :src="readingOne[5].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
			<img :src="readingOne[5].value[2].isRight ? correctIcon : errorIcon"
			v-if="readingOne[5].isComplete">
			</td>
			</tr>
			<tr class="table-tr-bc ">
			<td class="tl-lf">4. early →<input :disabled="readingOne[5].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="readingOne[5].value[3].userAnswer" @change="saveReadingOne" />
			<img :src="readingOne[5].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
			<img :src="readingOne[5].value[3].isRight ? correctIcon : errorIcon"
			v-if="readingOne[5].isComplete">
			</td>
			<td class="tl-lf">5. heavy →<input :disabled="readingOne[5].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="readingOne[5].value[4].userAnswer" @change="saveReadingOne" />
			<img :src="readingOne[5].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
			<img :src="readingOne[5].value[4].isRight ? correctIcon : errorIcon"
			v-if="readingOne[5].isComplete">
			</td>
			<td class="tl-lf">6. late →<input :disabled="readingOne[5].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="readingOne[5].value[5].userAnswer" @change="saveReadingOne" />
			<img :src="readingOne[5].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
			<img :src="readingOne[5].value[5].isRight ? correctIcon : errorIcon"
			v-if="readingOne[5].isComplete">
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-lf">7. dangerous →<input :disabled="readingOne[5].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="readingOne[5].value[6].userAnswer" @change="saveReadingOne" />
			<img :src="readingOne[5].value[6].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
			<img :src="readingOne[5].value[6].isRight ? correctIcon : errorIcon"
			v-if="readingOne[5].isComplete">
			</td>
			<td class="tl-lf">8. thin →<input :disabled="readingOne[5].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="readingOne[5].value[7].userAnswer" @change="saveReadingOne" />
			<img :src="readingOne[5].value[7].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
			<img :src="readingOne[5].value[7].isRight ? correctIcon : errorIcon"
			v-if="readingOne[5].isComplete">
			</td>
			<td class="tl-lf">9. far →<input :disabled="readingOne[5].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="readingOne[5].value[8].userAnswer" @change="saveReadingOne" />
			<img :src="readingOne[5].value[8].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete">
			<img :src="readingOne[5].value[8].isRight ? correctIcon : errorIcon"
			v-if="readingOne[5].isComplete">
			</td>
			</tr>
			</table>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="readingOne[5].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[5].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in readingOne[5].value" :key="index" class="mr-20">
			{{index + 1}}.{{ arrayToString(item.answer) }}
			@@ -802,40 +899,70 @@
			</div>
			<p>B.Fill in the blanks with the correct comparatives from the above.</p>
			<p>1.The new car model may be launched
			<input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px">
			<img :src="readingOne[6].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete">
			than expected.</p>
			<input type="text" :disabled="readingOne[6].isComplete"
			v-model="readingOne[6].value[0].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:86px">
			<img :src="readingOne[6].value[0].isRight ? correctIcon : errorIcon"
			v-if="readingOne[6].isComplete">
			than expected.
			</p>
			<p>2.The higher we go above the earth,the
			<input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px">
			<img :src="readingOne[6].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete">
			the air is.</p>
			<input type="text" :disabled="readingOne[6].isComplete"
			v-model="readingOne[6].value[1].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:86px">
			<img :src="readingOne[6].value[1].isRight ? correctIcon : errorIcon"
			v-if="readingOne[6].isComplete">
			the air is.
			</p>
			<p>3.What you plant now,you will harvest
			<input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px">
			<img :src="readingOne[6].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete">
			.</p>
			<input type="text" :disabled="readingOne[6].isComplete"
			v-model="readingOne[6].value[2].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:86px">
			<img :src="readingOne[6].value[2].isRight ? correctIcon : errorIcon"
			v-if="readingOne[6].isComplete">
			.
			</p>
			<p>4.People come online
			<input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px">
			<img :src="readingOne[6].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete">
			with smartphones than with any other device.</p>
			<input type="text" :disabled="readingOne[6].isComplete"
			v-model="readingOne[6].value[3].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:86px">
			<img :src="readingOne[6].value[3].isRight ? correctIcon : errorIcon"
			v-if="readingOne[6].isComplete">
			with smartphones than with any other device.
			</p>
			<p>5.The big ball is
			<input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px">
			<img :src="readingOne[6].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete">
			than the small ball.</p>
			<input type="text" :disabled="readingOne[6].isComplete"
			v-model="readingOne[6].value[4].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:86px">
			<img :src="readingOne[6].value[4].isRight ? correctIcon : errorIcon"
			v-if="readingOne[6].isComplete">
			than the small ball.
			</p>
			<p>6.In fact,the summer heat is
			<input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px">
			<img :src="readingOne[6].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete">
			than lightning.</p>
			<input type="text" :disabled="readingOne[6].isComplete"
			v-model="readingOne[6].value[5].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:86px">
			<img :src="readingOne[6].value[5].isRight ? correctIcon : errorIcon"
			v-if="readingOne[6].isComplete">
			than lightning.
			</p>
			<p>7.Our mission is to create a/an
			<input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[6].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px">
			<img :src="readingOne[6].value[6].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete">
			everyday life for the many people.</p>
			<input type="text" :disabled="readingOne[6].isComplete"
			v-model="readingOne[6].value[6].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:86px">
			<img :src="readingOne[6].value[6].isRight ? correctIcon : errorIcon"
			v-if="readingOne[6].isComplete">
			everyday life for the many people.
			</p>
			<p>8.I wanted to discuss it
			<input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[7].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px">
			<img :src="readingOne[6].value[7].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete">
			<input type="text" :disabled="readingOne[6].isComplete"
			v-model="readingOne[6].value[7].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveReadingOne" style="width:86px">
			<img :src="readingOne[6].value[7].isRight ? correctIcon : errorIcon"
			v-if="readingOne[6].isComplete">
			,but we didn’t have time.
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="readingOne[6].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[6].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in readingOne[6].value" :key="index" class="mr-20">
			{{index + 1}}.{{ item.answer }}
			@@ -949,20 +1076,16 @@
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
			<div class="bk-wh">
			<p class="dl-box">
			<span class="word-bc mr-20 dl-span"
			>physical</span>
			<span class="word-bc mr-20 dl-span">physical</span>
			<span class="word-bc mr-20 dl-span" >complex</span>
			<span class="word-bc mr-20 dl-span" >social</span>
			<span class="word-bc mr-20 dl-span"
			>relationship</span>
			<span class="word-bc mr-20 dl-span">relationship</span>
			<span class="word-bc mr-20 dl-span" >feeling</span>
			<span class="word-bc mr-20 dl-span" >emotion</span>
			<span class="word-bc mr-20 dl-span" >empathy</span>
			<span class="word-bc mr-20 dl-span" >thought</span>
			<span class="word-bc mr-20 dl-span"
			>tireless</span>
			<span class="word-bc mr-20 dl-span"
			>creative</span>
			<span class="word-bc mr-20 dl-span">tireless</span>
			<span class="word-bc mr-20 dl-span">creative</span>
			</p>
			<p>
			</p>
			@@ -973,137 +1096,117 @@
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_01.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_01.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_02.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_03.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_04.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_05.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_06.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_07.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_08.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_09.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_10.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_11.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_12.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_13.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_14.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_15.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_15.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_16.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_16.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_17.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_17.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_18.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_18.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_19.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_19.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_20.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_20.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_21.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_21.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_22.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_22.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_23.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_24.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_25.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_26.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_27.png" />
			<img src="../../assets/images/ppt/4-1、MODULE 4（lesson one）_23.jpg" />
			</div>
			</div>
			</div>
			@@ -1124,17 +1227,14 @@
			<li v-for="(item,index) in noSubmitData[2].value.slice(0,2)" :key="index">
			<p>
			{{index + 1}}.{{item.stem}}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="noSubmitData[2].isComplete">
			<img :src="item.isRight ? correctIcon : errorIcon"
			v-if="noSubmitData[2].isComplete">
			</p>

			<p v-for="(citem,cindex) in item.option" :key="cindex">
			<input type="checkbox"
			:value="citem"
			:name="item.stem"
			v-model="item.userAnswer"
			:disabled="noSubmitData[2].isComplete"
			@change="saveNoSubmitData"
			>
			<input type="checkbox" :value="citem" :name="item.stem"
			v-model="item.userAnswer" :disabled="noSubmitData[2].isComplete"
			@change="saveNoSubmitData">
			{{citem}}
			</p>
			</li>
			@@ -1167,11 +1267,14 @@
			<li v-for="(item,index) in noSubmitData[2].value.slice(2,5)" :key="index">
			<p>
			{{index + 3}}.{{item.stem}}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="noSubmitData[2].isComplete">
			<img :src="item.isRight ? correctIcon : errorIcon"
			v-if="noSubmitData[2].isComplete">
			</p>

			<p v-for="(citem,cindex) in item.option" :key="cindex">
			<input type="checkbox" :value="citem" :name="item.stem" v-model="item.userAnswer" :disabled="noSubmitData[2].isComplete" @change="saveNoSubmitData">
			<input type="checkbox" :value="citem" :name="item.stem"
			v-model="item.userAnswer" :disabled="noSubmitData[2].isComplete"
			@change="saveNoSubmitData">
			{{citem}}
			</p>
			</li>
			@@ -1181,31 +1284,36 @@
			<p><i>Most students seem</i>…</p>
			<p><i>It appears that most students</i>…</p>
			<p><i>What surprised me is that</i>…</p>
			<textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[3].value[0].userAnswer" @change="saveNoSubmitData"></textarea>
			<textarea name="" id="" cols="30" rows="10" class="w100"
			v-model="noSubmitData[3].value[0].userAnswer" @change="saveNoSubmitData"></textarea>
			<h3 id="c033"><span class="bjh3">Reading</span></h3>
			<p>1.Are you amazed by the stars in the night sky,wondering what brought life into existence?
			<span class="btn-box" @click="showNoSubmitAnswer(3,1)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[3].value[1].userAnswer" @change="saveNoSubmitData"></textarea>
			<textarea name="" id="" cols="30" rows="10" class="w100"
			v-model="noSubmitData[3].value[1].userAnswer" @change="saveNoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[1].isShowAnswer">
			<span>答案：{{noSubmitData[3].value[1].answer}}</span>
			</div>
			<p>2.What is your dream about space exploration?
			<span class="btn-box" @click="showNoSubmitAnswer(3,2)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[3].value[2].userAnswer" @change="saveNoSubmitData"></textarea>
			<textarea name="" id="" cols="30" rows="10" class="w100"
			v-model="noSubmitData[3].value[2].userAnswer" @change="saveNoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[2].isShowAnswer">
			<span>答案:</span>
			<p v-for="(item,index) in noSubmitData[3].value[2].answer" :key="index">
			@@ -1214,8 +1322,9 @@
			</div>
			<p class="center"><b>Fresh Face of Science</b></p>
			<p class="center">
			<audio :src="resource.readingThree" controls
			controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
			<audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			</p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0076-2.jpg" /></p>
			<p>According to Zhao Hongzhou,founder of China’s
			<span class="word-bc" >scientometrics</span>
			@@ -1308,8 +1417,8 @@
			<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
			<span class="line-border-box"></span>
			</p>
			<audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio"
			></audio>
			<audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			<p>scientometrics /ˈsaɪəntəʊˈmetrɪks/ <i>n.</i> 科学计量学</p>
			<div class="bkbj">
			<p><i>the science of measuring and analyzing science</i></p>
			@@ -1451,52 +1560,62 @@
			<td style="width: 65%;">
			<p class="table-p">
			The engineering and operation team has an average age of 1.
			<input :disabled="readingTwo[0].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 5em"
			<input :disabled="readingTwo[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="readingTwo[0].value[0].userAnswer" @change="saveReadingTwo" />
			<img :src="readingTwo[0].value[0].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
			<img :src="readingTwo[0].value[0].isRight ? correctIcon : errorIcon"
			v-if="readingTwo[0].isComplete">
			while the on-site team has an average age of 2.
			<input :disabled="readingTwo[0].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 5em"
			<input :disabled="readingTwo[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="readingTwo[0].value[1].userAnswer" @change="saveReadingTwo" />
			<img :src="readingTwo[0].value[1].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
			<img :src="readingTwo[0].value[1].isRight ? correctIcon : errorIcon"
			v-if="readingTwo[0].isComplete">
			</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc">Achievements</td>
			<td style="width: 65%;">
			<p class="table-p">The team built the world’s largest radio telescope, which has been quite helpful in the discovery of around 3.
			<input :disabled="readingTwo[0].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 5em"
			<p class="table-p">The team built the world’s largest radio telescope, which has
			been quite helpful in the discovery of around 3.
			<input :disabled="readingTwo[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="readingTwo[0].value[2].userAnswer" @change="saveReadingTwo" />
			<img :src="readingTwo[0].value[2].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
			<img :src="readingTwo[0].value[2].isRight ? correctIcon : errorIcon"
			v-if="readingTwo[0].isComplete">
			pulsars, since becoming operational in September 4.
			<input :disabled="readingTwo[0].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 5em"
			<input :disabled="readingTwo[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="readingTwo[0].value[3].userAnswer" @change="saveReadingTwo" />
			<img :src="readingTwo[0].value[3].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
			<img :src="readingTwo[0].value[3].isRight ? correctIcon : errorIcon"
			v-if="readingTwo[0].isComplete">
			</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc">Contributions ofTeam Members</td>
			<td style="width: 65%;">
			<p class="table-p">A researcher behind FAST’s feed cabin, was responsible for creating the “pupil” of the “Sky Eye”. She joined the team at the age of 5.
			<input :disabled="readingTwo[0].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 5em"
			<p class="table-p">A researcher behind FAST’s feed cabin, was responsible for
			creating the “pupil” of the “Sky Eye”. She joined the team at the age of 5.
			<input :disabled="readingTwo[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="readingTwo[0].value[4].userAnswer" @change="saveReadingTwo" />
			<img :src="readingTwo[0].value[4].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
			<img :src="readingTwo[0].value[4].isRight ? correctIcon : errorIcon"
			v-if="readingTwo[0].isComplete">
			Sun Jinghai A 6.
			<input :disabled="readingTwo[0].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 5em"
			<input :disabled="readingTwo[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="readingTwo[0].value[5].userAnswer" @change="saveReadingTwo" />
			<img :src="readingTwo[0].value[5].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
			________-year-old researcher of FAST, was involved in perfecting and protecting the giant machine. He spent 7.
			<input :disabled="readingTwo[0].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 5em"
			<img :src="readingTwo[0].value[5].isRight ? correctIcon : errorIcon"
			v-if="readingTwo[0].isComplete">
			________-year-old researcher of FAST, was involved in perfecting and protecting
			the giant machine. He spent 7.
			<input :disabled="readingTwo[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="readingTwo[0].value[6].userAnswer" @change="saveReadingTwo" />
			<img :src="readingTwo[0].value[6].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
			<img :src="readingTwo[0].value[6].isRight ? correctIcon : errorIcon"
			v-if="readingTwo[0].isComplete">
			years on FAST.
			</p>
			</td>
			@@ -1513,8 +1632,7 @@
			<p v-for="(item,index) in readingTwo[1].value" :key="index">
			(
			<select v-model="item.userAnswer" class="select-border" @change="saveReadingTwo">
			<option v-for="(citem, cindex) in readingTwo[1].option" :key="cindex"
			:value="citem">
			<option v-for="(citem, cindex) in readingTwo[1].option" :key="cindex" :value="citem">
			{{ citem }}
			</option>
			</select>
			@@ -1553,9 +1671,8 @@
			<p><b>Ⅱ.Language focus.</b></p>
			<p v-for="(item,index) in readingTwo[2].value" :key="index">
			{{index + 1}}.{{item.stemOne}}
			<input :disabled="readingTwo[2].isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo"
			/>
			<input :disabled="readingTwo[2].isComplete" type="text" class="input-bottom-border"
			style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" />
			{{item.stemTwo}}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[2].isComplete">
			</p>
			@@ -1571,9 +1688,8 @@
			</div>
			<p v-for="(item,index) in readingTwo[3].value" :key="'list' + index">
			{{index + 1}}.{{item.stemOne}}
			<input :disabled="readingTwo[3].isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo"
			/>
			<input :disabled="readingTwo[3].isComplete" type="text" class="input-bottom-border"
			style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" />
			{{item.stemTwo}}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[3].isComplete">
			</p>
			@@ -1600,9 +1716,8 @@
			<p>Complete the sentences with the superlative form of the words in the brackets.</p>
			<p v-for="(item,index) in readingTwo[4].value" :key="'hold' + index">
			{{index + 1}}.{{item.stemOne}}
			<input :disabled="readingTwo[4].isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo"
			/>
			<input :disabled="readingTwo[4].isComplete" type="text" class="input-bottom-border"
			style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" />
			{{item.stemTwo}}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete">
			</p>
			@@ -1726,137 +1841,92 @@
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_01.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_01.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_02.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_03.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_04.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_05.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_06.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_07.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_08.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_09.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_10.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_11.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_12.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_13.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_14.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_15.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_15.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_16.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_16.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_17.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_17.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_18.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_19.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_20.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_21.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_22.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_23.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_24.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_25.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_26.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_27.png" />
			<img src="../../assets/images/ppt/4-2、MODULE 4（lesson two）_18.jpg" />
			</div>
			</div>
			</div>
			@@ -1878,24 +1948,32 @@
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			<p>
			<input type="checkbox" value="What it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
			<input type="checkbox" value="What it is" name="what"
			v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo">
			1.What it is
			<img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[0],0) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			<img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[0], 0) ? correctIcon : errorIcon"
			v-if="listenTwo[0].isComplete">
			</p>
			<p>
			<input type="checkbox" value="Where Nadia got it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
			<input type="checkbox" value="Where Nadia got it" name="what"
			v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo">
			2.Where Nadia got it
			<img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[1],1) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			<img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[1], 1) ? correctIcon : errorIcon"
			v-if="listenTwo[0].isComplete">
			</p>
			<p>
			<input type="checkbox" value="How much it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
			<input type="checkbox" value="How much it is" name="what"
			v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo">
			3.How much it is
			<img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[2],2) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			<img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[2], 2) ? correctIcon : errorIcon"
			v-if="listenTwo[0].isComplete">
			</p>
			<p>
			<input type="checkbox" value="What Nadia uses it for" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
			<input type="checkbox" value="What Nadia uses it for" name="what"
			v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo">
			4.What Nadia uses it for
			<img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[3],3) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			<img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[3], 3) ? correctIcon : errorIcon"
			v-if="listenTwo[0].isComplete">
			</p>
			</div>
			</div>
			@@ -1920,20 +1998,18 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p>
			<input type="checkbox" value="When Nadia owned it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
			<input type="checkbox" value="When Nadia owned it" name="what"
			v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo">
			5.When Nadia owned it
			<img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[4],4) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			<img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[4], 4) ? correctIcon : errorIcon"
			v-if="listenTwo[0].isComplete">
			</p>
			<p>
			<input
			type="checkbox"
			value="Why it is important to Nadia"
			name="what"
			v-model="listenTwo[0].value[0].userAnswer"
			:disabled="listenTwo[0].isComplete"
			>
			<input type="checkbox" value="Why it is important to Nadia" name="what"
			v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo">
			6.Why it is important to Nadia
			<img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[5],5) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete">
			<img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[5], 5) ? correctIcon : errorIcon"
			v-if="listenTwo[0].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[0].isShowAnswer">
			<span>答案:</span>
			@@ -1962,18 +2038,20 @@
			</p>
			<p class="table-p">
			It wakes me up 1.
			<input :disabled="listenTwo[1].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 60px"
			<input :disabled="listenTwo[1].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="listenTwo[1].value[0].userAnswer" @change="savelistenTwo" />
			<img :src="listenTwo[1].value[0].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
			<img :src="listenTwo[1].value[0].isRight ? correctIcon : errorIcon"
			v-if="listenTwo[1].isComplete">
			in the morning.
			</p>
			<p class="table-p">
			It plays my 2.
			<input :disabled="listenTwo[1].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 60px"
			<input :disabled="listenTwo[1].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="listenTwo[1].value[1].userAnswer" @change="savelistenTwo" />
			<img :src="listenTwo[1].value[1].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
			<img :src="listenTwo[1].value[1].isRight ? correctIcon : errorIcon"
			v-if="listenTwo[1].isComplete">
			music.
			</p>
			<p class="table-p">
			@@ -1988,19 +2066,21 @@
			<td class="tl-lf">
			<p class="table-p">
			It 3.
			<input :disabled="listenTwo[1].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 60px"
			<input :disabled="listenTwo[1].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="listenTwo[1].value[2].userAnswer" @change="savelistenTwo" />
			<img :src="listenTwo[1].value[2].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
			<img :src="listenTwo[1].value[2].isRight ? correctIcon : errorIcon"
			v-if="listenTwo[1].isComplete">
			suggests things that I
			want.
			</p>
			<p class="table-p">
			It makes shopping a 4.
			<input :disabled="listenTwo[1].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 60px"
			<input :disabled="listenTwo[1].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="listenTwo[1].value[3].userAnswer" @change="savelistenTwo" />
			<img :src="listenTwo[1].value[3].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
			<img :src="listenTwo[1].value[3].isRight ? correctIcon : errorIcon"
			v-if="listenTwo[1].isComplete">
			experience.
			</p>
			</td>
			@@ -2015,19 +2095,21 @@
			</p>
			<p class="table-p">
			They're so 5.
			<input :disabled="listenTwo[1].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 60px"
			<input :disabled="listenTwo[1].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="listenTwo[1].value[4].userAnswer" @change="savelistenTwo" />
			<img :src="listenTwo[1].value[4].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
			<img :src="listenTwo[1].value[4].isRight ? correctIcon : errorIcon"
			v-if="listenTwo[1].isComplete">
			for foreign language
			learning.
			</p>
			<p class="table-p">
			I can figure out words or the meaning of words 6.
			<input :disabled="listenTwo[1].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 60px"
			<input :disabled="listenTwo[1].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="listenTwo[1].value[5].userAnswer" @change="savelistenTwo" />
			<img :src="listenTwo[1].value[5].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
			<img :src="listenTwo[1].value[5].isRight ? correctIcon : errorIcon"
			v-if="listenTwo[1].isComplete">
			</p>
			</td>
			</tr>
			@@ -2063,27 +2145,31 @@
			<p>Work with your partner to discuss the following questions.</p>
			<p>1.What is a sales letter like?
			<span class="btn-box" @click="showNoSubmitAnswer(5,0)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[5].value[0].userAnswer"
			class="w100" @input="saveNoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[5].value[0].isShowAnswer">
			<span>答案：{{noSubmitData[5].value[0].answer}}</span>
			</div>
			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[5].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
			<p>2.What are the purposes of a sales letter?
			<span class="btn-box" @click="showNoSubmitAnswer(5,1)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[5].value[1].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[5].value[1].userAnswer"
			class="w100" @input="saveNoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[5].value[1].isShowAnswer">
			<span>答案：{{noSubmitData[5].value[1].answer}}</span>
			</div>
			@@ -2136,33 +2222,41 @@
			<p class="left">Gardening can be back-breaking work when you are not using the right tools.
			Almost 90% of homeowners injure their backs just by simply raking (耙) the leaves in
			their back yards. If you are like them and 1.
			<input :disabled="practicalWriting[0].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 60px"
			<input :disabled="practicalWriting[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="practicalWriting[0].value[0].userAnswer" @input="savePracticalWriting" />
			<img :src="practicalWriting[0].value[0].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete">
			<img :src="practicalWriting[0].value[0].isRight ? correctIcon : errorIcon"
			v-if="practicalWriting[0].isComplete">
			a sore back after gardening, then
			you need to use our new easy rake leaf blower.</p>
			you need to use our new easy rake leaf blower.
			</p>
			<p class="left">What is the 2.
			<input :disabled="practicalWriting[0].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 60px"
			<input :disabled="practicalWriting[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="practicalWriting[0].value[1].userAnswer" @input="savePracticalWriting" />
			<img :src="practicalWriting[0].value[1].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete">
			raking and blowing leaves:</p>
			<img :src="practicalWriting[0].value[1].isRight ? correctIcon : errorIcon"
			v-if="practicalWriting[0].isComplete">
			raking and blowing leaves:
			</p>
			<p class="left">　　●No bending over, so less back pain</p>
			<p class="left">　　●3.
			<input :disabled="practicalWriting[0].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 60px"
			<input :disabled="practicalWriting[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="practicalWriting[0].value[2].userAnswer" @input="savePracticalWriting" />
			<img :src="practicalWriting[0].value[2].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete">
			and your arms do not ache</p>
			<img :src="practicalWriting[0].value[2].isRight ? correctIcon : errorIcon"
			v-if="practicalWriting[0].isComplete">
			and your arms do not ache
			</p>
			<p class="left">　　●Powerful motor blows leaves right where you want them</p>
			<p class="left">　　●Durable and easy to store in your garage</p>
			<p class="left">　　●4.
			<input :disabled="practicalWriting[0].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 60px"
			<input :disabled="practicalWriting[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="practicalWriting[0].value[3].userAnswer" @input="savePracticalWriting" />
			<img :src="practicalWriting[0].value[3].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete">
			20% discount with every purchase</p>
			<img :src="practicalWriting[0].value[3].isRight ? correctIcon : errorIcon"
			v-if="practicalWriting[0].isComplete">
			20% discount with every purchase
			</p>
			</div>
			</div>
			</div>
			@@ -2188,10 +2282,11 @@
			<div class="bodystyle">
			<div class="fieldset-3">
			<p class="left">To 5.
			<input :disabled="practicalWriting[0].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 60px"
			<input :disabled="practicalWriting[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="practicalWriting[0].value[4].userAnswer" @input="savePracticalWriting" />
			<img :src="practicalWriting[0].value[4].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete">
			<img :src="practicalWriting[0].value[4].isRight ? correctIcon : errorIcon"
			v-if="practicalWriting[0].isComplete">
			this offer, just come into our store on the corner of Main and
			Front Streets between 8 a.m. and 5 p.m. and see what this leaf blower can do for you.
			</p>
			@@ -2207,40 +2302,51 @@
			</div>
			<p><b>Ⅲ.Translate the Chinese in the brackets into English to complete the sentences.</b></p>
			<p class="tl-left">1.Are you having trouble cleaning your house?
			<input :disabled="practicalWriting[1].isComplete"
			type="text" class="input-bottom-border input-bc-t"
			v-model="practicalWriting[1].value[0].userAnswer" @input="savePracticalWriting" />
			<img :src="practicalWriting[1].value[0].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete">
			(我们有解决方案).</p>
			<input :disabled="practicalWriting[1].isComplete" type="text"
			class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[0].userAnswer"
			@input="savePracticalWriting" />
			<img :src="practicalWriting[1].value[0].isRight ? correctIcon : errorIcon"
			v-if="practicalWriting[1].isComplete">
			(我们有解决方案).
			</p>
			<p class="tl-left">2.
			<input :disabled="practicalWriting[1].isComplete"
			type="text" class="input-bottom-border input-bc-t"
			v-model="practicalWriting[1].value[1].userAnswer" @input="savePracticalWriting" />
			<img :src="practicalWriting[1].value[1].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete">
			(我们刚刚推出一款新产品) —modern sweeper XSweep.</p>
			<input :disabled="practicalWriting[1].isComplete" type="text"
			class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[1].userAnswer"
			@input="savePracticalWriting" />
			<img :src="practicalWriting[1].value[1].isRight ? correctIcon : errorIcon"
			v-if="practicalWriting[1].isComplete">
			(我们刚刚推出一款新产品) —modern sweeper XSweep.
			</p>
			<p class="tl-left">3.With XSweep,you can do it straight from the ground and
			<input :disabled="practicalWriting[1].isComplete"
			type="text" class="input-bottom-border input-bc-t"
			v-model="practicalWriting[1].value[2].userAnswer" @input="savePracticalWriting" />
			<img :src="practicalWriting[1].value[2].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete">
			(它的长度可达4英尺).</p>
			<input :disabled="practicalWriting[1].isComplete" type="text"
			class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[2].userAnswer"
			@input="savePracticalWriting" />
			<img :src="practicalWriting[1].value[2].isRight ? correctIcon : errorIcon"
			v-if="practicalWriting[1].isComplete">
			(它的长度可达4英尺).
			</p>
			<p class="tl-left">4.How much will this cost you?
			<input :disabled="practicalWriting[1].isComplete"
			type="text" class="input-bottom-border input-bc-t"
			v-model="practicalWriting[1].value[3].userAnswer" @input="savePracticalWriting" />
			<img :src="practicalWriting[1].value[3].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete">
			(含运费只要19.99美元).</p>
			<input :disabled="practicalWriting[1].isComplete" type="text"
			class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[3].userAnswer"
			@input="savePracticalWriting" />
			<img :src="practicalWriting[1].value[3].isRight ? correctIcon : errorIcon"
			v-if="practicalWriting[1].isComplete">
			(含运费只要19.99美元).
			</p>
			<p class="tl-left">5.
			<input :disabled="practicalWriting[1].isComplete"
			type="text" class="input-bottom-border input-bc-t"
			v-model="practicalWriting[1].value[4].userAnswer" @input="savePracticalWriting" />
			<img :src="practicalWriting[1].value[4].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete">
			(如果您感兴趣或想了解更多信息),you can call us directly at 493-201-2018.</p>
			<input :disabled="practicalWriting[1].isComplete" type="text"
			class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[4].userAnswer"
			@input="savePracticalWriting" />
			<img :src="practicalWriting[1].value[4].isRight ? correctIcon : errorIcon"
			v-if="practicalWriting[1].isComplete">
			(如果您感兴趣或想了解更多信息),you can call us directly at 493-201-2018.
			</p>
			<p class="tl-left">6.
			<input :disabled="practicalWriting[1].isComplete"
			type="text" class="input-bottom-border input-bc-t"
			v-model="practicalWriting[1].value[5].userAnswer" @input="savePracticalWriting" />
			<img :src="practicalWriting[1].value[5].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete">
			<input :disabled="practicalWriting[1].isComplete" type="text"
			class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[5].userAnswer"
			@input="savePracticalWriting" />
			<img :src="practicalWriting[1].value[5].isRight ? correctIcon : errorIcon"
			v-if="practicalWriting[1].isComplete">
			(欢迎您来试用我们的新产品) and we assure you that you will love it.
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[1].isShowAnswer">
			@@ -2260,7 +2366,9 @@
			<p class="left"><br /></p>
			<p class="left">Dear Mr. Wang,</p>
			<p class="left">
			<textarea name="" id="" cols="30" rows="20" v-model="practicalWriting[2].value[0].userAnswer" class="w100" @input="savePracticalWriting"></textarea>
			<textarea name="" id="" cols="30" rows="20"
			v-model="practicalWriting[2].value[0].userAnswer" class="w100"
			@input="savePracticalWriting"></textarea>
			</p>
			</div>
			</div>
			@@ -2364,7 +2472,9 @@
			<p><br /></p>
			<p class="left">Dear Mr. Allen,</p>
			<p class="left">
			<textarea name="" id="" cols="30" rows="20" v-model="noSubmitData[6].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
			<textarea name="" id="" cols="30" rows="20"
			v-model="noSubmitData[6].value[0].userAnswer" class="w100"
			@input="saveNoSubmitData"></textarea>
			</p>
			<p class="left">Sincerely,</p>
			<p class="left">Lin Yi</p>
			@@ -2391,137 +2501,87 @@
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_01.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_01.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_02.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_03.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_04.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_05.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_06.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_07.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_08.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_09.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_10.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_11.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_12.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_13.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_14.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_15.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_15.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_16.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_16.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_17.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_18.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_19.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_20.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_21.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_22.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_23.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_24.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_25.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_26.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_27.png" />
			<img src="../../assets/images/ppt/4-3、MODULE 4（lesson three）_17.jpg" />
			</div>
			</div>
			</div>
			@@ -3327,27 +3387,32 @@
			{
			stem:'According to Zhao Hongzhou’s analysis,scientists usually make their greatest achievements before the age of 45.',
			answer:'F',
			userAnswer:''
			userAnswer: '',
			isRight: null
			},
			{
			stem:'FAST helps scientists better understand the origin of the universe and find potential life on other planets.',
			answer:'F',
			userAnswer:''
			userAnswer: '',
			isRight: null
			},
			{
			stem:'Yao Rui is lucky to associate her personal interests with the development of the country.',
			answer:'T',
			userAnswer:''
			userAnswer: '',
			isRight: null
			},
			{
			stem:'Sun Jinghai encountered many difficulties in the construction of FAST and lost confidence in himself.',
			answer:'F',
			userAnswer:''
			userAnswer: '',
			isRight: null
			},
			{
			stem:'Young Chinese scientists contribute their wisdom to building a community of a shared future.',
			answer:'T',
			userAnswer:''
			userAnswer: '',
			isRight: null
			},
			]
			},
			@@ -3360,30 +3425,35 @@
			stemOne:'The o',
			stemTwo:'of life is one of the great mysteries in the universe.',
			answer:'rigin',
			isRight: null,
			userAnswer:''
			},
			{
			stemOne:'The most c',
			stemTwo:'science is biology followed by chemistry and next is physics.',
			answer:'omplex',
			isRight: null,
			userAnswer:''
			},
			{
			stemOne:'Years of doing scientific research had made her very p',
			stemTwo:'in her working methods.',
			answer:'recise',
			isRight: null,
			userAnswer:''
			},
			{
			stemOne:'The competition is designed to inspire and r',
			stemTwo:'the next generation of scientific leaders.',
			answer:'eward',
			isRight: null,
			userAnswer:''
			},
			{
			stemOne:'Learning how to o',
			stemTwo:'challenges is a necessary life skill on the road to success.',
			answer:'vercome',
			isRight: null,
			userAnswer:''
			},
			]
			@@ -3397,30 +3467,35 @@
			stemOne:'If we are nice to others,we expect that they will be nice to us',
			stemTwo:'.',
			answer:'in return',
			isRight: null,
			userAnswer:''
			},
			{
			stemOne:'We will always remember Yuan Longping who',
			stemTwo:'China’s food security.',
			answer:'contributes to',
			isRight: null,
			userAnswer:''
			},
			{
			stemOne:'The service of food delivery robot is still not satisfactory,but the company say they’re',
			stemTwo:'it.',
			answer:'working on',
			isRight: null,
			userAnswer:''
			},
			{
			stemOne:'All drivers',
			stemTwo:'their vehicles—even when it’s a self-driving car accident.',
			answer:'responsible for',
			isRight: null,
			userAnswer:''
			},
			{
			stemOne:'Studies show how customers can',
			stemTwo:'innovation development by giving feedback.',
			answer:'be involved in',
			isRight: null,
			userAnswer:''
			},
			]
			@@ -3434,48 +3509,56 @@
			stemOne:'He is probably the ',
			stemTwo:'(creative) designer in our company.',
			answer:'most creative',
			isRight: null,
			userAnswer:''
			},
			{
			stemOne:'This automated store offers the',
			stemTwo:'(wide) variety of products.',
			answer:'widest',
			isRight: null,
			userAnswer:''
			},
			{
			stemOne:'His ankles hurt badly,but his knees hurt',
			stemTwo:'(badly).',
			answer:'worst',
			isRight: null,
			userAnswer:''
			},
			{
			stemOne:'Penicillin is one of the',
			stemTwo:'(big) scientific discoveries of all time.',
			answer:'biggest',
			isRight: null,
			userAnswer:''
			},
			{
			stemOne:'You can contact me',
			stemTwo:'(easily) by email.Here’s my address.',
			answer:'most easily',
			isRight: null,
			userAnswer:''
			},
			{
			stemOne:'The light bulb is one of the',
			stemTwo:'(helpful) inventions.',
			answer:'most helpful',
			isRight: null,
			userAnswer:''
			},
			{
			stemOne:'In our office,Zhang Ming works by far the',
			stemTwo:'(hard).',
			answer:'hardest',
			isRight: null,
			userAnswer:''
			},
			{
			stemOne:'As I live',
			stemTwo:'(near) to the station,I’ll go and buy the train tickets for us.',
			answer:'nearest',
			isRight:null,
			userAnswer:''
			},
			]
			@@ -3631,8 +3714,13 @@
			if(readingOne) this.readingOne = JSON.parse(readingOne)
			const readingTwo = localStorage.getItem('english-chapter04-readingTwo')
			if(readingTwo) this.readingTwo = JSON.parse(readingTwo)

			const practicalWriting = localStorage.getItem('english-chapter04-practicalWriting')
			if(practicalWriting) this.practicalWriting = JSON.parse(practicalWriting)
			this.getPath();

			const listenTwo = localStorage.getItem('english-chapter04-listenTwo')
			if (listenTwo) this.listenTwo = JSON.parse(listenTwo)
			this.getPath();
			},
			methods: {
			@@ -3813,29 +3901,31 @@
			item.isComplete = true
			item.isShowAnswer = true
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[index];
			const citem = item.value[cindex];
			citem.isRight = citem.answer == citem.userAnswer
			}
			}
			this.saveReadingTwo()
			console.log(this.readingTwo);
			},
			recastReadingTwo() {
			localStorage.removeItem('english-chapter04-readingTwo')
			for (let index = 0; index < this.readingTwo.length; index++) {
			const item = this.readingTwo[index];
			item.isComplete = false
			item.isShowAnswer = false
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[index];
			citem.isRight = null
			const citem = item.value[cindex];
			citem.isRight = null,
			citem.userAnswer = ''
			}
			}
			localStorage.removeItem('english-chapter04-readingTwo')

			},
			viewReadingTwo() {
			for (let index = 0; index < this.readingTwo.length; index++) {
			const item = this.readingTwo[index];
			item.isShowAnswer = true
			item.isShowAnswer = !item.isShowAnswer
			}
			},
			savelistenTwo() {
			@@ -3867,8 +3957,13 @@
			citem.isRight = null
			citem.userAnswer = ''
			}
			} else {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const ditem = item.value[cindex];
			ditem.userAnswer = []
			}

			}
			}
			localStorage.removeItem('english-chapter04-listenTwo')
			},
			@@ -3913,7 +4008,7 @@
			viewPracticalWriting() {
			for (let index = 0; index < this.practicalWriting.length; index++) {
			const item = this.practicalWriting[index];
			item.isShowAnswer = false
			item.isShowAnswer = !item.isShowAnswer
			}
			}
			},
			@@ -3994,6 +4089,7 @@
			right: 0;
			background-color: red;
			}

			.dropdown-box-one {

			li {
			@@ -4003,13 +4099,16 @@
			justify-content: flex-end;
			}
			}

			.choice-select {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;

			li {
			display: flex;
			margin-top: 5px;

			span {
			margin-right: 4px;
			}