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.
			@@ -315,12 +315,12 @@
			controlslist="noplaybackrate nodownload" class="audio"></audio></p>
			<p>Everyone’s first job is special.There are a couple of reasons for this:the experience is
			burned into one’s memory; it gives you the practice needed to
			<span class="word-bc" @click="saveWord($event, 'fulfill')">fulfill</span>
			<span class="word-bc">fulfill</span>
			other positions; and
			it teaches you about the value of money.
			</p>
			<p>When I was sixteen years old,I wanted to buy a new speed
			<span class="word-bc" @click="saveWord($event, 'cube')">cube</span>
			<span class="word-bc">cube</span>
			,but I did not have any money.My
			parents were not the type of people to give money to me out of nowhere,or even for work done
			at home.I had to find work in order to purchase one.
			@@ -348,40 +348,40 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p>So,I
			<span class="word-bc" @click="saveWord($event, 'inquired')">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" @click="saveWord($event, 'elderly')">elderly</span>
			<span class="word-bc">elderly</span>
			people,who needed help in their yards.I went to the
			oldest person I knew in my
			<span class="word-bc" @click="saveWord($event, 'neighbourhood')">neighbourhood</span>
			<span class="word-bc" >neighbourhood</span>
			,Mrs.Hudson.She was over eighty years old,and could
			not tend her garden anymore.She had flowers,a grass lawn,and some tomato plants.I knocked on
			her door,building up enough courage to ask her for work.She answered that indeed she needed
			help in her garden.
			</p>
			<p>My first job was to pull out
			<span class="word-bc" @click="saveWord($event, 'weeds')">weeds</span>
			<span class="word-bc">weeds</span>
			.I got down on my knees with
			<span class="word-bc" @click="saveWord($event, 'foam')">foam</span>
			<span class="word-bc" >foam</span>
			protectors and began to
			pull out weeds one by one in her front yard and backyard.After this
			<span class="word-bc" @click="saveWord($event, 'tedious')">tedious</span>
			<span class="word-bc" >tedious</span>
			task,I
			<span class="word-bc" @click="saveWord($event, 'mowed')">mowed</span>
			<span class="word-bc" word="mow">mowed</span>
			her
			<span class="word-bc" @click="saveWord($event, 'lawn')">lawn</span>
			<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
			how much I would get paid,and she said,“I will give you $5 an hour.” It was less than I
			thought I would get paid,but at least I had a job and the money for my cube.
			</p>
			<p>I think everyone should get down on one’s knees and pull weeds.I think everyone should feel
			the burning sun on one’s back as they mow.It seems these experiences
			<span class="word-bc" @click="saveWord($event, 'harden')">harden</span>
			<span class="word-bc" >harden</span>
			spirits and
			<span class="word-bc" @click="saveWord($event, 'resolve')">resolve</span>
			<span class="word-bc" >resolve</span>
			.Besides this,a first job like this teaches you the value of money,and as
			<span class="word-bc" @click="saveWord($event, 'sweat')">sweat</span>
			<span class="word-bc" >sweat</span>
			turned into the “cube”,it is something no one can take away.
			</p>
			<p class="fl al-cn mt-40">
			@@ -998,23 +998,23 @@
			<div class="bk-wh">
			<p class="dl-box">
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'dangerous')">dangerous</span>
			>dangerous</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'demanding')">demanding</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dull')">dull</span>
			>demanding</span>
			<span class="word-bc mr-20 dl-span" >dull</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'exciting')">exciting</span>
			>exciting</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'repetitive')">repetitive</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
			>repetitive</span>
			<span class="word-bc mr-20 dl-span" >risky</span>
			<span class="word-bc mr-20 dl-span" word="satisfy"
			>satisfying</span>
			<span class="word-bc mr-20 dl-span" word="stimulate"
			>stimulating</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'satisfying')">satisfying</span>
			>stressful</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'stimulating')">stimulating</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'stressful')">stressful</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'voluntary')">voluntary</span>
			>voluntary</span>
			</p>

			<p>
			@@ -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>
			@@ -1316,7 +1327,7 @@
			controlslist="noplaybackrate nodownload" style="margin-left: 10px"
			class="audio"></audio></p>
			<p>We spend a large
			<span class="word-bc" @click="saveWord($event, 'portion')">portion</span>
			<span class="word-bc" >portion</span>
			of our lives working,so how we spend those years matters.It is
			beneficial to find a career that will bring satisfaction and happiness rather than find one
			based on income.
			@@ -1348,13 +1359,13 @@
			<p>When we have a job that we love,we are more productive and satisfied.There is more passion to
			get up in the morning and begin working.There are more positive emotions associated with
			doing something we care about.Sometimes people choose a certain
			<span class="word-bc" @click="saveWord($event, 'profession')">profession</span>
			<span class="word-bc" >profession</span>
			because of past
			experiences.
			</p>
			<p>Someone may choose to be an actor because they want others to be happy.Someone may choose to
			be a doctor because someone they knew was ill.Someone may choose to be a
			<span class="word-bc" @click="saveWord($event, 'vet')">vet</span>
			<span class="word-bc" >vet</span>
			because they
			care about animals.These past experiences may influence a career,and the career may provide
			more satisfaction and a sense of purpose.
			@@ -1362,31 +1373,31 @@
			<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" @click="saveWord($event, 'outcomes')">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" @click="saveWord($event, 'necessities')">necessities</span>
			<span class="word-bc" word="necessity">necessities</span>
			like food,water,clothes,and
			<span class="word-bc" @click="saveWord($event, 'shelter')">shelter</span>
			<span class="word-bc" >shelter</span>
			.It can also provide
			<span class="word-bc" @click="saveWord($event, 'luxuries')">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
			<span class="word-bc" @click="saveWord($event, 'baseline')">baseline</span>
			<span class="word-bc">baseline</span>
			state shortly after.Every
			individual’s needs are different,but we can sometimes play a part in our
			<span class="word-bc" @click="saveWord($event, 'emotional')">emotional</span>
			<span class="word-bc" >emotional</span>
			state.Having more luxury items and wants doesn’t bring happiness that lasts.
			</p>
			<p>Having a career that we are
			<span class="word-bc" @click="saveWord($event, 'passionate')">passionate</span>
			<span class="word-bc" >passionate</span>
			about,one that gives our life a sense of purpose,and
			one that we are
			<span class="word-bc" @click="saveWord($event, 'comfortable')">comfortable</span>
			<span class="word-bc" >comfortable</span>
			with is important.Finding a career shouldn’t be based on income
			or forced.We spend a huge amount of our lives working,so we should spend this time doing
			something we are passionate about.
			@@ -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',
			@@ -3797,9 +3746,6 @@
			}
			return flag;
			},
			saveWord(event, word) {
			this.$emit("saveCharacters", event, word);
			},
			setTestData() {
			localStorage.setItem("english-testOne", JSON.stringify(this.testData));
			},
			@@ -3894,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)
			},
			@@ -3904,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))
			},