testbookLayout.git

			@@ -43,14 +43,14 @@
			<p>robot floor cleaner　self-balancing scooter　camera drone　smartwatch　fingerprint door
			lock　VR headset</p>
			</div>
			<ul class="fl fw-wr dropdown-box-one" >
			<ul class="fl fw-wr dropdown-box-one">
			<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 }}
			{{ item }}
			</option>
			</select>
			<span class="icon-box" v-if="warmUp[0].isComplete">
			@@ -61,10 +61,10 @@
			<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 }}
			{{ item }}
			</option>
			</select>
			<span class="icon-box" v-if="warmUp[0].isComplete">
			@@ -75,10 +75,10 @@
			<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 }}
			{{ item }}
			</option>
			</select>
			<span class="icon-box" v-if="warmUp[0].isComplete">
			@@ -89,10 +89,10 @@
			<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 }}
			{{ item }}
			</option>
			</select>
			<span class="icon-box" v-if="warmUp[0].isComplete">
			@@ -103,10 +103,10 @@
			<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 }}
			{{ item }}
			</option>
			</select>
			<span class="icon-box" v-if="warmUp[0].isComplete">
			@@ -117,10 +117,10 @@
			<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 }}
			{{ item }}
			</option>
			</select>
			<span class="icon-box" v-if="warmUp[0].isComplete">
			@@ -129,11 +129,10 @@
			</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 }}
			<span v-for="(item, index) in warmUp[0].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<p><b>Ⅱ.Read the following descriptions of the items in the above pictures,and then put the
			@@ -142,16 +141,20 @@
			<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="">
			<img :src="warmUp[1].value[0].isRight ? correctIcon : errorIcon" alt="">
			</span>
			</td>
			</tr>
			<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,29 +222,28 @@
			</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">
			<span v-for="(item, index) in warmUp[1].value" :key="index" class="mr-20">
			{{ item.answer }}
			</span>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev" style="width:80%">
			<li>
			<button class="btn-border btn-w" @click="handlewarmUp">
			提交
			</button>
			<button class="btn-border btn-w" @click="handlewarmUp">
			提交
			</button>
			</li>
			<li>
			<button @click="recastwarmUp" class="btn-border btn-w">
			重做
			</button>
			<button @click="recastwarmUp" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewwarmUp" class="parimary-btn">
			查看答案
			</button>
			<button @click="viewwarmUp" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			@@ -268,69 +280,74 @@
			</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”?
			<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">
			<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)" />
			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">
			<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>
			</p>
			<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">
			{{index + 1}}) {{item}}
			<p v-for="(item, index) in noSubmitData[0].value[0].answer" :key="index">
			{{ index + 1 }}) {{ item }}
			</p>
			</div>
			<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">
			<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)" />
			<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">
			<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">
			{{index + 1}}) {{item}}
			<p v-for="(item, index) in noSubmitData[0].value[1].answer" :key="index">
			{{ index + 1 }}) {{ item }}
			</p>
			</div>
			<p class="center"><b>Robots in Action</b></p>
			<p class="center">
			<audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload"
			class="audio" ></audio>
			class="audio"></audio>
			</p>
			<p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
			soon be used to study sea

			<span class="word-bc" @click="saveWord($event, 'creatures')">creatures</span>
			<span class="word-bc" word="creature">creatures</span>
			up close.These robots can
			<span class="word-bc" @click="saveWord($event, 'blend')">blend</span>
			<span class="word-bc">blend</span>
			blend right in with underwater
			<span class="word-bc" @click="saveWord($event, 'habitats')">habitats</span>
			<span class="word-bc" word="habitat">habitats</span>
			.Robots take on tasks to make our life easier and safer.Scientists keep coming up
			with jobs that machines can do.Sometimes,the machines can do a better job than humans.Take a
			look at the latest robots.
			</p>
			<p><b>Super Swimmer</b></p>
			<p>The Octobot is perfectly named.Its design is based on the
			<span class="word-bc" @click="saveWord($event, 'octopus')">octopus</span>
			<span class="word-bc">octopus</span>
			.The robot is the size of a
			shoebox.It can blend in with its underwater surroundings.The Octobot can travel at seven
			inches per second.That is close to the speed of an octopus.The Octobot moves through water
			by slowly opening its soft
			<span class="word-bc" @click="saveWord($event, 'rubber')">rubber</span>
			<span class="word-bc">rubber</span>
			arms and then
			<span class="word-bc" @click="saveWord($event, 'snapping')"> snapping</span>
			<span class="word-bc" word="snap"> snapping</span>
			them shut.During tests,fish swam
			alongside the Octobot.Researchers can use the robot to study sea creatures.
			</p>
			@@ -359,18 +376,18 @@
			<div class="bodystyle">
			<p><b>See Spot Run</b></p>
			<p>Spot looks and moves much like a real dog.But don’t expect it to play
			<span class="word-bc" @click="saveWord($event, 'fetch')">fetch</span>
			<span class="word-bc">fetch</span>
			.Boston Dynamics
			created the four-legged,160-pound
			<span class="word-bc" @click="saveWord($event, 'mechanical')">mechanical</span>
			<span class="word-bc">mechanical</span>
			dog.It can climb mountains.It can cross
			woods.It can go upstairs.Spot can also keep itself from falling over if it loses its
			<span class="word-bc" @click="saveWord($event, 'balance')">balance</span>
			<span class="word-bc">balance</span>
			.In the future,Spot may be used for search-and-
			<span class="word-bc" @click="saveWord($event, 'rescue')">rescue</span>
			<span class="word-bc" @click="saveWord($event, 'missions')">missions</span>
			<span class="word-bc">rescue</span>
			<span class="word-bc">missions</span>
			and to carry heavy
			<span class="word-bc" @click="saveWord($event, 'facilities')">facilities</span>
			<span class="word-bc" word="facility">facilities</span>
			.
			</p>
			<p class="center"><img class="img-f" alt="" src="../../assets/images/0071-3.jpg" /></p>
			@@ -379,21 +396,21 @@
			<p>No towels? No problem! At the Crowne Plaza in the Dishuihu area of Shanghai,Mingo robot is on
			the job.The three-foot-tall robot has been making deliveries to guest rooms.When a guest
			asks for an item,a clerk places it in Mingo’s
			<span class="word-bc" @click="saveWord($event, 'lid')">lid</span>
			<span class="word-bc">lid</span>
			and enters the room number onto a
			screen.Guests are always very excited when Mingo arrives with a delivery.
			</p>
			<p><b>Big in Japan</b></p>
			<p>In Japan,scientists are leading the way in creating
			<span class="word-bc" @click="saveWord($event, 'humanoid')">humanoid</span>
			<span class="word-bc">humanoid</span>
			robots.SoftBank introduced
			Pepper,a four-foot-tall robot who can talk with humans and
			<span class="word-bc" @click="saveWord($event, 'react')">react</span>
			<span class="word-bc">react</span>
			to emotions.If you
			<span class="word-bc" @click="saveWord($event, 'frown')">frown</span>
			<span class="word-bc">frown</span>
			,Pepper will try to cheer you up.The robot is being used in stores.But SoftBank has
			bigger plans for Pepper.It may one day keep humans
			<span class="word-bc" @click="saveWord($event, 'company')">company</span>
			<span class="word-bc">company</span>
			and help teach children.
			</p>
			<p class="center"><img class="img-f" alt="" src="../../assets/images/0071-1.jpg" /></p>
			@@ -401,9 +418,8 @@
			<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
			<span class="line-border-box"></span>
			</p>
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			class="audio"
			></audio>
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			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,65 +561,78 @@
			<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 }}
			<span v-for="(item, index) in readingOne[0].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<p>B.Match the four types of robots introduced in the passage with the descriptions below.</p>
			<!-- <p class="center"><img class="img-a" alt="" src="../../assets/images/0073-1.jpg" /></p> -->
			<ul class="choice-select">
			<!-- <li >
			<ul class="choice-select">
			<!-- <li >
			<span>{{item}}</span>
			<dropdown :options="readingOne[1].option" @changeDropdownData="index == 0 ? changeDropdownDataOne : index == 1 ? changeDropdownDataTwo : index == 2 ? changeDropdownDataThree : changeDropdownDataFour "></dropdown>
			<img :src="readingOne[1].value.isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete">
			</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">
			</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">
			</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">
			</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">
			</li>
			</ul>
			<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) }}
			</span>
			</div>
			<li>
			<span>Pepper</span>
			<dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataOne"
			ref="choiceDropdownOne" :value ="readingOne[1].value[0].userAnswer"></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" :value ="readingOne[1].value[1].userAnswer"></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" :value ="readingOne[1].value[2].userAnswer"></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" :value ="readingOne[1].value[3].userAnswer"></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">
			<span>答案：</span>
			<span v-for="(item, index) in readingOne[1].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ arrayToString(item.answer) }}
			</span>
			</div>
			<!-- <p>1. It moves like a real dog.</p>
			<p>2. It could be found in stores.</p>
			<p>3. It is the size of a shoebox.</p>
			@@ -612,67 +646,111 @@
			<div class="bk-wh">
			<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>
			<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>
			<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>
			<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>
			<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>
			<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>
			<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>
			<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>
			<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>
			<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>
			<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>
			<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>
			<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>
			<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>
			<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">
			<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>
			<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>
			<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">
			(<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>
			<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">
			<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>
			<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">
			(<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 }}
			<span v-for="(item, index) in readingOne[3].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</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,29 +776,37 @@
			<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 }}
			<span v-for="(item, index) in readingOne[4].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<p><b>Ⅲ.Grammar focus:The comparative degree.</b>
			@@ -738,125 +824,166 @@
			<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) }}
			<span v-for="(item, index) in readingOne[5].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ arrayToString(item.answer) }}
			</span>
			</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>
			<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>
			<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>
			<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>
			<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>
			<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>
			<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>
			<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">
			<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>
			<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>
			<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>
			<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>
			<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>
			<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>
			<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>
			<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">
			,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 }}
			<span v-for="(item, index) in readingOne[6].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev" style="width:80%">
			<li>
			<button class="btn-border btn-w" @click="handleReadingOne">
			提交
			</button>
			<button class="btn-border btn-w" @click="handleReadingOne">
			提交
			</button>
			</li>
			<li>
			<button @click="recastReadingOne" class="btn-border btn-w">
			重做
			</button>
			<button @click="recastReadingOne" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewReadingOne" class="parimary-btn">
			查看答案
			</button>
			<button @click="viewReadingOne" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			@@ -899,12 +1026,12 @@
			<p class="table-p">l. Humans are organic beings, yhile robots are not.</p>
			<p class="fl al-cn">
			2.
			<input v-model="noSubmitData[1].value[0].userAnswer"
			<input v-model="noSubmitData[1].value[0].userAnswer"
			class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" />
			</p>
			<p class="fl al-cn">
			3.
			<input v-model="noSubmitData[1].value[1].userAnswer"
			<input v-model="noSubmitData[1].value[1].userAnswer"
			class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" />
			</p>
			</td>
			@@ -917,12 +1044,12 @@
			<p class="table-p">1. Do creative work.</p>
			<p class="fl al-cn">
			2.
			<input v-model="noSubmitData[1].value[2].userAnswer"
			<input v-model="noSubmitData[1].value[2].userAnswer"
			class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" />
			</p>
			<p class="fl al-cn">
			3.
			<input v-model="noSubmitData[1].value[3].userAnswer"
			<input v-model="noSubmitData[1].value[3].userAnswer"
			class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" />
			</p>
			</td>
			@@ -935,12 +1062,12 @@
			<p class="table-p">1. Fold clothes for you.</p>
			<p class="fl al-cn">
			2.
			<input v-model="noSubmitData[1].value[4].userAnswer"
			<input v-model="noSubmitData[1].value[4].userAnswer"
			class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" />
			</p>
			<p class="fl al-cn">
			3.
			<input v-model="noSubmitData[1].value[5].userAnswer"
			<input v-model="noSubmitData[1].value[5].userAnswer"
			class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" />
			</p>
			</td>
			@@ -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"
			@click="saveWord($event, 'physical')">physical</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'complex')">complex</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'social')">social</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'relationship')">relationship</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'feeling')">feeling</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'emotion')">emotion</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'empathy')">empathy</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'thought')">thought</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'tireless')">tireless</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'creative')">creative</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">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>
			</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>
			@@ -1121,23 +1224,20 @@
			<div class="fieldset-1">
			<p class="center"><b>Interest in Science</b></p>
			<ul>
			<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">
			</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"
			>
			{{citem}}
			</p>
			</li>
			<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">
			</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">
			{{ citem }}
			</p>
			</li>
			</ul>
			</div>
			</div>
			@@ -1164,65 +1264,74 @@
			<div class="bodystyle">
			<div class="fieldset-1">
			<ul>
			<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">
			</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">
			{{citem}}
			</p>
			</li>
			<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">
			</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">
			{{ citem }}
			</p>
			</li>
			</ul>
			</div>
			<p>You may start your survey report with the following expressions:</p>
			<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">
			<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)" />
			<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">
			<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>
			<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">
			<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)" />
			<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">
			<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">
			{{index + 1}}) {{item}}
			<p v-for="(item, index) in noSubmitData[3].value[2].answer" :key="index">
			{{ index + 1 }}) {{ item }}
			</p>
			</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" @click="saveWord($event, 'scientometrics')">scientometrics</span>
			<span class="word-bc">scientometrics</span>
			,scientists typically make their
			biggest achievements between the ages of 25 and 45,which is true of the scientists and
			engineers working on FAST(Five-hundred-meter Aperture Spherical
			<span class="word-bc" @click="saveWord($event, 'Telescope')">Telescope</span>
			<span class="word-bc">Telescope</span>
			).Its engineering
			and operation team has an average age of 39,while its on-site team has an average age of
			30.Meanwhile,the scientific spirit these young scientists have shown is also moving.
			@@ -1251,34 +1360,34 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p>quite helpful in the discovery of around 340
			<span class="word-bc" @click="saveWord($event, 'pulsars')">pulsars</span>
			<span class="word-bc" word="pulsar">pulsars</span>
			,since becoming operational in September
			2016.It has also contributed to helping human beings better understand the
			<span class="word-bc" @click="saveWord($event, 'origin')">origin</span>
			<span class="word-bc">origin</span>
			of fast radio
			<span class="word-bc" @click="saveWord($event, 'bursts')">bursts</span>
			<span class="word-bc" word="burst">bursts</span>
			,extremely brief but powerful flashes in the
			<span class="word-bc" @click="saveWord($event, 'universe')">universe</span>
			<span class="word-bc">universe</span>
			.FAST was listed by the journals
			<i>Nature</i> and<i> Science</i> as one of the biggest scientific discoveries of 2020.
			</p>
			<p>The construction of FAST pushed the team to its physical and
			<span class="word-bc" @click="saveWord($event, 'intellectual')">intellectual </span>
			<span class="word-bc">intellectual </span>
			limits,including
			creating new systems to operate the telescope,also known as the “Sky Eye”.At the age of
			28,Yao Rui,a researcher behind FAST’s feed
			<span class="word-bc" @click="saveWord($event, 'cabin')">cabin</span>
			<span class="word-bc">cabin</span>
			,was responsible for creating the “
			<span class="word-bc" @click="saveWord($event, 'pupil')">pupil</span>” of
			<span class="word-bc">pupil</span>” of
			the “Sky Eye” after joining the team.Some of her most challenging tasks involved downsizing
			the cabin’s weight from 34 to 30 tons,while keeping most of the systems inside and leaving
			enough room to fill it with as much
			<span class="word-bc" @click="saveWord($event, 'complex')">complex</span>
			<span class="word-bc">complex</span>
			and sensitive equipment as possible.Yao’s
			solution was to change the shape of the cabin to a
			<span class="word-bc" @click="saveWord($event, 'diamond')">diamond</span>
			<span class="word-bc">diamond</span>
			structure.The redesign was
			<span class="word-bc" @click="saveWord($event, 'daring')">daring</span>
			<span class="word-bc">daring</span>
			,but later testing proved that it worked perfectly.“I’m not worried about
			problems,because wherever there is a problem,there is a chance for further research,” she
			said.“As a young scientist,I am lucky to associate my personal passions with the needs of
			@@ -1287,20 +1396,20 @@
			<p>Sun Jinghai,a 38-year-old researcher of FAST,was involved in perfecting and protecting the
			giant machine.Nan Rendong,FAST’s former chief scientist,often stressed that FAST not only
			needed to be
			<span class="word-bc" @click="saveWord($event, 'precise')">precise</span>
			<span class="word-bc">precise</span>
			and sensitive in its applications,but it should also be beautiful to
			look at.“He expected nothing less of an instrument of national significance,” Sun said.He
			spent 15 years on FAST,and,in return,FAST helped him to grow,increased his knowledge,and
			<span class="word-bc" @click="saveWord($event, 'rewar')">rewar</span>
			ded him with confidence as he
			<span class="word-bc" @click="saveWord($event, 'overcame')">overcame</span>
			<span class="word-bc" word="reward">rewarded</span>
			him with confidence as he
			<span class="word-bc" word="overcome">overcame</span>
			many difficulties and setbacks.
			</p>
			<p>The “Sky Eye” is open to the world and offers more
			<span class="word-bc" @click="saveWord($event, 'observation')">observation</span>
			<span class="word-bc">observation</span>
			possibilities to the global
			scientific
			<span class="word-bc" @click="saveWord($event, 'community')">community</span>
			<span class="word-bc">community</span>
			,contributing Chinese wisdom to building a community of a shared future
			for humanity.
			</p>
			@@ -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"
			v-model="readingTwo[0].value[0].userAnswer" @change="saveReadingTwo" />
			<img :src="readingTwo[0].value[0].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
			<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">
			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"
			v-model="readingTwo[0].value[1].userAnswer" @change="saveReadingTwo" />
			<img :src="readingTwo[0].value[1].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
			<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">
			</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"
			v-model="readingTwo[0].value[2].userAnswer" @change="saveReadingTwo" />
			<img :src="readingTwo[0].value[2].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
			<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">
			pulsars, since becoming operational in September 4.
			<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">
			</p>
			<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">
			</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"
			v-model="readingTwo[0].value[4].userAnswer" @change="saveReadingTwo" />
			<img :src="readingTwo[0].value[4].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
			<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">
			Sun Jinghai A 6.
			<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"
			v-model="readingTwo[0].value[6].userAnswer" @change="saveReadingTwo" />
			<img :src="readingTwo[0].value[6].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete">
			<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"
			v-model="readingTwo[0].value[6].userAnswer" @change="saveReadingTwo" />
			<img :src="readingTwo[0].value[6].isRight ? correctIcon : errorIcon"
			v-if="readingTwo[0].isComplete">
			years on FAST.
			</p>
			</td>
			@@ -1505,27 +1624,26 @@
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[0].isShowAnswer">
			<span>答案:</span>
			<span v-for="(item,index) in readingTwo[0].value" :key="index">
			{{index + 1}}.{{item.answer}}
			<span v-for="(item, index) in readingTwo[0].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<p>B.Decide whether the following statements are true (T) or false (F).</p>
			<p v-for="(item,index) in readingTwo[1].value" :key="index">
			<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">
			{{ citem }}
			</option>
			</select>
			<select v-model="item.userAnswer" class="select-border" @change="saveReadingTwo">
			<option v-for="(citem, cindex) in readingTwo[1].option" :key="cindex" :value="citem">
			{{ citem }}
			</option>
			</select>
			)
			{{index + 1}}.{{item.stem}}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[1].isComplete">
			{{ index + 1 }}.{{ item.stem }}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[1].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[1].isShowAnswer">
			<span>答案:</span>
			<span v-for="(item,index) in readingTwo[1].value" :key="index">
			{{index + 1}}.{{item.answer}}
			<span v-for="(item, index) in readingTwo[1].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			</div>
			@@ -1551,36 +1669,34 @@
			<div class="padding-93">
			<div class="bodystyle">
			<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"
			/>
			{{item.stemTwo}}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[2].isComplete">
			<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" />
			{{ item.stemTwo }}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[2].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[2].isShowAnswer">
			<span>答案:</span>
			<span v-for="(item,index) in readingTwo[2].value" :key="index">
			{{index + 1}}.{{item.answer}}
			<span v-for="(item, index) in readingTwo[2].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<p>B.Fill in the blanks with the proper form of the expressions given below.</p>
			<div class="bk-wh">
			<p>work on　in return　be responsible for　be involved in　contribute to</p>
			</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"
			/>
			{{item.stemTwo}}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[3].isComplete">
			<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" />
			{{ item.stemTwo }}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[3].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[3].isShowAnswer">
			<span>答案:</span>
			<span v-for="(item,index) in readingTwo[3].value" :key="index">
			{{index + 1}}.{{item.answer}}
			<span v-for="(item, index) in readingTwo[3].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<p><b>Ⅲ.Grammar focus:The superlative degree.</b>
			@@ -1598,36 +1714,35 @@
			<img class="w100" :src="imgThirteenOne" />
			</div>
			<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"
			/>
			{{item.stemTwo}}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete">
			<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" />
			{{ item.stemTwo }}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[4].isShowAnswer">
			<span>答案:</span>
			<span v-for="(item,index) in readingTwo[4].value" :key="index">
			{{index + 1}}.{{item.answer}}
			<span v-for="(item, index) in readingTwo[4].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev" style="width:80%">
			<li>
			<button class="btn-border btn-w" @click="handleReadingTwo">
			提交
			</button>
			<button class="btn-border btn-w" @click="handleReadingTwo">
			提交
			</button>
			</li>
			<li>
			<button @click="recastReadingTwo" class="btn-border btn-w">
			重做
			</button>
			<button @click="recastReadingTwo" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewReadingTwo" class="parimary-btn">
			查看答案
			</button>
			<button @click="viewReadingTwo" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			@@ -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>
			@@ -1876,26 +1946,34 @@
			about it.</b>
			</p>
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			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,172 +1998,180 @@
			<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>
			<span v-for="(item,index) in listenTwo[0].value[0].answer" :key="index">
			{{index + 1}}.{{item}}
			<span v-for="(item, index) in listenTwo[0].value[0].answer" :key="index">
			{{ index + 1 }}.{{ item }}
			</span>
			</div>
			<p><b>Ⅱ.Ms.Zhang is discussing technology trends with her students.Listen to the
			conversation,and write down the benefits of each App.</b>
			</p>
			<audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			class="audio"></audio>
			<p class="center">
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Artificial Inteligence Apps</td>
			<td class="tl-cn">Benefits</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			digital assistance
			</td>
			<td class="tl-lf">
			<p class="table-p">
			It reminds me to do things.
			</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"
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Artificial Inteligence Apps</td>
			<td class="tl-cn">Benefits</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			digital assistance
			</td>
			<td class="tl-lf">
			<p class="table-p">
			It reminds me to do things.
			</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"
			v-model="listenTwo[1].value[0].userAnswer" @change="savelistenTwo" />
			<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"
			v-model="listenTwo[1].value[1].userAnswer" @change="savelistenTwo" />
			<img :src="listenTwo[1].value[1].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
			music.
			</p>
			<p class="table-p">
			I chat with it when I am alone..
			</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			online shopping recommendation
			</td>
			<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"
			<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"
			v-model="listenTwo[1].value[1].userAnswer" @change="savelistenTwo" />
			<img :src="listenTwo[1].value[1].isRight ? correctIcon : errorIcon"
			v-if="listenTwo[1].isComplete">
			music.
			</p>
			<p class="table-p">
			I chat with it when I am alone..
			</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			online shopping recommendation
			</td>
			<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"
			v-model="listenTwo[1].value[2].userAnswer" @change="savelistenTwo" />
			<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"
			<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"
			v-model="listenTwo[1].value[3].userAnswer" @change="savelistenTwo" />
			<img :src="listenTwo[1].value[3].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
			experience.
			</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			instant translation
			</td>
			<td class="tl-lf">
			<p class="table-p">
			They help me communicate easily when I travel abroad.
			</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"
			<img :src="listenTwo[1].value[3].isRight ? correctIcon : errorIcon"
			v-if="listenTwo[1].isComplete">
			experience.
			</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			instant translation
			</td>
			<td class="tl-lf">
			<p class="table-p">
			They help me communicate easily when I travel abroad.
			</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"
			v-model="listenTwo[1].value[4].userAnswer" @change="savelistenTwo" />
			<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"
			<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"
			v-model="listenTwo[1].value[5].userAnswer" @change="savelistenTwo" />
			<img :src="listenTwo[1].value[5].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
			</p>
			</td>
			</tr>
			</table>
			<img :src="listenTwo[1].value[5].isRight ? correctIcon : errorIcon"
			v-if="listenTwo[1].isComplete">
			</p>
			</td>
			</tr>
			</table>
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[1].isShowAnswer">
			<span>答案:</span>
			<span v-for="(item,index) in listenTwo[1].value" :key="index">
			{{index + 1}}.{{item.answer}}
			<span v-for="(item, index) in listenTwo[1].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev" style="width:80%">
			<li>
			<button class="btn-border btn-w" @click="handleListenTwo">
			提交
			</button>
			<button class="btn-border btn-w" @click="handleListenTwo">
			提交
			</button>
			</li>
			<li>
			<button @click="recastListenTwo" class="btn-border btn-w">
			重做
			</button>
			<button @click="recastListenTwo" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewListenTwo" class="parimary-btn">
			查看答案
			</button>
			<button @click="viewListenTwo" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>


			<h3 id="c036"><span class="bjh3">Practical Writing</span></h3>
			<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">
			<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)" />
			<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">
			<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>
			<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>
			<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">
			<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)" />
			<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">
			<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>
			<span>答案：{{ noSubmitData[5].value[1].answer }}</span>
			</div>
			</div>
			</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"
			v-model="practicalWriting[0].value[0].userAnswer" @input="savePracticalWriting" />
			<img :src="practicalWriting[0].value[0].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete">
			<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">
			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"
			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>
			<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>
			<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"
			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>
			<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>
			<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"
			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>
			<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>
			</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"
			v-model="practicalWriting[0].value[4].userAnswer" @input="savePracticalWriting" />
			<img :src="practicalWriting[0].value[4].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete">
			<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">
			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>
			@@ -2201,52 +2296,63 @@
			</div>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[0].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in practicalWriting[0].value" :key="index">
			{{index + 1}}.{{item.answer}}
			<span v-for="(item, index) in practicalWriting[0].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</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>
			<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[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>
			<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">
			<span>答案：</span>
			<p v-for="(item,index) in practicalWriting[1].value" :key="index">
			{{index + 1}}.{{item.answer}}
			<p v-for="(item, index) in practicalWriting[1].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</p>
			</div>
			<p>Ⅳ<b>.Wang Qiang,Nadia's client,is planning to have a thorough housecleaning.Nadia wants to
			@@ -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>
			@@ -2293,19 +2401,19 @@
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev" style="width:80%">
			<li>
			<button class="btn-border btn-w" @click="handlePracticalWriting">
			提交
			</button>
			<button class="btn-border btn-w" @click="handlePracticalWriting">
			提交
			</button>
			</li>
			<li>
			<button @click="recastPracticalWriting" class="btn-border btn-w">
			重做
			</button>
			<button @click="recastPracticalWriting" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewPracticalWriting" class="parimary-btn">
			查看答案
			</button>
			<button @click="viewPracticalWriting" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</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>
			@@ -2547,7 +2607,7 @@
			import { getResourcePath } from "@/assets/methods/resources";
			export default {
			name: "chapter-Four",
			components: { matching,dropdown },
			components: { matching, dropdown },
			props: {
			showPageList: {
			type: Array,
			@@ -2555,8 +2615,8 @@
			},
			data() {
			return {
			correctIcon:require('@/assets/images/correct.svg'),
			errorIcon:require('@/assets/images/error.svg'),
			correctIcon: require('@/assets/images/correct.svg'),
			errorIcon: require('@/assets/images/error.svg'),
			imgThirteen: require("../../assets/images/grammar4-1.png"),
			imgThirteenOne: require("../../assets/images/grammar4-2.png"),
			showImg: false,
			@@ -2784,100 +2844,100 @@
			},
			},
			// 新增
			warmUp:[
			warmUp: [
			{
			type:'drapDown',
			isComplete:false,
			isShowAnswer:false,
			options:['robot floor cleaner','self-balancing scooter','camera drone','camera drone','camera drone','VR headset'],
			value:[
			type: 'drapDown',
			isComplete: false,
			isShowAnswer: false,
			options: ['robot floor cleaner', 'self-balancing scooter', 'camera drone', 'camera drone', 'camera drone', 'VR headset'],
			value: [
			{
			answer:'robot floor cleaner',
			userAnswer:'',
			isRight:null
			answer: 'robot floor cleaner',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'camera drone',
			userAnswer:'',
			isRight:null
			answer: 'camera drone',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'VR headset',
			userAnswer:'',
			isRight:null
			answer: 'VR headset',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'fingerprint door lock',
			userAnswer:'',
			isRight:null
			answer: 'fingerprint door lock',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'smartwatch',
			userAnswer:'',
			isRight:null
			answer: 'smartwatch',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'self-balancing scooter',
			userAnswer:'',
			isRight:null
			answer: 'self-balancing scooter',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer:"2",
			userAnswer:'',
			isRight:null,
			answer: "2",
			userAnswer: '',
			isRight: null,
			},
			{
			answer:"4",
			userAnswer:'',
			isRight:null,
			answer: "4",
			userAnswer: '',
			isRight: null,
			},
			{
			answer:"1",
			userAnswer:'',
			isRight:null,
			answer: "1",
			userAnswer: '',
			isRight: null,
			},
			{
			answer:"3",
			userAnswer:'',
			isRight:null,
			answer: "3",
			userAnswer: '',
			isRight: null,
			},
			{
			answer:"6",
			userAnswer:'',
			isRight:null,
			answer: "6",
			userAnswer: '',
			isRight: null,
			},
			{
			answer:"5",
			userAnswer:'',
			isRight:null,
			answer: "5",
			userAnswer: '',
			isRight: null,
			},
			]
			}
			],
			noSubmitData:[
			noSubmitData: [
			{
			type:'shortAnswer',
			value:[
			type: 'shortAnswer',
			value: [
			{
			answer:[
			answer: [
			'a two-legged humanoid who can do house work',
			'a giant one-armed industrial robot holding a welding torch',
			'an alternative to pets like the robotic dog',
			'autonomous vehicles which can navigate and operate independently',
			'a companion to interact with humans, especially for the elderly or people with disabilities'
			],
			isShowAnswer:false,
			userAnswer:'',
			isShowAnswer: false,
			userAnswer: '',
			},
			{
			answer:[
			answer: [
			'Domestic chores',
			'Healthcare support',
			'Manufacturing and labor-intensive tasks',
			@@ -2887,170 +2947,170 @@
			'Education',
			'Agriculture'
			],
			isShowAnswer:false,
			userAnswer:''
			isShowAnswer: false,
			userAnswer: ''
			}
			]
			},
			{
			type:'shortAnswer',
			value:[
			type: 'shortAnswer',
			value: [
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			]
			},
			{
			type:'checkbox',
			value:[
			type: 'checkbox',
			value: [
			{
			stem:'Do you like science?',
			option:['YES (Continue to Question 2)','NO (Go directly to Question 4)'],
			userAnswer:[]
			stem: 'Do you like science?',
			option: ['YES (Continue to Question 2)', 'NO (Go directly to Question 4)'],
			userAnswer: []
			},
			{
			stem:'What/Who inspired your interest in science?',
			option:['Parents/Relatives.','Film/TV.','Friends.','Internet.','Teachers.',' A special event.','School or a particular subject.','I don’t know.','Books.','Other.'],
			userAnswer:[]
			stem: 'What/Who inspired your interest in science?',
			option: ['Parents/Relatives.', 'Film/TV.', 'Friends.', 'Internet.', 'Teachers.', ' A special event.', 'School or a particular subject.', 'I don’t know.', 'Books.', 'Other.'],
			userAnswer: []
			},
			{
			stem:'Why are you interested in studying science?',
			option:['I am curious about the world.','It challenges me intellectually.','To earn money.','To get a good job.','To help others or contribute to society.','I don’t know.','To search for answers or make new discoveries.','Other.'],
			userAnswer:[]
			stem: 'Why are you interested in studying science?',
			option: ['I am curious about the world.', 'It challenges me intellectually.', 'To earn money.', 'To get a good job.', 'To help others or contribute to society.', 'I don’t know.', 'To search for answers or make new discoveries.', 'Other.'],
			userAnswer: []
			},
			{
			stem:'What are the main reasons that you are not interested in science?',
			option:[' It’s difficult for me to understand.','I find it boring.','Science is not spread to the public effectively.','I’m too lazy.','There has been nothing to encourage or inspire me.','I don’t know.','I don’t like my science teacher.','Other.'],
			userAnswer:[]
			stem: 'What are the main reasons that you are not interested in science?',
			option: [' It’s difficult for me to understand.', 'I find it boring.', 'Science is not spread to the public effectively.', 'I’m too lazy.', 'There has been nothing to encourage or inspire me.', 'I don’t know.', 'I don’t like my science teacher.', 'Other.'],
			userAnswer: []
			}
			]
			},
			{
			type:'shortAnswer',
			value:[
			type: 'shortAnswer',
			value: [
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:'',
			isShowAnswer:false,
			answer:'Staring at the unknown yet massive sky with clouds rolling by, way past the trees and deep into the stars, you are reminded of how small they are. Somehow the sky fills us with amazement and wonderment. Staring at the sky gears you to asking questions. Perhaps because it is a door to a universe. The sky reminds us of our past and where we are coming from. When you stare at the sky you see a history of places and times before you. You can see beyond where you are right now and peer towards where you are coming from.'
			userAnswer: '',
			isShowAnswer: false,
			answer: 'Staring at the unknown yet massive sky with clouds rolling by, way past the trees and deep into the stars, you are reminded of how small they are. Somehow the sky fills us with amazement and wonderment. Staring at the sky gears you to asking questions. Perhaps because it is a door to a universe. The sky reminds us of our past and where we are coming from. When you stare at the sky you see a history of places and times before you. You can see beyond where you are right now and peer towards where you are coming from.'
			},
			{
			userAnswer:'',
			isShowAnswer:false,
			answer:['a journey to Mars or other planets and travel in deep space',"uncover the secrets of the Universe and life’s origin",'find traces of distant life.','colonize space and exploit resources on other planets']
			userAnswer: '',
			isShowAnswer: false,
			answer: ['a journey to Mars or other planets and travel in deep space', "uncover the secrets of the Universe and life’s origin", 'find traces of distant life.', 'colonize space and exploit resources on other planets']
			},
			]
			},
			{
			type:'table',
			value:[
			type: 'table',
			value: [
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			]
			},
			{
			type:'shortAnswer',
			value:[
			type: 'shortAnswer',
			value: [
			{
			userAnswer:'',
			isShowAnswer:false,
			answer:'Sales letter is written to a potential consumer to introduce the company, a product, or service.'
			userAnswer: '',
			isShowAnswer: false,
			answer: 'Sales letter is written to a potential consumer to introduce the company, a product, or service.'
			},
			{
			userAnswer:'',
			isShowAnswer:false,
			answer:'A sales letter aims introduce new product and service to your prospective clients, explains to the reader how they will benefit from the product or service and convinces them to buy your product or service.'
			userAnswer: '',
			isShowAnswer: false,
			answer: 'A sales letter aims introduce new product and service to your prospective clients, explains to the reader how they will benefit from the product or service and convinces them to buy your product or service.'
			},
			]
			},
			{
			type:'shortAnswer',
			value:[
			type: 'shortAnswer',
			value: [
			{
			userAnswer:''
			userAnswer: ''
			}
			]
			},


			],
			readingOne:[
			readingOne: [
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer:'easier and safer',
			userAnswer:'',
			isRight:null
			answer: 'easier and safer',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'sea creatures',
			userAnswer:'',
			isRight:null
			answer: 'sea creatures',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'search-and-rescue',
			userAnswer:'',
			isRight:null
			answer: 'search-and-rescue',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'deliveries',
			userAnswer:'',
			isRight:null
			answer: 'deliveries',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'emotions',
			userAnswer:'',
			isRight:null
			answer: 'emotions',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type:'select',
			isComplete:false,
			isShowAnswer:false,
			stem:['Pepper','Spot','Mingo','Octobot'],
			option:[
			type: 'select',
			isComplete: false,
			isShowAnswer: false,
			stem: ['Pepper', 'Spot', 'Mingo', 'Octobot'],
			option: [
			'It moves like a real dog.',
			'It could be found in stores.',
			'It is the size of a shoebox.',
			@@ -3060,554 +3120,577 @@
			"It's about three-foot-tall with a screen on the top.",
			'It travels close to the speed of an octopus in the water.',
			],
			value:[
			value: [
			{
			userAnswer:[],
			answer:['It could be found in stores.','It will cheer you up if you frown.']
			userAnswer: [],
			answer: ['It could be found in stores.', 'It will cheer you up if you frown.']
			},
			{
			userAnswer:[],
			answer:['It moves like a real dog.','It can carry heavy facilities.']
			userAnswer: [],
			answer: ['It moves like a real dog.', 'It can carry heavy facilities.']
			},
			{
			userAnswer:[],
			answer:['It can bring guests small items to their rooms.',"It's about three-foot-tall with a screen on the top.",]
			userAnswer: [],
			answer: ['It can bring guests small items to their rooms.', "It's about three-foot-tall with a screen on the top.",]
			},
			{
			userAnswer:[],
			answer:["It is the size of a shoebox.","It travels close to the speed of an octopus in the water."]
			userAnswer: [],
			answer: ["It is the size of a shoebox.", "It travels close to the speed of an octopus in the water."]
			}
			]
			},
			{
			type:"fill",
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: "fill",
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer:'creature',
			userAnswer:'',
			isRight:null
			answer: 'creature',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'habitat',
			userAnswer:'',
			isRight:null
			answer: 'habitat',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'mission',
			userAnswer:'',
			isRight:null
			answer: 'mission',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'facilities',
			userAnswer:'',
			isRight:null
			answer: 'facilities',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'react',
			userAnswer:'',
			isRight:null
			answer: 'react',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'mechanical',
			userAnswer:'',
			isRight:null
			answer: 'mechanical',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type:"fill",
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: "fill",
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer:'in',
			userAnswer:'',
			isRight:null
			answer: 'in',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'on',
			userAnswer:'',
			isRight:null
			answer: 'on',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'on',
			userAnswer:'',
			isRight:null
			answer: 'on',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'on',
			userAnswer:'',
			isRight:null
			answer: 'on',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'up',
			userAnswer:'',
			isRight:null
			answer: 'up',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type:"fill",
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: "fill",
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer:'在骑平衡车的时候要保持身体平衡',
			userAnswer:'',
			isRight:null
			answer: '在骑平衡车的时候要保持身体平衡',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'机器人的任务是为现场的技术人员提供中央仓库物资取送服务',
			userAnswer:'',
			isRight:null
			answer: '机器人的任务是为现场的技术人员提供中央仓库物资取送服务',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'我们的团队不仅有专业的设备，还有丰富的救援经验',
			userAnswer:'',
			isRight:null
			answer: '我们的团队不仅有专业的设备，还有丰富的救援经验',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'食物料理机是搅拌蔬菜和水果的好工具',
			userAnswer:'',
			isRight:null
			answer: '食物料理机是搅拌蔬菜和水果的好工具',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type:'table',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'table',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer:'more often',
			userAnswer:'',
			isRight:""
			answer: 'more often',
			userAnswer: '',
			isRight: ""
			},
			{
			answer:'better',
			userAnswer:'',
			isRight:""
			answer: 'better',
			userAnswer: '',
			isRight: ""
			},
			{
			answer:'worse',
			userAnswer:'',
			isRight:""
			answer: 'worse',
			userAnswer: '',
			isRight: ""
			},
			{
			answer:'earlier',
			userAnswer:'',
			isRight:""
			answer: 'earlier',
			userAnswer: '',
			isRight: ""
			},
			{
			answer:'heavier',
			userAnswer:'',
			isRight:""
			answer: 'heavier',
			userAnswer: '',
			isRight: ""
			},
			{
			answer:'later',
			userAnswer:'',
			isRight:""
			answer: 'later',
			userAnswer: '',
			isRight: ""
			},
			{
			answer:'more dangerous',
			userAnswer:'',
			isRight:""
			answer: 'more dangerous',
			userAnswer: '',
			isRight: ""
			},
			{
			answer:'thinner',
			userAnswer:'',
			isRight:""
			answer: 'thinner',
			userAnswer: '',
			isRight: ""
			},
			{
			answer:['farther','further'],
			userAnswer:'',
			isRight:""
			answer: ['farther', 'further'],
			userAnswer: '',
			isRight: ""
			},
			]
			},
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer:'earlier',
			userAnswer:"",
			isRight:''
			answer: 'earlier',
			userAnswer: "",
			isRight: ''
			},
			{
			answer:'thinner',
			userAnswer:"",
			isRight:''
			answer: 'thinner',
			userAnswer: "",
			isRight: ''
			},
			{
			answer:'later',
			userAnswer:"",
			isRight:''
			answer: 'later',
			userAnswer: "",
			isRight: ''
			},
			{
			answer:'more often',
			userAnswer:"",
			isRight:''
			answer: 'more often',
			userAnswer: "",
			isRight: ''
			},
			{
			answer:'heavier',
			userAnswer:"",
			isRight:''
			answer: 'heavier',
			userAnswer: "",
			isRight: ''
			},
			{
			answer:'more dangerous',
			userAnswer:"",
			isRight:''
			answer: 'more dangerous',
			userAnswer: "",
			isRight: ''
			},
			{
			answer:'better',
			userAnswer:"",
			isRight:''
			answer: 'better',
			userAnswer: "",
			isRight: ''
			},
			{
			answer:'further',
			userAnswer:"",
			isRight:''
			answer: 'further',
			userAnswer: "",
			isRight: ''
			},
			]
			}
			],
			readingTwo:[
			readingTwo: [
			{
			type:'fill',
			isShowAnswer:false,
			isComplete:false,
			value:[
			type: 'fill',
			isShowAnswer: false,
			isComplete: false,
			value: [
			{
			answer:'39',
			userAnswer:'',
			isRight:null
			answer: '39',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'30',
			userAnswer:'',
			isRight:null
			answer: '30',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'340',
			userAnswer:'',
			isRight:null
			answer: '340',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'2016',
			userAnswer:'',
			isRight:null
			answer: '2016',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'28',
			userAnswer:'',
			isRight:null
			answer: '28',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'38',
			userAnswer:'',
			isRight:null
			answer: '38',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'15',
			userAnswer:'',
			isRight:null
			answer: '15',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type:'select',
			isShowAnswer:false,
			isComplete:false,
			option:['T','F'],
			value:[
			type: 'select',
			isShowAnswer: false,
			isComplete: false,
			option: ['T', 'F'],
			value: [
			{
			stem:'According to Zhao Hongzhou’s analysis,scientists usually make their greatest achievements before the age of 45.',
			answer:'F',
			userAnswer:''
			stem: 'According to Zhao Hongzhou’s analysis,scientists usually make their greatest achievements before the age of 45.',
			answer: 'F',
			userAnswer: '',
			isRight: null
			},
			{
			stem:'FAST helps scientists better understand the origin of the universe and find potential life on other planets.',
			answer:'F',
			userAnswer:''
			stem: 'FAST helps scientists better understand the origin of the universe and find potential life on other planets.',
			answer: 'F',
			userAnswer: '',
			isRight: null
			},
			{
			stem:'Yao Rui is lucky to associate her personal interests with the development of the country.',
			answer:'T',
			userAnswer:''
			stem: 'Yao Rui is lucky to associate her personal interests with the development of the country.',
			answer: 'T',
			userAnswer: '',
			isRight: null
			},
			{
			stem:'Sun Jinghai encountered many difficulties in the construction of FAST and lost confidence in himself.',
			answer:'F',
			userAnswer:''
			stem: 'Sun Jinghai encountered many difficulties in the construction of FAST and lost confidence in himself.',
			answer: 'F',
			userAnswer: '',
			isRight: null
			},
			{
			stem:'Young Chinese scientists contribute their wisdom to building a community of a shared future.',
			answer:'T',
			userAnswer:''
			stem: 'Young Chinese scientists contribute their wisdom to building a community of a shared future.',
			answer: 'T',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stemOne:'The o',
			stemTwo:'of life is one of the great mysteries in the universe.',
			answer:'rigin',
			userAnswer:''
			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',
			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',
			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',
			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',
			userAnswer:''
			stemOne: 'Learning how to o',
			stemTwo: 'challenges is a necessary life skill on the road to success.',
			answer: 'vercome',
			isRight: null,
			userAnswer: ''
			},
			]
			},
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stemOne:'If we are nice to others,we expect that they will be nice to us',
			stemTwo:'.',
			answer:'in return',
			userAnswer:''
			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',
			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',
			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',
			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',
			userAnswer:''
			stemOne: 'Studies show how customers can',
			stemTwo: 'innovation development by giving feedback.',
			answer: 'be involved in',
			isRight: null,
			userAnswer: ''
			},
			]
			},
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stemOne:'He is probably the ',
			stemTwo:'(creative) designer in our company.',
			answer:'most creative',
			userAnswer:''
			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',
			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',
			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',
			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',
			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',
			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',
			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',
			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: ''
			},
			]
			},
			],
			listenTwo:[
			listenTwo: [
			{
			type:'checkbox',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'checkbox',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			userAnswer:[],
			answer:['What it is','Where Nadia got it','How much it is','What Nadia uses it for','When Nadia owned it','Why it is important to Nadia']
			userAnswer: [],
			answer: ['What it is', 'Where Nadia got it', 'How much it is', 'What Nadia uses it for', 'When Nadia owned it', 'Why it is important to Nadia']
			}
			]
			},
			{
			type:'table',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'table',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer:'regularly',
			userAnswer:'',
			isRight:null
			answer: 'regularly',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'favorite',
			userAnswer:'',
			isRight:null
			answer: 'favorite',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'smartly',
			userAnswer:'',
			isRight:null
			answer: 'smartly',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'fun and easy',
			userAnswer:'',
			isRight:null
			answer: 'fun and easy',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'useful',
			userAnswer:'',
			isRight:null
			answer: 'useful',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'Instantly',
			userAnswer:'',
			isRight:null
			answer: 'Instantly',
			userAnswer: '',
			isRight: null
			},
			]
			}
			],
			practicalWriting:[
			practicalWriting: [
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer:'suffer from',
			userAnswer:'',
			isRight:null
			answer: 'suffer from',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'difference between',
			userAnswer:'',
			isRight:null
			answer: 'difference between',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'easy to handle',
			userAnswer:'',
			isRight:null
			answer: 'easy to handle',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'limited time',
			userAnswer:'',
			isRight:null
			answer: 'limited time',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'take advantage of',
			userAnswer:'',
			isRight:null
			answer: 'take advantage of',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer:'We have a solution for you',
			userAnswer:'',
			isRight:null,
			answer: 'We have a solution for you',
			userAnswer: '',
			isRight: null,
			},
			{
			answer:'We have just launched a new product',
			userAnswer:'',
			isRight:null,
			answer: 'We have just launched a new product',
			userAnswer: '',
			isRight: null,
			},
			{
			answer:'it extends up to 4 feet',
			userAnswer:'',
			isRight:null,
			answer: 'it extends up to 4 feet',
			userAnswer: '',
			isRight: null,
			},
			{
			answer:'Only $19.99 with shipping',
			userAnswer:'',
			isRight:null,
			answer: 'Only $19.99 with shipping',
			userAnswer: '',
			isRight: null,
			},
			{
			answer:'If you’re interested or want to know more information',
			userAnswer:'',
			isRight:null,
			answer: 'If you’re interested or want to know more information',
			userAnswer: '',
			isRight: null,
			},
			{
			answer:'Welcome you to sample our new product',
			userAnswer:'',
			isRight:null,
			answer: 'Welcome you to sample our new product',
			userAnswer: '',
			isRight: null,
			},
			]
			},
			{
			type:'shortAnswer',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'shortAnswer',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			userAnswer:''
			userAnswer: ''
			}
			]
			}
			@@ -3624,15 +3707,20 @@
			this.dropdownData = JSON.parse(dropdownData);
			}
			const warmUp = localStorage.getItem('english-chapter04-warmup')
			if(warmUp) this.warmUp = JSON.parse(warmUp)
			if (warmUp) this.warmUp = JSON.parse(warmUp)
			const noSubmitData = localStorage.getItem('english-chapter04-noSubmitData')
			if(noSubmitData) this.noSubmitData = JSON.parse(noSubmitData)
			if (noSubmitData) this.noSubmitData = JSON.parse(noSubmitData)
			const readingOne = localStorage.getItem('english-chapter04-readingOne')
			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)
			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: {
			@@ -3644,14 +3732,11 @@
			return flag;
			},
			arrayToString(data) {
			if(Array.isArray(data)) {
			return data.toString()
			if (Array.isArray(data)) {
			return data.toString()
			} else {
			return data
			}
			},
			saveWord(event, word) {
			this.$emit("saveCharacters", event, word);
			},
			async getPath() {
			this.resource.listenOne = await getResourcePath(
			@@ -3666,7 +3751,7 @@
			this.resource.readingThree = await getResourcePath(
			"53A742267A1C22C01B8D5D35B13D3B9A"
			);


			this.resource.listenTwo = await getResourcePath(
			"2683C3F79104E353CE30961433F6AB35"
			);
			@@ -3692,11 +3777,11 @@
			}
			},
			// 新增
			showNoSubmitAnswer(index,num) {
			this.$set(this.noSubmitData[index].value[num],'isShowAnswer',!this.noSubmitData[index].value[num].isShowAnswer)
			showNoSubmitAnswer(index, num) {
			this.$set(this.noSubmitData[index].value[num], 'isShowAnswer', !this.noSubmitData[index].value[num].isShowAnswer)
			},
			savewarmUp() {
			localStorage.setItem('english-chapter04-warmup',JSON.stringify(this.warmUp))
			localStorage.setItem('english-chapter04-warmup', JSON.stringify(this.warmUp))
			},
			handlewarmUp() {
			for (let index = 0; index < this.warmUp.length; index++) {
			@@ -3730,25 +3815,25 @@
			}
			},
			saveNoSubmitData() {
			localStorage.setItem('english-chapter04-noSubmitData',JSON.stringify(this.noSubmitData))
			localStorage.setItem('english-chapter04-noSubmitData', JSON.stringify(this.noSubmitData))
			},
			saveReadingOne() {
			localStorage.setItem('english-chapter04-readingOne',JSON.stringify(this.readingOne))
			localStorage.setItem('english-chapter04-readingOne', JSON.stringify(this.readingOne))
			},
			changeDropdownDataOne(data) {
			this.$set(this.readingOne[1].value[0],'userAnswer',data)
			this.$set(this.readingOne[1].value[0], 'userAnswer', data)
			this.saveReadingOne()
			},
			changeDropdownDataTwo(data) {
			this.$set(this.readingOne[1].value[1],'userAnswer',data)
			this.$set(this.readingOne[1].value[1], 'userAnswer', data)
			this.saveReadingOne()
			},
			changeDropdownDataThree(data) {
			this.$set(this.readingOne[1].value[2],'userAnswer',data)
			this.$set(this.readingOne[1].value[2], 'userAnswer', data)
			this.saveReadingOne()
			},
			changeDropdownDataFour(data) {
			this.$set(this.readingOne[1].value[3],'userAnswer',data)
			this.$set(this.readingOne[1].value[3], 'userAnswer', data)
			this.saveReadingOne()
			},
			handleReadingOne() {
			@@ -3756,28 +3841,28 @@
			const item = this.readingOne[index];
			item.isComplete = true
			item.isShowAnswer = true
			for (let cindex = 0; cindex< item.value.length; cindex++) {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			if(item.type == 'select') {
			if (item.type == 'select') {
			const sortedArr1 = citem.answer.slice().sort();
			const sortedArr2 = citem.userAnswer.slice().sort();
			citem.isRight = sortedArr1.every(
			(value, index) => value === sortedArr2[index]
			);
			} else if(item.type == 'table') {
			if(typeof citem.userAnswer == 'string') {
			} else if (item.type == 'table') {
			if (typeof citem.userAnswer == 'string') {
			citem.isRight == citem.userAnswer == citem.answer
			} else {
			citem.isRight == citem.answer.indexOf(citem.userAnswer) > -1 ? true :false
			citem.isRight == citem.answer.indexOf(citem.userAnswer) > -1 ? true : false
			}
			}
			}
			else {
			citem.isRight = citem.answer == citem.userAnswer
			}


			}
			}
			console.log('read',this.readingOne);
			console.log('read', this.readingOne);
			},
			recastReadingOne() {
			localStorage.removeItem('english-chapter04-readingOne')
			@@ -3789,15 +3874,15 @@
			const item = this.readingOne[index];
			item.isComplete = false
			item.isShowAnswer = false
			for (let cindex = 0; cindex< item.value.length; cindex++) {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex]
			citem.isRight = null
			if(item.type == 'select') {
			if (item.type == 'select') {
			citem.userAnswer = []
			} else {
			citem.userAnswer = ''
			}


			}
			}
			},
			@@ -3808,54 +3893,56 @@
			}
			},
			saveReadingTwo() {
			localStorage.setItem('english-chapter04-readingTwo',JSON.stringify(this.readingTwo))
			localStorage.setItem('english-chapter04-readingTwo', JSON.stringify(this.readingTwo))
			},
			handleReadingTwo() {
			for (let index = 0; index < this.readingTwo.length; index++) {
			const item = this.readingTwo[index];
			item.isComplete = true
			item.isShowAnswer = true
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[index];
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			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
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			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() {
			localStorage.setItem('english-chapter04-listenTwo',JSON.stringify(this.listenTwo))
			localStorage.setItem('english-chapter04-listenTwo', JSON.stringify(this.listenTwo))
			},
			handleListenTwo() {
			for (let index = 0; index < this.listenTwo.length; index++) {
			const item = this.listenTwo[index];
			item.isComplete = true
			item.isShowAnswer = true
			if(item.type == 'table') {
			if (item.type == 'table') {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = citem.answer == citem.userAnswer
			}
			}

			}

			}
			this.savelistenTwo()
			},
			@@ -3864,14 +3951,19 @@
			const item = this.listenTwo[index];
			item.isComplete = false
			item.isShowAnswer = false
			if(item.type == 'table') {
			if (item.type == 'table') {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			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')
			},
			@@ -3882,14 +3974,14 @@
			}
			},
			savePracticalWriting() {
			localStorage.setItem('english-chapter04-practicalWriting',JSON.stringify(this.practicalWriting))
			localStorage.setItem('english-chapter04-practicalWriting', JSON.stringify(this.practicalWriting))
			},
			handlePracticalWriting() {
			for (let index = 0; index < this.practicalWriting.length; index++) {
			const item = this.practicalWriting[index];
			item.isComplete = true,
			item.isShowAnswer = true
			if(item.type != 'shortAnswer') {
			item.isShowAnswer = true
			if (item.type != 'shortAnswer') {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = citem.answer == citem.userAnswer
			@@ -3906,17 +3998,17 @@
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.userAnswer = ''
			if(item.type != 'shortAnswer')
			if (item.type != 'shortAnswer')
			citem.isRight = null
			}


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

			.dropdown-box-one {


			li {
			width: 33%;
			display: flex;
			@@ -4006,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;
			}