testbookLayout.git

			@@ -43,6 +43,7 @@
			<p>plastic waste problem　water pollution　global warming　oil spill　air
			pollution　deforestation</p>
			</div>

			<p class="center"><img class="img-e" alt="" src="../../assets/images/0088-1.jpg" /></p>
			<p class="center">1._____________________</p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0088-2.jpg" /></p>
			@@ -63,7 +64,34 @@
			@play="audioPlay"></audio></p>
			<p><b>Nature is sending warnings to human beings.Watch the video and answer the following
			questions.</b></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0088-8.jpg" /></p>
			<p class="center">
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">What have humans done to the
			planet?</td>
			<td class="tl-cn">What did "lce" do to warn
			humans?</td>
			<td class="tl-cn">How do humans respond to the
			warning?</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.one"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.two"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.three"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			</p>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -344,7 +372,20 @@
			<p>4.The Beijing 2022 Winter Olympics is in line with its concept of delivering a green and
			sustainable Games.</p>
			<p>____________________________________________________</p>
			<p><b>Ⅲ.Grammar focus:The present perfect tense.</b></p>
			<p><b>Ⅲ.Grammar focus:The present perfect tense.</b>
			<span class="btn-box" @click="showAnswer('showImg')">
			<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="30864"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
			p-id="30865"></path>
			</svg>
			</span>
			</p>
			<div class="openImgBox" v-if="showImg">
			<img class="w100" :src="imgThirteen" />
			</div>
			<p>A.Mark the correct form of the words in the brackets.</p>
			<p>1.Some shops in India have (begin,began,begun) to exchange recyclable things for groceries.
			</p>
			@@ -392,11 +433,230 @@
			time while humans do nothing but make it worse.Search online for the causes and effects of
			environmental issues,and finish the worksheet,and then prepare a report to the class.</p>
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0094-1.jpg" /></p>
			<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">Environmental issues</td>
			<td class="tl-cn">Causes</td>
			<td class="tl-cn">Effects</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="">Plastic Pollution</td>
			<td class="tl-lf">
			Because plastie is affordable and durable, it has been overused, Most plastic
			is thrown away even after a single use, which ends up in landfills or in the oceans.
			</td>
			<td class="tl-lf">
			Plastie takes hundreds of years to decompose. Therefore plastie waste has posed a
			serious threat to the safety of land, oceans, humans and animals.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.four"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.five"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.six"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.seven"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.eight"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.nine"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.ten"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.eleven"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.twelve"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
			<div class="bk-wh">
			<p>smog　greenhouse gases　unusual temperature　rising sea levels　melting glaciers　frequent
			drought　heavier rainstorms　soil degradation</p>
			<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" @click="saveWord($event, 'greenhouse gases')">greenhouse gases</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'unusual temperature')">unusual temperature</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'rising sea levels')">rising sea levels</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'melting glaciers')">melting glaciers</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'frequent drought')">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 degradation</span>
			</p>
			</div>
			<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
			<div class="banshi openImgBox">
			<div class="swiper-container swiper_ppt">
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_01.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_15.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_16.png" />
			</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" />
			</div>
			</div>
			</div>
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<div class="pageBox"></div>
			</div>
			<!-- 显示当前页和总页数的元素 -->
			</div>
			</div>
			</div>
			</div>
			@@ -492,29 +752,57 @@
			<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 crisp morning,when the air is fresh,the sun is peaking over the horizon,and my
			better than a
			<span class="word-bc" @click="saveWord($event, 'crisp')">crisp</span>
			morning,when the air is fresh,the sun is
			<span class="word-bc" @click="saveWord($event, 'peak')"> peak</span>
			ing over the
			<span class="word-bc" @click="saveWord($event, 'horizon')">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.</p>
			outdoors will be unpleasant.
			</p>
			<p>Most of us would love to cut our carbon footprints in half—I know I would—but it just isn’t
			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 ecofriendly ride-sharing options.But actually,not all of us have these choices.
			wealth of
			<span class="word-bc" @click="saveWord($event, 'ecofriendly')">ecofriendly </span>
			<span class="word-bc" @click="saveWord($event, 'ride-sharing')">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 survive.We also eat selectively.It
			seems like everyone has a dietary restriction these days.Most of the dietary choices are
			<p>Well,everybody eats.We eat to celebrate,to grow,and to
			<span class="word-bc" @click="saveWord($event, 'survive')">survive</span>
			.We also eat
			<span class="word-bc" @click="saveWord($event, 'selectively')">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>
			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>
			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 vegans.It turns out
			that eliminating meat from your diet can reduce your carbon emissions by half.A vegan diet
			footprints connected with different diets:meat-eaters,fish-eaters,and
			<span class="word-bc" @click="saveWord($event, 'vegans')">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>
			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
			by 50 percent.</p>
			by 50 percent.
			</p>
			<p>Before learning about this study,I never thought about how my diet impacted anyone but
			myself.I always figured that what I put into my body was a personal decision,but it’s a
			public concern.</p>
			myself.I always
			<span class="word-bc" @click="saveWord($event, 'figured')">figured</span>
			that what I put into my body was a personal decision,but it’s a
			public concern.
			</p>
			<p>Every night before sleeping,I lay there for a moment,reflecting on the day,and thinking about
			my next meatless meal.As I close my eyes,I hope for a crisp morning with fresh air,the sun
			peaking over the horizon,a lightness in my legs.I am looking forward to the next day’s run.
			@@ -683,7 +971,20 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p><b>Ⅲ.Grammar focus:The infinitive.</b></p>
			<p><b>Ⅲ.Grammar focus:The infinitive.</b>
			<span class="btn-box" @click="showAnswer('showImgOne')">
			<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="30864"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
			p-id="30865"></path>
			</svg>
			</span>
			</p>
			<div class="openImgBox" v-if="showImgOne">
			<img class="w100" :src="imgThirteenOne" />
			</div>
			<p>Rewrite the following sentences using the infinitive symbol “to”.</p>
			<p>1.We work hard.</p>
			<p>We want to make a better life.</p>
			@@ -736,11 +1037,239 @@
			<p><b>Ⅱ.Work in groups.Ask your group members how they deal with the household waste every
			day.Finish the worksheet and prepare a report to the class.</b></p>
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0100-2.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Names</td>
			<td class="wh-no tl-cn">Ways of Sorting Daily Household Waste</td>
			<td class="wh-no tl-cn">Right or Wrong</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">Li Ming</td>
			<td class="tl-lf">He puts glass bottles and tin cans into recyclable waste bins,
			puts batteries and bulbs into harmful waste bins, puts apple cores and leftovers
			into
			kitchen waste bins, and puts used tissues and dirty plastie bags into other waste
			bins.</td>
			<td class="wh-no">
			Right
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.thirteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.fourteen"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.fifteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.sixteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.seventeen"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.eighteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.nineteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.twenty"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.twentyOne"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.twentyTwo"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.twentyThree"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.twentyFour"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
			<div class="banshi openImgBox">
			<div class="swiper-container swiper_ppt">
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_01.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_15.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_16.png" />
			</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" />
			</div>
			</div>
			</div>
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<div class="pageBox"></div>
			</div>
			<!-- 显示当前页和总页数的元素 -->
			</div>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">96</span>
			<span class="contet-num-box">90</span>
			</div>
			</div>
			</div>
			@@ -765,25 +1294,218 @@
			<h3 id="c044"><span class="bjh3">Listening</span></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>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0101-2.jpg" /></p>
			<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>
			<td class="tl-cn">Ways of Sorting Daily Household Waste</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn wh-no">How come you're so smart?</td>
			<td class="tl-lf">
			Our kind has been around a really long time, longer than just about anything. I've
			seen just about everything.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn wh-no">
			What have you seen?
			</td>
			<td>
			I've seen all kinds of l.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="testData.in.one" @change="setTestData" />
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.one, 0)
			" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.one, 0) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>，bugs and 2.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="testData.in.one" @change="setTestData" />
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.one, 0)
			" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.one, 0) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>，mice andrats, rabbits and bears, and skuhks. But things have been changed
			ever since humans came.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn wh-no">
			What did the humans do?
			</td>
			<td>
			They changed wolves into dogs, rivers into lakes, and us into 3.<input
			:disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="testData.in.one" @change="setTestData" />
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.one, 0)
			" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.one, 0) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>They started using the 4.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="testData.in.one" @change="setTestData" />
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.one, 0)
			" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.one, 0) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>like it was put there just for them, Actlike they've got an extra one.
			</td>

			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn wh-no">
			Why do they do that?
			</td>
			<td>
			I don't know, If they don't figure put that they're part of 5.<input
			:disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="testData.in.one" @change="setTestData" />
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.one, 0)
			" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.one, 0) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			rather than just using it, they probably won't be around to see you grow up.
			</td>
			</tr>
			</table>
			<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>
			<p class="center"><img class="img-b" alt="" src="../../assets/images/0101-3.jpg" /></p>
			<div class="fieldset-7">
			<p><b>a. oneworld.org</b></p>
			<p>There’s lots of environmental information here, whether you’re just starting to explore
			the subject, or wanting to find out about the latest research.</p>
			<p><b>b. eco.org</b></p>
			<p>You can find out here if your choice of transport damages the planet. If so, try the easy
			changes to your routine suggested here.</p>
			<p><b>c. planetmatters.org</b></p>
			<p>There’s a recycling section in this website — find different uses for things that you
			might otherwise put in the bin.</p>
			<p><b>d. ourworld.org</b></p>
			<p>If you prefer working things out for yourself, you can find experiments to do in this
			website, like making your own power using sunlight!</p>
			</div>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-tr-bc">
			<td class="tl-lf ">
			<p class="table-p">
			<b>a. oneworld.org</b>
			</p>
			<p class="table-p">
			There’s lots of environmental information here, whether you’re just starting to
			explore
			the subject, or wanting to find out about the latest research.
			</p>
			</td>
			<td style="width: 50%;">
			<p class="table-p">
			<b>b. eco.org</b>
			</p>
			<p class="table-p">
			There’s lots of environmental information here, whether you’re just starting to
			explore
			the subject, or wanting to find out about the latest research.
			</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<p class="table-p">
			<b>c. planetmatters.org</b>
			</p>
			<p class="table-p">
			There’s a recycling section in this website — find different uses for things
			that you
			might otherwise put in the bin.
			</p>
			</td>
			<td style="width: 50%;">
			<p class="table-p">
			<b>d. ourworld.org</b>
			</p>
			<p class="table-p">
			If you prefer working things out for yourself, you can find experiments to do in
			this
			website, like making your own power using sunlight!
			</p>
			</td>
			</tr>
			</table>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -969,12 +1691,257 @@
			<p>Step 4:Share your experiences as well as your thoughts on how to reduce personal carbon
			footprints in the class.</p>
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0105-2.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn" colspan="8">The 7-day No PlastigChallenge</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="wh-no tl-cn">Form(s) of Documenting</td>
			<td class="tl-cn" colspan="1"><input type="checkbox" name="ball1"
			:disabled="testData.isComplete" value="Language" id="1"
			v-model="testData.check.value" @change="setTestData" />vlogs</td>
			<td class="tl-cn" colspan="2"><input type="checkbox" name="ball1"
			:disabled="testData.isComplete" value="Language" id="1"
			v-model="testData.check.value" @change="setTestData" />photos</td>
			<td class="tl-cn" colspan="2"><input type="checkbox" name="ball1"
			:disabled="testData.isComplete" value="Language" id="1"
			v-model="testData.check.value" @change="setTestData" />journals</td>
			<td class="tl-cn" colspan="2"><input type="checkbox" name="ball1"
			:disabled="testData.isComplete" value="Language" id="1"
			v-model="testData.check.value" @change="setTestData" />other<input
			:disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 60px"
			v-model="testData.in.one" @change="setTestData" />
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn wh-no">
			Social Media Platform(s)
			</td>
			<td colspan="7">
			<textarea v-model="questionData.table.twentyFive"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td rowspan="2" class="tl-cn">
			Challenges
			</td>
			<td>
			DAY 1
			</td>
			<td>
			DAY 2
			</td>
			<td>
			DAY 3
			</td>
			<td>
			DAY 4
			</td>
			<td>
			DAY 5
			</td>
			<td>
			DAY 6
			</td>
			<td>
			DAY 7
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.twentySix"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.twentySeven"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.twentyEight"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.twentyNine"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.thirty"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.thirtyOne"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.thirtyTwo"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			Reflections
			</td>
			<td colspan="7">
			<textarea v-model="questionData.table.thirtyThree"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<div class="fieldset-4">
			<p class="center"><b>Useful Expressions</b></p>
			<p>In response to the national call for plastic reduction, I decide to engage in the 7-day
			No Plastic Challenge.</p>
			<p>I will document the challenge in the form of …</p>
			</div>
			<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
			<div class="banshi openImgBox">
			<div class="swiper-container swiper_ppt">
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_01.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_15.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_16.png" />
			</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" />
			</div>
			</div>
			</div>
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<div class="pageBox"></div>
			</div>
			<!-- 显示当前页和总页数的元素 -->
			</div>
			</div>
			</div>
			</div>
			@@ -998,6 +1965,7 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p class="continued">continued</p>
			<div class="fieldset-4">
			<p>I will post my experience on …</p>
			<p>I will use eco-friendly bags for grocery shopping.</p>
			@@ -1029,13 +1997,15 @@
			},
			data() {
			return {
			imgThirteen: require("../../assets/images/grammar.jpg"),
			imgThirteen: require("../../assets/images/grammar5-1.png"),
			imgThirteenOne: require("../../assets/images/grammar5-2.png"),
			showAnswerOne: false,
			showAnswerTwo: false,
			showAnswerThree: false,
			showAnswerFour: false,
			showAnswerFive: false,
			showImg: false,
			showImgOne: false,
			showQuestionAnswer: false,
			rawData: {
			left: [
			@@ -1201,8 +2171,42 @@
			five: "",
			six: "",
			seven: "",
			enight: "",
			eight: "",
			nine: "",
			ten: "",
			eleven: "",
			twelve: "",
			thirteen: "",
			fourteen: "",
			fifteen: "",
			sixteen: "",
			seventeen: "",
			eighteen: "",
			nineteen: "",
			twenty: "",
			twentyOne: "",
			twentyTwo: "",
			twentyThree: "",
			twentyFour: "",
			twentyFive: "",
			twentySix: "",
			twentySeven: "",
			twentyEight: "",
			twentyNine: "",
			thirty: "",
			thirtyOne: "",
			thirtyTwo: "",
			thirtyThree: "",
			thirtyFour: "",
			thirtyFive: "",
			thirtySix: "",
			thirtySeven: "",
			thirtyEight: "",
			thirtyNine: "",
			forty: "",
			fortyOne: "",
			fortyTwo: "",

			},
			},
			testData: {
			@@ -1374,7 +2378,10 @@
			showAnswer(type) {
			if (type == "showImg") {
			this.showImg = !this.showImg;
			} else if (type == "showImgOne") {
			this.showImgOne = !this.showImgOne;
			}
			setTimeout(() => { this.$emit("initViewer", "") }, 500)
			},
			handleQuestion(type) {
			if (type == "one") {