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
			@@ -359,7 +359,7 @@
			shadow puppet show, traditional Chinese medicine, Peking Opera
			scenery
			</p>
			<p class="center"><b>My Experience in Wonderland</b></p>
			<p class="center"><b>My Experience in <span class="word-bc" @click="saveWord($event, 'Wonderland')">Wonderland</span> </b></p>
			<p class="center">
			<audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
			</p>
			@@ -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">
			答案：孔子开创了平民化的教育。
			@@ -1132,7 +1133,7 @@
			</span>
			</p>
			<div class="openImgBox" v-if="showImg">
			<img class="w100" :src="imgThirteen" />
			<img class="w100" :src="imgThirteen" />
			</div>
			<p>A.Combine the following sentences into if-clauses.</p>
			<p>
			@@ -1303,7 +1304,7 @@
			</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.
			@@ -1335,8 +1336,8 @@
			5.If
			</p>
			<!-- 提交按钮 -->
			<div class="w100 fl">
			<ul class="fl ju-ar w100">
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev" style="width:80%">
			<li>
			<button class="btn-border btn-w" @click="saveData">
			提交
			@@ -1446,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>
			@@ -1485,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">
			@@ -1913,7 +1914,7 @@
			<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,7 +1926,7 @@
			<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">
			<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
			@@ -2020,12 +2021,12 @@
			</p>
			<p>
			The five aspects that I mentioned above changed the life of
			millions of people around China.The Chinese
			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
			years and witnessed China’s
			<span class="word-bc" @click="saveWord($event, 'potential')">potential</span>
			.
			</p>
			@@ -2182,28 +2183,79 @@
			blanks.
			</p>
			<p>
			( <select v-model="dropdownData.one.value" style="width: 8%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			( <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.
			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>
			( <select v-model="dropdownData.one.value" style="width: 8%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			( <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>
			( <select v-model="dropdownData.one.value" style="width: 8%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			( <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">
			@@ -2214,46 +2266,129 @@
			(F).
			</p>
			<p>
			( <select v-model="dropdownData.one.value" style="width: 8%">
			<option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
			( <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>
			( <select v-model="dropdownData.one.value" style="width: 8%">
			<option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
			( <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.
			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>
			( <select v-model="dropdownData.one.value" style="width: 8%">
			<option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
			( <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.
			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>
			( <select v-model="dropdownData.one.value" style="width: 8%">
			<option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
			( <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 v-model="dropdownData.one.value" style="width: 8%">
			<option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
			( <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">
			@@ -2266,28 +2401,139 @@
			</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">
			@@ -2304,9 +2550,31 @@
			</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
			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>
			@@ -2330,24 +2598,112 @@
			<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
			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" />.
			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="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
			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">
			@@ -2366,7 +2722,7 @@
			</span>
			</p>
			<div class="openImgBox" v-if="showImgOne">
			<img class="w100" :src="imgThirteenOne" />
			<img class="w100" :src="imgThirteenOne" />
			</div>
			<p>
			Read the examples and write down the sentence structure of the
			@@ -2387,42 +2743,130 @@
			</p>
			</div>
			<p>
			1.It is actually an online shopping website.( <select v-model="dropdownData.one.value" style="width: 15%">
			<option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
			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 v-model="dropdownData.one.value"
			style="width: 15%">
			<option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
			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. ( <select v-model="dropdownData.one.value" style="width: 15%">
			<option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
			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. ( <select v-model="dropdownData.one.value" style="width: 15%">
			<option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
			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. ( <select v-model="dropdownData.one.value" style="width: 15%">
			<option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
			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">
			@@ -2433,12 +2877,12 @@
			<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>
			@@ -2502,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>
			@@ -2510,10 +2955,10 @@
			</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>
			@@ -2565,43 +3010,294 @@
			</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
			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 :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
			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 :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
			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 :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
			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">
			<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>
			@@ -2609,6 +3305,13 @@
			<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>
			@@ -2649,11 +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">
			<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"
			@@ -2665,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">
			<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"
			@@ -2683,7 +3391,7 @@
			<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>
			@@ -2702,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">
			@@ -2778,53 +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 class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
			答案： Traditional handicraft show
			</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 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>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 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>
			<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="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>
			@@ -2852,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>
			@@ -2908,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">
			@@ -2937,6 +3727,153 @@
			</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">
			@@ -2968,10 +3905,15 @@
			showAnswerThree: false,
			showAnswerFour: false,
			showAnswerFive: false,
			showAnsweSix: 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,
			@@ -3129,6 +4071,38 @@
			},
			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: "",
			@@ -3145,7 +4119,7 @@
			five: "",
			six: "",
			seven: "",
			enight: "",
			eight: "",
			nine: "",
			ten: "",
			eleven: "",
			@@ -3164,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: {
			@@ -3211,6 +4190,117 @@
			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: {
			listenOne: "",
			readingOne: "",
			@@ -3227,22 +4317,6 @@
			"intercity train",
			"shared bike",
			"take-away service",
			],
			dropDownListOne: [
			"A",
			"B",
			"C",
			],
			dropDownListTwo: [
			"T",
			"F",
			],
			dropDownListThree: [
			"S+V",
			"S+V+O",
			"S+V+P",
			"S+V+O+O",
			"S+V+O+C",
			],
			dropdownData: {
			isComplete: false,
			@@ -3292,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: {
			@@ -3301,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: [],
			@@ -3391,7 +4498,7 @@
			} else if (type == "showImgOne") {
			this.showImgOne = !this.showImgOne;
			}
			setTimeout(()=>{ this.$emit("initViewer","")},500)
			setTimeout(() => { this.$emit("initViewer", "") }, 500)
			},
			handleQuestion(type) {
			if (type == "one") {
			@@ -3424,6 +4531,39 @@
			? (this.questionData.warnUp.six.isRight =
			this.questionData.warnUp.six.value == "Chinese chess")
			: (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) {
			@@ -3482,6 +4622,24 @@
			this.$set(this.testData, "isComplete", true);
			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;
			@@ -3584,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>