testbookLayout.git

			@@ -7,13 +7,13 @@
			<h1 id="a005">
			<img class="img-0" alt="" src="../../assets/images/dy5.jpg" />
			</h1>
			<p class="img">
			<div class="img">
			<p>➢ Learn words and expressions about environmental topics</p>
			<p>➢ Review the structure of the present perfect tense and the usage of the infinitive</p>
			<p>➢ Be able to express your concern on environmental issues</p>
			<p>➢ Be able to compose a business memo</p>
			<p>➢ Understand the significance of environmental protection</p>
			</p>
			</div>
			<p class="center">
			<img class="img-0" alt="" src="../../assets/images/0087-2.jpg" />
			</p>
			@@ -383,7 +383,7 @@
			</p>
			<p class="center"><b>A Better Path for Plastic</b></p>
			<p class="center"> <audio :src="resource.readingOne" controls
			controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
			controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
			<p>Plastic plays an important role in modern life,serving as building blocks for everything from
			packaging to medical equipment.This useful material has undeniable upsides—but far too much
			of it ends up in landfills or in our environment.What can each of us do to be part of the
			@@ -446,7 +446,7 @@
			<span class="line-border-box"></span>
			</p>
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
			style="margin-left: 10px" class="audio"></audio>
			<p>undeniable /ˌʌndɪˈnaɪəbl/ <i>adj.</i> 不可否定的；无可争辩的</p>
			<div class="bkbj">
			<p><i>that cannot be denied</i></p>
			@@ -678,10 +678,10 @@
			v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p>
			<p>2.Which city in the U.S.has set a goal to be zero-waste by 2050?</p>
			<p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p>
			v-model="questionDataOne.rp.two" @change="setQuestionDataOne" /></p>
			<p>3.Who should lead the campaign against plastic pollution?</p>
			<p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p>
			v-model="questionDataOne.rp.three" @change="setQuestionDataOne" /></p>
			<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showAnswerReading">
			<p class="table-p tl-lf">答案</p>
			@@ -1483,20 +1483,20 @@
			<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, 'smog')">smog</span>
			<span class="word-bc mr-20 dl-span">smog</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'greenhouse gases')">greenhouse gases</span>
			>greenhouse gases</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'unusual temperature')">unusual temperature</span>
			>unusual temperature</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'rising sea levels')">rising sea levels</span>
			>rising sea levels</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'melting glaciers')">melting glaciers</span>
			>melting glaciers</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'frequent drought')">frequent drought</span>
			>frequent drought</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'heavier rainstorms')">heavier rainstorms</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'soil degradation')">soil
			>heavier rainstorms</span>
			<span class="word-bc mr-20 dl-span">soil
			degradation</span>
			</p>
			</div>
			@@ -1506,137 +1506,112 @@
			<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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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/5-1、MODULE 5（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" />
			</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/5-1、MODULE 5（lesson one）_22.jpg" />
			</div>
			</div>
			</div>
			@@ -1684,7 +1659,7 @@
			<p>
			<span v-for="(citem, cindex) in choiceData[0].option " :key="cindex">
			<input type="radio" :name="item.stem" :value="citem.value"
			v-model="item.userAnswer" />
			v-model="item.userAnswer" @change="saveChoiceData" />
			{{ citem.value }}.{{ citem.label }}
			</span>
			</p>
			@@ -1802,17 +1777,17 @@
			(4) Reducing food waste by properly storing and using food.
			</p>
			<p class="center"><b>Your Dinner Has a Carbon Footprint</b></p>
			<p class="center"> <audio :src="resource.listenOne" controls
			controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
			<p class="center"> <audio :src="resource.readingThree" controls
			controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
			<p>Every morning,I wake up,and just moments after my feet hit this floor,I’m reaching for a
			sports bra and tying my shoelaces.It’s time to go running.</p>
			<p>Sometimes,I’m alone.Other times,I’m with a friend.I’m a runner,and for me,there’s nothing
			better than a
			<span class="word-bc" @click="saveWord($event, 'crisp')">crisp</span>
			<span class="word-bc" >crisp</span>
			morning,when the air is fresh,the sun is
			<span class="word-bc" @click="saveWord($event, 'peak')"> peak</span>
			<span class="word-bc" > peak</span>
			ing over the
			<span class="word-bc" @click="saveWord($event, 'horizon')">horizon</span>
			<span class="word-bc">horizon</span>
			,and my
			legs are light.But some days,when an air quality warning shows on my phone,I know running
			outdoors will be unpleasant.
			@@ -1821,32 +1796,32 @@
			convenient.We want to drive in cars,fly in planes,and eat fruits that only grow on the other
			side of the world.I’m lucky enough to live in a city with great public transportation and a
			wealth of
			<span class="word-bc" @click="saveWord($event, 'ecofriendly')">ecofriendly </span>
			<span class="word-bc" @click="saveWord($event, 'ride-sharing')">ride-sharing </span>
			<span class="word-bc" >ecofriendly </span>
			<span class="word-bc" >ride-sharing </span>
			options.But actually,not all of us have these choices.
			</p>
			<p>So,if we can’t take millions of cars off the road,what can we do right now,on an individual
			level,to reduce our carbon footprint?</p>
			<p>Well,everybody eats.We eat to celebrate,to grow,and to
			<span class="word-bc" @click="saveWord($event, 'survive')">survive</span>
			<span class="word-bc" >survive</span>
			.We also eat
			<span class="word-bc" @click="saveWord($event, 'selectively')">selectively</span>
			<span class="word-bc" >selectively</span>
			.It
			seems like everyone has a
			<span class="word-bc" @click="saveWord($event, 'dietary')">dietary</span>
			<span class="word-bc" @click="saveWord($event, 'restriction')">restriction</span>
			<span class="word-bc" >dietary</span>
			<span class="word-bc" >restriction</span>
			these days.Most of the dietary choices are
			made for personal,health-related reasons,but what I’ve learned recently is that the food we
			eat doesn’t just impact us; it impacts the planet big time.
			</p>
			<p>Just this summer,a group of researchers in the UK published a study comparing the carbon
			footprints connected with different diets:meat-eaters,fish-eaters,and
			<span class="word-bc" @click="saveWord($event, 'vegans')">vegans</span>
			<span class="word-bc" word="vegan">vegans</span>
			.It turns out
			that
			<span class="word-bc" @click="saveWord($event, 'eliminat')">eliminat</span>
			ing meat from your diet can reduce your carbon
			<span class="word-bc" @click="saveWord($event, 'emissions')">emissions</span>
			<span class="word-bc" word="eliminate">eliminating</span>
			meat from your diet can reduce your carbon
			<span class="word-bc" word="emission">emissions</span>
			by half.A vegan diet
			was connected with the least amount of greenhouse gas emissions—99 percent to 102 percent
			less than meateaters—but even switching from meat to fish can reduce your dietary emissions
			@@ -1854,7 +1829,7 @@
			</p>
			<p>Before learning about this study,I never thought about how my diet impacted anyone but
			myself.I always
			<span class="word-bc" @click="saveWord($event, 'figured')">figured</span>
			<span class="word-bc" word="figure">figured</span>
			that what I put into my body was a personal decision,but it’s a
			public concern.
			</p>
			@@ -1888,8 +1863,8 @@
			<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
			<span class="line-border-box"></span>
			</p>
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
			@play="audioPlay"></audio>
			<audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio"
			></audio>
			<p>crisp /krɪsp/ <i>adj.</i> （指空气、天气）干冷的；凉爽的</p>
			<div class="bkbj">
			<p><i>(of the air or the weather) pleasantly dry and cold</i></p>
			@@ -1942,11 +1917,17 @@
			<div class="bkbj">
			<p><i>to think</i></p>
			</div>
			<p>carbon footprint 碳足迹</p>
			<div class="fl">
			<div class="left ">
			<p>carbon footprint 碳足迹</p>
			<p>big time 大范围地；很大程度地</p>
			<p>reflect on 回想</p>
			<p>reach for sth.伸出（手）以抓到或拿到某物</p>
			</div>
			<div class="right ">
			<p>reach for sth.伸出（手）以抓到或拿到某物</p>
			<p>turn out 结果是</p>
			</div>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -2164,6 +2145,13 @@
			</p>
			</div>
			</div>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showAnswerReadingOne">
			答案： 1.Driving to work in cars
			2.Eating much meat
			3.Eating imported fruits

			</p>
			<p>B.Decide whether the following statements are true (T) or false (F).</p>
			<p>(<select class="select-border" :disabled="questionDataTwo.isComplete"
			v-model="questionDataTwo.dt.one.value" style="width: 8%">
			@@ -2279,6 +2267,10 @@
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showAnswerReadingOne">
			答案： 1.F   2.T   3.F   4.F   5.T
			</p>
			<p><b>Ⅱ.Language focus.</b></p>
			<p>A.Replace the words or expression,in italics with the exact words in the passage and change
			@@ -2414,6 +2406,10 @@
			</svg>
			</span>
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showAnswerReadingOne">
			答案： 1.crisp   2.survive   3.eliminate   4.Emission   5.figured
			</p>
			<p>B.Fill in the blanks with the proper form of the expressions given below.</p>
			<div class="bk-wh">
			<p>carbon footprint　big time　turn out　reflect on　reach for</p>
			@@ -2548,6 +2544,10 @@
			</svg>
			</span>
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showAnswerReadingOne">
			答案： 1.reflect on   2.big time   3.reached for   4.carbon footprint   5.turns out
			</p>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -2605,6 +2605,13 @@
			<p>She switched off all the lights after each class.</p>
			<p><input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataTwo.rf.five" @change="setQuestionDataTwo" /></p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showAnswerReadingOne">
			答案： 1.We work hard to make a better life.   2.I’m sorry to send the urgent email to a wrong person.
			3.I was shocked to hear the news that temperatures at North Pole were more than 50°F warmer than average.
			4.It was warm-hearted of the 70-year-old grandma to clean 52 beaches in one year.
			5.It was environmentally conscious of Miss Li to switch off all the lights after each class.
			</p>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ar w80">
			<li>
			@@ -2618,7 +2625,7 @@
			</button>
			</li>
			<li>
			<button class="parimary-btn">
			<button @click="showAnswerReadingOne = !showAnswerReadingOne" class="parimary-btn">
			查看答案
			</button>
			</li>
			@@ -2773,137 +2780,107 @@
			<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/5-2、MODULE 5（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/5-2、MODULE 5（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/5-2、MODULE 5（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/5-2、MODULE 5（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/5-2、MODULE 5（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/5-2、MODULE 5（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/5-2、MODULE 5（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/5-2、MODULE 5（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/5-2、MODULE 5（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/5-2、MODULE 5（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/5-2、MODULE 5（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/5-2、MODULE 5（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/5-2、MODULE 5（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/5-2、MODULE 5（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/5-2、MODULE 5（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/5-2、MODULE 5（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/5-2、MODULE 5（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" />
			<img src="../../assets/images/ppt/5-2、MODULE 5（lesson two）_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/5-2、MODULE 5（lesson two）_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/5-2、MODULE 5（lesson two）_20.jpg" />
			</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/5-2、MODULE 5（lesson two）_21.jpg" />
			</div>
			</div>
			</div>
			@@ -2940,12 +2917,12 @@
			<h3 id="c044" class="fl al-cn">
			<span class="bjh3">Listening</span>
			<!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			</h3>
			<p><b>Ⅰ.Every one of us should have a clear sense of how important Nature means to mankind.Watch
			the video and fill in the blanks with what you hear.</b>
			</p>
			<audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="wh-no tl-cn">Redwood Sapling</td>
			@@ -2965,7 +2942,7 @@
			<td>
			I've seen all kinds of l.<input :disabled="questionDataThree.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="questionDataThree.eo.one" @change="setQuestionDataTwo" />
			v-model="questionDataThree.eo.one" @change="setQuestionDataThree" />
			<span>
			<svg v-if="
			questionDataThree.isComplete &&
			@@ -2989,7 +2966,7 @@
			</svg>
			</span>，bugs and 2.<input :disabled="questionDataThree.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="questionDataThree.eo.two" @change="setQuestionDataTwo" />
			v-model="questionDataThree.eo.two" @change="setQuestionDataThree" />
			<span>
			<svg v-if="
			questionDataThree.isComplete &&
			@@ -3024,7 +3001,7 @@
			They changed wolves into dogs, rivers into lakes, and us into 3.<input
			:disabled="questionDataThree.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="questionDataThree.eo.three" @change="setQuestionDataTwo" />
			v-model="questionDataThree.eo.three" @change="setQuestionDataThree" />
			<span>
			<svg v-if="
			questionDataThree.isComplete &&
			@@ -3049,7 +3026,7 @@
			</span>
			They started using the 4.<input :disabled="questionDataThree.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="questionDataThree.eo.four" @change="setQuestionDataTwo" />
			v-model="questionDataThree.eo.four" @change="setQuestionDataThree" />
			<span>
			<svg v-if="
			questionDataThree.isComplete &&
			@@ -3084,7 +3061,7 @@
			I don't know, If they don't figure put that they're part of 5.<input
			:disabled="questionDataThree.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="questionDataThree.eo.five" @change="setQuestionDataTwo" />
			v-model="questionDataThree.eo.five" @change="setQuestionDataThree" />
			<span>
			<svg v-if="
			questionDataThree.isComplete &&
			@@ -3117,13 +3094,15 @@
			<p><b>Ⅱ.The four people below are all concerned with the increasingly serious environmental
			issues.Listen to the recording and decide which website they use to search for the
			information they need.</b></p>
			<audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			<div class="fl">
			<div>
			<img class="w100" alt="" src="../../assets/images/M5Select01.png" />
			<p class="table-p center">James</p>
			<div class="fl">
			<select class="select-border w80" :disabled="questionDataThree.isComplete"
			v-model="questionDataThree.tp.one.value">
			v-model="questionDataThree.tp.one.value" @change="setQuestionDataThree">
			<option v-for="(item, index) in questionDataThree.tp.tpList" :key="index"
			:value="item">
			{{ item }}
			@@ -3154,7 +3133,7 @@
			<p class="table-p center">Amy</p>
			<div class="fl">
			<select class="select-border w80" :disabled="questionDataThree.isComplete"
			v-model="questionDataThree.tp.two.value">
			v-model="questionDataThree.tp.two.value" @change="setQuestionDataThree">
			<option v-for="(item, index) in questionDataThree.tp.tpList" :key="index"
			:value="item">
			{{ item }}
			@@ -3185,7 +3164,7 @@
			<p class="table-p center">Tim</p>
			<div class="fl">
			<select class="select-border w80" :disabled="questionDataThree.isComplete"
			v-model="questionDataThree.tp.three.value">
			v-model="questionDataThree.tp.three.value" @change="setQuestionDataThree">
			<option v-for="(item, index) in questionDataThree.tp.tpList" :key="index"
			:value="item">
			{{ item }}
			@@ -3216,7 +3195,7 @@
			<p class="table-p center">James</p>
			<div class="fl">
			<select class="select-border w80" :disabled="questionDataThree.isComplete"
			v-model="questionDataThree.tp.four.value">
			v-model="questionDataThree.tp.four.value" @change="setQuestionDataThree">
			<option v-for="(item, index) in questionDataThree.tp.tpList" :key="index"
			:value="item">
			{{ item }}
			@@ -3699,8 +3678,8 @@
			<div class="un-h2">
			<h2 id="b020">Unit Project</h2>
			</div>
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
			<audio :src="resource.projectOne" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px; margin-top: 10px;" class="audio"></audio>
			<p>The 26th Conference of the Parties to the United Nations Framework Convention on Climate
			Change (COP26) kicked off on November 1,2021,in Glasgow,Scotland.CGTN reporter Xu Jinhui
			also did her part by joining the 7-day No Plastic Challenge.Let’s watch her vlog and see
			@@ -3825,137 +3804,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/5-3、MODULE 5（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/5-3、MODULE 5（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/5-3、MODULE 5（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/5-3、MODULE 5（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/5-3、MODULE 5（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/5-3、MODULE 5（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/5-3、MODULE 5（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/5-3、MODULE 5（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/5-3、MODULE 5（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/5-3、MODULE 5（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/5-3、MODULE 5（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/5-3、MODULE 5（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/5-3、MODULE 5（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/5-3、MODULE 5（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/5-3、MODULE 5（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/5-3、MODULE 5（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/5-3、MODULE 5（lesson three）_17.jpg" />
			</div>
			</div>
			</div>
			@@ -4000,7 +3929,7 @@
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			<div class="preface-bottom" style="margin-top: 60%">
			<span class="contet-num-box">96</span>
			</div>
			</div>
			@@ -4035,6 +3964,7 @@
			showAnswerEleven: false,
			showAnswerTwelve: false,
			showAnswerReading: false,
			showAnswerReadingOne: false,
			showImg: false,
			showImgOne: false,
			showQuestionAnswer: false,
			@@ -4300,6 +4230,11 @@
			listenOne: "",
			readingOne: "",
			readingTwo: "",
			readingThree: "",
			readingFour: "",
			listenTwo: "",
			listenThree: "",
			projectOne: "",
			},
			dropDownList: [
			"animal rescue and care",
			@@ -4668,7 +4603,7 @@
			if (testData) {
			this.testData = JSON.parse(testData);
			}
			const bookQuestion = localStorage.getItem("english-book-question-one");
			const bookQuestion = localStorage.getItem("english-book-chapter05-question-one");
			if (bookQuestion) {
			this.questionData = JSON.parse(bookQuestion);
			}
			@@ -4699,19 +4634,20 @@
			this.questionDataFour = JSON.parse(questionDataFour);
			}

			const choiceData = localStorage.getItem('english-chapter05-choiceData')
			if (choiceData) {
			this.choiceData = JSON.parse(choiceData);
			}

			this.getPath();
			},
			methods: {
			saveWord(event, word) {
			this.$emit("saveCharacters", event, word);
			},
			setTestData() {
			localStorage.setItem("english-testOne", JSON.stringify(this.testData));
			},
			setBookQuestion() {
			console.log("保存");
			localStorage.setItem(
			"english-book-question-one",
			"english-book-chapter05-question-one",
			JSON.stringify(this.questionData)
			);
			},
			@@ -4723,7 +4659,22 @@
			"157842B38CA587C8134070E66D174DDE"
			);
			this.resource.readingTwo = await getResourcePath(
			"E8719EC88026BCFB11D292AA999F6D3D"
			"F0060BCF874B78E05E2DC9FE317A6D37"
			);
			this.resource.readingThree = await getResourcePath(
			"4AC860B7C2CEB89231AF97F85275A9C6"
			);
			this.resource.readingFour = await getResourcePath(
			"31AE82BE3BFCD4F772C7C3AFD27D0E31"
			);
			this.resource.listenTwo = await getResourcePath(
			"5D9F90ABD53E30608E09A0DEE07401C1"
			);
			this.resource.listenThree = await getResourcePath(
			"3DF0EEC6B4334C0C7FF7BC69F8322C22"
			);
			this.resource.projectOne = await getResourcePath(
			"BB6F58469CF7056440FE458E82960F4A"
			);
			},
			showAnswer(type) {
			@@ -4843,7 +4794,6 @@
			},
			saveDataTwo() {
			const savaDataTwos = this.questionDataTwo;
			console.log(savaDataTwos, 123);
			for (let key in savaDataTwos) {
			let item = savaDataTwos[key]
			if (key != "isComplete" && key != "check" && key != "rw" && key != "fb" && key != "rf") {
			@@ -4858,6 +4808,7 @@
			this.questionDataTwo = savaDataTwos;
			this.$set(this.questionDataTwo, "isComplete", true);
			this.setQuestionDataTwo();
			this.showAnswerReadingOne = true;
			},
			changeQuestionDataTwo() {
			localStorage.removeItem("english-chapter05-questionDataTwo");
			@@ -4882,9 +4833,9 @@
			item.value = [];
			}
			}
			console.log(savaDataTwos, 1433233)
			this.questionDataTwo = savaDataTwos;
			this.$set(this.questionDataTwo, "isComplete", false);
			this.showAnswerReadingOne = false;
			},
			handleChoiceData() {
			for (let index = 0; index < this.choiceData.length; index++) {
			@@ -4898,6 +4849,7 @@
			item.userScore += data.score
			}
			}
			this.saveChoiceData();
			},
			changeChoiceData() {
			for (let index = 0; index < this.choiceData.length; index++) {
			@@ -4910,6 +4862,10 @@
			citem.userAnswer = "";
			}
			}
			localStorage.removeItem('english-chapter05-choiceData')
			},
			saveChoiceData(){
			localStorage.setItem('english-chapter05-choiceData', JSON.stringify(this.choiceData))
			},
			handleQuestionDataThree() {
			const questionDataThrees = this.questionDataThree;