testbookLayout.git

			@@ -351,7 +351,7 @@
			</p>
			<!-- 文本框 -->
			<textarea v-model="questionData.reading.two" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son " @change="setBookQuestion"></textarea>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFour">
			答案：(1)Various delicious food (2)Unique architectures
			@@ -892,7 +892,7 @@
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.one)
			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">
			@@ -902,7 +902,7 @@
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.one) == false
			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">
			@@ -917,7 +917,7 @@
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.two)
			isTextRight(testData.in.answer, testData.in.two, 1)
			" 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">
			@@ -927,7 +927,7 @@
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.two) == false
			isTextRight(testData.in.answer, testData.in.two, 1) == 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">
			@@ -942,7 +942,7 @@
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.three)
			isTextRight(testData.in.answer, testData.in.three, 2)
			" 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">
			@@ -952,7 +952,7 @@
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.three) == false
			isTextRight(testData.in.answer, testData.in.three, 2) == 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">
			@@ -966,7 +966,7 @@
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.four)
			isTextRight(testData.in.answer, testData.in.four, 3)
			" 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">
			@@ -976,7 +976,7 @@
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.four) == false
			isTextRight(testData.in.answer, testData.in.four, 3) == 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">
			@@ -992,7 +992,7 @@
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.five)
			isTextRight(testData.in.answer, testData.in.five, 4)
			" 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">
			@@ -1002,7 +1002,7 @@
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.five) == false
			isTextRight(testData.in.answer, testData.in.five, 4) == 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">
			@@ -1082,6 +1082,7 @@
			<p>
			<input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border"
			@change="setTestData" />

			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：孔子开创了平民化的教育。
			@@ -1131,7 +1132,9 @@
			</svg>
			</span>
			</p>
			<el-image v-if="showImg" :src="imgThirteen" :preview-src-list="[imgThirteen]" />
			<div class="openImgBox" v-if="showImg">
			<img class="w100" :src="imgThirteen" />
			</div>
			<p>A.Combine the following sentences into if-clauses.</p>
			<p>
			1.Try using sticks.You can enjoy the fun of having a real Chinese
			@@ -1200,7 +1203,7 @@
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.one)
			isTextRight(testData.cm.answer, testData.cm.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">
			@@ -1210,7 +1213,7 @@
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.one) == false
			isTextRight(testData.cm.answer, testData.cm.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">
			@@ -1226,7 +1229,7 @@
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.two)
			isTextRight(testData.cm.answer, testData.cm.two, 1)
			" 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">
			@@ -1236,7 +1239,7 @@
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.two) == false
			isTextRight(testData.cm.answer, testData.cm.two, 1) == 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">
			@@ -1253,7 +1256,7 @@
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.three)
			isTextRight(testData.cm.answer, testData.cm.three, 2)
			" 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">
			@@ -1263,7 +1266,7 @@
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.three) == false
			isTextRight(testData.cm.answer, testData.cm.three, 2) == 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">
			@@ -1280,7 +1283,7 @@
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.four)
			isTextRight(testData.cm.answer, testData.cm.four, 3)
			" 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">
			@@ -1290,7 +1293,7 @@
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.four) == false
			isTextRight(testData.cm.answer, testData.cm.four, 3) == 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">
			@@ -1301,14 +1304,14 @@
			</span>
			</p>
			<p>
			5.<input :disabled="testData.isComplete" v-model="testData.cm.five" type="text"
			5.<input :disabled="testData.isComplete" v-model.trim="testData.cm.five" type="text"
			class="input-bottom-border" style="width: 60px" @change="setTestData" />I go to Sichuan,I will visit
			Chengdu Research Base of Giant
			Panda Breeding.
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.five)
			isTextRight(testData.cm.answer, testData.cm.five, 4)
			" 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">
			@@ -1318,7 +1321,7 @@
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.five) == false
			isTextRight(testData.cm.answer, testData.cm.five, 4) == 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">
			@@ -1330,7 +1333,7 @@
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案： 1.whether   2.if   3.whether   4.whether
			5.if
			5.If
			</p>
			<!-- 提交按钮 -->
			<div class="w100 fl">
			@@ -1444,7 +1447,7 @@
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.eight" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			@@ -1483,7 +1486,7 @@
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_01.png" />
			<img src="../../assets/images/ppt/ppt_02.png" />
			</div>
			</div>
			<div class="swiper-slide">
			@@ -1906,14 +1909,12 @@
			<div class="padding-93">
			<div class="bodystyle">
			<h3 id="c006"><span class="bjh3">Reading</span></h3>
			<p class="center">

			</p>
			<p class="center"></p>
			<p class="img"></p>
			<p>
			1.We are witnessing the rapid development of modern society.What
			impresses you most?
			<span class="btn-box" @click="showAnswerFive = !showAnswerFive">
			<span class="btn-box" @click="showAnswerTen = !showAnswerTen">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			@@ -1925,14 +1926,16 @@
			<textarea v-model="questionData.reading.three" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFive">
			答案：(1)intercitut rain(2)online shopping (3)electronic payment (4)shared bike (5)take-away service
			(6)facial recognition
			(7)2022 Beijing Winter Olympics (8)2023 World University Games (9)Hong Kong-Zhuhai-Macao Bridge
			(10)Scenery spots, such as Jiuzhaigou, the Palace Museum, the Great Wall
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTen">
			答案：(1)intercitut rain(2)online shopping (3)electronic payment
			(4)shared bike (5)take-away service (6)facial recognition (7)2022
			Beijing Winter Olympics (8)2023 World University Games (9)Hong
			Kong-Zhuhai-Macao Bridge (10)Scenery spots, such as Jiuzhaigou,
			the Palace Museum, the Great Wall
			</p>
			<p>2.What will our life be like in ten or twenty years?
			<span class="btn-box" @click="showAnswerSex = !showAnswerSex">
			<p>
			2.What will our life be like in ten or twenty years?
			<span class="btn-box" @click="showAnswerSix = !showAnswerSix">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			@@ -1944,9 +1947,9 @@
			<textarea v-model="questionData.reading.four" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSex">
			答案：(1)population aging (2)worsening climate change
			(3)more automation and Al,such as flying cars, driverless
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSix">
			答案：(1)population aging (2)worsening climate change (3)more
			automation and Al,such as flying cars, driverless
			</p>
			<p class="center"><b>The Great Progress in China</b></p>
			<p class="center">
			@@ -1955,54 +1958,77 @@
			</p>
			<p>
			On August 31st,2012,as I landed my feet on Chinese ground,I
			started to breathe in the air coming from the breeze.It was
			started to breathe in the air coming from the
			<span class="word-bc" @click="saveWord($event, 'breeze')">breeze</span>
			.It was
			familiar.I felt so excited to be back in China,though that time
			was for my studies.In a matter of days,I made a lot of friends
			from different countries and one afternoon,my friends and I
			planned to visit the world-famous Sun Yat-sen
			Mausoleum.A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 120px" v-model="testData.in.one" @change="setTestData" /> I looked around with
			curiosity,and
			everything seemed to move at a quick pace.
			<span class="word-bc" @click="saveWord($event, 'Mausoleum')">Mausoleum</span>
			.A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 120px"
			v-model="testData.in.one" @change="setTestData" />
			I looked around with curiosity,and everything seemed to move at a
			quick
			<span class="word-bc" @click="saveWord($event, 'pace')">pace</span>.
			</p>
			<p>
			Six months later,as I walked down the hall of my dormitory,I met
			my neighbour who was overwhelmed by big and small packages and
			Six months later,as I walked down the hall of my
			<span class="word-bc" @click="saveWord($event, 'dormitory')">dormitory</span>
			,I met
			my
			<span class="word-bc" @click="saveWord($event, 'neighbour')">neighbour</span>
			who was overwhelmed by big and small packages and
			boxes.I asked,“Hey,Alison.What are all these?” She
			replied,“Hello,Vanessa.I received my packages from the delivery
			man.I’ve been buying a lot of stuff via an online shop.” I went to
			my room to turn on my laptop and typed in the key words.I was
			stunned; I couldn’t believe my eyes.It is actually an online
			man.I’ve been buying a lot of stuff
			<span class="word-bc" @click="saveWord($event, 'via')">via</span>
			an online shop.” I went to
			my room to turn on my
			<span class="word-bc" @click="saveWord($event, 'laptop')">laptop</span>
			and typed in the key words.I was
			<span class="word-bc" @click="saveWord($event, 'stunned')">stunned</span>
			; I couldn’t believe my eyes.It is actually an online
			shopping website where you can buy anything you can think of.
			</p>
			<p>
			After my graduation in 2015,I joined another university in
			Shanghai for further studies.I always saw my Chinese classmates
			paying with their phones; this triggered my attention.With the
			paying with their phones; this
			<span class="word-bc" @click="saveWord($event, 'triggered')">triggered</span>
			my attention.With the
			help of my classmates,I finally got my own online payment
			account.This is an absolute gadget,very convenient and easy to
			use.With the start of this new era,I always go out without my
			account.This is an absolute
			<span class="word-bc" @click="saveWord($event, 'gadget')">gadget</span>
			,very convenient and easy to
			use.With the start of this new
			<span class="word-bc" @click="saveWord($event, 'era')">era</span>
			,I always go out without my
			wallet.
			</p>
			<p>
			B.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 120px"
			v-model="testData.in.one" @change="setTestData" /> I went through all the necessary procedures and
			couldn’t wait to ride my first shared bike.
			v-model="testData.in.one" @change="setTestData" />
			I went through all the necessary procedures and couldn’t wait to
			ride my first shared bike.
			</p>
			<p>
			Last but not least,nearly at the end of 2016,the ordering
			platforms made their appearance on all Chinese
			phones.C.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 120px" v-model="testData.in.one" @change="setTestData" /> What makes my life easier is
			that I can
			buy vegetables and fruits online and get them delivered to my
			door.
			platforms made their appearance on all Chinese phones.C.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 120px" v-model="testData.in.one" @change="setTestData" />
			What makes my life easier is that I can buy vegetables and fruits
			online and get them delivered to my door.
			</p>
			<p>
			The five aspects that I mentioned above changed the life of
			millions of people around China.The Chinese economy is
			booming,which makes people well off.I’ve been in China for several
			years and witnessed China’s potential.
			millions of people around China.The Chinese
			<span class="word-bc" @click="saveWord($event, 'economy')">economy</span>
			is
			<span class="word-bc" @click="saveWord($event, 'booming')">booming</span>
			,which makes people well off.I’ve been in China for several
			years and witnessed China’s
			<span class="word-bc" @click="saveWord($event, 'potential')">potential</span>
			.
			</p>
			</div>
			</div>
			@@ -2157,16 +2183,79 @@
			blanks.
			</p>
			<p>
			1.It wasn’t long until I discovered the shared bikes in
			2016,serving people in several cities.
			( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value" style="width: 8%">
			<option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select> ) 1.It wasn’t long until I discovered the shared bikes in
			2016,serving people in several cities.
			<span class="icon-box-big">
			<svg v-if="testOneData.dropdownChoiceData.one.isRight" 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="testOneData.dropdownChoiceData.one.isRight == 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>
			</p>
			<p>
			2.People can order their desired food,from soup to noodles,from
			( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.two.value" style="width: 8%">
			<option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select> ) 2.People can order their desired food,from soup to noodles,from
			barbecue to hot pot.
			<span class="icon-box-big">
			<svg v-if="testOneData.dropdownChoiceData.two.isRight" 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="testOneData.dropdownChoiceData.two.isRight == 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>
			</p>
			<p>
			3.It was at that moment that I knew about the metro system.It was
			new,fast,and extraordinary.
			( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.three.value" style="width: 8%">
			<option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select> ) 3.It was at that moment that I knew about the metro system.It
			was new,fast,and extraordinary.
			<span class="icon-box-big">
			<svg v-if="testOneData.dropdownChoiceData.three.isRight" 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="testOneData.dropdownChoiceData.three.isRight == 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>
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showlessonTwoQuestionAnswer">
			@@ -2177,31 +2266,129 @@
			(F).
			</p>
			<p>
			(<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
			v-model="testData.in.one" @change="setTestData" /> ) 1.Vanessa made a lot of friends as soon as she
			arrived in
			China.
			( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.one.value" style="width: 8%">
			<option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select> ) 1.Vanessa made a lot of friends as soon as she arrived in China.
			<span class="icon-box-big">
			<svg v-if="testOneData.dropdownDetermineData.one.isRight" 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="testOneData.dropdownDetermineData.one.isRight == 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>
			</p>
			<p>
			(<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
			v-model="testData.in.one" @change="setTestData" />) 2.Before Vanessa came to China,she knew a lot about
			the metro
			system.
			( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.two.value" style="width: 8%">
			<option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select> ) 2.Before Vanessa came to China,she knew a lot about
			the metro system.
			<span class="icon-box-big">
			<svg v-if="testOneData.dropdownDetermineData.two.isRight" 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="testOneData.dropdownDetermineData.two.isRight == 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>
			</p>
			<p>
			(<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
			v-model="testData.in.one" @change="setTestData" />) 3.Vanessa didn’t know about online shopping before
			she met
			her neighbour Alison.
			( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.three.value" style="width: 8%">
			<option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select> ) 3.Vanessa didn’t know about online shopping before
			she met her neighbour Alison.
			<span class="icon-box-big">
			<svg v-if="testOneData.dropdownDetermineData.three.isRight" 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="testOneData.dropdownDetermineData.three.isRight == 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>
			</p>
			<p>(<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
			v-model="testData.in.one" @change="setTestData" />) 4.Vanessa got her own online payment account by
			herself.</p>
			<p>
			(<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
			v-model="testData.in.one" @change="setTestData" />) 5.Buying vegetables and fruits online makes
			( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.four.value" style="width: 8%">
			<option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select> ) 4.Vanessa got her own online payment account by
			herself.
			<span class="icon-box-big">
			<svg v-if="testOneData.dropdownDetermineData.four.isRight" 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="testOneData.dropdownDetermineData.four.isRight == 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>
			</p>
			<p>
			( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.five.value" style="width: 8%">
			<option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select> ) 5.Buying vegetables and fruits online makes
			Vanessa’s life
			easier.
			<span class="icon-box-big">
			<svg v-if="testOneData.dropdownDetermineData.five.isRight" 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="testOneData.dropdownDetermineData.five.isRight == 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>
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showlessonTwoQuestionAnswer">
			@@ -2214,32 +2401,144 @@
			</p>
			<p>
			1.Tom was shocked by China’s progress that she had
			<i>noticed</i>.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 90px" v-model="testData.in.one" @change="setTestData" />
			<i>noticed</i>.
			<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
			style="width: 80px" v-model="testOneData.lf.one" @change="setTestOneData" />
			<span>
			<svg v-if="
			testOneData.isComplete &&
			isTextRight(testOneData.lf.answer, testOneData.lf.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="
			testOneData.isComplete &&
			isTextRight(testOneData.lf.answer, testOneData.lf.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>
			</p>
			<p>
			2.China has made <i>amazing</i> progress in the manufacturing
			industry.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 90px" v-model="testData.in.one" @change="setTestData" />
			industry.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
			style="width: 80px" v-model="testOneData.lf.two" @change="setTestOneData" />
			<span>
			<svg v-if="
			testOneData.isComplete &&
			isTextRight(testOneData.lf.answer, testOneData.lf.two, 1)
			" 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="
			testOneData.isComplete &&
			isTextRight(testOneData.lf.answer, testOneData.lf.two, 1) == 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>
			</p>
			<p>
			3.Ordering platforms supported <i>by</i> various Apps is very
			convenient.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 90px" v-model="testData.in.one" @change="setTestData" />
			convenient.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
			style="width: 80px" v-model="testOneData.lf.three" @change="setTestOneData" />
			<span>
			<svg v-if="
			testOneData.isComplete &&
			isTextRight(testOneData.lf.answer, testOneData.lf.three, 2)
			" 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="
			testOneData.isComplete &&
			isTextRight(testOneData.lf.answer, testOneData.lf.three, 2) == 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>
			</p>
			<p>
			4.The <i>age</i> of artificial intelligence was brought into being
			by the Internet.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 90px" v-model="testData.in.one" @change="setTestData" />
			by the Internet.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
			style="width: 80px" v-model="testOneData.lf.four" @change="setTestOneData" />
			<span>
			<svg v-if="
			testOneData.isComplete &&
			isTextRight(testOneData.lf.answer, testOneData.lf.four, 3)
			" 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="
			testOneData.isComplete &&
			isTextRight(testOneData.lf.answer, testOneData.lf.four, 3) == 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>
			</p>
			<p>
			5.The <i>rhythm</i> of ancient people’s lives is slower than that
			of modern people.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 90px" v-model="testData.in.one" @change="setTestData" />
			of modern people.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
			style="width: 80px" v-model="testOneData.lf.five" @change="setTestOneData" />
			<span>
			<svg v-if="
			testOneData.isComplete &&
			isTextRight(testOneData.lf.answer, testOneData.lf.five, 4)
			" 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="
			testOneData.isComplete &&
			isTextRight(testOneData.lf.answer, testOneData.lf.five, 4) == 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>
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showlessonTwoQuestionAnswer">
			答案： 1.witnessed   2.extraordinary   3.via   4.era   5.pace
			答案： 1.witnessed   2.extraordinary   3.via
			4.era   5.pace
			</p>
			<p>
			B.Fill in the blanks with the proper form of the expressions given
			@@ -2250,9 +2549,33 @@
			a matter of　go through　last but not least　well off　type in
			</p>
			</div>
			<p>1.China has<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 60px" v-model="testData.in.one" @change="setTestData" />great changes in the era of big
			data.</p>
			<p>
			1.China has<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
			style="width: 100px" v-model="testOneData.ct.one" @change="setTestOneData" />great changes in the era of big
			data.
			<span>
			<svg v-if="
			testOneData.isComplete &&
			isTextRight(testOneData.ct.answer, testOneData.ct.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="
			testOneData.isComplete &&
			isTextRight(testOneData.ct.answer, testOneData.ct.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>
			</p>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -2275,26 +2598,132 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p>
			2.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
			v-model="testData.in.one" @change="setTestData" />key words and you can search for the needed goods in
			online shops.
			2.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 100px"
			v-model="testOneData.ct.two" @change="setTestOneData" />key words and you can search for the needed goods in
			online
			shops.
			<span>
			<svg v-if="
			testOneData.isComplete &&
			isTextRight(testOneData.ct.answer, testOneData.ct.two, 1)
			" 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="
			testOneData.isComplete &&
			isTextRight(testOneData.ct.answer, testOneData.ct.two, 1) == 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>
			</p>
			<p>
			3.A dispute over online shopping can be settled in<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />days.
			3.A dispute over online shopping can be settled in<input :disabled="testOneData.isComplete" type="text"
			class="input-bottom-border" style="width: 100px" v-model="testOneData.ct.three" @change="setTestOneData" />days.
			<span>
			<svg v-if="
			testOneData.isComplete &&
			isTextRight(testOneData.ct.answer, testOneData.ct.three, 2)
			" 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="
			testOneData.isComplete &&
			isTextRight(testOneData.ct.answer, testOneData.ct.three,2) == 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>
			</p>
			<p>4.China has,in all respects,become very<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.</p>
			<p>
			5.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
			v-model="testData.in.one" @change="setTestData" />,all the people committed to Shenzhou Spacecrafts
			deserve respect.
			4.China has,in all respects,become very<input :disabled="testOneData.isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="testOneData.ct.four" @change="setTestOneData" />.
			<span>
			<svg v-if="
			testOneData.isComplete &&
			isTextRight(testOneData.ct.answer, testOneData.ct.four, 3)
			" 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="
			testOneData.isComplete &&
			isTextRight(testOneData.ct.answer, testOneData.ct.four, 3) == 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>
			</p>
			<p>
			5.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
			v-model="testOneData.ct.five" @change="setTestOneData" />,all the people committed to Shenzhou Spacecrafts
			deserve
			respect.
			<span>
			<svg v-if="
			testOneData.isComplete &&
			isTextRight(testOneData.ct.answer, testOneData.ct.five, 4)
			" 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="
			testOneData.isComplete &&
			isTextRight(testOneData.ct.answer, testOneData.ct.five, 4) == 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>
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showlessonTwoQuestionAnswer">
			答案： 1.went through   2.Type in   3.a matter of   4.well Off   5.Last but not least
			答案： 1.went through   2.Type in   3.a matter of
			4.well Off   5.Last but not least
			</p>
			<p><b>Ⅲ.Grammar focus:The simple sentence.</b></p>
			<p><b>Ⅲ.Grammar focus:The simple sentence.</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>
			Read the examples and write down the sentence structure of the
			following sentences in the brackets.
			@@ -2313,43 +2742,154 @@
			phones.(S+V+O+C)
			</p>
			</div>
			<p>1.It is actually an online shopping website.（<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 80px" v-model="testData.in.one" @change="setTestData" />）</p>
			<p>
			2.Vanessa finally got her own online payment account.（<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 80px" v-model="testData.in.one" @change="setTestData" />）
			1.It is actually an online shopping website.( <select
			:disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
			<option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select> )
			<span class="icon-box-big">
			<svg v-if="testOneData.dropdownStructureData.one.isRight" 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="testOneData.dropdownStructureData.one.isRight == 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>
			</p>
			<p>
			2.Vanessa finally got her own online payment account. ( <select :disabled="testOneData.isComplete"
			v-model="testOneData.dropdownStructureData.two.value" style="width: 15%">
			<option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select> )
			<span class="icon-box-big">
			<svg v-if="testOneData.dropdownStructureData.two.isRight" 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="testOneData.dropdownStructureData.two.isRight == 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>
			</p>
			<p>
			3.China offers researchers world-class advanced research
			facilities in the institutes. （<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 80px" v-model="testData.in.one" @change="setTestData" />）
			facilities in the institutes. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.three.value"
			style="width: 15%">
			<option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select> )
			<span class="icon-box-big">
			<svg v-if="testOneData.dropdownStructureData.three.isRight" 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="testOneData.dropdownStructureData.three.isRight == 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>
			</p>
			<p>
			4.These friends made Vanessa see China through the eyes of the
			locals.（<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 80px"
			v-model="testData.in.one" @change="setTestData" />）
			locals. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
			<option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select> )
			<span class="icon-box-big">
			<svg v-if="testOneData.dropdownStructureData.four.isRight" 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="testOneData.dropdownStructureData.four.isRight == 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>
			</p>
			<p>5.The list of Chinese food never ends.（<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 80px" v-model="testData.in.one" @change="setTestData" />）</p>
			<p>
			5.The list of Chinese food never ends. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.five.value"
			style="width: 15%">
			<option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select> )
			<span class="icon-box-big">
			<svg v-if="testOneData.dropdownStructureData.five.isRight" 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="testOneData.dropdownStructureData.five.isRight == 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>
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showlessonTwoQuestionAnswer">
			答案： 1.S+V+C   2.S+V+O   3.S+V+O+O   4.S+V+O+C   5.S+V
			答案： 1.S+V+C   2.S+V+O   3.S+V+O+O   4.S+V+O+C
			5.S+V
			</p>
			<!-- 提交按钮 -->
			<div class="w100 fl">
			<ul class="fl ju-ar w100">
			<li>
			<button class="btn-border btn-w" @click="saveData">
			<button class="btn-border btn-w" @click="savaDataOne">
			提交
			</button>
			</li>
			<li>
			<button @click="changeTestData" class="btn-border btn-w">
			<button @click="changeTestOneData" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="showlessonTwoQuestionAnswer = !showlessonTwoQuestionAnswer" class="parimary-btn">
			<button @click="
			showlessonTwoQuestionAnswer = !showlessonTwoQuestionAnswer
			" class="parimary-btn">
			查看答案
			</button>
			</li>
			@@ -2406,6 +2946,7 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p class="continued">continued</p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Items</td>
			@@ -2414,104 +2955,363 @@
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">Shopping</td>
			<td class="tl-cn">
			<td class="tl-lf">
			We bought necessities mainly in brick-and-mortar stores.
			</td>
			<td>Online shopping is very common.</td>
			<td class="tl-lf">Online shopping is very common.</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<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.two" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.eleven" 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"
			<textarea v-model="questionData.table.twelve" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<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.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"
			<textarea v-model="questionData.table.fifteen" 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"
			<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.enight" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.seventeen" 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"
			<textarea v-model="questionData.table.eighteen" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td colspan="3" style="text-align: left;">
			<td colspan="3" style="text-align: left">
			Your suggestion:
			<textarea v-model="questionData.table.ten" class="w100 table-tr-bc b0 table-textarea "
			<textarea v-model="questionData.table.nineteen" 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="b002">
			<img class="img-0" alt="" src="../../assets/images/dy1-le3.jpg" />
			</h2>
			<h3 id="c008" class="fl al-cn">
			<span class="bjh3">Listening</span>
			</h3>

			<p>
			<b>Ⅰ.Listen to Tom,an overseas student,talking about his journey
			to China and fill in the blanks with what you hear.</b>
			<span class="btn-box" @click="showAnswerSeven = !showAnswerSeven">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px"
			class="audio"></audio>
			<p>
			After studying in China for almost three years by now,I call China
			my second homeland.I love the natural beauty,the 1.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />,the
			people and the food.China is a large country with diverse
			landscapes awaiting adventurers to 2.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.There
			is a modern
			public transportation system including city
			buses,3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
			v-model="testData.in.one" @change="setTestData" />,high-speed trains,and airports,as well as a large
			highway network.These make travel 4.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />and
			efficient and
			allow me to go to many places to enjoy the scenery and
			culture.China’s natural beauty keeps on 5.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="testData.in.one"
			@change="setTestData" />me,from the pure
			blue waterfalls in Jiuzhaigou to the snowcapped mountains of
			Shangri-la,from the sandy 6.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 60px" v-model="testData.in.one" @change="setTestData" />of Sanya to the rocky seaside
			of Laoshan… China is such a beautiful country!
			my second homeland.I love the natural beauty,the 1
			<input v-model="questionData.lessonThree.one.value" style="width: 60px" class="input-bottom-border fz-18"
			@blur="handleListeningQuestion('one')" @change="setBookQuestion" />
			<span class="icon-box-big">
			<svg v-if="questionData.lessonThree.one.isRight" 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="questionData.lessonThree.one.isRight == 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>
			the people and the food.China is a large country with diverse
			landscapes awaiting adventurers to 2.<input v-model="questionData.lessonThree.two.value"
			style="width: 60px" class="input-bottom-border fz-18" @blur="handleListeningQuestion('two')"
			@change="setBookQuestion" />
			<span class="icon-box-big">
			<svg v-if="questionData.lessonThree.two.isRight" 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="questionData.lessonThree.two.isRight == 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>.There
			is a modern public transportation system including city
			buses,3. <input v-model="questionData.lessonThree.three.value" style="width: 60px"
			class="input-bottom-border fz-18" @blur="handleListeningQuestion('three')" @change="setBookQuestion" />
			<span class="icon-box-big">
			<svg v-if="questionData.lessonThree.three.isRight" 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="questionData.lessonThree.three.isRight == 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>,high-speed trains,and airports,as well as a large
			highway
			network.These make travel 4. <input v-model="questionData.lessonThree.four.value" style="width: 60px"
			class="input-bottom-border fz-18" @blur="handleListeningQuestion('four')" @change="setBookQuestion" />
			<span class="icon-box-big">
			<svg v-if="questionData.lessonThree.four.isRight" 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="questionData.lessonThree.four.isRight == 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>and efficient and allow me to go
			to many places to enjoy the
			scenery and culture.China’s natural beauty keeps on 5. <input
			v-model="questionData.lessonThree.five.value" style="width: 60px" class="input-bottom-border fz-18"
			@blur="handleListeningQuestion('five')" @change="setBookQuestion" />
			<span class="icon-box-big">
			<svg v-if="questionData.lessonThree.five.isRight" 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="questionData.lessonThree.five.isRight == 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>me,from the pure blue waterfalls in Jiuzhaigou to the snowcapped
			mountains of Shangri-la,from the sandy 6.<input v-model="questionData.lessonThree.six.value"
			style="width: 60px" class="input-bottom-border fz-18" @blur="handleListeningQuestion('six')"
			@change="setBookQuestion" />
			<span class="icon-box-big">
			<svg v-if="questionData.lessonThree.six.isRight" 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="questionData.lessonThree.six.isRight == 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>of
			Sanya to the rocky seaside of Laoshan… China is such a
			beautiful country!
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showlessonThreeQuestionAnswer">
			答案： 1.culture   2.explore   3.subways   4.convenient   5.surprising   6.beach
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerSeven">
			答案： 1.culture   2.explore   3.subways
			4.convenient   5.surprising   6.beach
			</p>
			<p>
			<b>Ⅱ.Listen to the conversation about planning for the upcoming
			Chinese Culture Week and circle the right expressions to
			complete the following sentences.</b>
			<span class="btn-box" @click="showAnswerEight = !showAnswerEight">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio"></audio>
			@@ -2552,10 +3352,16 @@
			<p>
			5.Zhang Ping is to arrange the room set-up / send out invitations.
			</p>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight">
			答案： (1)experience Chinese handicraft   (2)paper cutting contest   (3)design the posters
			(4)4.handicraftsmen to show their talent  (5)5.arrange the room set-up
			</p>
			<h3 id="c009"><span class="bjh3">Practical Writing</span></h3>
			<p>Work with your partner to discuss the following questions.</p>
			<p>1.How do you let others know about an upcoming event?
			<span class="btn-box" @click="showAnswerSeven = !showAnswerSeven">
			<p>
			1.How do you let others know about an upcoming event?
			<span class="btn-box" @click="showAnswerNine = !showAnswerNine">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			@@ -2567,13 +3373,13 @@
			<textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSeven">
			答案： (1)posters   (2)Wechat public account   (3)Campus radio   (4)Campus TV station
			(5)Notice
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerNine">
			答案： (1)posters   (2)Wechat public account   (3)Campus
			radio   (4)Campus TV station   (5)Notice
			</p>
			<p>
			2.What information would you like to tell them about the event?
			<span class="btn-box" @click="showAnswerEight = !showAnswerEight">
			<span class="btn-box" @click="showAnswerEleven = !showAnswerEleven">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			@@ -2582,10 +3388,10 @@
			</span>
			</p>
			<!-- 文本框 -->
			<textarea v-model="questionData.reading.sex" placeholder="请输入内容" rows="6"
			<textarea v-model="questionData.reading.six" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight">
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEleven">
			答案：(1)Name of the event(2)Date & time (3)Address (4)Organizer
			</p>
			<p>
			@@ -2604,54 +3410,56 @@
			<p>▲ Describe your event or why people should attend.</p>
			<p>▲ Include a relevant call to action.</p>
			<div class="horizontal" style="display: flex">
			<div class="left" style="width: 48%">
			<p class="center">
			<img class="img-e" alt="" src="../../assets/images/0025-1.jpg" />
			</p>
			<div class="left" style="width: 48%;">
			<img style="width: 100%; height: auto; margin: 15% 0%" class="img-e" alt=""
			src="../../assets/images/0025-1.jpg" />
			</div>
			<div class="right" style="width: 48%">
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.checkOne" />
			Name of the event
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			<input type="checkbox" name="ball" value="Language" id="2" v-model="testData.checkOne.value" />
			Date and time
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			<input type="checkbox" name="ball" value="Language" id="3" v-model="testData.checkOne.value" />
			Location
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			<input type="checkbox" name="ball" value="Language" id="4" v-model="testData.checkOne.value" />
			Greetings
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			<input type="checkbox" name="ball" value="Language" id="5" v-model="testData.checkOne.value" />
			Warnings
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			<input type="checkbox" name="ball" value="Language" id="6" v-model="testData.checkOne.value" />
			Organizer
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			<input type="checkbox" name="ball" value="Language" id="7" v-model="testData.checkOne.value" />
			Signature
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			<input type="checkbox" name="ball" value="Language" id="8" v-model="testData.checkOne.value" />
			A short description of the event
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			<input type="checkbox" name="ball" value="Language" id="9" v-model="testData.checkOne.value" />
			Contact information
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			<input type="checkbox" name="ball" value="Language" id="10" v-model="testData.checkOne.value" />
			Pictures of the event
			</p>
			</div>
			</div>
			<p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer">
			答案：Name of the event,Date & time,Address,Organizer
			</p>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -2680,44 +3488,82 @@
			lobby of Student Center at</b>6：00-8：00<b> November</b>16<b>.You're in charge of publicity in the club
			and are required to
			design a poster for the contest.Complete the necessary
			information in the following poster.</b>
			information in the following poster.</b> <span class="btn-box"
			@click="showAnswerTwelve = !showAnswerTwelve">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<p class="center">
			<div class="center poster-img">
			<img class="img-a" alt="" src="../../assets/images/0026-1.jpg" />
			<input :disabled="testData.isComplete" type="text" class="poster-input-box-one" v-model="testData.in.one"
			@change="setTestData" />
			<input :disabled="testData.isComplete" type="text" class="poster-input-box-two" v-model="testData.in.one"
			@change="setTestData" />
			<input :disabled="testData.isComplete" type="text" class="poster-input-box-three"
			v-model="testData.in.one" @change="setTestData" />
			<input :disabled="testData.isComplete" type="text" class="poster-input-box-four" v-model="testData.in.one"
			@change="setTestData" />
			</div>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5 tl-lf" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
			答案：
			<img class="w100" src="../../assets/images/PosterFilling.png">
			</p>
			<p>
			<b>Ⅲ.Your class has prepared a Chinese culture exhibition for
			foreign exchange students.Your group takes the responsibility of
			designing a poster for it.Discuss with your partner and try to
			answer the questions below to find out what information is
			needed.</b>
			needed.</b> <span class="btn-box" @click="showAnswerThirteen = !showAnswerThirteen">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<div class="dy1-bj4">
			<p class="center"><b>Information to put into our poster</b></p>
			<p class="center"><b>Information to put into our poster</b>
			</p>
			</div>
			<div class="dy1-bj5">
			<p>1.What can be the title of the exhibition?</p>
			<p>
			<input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
			v-model="testData.in.one" @change="setTestData" />
			<p class="tl-lf">1.What can be the title of the exhibition?
			<textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
			style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>
			<p>2.What should be included in the exhibition?</p>
			<p><input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
			v-model="testData.in.one" @change="setTestData" /></p>
			<p>3.Where will the exhibition be held?</p>
			<p><input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
			v-model="testData.in.one" @change="setTestData" /></p>
			<p>4.When will the exhibition be held?</p>
			<p><input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
			v-model="testData.in.one" @change="setTestData" /></p>
			<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showlessonThreeQuestionAnswer">
			<span>答案：</span>
			<p>1、 Traditional handicraft show</p>
			<p>2、 Various handicrafts made by Chinese students in theirtraditional Chinese culture courses</p>
			<p>3、 Students activity center.</p>
			<p>4、 November 13th -- 19th</p>
			</div>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
			答案： Traditional handicraft show
			</p>
			<p class="tl-lf">2.What should be included in the exhibition?
			<textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
			style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>

			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5 tl-lf" style="margin-left: 40px; width: 91%"
			v-if="showAnswerThirteen">
			答案： Various handicrafts made by Chinese students in theirtraditional Chinese culture courses
			</p>
			<p class="tl-lf">3.Where will the exhibition be held?
			<textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
			style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
			答案：Students activity center
			</p>
			<p class="tl-lf">4.When will the exhibition be held?
			<textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
			style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
			答案： November 13th -- 19th
			</p>
			<p>...</p>
			</div>
			</div>
			@@ -2745,9 +3591,17 @@
			Ⅳ<b>.Design a poster for the exhibition according to the
			information in the table above.</b>
			</p>
			<p class="center">
			<div class="center poster-design">
			<img class="img-b" alt="" src="../../assets/images/0027-1.jpg" />
			</p>
			<input :disabled="testData.isComplete" type="text" class="poster-input-box-five" v-model="testData.in.one"
			@change="setTestData" />
			<input :disabled="testData.isComplete" type="text" class="poster-input-box-six" v-model="testData.in.one"
			@change="setTestData" />
			<input :disabled="testData.isComplete" type="text" class="poster-input-box-seven"
			v-model="testData.in.one" @change="setTestData" />
			<input :disabled="testData.isComplete" type="text" class="poster-input-box-eight"
			v-model="testData.in.one" @change="setTestData" />
			</div>
			<div class="un-h2">
			<h2 id="b004">Unit Project</h2>
			</div>
			@@ -2801,12 +3655,55 @@
			<div class="fieldset-1">
			<p class="center">
			<b>Questions You May Ask When Planning an Event</b>
			<span class="btn-box" @click="showAnswerFourteen = !showAnswerFourteen">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<p>How many people do you need to make the event happen?</p>
			<!-- 文本框 -->
			<textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
			答案： (1)posters   (2)Wechat public account   (3)Campus
			radio   (4)Campus TV station   (5)Notice
			</p>
			<p>What resources do you need?</p>
			<textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
			答案： (1)posters   (2)Wechat public account   (3)Campus
			radio   (4)Campus TV station   (5)Notice
			</p>
			<p>What does the audience need to know?</p>
			<textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
			答案： (1)posters   (2)Wechat public account   (3)Campus
			radio   (4)Campus TV station   (5)Notice
			</p>
			<p>What will hold the audience’s interest?</p>
			<textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
			答案： (1)posters   (2)Wechat public account   (3)Campus
			radio   (4)Campus TV station   (5)Notice
			</p>
			<p>What do you hope to achieve through this event?</p>
			<textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
			答案： (1)posters   (2)Wechat public account   (3)Campus
			radio   (4)Campus TV station   (5)Notice
			</p>
			</div>
			<!-- 提交按钮 -->
			<div class="w100 fl">
			@@ -2822,11 +3719,161 @@
			</button>
			</li>
			<li>
			<button @click="showlessonThreeQuestionAnswer = !showlessonThreeQuestionAnswer" class="parimary-btn">
			<button @click="
			showlessonThreeQuestionAnswer =
			!showlessonThreeQuestionAnswer
			" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</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 class="preface-bottom">
			@@ -2852,16 +3899,23 @@
			data() {
			return {
			imgThirteen: require("../../assets/images/grammar.jpg"),
			imgThirteenOne: require("../../assets/images/grammar1-2.png"),
			showAnswerOne: false,
			showAnswerTwo: false,
			showAnswerThree: false,
			showAnswerFour: false,
			showAnswerFive: false,
			showAnswerSex: false,
			showAnswerSix: false,
			showAnswerSeven: false,
			showAnswerEight: false,
			showAnswerNine: false,
			showAnswerTen: false,
			showAnswerEleven: false,
			showAnswerTwelve: false,
			showAnswerThirteen: false,
			showAnswerFourteen: false,
			showImg: false,
			showImgOne: false,
			showQuestionAnswer: false,
			showlessonTwoQuestionAnswer: false,
			showlessonThreeQuestionAnswer: false,
			@@ -3017,13 +4071,45 @@
			},
			seven: "",
			},
			lessonThree: {
			one: {
			value: "",
			isRight: null,
			answer: "culture",
			},
			two: {
			value: "",
			isRight: null,
			answer: "explore",
			},
			three: {
			value: "",
			isRight: null,
			answer: "subways",
			},
			four: {
			value: "",
			isRight: null,
			answer: "convenient",
			},
			five: {
			value: "",
			isRight: null,
			answer: "surprising",
			},
			six: {
			value: "",
			isRight: null,
			answer: "beach",
			},
			},
			reading: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			sex: "",
			six: "",
			},
			table: {
			one: "",
			@@ -3033,8 +4119,18 @@
			five: "",
			six: "",
			seven: "",
			enight: "",
			eight: "",
			nine: "",
			ten: "",
			eleven: "",
			twelve: "",
			thirteen: "",
			fourteen: "",
			fifteen: "",
			sixteen: "",
			seventeen: "",
			eighteen: "",
			nineteen: "",
			},
			},
			testData: {
			@@ -3042,6 +4138,11 @@
			check: {
			isRight: null,
			answer: ["Culture", "Cuisine", "Landscapes"],
			value: [],
			},
			checkOne: {
			isRight: null,
			answer: ["Name of the event", "Date & time", "Address", "Organizer"],
			value: [],
			},
			tx: {
			@@ -3086,7 +4187,118 @@
			three: "",
			four: "",
			five: "",
			answer: ["whether", "if", "whether", "whether", "if"],
			answer: ["whether", "if", "whether", "whether", "If"],
			},
			},
			testOneData: {
			isComplete: false,
			// 选择
			dropdownChoiceData: {
			dropDownListChoice: [
			"A",
			"B",
			"C",
			],
			one: {
			value: "",
			isRight: null,
			answer: "B",
			},
			two: {
			value: "",
			isRight: null,
			answer: "C",
			},
			three: {
			value: "",
			isRight: null,
			answer: "A",
			},
			},
			// 判断
			dropdownDetermineData: {
			dropDownListDetermine: [
			"T",
			"F",
			],
			one: {
			value: "",
			isRight: null,
			answer: "T",
			},
			two: {
			value: "",
			isRight: null,
			answer: "F",
			},
			three: {
			value: "",
			isRight: null,
			answer: "T",
			},
			four: {
			value: "",
			isRight: null,
			answer: "F",
			},
			five: {
			value: "",
			isRight: null,
			answer: "T",
			}
			},
			// 词义转换
			lf: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			answer: ["witnessed", "extraordinary", "via", "era", "pace"],
			},
			// 完形填空
			ct: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			answer: ["went through", "Type in", "a matter of", "well off", "Last but not least"],
			},
			// 句子结构
			dropdownStructureData: {
			dropDownListStructure: [
			"S+V",
			"S+V+O",
			"S+V+C",
			"S+V+O+O",
			"S+V+O+C",
			],
			one: {
			value: "",
			isRight: null,
			answer: "S+V+C",
			},
			two: {
			value: "",
			isRight: null,
			answer: "S+V+O",
			},
			three: {
			value: "",
			isRight: null,
			answer: "S+V+O+O",
			},
			four: {
			value: "",
			isRight: null,
			answer: "S+V+O+C",
			},
			five: {
			value: "",
			isRight: null,
			answer: "S+V",
			}
			},
			},
			resource: {
			@@ -3154,6 +4366,10 @@
			if (dropdownData) {
			this.dropdownData = JSON.parse(dropdownData);
			}
			const testOneData = localStorage.getItem("english-lessonTwo");
			if(testOneData){
			this.testOneData = JSON.parse(testOneData);
			}
			this.getPath();
			},
			methods: {
			@@ -3163,11 +4379,40 @@
			setTestData() {
			localStorage.setItem("english-testOne", JSON.stringify(this.testData));
			},
			setTestOneData(){
			localStorage.setItem("english-lessonTwo", JSON.stringify(this.testOneData));
			},
			changeTestOneData(){
			localStorage.removeItem("english-lessonTwo")
			const TestOneData = this.testOneData
			for(let key in TestOneData ){
			let item = TestOneData[key]
			if( key != "lf" && key != "ct" && key != "isComplete" ){
			for(let keys in item){
			const citem = item[keys]
			if( keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure" ){
			citem.value = ""
			citem.isRight = null
			}
			}
			}else if( key != "isComplete"){

			}
			}
			this.$set(this.testOneData, "isComplete", false);
			this.testOneData = TestOneData;
			this.showlessonTwoQuestionAnswer = false;
			},
			changeTestData() {
			localStorage.removeItem("english-testOne");
			this.testData = {
			isComplete: false,
			check: {
			isRight: null,
			answer: ["Culture", "Cuisine", "Landscapes"],
			value: [],
			},
			checkOne: {
			isRight: null,
			answer: ["Culture", "Cuisine", "Landscapes"],
			value: [],
			@@ -3214,7 +4459,7 @@
			three: "",
			four: "",
			five: "",
			answer: ["whether", "if", "whether", "whether", "if"],
			answer: ["whether", "if", "whether", "whether", "If"],
			},
			};
			},
			@@ -3250,7 +4495,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") {
			@@ -3285,6 +4533,39 @@
			: (this.questionData.warnUp.six.isRight = null);
			}
			},
			handleListeningQuestion(type) {
			if (type == "one") {
			this.questionData.lessonThree.one.value
			? (this.questionData.lessonThree.one.isRight =
			this.questionData.lessonThree.one.value == "culture")
			: (this.questionData.lessonThree.one.isRight = null);
			} else if (type == "two") {
			this.questionData.lessonThree.two.value
			? (this.questionData.lessonThree.two.isRight =
			this.questionData.lessonThree.two.value == "explore")
			: (this.questionData.lessonThree.two.isRight = null);
			} else if (type == "three") {
			this.questionData.lessonThree.three.value
			? (this.questionData.lessonThree.three.isRight =
			this.questionData.lessonThree.three.value == "subways")
			: (this.questionData.lessonThree.three.isRight = null);
			} else if (type == "four") {
			this.questionData.lessonThree.four.value
			? (this.questionData.lessonThree.four.isRight =
			this.questionData.lessonThree.four.value == "convenient")
			: (this.questionData.lessonThree.four.isRight = null);
			} else if (type == "five") {
			this.questionData.lessonThree.five.value
			? (this.questionData.lessonThree.five.isRight =
			this.questionData.lessonThree.five.value == "surprising")
			: (this.questionData.lessonThree.five.isRight = null);
			} else if (type == "six") {
			this.questionData.lessonThree.six.value
			? (this.questionData.lessonThree.six.isRight =
			this.questionData.lessonThree.six.value == "beach")
			: (this.questionData.lessonThree.six.isRight = null);
			}
			},
			handleDropdown(type) {
			const dropdownDatas = this.dropdownData;
			for (let key in dropdownDatas) {
			@@ -3298,19 +4579,19 @@
			}
			}
			this.dropdownData = dropdownDatas;
			this.$set(this.dropdownData, 'isComplete', true)
			this.setDropdownData()
			this.$set(this.dropdownData, "isComplete", true);
			this.setDropdownData();
			},
			changeDropdown() {
			localStorage.removeItem("english-dropdown-one");
			for (let key in this.dropdownData) {
			let item = this.dropdownData[key];
			if (key != 'isComplete') {
			if (key != "isComplete") {
			item.value = "";
			item.isRight = null;
			}
			}
			this.$set(this.dropdownData, 'isComplete', false)
			this.$set(this.dropdownData, "isComplete", false);
			},
			setDropdownData() {
			localStorage.setItem(
			@@ -3342,6 +4623,24 @@
			this.setTestData();
			this.showQuestionAnswer = true;
			},
			savaDataOne(){
			const dropdownDatas = this.testOneData;
			for (let key in dropdownDatas) {
			let item = dropdownDatas[key];
			if( key != "lf" && key != "ct" && key != "isComplete" ){
			for( let keys in item ){
			const citem = item[keys]
			if( keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure" ){
			citem.value == citem.answer ? citem.isRight = true : citem.isRight = false;
			}
			}
			}
			}
			this.testOneData = dropdownDatas;
			this.$set(this.testOneData, "isComplete", true);
			this.setTestOneData();
			this.showlessonTwoQuestionAnswer = true ;
			},
			isShowRight(answer, userAnswer, data) {
			let flag = null;
			if (userAnswer.indexOf(data) > -1) {
			@@ -3349,10 +4648,10 @@
			}
			return flag;
			},
			isTextRight(answer, data) {
			isTextRight(answer, data, num) {
			let flag = null;
			if (data) {
			flag = answer.indexOf(data) > -1 ? true : false;
			flag = answer[num] == data
			}
			return flag;
			},
			@@ -3443,4 +4742,127 @@
			outline: none;
			}
			}

			.poster-img {
			width: 100%;
			position: relative;
			}

			.poster-input-box-one {
			width: 32%;
			height: 10%;
			position: absolute;
			top: 35%;
			left: 7%;
			border: 0;
			border-bottom: 1px solid #000000;

			&:focus {
			outline: none;
			}
			}

			.poster-input-box-two {
			width: 24%;
			height: 6%;
			position: absolute;
			bottom: 33%;
			left: 7%;
			border: 0;
			border-bottom: 1px solid #000000;

			&:focus {
			outline: none;
			}
			}

			.poster-input-box-three {
			width: 24%;
			height: 6%;
			position: absolute;
			bottom: 21%;
			left: 7%;
			border: 0;
			border-bottom: 1px solid #000000;

			&:focus {
			outline: none;
			}
			}

			.poster-input-box-four {
			width: 25%;
			height: 6%;
			position: absolute;
			bottom: 7%;
			right: 21%;
			border: 0;
			border-bottom: 1px solid #000000;

			&:focus {
			outline: none;
			}
			}

			// 第二个海报填写（相对定位）
			.poster-design {
			width: 100%;
			position: relative;
			}

			.poster-input-box-five {
			width: 23%;
			height: 10%;
			position: absolute;
			top: 12%;
			left: 26%;
			border: 0;
			border-bottom: 1px solid #000000;

			&:focus {
			outline: none;
			}
			}

			.poster-input-box-six {
			width: 16%;
			height: 10%;
			position: absolute;
			top: 38%;
			left: 20%;
			border: 0;
			border-bottom: 1px solid #000000;

			&:focus {
			outline: none;
			}
			}

			.poster-input-box-seven {
			width: 16%;
			height: 10%;
			position: absolute;
			bottom: 33%;
			left: 20%;
			border: 0;
			border-bottom: 1px solid #000000;

			&:focus {
			outline: none;
			}
			}

			.poster-input-box-eight {
			width: 16%;
			height: 10%;
			position: absolute;
			bottom: 15%;
			left: 37%;
			border: 0;
			border-bottom: 1px solid #000000;

			&:focus {
			outline: none;
			}
			}
			</style>