testbookLayout.git

			@@ -21,47 +21,1809 @@
			</div>
			</div>
			<!-- 59 -->
			<!-- <div class="page-box" page="65">
			<div class="page-box" page="65">
			<div v-if="showPageList.indexOf(65) > -1">

			<ul class="preface-odd-header w100 fl ju-bt">
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit3">MODULE 4</span>
			<span class="chapter-right-bc-unit3 fw-bl chapter-right-cl-unit3">A BETTER WORLD WITH
			<span class="chapter-left-bc-unit4">MODULE 4</span>
			<span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
			VOLUNTEERS</span>
			</li>
			</ul>


			<div class="padding-93">
			<div class="bodystyle"></div>
			<div class="bodystyle">
			<h2 id="b013"><img class="img-0" alt="" src="../../assets/images/dy4-le1.jpg" /></h2>
			<h3 id="c028"><span class="bjh3">Warm-up</span></h3>
			<p><b>Ⅰ.Put the expressions in the box below on the corresponding answer line under each
			picture.</b></p>
			<div class="bk-wh">
			<p>robot floor cleaner　self-balancing scooter　camera drone　smartwatch　fingerprint door
			lock　VR headset</p>
			</div>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0069-1.jpg" /></p>
			<p class="center">1._____________________</p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0069-2.jpg" /></p>
			<p class="center">2._____________________</p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0069-3.jpg" /></p>
			<p class="center">3._____________________</p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0069-4.jpg" /></p>
			<p class="center">4._____________________</p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0069-5.jpg" /></p>
			<p class="center">5._____________________</p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0069-6.jpg" /></p>
			<p class="center">6._____________________</p>
			<p><b>Ⅱ.Read the following descriptions of the items in the above pictures,and then put the
			number of the corresponding picture in the blanks.</b></p>
			<p class="center"><img class="img-0" alt="" src="../../assets/images/0069-7.jpg" /></p>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">39</span>
			<span class="contet-num-box">59</span>
			</div>
			</div>
			</div> -->
			</div>
			<!-- 60 -->
			<!-- <div class="page-box" page="66">
			<div class="page-box" page="66">
			<div v-if="showPageList.indexOf(66) > -1">


			<div class="w100 mb-20" style="padding-right: 20px">
			<div class="event-header-bc-unit3 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit3">
			<div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit4">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit3">基础模块一</span>
			<span class="g-text event-text-color-unit4">基础模块一</span>
			</div>
			</div>
			</div>

			<div class="padding-93">
			<div class="bodystyle"></div>
			<div class="bodystyle">
			<h3 id="c029" class="fl al-cn">
			<span class="bjh3">Listening</span>
			<!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			</h3>

			<p><b>Listen to the conversation between Tony and Zhang Ping and match the sentence halves.</b>
			</p>
			<matching :rawData="rawData" :question="question"></matching>
			<h3 id="c030"><span class="bjh3">Reading</span></h3>
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
			@play="audioPlay"></audio>
			<p>1.Technology is all around us.What images spring to your mind when you hear the word “robot”?
			</p>
			<p>2.How can robots help humans today in daily life and work?</p>
			<p class="center"><b>Robots in Action</b></p>
			<p class="center">
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
			class="audio" @play="audioPlay"></audio>
			</p>
			<p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
			soon be used to study sea

			<span class="word-bc" @click="saveWord($event, 'creatures')">creatures</span>
			up close.These robots can
			<span class="word-bc" @click="saveWord($event, 'blend')">blend</span>
			blend right in with underwater
			<span class="word-bc" @click="saveWord($event, 'habitats')">habitats</span>
			.Robots take on tasks to make our life easier and safer.Scientists keep coming up
			with jobs that machines can do.Sometimes,the machines can do a better job than humans.Take a
			look at the latest robots.
			</p>
			<p><b>Super Swimmer</b></p>
			<p>The Octobot is perfectly named.Its design is based on the
			<span class="word-bc" @click="saveWord($event, 'octopus')">octopus</span>
			.The robot is the size of a
			shoebox.It can blend in with its underwater surroundings.The Octobot can travel at seven
			inches per second.That is close to the speed of an octopus.The Octobot moves through water
			by slowly opening its soft
			<span class="word-bc" @click="saveWord($event, 'rubber')">rubber</span>
			arms and then
			<span class="word-bc" @click="saveWord($event, 'snapping')"> snapping</span>
			them shut.During tests,fish swam
			alongside the Octobot.Researchers can use the robot to study sea creatures.
			</p>
			<p class="center"><img class="img-f" alt="" src="../../assets/images/0070-4.jpg" /></p>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">12</span>
			<span class="contet-num-box">60</span>
			</div>
			</div>
			</div> -->
			</div>
			<!-- 61 -->
			<div class="page-box" page="67">
			<div v-if="showPageList.indexOf(67) > -1">
			<!-- 头部 -->
			<ul class="preface-odd-header w100 fl ju-bt">
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit4">MODULE 4</span>
			<span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
			VOLUNTEERS</span>
			</li>
			</ul>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p><b>See Spot Run</b></p>
			<p>Spot looks and moves much like a real dog.But don’t expect it to play
			<span class="word-bc" @click="saveWord($event, 'fetch')">fetch</span>
			.Boston Dynamics
			created the four-legged,160-pound
			<span class="word-bc" @click="saveWord($event, 'mechanical')">mechanical</span>
			dog.It can climb mountains.It can cross
			woods.It can go upstairs.Spot can also keep itself from falling over if it loses its
			<span class="word-bc" @click="saveWord($event, 'balance')">balance</span>
			.In the future,Spot may be used for search-and-
			<span class="word-bc" @click="saveWord($event, 'rescue')">rescue</span>
			<span class="word-bc" @click="saveWord($event, 'missions')">missions</span>
			and to carry heavy
			<span class="word-bc" @click="saveWord($event, 'facilities')">facilities</span>
			.
			</p>
			<p class="center"><img class="img-f" alt="" src="../../assets/images/0071-3.jpg" /></p>
			<p><b>Hotel Helper</b></p>
			<p class="center"><img class="img-f" alt="" src="../../assets/images/0071-2.jpg" /></p>
			<p>No towels? No problem! At the Crowne Plaza in the Dishuihu area of Shanghai,Mingo robot is on
			the job.The three-foot-tall robot has been making deliveries to guest rooms.When a guest
			asks for an item,a clerk places it in Mingo’s
			<span class="word-bc" @click="saveWord($event, 'lid')">lid</span>
			and enters the room number onto a
			screen.Guests are always very excited when Mingo arrives with a delivery.
			</p>
			<p><b>Big in Japan</b></p>
			<p>In Japan,scientists are leading the way in creating
			<span class="word-bc" @click="saveWord($event, 'humanoid')">humanoid</span>
			robots.SoftBank introduced
			Pepper,a four-foot-tall robot who can talk with humans and
			<span class="word-bc" @click="saveWord($event, 'react')">react</span>
			to emotions.If you
			<span class="word-bc" @click="saveWord($event, 'frown')">frown</span>
			,Pepper will try to cheer you up.The robot is being used in stores.But SoftBank has
			bigger plans for Pepper.It may one day keep humans
			<span class="word-bc" @click="saveWord($event, 'company')">company</span>
			and help teach children.
			</p>
			<p class="center"><img class="img-f" alt="" src="../../assets/images/0071-1.jpg" /></p>
			<p class="fl al-cn mt-40">
			<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>
			<p>creature /ˈkriːtʃə(r)/ <i>n.</i> 生物；（尤指）动物</p>
			<div class="bkbj">
			<p><i>a living thing that can move around,such as an animal</i></p>
			</div>
			<p>blend /blend/ <i>v.</i> 融合；协调</p>
			<div class="bkbj">
			<p><i>to mix harmoniously</i></p>
			</div>
			<p>habitat /ˈhæbɪtæt/ <i>n.</i> 栖息地</p>
			<div class="bkbj">
			<p><i>the place where a particular type of animal or plant is normally found</i></p>
			</div>
			<p>octopus /ˈɒktəpəs/ <i>n.</i> 章鱼</p>
			<div class="bkbj">
			<p><i>a sea creature with a soft round body and eight long muscular arms</i></p>
			</div>
			<p>rubber /ˈrʌbə(r)/ <i>n.</i> 橡胶</p>
			<div class="bkbj">
			<p><i>a strong,waterproof,elastic substance made from the juice of a tropical plant</i></p>
			</div>
			<p>snap /snæp/ <i>v.</i> （使啪地）关上；打开</p>
			<div class="bkbj">
			<p><i>to move sth.into a particular position quickly,esp.with a sudden sharp noise</i></p>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">61</span>
			</div>
			</div>
			</div>
			<!-- 62 -->
			<div class="page-box" page="68">
			<div v-if="showPageList.indexOf(68) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit4">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit4">基础模块一</span>
			</div>
			</div>
			</div>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>fetch /fetʃ/ <i>n.</i> 去取回</p>
			<div class="bkbj">
			<p><i>an act of going for sth.and then bringing it back</i></p>
			</div>
			<p>mechanical /məˈkænɪkl/ <i>adj.</i> 机械的；机器的</p>
			<div class="bkbj">
			<p><i>operated by power from an engine</i></p>
			</div>
			<p>balance /ˈbæləns/ <i>n.</i> 平衡</p>
			<div class="bkbj">
			<p><i>even distribution of weight</i></p>
			</div>
			<p>rescue /ˈreskjuː/ <i>n.</i> 救援；营救</p>
			<div class="bkbj">
			<p><i>the act of saving sb./sth.from a dangerous or difficult situation</i></p>
			</div>
			<p>mission /ˈmɪʃn/ <i>n.</i> 任务；使命</p>
			<div class="bkbj">
			<p><i>an important official job that a person or group of people is given to do</i></p>
			</div>
			<p>facility /fəˈsɪləti/ <i>n.</i> 设备；设施</p>
			<div class="bkbj">
			<p><i>equipment,buildings,services,etc.that are provided for a particular purpose</i></p>
			</div>
			<p>lid /lɪd/ <i>n.</i> 盖子</p>
			<div class="bkbj">
			<p><i>a cover over a container that can be removed or opened by turning it or lifting it</i>
			</p>
			</div>
			<p>humanoid /ˈhjuːmənɔɪd/ <i>adj.</i> 像人的；仿人的</p>
			<div class="bkbj">
			<p><i>behaving and looking like a human being</i></p>
			</div>
			<p>react /riˈækt/ <i>v.</i> 回应；起反应</p>
			<div class="bkbj">
			<p><i>to behave in a particular way as a result of or in response to sth.</i></p>
			</div>
			<p>frown /fraʊn/ <i>v.</i> 皱眉；蹙额</p>
			<div class="bkbj">
			<p><i>to make a serious,angry or worried expression by bringing your eyebrows closer
			together</i></p>
			</div>
			<p>company /ˈkʌmpəni/ <i>n.</i> 陪伴；做伴</p>
			<div class="bkbj">
			<p><i>the fact of being with sb.else and not alone</i></p>
			</div>
			<p>in action 在活动；在运转</p>
			<p>blend in (with sth.) 与（某物）十分协调</p>
			<p>on the job 在岗；在工作</p>
			<p>on the rise 与日俱增</p>
			<p>cheer sb.up （使某人）更高兴或更快活</p>
			<p><b>Ⅰ.Reading comprehension.</b></p>
			<p>A.Read the passage and complete the summary.</p>
			<p>Nowadays,there has been a rapid increase in the use of robots in different areas.They make
			people’s lives 1._________.Sometimes,machines can perform better than humans.There are four
			examples of the latest robots.Octobot is designed to study 2._________,which can blend in
			with its underwater surroundings.Spot is a mechanical dog which may</p>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">62</span>
			</div>
			</div>
			</div>
			<!-- 63 -->
			<div class="page-box" page="69">
			<div v-if="showPageList.indexOf(69) > -1">
			<!-- 头部 -->
			<ul class="preface-odd-header w100 fl ju-bt">
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit4">MODULE 4</span>
			<span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
			VOLUNTEERS</span>
			</li>
			</ul>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p> be used for 3._________missions.Mingo could be found in hotels making 4._________.A humanoid
			robot Pepper has been created to communicate with humans and react to 5._________.</p>
			<p>B.Match the four types of robots introduced in the passage with the descriptions below.</p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0073-1.jpg" /></p>
			<p><b>Ⅱ.Language focus.</b></p>
			<p>A.Fill in the blanks with the proper form of the words given below.</p>
			<div class="bk-wh">
			<p>facility　mission　mechanical　habitat　creature　react</p>
			</div>
			<p>1.This jellyfish looks like a _______ from outer space.</p>
			<p>2.The giant panda _______ is commonly known as a bamboo forest.</p>
			<p>3.China launched its first manned space _______ in 2003.</p>
			<p>4.E-Theatre is equipped with state-of-the-art audio and video _______ .</p>
			<p>5.Research shows that video games can help us think and _______ faster.</p>
			<p>6.Our company has over 10 years of experience in the field of _______ engineering.</p>
			<p>B.Choose the correct preposition or adverb.</p>
			<p>1.I have not yet seen the machines <i><span class="u">in / into</span></i> action.</p>
			<p>2.Technology is <i><span class="u">off / on</span></i> the rise more than ever before.</p>
			<p>3.The secretary is not willing to take <i><span class="u">up / on</span></i> any extra work.
			</p>
			<p>4.Employees are not allowed to smoke while <i><span class="u">on / in</span></i> the job.</p>
			<p>5.I don’t know how to cheer him <i><span class="u">up / on</span></i> when he found the
			project was a total failure.</p>
			<p>C.Translate the following sentences into Chinese.</p>
			<p>1.While riding your scooter,you should keep your body in balance.</p>
			<p>__________________________________________________</p>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">63</span>
			</div>
			</div>
			</div>
			<!-- 64 -->
			<div class="page-box" page="70">
			<div v-if="showPageList.indexOf(70) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit4">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit4">基础模块一</span>
			</div>
			</div>
			</div>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>2.The task of the robot is to serve the technicians on the site by fetching supplies from a
			central store.</p>
			<p>__________________________________________________</p>
			<p>3.Not only does our team have professional equipment,but they also have a great amount of
			rescue experience.</p>
			<p>__________________________________________________</p>
			<p>4.Food processors are great tools for blending vegetables and fruits.</p>
			<p>__________________________________________________</p>
			<p><b>Ⅲ.Grammar focus:The comparative degree.</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.Write the comparative form for each word below.</p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-tr-bc">
			<td class="tl-lf" style="width: 33%;">l. often →<input :disabled="testData.isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf" style="width: 33%;">2. go0d →<input :disabled="testData.isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf" style="width: 33%;">3. bad →<input :disabled="testData.isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			</td>
			</tr>
			<tr class="table-tr-bc ">
			<td class="tl-lf">4. early →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf">5. heavy →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf">6. late →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-lf">7. dangerous →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf">8. thin →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf">9. far →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			</td>
			</tr>
			</table>
			<p>B.Fill in the blanks with the correct comparatives from the above.</p>
			<p>1.The new car model may be launched _______ than expected.</p>
			<p>2.The higher we go above the earth,the _______ the air is.</p>
			<p>3.What you plant now,you will harvest _______ .</p>
			<p>4.People come online _______ with smartphones than with any other device.</p>
			<p>5.The big ball is _______ than the small ball.</p>
			<p>6.In fact,the summer heat is _______ than lightning.</p>
			<p>7.Our mission is to create a/an _______ everyday life for the many people.</p>
			<p>8.I wanted to discuss it _______ ,but we didn’t have time.</p>
			<h3 id="c031"><span class="bjh3">Mini-project</span></h3>
			<p>Robots play a bigger role in our life than ever before.Discuss the following questions with
			your partner.Afterwards,share your thoughts in class.</p>
			<div class="fieldset">
			<p>Questions:1.What are the differences between humanoid robots and human beings?</p>
			<p>　　　2.List the things that robots can’t do but humans can.</p>
			<p>　　　3.If you could design your own robot,what functions would you expect of it?</p>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">64</span>
			</div>
			</div>
			</div>
			<!-- 65 -->
			<div class="page-box" page="71">
			<div v-if="showPageList.indexOf(71) > -1">
			<!-- 头部 -->
			<ul class="preface-odd-header w100 fl ju-bt">
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit4">MODULE 4</span>
			<span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
			VOLUNTEERS</span>
			</li>
			</ul>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc">The differences between humanoid robotsand human beings
			</td>
			<td class="tl-lf">
			<p class="table-p">l. Humans are organic beings, yhile robots are not.</p>
			<textarea v-model="questionData.table.nineteen"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc">
			The things that robots can't do but humans
			</td>
			<td>
			<p class="table-p">1. Do creative work.</p>
			<textarea v-model="questionData.table.nineteen"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc">
			The functions of your designed robot
			</td>
			<td>
			<p class="table-p">1. Fold clothes for you.</p>
			<textarea v-model="questionData.table.nineteen"
			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 class="dl-box">
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'physical')">physical</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'complex')">complex</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'social')">social</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'relationship')">relationship</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'feeling')">feeling</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'emotion')">emotion</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'empathy')">empathy</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'thought')">thought</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'tireless')">tireless</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'creative')">creative</span>
			</p>
			<p>
			</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>
			<h2 id="b014"><img class="img-0" alt="" src="../../assets/images/dy4-le2.jpg" /></h2>
			<h3 id="c032"><span class="bjh3">Warm-up</span></h3>
			<p><b>Work in groups and ask your group members about their interest in science,and then report
			your findings to the class.</b></p>
			<div class="fieldset-1">
			<p class="center"><b>Interest in Science</b></p>
			<p>1. Do you like science?</p>
			<p>□ YES (Continue to Question 2) </p>
			<p>□ NO (Go directly to Question 4)</p>
			<p>2. What/Who inspired your interest in science?</p>
			<p>□ Parents/Relatives.</p>
			<p>□ Film/TV.</p>
			<p>□ Friends.</p>
			<p>□ Internet.</p>
			<p>□ Teachers.</p>
			<p>□ A special event.</p>
			<p>□ School or a particular subject.</p>
			<p>□ I don’t know.</p>
			<p>□ Books.</p>
			<p>□ Other.</p>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">65</span>
			</div>
			</div>
			</div>
			<!-- 66 -->
			<div class="page-box" page="72">
			<div v-if="showPageList.indexOf(72) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit4">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit4">基础模块一</span>
			</div>
			</div>
			</div>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<div class="fieldset-1">
			<p>3. Why are you interested in studying science?</p>
			<p>□ I am curious about the world.</p>
			<p>□ It challenges me intellectually.</p>
			<p>□ To earn money.</p>
			<p>□ To get a good job.</p>
			<p>□ To help others or contribute to society.</p>
			<p>□ I don’t know.</p>
			<p>□ To search for answers or make new discoveries.</p>
			<p>□ Other.</p>
			<p>4. What are the main reasons that you are not interested in science?</p>
			<p>□ It’s difficult for me to understand.</p>
			<p>□ I find it boring.</p>
			<p>□ Science is not spread to the public effectively.</p>
			<p>□ I’m too lazy.</p>
			<p>□ There has been nothing to encourage or inspire me.</p>
			<p>□ I don’t know.</p>
			<p>□ I don’t like my science teacher.</p>
			<p>□ Other.</p>
			</div>
			<p>You may start your survey report with the following expressions:</p>
			<p><i>Most students seem</i>…</p>
			<p><i>It appears that most students</i>…</p>
			<p><i>What surprised me is that</i>…</p>
			<h3 id="c033"><span class="bjh3">Reading</span></h3>
			<p>1.Are you amazed by the stars in the night sky,wondering what brought life into existence?
			</p>
			<p>2.What is your dream about space exploration?</p>
			<p class="center"><b>Fresh Face of Science</b></p>
			<p class="center"> <audio :src="resource.listenOne" controls
			controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0076-2.jpg" /></p>
			<p>According to Zhao Hongzhou,founder of China’s
			<span class="word-bc" @click="saveWord($event, 'scientometrics')">scientometrics</span>
			,scientists typically make their
			biggest achievements between the ages of 25 and 45,which is true of the scientists and
			engineers working on FAST(Five-hundred-meter Aperture Spherical
			<span class="word-bc" @click="saveWord($event, 'Telescope')">Telescope</span>
			).Its engineering
			and operation team has an average age of 39,while its on-site team has an average age of
			30.Meanwhile,the scientific spirit these young scientists have shown is also moving.
			</p>
			<p>As the world’s largest radio telescope,it has been </p>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">66</span>
			</div>
			</div>
			</div>
			<!-- 67 -->
			<div class="page-box" page="73">
			<div v-if="showPageList.indexOf(73) > -1">
			<!-- 头部 -->
			<ul class="preface-odd-header w100 fl ju-bt">
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit4">MODULE 4</span>
			<span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
			VOLUNTEERS</span>
			</li>
			</ul>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>quite helpful in the discovery of around 340
			<span class="word-bc" @click="saveWord($event, 'pulsars')">pulsars</span>
			,since becoming operational in September
			2016.It has also contributed to helping human beings better understand the
			<span class="word-bc" @click="saveWord($event, 'origin')">origin</span>
			of fast radio
			<span class="word-bc" @click="saveWord($event, 'bursts')">bursts</span>
			,extremely brief but powerful flashes in the
			<span class="word-bc" @click="saveWord($event, 'universe')">universe</span>
			.FAST was listed by the journals
			<i>Nature</i> and<i> Science</i> as one of the biggest scientific discoveries of 2020.
			</p>
			<p>The construction of FAST pushed the team to its physical and
			<span class="word-bc" @click="saveWord($event, 'intellectual')">intellectual </span>
			limits,including
			creating new systems to operate the telescope,also known as the “Sky Eye”.At the age of
			28,Yao Rui,a researcher behind FAST’s feed
			<span class="word-bc" @click="saveWord($event, 'cabin')">cabin</span>
			,was responsible for creating the “
			<span class="word-bc" @click="saveWord($event, 'pupil')">pupil</span>” of
			the “Sky Eye” after joining the team.Some of her most challenging tasks involved downsizing
			the cabin’s weight from 34 to 30 tons,while keeping most of the systems inside and leaving
			enough room to fill it with as much
			<span class="word-bc" @click="saveWord($event, 'complex')">complex</span>
			and sensitive equipment as possible.Yao’s
			solution was to change the shape of the cabin to a
			<span class="word-bc" @click="saveWord($event, 'diamond')">diamond</span>
			structure.The redesign was
			<span class="word-bc" @click="saveWord($event, 'daring')">daring</span>
			,but later testing proved that it worked perfectly.“I’m not worried about
			problems,because wherever there is a problem,there is a chance for further research,” she
			said.“As a young scientist,I am lucky to associate my personal passions with the needs of
			the nation,so I can improve and grow together with the country.”
			</p>
			<p>Sun Jinghai,a 38-year-old researcher of FAST,was involved in perfecting and protecting the
			giant machine.Nan Rendong,FAST’s former chief scientist,often stressed that FAST not only
			needed to be
			<span class="word-bc" @click="saveWord($event, 'precise')">precise</span>
			and sensitive in its applications,but it should also be beautiful to
			look at.“He expected nothing less of an instrument of national significance,” Sun said.He
			spent 15 years on FAST,and,in return,FAST helped him to grow,increased his knowledge,and
			<span class="word-bc" @click="saveWord($event, 'rewar')">rewar</span>
			ded him with confidence as he
			<span class="word-bc" @click="saveWord($event, 'overcame')">overcame</span>
			many difficulties and setbacks.
			</p>
			<p>The “Sky Eye” is open to the world and offers more
			<span class="word-bc" @click="saveWord($event, 'observation')">observation</span>
			possibilities to the global
			scientific
			<span class="word-bc" @click="saveWord($event, 'community')">community</span>
			,contributing Chinese wisdom to building a community of a shared future
			for humanity.
			</p>
			<p class="fl al-cn mt-40">
			<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>
			<p>scientometrics /ˈsaɪəntəʊˈmetrɪks/ <i>n.</i> 科学计量学</p>
			<div class="bkbj">
			<p><i>the science of measuring and analyzing science</i></p>
			</div>
			<p>telescope /ˈtelɪskəʊp/ <i>n.</i> 望远镜</p>
			<div class="bkbj">
			<p><i>a piece of equipment shaped like a tube that is used to view distant objects</i></p>
			</div>
			<p>pulsar /ˈpʌlsɑː(r)/ <i>n.</i> 脉冲星</p>
			<div class="bkbj">
			<p><i>a star that cannot be seen but that sends out regular rapid radio signals</i></p>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">67</span>
			</div>
			</div>
			</div>
			<!-- 68 -->
			<div class="page-box" page="74">
			<div v-if="showPageList.indexOf(74) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit4">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit4">基础模块一</span>
			</div>
			</div>
			</div>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>origin /ˈɒrɪdʒɪn/ <i>n.</i> 起因；起源</p>
			<div class="bkbj">
			<p><i>the cause of sth.or the point from which sth.starts</i></p>
			</div>
			<p>burst /bɜːst/ <i>n.</i> 爆裂；爆破</p>
			<div class="bkbj">
			<p><i>a sudden brief outbreak or explosion</i></p>
			</div>
			<p>universe /ˈjuːnɪvɜːs/ <i>n.</i> 宇宙</p>
			<div class="bkbj">
			<p><i>the whole of space and everything in it,including the earth,the planets and the
			stars</i></p>
			</div>
			<p>intellectual /ˌɪntəˈlektʃuəl/ <i>adj.</i> 智力的；脑力的</p>
			<div class="bkbj">
			<p><i>using a person’s ability to think in a logical way and understand things</i></p>
			</div>
			<p>cabin /ˈkæbɪn/ <i>n.</i> 舱体；船舱</p>
			<div class="bkbj">
			<p><i>a small room on a ship in which you live or sleep</i></p>
			</div>
			<p>pupil /ˈpjuːpl/ <i>n.</i> 瞳孔</p>
			<div class="bkbj">
			<p><i>the small round black area at the center of the eye</i></p>
			</div>
			<p>complex /ˈkɒmpleks/ <i>adj.</i> 复杂的</p>
			<div class="bkbj">
			<p><i>made up of (usu.several) closely connected parts</i></p>
			</div>
			<p>diamond /ˈdaɪəmənd/ <i>n.</i> 菱形</p>
			<div class="bkbj">
			<p><i>a shape with four straight sides of equal length and with angles that are not right
			angles</i></p>
			</div>
			<p>daring /ˈdeərɪŋ/ <i>adj.</i> （出奇地）大胆的</p>
			<div class="bkbj">
			<p><i>bold in a new or unusual way</i></p>
			</div>
			<p>precise /prɪˈsaɪs/ <i>adj.</i> 准确的；精确的</p>
			<div class="bkbj">
			<p><i>exact and accurate in all its details</i></p>
			</div>
			<p>reward /rɪˈwɔːd/ <i>v.</i> 回报；奖励</p>
			<div class="bkbj">
			<p><i>to give sth.to sb.because they have done sth.good or worked hard</i></p>
			</div>
			<p>overcome /ˌəʊvəˈkʌm/ <i>v.</i> 克服；解决</p>
			<div class="bkbj">
			<p><i>to succeed in dealing with or controlling a problem that has been preventing you from
			achieving sth.</i></p>
			</div>
			<p>observation /ˌɒbzəˈveɪʃn/ <i>n.</i> 观察；观测</p>
			<div class="bkbj">
			<p><i>the act of watching sb./sth.carefully for a period of time</i></p>
			</div>
			<p>community /kəˈmjuːnəti/ <i>n.</i> 有共同利益的集体</p>
			<div class="bkbj">
			<p><i>a group of people with shared interests</i></p>
			</div>
			<p>work on 致力于；从事</p>
			<p>be responsible for 对……负责</p>
			<p>in return 作为回报</p>
			<p>contribute to 有助于；对……有所贡献</p>
			<p>be involved in 参与；涉及</p>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">68</span>
			</div>
			</div>
			</div>
			<!-- 69 -->
			<div class="page-box" page="75">
			<div v-if="showPageList.indexOf(75) > -1">
			<!-- 头部 -->
			<ul class="preface-odd-header w100 fl ju-bt">
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit4">MODULE 4</span>
			<span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
			VOLUNTEERS</span>
			</li>
			</ul>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<div class="bj-note">
			<p><b>Notes:</b></p>
			<p>FAST：全称为Five-hundred-metre Aperture Spherical
			Telescope。五百米口径射电望远镜位于中国贵州省黔南布依族苗族自治州境内，是具有我国自主知识产权、世界最大单口径、最灵敏的射电望远镜。它被誉为“中国天眼”，大幅拓展了人类的视野，用于探索宇宙的起源和演化。
			</p>
			<p>Nan Rendong：南仁东，中国天文学家，“中国天眼”
			的主要发起者和奠基人，自1994年项目预研究到2016年建成，坚持了22年，在射电天文研究领域、国家重大需求、国际合作等方面做出了重要贡献，被授予“人民科学家” 国家荣誉称号。
			</p>
			</div>
			<p><b>Ⅰ.Reading comprehension.</b></p>
			<p>A.Complete the introduction of the FAST team with the numbers in the box.</p>
			<div class="bk-wh">
			<p>15　28　30　38　39　340　2016</p>
			</div>
			<p class="center">
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc">The FAST Team</td>
			<td style="width: 65%;">
			<p class="table-p">
			The engineering and operation team has an average age of 1.<select
			v-model="dropdownData.one.value" style="width: 25%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			while the on-site team has an average age of 2.<select
			v-model="dropdownData.one.value" style="width: 25%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc">Achievements</td>
			<td style="width: 65%;">
			<p class="table-p">He would like to provide the world's 5.<select
			v-model="dropdownData.one.value" style="width: 25%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			{{ item }}
			</option>
			</select>least developed countries
			with engineers.</p>
			<p class="table-p">He wants to reach 6.<select v-model="dropdownData.one.value"
			style="width: 25%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			{{ item }}
			</option>
			</select>people.</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc">Contributions ofTeam Members</td>
			<td style="width: 65%;">
			<p class="table-p">He would like to provide the world's 5.<select
			v-model="dropdownData.one.value" style="width: 25%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			{{ item }}
			</option>
			</select>least developed countries
			with engineers.</p>
			<p class="table-p">He wants to reach 6.<select v-model="dropdownData.one.value"
			style="width: 25%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			{{ item }}
			</option>
			</select>people.</p>
			</td>
			</tr>
			</table>
			</p>
			<p>B.Decide whether the following statements are true (T) or false (F).</p>
			<p>(　) 1.According to Zhao Hongzhou’s analysis,scientists usually make their greatest
			achievements before the age of 45.</p>
			<p>(　) 2.FAST helps scientists better understand the origin of the universe and find potential
			life on other planets.</p>
			<p>(　) 3.Yao Rui is lucky to associate her personal interests with the development of the
			country.</p>
			<p>(　) 4.Sun Jinghai encountered many difficulties in the construction of FAST and lost
			confidence in himself.</p>
			<p>(　) 5.Young Chinese scientists contribute their wisdom to building a community of a shared
			future.</p>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">69</span>
			</div>
			</div>
			</div>
			<!-- 70 -->
			<div class="page-box" page="76">
			<div v-if="showPageList.indexOf(76) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit4">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit4">基础模块一</span>
			</div>
			</div>
			</div>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p><b>Ⅱ.Language focus.</b></p>
			<p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
			have been given.</p>
			<p>1.The o _______ of life is one of the great mysteries in the universe.</p>
			<p>2.The most c _______ science is biology followed by chemistry and next is physics.</p>
			<p>3.Years of doing scientific research had made her very p _______ in her working methods.</p>
			<p>4.The competition is designed to inspire and r _______ the next generation of scientific
			leaders.</p>
			<p>5.Learning how to o _______ challenges is a necessary life skill on the road to success.</p>
			<p>B.Fill in the blanks with the proper form of the expressions given below.</p>
			<div class="bk-wh">
			<p>work on　in return　be responsible for　be involved in　contribute to</p>
			</div>
			<p>1.If we are nice to others,we expect that they will be nice to us _______ .</p>
			<p>2.We will always remember Yuan Longping who _______ China’s food security.</p>
			<p>3.The service of food delivery robot is still not satisfactory,but the company say they’re
			_______ it.</p>
			<p>4.All drivers _______ their vehicles—even when it’s a self-driving car accident.</p>
			<p>5.Studies show how customers can _______ innovation development by giving feedback.</p>
			<p><b>Ⅲ.Grammar focus:The superlative degree.</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>Complete the sentences with the superlative form of the words in the brackets.</p>
			<p>1.He is probably the _______ (creative) designer in our company.</p>
			<p>2.This automated store offers the _______ (wide) variety of products.</p>
			<p>3.His ankles hurt badly,but his knees hurt _______ (badly).</p>
			<p>4.Penicillin is one of the _______ (big) scientific discoveries of all time.</p>
			<p>5.You can contact me _______ (easily) by email.Here’s my address.</p>
			<p>6.The light bulb is one of the _______ (helpful) inventions.</p>
			<p>7.In our office,Zhang Ming works by far the _______ (hard).</p>
			<p>8.As I live _______ (near) to the station,I’ll go and buy the train tickets for us.</p>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">70</span>
			</div>
			</div>
			</div>
			<!-- 71 -->
			<div class="page-box" page="77">
			<div v-if="showPageList.indexOf(77) > -1">
			<!-- 头部 -->
			<ul class="preface-odd-header w100 fl ju-bt">
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit4">MODULE 4</span>
			<span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
			VOLUNTEERS</span>
			</li>
			</ul>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<h3 id="c034"><span class="bjh3">Mini-project</span></h3>
			<p>A large number of scientists have made major contributions to the advancement of science and
			technology,the improvement of people’s lives,and the development of the Chinese nation.Work
			in groups and list some great Chinese scientists and their contributions to the world,and
			then discuss with your group members about their spirit towards scientific research and
			innovation.
			</p>
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.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">Scientists</td>
			<td class="tl-cn">Contributions</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">Zhang Heng</td>
			<td class="tl-lf">
			He invented a machine called seismometer(地动仪), which could sense distant
			earthquakes,
			and indicated in which direction they were happening.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.one"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.two"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.one"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.two"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.one"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.two"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.one"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.two"
			class="w100 table-tr-bc b0 table-textarea" @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>
			<h2 id="b015"><img class="img-0" alt="" src="../../assets/images/dy4-le3.jpg" /></h2>
			<h3 id="c035" class="fl al-cn">
			<span class="bjh3">Listening</span>
			<!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			</h3>
			<p><b>Ⅰ.Listen to Nadia talking about her favorite electronic device and mark what she says
			about it.</b></p>
			<p>□ 1.What it is</p>
			<p>□ 2.Where Nadia got it</p>
			<p>□ 3.How much it is</p>
			<p>□ 4.What Nadia uses it for</p>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">71</span>
			</div>
			</div>
			</div>
			<!-- 72 -->
			<div class="page-box" page="78">
			<div v-if="showPageList.indexOf(78) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit4">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit4">基础模块一</span>
			</div>
			</div>
			</div>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>□ 5.When Nadia owned it</p>
			<p>□ 6.Why it is important to Nadia</p>
			<p><b>Ⅱ.Ms.Zhang is discussing technology trends with her students.Listen to the
			conversation,and write down the benefits of each App.</b></p>
			<p class="center">
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Artificial Inteligence Apps</td>
			<td class="tl-cn">Benefits</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			digital assistance
			</td>
			<td class="tl-lf">
			<p class="table-p">
			It reminds me to do things.
			</p>
			<p class="table-p">
			It wakes me up 1<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />in the morning.
			</p>
			<p class="table-p">
			It plays my 2.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />music.
			</p>
			<p class="table-p">
			I chat with it when I am alone..
			</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			online shopping recommendation
			</td>
			<td class="tl-lf">
			<p class="table-p">
			It 3.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />suggests things that I
			want.
			</p>
			<p class="table-p">
			It makes shopping a 4.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />experience.
			</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			instant translation
			</td>
			<td class="tl-lf">
			<p class="table-p">
			They help me communicate easily when I travel abroad.
			</p>
			<p class="table-p">
			They're so 5.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />for foreign language
			learning.
			</p>
			<p class="table-p">
			I can figure out words or the meaning of words 6.<input
			:disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			</p>
			</td>
			</tr>
			</table>

			</p>
			<h3 id="c036"><span class="bjh3">Practical Writing</span></h3>
			<p>Work with your partner to discuss the following questions.</p>
			<p>1.What is a sales letter like?</p>
			<p>2.What are the purposes of a sales letter?</p>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">72</span>
			</div>
			</div>
			</div>
			<!-- 73 -->
			<div class="page-box" page="79">
			<div v-if="showPageList.indexOf(79) > -1">
			<!-- 头部 -->
			<ul class="preface-odd-header w100 fl ju-bt">
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit4">MODULE 4</span>
			<span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
			VOLUNTEERS</span>
			</li>
			</ul>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p><b>Ⅰ.Read the following tips and find out how to write an effective sales letter.</b></p>
			<p>A sales letter is a marketing tool that businesses use to promote products or service.Like
			any other letter you write,you need to include the basics and convey your messages as
			clearly as possible.Generally,every sales letter should contain the following elements:</p>
			<div class="fieldset">
			<p>♦ <b>A Headline</b>—Grab the reader’s attention and highlight your main purpose.</p>
			<p>♦ <b>Introduction</b>—Provide the details of your products or service.</p>
			<p>♦ <b>Body</b>—Build your credibility.Highlight information such as the product’s
			worth,how it performs compared to similar products,or a list of satisfied customers.</p>
			<p>♦ <b>Call to Action</b>—Encourage the reader to respond.</p>
			<p class="center"><img class="img-f" alt="" src="../../assets/images/0083-1.jpg" /></p>
			</div>
			<p><b>Ⅱ.As a sales manager,Nadia is writing a letter to introduce a new gardening tool to her
			clients.Complete the letter by filling in the blanks with the expressions in the box
			below.</b></p>
			<div class="bk-wh">
			<p>take advantage of　suffer from　limited time　easy to handle　difference between</p>
			</div>
			<div class="fieldset-3">
			<p class="left">Easyman Hardware Inc.</p>
			<p class="left">3489 Greene Ave.</p>
			<p class="left">Olympia, WA</p>
			<p class="left">Subject: Home Gardening Made Easy</p>
			<p class="left">Dear Mr. Smith,</p>
			<p class="left">Gardening can be back-breaking work when you are not using the right tools.
			Almost 90% of homeowners injure their backs just by simply raking (耙) the leaves in
			their back yards. If you are like them and 1._________ a sore back after gardening, then
			you need to use our new easy rake leaf blower.</p>
			<p class="left">What is the 2.________ raking and blowing leaves:</p>
			<p class="left">　　●No bending over, so less back pain</p>
			<p class="left">　　●3.________ and your arms do not ache</p>
			<p class="left">　　●Powerful motor blows leaves right where you want them</p>
			<p class="left">　　●Durable and easy to store in your garage</p>
			<p class="left">　　●4._________ 20% discount with every purchase</p>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">73</span>
			</div>
			</div>
			</div>
			<!-- 74 -->
			<div class="page-box" page="80">
			<div v-if="showPageList.indexOf(80) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit4">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit4">基础模块一</span>
			</div>
			</div>
			</div>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<div class="fieldset-3">
			<p class="left">To 5.________ this offer, just come into our store on the corner of Main and
			Front Streets between 8 a.m. and 5 p.m. and see what this leaf blower can do for you.
			</p>
			<p class="left">Sincerely,</p>
			<p class="left">Nadia Jones</p>
			<p class="left">Sales Manager</p>
			</div>
			<p><b>Ⅲ.Translate the Chinese in the brackets into English to complete the sentences.</b></p>
			<p>1.Are you having trouble cleaning your house?__________________ (我们有解决方案).</p>
			<p>2.__________ (我们刚刚推出一款新产品) —modern sweeper XSweep.</p>
			<p>3.With XSweep,you can do it straight from the ground and______________ (它的长度可达4英尺).</p>
			<p>4.How much will this cost you?___________________ (含运费只要19.99美元).</p>
			<p>5.__________________ (如果您感兴趣或想了解更多信息),you can call us directly at 493-201-2018.</p>
			<p>6.__________________ (欢迎您来试用我们的新产品) and we assure you that you will love it.</p>
			<p>Ⅳ<b>.Wang Qiang,Nadia's client,is planning to have a thorough housecleaning.Nadia wants to
			seize the chance to introduce their new sweeper XSweep to him.Work with your partner and
			write a sales letter of the new sweeper.</b></p>
			<div class="fieldset-4">
			<p class="left">Wang Qiang</p>
			<p class="left">2398 Red Street</p>
			<p class="left">Salem, MA 34588</p>
			<p class="left">Subject: A Household Cleaning Tool You Need</p>
			<p class="left"><br /></p>
			<p class="left">Dear Mr. Wang,</p>
			<p class="left">_________________________________________</p>
			<p class="left">_________________________________________</p>
			<p class="left">_________________________________________</p>
			<p class="left">_________________________________________</p>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">74</span>
			</div>
			</div>
			</div>
			<!-- 75 -->
			<div class="page-box" page="81">
			<div v-if="showPageList.indexOf(81) > -1">
			<!-- 头部 -->
			<ul class="preface-odd-header w100 fl ju-bt">
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc-unit4">MODULE 4</span>
			<span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
			VOLUNTEERS</span>
			</li>
			</ul>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<div class="fieldset-4">
			<p class="left">_________________________________________</p>
			<p class="left">Sincerely,</p>
			<p class="left">Nadia Jones</p>
			<p class="left">Sales Manager</p>
			</div>
			<div class="un-h2">
			<h2 id="b016">Unit Project</h2>
			</div>
			<p class="center"><img class="img-f" alt="" src="../../assets/images/0085-1.jpg" /></p>
			<p>Youth are pushing the world forward and shaping the world’s future.The annual innovation and
			entrepreneurship competition (创新创业大赛) is coming.All the participants are required to create
			“Fit
			for Future” products and solve the world’s problems through innovation.Work in groups and
			find
			ways to make a product or solutions and sign up for the competition.</p>
			<p><b>Working steps:</b></p>
			<p>➢ Form groups of five</p>
			<p>➢ Each group thinks of a product they want to create(either invent a new product,or create a
			variation on the basis of a product you know)</p>
			<p>➢ Develop the details of your product by answering the questions in the box below</p>
			<div class="fieldset-5">
			<p>What functions does your product have?</p>
			<p>Who will buy your product? Why will they buy it?</p>
			<p>What advantages does your product have?</p>
			<p>Why is your product superior to other products?</p>
			<p>How much will your product cost?</p>
			</div>
			<p>➢ Draft a sales letter to introduce your product to potential customers</p>
			<p>➢ Make a presentation in front of the class</p>
			<p>➢ Vote for the best product</p>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">75</span>
			</div>
			</div>
			</div>
			<!-- 76 -->
			<div class="page-box" page="82">
			<div v-if="showPageList.indexOf(82) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc-unit4">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color-unit4">基础模块一</span>
			</div>
			</div>
			</div>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
			<div class="fieldset-4">
			<p class="left">Harrison Allen</p>
			<p class="left">ABC Textiles</p>
			<p class="left">435 Celina, Texas</p>
			<p><br /></p>
			<p class="left">Dear Mr. Allen,</p>
			<p class="left">_________________________________________</p>
			<p class="left">_________________________________________</p>
			<p class="left">_________________________________________</p>
			<p class="left">_________________________________________</p>
			<p class="left">_________________________________________</p>
			<p class="left">Sincerely,</p>
			<p class="left">Lin Yi</p>
			<p class="left">Marketing Manager</p>
			</div>
			<div class="fieldset-4">
			<p class="center"><b>Useful Expressions</b></p>
			<p>I am really excited about showing you …</p>
			<p>I am going to show you …</p>
			<p>This is one of our latest designs.</p>
			<p>It is made of/from/in …</p>
			<p>You can use it to …</p>
			<p>These … are designed by …</p>
			<p>The package includes …</p>
			<p>It has/contains …</p>
			<p>This kind of … is practical and economical for the needs of …</p>
			<p>Our products are of superb quality and reasonable price.</p>
			<p>We can very well compete against … in price.</p>
			<p>… are the best-selling products of this kind.</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>
			<div class="preface-bottom">
			<span class="contet-num-box">76</span>
			</div>
			</div>
			</div>
			</div>
			</template>
			<script>
			@@ -77,50 +1839,60 @@
			},
			data() {
			return {
			imgThirteen: require("../../assets/images/grammar.jpg"),
			imgThirteen: require("../../assets/images/grammar4-1.png"),
			imgThirteenOne: require("../../assets/images/grammar4-2.png"),
			showAnswerOne: false,
			showAnswerTwo: false,
			showAnswerThree: false,
			showAnswerFour: false,
			showAnswerFive: false,
			showImg: false,
			showImgOne: false,
			showQuestionAnswer: false,
			rawData: {
			left: [
			{
			oldId: "FB34",
			txt: "Martin　　　　Silk",
			txt: "1. My phone",
			},
			{
			oldId: "64D6",
			txt: "Jessica　　The Great Wall",
			txt: "2. We can pay for almost anything",
			},
			{
			oldId: "2ED4",
			txt: "Soren　　Chinese Food",
			txt: "3. Now almost nobody uses",
			},
			{
			oldId: "44DE",
			txt: "Chinese　　　　Tea",
			txt: "4. We rely on mobile phones",
			},
			{
			oldId: "J20B",
			txt: "5. Mobile phones have changed",
			}
			],
			right: [
			{
			oldId: "64D6",
			txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
			},
			{
			oldId: "FB34",
			txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
			},
			{
			oldId: "2ED4",
			txt: "The clothing material is quite popular among Roman women inancient times.",
			txt: "a.a fixed-line telephone.",
			},
			{
			oldId: "44DE",
			txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
			txt: "b. all the time now.",
			},
			{
			oldId: "64D6",
			txt: "c. online or by using an App on the phone.",
			},
			{
			oldId: "FB34",
			txt: "d. is almost dead.",
			},
			{
			oldId: "J20B",
			txt: "e. how we go about our everyday life.",
			}
			],
			},
			value: [],
			@@ -131,66 +1903,81 @@
			{
			id: "FB34",
			linkValue:
			"The clothing material is quite popular among Roman women inancient times.",
			value: "Silk",
			"d. is almost dead.",
			value: "1. My phone",
			},
			{
			id: "64D6",
			linkValue:
			"It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
			value: "The Great Wall",
			"c. online or by using an App on the phone.",
			value: "2. We can pay for almost anything",
			},
			{
			id: "2ED4",
			linkValue:
			"It is very delicious and I like the hot and spicy Sichuan lavor hest.",
			value: "Chinese Food",
			"a. a fixed-line telephone.",
			value: "3. Now almost nobody uses",
			},
			{
			id: "44DE",
			linkValue:
			"It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
			value: "Chinese Tea",
			"b. all the time now.",
			value: "4. We rely on mobile phones",
			},
			{
			id: "J20B",
			linkValue:
			"e. how we go about our everyday life.",
			value: "5. Mobile phones have changed",
			},
			],
			optionStyle: undefined,
			id: 489306,
			options: {
			linkValues: [

			{
			oldId: "64D6",
			txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
			oldId: "2ED4",
			txt: "a.a fixed-line telephone.",
			},
			{
			oldId: "44DE",
			txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
			txt: "b. all the time now.",
			},
			{
			oldId: "64D6",
			txt: "c. online or by using an App on the phone.",
			},
			{
			oldId: "FB34",
			txt: "The clothing material is quite popular among Roman women inancient times.",
			txt: "d. is almost dead.",
			},
			{
			oldId: "2ED4",
			txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
			},
			oldId: "J20B",
			txt: "e. how we go about our everyday life.",
			}
			],
			values: [
			{
			oldId: "FB34",
			txt: "Martin Silk",
			txt: "1. My phone",
			},
			{
			oldId: "64D6",
			txt: "The Great Wall",
			txt: "2. We can pay for almost anything",
			},
			{
			oldId: "2ED4",
			txt: "Chinese Food",
			txt: "3. Now almost nobody uses",
			},
			{
			oldId: "44DE",
			txt: "Chinese Tea",
			txt: "4. We rely on mobile phones",
			},
			{
			oldId: "J20B",
			txt: "5. Mobile phones have changed",
			}
			],
			},
			questionType: "matching",
			@@ -201,7 +1988,7 @@
			titleDescription: "1",
			userChoise: [],
			value: [],
			answerImg: require("../../assets/images/matching-one.png"),
			answerImg: require("../../assets/images/matching-four.png"),
			},
			questionData: {
			warnUp: {
			@@ -249,7 +2036,7 @@
			five: "",
			six: "",
			seven: "",
			enight: "",
			eight: "",
			nine: "",
			},
			},
			@@ -422,7 +2209,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") {
			@@ -494,4 +2284,78 @@
			};
			</script>

			<style lang="less" scoped></style>
			<style lang="less" scoped>
			p {
			font-size: 16px !important;
			}

			.bodystyle {
			margin: 0 !important;
			}

			.line-border-box {
			margin-left: 10px;
			display: inline-block;
			width: 50%;
			height: 3px;
			background-color: #f9a71b;
			}

			.mr-20 {
			margin-right: 20px;
			}

			.dl-box {
			display: flex;
			flex-wrap: wrap;

			.dl-span {
			display: inline-block;
			text-indent: 0;
			margin-bottom: 15px;
			height: 20px;
			line-height: 20px;
			}
			}

			.btn-w {
			font-size: 14px;
			border-width: 1px;
			min-width: 80px;
			height: 30px;
			background-color: #fff;

			&:hover {
			background-color: #0bab87;
			color: #fff;
			}
			}

			.banshi {
			position: relative;
			margin-top: 40px;
			width: 100%;
			height: 350px;
			margin: 0 auto;
			}

			.pageBox {
			z-index: 9999999999;
			color: #999;
			position: absolute;
			left: 48%;
			bottom: 0px;
			}

			select {
			height: 24px;
			}

			.mini-audio {
			width: 200px;
			height: 200px;
			position: fixed;
			right: 0;
			background-color: red;
			}
			</style>