testbookLayout.git

			@@ -51,9 +51,204 @@
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0030-1.jpg" />
			</p>
			<div class="bor-g">
			<div class="fl w100">
			<div class="fl w50">
			<div class="fd-c w20" style="margin-right: 5%;">
			<div class="h50">
			France:
			</div>
			<div class="h50">
			China:
			</div>
			</div>
			<div class="fd-c w80">
			<div class="h50">
			<span class="mr-10">
			<select :disabled="warmUp.isComplete" v-model="warmUp.one.value" style="width: 35%"
			@change="setWarmUp">
			<option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</span>
			<span class="">
			<select :disabled="warmUp.isComplete" v-model="warmUp.one.values" style="width: 35%"
			@change="setWarmUp">
			<option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</span>
			<span class="icon-box-big">
			<svg v-if="warmUp.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="warmUp.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>
			</div>
			<div class="h50">
			<span class="mr-10">
			<select :disabled="warmUp.isComplete" v-model="warmUp.two.value" style="width: 35%"
			@change="setWarmUp">
			<option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</span>
			<span>
			<select :disabled="warmUp.isComplete" v-model="warmUp.two.values" style="width: 35%"
			@change="setWarmUp">
			<option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</span>
			<span class="icon-box-big">
			<svg v-if="warmUp.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="warmUp.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>
			</div>
			</div>
			</div>
			<div class="fl w50">
			<div class="fd-c w20" style="margin-right: 5%;">
			<div class="h50">
			Italy:
			</div>
			<div class="h50">
			Brazil:
			</div>
			</div>
			<div class="fd-c w80">
			<div class="h50">
			<span class="mr-10">
			<select :disabled="warmUp.isComplete" v-model="warmUp.three.value" style="width: 35%"
			@change="setWarmUp">
			<option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</span>
			<span class="">
			<select :disabled="warmUp.isComplete" v-model="warmUp.three.values" style="width: 35%"
			@change="setWarmUp">
			<option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</span>
			<span class="icon-box-big">
			<svg v-if="warmUp.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="warmUp.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>
			</div>
			<div class="h50">
			<span class="mr-10">
			<select :disabled="warmUp.isComplete" v-model="warmUp.four.value" style="width: 35%"
			@change="setWarmUp">
			<option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</span>
			<span>
			<select :disabled="warmUp.isComplete" v-model="warmUp.four.values" style="width: 35%"
			@change="setWarmUp">
			<option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>
			</span>
			<span class="icon-box-big">
			<svg v-if="warmUp.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="warmUp.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>
			</div>
			</div>
			</div>
			</div>
			<!-- 提交按钮 -->
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev w80">
			<li>
			<button class="btn-border btn-w" @click="saveData">
			提交
			</button>
			</li>
			<li>
			<button @click="changeWarmUp" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="showWarmUpAnswer = !showWarmUpAnswer" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showWarmUpAnswer">
			答案： 1.France: 2,c   2.Italy: 3,a   3.China: 4,b
			4.Brazil: 1,d
			</p>
			</div>
			<p>
			<b>Ⅱ.What are the customs and cultures of other countries you
			know? Work with your partner to complete the table below.</b>
			<span class="btn-box" @click="showAnswerWp = !showAnswerWp">
			<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>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			@@ -97,11 +292,17 @@
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.enight"
			<textarea v-model="questionData.table.eight"
			class="w100 table-tr-bc b0 table-textarea textarea-box-right" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<div class="show-answer-box" v-if="showAnswerWp">
			<div>答案:</div>
			<div>
			<img src="../../assets/images/M2LessonOneWarmUp.png" alt="" class="w100" />
			</div>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -123,43 +324,189 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<h3 id="c011"><span class="bjh3">Listening</span></h3>
			<audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
			<h3 id="c011" class="fl al-cn">
			<span class="bjh3">Listening</span>
			<!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
			</h3>
			<p>
			<b>Four people are sharing their experiences of working with their
			colleagues.Listen to the recording and mark the true statements
			according to the speaker.</b>
			</p>
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0031-3.jpg" />
			</p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14 w100">
			<!-- 第一行 -->
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc" rowspan="2">Speaker 1</td>
			<td class="bor-b-n">
			<input type="radio" name="ball" value="a" id="1" v-model="radioOne[0].value[0].userAnswer" @change="savaRadioOne" /> A. I can
			understand my foreign colleagues because they are straightforward.
			<img :src="radioOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[0].userAnswer === 'a'">
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="bor-t-n">
			<input type="radio" name="ball" value="b" id="2" v-model="radioOne[0].value[0].userAnswer" @change="savaRadioOne" /> B. My
			foreign
			colleagues just nod and agree with me when we have a discussion.
			<img :src="radioOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[0].userAnswer === 'b' ">
			</td>
			</tr>
			<!-- 第二行 -->
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc" rowspan="2">Speaker 2</td>
			<td class="bor-b-n">
			<input type="radio" name="ballOne" value="a" id="3" v-model="radioOne[0].value[1].userAnswer" @change="savaRadioOne" /> A. My
			foreign
			boss closely oversees our work and criticizes us for our mistakes.
			<img :src="radioOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[1].userAnswer === 'a'">
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="bor-t-n">
			<input type="radio" name="ballOne" value="b" id="4" v-model="radioOne[0].value[1].userAnswer" @change="savaRadioOne" /> B. My
			foreign
			boss is very hands-off and gives us a lot freedom to do things.
			<img :src="radioOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[1].userAnswer === 'b'">
			</td>
			</tr>
			<!-- 第三行 -->
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc" rowspan="2">Speaker 3</td>
			<td class="bor-b-n">
			<input type="radio" name="ballTwo" value="a" id="5" v-model="radioOne[0].value[2].userAnswer" @change="savaRadioOne" /> A. My
			Chinese
			colleagues always stay late in the ofice or bring work home.
			<img :src="radioOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[2].userAnswer === 'a'">
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="bor-t-n">
			<input type="radio" name="ballTwo" value="b" id="6" v-model="radioOne[0].value[2].userAnswer" @change="savaRadioOne" /> B. My
			Chinese
			colleagues manage to get their work done during working hours.
			<img :src="radioOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[2].userAnswer === 'b'">
			</td>
			</tr>
			<!-- 第四行 -->
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc" rowspan="2">Speaker 4</td>
			<td class="bor-b-n">
			<input type="radio" name="ballThree" value="a" id="7" v-model="radioOne[0].value[3].userAnswer" @change="savaRadioOne" /> A.
			My Chinese
			colleagues deal with issues more objectively
			<img :src="radioOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[3].userAnswer === 'a'">
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="bor-t-n">
			<input type="radio" name="ballThree" value="b" id="8" v-model="radioOne[0].value[3].userAnswer" @change="savaRadioOne" /> B.
			My Chinese
			colleagues are likely to take things personally
			<img :src="radioOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[3].userAnswer === 'b'">
			</td>
			</tr>
			</table>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="radioOne[0].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item, index) in radioOne[0].value" :key="index" class="mr-20">
			{{ item.answer }}
			</span>
			</div>
			<!-- 提交按钮 -->
			<div class="w100 fl">
			<ul class="fl ju-ar w100">
			<li>
			<button class="btn-border btn-w" @click="handleRadioOne">
			提交
			</button>
			</li>
			<li>
			<button @click="changeRadioOne" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="viewRadioOne" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<h3 id="c012"><span class="bjh3">Reading</span></h3>
			<audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
			<p>
			1.Culture shock is a normal part of the life when moving somewhere
			new,such as travelling abroad,or studying abroad.So,what’s the
			definition of culture shock?
			<span class="btn-box" @click="showAnswerOne = !showAnswerOne">
			<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>
			<textarea v-model="questionData.reading.one" 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="showAnswerOne">
			答案：Culture shock is a normal process of adapting to a new culture" ltis a time when a person becomes aware
			of the differences orconflicts in values and customs between their home culture andthe new culture they
			are in,Common feelings may be anxiety,confusion, homesickness or anger.
			</p>
			<p>
			2.Can you offer some examples of culture shock in regard to
			different languages,different table manners or different food
			customs?
			<span class="btn-box" @click="showAnswerTwo = !showAnswerTwo">
			<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>
			<textarea v-model="questionData.reading.two" 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="showAnswerTwo">
			答案：(1)In Japanese culture, using the wrong levelDolitene5saddress1ng5omeone can beenconsidered rude or
			disrespectful
			(2)German tends to be a more direct language, while English speakers often use indirectlanguage for
			opinions. For instance, in German, one might say "Close the window", whereas inEnglish, it could be "could
			you please close the window?" The directness in German mightcome across as rude to some English speakers.
			(3)Mandarin Chinese has four different tones, and the meaning of a word can change entirelydepending on
			the tone used, Mispronouncing tones can lead to misunderstanding
			</p>
			<p class="center"><b>Challenges of Working Across Cultures</b></p>
			<p class="center">
			<audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
			</p>

			<p>
			It is not a secret that a company’s success is heavily based on
			its people.An employee is defined by his/her talents,knowledge and
			abilities.This is the “visible” side of an employee.The
			“hidden”side,which is also important,is the cultural identity.The
			its people.An employee is
			<span class="word-bc">defined</span>
			by his/her talents,knowledge and
			abilities.This is the
			“<span class="word-bc">visible</span>”
			side of an employee.The
			“hidden”side,which is also important,is the cultural
			<span class="word-bc">identity</span>
			.The
			culture of an employee impacts his/her views on life,work,business
			relationships and how they handle challenges.There are some issues
			that may arise when working in a cross-cultural environment.
			relationships and how they
			<span class="word-bc">handle</span>
			challenges.There are some issues
			that may
			<span class="word-bc">arise</span>
			when working in a cross-cultural environment.
			</p>
			<p>
			When your colleagues speak different languages,it is easy to
			misunderstand each other.When I applied for the position at an
			international trade company,during the interview,my
			interviewer,who is from Egypt,was saying “quote”,but to me,it
			interviewer,who is from Egypt,was saying
			“<span class="word-bc">quote</span>”
			,but to me,it
			sounded like “court”.It took me a while to
			</p>
			</div>
			@@ -185,7 +532,9 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p>
			understand what he meant,and I still remember how confused I felt
			understand what he meant,and I still remember how
			<span class="word-bc">confused</span>
			I felt
			when I had to reply without knowing what he was asking about.You
			may feel uncomfortable to ask your conversation partner to repeat
			the sentence.However,it will save you from making mistakes and
			@@ -193,36 +542,52 @@
			understand him.
			</p>
			<p>
			Things that are normal or routine in one culture can be totally
			unacceptable in another culture.In my home country of Latvia,it is
			Things that are normal or
			<span class="word-bc">routine</span>
			in one culture can be totally
			<span class="word-bc">unacceptable</span>
			in another culture.In my home country of Latvia,it is
			a normal practice not to expect replies by email after normal
			working hours and I will only disturb a colleague if the matter is
			working hours and I will only
			<span class="word-bc">disturb</span>
			a colleague if the matter is
			very serious.However,in other countries,like Russia and Egypt,the
			tendency is to work 24/7 in response to the industry needs.Get
			<span class="word-bc">tendency</span>
			is to work 24/7 in response to the industry needs.Get
			familiar with the behavior patterns accepted in your colleagues’
			countries,and learn about their traditions,you will finally find
			the best way to respectfully communicate.
			countries,and learn about their
			<span class="word-bc">traditions</span>
			,you will finally find the best way to respectfully communicate.
			</p>
			<p>
			Language and cultural barriers can cause frustration.Don’t let
			Language and cultural
			<span class="word-bc">barriers</span>
			can cause
			<span class="word-bc">frustration</span>
			.Don’t let
			emotions take over.Think about the objective you want to
			reach,make an effort to understand the other person and use the
			most appropriate means for it.For example,email does not convey
			most
			<span class="word-bc">appropriate</span>
			means for it.For example,email does not convey
			the speaker’s emotions and limits the possibility to ask
			questions.Calling someone on the phone and hearing his/her tone
			questions.Calling someone on the phone and hearing his/her
			<span class="word-bc">tone</span>
			can make the communication more smooth,and you will be surprised
			by the level of understanding you will receive in return.
			</p>
			<p>
			Working with colleagues from other countries or cultures can at
			times be challenging,but it is so rewarding when you can learn
			times be challenging,but it is so
			<span class="word-bc">rewarding</span>
			when you can learn
			from each other and open your eyes to other ways of life.
			</p>
			<p class="fl al-cn mt-40">
			<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
			<span class="line-border-box"></span>
			</p>
			<audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
			<audio :src="resource.readingTwo" controls class="audio"></audio>
			<p>define /dɪˈfaɪn/ <i>v.</i> 给……下定义</p>
			<div class="bkbj">
			<p><i>to state precisely the meaning of sth.</i></p>
			@@ -377,33 +742,181 @@
			<p class="center">
			<img class="img-b" alt="" src="../../assets/images/0034-1.jpg" />
			</p>
			<p>1.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p>
			<p>2.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.rp.two" @change="setQuestionDataOne" /></p>
			<p>3.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.rp.three" @change="setQuestionDataOne" /></p>
			<p>4.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.rp.four" @change="setQuestionDataOne" /></p>
			<p>5.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.rp.five" @change="setQuestionDataOne" /></p>
			<p>6.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.rp.six" @change="setQuestionDataOne" /></p>
			<p>
			B.Decide whether the following statements are true (T) or false
			(F).
			</p>
			<p>
			(　) 1.An employee is usually defined by his/her talents and
			(<select class="select-border" :disabled="questionDataOne.isComplete"
			v-model="questionDataOne.determineData.one.value" style="width: 8%">
			<option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>) 1.An employee is usually defined by his/her talents
			and
			abilities.
			<span class="icon-box-big">
			<svg v-if="questionDataOne.determineData.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="questionDataOne.determineData.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.During the interview,I didn’t have difficulty in
			(<select class="select-border" :disabled="questionDataOne.isComplete"
			v-model="questionDataOne.determineData.two.value" style="width: 8%">
			<option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>) 2.During the interview,I didn’t have difficulty in
			understanding my interviewer.
			<span class="icon-box-big">
			<svg v-if="questionDataOne.determineData.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="questionDataOne.determineData.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.In Latvia,it is normal to expect replies by email after
			(<select class="select-border" :disabled="questionDataOne.isComplete"
			v-model="questionDataOne.determineData.three.value" style="width: 8%">
			<option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>) 3.In Latvia,it is normal to expect replies by email
			after
			normal working hours.
			<span class="icon-box-big">
			<svg v-if="questionDataOne.determineData.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="questionDataOne.determineData.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.Learning about your colleagues’ traditions can help you
			(<select class="select-border" :disabled="questionDataOne.isComplete"
			v-model="questionDataOne.determineData.four.value" style="width: 8%">
			<option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>) 4.Learning about your colleagues’ traditions can
			help you
			move forward.
			<span class="icon-box-big">
			<svg v-if="questionDataOne.determineData.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="questionDataOne.determineData.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.Email can make the communication more smooth because it
			(<select class="select-border" :disabled="questionDataOne.isComplete"
			v-model="questionDataOne.determineData.five.value" style="width: 8%">
			<option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>) 5.Email can make the communication more smooth
			because it
			conveys the emotions.
			<span class="icon-box-big">
			<svg v-if="questionDataOne.determineData.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="questionDataOne.determineData.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>
			(　) 6.We can learn a lot from each other when working in a
			(<select class="select-border" :disabled="questionDataOne.isComplete"
			v-model="questionDataOne.determineData.six.value" style="width: 8%">
			<option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
			{{ item }}
			</option>
			</select>) 6.We can learn a lot from each other when working in
			a
			cross-cultural environment.
			<span class="icon-box-big">
			<svg v-if="questionDataOne.determineData.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="questionDataOne.determineData.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>
			</p>
			<!-- 答案 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showLessonOneQuestionAnswer">
			答案： 1.F   2.F   3.F   4.T   5.F   6.T
			</p>
			<p><b>Ⅱ.Language focus.</b></p>
			<p>
			@@ -414,11 +927,86 @@
			<p>reward　disturb　tradition　accept　colleague　arise</p>
			</div>
			<p>
			1.Working with photographers is one of the most ________ parts of
			1.Working with photographers is one of the most <input :disabled="questionDataOne.isComplete" type="text"
			class="input-bottom-border" style="width: 100px" v-model="questionDataOne.choiceData.one"
			@change="setQuestionDataOne" /> parts
			of
			my job.
			<span>
			<svg v-if="
			questionDataOne.isComplete &&
			isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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="
			questionDataOne.isComplete &&
			isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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.All families must have ________ that they regularly follow.</p>
			<p>3.Being late is ________ in any working environment.</p>
			<p>2.All families must have <input :disabled="questionDataOne.isComplete" type="text"
			class="input-bottom-border" style="width: 100px" v-model="questionDataOne.choiceData.two"
			@change="setQuestionDataOne" /> that they regularly follow.
			<span>
			<svg v-if="
			questionDataOne.isComplete &&
			isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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="
			questionDataOne.isComplete &&
			isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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.Being late is <input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border"
			style="width: 100px" v-model="questionDataOne.choiceData.three" @change="setQuestionDataOne" /> in any
			working environment.
			<span>
			<svg v-if="
			questionDataOne.isComplete &&
			isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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="
			questionDataOne.isComplete &&
			isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -441,47 +1029,183 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p>
			4.Sarah’s ________ Li Lin made her feel welcome on her first day
			4.Sarah’s
			<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border" style="width: 100px"
			v-model="questionDataOne.choiceData.four" @change="setQuestionDataOne" />
			Li Lin made her feel welcome on her first day
			at work.
			<span>
			<svg v-if="
			questionDataOne.isComplete &&
			isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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="
			questionDataOne.isComplete &&
			isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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.Problems will ________ from communication between people from
			5.Problems will <input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border"
			style="width: 100px" v-model="questionDataOne.choiceData.five" @change="setQuestionDataOne" /> from
			communication between people
			from
			different cultures.
			<span>
			<svg v-if="
			questionDataOne.isComplete &&
			isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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="
			questionDataOne.isComplete &&
			isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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>
			6.I’m sorry to ________ you,but can I talk to you for a moment?
			6.I’m sorry to<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border"
			style="width: 100px" v-model="questionDataOne.choiceData.six" @change="setQuestionDataOne" /> you,but
			can I talk to you for a
			moment?
			<span>
			<svg v-if="
			questionDataOne.isComplete &&
			isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.six, 5)
			" 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="
			questionDataOne.isComplete &&
			isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.six, 5) == 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="showLessonOneQuestionAnswer">
			答案： 1.rewarding   2.traditions   3.unacceptable   4.colleague   5.arise
			6.disturb
			</p>
			<p>
			B.Underline the following expressions in the passage and make
			sentences with them.
			</p>
			<p>1.apply for____________________________________</p>
			<p>2.in response to________________________________</p>
			<p>3.get familiar with______________________________</p>
			<p>4.take over____________________________________</p>
			<p>5.make an effort________________________________</p>
			<p class="tl-lf">1.apply for
			<textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.one" placeholder="请输入内容"
			rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataOne"></textarea>
			</p>
			<p class="tl-lf">2.in response to
			<textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.two" placeholder="请输入内容"
			rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataOne"></textarea>
			</p>
			<p class="tl-lf">3.get familiar with
			<textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.three" placeholder="请输入内容"
			rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataOne"></textarea>
			</p>
			<p class="tl-lf">4.take over
			<textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.four" placeholder="请输入内容"
			rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataOne"></textarea>
			</p>
			<p class="tl-lf">5.make an effort
			<textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.five" placeholder="请输入内容"
			rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setQuestionDataOne"></textarea>
			</p>
			<!-- 例句 -->
			<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showLessonOneQuestionAnswer">
			<span>例句：</span>
			<p>1、I would like to apply for the position of sales assistant in your company.</p>
			<p>2、The product was developed in response to customer demand.</p>
			<p>3、It is important to get familiar with the company’s missions and values.</p>
			<p>4、As employees, we shouldn’t let negative thoughts take over.</p>
			<p>5、The company is making an effort to improve its services for local markets.</p>
			</div>
			<p>C.Translate the following sentences into Chinese.</p>
			<p>
			1.When working in a cross-cultural setting,there can be some
			language barriers among employees.
			</p>
			<p>_____________________________________________</p>
			<p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.tf.one" @change="setQuestionDataOne" /></p>
			<p>
			2.You could go for a walk or jog to manage your frustration at
			work.
			</p>
			<p>_____________________________________________</p>
			<p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.tf.two" @change="setQuestionDataOne" /></p>
			<p>
			3.They gave us some advice on how to correctly handle cultural
			differences in the workplace.
			</p>
			<p>_____________________________________________</p>
			<p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.tf.three" @change="setQuestionDataOne" /></p>
			<p>
			4.Wearing appropriate clothes in the office will make you feel
			comfortable and confident.
			</p>
			<p>_____________________________________________</p>
			<p><b>Ⅲ.Grammar focus:“it” as formal subject.</b></p>
			<p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.tf.four" @change="setQuestionDataOne" /></p>
			<!--答案 -->
			<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showLessonOneQuestionAnswer">
			<span> 答案：</span>
			<p>1、在跨文化环境中工作，员工之间可能会存在语言障碍。</p>
			<p>2、你可以通过散步或慢跑来调节工作中的沮丧情绪。</p>
			<p>3、他们就如何在工作中正确处理文化差异给了我们一些建议。</p>
			<p>4、在办公室穿着合适的衣服会让你感到舒适和自信。</p>
			</div>
			<p><b>Ⅲ.Grammar focus:“it” as formal subject.</b>
			<span class="btn-box" @click="showAnswer('showImg')">
			<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
			p-id="30865"></path>
			</svg>
			</span>
			</p>
			<div class="openImgBox" v-if="showImg">
			<img class="w100" :src="imgThirteen" />
			</div>
			<p>
			A.Read the example and underline the real subject that “it”
			represents in the following sentences.
			@@ -542,20 +1266,55 @@
			</p>
			</div>
			<p>1.To share new ideas with others makes us feel good.</p>
			<p>______________________________________________.</p>
			<p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.re.one" @change="setQuestionDataOne" /></p>
			<p>2.To get along well with colleagues is really important.</p>
			<p>______________________________________________.</p>
			<p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.re.two" @change="setQuestionDataOne" /></p>
			<p>
			3.To have an open mind towards a new culture is necessary in the
			workplace.
			</p>
			<p>_____________________________________________.</p>
			<p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.re.three" @change="setQuestionDataOne" /></p>
			<p>
			4.To think twice before acting is always necessary for everyone.
			</p>
			<p>______________________________________________.</p>
			<p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.re.four" @change="setQuestionDataOne" /></p>
			<p>5.You are very kind to help me with my sales report.</p>
			<p>______________________________________________.</p>
			<p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
			v-model="questionDataOne.re.five" @change="setQuestionDataOne" /></p>
			<!--答案 -->
			<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showLessonOneQuestionAnswer">
			<span> 答案：</span>
			<p>1、It makes us feel good to share new ideas with others.</p>
			<p>2、It is really important to get along well with colleagues.</p>
			<p>3、It is necessary to have an open mind towards a new culture in the workplace.</p>
			<p>4、It is always necessary for everyone to think twice before acting.</p>
			<p>5、It’s very kind of you to help me with my sales report.</p>
			</div>
			<!-- 提交按钮 -->
			<div class="w100 fl">
			<ul class="fl ju-ar w100">
			<li>
			<button class="btn-border btn-w" @click="saveDataOne">
			提交
			</button>
			</li>
			<li>
			<button @click="changeQuestionDataOne" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="showLessonOneQuestionAnswer = !showLessonOneQuestionAnswer" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<h3 id="c013"><span class="bjh3">Mini-project</span></h3>
			<p>
			Most foreigners in China have a hard time keeping up with Chinese
			@@ -586,33 +1345,33 @@
			<tr class="table-tr-bc">
			<td class="tl-cn">Eye Contact</td>
			<td>
			<textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.ten" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="wh-no tl-cn">Gift Exchange</td>
			<td>
			<textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.eleven" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.twelve" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="wh-no tl-cn">Table Manners</td>
			<td>
			<textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.thirteen" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.fourteen" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			@@ -626,7 +1385,7 @@
			</div>
			<!-- 27 -->
			<div class="page-box" page="33">
			<div v-if="showPageList.indexOf(34) > -1">
			<div v-if="showPageList.indexOf(33) > -1">
			<!-- 头部 -->
			<ul class="preface-odd-header w100 fl ju-bt">
			<li class=""></li>
			@@ -638,7 +1397,7 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>continued</p>
			<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="wh-no tl-cn">Items</td>
			@@ -648,22 +1407,22 @@
			<tr class="table-tr-bc" style="width: 40%">
			<td class="wh-no tl-cn">Gift Exchange</td>
			<td class="tl-w-45">
			<textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.fifteen" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-w-45">
			<textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.sixteen" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="wh-no tl-cn">Table Manners</td>
			<td class="tl-w-45">
			<textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.seventeen" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-w-45">
			<textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.eighteen" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			@@ -672,26 +1431,253 @@
			<img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" />
			</p>
			<div class="bk-wh">
			<p>
			direct　formal　respect　privacy　hand-shaking　touch　comfortable　toast　chopsticks　seating
			arrangement
			<p class="dl-box">
			<span class="word-bc mr-20 dl-span">direct</span>
			<span class="word-bc mr-20 dl-span">formal</span>
			<span class="word-bc mr-20 dl-span">respect</span>
			<span class="word-bc mr-20 dl-span">privacy</span>
			<span class="word-bc mr-20 dl-span">hand-shaking</span>
			<span class="word-bc mr-20 dl-span">touch</span>
			<span class="word-bc mr-20 dl-span">comfortable</span>
			<span class="word-bc mr-20 dl-span">toast</span>
			<span class="word-bc mr-20 dl-span">chopsticks</span>
			<span class="word-bc mr-20 dl-span">seating
			arrangement</span>
			</p>
			</div>
			<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
			<div class="banshi openImgBox">
			<div class="swiper-container swiper_ppt">
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_01.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_02.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_03.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_04.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_05.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_06.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_07.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_08.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_09.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_10.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_11.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_12.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_13.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_14.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_15.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_16.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_17.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_18.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_19.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_20.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_21.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_22.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_23.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_24.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_25.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_26.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_27.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-1、MODULE 2（lesson one ）_28.jpg" />
			</div>
			</div>
			</div>
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<div class="pageBox"></div>
			</div>
			<!-- 显示当前页和总页数的元素 -->
			</div>
			</div>
			<h2 id="b006"><img class="img-0" alt="" src="../../assets/images/dy2-le2.jpg" /></h2>
			<h3 id="c014"><span class="bjh3">Warm-up</span></h3>
			<audio :src="resource.readingTwo" controls style="margin-left: 10px" class="audio"
			@play="audioPlay"></audio>
			<h3 id="c014" class="fl al-cn">
			<span class="bjh3">Warm-up</span>
			<!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
			<audio :src="resource.warmOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
			</h3>
			<p><b>Appreciate the theme song of the Beijing</b>2022<b> Winter Olympics<i> Together for a Shared
			Future</i> and fill in the blanks.</b></p>
			Future</i> and fill in the blanks.</b>
			<span class="btn-box" @click="showWarmUpOneAnswer = !showWarmUpOneAnswer">
			<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"><b><i>Together for a Shared Future</i></b></p>
			<p class="center">There’s a twinkle in your eye</p>
			<p class="center">Reflects the snow that gently covers the tiles</p>
			<p class="center">Fly to the 1._______</p>
			<p class="center">Fly to the 1. <input v-model="warmUpOne.one.value" style="width: 60px"
			class="input-bottom-border " @blur="handleQuestion('one')" @change="setWarmUpOne()" />
			<span class="icon-box-big">
			<svg v-if="warmUpOne.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="warmUpOne.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 class="center">See the world’s new coat of crystal white</p>
			<p class="center">This feeling you just can’t 2._______</p>
			<p class="center">This feeling you just can’t 2. <input v-model="warmUpOne.two.value" style="width: 60px"
			class="input-bottom-border " @blur="handleQuestion('two')" @change="setWarmUpOne()" />
			<span class="icon-box-big">
			<svg v-if="warmUpOne.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="warmUpOne.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 class="center">Feels as snow as pure as that azure ice</p>
			<p class="center">Fly to the sky</p>
			<p class="center">Ride the 3._______watch your fears roll by</p>
			<p class="center">Ride the 3. <input v-model="warmUpOne.three.value" style="width: 60px"
			class="input-bottom-border " @blur="handleQuestion('three')" @change="setWarmUpOne()" />
			<span class="icon-box-big">
			<svg v-if="warmUpOne.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="warmUpOne.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>
			watch your fears roll by
			</p>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -714,34 +1700,154 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p class="center">When everyone needs 4._______</p>
			<p class="center">When everyone needs 4.
			<input v-model="warmUpOne.four.value" style="width: 60px" class="input-bottom-border "
			@blur="handleQuestion('four')" @change="setWarmUpOne()" />
			<span class="icon-box-big">
			<svg v-if="warmUpOne.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="warmUpOne.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 class="center">Let’s go hand in hand and rise above</p>
			<p class="center">Together for a shared future</p>
			<p class="center">You and I</p>
			<p class="center">We can 5._______the sky</p>
			<p class="center">We can 5. <input v-model="warmUpOne.five.value" style="width: 60px"
			class="input-bottom-border " @blur="handleQuestion('five')" @change="setWarmUpOne()" />
			<span class="icon-box-big">
			<svg v-if="warmUpOne.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="warmUpOne.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>the sky
			</p>
			<p class="center">We all know how to love</p>
			<p class="center">Open up your 6._______and that’s enough</p>
			<p class="center">Open up your 6. <input v-model="warmUpOne.six.value" style="width: 60px"
			class="input-bottom-border " @blur="handleQuestion('six')" @change="setWarmUpOne()" />
			<span class="icon-box-big">
			<svg v-if="warmUpOne.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="warmUpOne.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>and
			that’s enough
			</p>
			<p class="center">Together for a shared future</p>
			<p class="center">You and I</p>
			<p class="center">Together</p>
			<p class="center">We can touch the sky</p>
			<!--答案 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showWarmUpOneAnswer">
			答案：(1)sky   (2)deny   (3)rainbow   (4)love   (5)touch   (6)heart
			</p>
			<h3 id="c015"><span class="bjh3">Reading</span></h3>
			<audio :src="resource.readingTwo" controls style="margin-left: 10px" class="audio"
			@play="audioPlay"></audio>
			<p>1.Have you watched the Beijing 2022 Winter Olympics? What did you think of the opening ceremony?</p>
			<p>2.What impressed you most during the Beijing 2022 Winter Olympics?</p>
			<p>1.Have you watched the Beijing 2022 Winter Olympics? What did you think of the opening ceremony?
			<span class="btn-box" @click="showAnswerFour = !showAnswerFour">
			<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>
			<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="showAnswerFour">
			答案：(1) The “One World, One Family” theme of the Opening Ceremony was represented by the image of a single
			snowflake and was central to the showpiece from beginning to the end of the Ceremony. The theme was based
			on an ancient Chinese saying which meant that "a truly wise person sees the whole world as a family".
			(2) With the core expression of "Together for a Shared Future", it gave the world a romantic and beautiful
			event full of modernity by integrating the concepts of scientific and technological innovation, low-carbon
			environmental protection and sports and health.
			</p>
			<p>2.What impressed you most during the Beijing 2022 Winter Olympics?
			<span class="btn-box" @click="showAnswerFive = !showAnswerFive">
			<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>
			<textarea v-model="questionData.reading.four" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFive">
			答案：(1) The twenty-four solar terms of the opening ceremony and the twelve Chinese zodiac signs of the
			closing ceremony are the romance of the Chinese! It used the most secularized image to symbolize Chinese
			people and tell Chinese story.
			(2) I still remember its amazing performances, top-tier competitions, and of course, cheerful friendship
			and sportsmanship, leaving many with the moments that reflect the true meaning of the Olympic spirit.
			(3) I was impressed by the heartwarming stories, including the friendship between Russian and Ukrainian
			athletes, touching celebrations, and gift-changing moments between Chinese and US athletes. A heartfelt
			"Welcome-to-China" greeting which made a US athlete cry, and two strangers who live thousands of miles
			apart could become friends thanks to an Olympic gift.

			</p>
			<p class="center"><b>From 2008 to 2022:The Road of My Country and My Growth</b></p>
			<p>For an individual or a country,a period of 14 years is long enough to become calm,confident and mature.On
			the road from 2008 to 2022,I learned to grow up with my country and the Olympics.</p>
			<p class="center"><audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio"></audio></p>
			<p>For an
			<span class="word-bc">individual</span>
			or a country,a period of 14 years is long enough to become calm,confident and
			<span class="word-bc">mature</span>
			.On
			the road from 2008 to 2022,I learned to grow up with my country and the Olympics.
			</p>
			<p>In 2008,hosting the Olympics was new to China and I was then new in covering the Olympics as a
			journalist.Seven years later when we won the right to host the Winter Games,I did not think that Beijing
			<span class="word-bc">journalist</span>
			.Seven years later when we won the right to host the Winter Games,I did not think that Beijing
			would be the world’s first city to host both the Summer and Winter Olympics.Now it was real and I was
			simply enjoying the moment.</p>
			<p>Turning up as simple but impressive,the opening ceremony lasted for about two hours with less performing
			artists but more audio-visual technologies to tell the story of “togetherness” rather than introducing
			“myself” 14 years ago at the same sports field.The snowflake-shaped Olympic cauldron,formed by the smaller
			snowflakes with names of the participating countries and regions on them,was lit by two young Chinese
			athletes.</p>
			simply enjoying the moment.
			</p>
			<p>Turning up as simple but
			<span class="word-bc">impressive</span>
			,the opening
			<span class="word-bc">ceremony</span>
			lasted for about two hours with less performing
			artists but more
			<span class="word-bc">audio-visual</span>
			technologies to tell the story of “togetherness” rather than introducing
			“myself” 14 years ago at the same sports field.The
			<span class="word-bc">snowflake</span>
			-shaped Olympic
			<span class="word-bc">cauldron</span>
			,formed by the smaller
			snowflakes with names of the
			<span class="word-bc" word="participate">participating</span>
			countries and regions on them,was lit by two young Chinese
			athletes.
			</p>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -764,16 +1870,32 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p>As the chief director of the opening ceremony said,2022 would not repeat 2008 though the latter was
			“exceptional”,not only because of the pandemic situation but also a different China now —more confident in
			its culture.</p>
			<p>In the summer 14 years ago,I was like a festivalgoer full of energy rushing for work but also making
			errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the track due to injury.In the
			“
			<span class="word-bc">exceptional</span>
			”,not only because of the
			<span class="word-bc">pandemic</span>
			situation but also a different China now —more confident in
			its culture.
			</p>
			<p>In the summer 14 years ago,I was like a
			<span class="word-bc">festivalgoer</span>
			full of energy rushing for work but also making
			errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the
			<span class="word-bc">track</span>
			due to injury.In the
			winter of 2022,I shared my passion in the Olympics in another way —more serious at work,fitter self
			—thanks to regular exercise and a positive view of sports competition.</p>
			—thanks to regular exercise and a positive view of sports
			<span class="word-bc">competition</span>
			.
			</p>
			<p>It was like getting over my schoolgirl crush and focusing on learning to love.</p>
			<p>I could not agree more with what a gold medal winner said during an interview.“In 2008 we impressed the
			world while in 2022 we became people-centered —for athletes and the people.”</p>
			<p>I failed to control myself the moments when the Chinese national anthem was played and when images of
			<p>I could not agree more with what a gold medal winner said during an interview.“In 2008 we
			<span class="word-bc" word="impress">impressed</span> the
			world while in 2022 we became people-centered —for athletes and the people.”
			</p>
			<p>I failed to control myself the moments when the Chinese national
			<span class="word-bc">anthem</span>
			was played and when images of
			people from all walks of life were displayed during the scene of “Paying Tribute to the People”.It is this
			country and its people that made the Olympics happen.I’m as tearful as usual for now I’m deeply in love.
			</p>
			@@ -781,7 +1903,8 @@
			<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
			<span class="line-border-box"></span>
			</p>
			<audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
			<!-- 视频 -->
			<audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
			<p>individual /ˌɪndɪˈvɪdʒʊəl/ <i>n.</i> 个人；个体</p>
			<div class="bkbj">
			<p><i>a person considered separately rather than as part of a group</i></p>
			@@ -884,9 +2007,15 @@
			<p><b>Ⅰ.Reading comprehension.</b></p>
			<p>A.Read the passage and answer the following questions.</p>
			<p>1.What was the theme of the Beijing 2022 Winter Olympics?</p>
			<p>______________________________________________</p>
			<p>
			<textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="6" style=" width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>
			<p>2.What made the Beijing 2022 Winter Olympics “exceptional”?</p>
			<p>______________________________________________</p>
			<p>
			<textarea v-model="questionData.reading.six" placeholder="请输入内容" rows="6" style=" width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -909,7 +2038,11 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p>3.How does the author feel about China holding two Olympic Games?</p>
			<p>______________________________________________</p>
			<p>
			<textarea v-model="questionData.reading.seven" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>

			<p>B.Read the author’s opinions of the two Olympics,and put the number of the sentence into the right
			column.</p>
			<p>1.I was full of energy rushing for work but also making errors.</p>
			@@ -918,22 +2051,245 @@
			<p>4.I couldn’t control myself when the Chinese anthem was played.</p>
			<p>5.More audio-visual technologies were used in the opening ceremony.</p>
			<p>6.It focused more on introducing “myself” instead of telling the story of “togetherness”.</p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0041-1.jpg" /></p>
			<!-- 表格 -->
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">2008 Olympics</td>
			<td class="tl-cn">2022 Olympics</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.nineteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box-center" @change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.twenty"
			class="w100 table-tr-bc b0 table-textarea textarea-box-center" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<p><b>Ⅱ.Language focus.</b></p>
			<p>A.Replace the words or expressions in italics with the exact words in the passage and change the form if
			necessary.</p>
			<p>1.Each <i>person</i> has a particular job within the company._________</p>
			<p>2.Lin Wei showed <i>excellent</i> mechanic skills as an auto technician._________</p>
			<p>3.As a team member,I always <i>take part</i> in the discussions as much as possible._________</p>
			<p>4.She was the winner of the business plan <i>contest</i> in my company._________</p>
			<p>5.He is a good <i>reporter</i> who is curious about new information every time._________</p>
			<p>1.Each <i>person</i> has a particular job within the company.
			<input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
			v-model="questionDataTwo.rw.one" @change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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.Lin Wei showed <i>excellent</i> mechanic skills as an auto technician.
			<input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
			v-model="questionDataTwo.rw.two" @change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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.As a team member,I always <i>take part</i> in the discussions as much as possible.
			<input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
			v-model="questionDataTwo.rw.three" @change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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.She was the winner of the business plan <i>contest</i> in my company.
			<input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
			v-model="questionDataTwo.rw.four" @change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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.He is a good <i>reporter</i> who is curious about new information every time.
			<input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
			v-model="questionDataTwo.rw.five" @change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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: 91%" v-if="showAnswerSix">
			答案：(1) individual   (2) exceptional   (3)participate   (4)competition   (5) journalist

			</p>
			<p>B.Fill in the blanks with the proper form of the expressions given below.</p>
			<div class="bk-wh">
			<p>fail to　focus on　due to　move away　pay tribute to</p>
			</div>
			<p>1.The delivery man was praised by us ________ his positive attitude.</p>
			<p>2.The manager basically ________ cost reduction and quality improvement.</p>
			<p>3.Li Ming ________ control his emotions when he saw the Chinese flag flying at the Olympic Stadium.</p>
			<p>1.The delivery man was praised by us <input :disabled="questionDataTwo.isComplete" type="text"
			class="input-bottom-border" style="width: 100px" v-model="questionDataTwo.blanksData.one"
			@change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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> his
			positive attitude.
			</p>
			<p>2.The manager basically <input :disabled="questionDataTwo.isComplete" type="text"
			class="input-bottom-border" style="width: 100px" v-model="questionDataTwo.blanksData.two"
			@change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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> cost reduction and quality
			improvement.
			</p>
			<p>3.Li Ming<input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border"
			style="width: 100px" v-model="questionDataTwo.blanksData.three" @change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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> control his emotions when he saw
			the Chinese flag flying at the Olympic Stadium.
			</p>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -956,18 +2312,332 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>4.The boss ________ what she had done for the company.</p>
			<p>5.To be creative,we’d better ________ from traditional ideas at work.</p>
			<p><b>Ⅲ.Grammar focus:Active and passive voice.</b></p>
			<p>4.The boss <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border"
			style="width: 100px" v-model="questionDataTwo.blanksData.four" @change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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> what she had done for the
			company.
			</p>
			<p>5.To be creative,we’d better <input :disabled="questionDataTwo.isComplete" type="text"
			class="input-bottom-border" style="width: 100px" v-model="questionDataTwo.blanksData.five"
			@change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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="
			questionDataTwo.isComplete &&
			isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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> from
			traditional ideas at work.
			</p>
			<!-- 答案 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSix">
			答案：(1) due to   (2) focuses on   (3)failed to   (4)paid tribute to   (5) move away

			</p>
			<!-- 提交按钮 -->
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev w80">
			<li>
			<button class="btn-border btn-w" @click="saveDataTwo">
			提交
			</button>
			</li>
			<li>
			<button @click="changeQuestionDataTwo" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="showAnswerSix = !showAnswerSix" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>

			<p><b>Ⅲ.Grammar focus:Active and passive voice.</b>
			<span class="btn-box" @click="showAnswer('showImgOne')">
			<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
			p-id="30865"></path>
			</svg>
			</span>
			</p>
			<div class="openImgBox" v-if="showImgOne">
			<img class="w100" :src="imgThirteenOne" />
			</div>
			<p>Complete the passage using the correct form of the verbs in the brackets.</p>
			<p>Fashion designer Vivienne Tam 1. ________ (name) “Yin Yok” when she was born.She was given her English
			name when she started studying in Hong Kong.Her teacher 2. ________ (teach) English at school but she
			spoke Chinese at home.Her parents 3. ________ (tell) her to remember Chinese culture.At the same
			time,Western ideas 4. ________ (introduce) to her since people from many cultures were living in Hong
			Kong.This mix of East and West in her life 5. ________ (see) in her designs even now.Vivienne 6. ________
			<p>Fashion designer Vivienne Tam 1. <input :disabled="questionDataThree.isComplete" type="text"
			class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.one"
			@change="setQuestionDataThree" />
			<span>
			<svg v-if="
			questionDataThree.isComplete &&
			isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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="
			questionDataThree.isComplete &&
			isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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>
			(name) “Yin Yok” when she was born.She was given her English
			name when she started studying in Hong Kong.Her teacher 2. <input :disabled="questionDataThree.isComplete"
			type="text" class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.two"
			@change="setQuestionDataThree" />
			<span>
			<svg v-if="
			questionDataThree.isComplete &&
			isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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="
			questionDataThree.isComplete &&
			isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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> (teach) English at school but she
			spoke Chinese at home.Her parents 3. <input :disabled="questionDataThree.isComplete" type="text"
			class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.three"
			@change="setQuestionDataThree" />
			<span>
			<svg v-if="
			questionDataThree.isComplete &&
			isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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="
			questionDataThree.isComplete &&
			isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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>
			(tell) her to remember Chinese culture.At the same
			time,Western ideas 4. <input :disabled="questionDataThree.isComplete" type="text"
			class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.four"
			@change="setQuestionDataThree" />
			<span>
			<svg v-if="
			questionDataThree.isComplete &&
			isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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="
			questionDataThree.isComplete &&
			isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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> (introduce) to her since people
			from many cultures were living in Hong
			Kong.This mix of East and West in her life 5. <input :disabled="questionDataThree.isComplete" type="text"
			class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.five"
			@change="setQuestionDataThree" />
			<span>
			<svg v-if="
			questionDataThree.isComplete &&
			isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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="
			questionDataThree.isComplete &&
			isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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> (see)
			in her designs even now.Vivienne 6. <input :disabled="questionDataThree.isComplete" type="text"
			class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.six"
			@change="setQuestionDataThree" />
			<span>
			<svg v-if="
			questionDataThree.isComplete &&
			isTextRight(questionDataThree.cp.answer, questionDataThree.cp.six, 5)
			" 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="
			questionDataThree.isComplete &&
			isTextRight(questionDataThree.cp.answer, questionDataThree.cp.six, 5) == 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>
			(move) to New York when she was twenty-five.Her new and interesting designs were liked by important shops
			there,so a lot of orders for her clothing 7 ________ (place).Today she 8. ________ (sell) East-meets-West
			clothes not only in New York,but also in cities around the world.</p>
			there,so a lot of orders for her clothing 7 <input :disabled="questionDataThree.isComplete" type="text"
			class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.seven"
			@change="setQuestionDataThree" />
			<span>
			<svg v-if="
			questionDataThree.isComplete &&
			isTextRight(questionDataThree.cp.answer, questionDataThree.cp.seven, 6)
			" 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="
			questionDataThree.isComplete &&
			isTextRight(questionDataThree.cp.answer, questionDataThree.cp.seven, 6) == 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>
			(place).Today she 8. <input :disabled="questionDataThree.isComplete" type="text"
			class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.eight"
			@change="setQuestionDataThree" />
			<span>
			<svg v-if="
			questionDataThree.isComplete &&
			isTextRight(questionDataThree.cp.answer, questionDataThree.cp.eight, 7)
			" 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="
			questionDataThree.isComplete &&
			isTextRight(questionDataThree.cp.answer, questionDataThree.cp.eight, 7) == 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> (sell) East-meets-West
			clothes not only in New York,but also in cities around the world.
			</p>
			<!-- 答案 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSeven">
			答案：(1)was named   (2) taught   (3)told   (4)were introduced   (5) is seen   (6)
			moved   (7) were placed   (8) sells

			</p>
			<!-- 提交按钮 -->
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev w80">
			<li>
			<button class="btn-border btn-w" @click="saveDataThree">
			提交
			</button>
			</li>
			<li>
			<button @click="changeQuestionDataThree" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="showAnswerSeven = !showAnswerSeven" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<h3 id="c016"><span class="bjh3">Mini-project</span></h3>
			<p>China has a history of over 5,000 years with rich cultural heritage and great achievements that have
			drawn admiration from around the world.There are plenty of good reasons to be proud of her.List the things
			@@ -988,17 +2658,17 @@
			<tr class="table-tr-bc">
			<td class="tl-cn">Chinses Art</td>
			<td>
			<textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.twentyOne" class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			<textarea v-model="questionData.table.twentyTwo"
			class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.twentyThree" class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			@@ -1024,7 +2694,7 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p class="mr-rg">continued</p>
			<p class="mr-rg 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>
			@@ -1032,62 +2702,482 @@
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			<textarea v-model="questionData.table.twentyFour"
			class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
			</td>
			<td style="width: 90%;">
			<textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.twentyFive" class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.sex" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			<textarea v-model="questionData.table.twentyFix"
			class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
			</td>
			<td style="width: 90%;">
			<textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.twentySeven" class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<h2 id="b007"><img class="img-0" alt="" src="image/dy2-le3.jpg" /></h2>
			<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/2-2、MODULE 2（lesson two）_01.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_02.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_03.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_04.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_05.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_06.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_07.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_08.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_09.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_10.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_11.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_12.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_13.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_14.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_15.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_16.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_17.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_18.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_19.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_20.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_21.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_22.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-2、MODULE 2（lesson two）_23.jpg" />
			</div>
			</div>

			</div>
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<div class="pageBox"></div>
			</div>
			<!-- 显示当前页和总页数的元素 -->
			</div>
			</div>
			<h2 id="b007"><img class="img-0" alt="" src="../../assets/images/dy2-le3.jpg" /></h2>
			<h3 id="c017"><span class="bjh3">Listening</span></h3>
			<p><b>Ⅰ.Listen to the introduction to Cultural Diversity Day and fill in the following blanks.</b></p>
			<audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
			<audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn" colspan="2">Cultural Diversity Day</td>
			</tr>
			<tr class="table-tr-bc">
			<td>When is it?</td>
			<td>1.On_______21st</td>
			<td>1.On<input type="text" class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="questionData.reading.ten" @change="setBookQuestion" />21st</td>
			</tr>
			<tr class="table-tr-bc">
			<td>Why do we celebrate it?</td>
			<td>Recognizing cultural 2._______
			<td>Recognizing cultural 2.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="questionData.reading.eleven" @change="setBookQuestion" />
			Understanding the concept of culture.
			Getting to know each other through the differences in language,3._______race,
			Getting to know each other through the differences in language,3.<input type="text"
			class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.twelve"
			@change="setBookQuestion" />race,
			religion and other elements.
			Giving people a sense of 4._______in their own culture.
			.Leading to community 5._______and personal growth.</td>
			Giving people a sense of 4.<input type="text" class="input-bottom-border input-bc-t"
			style="width: 70px" v-model="questionData.reading.thirteen" @change="setBookQuestion" />in their own
			culture.
			.Leading to community 5.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="questionData.reading.fourteen" @change="setBookQuestion" />and personal growth.</td>
			</tr>
			</table>
			<!-- 答案 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
			答案：(1) May   (2) differences   (3)values   (4)pride   (5) progress

			</p>
			<p><b>Ⅱ.Listen to the conversation and mark the activities when mentioned.</b></p>
			<p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			Lecture on Ancient Chinese History</p>
			<p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Calligraphy &
			Painting Demonstration</p>
			<p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Traditional Chinese
			Music</p>
			<p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Sichuan Opera</p>
			<p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Chinese Cuisine</p>
			<p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Tea Ceremony</p>
			<p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Tai Chi</p>
			<p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Traditional Chinese
			Medicine</p>
			<p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Traditional Chinese
			Crafts</p>
			<audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
			<p><input :disabled="check.isComplete" type="checkbox" name="ball" @change="setCheck"
			value="Lecture on Ancient Chinese History" id="1" v-model="check.value" />
			Lecture on Ancient Chinese History
			<span>
			<svg v-if="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Lecture on Ancient Chinese History'
			)
			" 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="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Lecture on Ancient Chinese History'
			) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p><input :disabled="check.isComplete" type="checkbox" name="ball" @change="setCheck"
			value="Calligraphy & Painting Demonstration" id="2" v-model="check.value" />Calligraphy &
			Painting Demonstration
			<span>
			<svg v-if="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Calligraphy & Painting Demonstration'
			)
			" 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="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Calligraphy & Painting Demonstration'
			) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Music" id="3"
			v-model="check.value" @change="setCheck" />Traditional Chinese Music
			<span>
			<svg v-if="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Traditional Chinese Music'
			)
			" 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="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Traditional Chinese Music'
			) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Sichuan Opera" id="4"
			v-model="check.value" @change="setCheck" />Sichuan Opera
			<span>
			<svg v-if="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Sichuan Opera'
			)
			" 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="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Sichuan Opera'
			) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Chinese Cuisine" id="5"
			v-model="check.value" @change="setCheck" />Chinese Cuisine
			<span>
			<svg v-if="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Chinese Cuisine'
			)
			" 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="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Chinese Cuisine'
			) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tea Ceremony" id="6"
			v-model="check.value" @change="setCheck" />Tea Ceremony
			<span>
			<svg v-if="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Tea Ceremony'
			)
			" 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="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Tea Ceremony'
			) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tai Chi" id="7"
			v-model="check.value" @change="setCheck" />Tai Chi
			<span>
			<svg v-if="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Tai Chi'
			)
			" 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="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Tai Chi'
			) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Medicine"
			id="8" v-model="check.value" @change="setCheck" />Traditional Chinese Medicine
			<span>
			<svg v-if="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Traditional Chinese Medicine'
			)
			" 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="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Traditional Chinese Medicine'
			) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Crafts" id="9"
			v-model="check.value" @change="setCheck" />Traditional Chinese Crafts
			<span>
			<svg v-if="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Traditional Chinese Crafts'
			)
			" 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="
			check.isComplete &&
			isShowRight(
			check.answer, check.value, 'Traditional Chinese Crafts'
			) == 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: 91%" v-if="showAnswerEight">
			答案：(1) Lecture on Ancient Chinese History   (2)Calligraphy &
			Painting Demonstration   (3)Traditional Chinese
			Music   (4)Tea Ceremony   (5) Tai Chi   (6) Traditional Chinese Crafts

			</p>
			<!-- 提交按钮 -->
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ar w80">
			<li>
			<button class="btn-border btn-w" @click="savaDataCheck">
			提交
			</button>
			</li>
			<li>
			<button @click="changeCheck" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="
			showAnswerEight = !showAnswerEight
			" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -1112,8 +3202,36 @@
			<div class="bodystyle">
			<h3 id="c018"><span class="bjh3">Practical Writing</span></h3>
			<p>Work with your partner to discuss the following questions.</p>
			<p>1.Why is a schedule important for everyone attending the event?</p>
			<p>2.What are the elements of a schedule?</p>
			<p>1.Why is a schedule important for everyone attending the event?
			<span class="btn-box" @click="showAnswerNine = !showAnswerNine">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<textarea v-model="questionData.reading.eight" 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="showAnswerNine">
			答案：(1)Save time and stress   (2)Organize all detail   (3) Meet your objectives   (4)Manage
			time for extra tasks
			</p>
			<p>2.What are the elements of a schedule?
			<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"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<textarea v-model="questionData.reading.one" 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="showAnswerTen">
			答案：It includes dates, locations, programming start and end time.
			</p>

			<p><b>Ⅰ.Read the following tips for making a schedule of an event and find out how you can improve your
			schedule.</b></p>
			<p>An event schedule is a document that organizers provide for the attendees and participants.It usually
			@@ -1128,7 +3246,219 @@
			</div>
			<p><b>Ⅱ.Read the schedule of Chinese Culture Week</b>2023<b> and fill in the blanks by translating the
			Chinese in the brackets.</b></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0044-2.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn wh-no">Day/Date/<input :disabled="tableBlanksData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 80px" v-model="tableBlanksData.rs.one"
			@change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			tableBlanksData.isComplete &&
			isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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="
			tableBlanksData.isComplete &&
			isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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>
			</td>
			<td class="wh-no tl-cn">Activities</td>
			<td class="tl-cn">Location</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-lf">
			<p class="table-p">Monday 05/15 </p>
			<p class="table-p">9:30a.m.-11:30a.m.</p>
			</td>
			<td>
			<p class="table-p">2.<input :disabled="tableBlanksData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 85%" v-model="tableBlanksData.rs.two"
			@change="setTableBlanksData" />
			<span>
			<svg v-if="
			tableBlanksData.isComplete &&
			isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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="
			tableBlanksData.isComplete &&
			isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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 class="table-p">(中国书法绘画股)</p>
			<p class="table-p">(Chinese Snacks Provided)</p>
			</td>
			<td>
			Fine Arts Gallery
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<p class="table-p">3.<input :disabled="tableBlanksData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 90px" v-model="tableBlanksData.rs.three"
			@change="setTableBlanksData" />
			<span>
			<svg v-if="
			tableBlanksData.isComplete &&
			isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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="
			tableBlanksData.isComplete &&
			isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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 class="table-p">(5月16日星期二)</p>
			<p class="table-p">9:30a.m.-1l:30a.m.</p>
			</td>
			<td>
			<p class="table-p">Aeademic Lecture</p>
			<p class="table-p">The Change of the Aneient Capital and the General Trend of Chinese History</p>
			</td>
			<td>
			Conference Hall
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<p class="table-p">Wednesday 05/17</p>
			<p class="table-p">6:30p.mm.-8:00p.m.</p>
			</td>
			<td>
			Traditional Chinese Music Performance
			</td>
			<td>
			4.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 100px" v-model="tableBlanksData.rs.four" @change="setTableBlanksData" />
			<span>
			<svg v-if="
			tableBlanksData.isComplete &&
			isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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="
			tableBlanksData.isComplete &&
			isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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>(音乐厅)
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<p class="table-p">Thursday 05/18</p>
			<p class="table-p">2:00p.m.-4:00p.m.</p>
			</td>
			<td>
			<p class="table-p">Workshop</p>
			<p class="table-p">5.<input :disabled="tableBlanksData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksData.rs.five"
			@change="setTableBlanksData" />
			<span>
			<svg v-if="
			tableBlanksData.isComplete &&
			isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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="
			tableBlanksData.isComplete &&
			isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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="table-p">Tai Chi</p>
			<p class="table-p">Traditional Chinese CmAs</p>
			</td>
			<td>
			Media Arts Center
			</td>
			</tr>
			</table>
			<!-- 答案 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEleven">
			答案：(1)Time   (2)Chinese Calligraphy & Painting Demonstration &
			(3)Tuesday 05/16   (4)Concert Hall   (5)tea ceremony

			</p>
			<!-- 提交按钮 -->
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ar w80">
			<li>
			<button class="btn-border btn-w" @click="savaDataTable">
			提交
			</button>
			</li>
			<li>
			<button @click="changeTable" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="
			showAnswerEleven = !showAnswerEleven
			" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			@@ -1182,7 +3512,32 @@
			<td class="tl-cn">Place</td>
			</tr>
			<tr class="table-tr-bc">
			<td>1._________</td>
			<td style="text-wrap: nowrap">
			1<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 100px" v-model="tableBlanksDataOne.ma.one" @change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			tableBlanksDataOne.isComplete &&
			isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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="
			tableBlanksDataOne.isComplete &&
			isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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>
			</td>
			<td>Attend the festival activities</td>
			<td>
			The International Intangible Cultural Heritage Park
			@@ -1192,32 +3547,181 @@
			<td>Wednesday</td>
			<td>Climb the mountain</td>
			<td>
			2.___________
			2.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 100px" v-model="tableBlanksDataOne.ma.two" @change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			tableBlanksDataOne.isComplete &&
			isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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="
			tableBlanksDataOne.isComplete &&
			isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>Thursday</td>
			<td>Visit attractions in the downtown
			3.____________ </td>
			3.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 100px" v-model="tableBlanksDataOne.ma.three" @change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			tableBlanksDataOne.isComplete &&
			isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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="
			tableBlanksDataOne.isComplete &&
			isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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>
			</td>
			<td>
			Wuhou Temple & Jinsha Site MuseumShunxing Tea House
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>Friday</td>
			<td> 4.____________ Buy souvenirs</td>
			<td> 4.<input :disabled="tableBlanksDataOne.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksDataOne.ma.four"
			@change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			tableBlanksDataOne.isComplete &&
			isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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="
			tableBlanksDataOne.isComplete &&
			isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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>Buy souvenirs
			</td>
			<td>
			Panda Base 5.____________
			Panda Base 5.
			<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 100px" v-model="tableBlanksDataOne.ma.five" @change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			tableBlanksDataOne.isComplete &&
			isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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="
			tableBlanksDataOne.isComplete &&
			isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>Saturday</td>
			<td>6.___________</td>
			<td>6.
			<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 100px" v-model="tableBlanksDataOne.ma.six" @change="setQuestionDataTwo" />
			<span>
			<svg v-if="
			tableBlanksDataOne.isComplete &&
			isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six, 5)
			" 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="
			tableBlanksDataOne.isComplete &&
			isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six, 5) == 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>
			</td>
			<td>
			Shuangliu International Airport
			</td>
			</tr>
			</table>
			<!-- 答案 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
			答案：(1)Tuesday   (2)Mt. Qingcheng
			(3)Watch Sichuan opera   (4)See giant pandas   (5)Jinli Old Street
			(6)Return to Kuala Lumpur
			</p>
			<!-- 提交按钮 -->
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ar w80">
			<li>
			<button class="btn-border btn-w" @click="savaDataTableOne">
			提交
			</button>
			</li>
			<li>
			<button @click="changeTableOne" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="
			showAnswerTwelve = !showAnswerTwelve
			" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<p>Ⅳ.<b>A delegation from Chiang Mai University is going to visit your college from December</b> 10-12<b> to
			promote Chinese language teaching and cultural exchange in Thailand.Arrange a three-day schedule for the
			delegation including the activities below.</b></p>
			@@ -1237,55 +3741,55 @@
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.twentyEight" class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.twentyNine" class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.thirty" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td >
			<textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.thirtyOne" class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.thirtyTwo" class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.thirtyThree" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.thirtyFour" class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.thirtyFive" class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.thirtySix" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.thirtySeven" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.thirtyEight" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.thirtyNine" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			@@ -1335,139 +3839,139 @@
			</tr>
			<tr class="table-tr-bc">
			<td rowspan="3">
			<textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.forty" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.fortyOne" class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.fortyTwo" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.fortyThree" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.fortyFour" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.fortyFive" class="w100 table-tr-bc b0 table-textarea "
			@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.fortySix" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.fortySeven" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.fortyEight" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.fortyNine" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td rowspan="3">
			<textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.fifty" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.fiftyOne" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.fiftyTwo" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.fiftyThree" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.fiftyFour" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.fiftyFive" class="w100 table-tr-bc b0 table-textarea "
			@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.fiftySix" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.fiftySeven" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.fiftyEight" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.fiftyNine" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td rowspan="3">
			<textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.sixty" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.sixtyOne" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.sixtyTwo" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.sixtyThree" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.sixtyFour" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
			<textarea v-model="questionData.table.sixtyFive" class="w100 table-tr-bc b0 table-textarea"
			@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.sixtySix" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.sixtySeven" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.sixtyEight" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
			<textarea v-model="questionData.table.sixtyNine" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			@@ -1478,6 +3982,88 @@
			photos show …</p>
			<p><b>Local highlights</b>:(take Beijing for example) climbing the Great Wall,visiting the Forbidden
			City,tasting Beijing roast duck,enjoying Peking opera,exploring the old alleys …</p>
			</div>
			<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
			<div class="banshi openImgBox">
			<div class="swiper-container swiper_ppt">
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-3、MODULE 2（lesson three）_01.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-3、MODULE 2（lesson three）_02.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-3、MODULE 2（lesson three）_03.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-3、MODULE 2（lesson three）_04.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-3、MODULE 2（lesson three）_05.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-3、MODULE 2（lesson three）_06.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-3、MODULE 2（lesson three）_07.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-3、MODULE 2（lesson three）_08.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-3、MODULE 2（lesson three）_09.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-3、MODULE 2（lesson three）_10.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-3、MODULE 2（lesson three）_11.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-3、MODULE 2（lesson three）_12.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-3、MODULE 2（lesson three）_13.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/2-3、MODULE 2（lesson three）_14.jpg" />
			</div>
			</div>
			</div>
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<div class="pageBox"></div>
			</div>
			<!-- 显示当前页和总页数的元素 -->
			</div>
			</div>
			</div>
			</div>
			@@ -1502,14 +4088,28 @@
			},
			data() {
			return {
			imgThirteen: require("../../assets/images/grammar.jpg"),
			correctIcon: require('@/assets/images/correct.svg'),
			errorIcon: require('@/assets/images/error.svg'),
			imgThirteen: require("../../assets/images/grammar2-1.png"),
			imgThirteenOne: require("../../assets/images/grammar2-2.png"),
			showAnswerOne: false,
			showAnswerTwo: false,
			showAnswerThree: false,
			showAnswerFour: false,
			showAnswerFive: false,
			showAnswerSix: false,
			showAnswerSeven: false,
			showAnswerEight: false,
			showAnswerNine: false,
			showAnswerTen: false,
			showAnswerEleven: false,
			showAnswerTwelve: false,
			showImg: false,
			showQuestionAnswer: false,
			showImgOne: false,
			showLessonOneQuestionAnswer: false,
			showWarmUpAnswer: false,
			showAnswerWp: false,
			showWarmUpOneAnswer: false,
			rawData: {
			left: [
			{
			@@ -1659,12 +4259,23 @@
			value: "",
			isRight: null,
			answer: "Chinese chess",
			},
			seven: "",
			}
			},
			reading: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			six: "",
			seven: "",
			eight: "",
			nine: "",
			ten: "",
			eleven: "",
			twelve: "",
			thirteen: "",
			fourteen: "",
			},
			table: {
			one: "",
			@@ -1674,12 +4285,76 @@
			five: "",
			six: "",
			seven: "",
			enight: "",
			eight: "",
			nine: "",
			ten: "",
			eleven: "",
			twelve: "",
			thirteen: "",
			fourteen: "",
			fifteen: "",
			sixteen: "",
			seventeen: "",
			eighteen: "",
			nineteen: "",
			twenty: "",
			twentyOne: "",
			twentyTwo: "",
			twentyThree: "",
			twentyFour: "",
			twentyFive: "",
			twentySix: "",
			twentySeven: "",
			twentyEight: "",
			twentyNine: "",
			thirty: "",
			thirtyOne: "",
			thirtyTwo: "",
			thirtyThree: "",
			thirtyFour: "",
			thirtyFive: "",
			thirtySix: "",
			thirtySeven: "",
			thirtyEight: "",
			thirtyNine: "",
			forty: "",
			fortyOne: "",
			fortyTwo: "",
			fortyThree: "",
			fortyFour: "",
			fortyFive: "",
			fortySix: "",
			fortySeven: "",
			fortyEight: "",
			fortyNine: "",
			fifty: "",
			fiftyOne: "",
			fiftyTwo: "",
			fiftyThree: "",
			fiftyFour: "",
			fiftyFive: "",
			fiftySix: "",
			fiftySeven: "",
			fiftyEight: "",
			fiftyNine: "",
			sixty: "",
			sixtyOne: "",
			sixtyTwo: "",
			sixtyThree: "",
			sixtyFour: "",
			sixtyFive: "",
			sixtySix: "",
			sixtySeven: "",
			sixtyEight: "",
			sixtyNine: "",
			},
			},
			radio: {
			isRight: null,
			answer: ["", "Date and time", "Address", "Organizer"],
			value: [],
			},
			testData: {
			check: [],
			tx: {
			one: "",
			two: "",
			@@ -1726,6 +4401,11 @@
			listenOne: "",
			readingOne: "",
			readingTwo: "",
			warmOne: "",
			readingThree: "",
			readingFour: "",
			listenTwo: "",
			listenThree: "",
			},
			dropDownList: [
			"online shopping",
			@@ -1767,14 +4447,295 @@
			answer: "facial recognition",
			},
			},
			//new
			warmUp: {
			isComplete: false,
			NumList: [
			"1",
			"2",
			"3",
			"4",
			],
			ChoiceList: [
			"a",
			"b",
			"c",
			"d",
			],
			one: {
			value: "",
			values: "",
			isRight: null,
			answer: "2,c",
			},
			two: {
			value: "",
			values: "",
			isRight: null,
			answer: "4,b",
			},
			three: {
			value: "",
			values: "",
			isRight: null,
			answer: "3,a",
			},
			four: {
			value: "",
			values: "",
			isRight: null,
			answer: "1,d",
			},
			},
			//page 24，25，26题集
			questionDataOne: {
			isComplete: false,
			// 判断
			determineData: {
			deterMineList: [
			"T",
			"F",
			],
			one: {
			value: "",
			isRight: null,
			answer: "F",
			},
			two: {
			value: "",
			isRight: null,
			answer: "F",
			},
			three: {
			value: "",
			isRight: null,
			answer: "F",
			},
			four: {
			value: "",
			isRight: null,
			answer: "T",
			},
			five: {
			value: "",
			isRight: null,
			answer: "F",
			},
			six: {
			value: "",
			isRight: null,
			answer: "T",
			}
			},
			// 选择
			choiceData: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			six: "",
			answer: ["witnessed", "rewarding", "traditions", "unacceptable", "colleague", "arise",],
			},
			//填空（无需进行判断）
			rp: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			six: "",
			},
			uf: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			},
			tf: {
			one: "",
			two: "",
			three: "",
			four: "",
			},
			re: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: ""
			},
			},
			//page 27.28离开进行判断题
			warmUpOne: {
			one: {
			value: "",
			isRight: null,
			answer: "sky",
			},
			two: {
			value: "",
			isRight: null,
			answer: "deny",
			},
			three: {
			value: "",
			isRight: null,
			answer: "rainbow",
			},
			four: {
			value: "",
			isRight: null,
			answer: "love",
			},
			five: {
			value: "",
			isRight: null,
			answer: "touch",
			},
			six: {
			value: "",
			isRight: null,
			answer: "heart",
			},
			},
			//page 31,32题集
			questionDataTwo: {
			isComplete: false,
			rw: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			answer: ["individual", "exceptional", "participate", "competition", "journalist"],
			},
			blanksData: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			answer: ["due to", "focuses on", "failed to", "paid tribute to", "move away"],
			},
			},
			//page 32 单词不同形式填空
			questionDataThree: {
			isComplete: false,
			cp: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			six: "",
			seven: "",
			eight: "",
			answer: ["was named", "taught", "told", "were introduced", "is seen", "moved", "were placed", "sells"],
			},
			},
			//page 33 多选题
			check: {
			isRight: null,
			answer: ["Lecture on Ancient Chinese History", "Calligraphy & Painting Demonstration", "Traditional Chinese Music", "Tea Ceremony", "Tai Chi", "Traditional Chinese Crafts"],
			value: [],
			},
			//page 34 表格内填空
			tableBlanksData: {
			isComplete: false,
			rs: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			answer: ["Time", "Chinese Calligraphy & Painting Demonstration", "Tuesday 05/16", "Concert Hall", "tea ceremony"],
			},
			},
			//page 37 表格内填空
			tableBlanksDataOne: {
			isComplete: false,
			ma: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			six: "",
			answer: ["Tuesday", "Mt. Qingcheng", "Watch Sichuan opera", "See giant pandas", "Jinli Old Street", "Return to Kuala Lumpur"],
			},
			},
			radioOne: [
			{
			type: 'radio',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer: "b",
			userAnswer: "",
			isRight: null
			},
			{
			answer: "b",
			userAnswer: "",
			isRight: null
			},
			{
			answer: "b",
			userAnswer: "",
			isRight: null
			},
			{
			answer: "b",
			userAnswer: "",
			isRight: null
			},
			]
			}
			]
			};
			},
			mounted() {
			// new
			const warmUp = localStorage.getItem("english-warmUp");
			if (warmUp) {
			this.warmUp = JSON.parse(warmUp);
			}
			const warmUpOne = localStorage.getItem("english-warmUpOne");
			if (warmUpOne) {
			this.warmUpOne = JSON.parse(warmUpOne);
			}
			const questionDataOne = localStorage.getItem("english-questionDataOne");
			if (questionDataOne) {
			this.questionDataOne = JSON.parse(questionDataOne)
			}
			const questionDataTwo = localStorage.getItem("english-questionDataTwo");
			if (questionDataTwo) {
			this.questionDataTwo = JSON.parse(questionDataTwo)
			}
			const questionDataThree = localStorage.getItem("english-questionDataThree");
			if (questionDataThree) {
			this.questionDataThree = JSON.parse(questionDataThree)
			}
			const check = localStorage.getItem("english-check");
			if (check) {
			this.check = JSON.parse(check)
			}
			const tableBlanksData = localStorage.getItem("english-tableBlanksData");
			if (tableBlanksData) {
			this.tableBlanksData = JSON.parse(tableBlanksData)
			}
			const tableBlanksDataOne = localStorage.getItem("english-tableBlanksOne");
			if (tableBlanksDataOne) {
			this.tableBlanksDataOne = JSON.parse(tableBlanksDataOne)
			}
			const testData = localStorage.getItem("english-testOne");
			if (testData) {
			this.testData = JSON.parse(testData);
			}
			const bookQuestion = localStorage.getItem("english-book-question-one");
			const bookQuestion = localStorage.getItem("english-book-chapter02-question-one");
			if (bookQuestion) {
			this.questionData = JSON.parse(bookQuestion);
			}
			@@ -1782,12 +4743,14 @@
			if (dropdownData) {
			this.dropdownData = JSON.parse(dropdownData);
			}

			const radioOne = localStorage.getItem("englis-chapter02-radioOne");
			if (radioOne) {
			this.radioOne = JSON.parse(radioOne);
			}
			this.getPath();
			},
			methods: {
			saveWord(event, word) {
			this.$emit("saveCharacters", event, word);
			},
			setTestData() {
			localStorage.setItem("english-testOne", JSON.stringify(this.testData));
			},
			@@ -1838,60 +4801,187 @@
			},
			};
			},
			changeWarmUp() {
			localStorage.removeItem("english-warmUp");
			for (let key in this.warmUp) {
			let item = this.warmUp[key]
			if (key != "isComplete" && key != "NumList" && key != "ChoiceList") {
			item.value = ""
			item.values = ""
			item.isRight = null
			}
			}
			this.$set(this.warmUp, "isComplete", false);
			this.showWarmUpAnswer = false
			},
			changeQuestionDataOne() {
			localStorage.removeItem("english-questionDataOne");
			const questionDataOnes = this.questionDataOne
			for (let key in questionDataOnes) {
			let item = questionDataOnes[key]
			if (key != "isComplete" && key != "rp" && key != "uf" && key != "tf" && key != "re" && key != "choiceData") {
			for (let keys in item) {
			const citem = item[keys]
			if (keys != "deterMineList") {
			citem.value = "";
			citem.isRight = null;
			}
			}
			}
			}
			this.questionDataOne = questionDataOnes
			this.$set(this.questionDataOne, "isComplete", false);
			this.showLessonOneQuestionAnswer = false
			},
			changeQuestionDataTwo() {
			localStorage.removeItem("english-questionDataTwo");
			const questionDataTwos = this.questionDataTwo
			for (let key in questionDataTwos) {
			let item = questionDataTwos[key]
			if (key != "isComplete") {
			for (let keys in item) {
			if (keys != "answer") {
			item[keys] = ""
			}
			}
			}
			}
			this.questionDataTwo = questionDataTwos
			this.$set(this.questionDataTwo, "isComplete", false);
			this.showAnswerSix = false
			},
			changeQuestionDataThree() {
			localStorage.removeItem("english-questionDataThree");
			const questionDataThrees = this.questionDataThree
			for (let key in questionDataThrees) {
			let item = questionDataThrees[key]
			if (key != "isComplete") {
			for (let keys in item) {
			if (keys != "answer") {
			item[keys] = ""
			}
			}
			}
			}
			this.questionDataThree = questionDataThrees
			this.$set(this.questionDataThree, "isComplete", false);
			this.showAnswerSeven = false
			},
			changeCheck() {
			localStorage.removeItem("english-check");
			const Check = this.check
			for (let key in Check) {
			if (key != "answer" && key != "isComplete") {
			Check.value = [];
			}
			}
			this.$set(this.check, "isComplete", false);
			this.check = Check;
			this.showAnswerEight = false
			},
			changeTable() {
			localStorage.removeItem("english-tableBlanksData");
			const tableBlanksDatas = this.tableBlanksData
			for (let key in tableBlanksDatas) {
			let item = tableBlanksDatas[key]
			if (key != "isComplete") {
			for (let keys in item) {
			if (keys != "answer") {
			item[keys] = ""
			}
			}
			}
			}
			this.tableBlanksData = tableBlanksDatas
			this.$set(this.tableBlanksData, "isComplete", false);
			this.showAnswerEleven = false
			},
			changeTableOne() {
			localStorage.removeItem("english-tableBlanksDataOne");
			const tableBlanksDataOnes = this.tableBlanksDataOne
			for (let key in tableBlanksDataOnes) {
			let item = tableBlanksDataOnes[key]
			if (key != "isComplete") {
			for (let keys in item) {
			if (keys != "answer") {
			item[keys] = ""
			}
			}
			}
			}
			this.tableBlanksDataOne = tableBlanksDataOnes
			this.$set(this.tableBlanksDataOne, "isComplete", false);
			this.showAnswerTwelve = false
			},
			setBookQuestion() {
			console.log("保存");
			localStorage.setItem(
			"english-book-question-one",
			"english-book-chapter02-question-one",
			JSON.stringify(this.questionData)
			);
			},
			setWarmUp() {
			localStorage.setItem("english-warmUp", JSON.stringify(this.warmUp));
			},
			setWarmUpOne() {
			localStorage.setItem("english-warmUpOne", JSON.stringify(this.warmUpOne));
			},
			setQuestionDataOne() {
			localStorage.setItem("english-questionDataOne", JSON.stringify(this.questionDataOne));
			},
			setQuestionDataTwo() {
			localStorage.setItem("english-questionDataTwo", JSON.stringify(this.questionDataTwo));
			},
			setQuestionDataThree() {
			localStorage.setItem("english-questionDataThree", JSON.stringify(this.questionDataThree));
			},
			setCheck() {
			localStorage.setItem("english-check", JSON.stringify(this.check));
			},
			setTableBlanksData() {
			localStorage.setItem("english-tableBlanksData", JSON.stringify(this.tableBlanksData));
			},
			setTableBlanksDataOne() {
			localStorage.setItem("english-tableBlanksDataOne", JSON.stringify(this.tableBlanksDataOne));
			},
			async getPath() {
			this.resource.listenOne = await getResourcePath(
			"422139A2EF66EA888C5ED1D550AE23E0"
			"D96D6F8082786B037A2B1842860BC0C4"
			);
			this.resource.readingOne = await getResourcePath(
			"3F442B682D84C8AB06C800B29D734920"
			"E51F6E052B08F00B19819E4D5504219F"
			);
			this.resource.readingTwo = await getResourcePath(
			"E8719EC88026BCFB11D292AA999F6D3D"
			"1456A70576E21C0E8C1497916A6E8D57"
			);
			this.resource.warmOne = await getResourcePath(
			"7301D06AC2208C93FE05A9952C8858E7"
			);
			this.resource.readingThree = await getResourcePath(
			"85198824B16CA185AFF073275FC394BE"
			);
			this.resource.readingFour = await getResourcePath(
			"148CD1F30A60DAF665B4E4678755D767"
			);
			this.resource.listenTwo = await getResourcePath(
			"7CE34F30D8440BAE15D4A76479834434"
			);
			this.resource.listenThree = await getResourcePath(
			"D5080B2EEBFE29233A6DB282B1A28D6C"
			);
			},
			showAnswer(type) {
			if (type == "showImg") {
			this.showImg = !this.showImg;
			} else if (type == "showImgOne") {
			this.showImgOne = !this.showImgOne;
			}
			setTimeout(() => { this.$emit("initViewer", "") }, 500)
			},
			handleQuestion(type) {
			if (type == "one") {
			this.questionData.warnUp.one.value
			? (this.questionData.warnUp.one.isRight =
			this.questionData.warnUp.one.value == "Chinese knot")
			: (this.questionData.warnUp.one.isRight = null);
			} else if (type == "two") {
			this.questionData.warnUp.two.value
			? (this.questionData.warnUp.two.isRight =
			this.questionData.warnUp.two.value == "Chinese medicine")
			: (this.questionData.warnUp.two.isRight = null);
			} else if (type == "three") {
			this.questionData.warnUp.three.value
			? (this.questionData.warnUp.three.isRight =
			this.questionData.warnUp.three.value == "Chinese calligraphy")
			: (this.questionData.warnUp.three.isRight = null);
			} else if (type == "four") {
			this.questionData.warnUp.four.value
			? (this.questionData.warnUp.four.isRight =
			this.questionData.warnUp.four.value == "Taichi")
			: (this.questionData.warnUp.four.isRight = null);
			} else if (type == "five") {
			this.questionData.warnUp.five.value
			? (this.questionData.warnUp.five.isRight =
			this.questionData.warnUp.five.value == "sweet dumpling")
			: (this.questionData.warnUp.five.isRight = null);
			} else if (type == "six") {
			this.questionData.warnUp.six.value
			? (this.questionData.warnUp.six.isRight =
			this.questionData.warnUp.six.value == "Chinese chess")
			: (this.questionData.warnUp.six.isRight = null);
			if (this.warmUpOne[type].value.trim()) {
			this.warmUpOne[type].isRight = this.warmUpOne[type].value.trim() == this.warmUpOne[type].answer
			} else {
			this.warmUpOne[type].isRight = null
			}
			},
			handleDropdown(type) {
			@@ -1922,11 +5012,159 @@
			);
			},
			saveData() {
			console.log(this.testData);
			const warmUps = this.warmUp;
			for (let key in warmUps) {
			let item = warmUps[key];
			if (key != "isComplete" && key != "NumList" && key != "ChoiceList") {
			const citem = item.value + ',' + item.values;
			citem == item.answer ? item.isRight = true : item.isRight = false;
			}
			}
			this.warmUp = warmUps;
			this.$set(this.warmUp, "isComplete", true);
			this.setWarmUp();
			this.isTextRight
			this.showWarmUpAnswer = true
			},
			saveDataOne() {
			const questionDataOnes = this.questionDataOne;
			for (let key in questionDataOnes) {
			let item = questionDataOnes[key]
			if (key != "isComplete" && key != "rp" && key != "uf" && key != "tf" && key != "re" && key != "choiceData") {
			for (let keys in item) {
			const citem = item[keys]
			if (keys != "deterMineList") {
			citem.value == citem.answer ? citem.isRight = true : citem.isRight = false;
			}
			}
			}
			}
			this.questionDataOne = questionDataOnes;
			this.$set(this.questionDataOne, "isComplete", true);
			this.setQuestionDataOne();
			this.isTextRight;
			this.showLessonOneQuestionAnswer = true;
			},
			saveDataTwo() {
			this.$set(this.questionDataTwo, "isComplete", true);
			this.setQuestionDataTwo();
			this.isTextRight;
			this.showAnswerSix = true;
			},
			saveDataThree() {
			this.$set(this.questionDataThree, "isComplete", true);
			this.setQuestionDataThree();
			this.isTextRight;
			this.showAnswerSeven = true;
			},
			savaDataCheck() {
			this.$set(this.check, "isComplete", true);
			this.setCheck();
			this.isShowRight;
			this.showAnswerEight = true
			},
			savaDataTable() {
			this.$set(this.tableBlanksData, "isComplete", true);
			this.setTableBlanksData();
			this.isTextRight;
			this.showAnswerEleven = true;
			},
			savaDataTableOne() {
			this.$set(this.tableBlanksDataOne, "isComplete", true);
			this.setTableBlanksDataOne();
			this.isTextRight;
			this.showAnswerTwelve = true;
			},
			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);
			}
			},
			audioPlay() {
			this.$emit("closeMiniAudio");
			},
			isTextRight(answer, data, num) {
			let flag = null;
			if (data) {
			flag = answer[num] == data
			} else {
			flag = false
			}
			return flag;
			},
			isShowRight(answer, userAnswer, data) {
			let flag = null;
			if (userAnswer.indexOf(data) > -1) {
			flag = answer.indexOf(data) > -1 ? true : false;
			}
			return flag;
			},
			savaRadioOne() {
			localStorage.setItem("englis-chapter02-radioOne", JSON.stringify(this.radioOne));
			},
			handleRadioOne() {
			for (let index = 0; index < this.radioOne.length; index++) {
			const item = this.radioOne[index];
			item.isShowAnswer = true
			item.isComplete = true
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			if (citem.userAnswer != "") {
			citem.isRight = citem.answer == citem.userAnswer
			} else {
			citem.isRight = null
			}
			}
			}
			this.savaRadioOne()
			},
			changeRadioOne() {
			for (let index = 0; index < this.radioOne.length; index++) {
			const item = this.radioOne[index];
			item.isComplete = false
			item.isShowAnswer = false
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = null
			citem.userAnswer = ""
			}
			}
			localStorage.removeItem("englis-chapter02-radioOne");
			},
			viewRadioOne() {
			for (let index = 0; index < this.radioOne.length; index++) {
			const item = this.radioOne[index];
			item.isShowAnswer = !item.isShowAnswer
			}
			}
			},
			};
			</script>