testbookLayout.git

			@@ -52,7 +52,7 @@
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0146-2.jpg" alt="" style="width: 98%" />
			<img src="../../assets/images/0146-2.jpg" alt="" class="w100" />
			</p>
			<p class="center">
			2.
			@@ -70,7 +70,7 @@
			<div class="left" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0146-3.jpg" alt="" style="width: 98%" />
			<img src="../../assets/images/0146-3.jpg" alt="" class="w100" />
			</p>
			<p class="center">
			3.
			@@ -86,7 +86,7 @@
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0146-4.jpg" alt="" style="width: 94%" />
			<img src="../../assets/images/0146-4.jpg" alt="" class="w100" />
			</p>
			<p class="center">
			4.
			@@ -121,7 +121,7 @@
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0146-6.jpg" alt="" style="width: 98%" />
			<img src="../../assets/images/0146-6.jpg" alt="" class="w100" />
			</p>
			<p class="center">
			6.
			@@ -348,7 +348,7 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p>So,I
			<span class="word-bc" >inquired</span>
			<span class="word-bc" word="inquire" >inquired</span>
			as to who could give me work around town.I lived in the town of Woodway,which
			had enough people,especially
			<span class="word-bc">elderly</span>
			@@ -368,7 +368,7 @@
			pull out weeds one by one in her front yard and backyard.After this
			<span class="word-bc" >tedious</span>
			task,I
			<span class="word-bc" >mowed</span>
			<span class="word-bc" word="mow">mowed</span>
			her
			<span class="word-bc" >lawn</span>
			—front and back.That was it for my first day,and it took me about two hours.I asked her
			@@ -1007,9 +1007,9 @@
			<span class="word-bc mr-20 dl-span"
			>repetitive</span>
			<span class="word-bc mr-20 dl-span" >risky</span>
			<span class="word-bc mr-20 dl-span"
			<span class="word-bc mr-20 dl-span" word="satisfy"
			>satisfying</span>
			<span class="word-bc mr-20 dl-span"
			<span class="word-bc mr-20 dl-span" word="stimulate"
			>stimulating</span>
			<span class="word-bc mr-20 dl-span"
			>stressful</span>
			@@ -1026,137 +1026,137 @@
			<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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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/8-1、MODULE 8（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" />
			<img src="../../assets/images/ppt/8-1、MODULE 8（lesson one）_23.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_24.png" />
			<img src="../../assets/images/ppt/8-1、MODULE 8（lesson one）_24.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_25.png" />
			<img src="../../assets/images/ppt/8-1、MODULE 8（lesson one）_25.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_26.png" />
			<img src="../../assets/images/ppt/8-1、MODULE 8（lesson one）_26.jpg" />
			</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/8-1、MODULE 8（lesson one）_27.jpg" />
			</div>
			</div>
			</div>
			@@ -1196,7 +1196,7 @@
			yourself.Work with your partner and figure out what the pictures in the following road
			maps possibly mean,and then choose the proper expressions to fill in the blanks.
			</b>
			<span class="btn-box" @click="showDropTwo(0,0)">
			<span class="btn-box" @click="showDropTwo(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"
			@@ -1227,6 +1227,12 @@
			</div>
			</li>
			</ul>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropTwo[0].isShowAnswer">
			<span>答案：</span>
			<span class="mr-20" v-for="(item, index) in dropTwo[0].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<!-- <p class="center">
			<img class="img-a" alt="" src="../../assets/images/0153-1.jpg" />
			</p> -->
			@@ -1284,7 +1290,12 @@
			<img :src="dropTwo[1].value[2].isRight ? correctIcon : errorIcon" v-if="dropTwo[1].value[2].isRight == true \|\| dropTwo[1].value[2].isRight == false">
			</div>
			</div>

			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropTwo[0].isShowAnswer">
			<span>答案：</span>
			<span class="mr-20" v-for="(item, index) in dropTwo[1].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<h3 id="c069" class="fl al-cn">
			<span class="bjh3">Reading</span>
			<audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
			@@ -1362,17 +1373,17 @@
			<p>We shouldn’t spend a lot of time worrying about where we should be.Things will fall into
			place as they are meant to.There isn’t one correct path and everyone’s life is different.We
			may face challenges that bring greater
			<span class="word-bc" >outcomes</span>
			<span class="word-bc" word="outcome" >outcomes</span>
			later on.
			</p>
			<p>Some may argue that they need more money to survive and be happy.It is true that we need
			money to survive,but after a certain amount it doesn’t give us any more happiness.It can
			provide
			<span class="word-bc" >necessities</span>
			<span class="word-bc" word="necessity">necessities</span>
			like food,water,clothes,and
			<span class="word-bc" >shelter</span>
			.It can also provide
			<span class="word-bc" >luxuries</span>
			<span class="word-bc" word="luxury" >luxuries</span>
			like
			vacations and going out to eat at a restaurant.But when we enjoy something,the feeling of
			enjoyment doesn’t last forever.We usually return to our
			@@ -1516,6 +1527,12 @@
			{{index + 1}}.{{item.stem}}
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[1].isShowAnswer">
			<span>答案：</span>
			<span class="mr-20" v-for="(item, index) in listenTwo[1].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<p><b>Ⅱ.Language focus.</b></p>
			<p>A.Replace the words in italics with the exact words in the passage and change the form if
			necessary.</p>
			@@ -1524,6 +1541,12 @@
			<input type="text" :disabled="listenTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[2].isComplete">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[2].isShowAnswer">
			<span>答案：</span>
			<span class="mr-20" v-for="(item, index) in listenTwo[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>a portion of　fall into place　be passionate about　later on be　comfortable with</p>
			@@ -1562,6 +1585,12 @@
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[3].isComplete">
			{{item.stemTwo}}
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[3].isShowAnswer">
			<span>答案：</span>
			<span class="mr-20" v-for="(item, index) in listenTwo[3].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<p><b>Ⅲ.Grammar focus:Pronouns (it,one).</b><span class="btn-box"
			@click="showAnswer('showImgOne')">
			<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
			@@ -1590,6 +1619,12 @@
			<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[4].isComplete">
			{{item.stemTwo}}
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[4].isShowAnswer">
			<span>答案：</span>
			<span class="mr-20" v-for="(item, index) in listenTwo[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>
			@@ -1704,137 +1739,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/8-2、MODULE 8（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/8-2、MODULE 8（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/8-2、MODULE 8（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/8-2、MODULE 8（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/8-2、MODULE 8（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/8-2、MODULE 8（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/8-2、MODULE 8（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/8-2、MODULE 8（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/8-2、MODULE 8（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/8-2、MODULE 8（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/8-2、MODULE 8（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/8-2、MODULE 8（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/8-2、MODULE 8（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/8-2、MODULE 8（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/8-2、MODULE 8（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/8-2、MODULE 8（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/8-2、MODULE 8（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/8-2、MODULE 8（lesson two）_18.jpg" />
			</div>
			</div>
			</div>
			@@ -1888,6 +1878,12 @@
			I feel worried about writing the letter,for I know little about it.Anyway,I am
			well-prepared,I guess.Now all I’ve got to do is to take that job.Wish me good luck!
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[0].isShowAnswer">
			<span>答案：</span>
			<span class="mr-20" v-for="(item, index) in listenThree[0].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev" style="width:80%">
			<li>
			@@ -1967,7 +1963,7 @@
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="noSubmitThree[0].value[0].userAnswer"
			<textarea v-model="noSubmitThree[0].value[1].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="saveNoSubmitThree"></textarea>
			</td>
			@@ -1977,7 +1973,7 @@
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="noSubmitThree[0].value[0].userAnswer"
			<textarea v-model="noSubmitThree[0].value[2].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="saveNoSubmitThree"></textarea>
			</td>
			@@ -1987,7 +1983,7 @@
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="noSubmitThree[0].value[0].userAnswer"
			<textarea v-model="noSubmitThree[0].value[3].userAnswer"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="saveNoSubmitThree"></textarea>
			</td>
			@@ -2347,137 +2343,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/8-3、MODULE 8（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/8-3、MODULE 8（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/8-3、MODULE 8（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/8-3、MODULE 8（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/8-3、MODULE 8（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/8-3、MODULE 8（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/8-3、MODULE 8（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/8-3、MODULE 8（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/8-3、MODULE 8（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/8-3、MODULE 8（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/8-3、MODULE 8（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/8-3、MODULE 8（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/8-3、MODULE 8（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/8-3、MODULE 8（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/8-3、MODULE 8（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/8-3、MODULE 8（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/8-3、MODULE 8（lesson three）_17.jpg" />
			</div>
			</div>
			</div>
			@@ -2490,7 +2436,8 @@
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			<!-- 页脚 -->
			<div class="preface-bottom" style="margin-top: 10%">
			<span class="contet-num-box">154</span>
			</div>
			</div>
			@@ -3456,6 +3403,7 @@
			dropTwo:[
			{
			type:'dropdown',
			isComplete:false,
			isShowAnswer:false,
			option:[
			'identify passion','go to school'
			@@ -3474,6 +3422,7 @@
			{
			type:'dropdown',
			isComplete:false,
			isShowAnswer:false,
			option:[
			'change your mind',
			'get another job',
			@@ -3891,6 +3840,7 @@
			saveNoSubmitTWo() {
			localStorage.setItem('english-chapter08-noSubmitTwo',JSON.stringify(this.noSubmitTwo))
			},

			showNoSubmitTWo(index,num) {
			this.$set(this.noSubmitTwo[index].value[num],'isShowAnswer',!this.noSubmitTwo[index].value[num].isShowAnswer)
			},
			@@ -3901,6 +3851,9 @@
			this.$set(this.dropTwo[index].value[num],'isRight',this.dropTwo[index].value[num].userAnswer == this.dropTwo[index].value[num].answer)
			this.saveDropTwo()
			},
			showDropTwo(index) {
			this.$set(this.dropTwo[index],'isShowAnswer',!this.dropTwo[index].isShowAnswer)
			},
			saveListenTwo() {
			localStorage.setItem('english-chapter08-listenTwo',JSON.stringify(this.listenTwo))
			},