testbookLayout.git

			@@ -51,47 +51,196 @@
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0030-1.jpg" />
			</p>
			<div class="fl bor-g">
			<div class="w45">
			<div>
			France
			<span>
			123
			<!-- <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value"
			style="width: 8%">
			<option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select> -->
			</span>
			<span>
			456
			<!-- <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value"
			style="width: 8%">
			<option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select> -->
			</span>
			<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%">
			<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%">
			<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%">
			<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%">
			<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>
			China
			<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%">
			<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%">
			<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%">
			<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%">
			<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="w45">
			<div>
			ltaly
			</div>
			<div>
			Brazil
			</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">
			@@ -140,6 +289,12 @@
			</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">
			@@ -524,44 +679,176 @@
			<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>
			(<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
			v-model="testData.in.one" @change="setTestData" />) 1.An employee is usually defined by his/her talents
			(<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>
			(<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
			v-model="testData.in.one" @change="setTestData" />) 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>
			(<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
			v-model="testData.in.one" @change="setTestData" />) 3.In Latvia,it is normal to expect replies by email
			(<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>
			(<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
			v-model="testData.in.one" @change="setTestData" />) 4.Learning about your colleagues’ traditions can
			(<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>
			(<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
			v-model="testData.in.one" @change="setTestData" />) 5.Email can make the communication more smooth
			(<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>
			(<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
			v-model="testData.in.one" @change="setTestData" />) 6.We can learn a lot from each other when working in
			(<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%"
			@@ -577,15 +864,86 @@
			<p>reward　disturb　tradition　accept　colleague　arise</p>
			</div>
			<p>
			1.Working with photographers is one of the most <input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> parts
			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 <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" />that they regularly follow.</p>
			<p>3.Being late is <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" />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">
			@@ -609,21 +967,89 @@
			<div class="bodystyle">
			<p>
			4.Sarah’s
			<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />
			<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 <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" /> from communication between people
			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 <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" /> you,but can I talk to you for a
			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">
			@@ -634,16 +1060,31 @@
			B.Underline the following expressions in the passage and make
			sentences with them.
			</p>
			<p>1.apply for <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 370px" v-model="testData.in.one" @change="setTestData" /> </p>
			<p>2.in response to <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 370px" v-model="testData.in.one" @change="setTestData" /> </p>
			<p>3.get familiar with<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
			<p>4.take over<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
			<p>5.make an effort<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 370px" v-model="testData.in.one" @change="setTestData" /></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">
			@@ -659,29 +1100,26 @@
			1.When working in a cross-cultural setting,there can be some
			language barriers among employees.
			</p>
			<p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
			v-model="testData.in.one" @change="setTestData" /></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><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
			v-model="testData.in.one" @change="setTestData" />
			</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><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
			v-model="testData.in.one" @change="setTestData" />
			</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><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
			v-model="testData.in.one" @change="setTestData" />
			</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">
			@@ -765,35 +1203,25 @@
			</p>
			</div>
			<p>1.To share new ideas with others makes us feel good.</p>
			<p>
			<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
			v-model="testData.in.one" @change="setTestData" />.
			</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>
			<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
			v-model="testData.in.one" @change="setTestData" />.
			</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>
			<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
			v-model="testData.in.one" @change="setTestData" />.
			</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>
			<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
			v-model="testData.in.one" @change="setTestData" />.
			</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>
			<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
			v-model="testData.in.one" @change="setTestData" />.
			</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">
			@@ -808,12 +1236,12 @@
			<div class="w100 fl">
			<ul class="fl ju-ar w100">
			<li>
			<button class="btn-border btn-w" @click="saveData">
			<button class="btn-border btn-w" @click="saveDataOne">
			提交
			</button>
			</li>
			<li>
			<button @click="changeTestData" class="btn-border btn-w">
			<button @click="changeQuestionDataOne" class="btn-border btn-w">
			重做
			</button>
			</li>
			@@ -894,7 +1322,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>
			@@ -1108,19 +1536,80 @@
			<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.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></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.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></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.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" />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">
			@@ -1143,28 +1632,120 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p class="center">When everyone needs 4.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></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.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" />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.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />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="showQuestionAnswer">
			<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>
			<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 class="center"><audio :src="resource.readingThree" controls style="margin-left: 10px" class="audio"
			@play="audioPlay"></audio></p>
			@@ -1359,13 +1940,13 @@
			<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>
			<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
			v-model="testData.in.one" @change="setTestData" />.
			<textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>
			<p>2.What made the Beijing 2022 Winter Olympics “exceptional”?</p>
			<p>
			<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
			v-model="testData.in.one" @change="setTestData" />.
			<textarea v-model="questionData.reading.six" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>
			</div>
			</div>
			@@ -1390,8 +1971,8 @@
			<div class="bodystyle">
			<p>3.How does the author feel about China holding two Olympic Games?</p>
			<p>
			<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
			v-model="testData.in.one" @change="setTestData" />.
			<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
			@@ -1423,27 +2004,137 @@
			<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.
			<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />
			<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="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />
			<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="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />
			<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="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />
			<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="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />
			<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="showAnswerThree">
			<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>
			@@ -1451,15 +2142,86 @@
			<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 <input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> his
			positive attitude.</p>
			<p>2.The manager basically <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" /> cost reduction and quality
			improvement.</p>
			<p>3.Li Ming <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" /> 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">
			@@ -1482,17 +2244,85 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>4.The boss <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" /> what she had done for the
			company.</p>
			<p>5.To be creative,we’d better <input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> from
			traditional ideas at work.</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="showAnswerThree">
			<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"
			@@ -1508,34 +2338,238 @@
			<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. <input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
			<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="testData.isComplete"
			type="text" class="input-bottom-border" style="width: 70px" v-model="testData.in.one"
			@change="setTestData" /> (teach) English at school but she
			spoke Chinese at home.Her parents 3. <input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
			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="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (introduce) to her since people
			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="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (see)
			in her designs even now.Vivienne 6. <input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
			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 <input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
			(place).Today she 8. <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (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="showAnswerThree">
			<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
			@@ -1776,25 +2810,21 @@
			</tr>
			<tr class="table-tr-bc">
			<td>When is it?</td>
			<td>1.On<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" />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.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
			@change="setTestData" />
			<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.<input
			:disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t "
			style="width: 70px" v-model="testData.in.one" @change="setTestData" />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.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
			@change="setTestData" />in their own culture.
			.Leading to community 5.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
			@change="setTestData" />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>
			<!-- 答案 -->
			@@ -1804,27 +2834,299 @@
			</p>
			<p><b>Ⅱ.Listen to the conversation and mark the activities when mentioned.</b></p>
			<audio :src="resource.listenThree" controls class="audio" @play="audioPlay"></audio>
			<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>
			<p><input :disabled="check.isComplete" type="checkbox" name="ball"
			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"
			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" />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" />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" />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" />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" />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" />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" />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="showAnswerThree">
			<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>
			</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">
			@@ -1849,17 +3151,33 @@
			<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>
			<textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
			<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="showAnswerThree">
			<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?</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="showAnswerThree">
			<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>

			@@ -1877,7 +3195,212 @@
			</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="setQuestionDataTwo" />
			<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="setQuestionDataTwo" />
			<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="setQuestionDataTwo" />
			<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="setQuestionDataTwo" />
			<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">
			@@ -1932,8 +3455,30 @@
			</tr>
			<tr class="table-tr-bc">
			<td style="text-wrap: nowrap">
			1<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" />
			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>
			@@ -1944,38 +3489,179 @@
			<td>Wednesday</td>
			<td>Climb the mountain</td>
			<td>
			2.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" />
			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.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" /></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.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" />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.
			<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" />
			<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.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
			style="width: 70px" v-model="testData.in.one" @change="setTestData" /></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>
			@@ -2414,9 +4100,19 @@
			showAnswerThree: false,
			showAnswerFour: false,
			showAnswerFive: false,
			showAnswerSix: false,
			showAnswerSeven: false,
			showAnswerEight: false,
			showAnswerNine: false,
			showAnswerTen: false,
			showAnswerEleven: false,
			showAnswerTwelve: false,
			showImg: false,
			showImgOne: false,
			showLessonOneQuestionAnswer: false,
			showWarmUpAnswer: false,
			showAnswerWp: false,
			showWarmUpOneAnswer: false,
			rawData: {
			left: [
			{
			@@ -2566,12 +4262,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: "",
			@@ -2744,9 +4451,261 @@
			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"],
			},
			}
			};
			},
			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);
			@@ -2815,6 +4774,118 @@
			},
			};
			},
			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(
			@@ -2822,9 +4893,33 @@
			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(
			"D96D6F8082786B037A2B1842860BC0C4 "
			"D96D6F8082786B037A2B1842860BC0C4"
			);
			this.resource.readingOne = await getResourcePath(
			"E51F6E052B08F00B19819E4D5504219F"
			@@ -2857,36 +4952,10 @@
			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) {
			@@ -2917,11 +4986,121 @@
			);
			},
			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;
			},
			},
			};
			</script>