testbookLayout.git

			@@ -225,7 +225,7 @@
			<p>
			<b>Ⅱ.Talk to your partner about the types of volunteer work you
			know.</b>
			<span class="btn-box" @click="viewNoSubmitData(0,0)">
			<span class="btn-box" @click="viewNoSubmitData(0, 0)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			@@ -261,38 +261,36 @@
			</p>
			<div style="display: flex">
			<div class="left" style="width: 55%; margin-top: 11%">
			<p>1.{{listenOne[0].stem}}</p>
			<p>1.{{ listenOne[0].stem }}</p>
			</div>
			<div class="right" style="width: 45%">
			<p v-for="(item,index) in listenOne[0].option" :key="index">
			<input type="radio" :value="item" name="volunteer"
			v-model="listenOne[0].value" />
			{{item}}
			<p v-for="(item, index) in listenOne[0].option" :key="index">
			<input type="radio" :value="item" name="volunteer" v-model="listenOne[0].value" />
			{{ item }}
			<span class="icon-box" v-if="listenOne[0].value == item">
			<svg v-if="listenOne[0].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">
			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="listenOne[0].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">
			<svg v-if="listenOne[0].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>


			</div>
			</div>
			<div class="event-header-text-bc pd-5"
			v-if="listenOne[0].isShowAnswer">
			答案:{{listenOne[0].answer}}
			<div class="event-header-text-bc pd-5" v-if="listenOne[0].isShowAnswer">
			答案:{{ listenOne[0].answer }}
			</div>
			</div>
			</div>
			@@ -318,26 +316,25 @@
			<div class="bodystyle">
			<div style="display: flex">
			<div class="left" style="width: 55%; margin-top: 11%">
			<p>2.{{listenOne[1].stem}}</p>
			<p>2.{{ listenOne[1].stem }}</p>
			</div>
			<div class="right" style="width: 45%">
			<p v-for="(item,index) in listenOne[1].option" :key="index">
			<input type="radio" :value="item" name="likely"
			v-model="listenOne[1].value" />
			{{item}}
			<p v-for="(item, index) in listenOne[1].option" :key="index">
			<input type="radio" :value="item" name="likely" v-model="listenOne[1].value" />
			{{ item }}
			<span class="icon-box" v-if="listenOne[1].value == item">
			<svg v-if="listenOne[1].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">
			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="listenOne[1].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">
			<svg v-if="listenOne[1].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>
			@@ -346,32 +343,30 @@
			</p>
			</div>
			</div>
			<div class="event-header-text-bc pd-5"
			v-if="listenOne[1].isShowAnswer">
			答案:{{listenOne[1].answer}}
			<div class="event-header-text-bc pd-5" v-if="listenOne[1].isShowAnswer">
			答案:{{ listenOne[1].answer }}
			</div>
			<div style="display: flex">
			<div class="left" style="width: 50%; margin-top: 11%">
			<p>3.{{listenOne[2].stem}}</p>
			<p>3.{{ listenOne[2].stem }}</p>
			</div>
			<div class="right" style="width: 50%">
			<p v-for="(item,index) in listenOne[2].option" :key="index">
			<input type="radio" :value="item" name="mentioned"
			v-model="listenOne[2].value" />
			{{item}}
			<p v-for="(item, index) in listenOne[2].option" :key="index">
			<input type="radio" :value="item" name="mentioned" v-model="listenOne[2].value" />
			{{ item }}
			<span class="icon-box" v-if="listenOne[2].value == item">
			<svg v-if="listenOne[2].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">
			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="listenOne[2].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">
			<svg v-if="listenOne[2].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>
			@@ -380,9 +375,8 @@
			</p>
			</div>
			</div>
			<div class="event-header-text-bc pd-5"
			v-if="listenOne[2].isShowAnswer">
			答案:{{listenOne[2].answer}}
			<div class="event-header-text-bc pd-5" v-if="listenOne[2].isShowAnswer">
			答案:{{ listenOne[2].answer }}
			</div>
			<!-- 提交按钮 -->
			<div class="w100 fl ju-cn">
			@@ -408,7 +402,7 @@
			<p>
			1.As the saying goes,“The rose is in her hand,the flavor in mine.”
			What’s your understanding of this saying?
			<span class="btn-box" @click="viewNoSubmitData(0,1)">
			<span class="btn-box" @click="viewNoSubmitData(0, 1)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			@@ -435,7 +429,7 @@
			</div>
			<p>
			2.In what way do you help others in daily life?
			<span class="btn-box" @click="viewNoSubmitData(0,2)">
			<span class="btn-box" @click="viewNoSubmitData(0, 2)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			@@ -457,12 +451,13 @@
			<b>Volunteering and Its Surprising Benefits</b>
			</p>
			<p class="center">
			<audio :src="resource.readingOne" controls class="audio" ></audio>
			<audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			</p>
			<p>
			With busy life,it can be hard to find time to
			volunteer.However,the benefits of volunteering can be
			<span class="word-bc" @click="saveWord($event, 'enormous')">enormous</span>
			<span class="word-bc" >enormous</span>
			</p>
			<p>
			One of the most well-known benefits of volunteering is the impact
			@@ -472,22 +467,22 @@
			need.Volunteering can benefit you and your family as well as the
			people you choose to help.Doing volunteer work helps you make new
			friends,
			<span class="word-bc" @click="saveWord($event, 'expand')">expand</span>
			<span class="word-bc" >expand</span>
			your network,and
			<span class="word-bc" @click="saveWord($event, 'boost')">boost</span>
			<span class="word-bc" >boost</span>
			your social skills.
			</p>
			<p>
			Volunteering helps reduce the effects of stress,anger,and
			<span class="word-bc" @click="saveWord($event, 'anxiety')">anxiety</span>
			<span class="word-bc" >anxiety</span>
			.The social contact aspect of helping and working with
			others can have a great effect on your overall mental
			health.Nothing reduces stress better than a
			<span class="word-bc" @click="saveWord($event, 'meaningful')">meaningful</span>
			<span class="word-bc" >meaningful</span>
			connection
			to another person.Studies have found that those who volunteer have
			a lower
			<span class="word-bc" @click="saveWord($event, 'mortality')">mortality</span>
			<span class="word-bc" >mortality</span>
			rate than those who do not.
			</p>
			<p>
			@@ -496,7 +491,7 @@
			field.Even if you’re not planning to change careers,volunteering
			can give you the opportunity to practice important qualities and
			skills used in work,such as teamwork,
			<span class="word-bc" @click="saveWord($event, 'communication')">communication</span>
			<span class="word-bc" >communication</span>
			skills and
			problem-solving skills.You might feel more comfortable stretching
			your wings at work once you’ve developed these qualities and
			@@ -529,17 +524,17 @@
			<p>
			What’s more,volunteering is a fun and easy way to explore your
			interests and
			<span class="word-bc" @click="saveWord($event, 'passions')">passions</span>
			<span class="word-bc" >passions</span>
			.Doing volunteer work can be a
			relaxing,
			<span class="word-bc" @click="saveWord($event, 'energizing')">energizing</span>
			<span class="word-bc" >energizing</span>
			escape from your day-to-day routine of
			work,school,or family
			<span class="word-bc" @click="saveWord($event, 'commitments')">commitments</span>
			<span class="word-bc" >commitments</span>
			.Volunteering also provides you
			with <span class="word-bc" @click="saveWord($event, 'creativity')">creativity</span>
			with <span class="word-bc" >creativity</span>
			,motivation,and
			<span class="word-bc" @click="saveWord($event, 'vision')">vision</span>
			<span class="word-bc" >vision</span>
			that can carry over into
			your personal life and your career.
			</p>
			@@ -550,15 +545,15 @@
			spare some time for volunteering service.Not only can volunteering
			improve your résumé,but it can also help connect you to more
			people and bring
			<span class="word-bc" @click="saveWord($event, 'fulfillment')">fulfillment</span>
			<span class="word-bc">fulfillment</span>
			to your life.
			</p>
			<p class="fl al-cn mt-40">
			<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
			<span class="line-border-box"></span>
			</p>
			<audio :src="resource.readingTwo" controls style="margin-left: 10px" class="audio"
			></audio>
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio"></audio>
			<p>enormous /ɪˈnɔːməs/ <i>adj.</i> 巨大的；庞大的</p>
			<div class="bkbj">
			<p><i>extremely large</i></p>
			@@ -679,9 +674,9 @@
			<p>
			1.What might be the reason that people don’t volunteer?
			<span>
			<svg v-if="wordsOne[0].value[0].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">
			<svg v-if="wordsOne[0].value[0].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>
			@@ -699,31 +694,31 @@
			</p>

			<p>
			<input type="radio" value="a" name="toobusy" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="a" name="toobusy" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[0].userAnswer" />
			a.People are too busy to volunteer.
			</p>
			<p>
			<input type="radio" value="b" name="toobusy" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="b" name="toobusy" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[0].userAnswer" />
			b.People can’t find ways to volunteer.
			</p>
			<p>
			<input type="radio" value="c" name="toobusy" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="c" name="toobusy" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[0].userAnswer" />
			c.There is no benefit in volunteering.
			</p>
			<p>
			<input type="radio" value="d" name="toobusy" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="d" name="toobusy" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[0].userAnswer" />
			d.The volunteer work is too hard to do.
			</p>
			<p>
			2.Which of the following is NOT true?
			<span>
			<svg v-if="wordsOne[0].value[1].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">
			<svg v-if="wordsOne[0].value[1].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>
			@@ -740,31 +735,31 @@
			</span>
			</p>
			<p>
			<input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[1].userAnswer" />
			a.Volunteering is a win-win behavior for both parties.
			</p>
			<p>
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[1].userAnswer" />
			b.Small acts of helping others also matter.
			</p>
			<p>
			<input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[1].userAnswer" />
			c.Those who volunteer enjoy a lower mortality rate.
			</p>
			<p>
			<input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[1].userAnswer" />
			d.Volunteering has nothing to do with one’s mental health.
			</p>
			<p>
			3.In what way can volunteering help with one’s career development?
			<span>
			<svg v-if="wordsOne[0].value[2].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">
			<svg v-if="wordsOne[0].value[2].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>
			@@ -781,17 +776,17 @@
			</span>
			</p>
			<p>
			<input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[2].userAnswer" />
			a.Providing one with a new career.
			</p>
			<p>
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[2].userAnswer" />
			b.Helping to arouse one’s interests.
			</p>
			<p>
			<input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[2].userAnswer" />
			c.Offering an opportunity to practice working skills.
			</p>
			@@ -818,16 +813,16 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p>
			<input type="radio" value="d" name="bothparties"
			<input type="radio" value="d" name="bothparties"
			v-model="wordsOne[0].value[2].userAnswer" />
			d.Bringing more comfort to those who are at work.
			</p>
			<p>
			4.What suggestion does the writer offer in the last paragraph?
			<span>
			<svg v-if="wordsOne[0].value[3].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">
			<svg v-if="wordsOne[0].value[3].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>
			@@ -844,31 +839,31 @@
			</span>
			</p>
			<p>
			<input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[3].userAnswer" />
			a.Making a plan before volunteering.
			</p>
			<p>
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[3].userAnswer" />
			b.Preparing a résumé in advance.
			</p>
			<p>
			<input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[3].userAnswer" />
			c.Taking a physical and mental health check.
			</p>
			<p>
			<input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[3].userAnswer" />
			d.Spending some time volunteering.
			</p>
			<p>
			5.What is the author’s attitude towards volunteering?
			<span>
			<svg v-if="wordsOne[0].value[4].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">
			<svg v-if="wordsOne[0].value[4].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>
			@@ -885,22 +880,22 @@
			</span>
			</p>
			<p>
			<input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[4].userAnswer" />
			a.Indifferent.
			a.Indifferent.
			</p>
			<p>
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[4].userAnswer" />
			b.Supportive.
			</p>
			<P>
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[4].userAnswer" />
			c.Opposed.
			</P>
			<P>
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[4].userAnswer" />
			d.Unknown.
			</P>
			@@ -917,9 +912,9 @@
			<input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
			style="width: 60px" v-model="wordsOne[1].value[0].userAnswer" @change="setTestData" />
			<span>
			<svg v-if="wordsOne[1].value[0].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">
			<svg v-if="wordsOne[1].value[0].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>
			@@ -936,12 +931,13 @@
			</span>
			benefits when it comes to volunteering.First,it helps to make the
			community a better place,and it also helps you to connect to
			people and b<input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
			style="width: 60px" v-model="wordsOne[1].value[1].userAnswer" @change="setTestData" />
			people and b<input :disabled="wordsOne[1].isComplete" type="text"
			class="input-bottom-border" style="width: 60px"
			v-model="wordsOne[1].value[1].userAnswer" @change="setTestData" />
			<span>
			<svg v-if="wordsOne[1].value[1].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">
			<svg v-if="wordsOne[1].value[1].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>
			@@ -956,12 +952,12 @@
			fill="#d81e06" p-id="25746"></path>
			</svg> </span>your social skills.Second,volunteering helps to deal with
			stress,anger and a<input :disabled="wordsOne[1].isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[2].userAnswer"
			@change="setTestData" />
			class="input-bottom-border" style="width: 60px"
			v-model="wordsOne[1].value[2].userAnswer" @change="setTestData" />
			<span>
			<svg v-if="wordsOne[1].value[2].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">
			<svg v-if="wordsOne[1].value[2].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>
			@@ -978,16 +974,16 @@
			:disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
			style="width: 60px" v-model="wordsOne[1].value[3].userAnswer" @change="setTestData" />
			<span>
			<svg v-if="wordsOne[1].value[3].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">
			<svg v-if="wordsOne[1].value[3].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="wordsOne[1].value[3].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">
			<svg v-if="wordsOne[1].value[3].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>
			@@ -995,12 +991,12 @@
			chance to practice working skills,you will feel more comfortable
			at work.Fourth,when you are tied up with the daily
			routine,volunteering can be an e<input :disabled="wordsOne[1].isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[4].userAnswer"
			@change="setTestData" />
			class="input-bottom-border" style="width: 60px"
			v-model="wordsOne[1].value[4].userAnswer" @change="setTestData" />
			<span>
			<svg v-if="wordsOne[1].value[4].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">
			<svg v-if="wordsOne[1].value[4].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>
			@@ -1046,11 +1042,11 @@
			B.Underline the following expressions in the passage and make
			sentences with them.
			</p>
			<p class="tl-lf" v-for="(item,index) in wordsOne[2].value " :key="index" >
			{{index + 1}}.{{item.stem}}
			<textarea v-model="item.userAnswer" placeholder="请输入内容" rows="6" :disabled="wordsOne[2].isComplete"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
			@change="setBookQuestion"></textarea>
			<p class="tl-lf" v-for="(item, index) in wordsOne[2].value " :key="index">
			{{ index + 1 }}.{{ item.stem }}
			<textarea v-model="item.userAnswer" placeholder="请输入内容" rows="6"
			:disabled="wordsOne[2].isComplete" style="margin-left: 40px; width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</p>
			<!-- 例句 -->
			<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			@@ -1161,122 +1157,121 @@
			</p>
			<p>
			1.Encouraged by other volunteers,he<input :disabled="wordsOne[4].isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[0].userAnswer"
			@change="setTestData" />
			<span>
			<svg v-if="wordsOne[4].value[0].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="
			wordsOne[4].value[0].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>
			class="input-bottom-border" style="width: 70px"
			v-model="wordsOne[4].value[0].userAnswer" @change="setTestData" />
			<span>
			<svg v-if="wordsOne[4].value[0].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="
			wordsOne[4].value[0].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>
			(consider) becoming a regular helper in community service.
			</p>
			<p>
			2.At the moment,I<input :disabled="wordsOne[4].isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[1].userAnswer"
			@change="setTestData" />
			<span>
			<svg v-if="wordsOne[4].value[1].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="
			wordsOne[4].value[1].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>
			class="input-bottom-border" style="width: 70px"
			v-model="wordsOne[4].value[1].userAnswer" @change="setTestData" />
			<span>
			<svg v-if="wordsOne[4].value[1].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="
			wordsOne[4].value[1].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>
			(plan) to work as a volunteer teacher after graduation.
			</p>
			<p>
			3.What you<input :disabled="wordsOne[4].isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[2].userAnswer"
			@change="setTestData" />
			<span>
			<svg v-if="wordsOne[4].value[2].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="
			wordsOne[4].value[2].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>
			3.What you<input :disabled="wordsOne[4].isComplete" type="text" class="input-bottom-border"
			style="width: 70px" v-model="wordsOne[4].value[2].userAnswer" @change="setTestData" />
			<span>
			<svg v-if="wordsOne[4].value[2].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="
			wordsOne[4].value[2].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>
			(do) at present will make a difference to people around you.
			</p>
			<p>
			4.Currently,they<input :disabled="wordsOne[4].isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[3].userAnswer"
			@change="setTestData" />
			<span>
			<svg v-if="wordsOne[4].value[3].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="
			wordsOne[4].value[3].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>
			class="input-bottom-border" style="width: 70px"
			v-model="wordsOne[4].value[3].userAnswer" @change="setTestData" />
			<span>
			<svg v-if="wordsOne[4].value[3].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="
			wordsOne[4].value[3].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>
			(put) a lot of efforts into volunteer work.
			</p>
			<p>
			5.The smile on her face says that she<input :disabled="wordsOne[4].isComplete" type="text"
			class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[4].userAnswer"
			@change="setTestData" />
			<span>
			<svg v-if="wordsOne[4].value[4].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="
			wordsOne[4].value[4].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>
			class="input-bottom-border" style="width: 70px"
			v-model="wordsOne[4].value[4].userAnswer" @change="setTestData" />
			<span>
			<svg v-if="wordsOne[4].value[4].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="
			wordsOne[4].value[4].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>
			(have) a great time with the old in the nursing home.
			</p>
			<!-- 答案 -->
			@@ -1293,18 +1288,18 @@
			<img class="img-e" alt="" src="../../assets/images/0054-1.jpg" />
			</p>
			<p>志愿者正在辅导孩子们做功课。</p>
			<textarea v-model="wordsOne[5].value[0].userAnswer" placeholder="请输入内容" rows="6" :disabled="wordsOne[5].isComplete"
			style="margin-left: 20px; width: 92%" class="fz-16 fm-son"
			@change="setBookQuestion"></textarea>
			<textarea v-model="wordsOne[5].value[0].userAnswer" placeholder="请输入内容" rows="6"
			:disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</div>
			<div class="fieldset-2">
			<p class="center">
			<img class="img-e" alt="" src="../../assets/images/0054-2.jpg" />
			</p>
			<p>学生们正在帮忙做农活。</p>
			<textarea v-model="wordsOne[5].value[1].userAnswer" placeholder="请输入内容" rows="6" :disabled="wordsOne[5].isComplete"
			style="margin-left: 20px; width: 92%" class="fz-16 fm-son"
			@change="setBookQuestion"></textarea>
			<textarea v-model="wordsOne[5].value[1].userAnswer" placeholder="请输入内容" rows="6"
			:disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</div>
			</div>
			</div>
			@@ -1333,18 +1328,18 @@
			<img class="img-e" alt="" src="../../assets/images/0055-1.jpg" />
			</p>
			<p>志愿者正在沙滩上清理垃圾。</p>
			<textarea v-model="wordsOne[5].value[2].userAnswer" placeholder="请输入内容" rows="6" :disabled="wordsOne[5].isComplete"
			style="margin-left: 20px; width: 92%" class="fz-16 fm-son"
			@change="setBookQuestion"></textarea>
			<textarea v-model="wordsOne[5].value[2].userAnswer" placeholder="请输入内容" rows="6"
			:disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</div>
			<div class="fieldset-2">
			<p class="center">
			<img class="img-e" alt="" src="../../assets/images/0055-2.jpg" />
			</p>
			<p>志愿者正在进行衣物捐赠活动。</p>
			<textarea v-model="wordsOne[5].value[3].userAnswer" placeholder="请输入内容" rows="6" :disabled="wordsOne[5].isComplete"
			style="margin-left: 20px; width: 92%" class="fz-16 fm-son"
			@change="setBookQuestion"></textarea>
			<textarea v-model="wordsOne[5].value[3].userAnswer" placeholder="请输入内容" rows="6"
			:disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			</div>
			<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="wordsOne[3].isShowAnswer">
			@@ -1427,8 +1422,7 @@
			</td>
			<td>
			<textarea v-model="miniTable[0].value[2].userAnswer"
			class="w100 table-tr-bc b0 table-textarea "
			@change="saveminiTable"></textarea>
			class="w100 table-tr-bc b0 table-textarea " @change="saveminiTable"></textarea>
			</td>
			</tr>
			</table>
			@@ -1522,33 +1516,33 @@
			</p>
			<div class="bk-wh">
			<p class="dl-box">
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'blood donation')"> blood
			<span class="word-bc mr-20 dl-span" > blood
			donation</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'volunteer teacher')">volunteer teacher</span>
			>volunteer teacher</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'community service')">community service</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'nursing home')">nursing
			>community service</span>
			<span class="word-bc mr-20 dl-span" >nursing
			home</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'rewarding')">rewarding</span>
			>rewarding</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'challenging')">challenging</span>
			>challenging</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'demanding')">demanding</span>
			>demanding</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'interesting')">interesting</span>
			>interesting</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'overwhelming')">overwhelming</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'moving')">moving</span>
			>overwhelming</span>
			<span class="word-bc mr-20 dl-span" >moving</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'merciful')">merciful</span>
			>merciful</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'kind-hearted')">kind-hearted</span>
			>kind-hearted</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'appreciate')">appreciate</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'cherish')">cherish</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'respect')">respect</span>
			>appreciate</span>
			<span class="word-bc mr-20 dl-span">cherish</span>
			<span class="word-bc mr-20 dl-span" >respect</span>
			</p>
			</div>
			<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
			@@ -1770,23 +1764,25 @@
			</p>
			</div>
			<p class="center"><b>How to Light Up the World</b></p>
			<p class="center"><audio :src="resource.listenOne" controls class="audio"
			></audio></p>
			<p class="center">
			<audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			</p>
			<p>
			（Excerpted from the speech “Learning from a Barefoot Movement”）
			</p>
			<p>
			If you go all over the world to very
			<span class="word-bc" @click="saveWord($event, 'remote')">remote</span>
			<span class="word-bc" >remote</span>
			villages,you will
			often find only very old people and very young people.The men have
			already left.So,we came up with the simple
			<span class="word-bc" @click="saveWord($event, 'solution')">solution</span>
			<span class="word-bc" >solution</span>
			of training
			grandmothers.Grandmothers are
			<span class="word-bc" @click="saveWord($event, 'compassionate')">compassionate</span>
			<span class="word-bc" >compassionate</span>
			,
			<span class="word-bc" @click="saveWord($event, 'tolerant')">tolerant</span>
			<span class="word-bc" >tolerant</span>
			,willing to
			learn,and patient.All the qualities that you need are there.
			</p>
			@@ -1794,15 +1790,15 @@
			Barefoot College follows the lifestyle of Gandhi:Students
			eat,sleep,and work on the floor.They can stay for 20 years,or they
			can go home tomorrow.As of today,we’ve trained 604 women
			<span class="word-bc" @click="saveWord($event, 'solar')">solar</span>
			<span class="word-bc" >solar</span>
			engineers from 1,083 villages in 63 countries.
			</p>
			<p>
			The engineers have solar-
			<span class="word-bc" @click="saveWord($event, 'electrified')">electrified</span>
			<span class="word-bc" >electrified</span>
			45,000 houses.Please remember
			that our students are
			<span class="word-bc" @click="saveWord($event, 'primarily')">primarily</span>
			<span class="word-bc" >primarily</span>
			women who have never left their
			villages before.They hate the idea of leaving their families and
			getting on a plane.When they reach India,sometimes after 19 hours
			@@ -1835,11 +1831,11 @@
			do all the training in sign language.Yet in six months,they will
			know more about solar engineering than most university
			graduates.Some women face problems at home for
			<span class="word-bc" @click="saveWord($event, 'attend')">attend</span>
			<span class="word-bc" >attend</span>
			ing Barefoot
			College.In most of these traditional societies,the husband
			says,“If you go for
			<span class="word-bc" @click="saveWord($event, 'training')">training</span>
			<span class="word-bc" >training</span>
			,don’t come back to me.I will take
			another wife.” Then the wife goes,and when she returns,she helps
			provide her village with solar electricity.And her husband
			@@ -1849,7 +1845,7 @@
			<p>
			We taught a woman from Afghanistan.It was the first time a
			grandmother had left her village.
			<span class="word-bc" @click="saveWord($event, 'Afterwards')">Afterwards</span>
			<span class="word-bc" >Afterwards</span>
			,at a community
			gathering,she went to sit with the men,who said,“What do you think
			you’re doing? You should be sitting with the women.” And she said
			@@ -1865,9 +1861,9 @@
			</p>
			<p>
			I’ll end the passage with a
			<span class="word-bc" @click="saveWord($event, 'quotation')">quotation</span>
			<span class="word-bc" >quotation</span>
			from Gandhi:“First they
			<span class="word-bc" @click="saveWord($event, 'ignore')">ignore</span>
			<span class="word-bc" >ignore</span>
			you,then they laugh at you,then they fight you,and then you
			win.”
			</p>
			@@ -1875,7 +1871,8 @@
			<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
			<span class="line-border-box"></span>
			</p>
			<audio :src="resource.listenOne" controls class="audio" ></audio>
			<audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			<p>remote /rɪˈməʊt/ <i>adj.</i> 偏远的</p>
			<div class="bkbj">
			<p><i>far away from places where other people live</i></p>
			@@ -1997,96 +1994,98 @@
			<td class="tl-lf table-th-bc">1. So far, what has BarefootCollege achieved?</td>
			<td style="width: 65%;">
			<p class="table-p"> It has trained l.
			<input :disabled="listenTwo[0].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 70px"
			<input :disabled="listenTwo[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="listenTwo[0].value[0].userAnswer" @input="saveListenTwo" />
			<span class="icon-box" v-if="listenTwo[0].isComplete">
			<svg v-if="listenTwo[0].value[0].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="listenTwo[0].value[0].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>
			women solar engineers.</p>
			<span class="icon-box" v-if="listenTwo[0].isComplete">
			<svg v-if="listenTwo[0].value[0].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="listenTwo[0].value[0].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>
			women solar engineers.
			</p>
			<p class="table-p">The women solar engineers are from 2.<input
			:disabled="listenTwo[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="listenTwo[0].value[1].userAnswer" @input="saveListenTwo" />
			<span class="icon-box" v-if="listenTwo[0].isComplete">
			<svg v-if="listenTwo[0].value[1].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="listenTwo[0].value[1].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>
			villages in 3.<input
			:disabled="listenTwo[0].isComplete" type="text"
			<span class="icon-box" v-if="listenTwo[0].isComplete">
			<svg v-if="listenTwo[0].value[1].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="listenTwo[0].value[1].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>
			villages in 3.<input :disabled="listenTwo[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="listenTwo[0].value[2].userAnswer" @input="saveListenTwo" />
			<span class="icon-box" v-if="listenTwo[0].isComplete">
			<svg v-if="listenTwo[0].value[2].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="listenTwo[0].value[2].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>
			countries.</p>
			<span class="icon-box" v-if="listenTwo[0].isComplete">
			<svg v-if="listenTwo[0].value[2].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="listenTwo[0].value[2].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>
			countries.
			</p>
			<p class="table-p">The engineers have solar-electrifed 4.<input
			:disabled="listenTwo[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="listenTwo[0].value[3].userAnswer" @input="saveListenTwo" />
			<span class="icon-box" v-if="listenTwo[0].isComplete">
			<svg v-if="listenTwo[0].value[3].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="listenTwo[0].value[3].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>
			homes.</p>
			<span class="icon-box" v-if="listenTwo[0].isComplete">
			<svg v-if="listenTwo[0].value[3].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="listenTwo[0].value[3].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>
			homes.
			</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			@@ -2096,56 +2095,57 @@
			:disabled="listenTwo[0].isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="listenTwo[0].value[4].userAnswer" @input="saveListenTwo" />
			<span class="icon-box" v-if="listenTwo[0].isComplete">
			<svg v-if="listenTwo[0].value[4].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="listenTwo[0].value[4].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>
			least developed countries
			with engineers.</p>
			<span class="icon-box" v-if="listenTwo[0].isComplete">
			<svg v-if="listenTwo[0].value[4].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="listenTwo[0].value[4].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>
			least developed countries
			with engineers.
			</p>
			<p class="table-p">He wants to reach 6.<input :disabled="listenTwo[0].isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="listenTwo[0].value[5].userAnswer" @input="saveListenTwo" />
			<span class="icon-box" v-if="listenTwo[0].isComplete">
			<svg v-if="listenTwo[0].value[5].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="listenTwo[0].value[5].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>
			people.</p>
			<span class="icon-box" v-if="listenTwo[0].isComplete">
			<svg v-if="listenTwo[0].value[5].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="listenTwo[0].value[5].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>
			people.
			</p>
			</td>
			</tr>
			</table>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="listenTwo[0].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[0].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in listenTwo[0].value" :key="index" class="mr-20">
			{{index + 1}}.{{item.answer}}
			<span v-for="(item, index) in listenTwo[0].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			</div>
			@@ -2174,29 +2174,27 @@
			B.Decide whether the following statements are true (T) or false
			(F).
			</p>
			<p v-for="(item,index) in listenTwo[1].value" :key="index" class="fl al-cn">
			<p v-for="(item, index) in listenTwo[1].value" :key="index" class="fl al-cn">
			<span>
			(
			<select class="select-border" v-model="listenTwo[1].value[index].userAnswer" @change="saveListenTwo"
			:disabled="listenTwo[1].isComplete" >
			<select class="select-border" v-model="listenTwo[1].value[index].userAnswer"
			@change="saveListenTwo" :disabled="listenTwo[1].isComplete">
			<option v-for="(citem, cindex) in listenTwo[1].option" :key="cindex" :value="citem">
			{{ citem }}
			{{ citem }}
			</option>
			</select>)
			</span>
			<span class="t0">{{index + 1}}.{{item.stem}}</span>
			<span class="t0">{{ index + 1 }}.{{ item.stem }}</span>
			<span class="icon-box" v-if="listenTwo[1].isComplete">
			<svg v-if="item.isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767"
			<svg v-if="item.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="item.isRight == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745"
			<svg v-if="item.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"
			@@ -2204,11 +2202,10 @@
			</svg>
			</span>
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="listenTwo[1].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[1].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in listenTwo[1].value" :key="index" class="mr-20">
			{{index + 1}}.{{item.answer}}
			<span v-for="(item, index) in listenTwo[1].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<p><b>Ⅱ.Language focus.</b></p>
			@@ -2216,21 +2213,20 @@
			A.Replace the words in italics with the exact words in the passage
			and change the form if necessary.
			</p>
			<p v-for="(item,index) in listenTwo[2].value" :key="index + 'listenTwo'" class="fl fw-wr">
			<span>{{index + 1}}.{{item.stem}}</span>
			<input type="text" :disabled="listenTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
			<p v-for="(item, index) in listenTwo[2].value" :key="index + 'listenTwo'" class="fl fw-wr">
			<span>{{ index + 1 }}.{{ item.stem }}</span>
			<input type="text" :disabled="listenTwo[2].isComplete" v-model="item.userAnswer"
			class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
			<span class="icon-box" v-if="listenTwo[2].isComplete">
			<svg v-if="item.isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767"
			<svg v-if="item.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="item.isRight == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745"
			<svg v-if="item.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"
			@@ -2238,11 +2234,10 @@
			</svg>
			</span>
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="listenTwo[2].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[2].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in listenTwo[2].value" :key="index" class="mr-20">
			{{index + 1}}.{{item.answer}}
			<span v-for="(item, index) in listenTwo[2].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<p>
			@@ -2256,23 +2251,23 @@
			</p>
			</div>
			<p>
			1.After watching the news,he
			<input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
			1.After watching the news,he
			<input type="text" :disabled="listenTwo[3].isComplete"
			v-model="listenTwo[3].value[0].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveListenTwo" style="width:80px">
			the idea to support the
			little girl’s education.
			<span class="icon-box" v-if="listenTwo[3].isComplete">
			<svg v-if="listenTwo[3].value[0].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">
			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="listenTwo[3].value[0].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">
			<svg v-if="listenTwo[3].value[0].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>
			@@ -2280,44 +2275,46 @@
			</span>
			</p>
			<p>
			2.Many Irish people
			<input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
			2.Many Irish people
			<input type="text" :disabled="listenTwo[3].isComplete"
			v-model="listenTwo[3].value[1].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveListenTwo" style="width:80px">
			America during the famine
			（饥荒时期）.
			<span class="icon-box" v-if="listenTwo[3].isComplete">
			<svg v-if="listenTwo[3].value[1].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">
			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="listenTwo[3].value[1].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">
			<svg v-if="listenTwo[3].value[1].isRight == false" t="1716987085767" class="icon"
			viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p>3.They <input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[2].userAnswer[0]" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
			the play <input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[2].userAnswer[1]" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px"> a song.
			<p>3.They <input type="text" :disabled="listenTwo[3].isComplete"
			v-model="listenTwo[3].value[2].userAnswer[0]" class="input-bottom-border input-bc-t"
			@input="saveListenTwo" style="width:80px">
			the play <input type="text" :disabled="listenTwo[3].isComplete"
			v-model="listenTwo[3].value[2].userAnswer[1]" class="input-bottom-border input-bc-t"
			@input="saveListenTwo" style="width:80px"> a song.
			<span class="icon-box" v-if="listenTwo[3].isComplete">
			<svg v-if="listenTwo[3].value[2].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">
			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="listenTwo[3].value[2].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">
			<svg v-if="listenTwo[3].value[2].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>
			@@ -2325,21 +2322,21 @@
			</span>
			</p>
			<p>4.The teacher’s smiles
			<input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
			the boy’s life.
			<span class="icon-box" v-if="listenTwo[3].isComplete">
			<input type="text" :disabled="listenTwo[3].isComplete"
			v-model="listenTwo[3].value[3].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveListenTwo" style="width:80px">
			the boy’s life.
			<span class="icon-box" v-if="listenTwo[3].isComplete">
			<svg v-if="listenTwo[3].value[3].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">
			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="listenTwo[3].value[3].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">
			<svg v-if="listenTwo[3].value[3].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>
			@@ -2347,33 +2344,32 @@
			</span>
			</p>
			<p>
			5.Girls in some parts of the world
			<input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
			gender discrimination.
			<span class="icon-box" v-if="listenTwo[3].isComplete">
			5.Girls in some parts of the world
			<input type="text" :disabled="listenTwo[3].isComplete"
			v-model="listenTwo[3].value[4].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveListenTwo" style="width:80px">
			gender discrimination.
			<span class="icon-box" v-if="listenTwo[3].isComplete">
			<svg v-if="listenTwo[3].value[4].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">
			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="listenTwo[3].value[4].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">
			<svg v-if="listenTwo[3].value[4].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>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="listenTwo[3].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[3].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in listenTwo[3].value" :key="index" class="mr-20">
			{{index + 1}}.{{ arrayToString(item.answer) }}
			<span v-for="(item, index) in listenTwo[3].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ arrayToString(item.answer) }}
			</span>
			</div>
			<!-- 提交按钮 -->
			@@ -2443,7 +2439,8 @@
			<div class="bodystyle">
			<h3 id="c025" class="fl al-cn">
			<span class="bjh3">Mini-project</span>
			<audio :src="resource.listenTwo" controls class="audio" ></audio>
			<audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			</h3>
			<p>
			Watch the video and mark what the man has done.Then discuss with
			@@ -2451,20 +2448,21 @@
			people’s lives.
			</p>
			<p>Things the man has done:</p>
			<p v-for="(item,index) in miniProjectTwo[0].option" :key="index">
			<input type="checkbox" name="Hold" :value="item" :disabled="miniProjectTwo[0].isComplete" v-model="miniProjectTwo[0].value[0].userAnswer" @change="saveMiniProjectTwo" />
			{{item}}
			<p v-for="(item, index) in miniProjectTwo[0].option" :key="index">
			<input type="checkbox" name="Hold" :value="item" :disabled="miniProjectTwo[0].isComplete"
			v-model="miniProjectTwo[0].value[0].userAnswer" @change="saveMiniProjectTwo" />
			{{ item }}
			<span class="icon-box" v-if="miniProjectTwo[0].isComplete">
			<svg v-if="isShowRight(miniProjectTwo[0].value[0].answer,miniProjectTwo[0].value[0].userAnswer,item)" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			<svg v-if="isShowRight(miniProjectTwo[0].value[0].answer, miniProjectTwo[0].value[0].userAnswer, item)"
			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="isShowRight(miniProjectTwo[0].value[0].answer,miniProjectTwo[0].value[0].userAnswer,item) == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			<svg v-if="isShowRight(miniProjectTwo[0].value[0].answer, miniProjectTwo[0].value[0].userAnswer, item) == 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
			@@ -2473,15 +2471,14 @@
			</svg>
			</span>
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="miniProjectTwo[0].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="miniProjectTwo[0].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in miniProjectTwo[0].value[0].answer" :key="index" class="mr-20">
			{{index + 1}}.{{ arrayToString(item) }}
			<span v-for="(item, index) in miniProjectTwo[0].value[0].answer" :key="index" class="mr-20">
			{{ index + 1 }}.{{ arrayToString(item) }}
			</span>
			</div>
			<!-- 提交按钮 -->
			<div class="w100 fl">
			<!-- 提交按钮 -->
			<div class="w100 fl">
			<ul class="fl ju-ar w100">
			<li>
			<button class="btn-border btn-w" @click="handelMiniProjectTwo">
			@@ -2522,7 +2519,7 @@
			<td>
			<textarea v-model="noSubmitData[1].value[0].userAnswer"
			class="w100 table-tr-bc b0 table-textarea "
			@change="saveNoSubmitData" ></textarea>
			@change="saveNoSubmitData"></textarea>
			</td>
			<td>
			<textarea v-model="noSubmitData[1].value[1].userAnswer"
			@@ -2734,48 +2731,52 @@
			<h2 id="b011">
			<img class="img-0" alt="" src="../../assets/images/dy3-le3.jpg" />
			</h2>
			<h3 id="c026"><span class="bjh3">Listening</span></h3>
			<audio :src="resource.listenThree" controls class="audio" ></audio>
			<h3 id="c026" class="fl al-cn">
			<span class="bjh3">Listening</span>
			<!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
			</h3>
			<p>
			<b>Ⅰ.Listen to the recording and fill in the blanks with what you
			<b>Ⅰ.Listen to the recording and fill in the blanks with what you
			hear.</b>
			</p>
			<audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			<p>
			Just now,I was giving people
			<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
			<input type="text" :disabled="listenThree[0].isComplete"
			v-model="listenThree[0].value[0].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveListenThree" style="width:80px">
			<span class="icon-box" v-if="listenThree[0].isComplete">
			<svg v-if="listenThree[0].value[0].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">
			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="listenThree[0].value[0].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">
			<svg v-if="listenThree[0].value[0].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>
			in Chinese.I am a
			<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
			<input type="text" :disabled="listenThree[0].isComplete"
			v-model="listenThree[0].value[1].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveListenThree" style="width:80px">
			<span class="icon-box" v-if="listenThree[0].isComplete">
			<svg v-if="listenThree[0].value[1].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">
			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="listenThree[0].value[1].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">
			<svg v-if="listenThree[0].value[1].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>
			@@ -2783,20 +2784,20 @@
			</span>
			here in Lotus Lane in Houhai.I’ve lived in Beijing for
			24 years and I’m
			<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
			<input type="text" :disabled="listenThree[0].isComplete"
			v-model="listenThree[0].value[2].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveListenThree" style="width:80px">
			<span class="icon-box" v-if="listenThree[0].isComplete">
			<svg v-if="listenThree[0].value[2].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">
			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="listenThree[0].value[2].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">
			<svg v-if="listenThree[0].value[2].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>
			@@ -2804,40 +2805,40 @@
			</span>
			from the United States.My name is
			Terry.I’m 64 years old and I’m
			<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
			<input type="text" :disabled="listenThree[0].isComplete"
			v-model="listenThree[0].value[3].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveListenThree" style="width:80px">
			<span class="icon-box" v-if="listenThree[0].isComplete">
			<svg v-if="listenThree[0].value[3].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">
			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="listenThree[0].value[3].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">
			<svg v-if="listenThree[0].value[3].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 I
			<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
			<input type="text" :disabled="listenThree[0].isComplete"
			v-model="listenThree[0].value[4].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveListenThree" style="width:80px">
			<span class="icon-box" v-if="listenThree[0].isComplete">
			<svg v-if="listenThree[0].value[4].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">
			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="listenThree[0].value[4].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">
			<svg v-if="listenThree[0].value[4].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>
			@@ -2845,20 +2846,20 @@
			</span>
			some of my
			time volunteering,helping
			<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
			<input type="text" :disabled="listenThree[0].isComplete"
			v-model="listenThree[0].value[5].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveListenThree" style="width:80px">
			<span class="icon-box" v-if="listenThree[0].isComplete">
			<svg v-if="listenThree[0].value[5].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">
			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="listenThree[0].value[5].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">
			<svg v-if="listenThree[0].value[5].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>
			@@ -2869,20 +2870,20 @@
			because I love doing things for people.I like to make people
			happy.I think by making people happy they make other people
			happy.It’s like
			<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[6].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
			<input type="text" :disabled="listenThree[0].isComplete"
			v-model="listenThree[0].value[6].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveListenThree" style="width:80px">
			<span class="icon-box" v-if="listenThree[0].isComplete">
			<svg v-if="listenThree[0].value[6].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">
			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="listenThree[0].value[6].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">
			<svg v-if="listenThree[0].value[6].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>
			@@ -2890,20 +2891,20 @@
			</span>
			a stone into the river.It makes little
			waves and your
			<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[7].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
			<input type="text" :disabled="listenThree[0].isComplete"
			v-model="listenThree[0].value[7].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveListenThree" style="width:80px">
			<span class="icon-box" v-if="listenThree[0].isComplete">
			<svg v-if="listenThree[0].value[7].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">
			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="listenThree[0].value[7].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">
			<svg v-if="listenThree[0].value[7].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>
			@@ -2911,32 +2912,31 @@
			</span>
			can be given to other people.
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="listenThree[0].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[0].isShowAnswer">
			<span>答案：</span>
			<span v-for="(item,index) in listenThree[0].value" :key="index" class="mr-20">
			{{index + 1}}.{{ arrayToString(item.answer) }}
			<span v-for="(item, index) in listenThree[0].value" :key="index" class="mr-20">
			{{ index + 1 }}.{{ arrayToString(item.answer) }}
			</span>
			</div>
			<p>
			<b>Ⅱ.Listen to the interview and answer the following
			questions.</b>
			</p>
			<audio :src="resource.listenFour" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			<p>
			1.When did Mr.Crossman start volunteering?
			<span class="icon-box" v-if="listenThree[1].isComplete">
			<svg v-if="listenThree[1].value[0].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">
			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="listenThree[1].value[0].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">
			<svg v-if="listenThree[1].value[0].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>
			@@ -2944,30 +2944,29 @@
			</span>
			</p>
			<p>
			<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[1].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
			<input type="text" :disabled="listenThree[0].isComplete"
			v-model="listenThree[1].value[0].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveListenThree">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="listenThree[1].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer">
			<span>答案：</span>
			<span class="mr-20">
			{{listenThree[1].value[0].answer}}
			<span class="mr-20">
			{{ listenThree[1].value[0].answer }}
			</span>
			</div>
			<p>
			2.Why was volunteering not easy in the beginning?
			<span class="icon-box" v-if="listenThree[1].isComplete">
			<svg v-if="listenThree[1].value[1].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">
			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="listenThree[1].value[1].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">
			<svg v-if="listenThree[1].value[1].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>
			@@ -2975,30 +2974,29 @@
			</span>
			</p>
			<p>
			<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[1].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
			<input type="text" :disabled="listenThree[0].isComplete"
			v-model="listenThree[1].value[1].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveListenThree">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="listenThree[1].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer">
			<span>答案：</span>
			<span class="mr-20">
			{{listenThree[1].value[1].answer}}
			<span class="mr-20">
			{{ listenThree[1].value[1].answer }}
			</span>
			</div>
			<p>
			3.What makes him popular?
			<span class="icon-box" v-if="listenThree[1].isComplete">
			<svg v-if="listenThree[1].value[2].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">
			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="listenThree[1].value[2].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">
			<svg v-if="listenThree[1].value[2].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>
			@@ -3006,30 +3004,29 @@
			</span>
			</p>
			<p>
			<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[1].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
			<input type="text" :disabled="listenThree[0].isComplete"
			v-model="listenThree[1].value[2].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveListenThree">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="listenThree[1].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer">
			<span>答案：</span>
			<span class="mr-20">
			{{listenThree[1].value[2].answer}}
			<span class="mr-20">
			{{ listenThree[1].value[2].answer }}
			</span>
			</div>
			<p>
			4.What’s his understanding of the volunteering spirit?
			<span class="icon-box" v-if="listenThree[1].isComplete">
			<svg v-if="listenThree[1].value[3].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">
			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="listenThree[1].value[3].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">
			<svg v-if="listenThree[1].value[3].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>
			@@ -3037,13 +3034,14 @@
			</span>
			</p>
			<p>
			<input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[1].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
			<input type="text" :disabled="listenThree[0].isComplete"
			v-model="listenThree[1].value[3].userAnswer" class="input-bottom-border input-bc-t"
			@input="saveListenThree">
			</p>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="listenThree[1].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer">
			<span>答案：</span>
			<span class="mr-20">
			{{listenThree[1].value[3].answer}}
			<span class="mr-20">
			{{ listenThree[1].value[3].answer }}
			</span>
			</div>
			<!-- 提交按钮 -->
			@@ -3102,18 +3100,21 @@
			</p>
			<p class="center" style="position: relative;">
			<img class="img-a" alt="" src="../../assets/images/0063-1.jpg" />
			<input type="checkbox" style="position: absolute;top:32%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Personal information" @change="savePracticalWriting" />
			<span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:32%;right:4%">
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Personal information')" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			<input type="checkbox" style="position: absolute;top:32%;right:28%"
			v-model="practicalWriting[2].value[0].userAnswer" value="Personal information"
			@change="savePracticalWriting" />
			<span class="icon-box" v-if="practicalWriting[2].isComplete"
			style="position: absolute;top:32%;right:4%">
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Personal information')"
			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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Personal information') == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Personal information') == 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
			@@ -3121,18 +3122,21 @@
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			<input type="checkbox" style="position: absolute;top:36%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Education background" @change="savePracticalWriting" />
			<span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:36%;right:4%">
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Education background')" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			<input type="checkbox" style="position: absolute;top:36%;right:28%"
			v-model="practicalWriting[2].value[0].userAnswer" value="Education background"
			@change="savePracticalWriting" />
			<span class="icon-box" v-if="practicalWriting[2].isComplete"
			style="position: absolute;top:36%;right:4%">
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Education background')"
			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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Education background') == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Education background') == 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
			@@ -3140,18 +3144,21 @@
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			<input type="checkbox" style="position: absolute;top:39.5%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Volunteering experience" @change="savePracticalWriting" />
			<span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:39.5%;right:4%">
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Volunteering experience')" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			<input type="checkbox" style="position: absolute;top:39.5%;right:28%"
			v-model="practicalWriting[2].value[0].userAnswer" value="Volunteering experience"
			@change="savePracticalWriting" />
			<span class="icon-box" v-if="practicalWriting[2].isComplete"
			style="position: absolute;top:39.5%;right:4%">
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Volunteering experience')"
			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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Volunteering experience') == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Volunteering experience') == 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
			@@ -3159,18 +3166,21 @@
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			<input type="checkbox" style="position: absolute;top:43%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Professional experience" @change="savePracticalWriting" />
			<span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:43%;right:2%">
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Professional experience')" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			<input type="checkbox" style="position: absolute;top:43%;right:28%"
			v-model="practicalWriting[2].value[0].userAnswer" value="Professional experience"
			@change="savePracticalWriting" />
			<span class="icon-box" v-if="practicalWriting[2].isComplete"
			style="position: absolute;top:43%;right:2%">
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Professional experience')"
			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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Professional experience') == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Professional experience') == 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
			@@ -3178,18 +3188,21 @@
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			<input type="checkbox" style="position: absolute; top:47%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Skills and qualifications" @change="savePracticalWriting" />
			<span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:47%;right:4%">
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Skills and qualifications')" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			<input type="checkbox" style="position: absolute; top:47%;right:28%"
			v-model="practicalWriting[2].value[0].userAnswer" value="Skills and qualifications"
			@change="savePracticalWriting" />
			<span class="icon-box" v-if="practicalWriting[2].isComplete"
			style="position: absolute;top:47%;right:4%">
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Skills and qualifications')"
			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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Skills and qualifications') == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Skills and qualifications') == 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
			@@ -3197,18 +3210,21 @@
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			<input type="checkbox" style="position: absolute; top:50.5%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Interests" @change="savePracticalWriting" />
			<span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:50.5%;right:4%">
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Interests')" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			<input type="checkbox" style="position: absolute; top:50.5%;right:28%"
			v-model="practicalWriting[2].value[0].userAnswer" value="Interests"
			@change="savePracticalWriting" />
			<span class="icon-box" v-if="practicalWriting[2].isComplete"
			style="position: absolute;top:50.5%;right:4%">
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Interests')"
			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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Interests') == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Interests') == 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
			@@ -3216,18 +3232,21 @@
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			<input type="checkbox" style="position: absolute; top:54.5%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="References" @change="savePracticalWriting" />
			<span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:54.5%;right:4%">
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'References')" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			<input type="checkbox" style="position: absolute; top:54.5%;right:28%"
			v-model="practicalWriting[2].value[0].userAnswer" value="References"
			@change="savePracticalWriting" />
			<span class="icon-box" v-if="practicalWriting[2].isComplete"
			style="position: absolute;top:54.5%;right:4%">
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'References')"
			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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'References') == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			<svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'References') == 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
			@@ -3263,44 +3282,42 @@
			Chinese.</b>
			</p>
			<p><b>1.gender</b></p>
			<matching :rawData="rawDataOne" :question="matchingQuestionOne" />
			<matching :rawData="rawDataOne" :question="matchingQuestionOne" />
			<p><b>2.degree level</b></p>
			<matching :rawData="rawDataTwo" :question="matchingQuestionTwo" />
			<matching :rawData="rawDataTwo" :question="matchingQuestionTwo" />
			<p><b>3.language level</b></p>
			<matching :rawData="rawDataThree" :question="matchingQuestionThree" />
			<matching :rawData="rawDataThree" :question="matchingQuestionThree" />
			<p><b>Ⅲ.Mark the appropriate statement for a profile.</b></p>
			<div v-for="(item,index) in practicalWriting[0].value" :key="index">
			<div v-for="(item, index) in practicalWriting[0].value" :key="index">
			<p>
			<b>{{index + 1}}. {{item.stem}} </b>
			<b>{{ index + 1 }}. {{ item.stem }} </b>
			<span class="icon-box" v-if="practicalWriting[0].isComplete">
			<svg v-if="item.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="item.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>
			<svg v-if="item.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="item.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 v-for="(citem,cindex) in item.option" :key="cindex">
			<input type="radio" :disabled="practicalWriting[0].isComplete" v-model="item.userAnswer" :value="citem.value" :name="citem.stem" />
			{{citem.value}}.{{citem.txt}}
			<p v-for="(citem, cindex) in item.option" :key="cindex">
			<input type="radio" :disabled="practicalWriting[0].isComplete" v-model="item.userAnswer"
			:value="citem.value" :name="citem.stem" />
			{{ citem.value }}.{{ citem.txt }}
			</p>
			</div>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="practicalWriting[0].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[0].isShowAnswer">
			<span>答案：</span>
			<span class="mr-20" v-for="(item,index) in practicalWriting[0].value" :key="index">
			{{index + 1}}.{{item.answer}}
			<span class="mr-20" v-for="(item, index) in practicalWriting[0].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			</div>
			@@ -3339,74 +3356,97 @@
			<img class="img-0" alt="" src="../../assets/images/0065-1.jpg" />
			</p> -->
			<div class="wating-email-box">
			<p class="center"> <b>Volunteer Profle</b> </p>
			<p class="center"> <b>Volunteer Profle</b> </p>
			<div>Personal information</div>
			<ul>
			<li>
			Name:
			<input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
			<input type="text" :disabled="practicalWriting[1].isComplete"
			v-model="practicalWriting[1].value[0].userAnswer"
			class="input-bottom-border input-bc-t" @input="saveListenThree">
			</li>
			<li>
			Nationality:
			<input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
			<input type="text" :disabled="practicalWriting[1].isComplete"
			v-model="practicalWriting[1].value[1].userAnswer"
			class="input-bottom-border input-bc-t" @input="saveListenThree">
			</li>
			<li>
			Gender:
			<input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
			<input type="text" :disabled="practicalWriting[1].isComplete"
			v-model="practicalWriting[1].value[2].userAnswer"
			class="input-bottom-border input-bc-t" @input="saveListenThree">
			</li>
			<li>
			Date of birth:
			<input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
			<input type="text" :disabled="practicalWriting[1].isComplete"
			v-model="practicalWriting[1].value[3].userAnswer"
			class="input-bottom-border input-bc-t" @input="saveListenThree">
			</li>
			<li>
			Email address:
			<input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
			<input type="text" :disabled="practicalWriting[1].isComplete"
			v-model="practicalWriting[1].value[4].userAnswer"
			class="input-bottom-border input-bc-t" @input="saveListenThree">
			</li>
			<li>
			Phone number:
			<input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
			<input type="text" :disabled="practicalWriting[1].isComplete"
			v-model="practicalWriting[1].value[5].userAnswer"
			class="input-bottom-border input-bc-t" @input="saveListenThree">
			</li>
			</ul>
			<div>
			<div>Address:</div>
			<input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[6].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
			<input type="text" :disabled="practicalWriting[1].isComplete"
			v-model="practicalWriting[1].value[6].userAnswer"
			class="input-bottom-border input-bc-t" @input="saveListenThree">
			</div>
			<div>Qualifications and skills</div>
			<div>Education background</div>
			<div class="fl wh-no w50" >
			<div class="fl wh-no w50">
			<span>Degree level:</span>
			<input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[7].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
			<input type="text" :disabled="practicalWriting[1].isComplete"
			v-model="practicalWriting[1].value[7].userAnswer"
			class="input-bottom-border input-bc-t" @input="saveListenThree">
			</div>
			<div class="fl wh-no w80" >
			<div class="fl wh-no w80">
			<span>Major:</span>
			<input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[8].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
			<input type="text" :disabled="practicalWriting[1].isComplete"
			v-model="practicalWriting[1].value[8].userAnswer"
			class="input-bottom-border input-bc-t" @input="saveListenThree">
			</div>
			<div class="fl wh-no w100" >
			<div class="fl wh-no w100">
			<span>University/College:</span>
			<input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[8].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
			<input type="text" :disabled="practicalWriting[1].isComplete"
			v-model="practicalWriting[1].value[8].userAnswer"
			class="input-bottom-border input-bc-t" @input="saveListenThree">
			</div>
			<div>
			<div>Other qualifcations, short courses and training</div>
			<textarea name="" id="" cols="30" rows="10" v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea>
			<textarea name="" id="" cols="30" rows="10"
			v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea>
			</div>
			<div class="fl wh-no w100" >
			<div class="fl wh-no w100">
			<span>Language level:</span>
			<input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[8].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
			<input type="text" :disabled="practicalWriting[1].isComplete"
			v-model="practicalWriting[1].value[8].userAnswer"
			class="input-bottom-border input-bc-t" @input="saveListenThree">
			</div>
			<div>
			<div>Volunteering experience</div>
			<textarea name="" id="" cols="30" rows="10" v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea>
			<textarea name="" id="" cols="30" rows="10"
			v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea>
			</div>
			</div>
			<div class="event-header-text-bc pd-5 w100 mt-20"
			v-if="practicalWriting[1].isShowAnswer">
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[1].isShowAnswer">
			<span>答案：</span>
			<span class="mr-20" v-for="(item,index) in practicalWriting[1].value" :key="index">
			{{index + 1}}.{{item.answer}}
			<span class="mr-20" v-for="(item, index) in practicalWriting[1].value" :key="index">
			{{ index + 1 }}.{{ item.answer }}
			</span>
			</div>
			<!-- 提交按钮 -->
			<div class="w100 fl">
			<!-- 提交按钮 -->
			<div class="w100 fl">
			<ul class="fl ju-ar w100">
			<li>
			<button class="btn-border btn-w" @click="handlePracticalWriting">
			@@ -3482,14 +3522,16 @@
			<td style="text-align: left">
			Self-introduction:
			<textarea v-model="noSubmitData[2].value[0].userAnswer" rows="6"
			class="w100 table-tr-bc table-textarea w95" @change="saveNoSubmitData"></textarea>
			class="w100 table-tr-bc table-textarea w95"
			@change="saveNoSubmitData"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td style="text-align: left">
			Questions that could be asked and your answers:
			<textarea v-model="noSubmitData[2].value[1].userAnswer" rows="6"
			class="w100 table-tr-bc table-textarea w95" @change="saveNoSubmitData"></textarea>
			class="w100 table-tr-bc table-textarea w95"
			@change="saveNoSubmitData"></textarea>
			</td>
			</tr>
			</table>
			@@ -3524,14 +3566,16 @@
			<td style="text-align: left">
			The volunteer evaluation rubric:
			<textarea v-model="noSubmitData[2].value[2].userAnswer" rows="6"
			class="w100 table-tr-bc table-textarea w95" @change="saveNoSubmitData"></textarea>
			class="w100 table-tr-bc table-textarea w95"
			@change="saveNoSubmitData"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td style="text-align: left">
			Question list:
			<textarea v-model="noSubmitData[2].value[3].userAnswer" rows="6"
			class="w100 table-tr-bc table-textarea w95" @change="saveNoSubmitData"></textarea>
			class="w100 table-tr-bc table-textarea w95"
			@change="saveNoSubmitData"></textarea>
			</td>
			</tr>
			</table>
			@@ -3851,7 +3895,7 @@
			value: [],
			answerImg: require("../../assets/images/matching-two.png"),
			},
			rawDataOne:{
			rawDataOne: {
			left: [
			{
			oldId: "FB34",
			@@ -3873,7 +3917,7 @@
			},
			],
			},
			matchingQuestionOne:{
			matchingQuestionOne: {
			KnowledgePoint: "123",
			analysis: "123",
			answer: [
			@@ -3973,7 +4017,7 @@
			nine: "",
			},
			},
			rawDataTwo:{
			rawDataTwo: {
			left: [
			{
			oldId: "FB34",
			@@ -4001,7 +4045,7 @@
			oldId: "43DB",
			txt: "a.技术/职业文凭",
			},


			{
			oldId: "44DE",
			txt: "b.中学教育",
			@@ -4020,7 +4064,7 @@
			},
			],
			},
			matchingQuestionTwo:{
			matchingQuestionTwo: {
			KnowledgePoint: "123",
			analysis: "123",
			answer: [
			@@ -4059,7 +4103,7 @@
			oldId: "43DB",
			txt: "a.技术/职业文凭",
			},


			{
			oldId: "44DE",
			txt: "b.中学教育",
			@@ -4110,7 +4154,7 @@
			value: [],
			answerImg: require("../../assets/images/matching-8.png"),
			},
			rawDataThree:{
			rawDataThree: {
			left: [
			{
			oldId: "FB34",
			@@ -4157,7 +4201,7 @@

			],
			},
			matchingQuestionThree:{
			matchingQuestionThree: {
			KnowledgePoint: "123",
			analysis: "123",
			answer: [
			@@ -4306,8 +4350,10 @@
			listenOne: "",
			readingOne: "",
			readingTwo: "",
			listenTwo:"",
			listenThree:""
			readingThree: "",
			readingFour: "",
			listenTwo: "",
			listenThree: ""
			},
			dropDownList: [
			"animal rescue and care",
			@@ -4339,67 +4385,67 @@
			},
			// 新增
			// 只需填空的题
			noSubmitData:[
			noSubmitData: [
			{
			type:"shortAnswer",
			value:[
			type: "shortAnswer",
			value: [
			{
			userAnswer:"",
			isShowAnswer:false
			userAnswer: "",
			isShowAnswer: false
			},
			{
			userAnswer:"",
			isShowAnswer:false,
			userAnswer: "",
			isShowAnswer: false,
			},
			{
			userAnswer:"",
			isShowAnswer:false,
			userAnswer: "",
			isShowAnswer: false,
			}
			]
			},
			{
			type:'table',
			value:[
			type: 'table',
			value: [
			{
			userAnswer:"",
			userAnswer: "",
			},
			{
			userAnswer:"",
			userAnswer: "",
			},
			{
			userAnswer:"",
			userAnswer: "",
			},
			{
			userAnswer:""
			userAnswer: ""
			},
			{
			userAnswer:""
			userAnswer: ""
			},
			{
			userAnswer:""
			userAnswer: ""
			},
			{
			userAnswer:""
			userAnswer: ""
			},
			{
			userAnswer:""
			userAnswer: ""
			},
			]
			},
			{
			type:'worksheet',
			value:[
			type: 'worksheet',
			value: [
			{
			userAnswer:'',
			userAnswer: '',
			},
			{
			userAnswer:'',
			userAnswer: '',
			},
			{
			userAnswer:'',
			userAnswer: '',
			},
			{
			userAnswer:'',
			userAnswer: '',
			},
			]
			},
			@@ -4429,434 +4475,434 @@
			]
			}
			],
			listenOne:[
			listenOne: [
			{
			id:0,
			value:'',
			stem:"Why do you want to be a volunteer?",
			option:['You can change lives.','You can stay with friends.','You can teach new skills.','You can make more money.'],
			answer:'You can change lives.',
			isRight:null,
			isComplete:false,
			isShowAnswer:false,
			id: 0,
			value: '',
			stem: "Why do you want to be a volunteer?",
			option: ['You can change lives.', 'You can stay with friends.', 'You can teach new skills.', 'You can make more money.'],
			answer: 'You can change lives.',
			isRight: null,
			isComplete: false,
			isShowAnswer: false,
			},
			{
			id:1,
			value:'',
			stem:'Who are more likely to be volunteers?',
			option:[' College students.','Nonprofessionals.','People without jobs.','Children.'],
			answer:'College students',
			isRight:null,
			isComplete:false,
			isShowAnswer:false,
			id: 1,
			value: '',
			stem: 'Who are more likely to be volunteers?',
			option: [' College students.', 'Nonprofessionals.', 'People without jobs.', 'Children.'],
			answer: 'College students',
			isRight: null,
			isComplete: false,
			isShowAnswer: false,
			},
			{
			id:3,
			value:'',
			stem:'.Which activity is NOT mentioned in the video?',
			option:['Volunteering in sport.','Emergency services.','Helping people with disabilities.','Teaching.'],
			answer:'Helping people with disabilities.',
			isRight:null,
			isComplete:false,
			isShowAnswer:false,
			id: 3,
			value: '',
			stem: '.Which activity is NOT mentioned in the video?',
			option: ['Volunteering in sport.', 'Emergency services.', 'Helping people with disabilities.', 'Teaching.'],
			answer: 'Helping people with disabilities.',
			isRight: null,
			isComplete: false,
			isShowAnswer: false,
			},
			],
			wordsOne:[
			wordsOne: [
			{
			type:"judge",
			isShowAnswer:false,
			isComplete:false,
			value:[
			type: "judge",
			isShowAnswer: false,
			isComplete: false,
			value: [
			{
			answer:"a",
			userAnswer:"",
			answer: "a",
			userAnswer: "",
			},
			{
			answer:"d",
			userAnswer:"",
			answer: "d",
			userAnswer: "",
			},
			{
			answer:"c",
			userAnswer:"",
			answer: "c",
			userAnswer: "",
			},
			{
			answer:"d",
			userAnswer:""
			answer: "d",
			userAnswer: ""
			},
			{
			answer:"b",
			userAnswer:""
			answer: "b",
			userAnswer: ""
			},
			]
			},
			{
			type:'fill',
			isShowAnswer:false,
			isComplete:false,
			value:[
			type: 'fill',
			isShowAnswer: false,
			isComplete: false,
			value: [
			{
			userAnswer:"",
			answer:"enormous",
			isRight:null
			userAnswer: "",
			answer: "enormous",
			isRight: null
			},
			{
			userAnswer:"",
			answer:"boost",
			isRight:null
			userAnswer: "",
			answer: "boost",
			isRight: null
			},
			{
			userAnswer:"",
			answer:"anxiety",
			isRight:null
			userAnswer: "",
			answer: "anxiety",
			isRight: null
			},
			{
			userAnswer:"",
			answer:"mortality",
			isRight:null
			userAnswer: "",
			answer: "mortality",
			isRight: null
			},
			{
			userAnswer:"",
			answer:"energizing",
			isRight:null
			userAnswer: "",
			answer: "energizing",
			isRight: null
			},
			{
			userAnswer:"",
			answer:"passion",
			isRight:null
			userAnswer: "",
			answer: "passion",
			isRight: null
			},
			]
			},
			{
			type:'shortAnswer',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'shortAnswer',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stem:'help out',
			userAnswer:'',
			answer:'I helped out with the check-in of athletes at the sports game.',
			isRight:null
			stem: 'help out',
			userAnswer: '',
			answer: 'I helped out with the check-in of athletes at the sports game.',
			isRight: null
			},
			{
			stem:'make a difference',
			userAnswer:'',
			answer:'No matter how small the deed is, it will make a difference to people who are in need.',
			isRight:null
			stem: 'make a difference',
			userAnswer: '',
			answer: 'No matter how small the deed is, it will make a difference to people who are in need.',
			isRight: null
			},
			{
			stem:'stretch one’s wings',
			userAnswer:'',
			answer:'Your experience of volunteering will help you to stretch your wings in your future career.',
			isRight:null
			stem: 'stretch one’s wings',
			userAnswer: '',
			answer: 'Your experience of volunteering will help you to stretch your wings in your future career.',
			isRight: null
			},
			{
			stem:'what’s more',
			userAnswer:'',
			answer:'Volunteering does good to one’s body; what’s more, it’s also good for one’s mental health.',
			isRight:null
			stem: 'what’s more',
			userAnswer: '',
			answer: 'Volunteering does good to one’s body; what’s more, it’s also good for one’s mental health.',
			isRight: null
			},
			{
			stem:'carry over',
			userAnswer:'',
			answer:'The spirit of volunteering will be carried over from generation to generation.',
			isRight:null
			stem: 'carry over',
			userAnswer: '',
			answer: 'The spirit of volunteering will be carried over from generation to generation.',
			isRight: null
			},
			]
			},
			{
			type:'translate',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'translate',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			userAnswer:'',
			answer:'加入学校里的青年志愿者协会扩大了她的朋友圈',
			isRight:null
			userAnswer: '',
			answer: '加入学校里的青年志愿者协会扩大了她的朋友圈',
			isRight: null
			},
			{
			userAnswer:'',
			answer:'服务2022的北京冬奥会是一次非常有意义且让人难忘的经历',
			isRight:null
			userAnswer: '',
			answer: '服务2022的北京冬奥会是一次非常有意义且让人难忘的经历',
			isRight: null
			},
			{
			userAnswer:'',
			answer:'对孩子们的承诺让她在这所乡村小学做了一辈子的老师',
			isRight:null
			userAnswer: '',
			answer: '对孩子们的承诺让她在这所乡村小学做了一辈子的老师',
			isRight: null
			},
			{
			userAnswer:'',
			answer:'参与不同的志愿者项目帮助他成长为了一个有远见的人',
			isRight:null
			userAnswer: '',
			answer: '参与不同的志愿者项目帮助他成长为了一个有远见的人',
			isRight: null
			},
			]
			},
			{
			type:'grammar',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'grammar',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			userAnswer:'',
			answer:'is considering',
			isRight:null
			userAnswer: '',
			answer: 'is considering',
			isRight: null
			},
			{
			userAnswer:'',
			answer:'am planning',
			isRight:null
			userAnswer: '',
			answer: 'am planning',
			isRight: null
			},
			{
			userAnswer:'',
			answer:'are doing',
			isRight:null
			userAnswer: '',
			answer: 'are doing',
			isRight: null
			},
			{
			userAnswer:'',
			answer:'are putting',
			isRight:null
			userAnswer: '',
			answer: 'are putting',
			isRight: null
			},
			{
			userAnswer:'',
			answer:'is having',
			isRight:null
			userAnswer: '',
			answer: 'is having',
			isRight: null
			},
			]
			},
			{
			type:'describe',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'describe',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			userAnswer:'',
			answer:'The volunteer is tutoring the children.',
			isRight:null
			userAnswer: '',
			answer: 'The volunteer is tutoring the children.',
			isRight: null
			},
			{
			userAnswer:'',
			answer:'Students are helping with farming.',
			isRight:null
			userAnswer: '',
			answer: 'Students are helping with farming.',
			isRight: null
			},
			{
			userAnswer:'',
			answer:'A group of volunteers are cleaning up trashes on the beach.',
			isRight:null
			userAnswer: '',
			answer: 'A group of volunteers are cleaning up trashes on the beach.',
			isRight: null
			},
			{
			userAnswer:'',
			answer:'The little girl is holding a donation box full of clothes.',
			isRight:null
			userAnswer: '',
			answer: 'The little girl is holding a donation box full of clothes.',
			isRight: null
			},
			]
			}
			],
			miniTable:[
			miniTable: [
			{
			value:[
			{
			userAnswer:""
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			value: [
			{
			userAnswer: ""
			},
			{
			userAnswer: ''
			},
			{
			userAnswer: ''
			},
			]
			},
			{
			value:[
			value: [
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer:''
			userAnswer: ''
			},
			{
			userAnswer: ''
			},
			{
			userAnswer: ''
			},
			{
			userAnswer: ''
			},
			{
			userAnswer: ''
			},
			{
			userAnswer: ''
			},
			{
			userAnswer: ''
			},
			{
			userAnswer: ''
			},
			]
			}
			],
			listenTwo:[
			listenTwo: [
			{
			type:"fill ",
			isShowAnswer:false,
			isComplete:false,
			value:[
			type: "fill ",
			isShowAnswer: false,
			isComplete: false,
			value: [
			{
			answer:604,
			userAnswer:"",
			isRight:null
			answer: 604,
			userAnswer: "",
			isRight: null
			},
			{
			answer:1083,
			userAnswer:"",
			isRight:null
			answer: 1083,
			userAnswer: "",
			isRight: null
			},
			{
			answer:63,
			userAnswer:"",
			isRight:null
			answer: 63,
			userAnswer: "",
			isRight: null
			},
			{
			answer:4500,
			userAnswer:"",
			isRight:null
			answer: 4500,
			userAnswer: "",
			isRight: null
			},
			{
			answer:47,
			userAnswer:"",
			isRight:null
			answer: 47,
			userAnswer: "",
			isRight: null
			},
			{
			answer:100000,
			userAnswer:"",
			isRight:null
			answer: 100000,
			userAnswer: "",
			isRight: null
			},
			]
			},
			{
			type:"dropdown",
			isComplete:false,
			isShowAnswer:false,
			option:['T','F'],
			value:[
			type: "dropdown",
			isComplete: false,
			isShowAnswer: false,
			option: ['T', 'F'],
			value: [
			{
			stem:"Showing compassion and being patient are qualities needed for training.",
			answer:'T',
			userAnswer:'',
			isRight:null
			stem: "Showing compassion and being patient are qualities needed for training.",
			answer: 'T',
			userAnswer: '',
			isRight: null
			},
			{
			stem:"Women have to overcome a lot of difficulties to attend Barefoot College.",
			answer:'T',
			userAnswer:'',
			isRight:null
			stem: "Women have to overcome a lot of difficulties to attend Barefoot College.",
			answer: 'T',
			userAnswer: '',
			isRight: null
			},
			{
			stem:"Half of the courses in the training are done in sign language.",
			answer:'F',
			userAnswer:'',
			isRight:null
			stem: "Half of the courses in the training are done in sign language.",
			answer: 'F',
			userAnswer: '',
			isRight: null
			},
			{
			stem:"Husbands are always supportive for wives to go for training.",
			answer:'F',
			userAnswer:'',
			isRight:null
			stem: "Husbands are always supportive for wives to go for training.",
			answer: 'F',
			userAnswer: '',
			isRight: null
			},
			{
			stem:"The training helps women gain respect for the changes they brought in.",
			answer:'T',
			userAnswer:'',
			isRight:null
			stem: "The training helps women gain respect for the changes they brought in.",
			answer: 'T',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stem:"In far-away areas,only the old and the kids are left.",
			answer:"remote",
			userAnswer:"",
			isRight:null
			stem: "In far-away areas,only the old and the kids are left.",
			answer: "remote",
			userAnswer: "",
			isRight: null
			},
			{
			stem:"The government works on ways to fight against poverty.",
			answer:"solutions",
			userAnswer:"",
			isRight:null
			stem: "The government works on ways to fight against poverty.",
			answer: "solutions",
			userAnswer: "",
			isRight: null
			},
			{
			stem:"People having no access to electricity mainly live in Africa.",
			answer:"primarily",
			userAnswer:"",
			isRight:null
			stem: "People having no access to electricity mainly live in Africa.",
			answer: "primarily",
			userAnswer: "",
			isRight: null
			},
			{
			stem:"Some college students choose to join volunteering programs after graduation.",
			answer:"attend",
			userAnswer:"",
			isRight:null
			stem: "Some college students choose to join volunteering programs after graduation.",
			answer: "attend",
			userAnswer: "",
			isRight: null
			},
			{
			stem:"Family reunion is a usual way to celebrate the Spring Festival.",
			answer:"Traditional",
			userAnswer:"",
			isRight:null
			stem: "Family reunion is a usual way to celebrate the Spring Festival.",
			answer: "Traditional",
			userAnswer: "",
			isRight: null
			},
			]
			},
			{
			type:"fill",
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: "fill",
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer:"came up with",
			userAnswer:"",
			isRight:null
			answer: "came up with",
			userAnswer: "",
			isRight: null
			},
			{
			answer:"went over to",
			userAnswer:"",
			isRight:null
			answer: "went over to",
			userAnswer: "",
			isRight: null
			},
			{
			answer:["ended","with"],
			userAnswer:["",""],
			isRight:null
			answer: ["ended", "with"],
			userAnswer: ["", ""],
			isRight: null
			},
			{
			answer:"lit up",
			userAnswer:"",
			isRight:null
			answer: "lit up",
			userAnswer: "",
			isRight: null
			},
			{
			answer:"are faced with",
			userAnswer:"",
			isRight:null
			answer: "are faced with",
			userAnswer: "",
			isRight: null
			},
			]
			}
			],
			miniProjectTwo:[
			miniProjectTwo: [
			{
			type:'choice',
			isComplete:false,
			isShowAnswer:false,
			option:[
			type: 'choice',
			isComplete: false,
			isShowAnswer: false,
			option: [
			'Hold the elevator for the lady',
			'Catch the balloon for the kid',
			'Stop the shopping cart',
			@@ -4864,239 +4910,239 @@
			'Help the old cross the street',
			'Plant trees in the park'
			],
			value:[
			value: [
			{
			answer:['Hold the elevator for the lady'],
			userAnswer:[]
			answer: ['Hold the elevator for the lady'],
			userAnswer: []
			}
			]
			}
			],
			listenThree:[
			listenThree: [
			{
			type:'fill',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'fill',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer:'directions',
			userAnswer:'',
			isRight:null
			answer: 'directions',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'volunteer',
			userAnswer:'',
			isRight:null
			answer: 'volunteer',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'actually',
			userAnswer:'',
			isRight:null
			answer: 'actually',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'retired',
			userAnswer:'',
			isRight:null
			answer: 'retired',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'spend',
			userAnswer:'',
			isRight:null
			answer: 'spend',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'tourists',
			userAnswer:'',
			isRight:null
			answer: 'tourists',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'throwing',
			userAnswer:'',
			isRight:null
			answer: 'throwing',
			userAnswer: '',
			isRight: null
			},
			{
			answer:'happiness',
			userAnswer:'',
			isRight:null
			answer: 'happiness',
			userAnswer: '',
			isRight: null
			},
			]
			},
			{
			type:'fill',
			isShowAnswer:false,
			value:[
			type: 'fill',
			isShowAnswer: false,
			value: [
			{
			stem:'When did Mr.Crossman start volunteering?',
			answer:'He started volunteering in March 2017 after his retirement.',
			userAnswer:''
			stem: 'When did Mr.Crossman start volunteering?',
			answer: 'He started volunteering in March 2017 after his retirement.',
			userAnswer: ''
			},
			{
			stem:'Why was volunteering not easy in the beginning?',
			answer:'He was unfamiliar with the surroundings.',
			userAnswer:''
			stem: 'Why was volunteering not easy in the beginning?',
			answer: 'He was unfamiliar with the surroundings.',
			userAnswer: ''
			},
			{
			stem:'What makes him popular?',
			answer:'He speaks fluent Chinese.',
			userAnswer:''
			stem: 'What makes him popular?',
			answer: 'He speaks fluent Chinese.',
			userAnswer: ''
			},
			{
			stem:'What’s his understanding of the volunteering spirit?',
			answer:'You get more than what you give in a way.',
			userAnswer:''
			stem: 'What’s his understanding of the volunteering spirit?',
			answer: 'You get more than what you give in a way.',
			userAnswer: ''
			},
			]
			}
			],
			practicalWriting:[
			practicalWriting: [
			{
			type:'radio',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'radio',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			stem:'国籍：中国',
			option:[
			stem: '国籍：中国',
			option: [
			{
			value:'a',
			txt:'Nationality:China'
			value: 'a',
			txt: 'Nationality:China'
			},
			{
			value:'b',
			txt:'Nationality:Chinese'
			value: 'b',
			txt: 'Nationality:Chinese'
			}
			],
			answer:'b',
			userAnswer:''
			answer: 'b',
			userAnswer: ''
			},
			{
			stem:'北京市高新区盛邦路30号',
			option:[
			stem: '北京市高新区盛邦路30号',
			option: [
			{
			value:'a',
			txt:'No.30 Shengbang Road,Hi-tech Zone,Beijing'
			value: 'a',
			txt: 'No.30 Shengbang Road,Hi-tech Zone,Beijing'
			},
			{
			value:'b',
			txt:'Beijing,Hi-tech Zone,Shengbang Road,No.30'
			value: 'b',
			txt: 'Beijing,Hi-tech Zone,Shengbang Road,No.30'
			}
			],
			answer:'a',
			userAnswer:''
			answer: 'a',
			userAnswer: ''
			},
			{
			stem:'英文流利，普通话母语水平',
			option:[
			stem: '英文流利，普通话母语水平',
			option: [
			{
			value:'a',
			txt:'Fluent in English; native in Mandarin'
			value: 'a',
			txt: 'Fluent in English; native in Mandarin'
			},
			{
			value:'b',
			txt:'I speak fluent English,and I’m a native speaker of Mandarin.'
			value: 'b',
			txt: 'I speak fluent English,and I’m a native speaker of Mandarin.'
			}
			],
			answer:'a',
			userAnswer:''
			answer: 'a',
			userAnswer: ''
			},
			{
			stem:'熟练使用Word、Excel和PPT',
			option:[
			stem: '熟练使用Word、Excel和PPT',
			option: [
			{
			value:'a',
			txt:'I can use Word,Excel and PPT frequently.'
			value: 'a',
			txt: 'I can use Word,Excel and PPT frequently.'
			},
			{
			value:'b',
			txt:'Proficient user of Word,Excel and PPT'
			value: 'b',
			txt: 'Proficient user of Word,Excel and PPT'
			}
			],
			answer:'b',
			userAnswer:''
			answer: 'b',
			userAnswer: ''
			},
			{
			stem:'担任世博会翻译和接待工作',
			option:[
			stem: '担任世博会翻译和接待工作',
			option: [
			{
			value:'a',
			txt:'Served as an interpreter and receptionist at the World Expo'
			value: 'a',
			txt: 'Served as an interpreter and receptionist at the World Expo'
			},
			{
			value:'b',
			txt:'Working as an interpreter and receptionist at the World Expo'
			value: 'b',
			txt: 'Working as an interpreter and receptionist at the World Expo'
			}
			],
			answer:'a',
			userAnswer:''
			answer: 'a',
			userAnswer: ''
			},
			]
			},
			{
			type:'email',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'email',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer:'Li Hai',
			userAnswer:''
			answer: 'Li Hai',
			userAnswer: ''
			},
			{
			answer:'Chinese',
			userAnswer:''
			answer: 'Chinese',
			userAnswer: ''
			},
			{
			answer:'Male',
			userAnswer:''
			answer: 'Male',
			userAnswer: ''
			},
			{
			answer:'21/08/2000',
			userAnswer:''
			answer: '21/08/2000',
			userAnswer: ''
			},
			{
			answer:'simonli@email.com',
			userAnswer:''
			answer: 'simonli@email.com',
			userAnswer: ''
			},
			{
			answer:'1532788901',
			userAnswer:''
			answer: '1532788901',
			userAnswer: ''
			},
			{
			answer:'No. 1600, 5th Tianfu Street, Tianfu District, Chengdu',
			userAnswer:''
			answer: 'No. 1600, 5th Tianfu Street, Tianfu District, Chengdu',
			userAnswer: ''
			},
			{
			answer:'Vocational diploma',
			userAnswer:''
			answer: 'Vocational diploma',
			userAnswer: ''
			},
			{
			answer:'Business English',
			userAnswer:''
			answer: 'Business English',
			userAnswer: ''
			},
			{
			answer:'Chengdu Polytechnic',
			userAnswer:''
			answer: 'Chengdu Polytechnic',
			userAnswer: ''
			},
			{
			answer:'Teacher’s certificate; Driving license;Two-week training on effective communication.',
			userAnswer:''
			answer: 'Teacher’s certificate; Driving license;Two-week training on effective communication.',
			userAnswer: ''
			},
			{
			answer:'Fluent in English; native in Mandarin',
			userAnswer:''
			answer: 'Fluent in English; native in Mandarin',
			userAnswer: ''
			},
			{
			answer:'Served as a member of organizing committee of FISU World University Games 07/2022- 08/2022; Provided language service.',
			userAnswer:''
			answer: 'Served as a member of organizing committee of FISU World University Games 07/2022- 08/2022; Provided language service.',
			userAnswer: ''
			},
			]
			},
			{
			type:'checkbox',
			isComplete:false,
			isShowAnswer:false,
			value:[
			type: 'checkbox',
			isComplete: false,
			isShowAnswer: false,
			value: [
			{
			answer:['Personal information','Skills and qualifications','Education background','Interests','Volunteering experience'],
			userAnswer:[]
			answer: ['Personal information', 'Skills and qualifications', 'Education background', 'Interests', 'Volunteering experience'],
			userAnswer: []
			}
			]
			},
			@@ -5112,35 +5158,32 @@
			if (dropdownData) this.dropdownData = JSON.parse(dropdownData);
			// 新增
			const listenOne = localStorage.getItem("english-chapter03-listenOne");
			if(listenOne) this.listenOne = JSON.parse(listenOne)
			if (listenOne) this.listenOne = JSON.parse(listenOne)
			const noSubmitData = localStorage.getItem('english-chapter03-noSubmitData')
			if(noSubmitData) this.noSubmitData = JSON.parse(noSubmitData);
			const wordsOne = localStorage.getItem('english-chapter03-wordsOne')
			if(wordsOne) this.wordsOne = JSON.parse(wordsOne)
			const miniTable = localStorage.getItem('english-chapter03-miniTable')
			if(miniTable) this.miniTable = JSON.parse(miniTable)
			const listenTwo = localStorage.getItem('english-chapter03-listenTwo')
			if(listenTwo) this.listenTwo = JSON.parse(listenTwo)
			if (noSubmitData) this.noSubmitData = JSON.parse(noSubmitData);
			const wordsOne = localStorage.getItem('english-chapter03-wordsOne')
			if (wordsOne) this.wordsOne = JSON.parse(wordsOne)
			const miniTable = localStorage.getItem('english-chapter03-miniTable')
			if (miniTable) this.miniTable = JSON.parse(miniTable)
			const listenTwo = localStorage.getItem('english-chapter03-listenTwo')
			if (listenTwo) this.listenTwo = JSON.parse(listenTwo)
			const miniProjectTwo = localStorage.getItem('english-chapter03-miniProjectTwo')
			if(miniProjectTwo) this.miniProjectTwo = JSON.parse(miniProjectTwo)
			if (miniProjectTwo) this.miniProjectTwo = JSON.parse(miniProjectTwo)
			const listenThree = localStorage.getItem('english-chapter03-listenThree')
			if(listenThree) this.listenThree = JSON.parse(listenThree)
			if (listenThree) this.listenThree = JSON.parse(listenThree)
			const practicalWriting = localStorage.getItem('english-chapter03-practicalWriting')
			if(practicalWriting) this.practicalWriting = JSON.parse(practicalWriting)
			if (practicalWriting) this.practicalWriting = JSON.parse(practicalWriting)
			this.getPath();




			},
			methods: {
			arrayToString(data) {
			if(Array.isArray(data)) {
			return data.toString()
			if (Array.isArray(data)) {
			return data.toString()
			} else {
			return data
			}
			},
			saveWord(event, word) {
			this.$emit("saveCharacters", event, word);
			},
			setTestData() {
			localStorage.setItem("english-testOne", JSON.stringify(this.testData));
			@@ -5216,14 +5259,26 @@
			"CAA563DB7727326EF9469C71E198DC20"
			);
			this.resource.readingTwo = await getResourcePath(
			"E8719EC88026BCFB11D292AA999F6D3D"
			"E18F33A25DEB9B77CCBA5FC2977E3385"
			);
			this.resource.readingThree = await getResourcePath(
			"6CC658238756D3B60721712FA2453082"
			);

			this.resource.readingFour = await getResourcePath(
			"7E56A7028EFD4ECB1320DB02D079F2A2"
			);

			this.resource.listenTwo = await getResourcePath(
			"EE3DC2A770CB6280D5F57930017F8473"
			"E143D4F451EA8172C368005710C4692B"
			);


			this.resource.listenThree = await getResourcePath(
			"E143D4F451EA8172C368005710C4692B"
			);

			this.resource.listenFour = await getResourcePath(
			"B9FD8D144AB41BB9BFB7D363F0FD7975"
			);
			},
			showAnswer(type) {
			@@ -5308,22 +5363,22 @@
			// lietenOne
			// 提交
			handelListenOneData() {
			for(let index = 0;index < this.listenOne.length;index ++) {
			const item = this.listenOne[index]
			item.isRight = item.value == item.answer
			item.isComplete = true
			item.isShowAnswer = true
			}
			console.log('提价',this.listenOne)
			this.saveListenOneData()
			for (let index = 0; index < this.listenOne.length; index++) {
			const item = this.listenOne[index]
			item.isRight = item.value == item.answer
			item.isComplete = true
			item.isShowAnswer = true
			}
			console.log('提价', this.listenOne)
			this.saveListenOneData()
			},
			// 保存
			saveListenOneData() {
			localStorage.setItem('english-chapter03-listenOne',JSON.stringify(this.listenOne))
			localStorage.setItem('english-chapter03-listenOne', JSON.stringify(this.listenOne))
			},
			// 查看答案
			viewListenOneData() {
			for(let index = 0;index < this.listenOne.length;index ++) {
			for (let index = 0; index < this.listenOne.length; index++) {
			const item = this.listenOne[index]
			item.isShowAnswer = !item.isShowAnswer
			}
			@@ -5331,7 +5386,7 @@
			// 重做
			recastListenOneData() {
			localStorage.removeItem('english-chapter03-listenOne')
			for(let index = 0;index < this.listenOne.length;index ++) {
			for (let index = 0; index < this.listenOne.length; index++) {
			const item = this.listenOne[index]
			item.value = ''
			item.isRight = null
			@@ -5341,16 +5396,16 @@
			// 只需要保存的题目数据
			// 保存
			saveNoSubmitData() {
			localStorage.setItem('english-chapter03-noSubmitData',JSON.stringify(this.noSubmitData))
			localStorage.setItem('english-chapter03-noSubmitData', JSON.stringify(this.noSubmitData))
			},
			// 查看答案
			viewNoSubmitData(num,number) {
			viewNoSubmitData(num, number) {
			this.noSubmitData[num].value[number].isShowAnswer = !this.noSubmitData[num].value[number].isShowAnswer
			},
			// wordsOne
			// 保存
			savewordsOne() {
			localStorage.setItem('english-chapter03-wordsOne',JSON.stringify(this.wordsOne))
			localStorage.setItem('english-chapter03-wordsOne', JSON.stringify(this.wordsOne))
			},
			// 重做
			recastwordsOne() {
			@@ -5362,7 +5417,7 @@
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.userAnswer = '',
			citem.isRight = null
			citem.isRight = null
			}
			}
			},
			@@ -5386,10 +5441,10 @@
			},
			saveminiTable() {
			console.log(1);
			localStorage.setItem('english-chapter03-miniTable',JSON.stringify(this.miniTable))
			localStorage.setItem('english-chapter03-miniTable', JSON.stringify(this.miniTable))
			},
			saveListenTwo() {
			localStorage.setItem('english-chapter03-listenTwo',JSON.stringify(this.listenTwo))
			localStorage.setItem('english-chapter03-listenTwo', JSON.stringify(this.listenTwo))
			},
			handelListenTwo() {
			for (let index = 0; index < this.listenTwo.length; index++) {
			@@ -5412,14 +5467,14 @@
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = null
			if(Array.isArray(citem.userAnswer)) {
			citem.userAnswer = ["",""]
			if (Array.isArray(citem.userAnswer)) {
			citem.userAnswer = ["", ""]
			} else {
			citem.userAnswer= ""
			citem.userAnswer = ""
			}
			}
			}


			},
			viewListenTwo() {
			for (let index = 0; index < this.listenTwo.length; index++) {
			@@ -5428,7 +5483,7 @@
			}
			},
			saveMiniProjectTwo() {
			localStorage.setItem('english-chapter03-miniProjectTwo',JSON.stringify(this.miniProjectTwo))
			localStorage.setItem('english-chapter03-miniProjectTwo', JSON.stringify(this.miniProjectTwo))
			},
			handelMiniProjectTwo() {
			for (let index = 0; index < this.miniProjectTwo.length; index++) {
			@@ -5457,7 +5512,7 @@
			}
			},
			saveListenThree() {
			localStorage.setItem('english-chapter03-listenThree',JSON.stringify(this.listenThree))
			localStorage.setItem('english-chapter03-listenThree', JSON.stringify(this.listenThree))
			},
			handelListenThree() {
			for (let index = 0; index < this.listenThree.length; index++) {
			@@ -5490,14 +5545,14 @@
			}
			},
			savePracticalWriting() {
			localStorage.setItem('english-chapter03-practicalWriting',JSON.stringify(this.practicalWriting))
			localStorage.setItem('english-chapter03-practicalWriting', JSON.stringify(this.practicalWriting))
			},
			handlePracticalWriting() {
			for (let index = 0; index < this.practicalWriting.length; index++) {
			const item = this.practicalWriting[index];
			item.isComplete = true
			item.isShowAnswer = true
			if(item.type == 'radio') {
			if (item.type == 'radio') {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = citem.userAnswer == citem.answer
			@@ -5511,11 +5566,11 @@
			const item = this.practicalWriting[index];
			item.isComplete = false
			item.isShowAnswer = false
			if(item.type == 'radio') {
			if (item.type == 'radio') {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			citem.isRight = null,
			citem.userAnswer = ''
			citem.userAnswer = ''
			}
			}
			}
			@@ -5608,14 +5663,16 @@
			right: 0;
			background-color: red;
			}

			.wating-email-box {
			background-color: #e0eaf7;
			border: 2px solid #95b8d3;
			padding: 0 10px ;
			padding: 0 10px;

			ul {
			display: flex;
			flex-wrap: wrap;


			li {
			white-space: nowrap;
			margin-right: 20px;