From 467a032d491ea1cc35eabc09f0232d93a9f7a94f Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 23 七月 2024 14:21:01 +0800
Subject: [PATCH] 英语点击单词卡方法优化

---
 src/books/English/view/components/chapter003.vue | 2692 +++++++++++++++++++++++++++++++----------------------------
 1 files changed, 1,402 insertions(+), 1,290 deletions(-)

diff --git a/src/books/English/view/components/chapter003.vue b/src/books/English/view/components/chapter003.vue
index 8642c6d..d4ba550 100644
--- a/src/books/English/view/components/chapter003.vue
+++ b/src/books/English/view/components/chapter003.vue
@@ -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,鈥淭he rose is in her hand,the flavor in mine.鈥�
                             What鈥檚 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鈥檙e 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鈥檝e developed these qualities and
@@ -529,17 +524,17 @@
                         <p>
                             What鈥檚 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 &amp; 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鈥檛 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鈥檛 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鈥檚 mental health.
                         </p>
                         <p>
                             3.In what way can volunteering help with one鈥檚 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鈥檚 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鈥檚 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%;">
@@ -1708,9 +1702,6 @@
                                 your partner to do research online and match the following
                                 organizations with their missions.</b>
                         </p>
-                        <p class="center">
-                            <img class="img-a" alt="" src="../../assets/images/0056-1.jpg" />
-                        </p>
                     </div>
                 </div>
                 <div class="preface-bottom">
@@ -1740,26 +1731,58 @@
                         <p>
                             1.More and more organizations and individuals in China are working
                             in public service.Can you name a few?
+                            <span class="btn-box" @click="showNoSubmitAnswer(3,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"
+                                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+                                    transform="translate(-3327.144 15329)" />
+                                </svg>
+                            </span>
                         </p>
-                        <p>2.What changes do they bring to China?</p>
+                        <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
+                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[0].isShowAnswer">
+                            <span>绛旀锛�</span>
+                            <P v-for="(item,index) in noSubmitData[3].value[0].answer">
+                                {{index + 1}}.{{item}}
+                            </p>
+                        </div>
+                        <p>
+                            2.What changes do they bring to China?
+                            <span class="btn-box" @click="showNoSubmitAnswer(3,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"
+                                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+                                    transform="translate(-3327.144 15329)" />
+                                </svg>
+                            </span>
+                        </p>
+                        <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[1].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
+                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[1].isShowAnswer">
+                            <span>绛旀锛�</span>
+                            <P v-for="(item,index) in noSubmitData[3].value[1].answer">
+                                {{index + 1}}.{{item}}
+                            </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>
                             锛圗xcerpted from the speech 鈥淟earning 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>
@@ -1767,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鈥檝e 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
@@ -1808,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,鈥淚f you go for
-                            <span class="word-bc" @click="saveWord($event, 'training')">training</span>
+                            <span class="word-bc" >training</span>
                             ,don鈥檛 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
@@ -1822,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,鈥淲hat do you think
                             you鈥檙e doing? You should be sitting with the women.鈥� And she said
@@ -1838,9 +1861,9 @@
                         </p>
                         <p>
                             I鈥檒l end the passage with a
-                            <span class="word-bc" @click="saveWord($event, 'quotation')">quotation</span>
+                            <span class="word-bc" >quotation</span>
                             from Gandhi:鈥淔irst 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>
@@ -1848,7 +1871,8 @@
                             <span class="zt-cs" style="font-size: 20px">Words &amp; 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>
@@ -1970,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">
@@ -2069,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>
@@ -2147,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"
@@ -2177,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>
@@ -2189,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"
@@ -2211,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>
@@ -2229,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鈥檚 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>
@@ -2253,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>
@@ -2298,21 +2322,21 @@
                             </span>
                         </p>
                         <p>4.The teacher鈥檚 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鈥檚 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鈥檚 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>
@@ -2320,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>
                         <!-- 鎻愪氦鎸夐挳 -->
@@ -2416,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
@@ -2424,20 +2448,21 @@
                             people鈥檚 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
@@ -2446,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">
@@ -2495,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"
@@ -2707,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>
@@ -2756,20 +2784,20 @@
                             </span>
                             here in Lotus Lane in Houhai.I鈥檝e lived in Beijing for
                             24 years and I鈥檓
-                            <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>
@@ -2777,40 +2805,40 @@
                             </span>
                             from the United States.My name is
                             Terry.I鈥檓 64 years old and I鈥檓
-                            <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>
@@ -2818,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>
@@ -2842,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鈥檚 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>
@@ -2863,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>
@@ -2884,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>
@@ -2917,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>
@@ -2948,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>
@@ -2979,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鈥檚 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>
@@ -3010,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>
                         <!-- 鎻愪氦鎸夐挳 -->
@@ -3075,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
@@ -3094,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
@@ -3113,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
@@ -3132,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
@@ -3151,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
@@ -3170,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
@@ -3189,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
@@ -3236,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>
@@ -3312,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">
@@ -3455,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>
@@ -3497,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>
@@ -3824,7 +3895,7 @@
                 value: [],
                 answerImg: require("../../assets/images/matching-two.png"),
             },
-            rawDataOne:{
+            rawDataOne: {
                 left: [
                     {
                         oldId: "FB34",
@@ -3846,7 +3917,7 @@
                     },
                 ],
             },
-            matchingQuestionOne:{
+            matchingQuestionOne: {
                 KnowledgePoint: "123",
                 analysis: "123",
                 answer: [
@@ -3946,7 +4017,7 @@
                     nine: "",
                 },
             },
-            rawDataTwo:{
+            rawDataTwo: {
                 left: [
                     {
                         oldId: "FB34",
@@ -3974,7 +4045,7 @@
                         oldId: "43DB",
                         txt: "a.鎶�鏈�/鑱屼笟鏂囧嚟",
                     },
-                    
+
                     {
                         oldId: "44DE",
                         txt: "b.涓鏁欒偛",
@@ -3993,7 +4064,7 @@
                     },
                 ],
             },
-            matchingQuestionTwo:{
+            matchingQuestionTwo: {
                 KnowledgePoint: "123",
                 analysis: "123",
                 answer: [
@@ -4032,7 +4103,7 @@
                             oldId: "43DB",
                             txt: "a.鎶�鏈�/鑱屼笟鏂囧嚟",
                         },
-                        
+
                         {
                             oldId: "44DE",
                             txt: "b.涓鏁欒偛",
@@ -4083,7 +4154,7 @@
                 value: [],
                 answerImg: require("../../assets/images/matching-8.png"),
             },
-            rawDataThree:{
+            rawDataThree: {
                 left: [
                     {
                         oldId: "FB34",
@@ -4130,7 +4201,7 @@
 
                 ],
             },
-            matchingQuestionThree:{
+            matchingQuestionThree: {
                 KnowledgePoint: "123",
                 analysis: "123",
                 answer: [
@@ -4279,8 +4350,10 @@
                 listenOne: "",
                 readingOne: "",
                 readingTwo: "",
-                listenTwo:"",
-                listenThree:""
+                readingThree: "",
+                readingFour: "",
+                listenTwo: "",
+                listenThree: ""
             },
             dropDownList: [
                 "animal rescue and care",
@@ -4312,499 +4385,524 @@
             },
             // 鏂板
             // 鍙渶濉┖鐨勯
-            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:'',
-                        },
-                    ]
-                }
-            ],
-            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: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,
-                },
-            ],
-            wordsOne:[
-                {
-                    type:"judge",
-                    isShowAnswer:false,
-                    isComplete:false,
-                    value:[
-                        {
-                            answer:"a",
-                            userAnswer:"",
-                        },
-                        {
-                            answer:"d",
-                            userAnswer:"",
-                        },
-                        {
-                            answer:"c",
-                            userAnswer:"",
-                        },
-                        {
-                            answer:"d",
-                            userAnswer:""
-                        },
-                        {
-                            answer:"b",
-                            userAnswer:""
-                        },
-                    ]
-                },
-                {
-                    type:'fill',
-                    isShowAnswer:false,
-                    isComplete:false,
-                    value:[
-                        {
-                            userAnswer:"",
-                            answer:"enormous",
-                            isRight:null
-                        },
-                        {
-                            userAnswer:"",
-                            answer:"boost",
-                            isRight:null
-                        },
-                        {
-                            userAnswer:"",
-                            answer:"anxiety",
-                            isRight:null
-                        },
-                        {
-                            userAnswer:"",
-                            answer:"mortality",
-                            isRight:null
-                        },
-                        {
-                            userAnswer:"",
-                            answer:"energizing",
-                            isRight:null
-                        },
-                        {
-                            userAnswer:"",
-                            answer:"passion",
-                            isRight:null
+                            userAnswer: '',
                         },
                     ]
                 },
                 {
                     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:'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鈥檚 wings',
-                            userAnswer:'',
-                            answer:'Your experience of volunteering will help you to stretch your wings in your future career.',
-                            isRight:null
-                        },
-                        {
-                            stem:'what鈥檚 more',
-                            userAnswer:'',
-                            answer:'Volunteering does good to one鈥檚 body; what鈥檚 more, it鈥檚 also good for one鈥檚 mental health.',
-                            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:[
                         {
                             userAnswer:'',
-                            answer:'鍔犲叆瀛︽牎閲岀殑闈掑勾蹇楁効鑰呭崗浼氭墿澶т簡濂圭殑鏈嬪弸鍦�',
-                            isRight:null
+                            answer:[
+                                'China Rural Doctors Program',
+                                'China Foundation for Rural Development',
+                                'Shanghai Oasis Green Food Bank',
+                                '閽变竷铏�(Qian Qihu)'
+                            ],
+                            isShowAnswer:false,
                         },
                         {
                             userAnswer:'',
-                            answer:'鏈嶅姟2022鐨勫寳浜啲濂ヤ細鏄竴娆¢潪甯告湁鎰忎箟涓旇浜洪毦蹇樼殑缁忓巻',
-                            isRight:null
-                        },
-                        {
-                            userAnswer:'',
-                            answer:'瀵瑰瀛愪滑鐨勬壙璇鸿濂瑰湪杩欐墍涔℃潙灏忓鍋氫簡涓�杈堝瓙鐨勮�佸笀',
-                            isRight:null
-                        },
-                        {
-                            userAnswer:'',
-                            answer:'鍙備笌涓嶅悓鐨勫織鎰胯�呴」鐩府鍔╀粬鎴愰暱涓轰簡涓�涓湁杩滆鐨勪汉',
-                            isRight:null
-                        },
-                    ]
-                },
-                {
-                    type:'grammar',
-                    isComplete:false,
-                    isShowAnswer:false,
-                    value:[
-                        {
-                            userAnswer:'',
-                            answer:'is considering',
-                            isRight:null
-                        },
-                        {
-                            userAnswer:'',
-                            answer:'am planning',
-                            isRight:null
-                        },
-                        {
-                            userAnswer:'',
-                            answer:'are doing',
-                            isRight:null
-                        },
-                        {
-                            userAnswer:'',
-                            answer:'are putting',
-                            isRight:null
-                        },
-                        {
-                            userAnswer:'',
-                            answer:'is having',
-                            isRight:null
-                        },
-                    ]
-                },
-                {
-                    type:'describe',
-                    isComplete:false,
-                    isShowAnswer:false,
-                    value:[
-                        {
-                            userAnswer:'',
-                            answer:'The volunteer is tutoring the children.',
-                            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:'The little girl is holding a donation box full of clothes.',
-                            isRight:null
+                            answer:[
+                                'China Rural Doctors Program helps to improve the medical treatment levels of the rural doctors so that people in the rural areas can receive more proper treatments when getting ill.',
+                                'Over the eight years of battle against poverty, China Foundation for Rural Development has raised RMB 5.199 billion of funds and materials in total and benefited 35.3776 million person-times.',
+                                'Since 2014, Oasis Food Bank has helped 234 food manufacturers save over 755 tons of food that would have been wasted. 285 non-profit organizations, communities, and schools have become authorized distribution points. Over 80,000 volunteers have participated in sorting and distributing surplus food for people in need.',
+                                'Qian has spent over 60 years studying protection engineering, helping China to build an indestructible 鈥淯nderground Steel Great Wall.鈥� He proposed and realized the defensive requirements in the construction of subways across the country. Not only defensive infrastructure, but also many national projects that already play a key part in Chinese people鈥檚 life have links to his work, including the Nanjing Yangtze River Tunnel, the Hong Kong-Zhuhai-Macao Bridge, and the giant South-to-North Water Transfer Project. And his generosity has helped a lot of children in need.',
+                            ],
+                            isShowAnswer:false,
                         },
                     ]
                 }
             ],
-            miniTable:[
+            listenOne: [
                 {
-                    value:[
-                    {
-                        userAnswer:""
-                    },
-                    {
-                        userAnswer:''
-                    },
-                    {
-                        userAnswer:''
-                    },
+                    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: 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: [
+                {
+                    type: "judge",
+                    isShowAnswer: false,
+                    isComplete: false,
+                    value: [
+                        {
+                            answer: "a",
+                            userAnswer: "",
+                        },
+                        {
+                            answer: "d",
+                            userAnswer: "",
+                        },
+                        {
+                            answer: "c",
+                            userAnswer: "",
+                        },
+                        {
+                            answer: "d",
+                            userAnswer: ""
+                        },
+                        {
+                            answer: "b",
+                            userAnswer: ""
+                        },
                     ]
                 },
                 {
-                    value:[
+                    type: 'fill',
+                    isShowAnswer: false,
+                    isComplete: false,
+                    value: [
                         {
-                            userAnswer:''
-                        },                    
-                        {
-                            userAnswer:''
-                        },                    
-                        {
-                            userAnswer:''
-                        },                    
-                        {
-                            userAnswer:''
-                        },                    
-                        {
-                            userAnswer:''
-                        },                    
-                        {
-                            userAnswer:''
-                        },                    
-                        {
-                            userAnswer:''
-                        },                    
-                        {
-                            userAnswer:''
+                            userAnswer: "",
+                            answer: "enormous",
+                            isRight: null
                         },
                         {
-                            userAnswer:''
+                            userAnswer: "",
+                            answer: "boost",
+                            isRight: null
                         },
                         {
-                            userAnswer:''
+                            userAnswer: "",
+                            answer: "anxiety",
+                            isRight: null
                         },
                         {
-                            userAnswer:''
+                            userAnswer: "",
+                            answer: "mortality",
+                            isRight: null
                         },
                         {
-                            userAnswer:''
+                            userAnswer: "",
+                            answer: "energizing",
+                            isRight: null
+                        },
+                        {
+                            userAnswer: "",
+                            answer: "passion",
+                            isRight: null
+                        },
+                    ]
+                },
+                {
+                    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: '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鈥檚 wings',
+                            userAnswer: '',
+                            answer: 'Your experience of volunteering will help you to stretch your wings in your future career.',
+                            isRight: null
+                        },
+                        {
+                            stem: 'what鈥檚 more',
+                            userAnswer: '',
+                            answer: 'Volunteering does good to one鈥檚 body; what鈥檚 more, it鈥檚 also good for one鈥檚 mental health.',
+                            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: [
+                        {
+                            userAnswer: '',
+                            answer: '鍔犲叆瀛︽牎閲岀殑闈掑勾蹇楁効鑰呭崗浼氭墿澶т簡濂圭殑鏈嬪弸鍦�',
+                            isRight: null
+                        },
+                        {
+                            userAnswer: '',
+                            answer: '鏈嶅姟2022鐨勫寳浜啲濂ヤ細鏄竴娆¢潪甯告湁鎰忎箟涓旇浜洪毦蹇樼殑缁忓巻',
+                            isRight: null
+                        },
+                        {
+                            userAnswer: '',
+                            answer: '瀵瑰瀛愪滑鐨勬壙璇鸿濂瑰湪杩欐墍涔℃潙灏忓鍋氫簡涓�杈堝瓙鐨勮�佸笀',
+                            isRight: null
+                        },
+                        {
+                            userAnswer: '',
+                            answer: '鍙備笌涓嶅悓鐨勫織鎰胯�呴」鐩府鍔╀粬鎴愰暱涓轰簡涓�涓湁杩滆鐨勪汉',
+                            isRight: null
+                        },
+                    ]
+                },
+                {
+                    type: 'grammar',
+                    isComplete: false,
+                    isShowAnswer: false,
+                    value: [
+                        {
+                            userAnswer: '',
+                            answer: 'is considering',
+                            isRight: null
+                        },
+                        {
+                            userAnswer: '',
+                            answer: 'am planning',
+                            isRight: null
+                        },
+                        {
+                            userAnswer: '',
+                            answer: 'are doing',
+                            isRight: null
+                        },
+                        {
+                            userAnswer: '',
+                            answer: 'are putting',
+                            isRight: null
+                        },
+                        {
+                            userAnswer: '',
+                            answer: 'is having',
+                            isRight: null
+                        },
+                    ]
+                },
+                {
+                    type: 'describe',
+                    isComplete: false,
+                    isShowAnswer: false,
+                    value: [
+                        {
+                            userAnswer: '',
+                            answer: 'The volunteer is tutoring the children.',
+                            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: 'The little girl is holding a donation box full of clothes.',
+                            isRight: null
                         },
                     ]
                 }
             ],
-            listenTwo:[
+            miniTable: [
                 {
-                    type:"fill ",
-                    isShowAnswer:false,
-                    isComplete:false,
-                    value:[
+                    value: [
                         {
-                            answer:604,
-                            userAnswer:"",
-                            isRight:null
+                            userAnswer: ""
                         },
                         {
-                            answer:1083,
-                            userAnswer:"",
-                            isRight:null
+                            userAnswer: ''
                         },
                         {
-                            answer:63,
-                            userAnswer:"",
-                            isRight:null
-                        },
-                        {
-                            answer:4500,
-                            userAnswer:"",
-                            isRight:null
-                        },
-                        {
-                            answer:47,
-                            userAnswer:"",
-                            isRight:null
-                        },
-                        {
-                            answer:100000,
-                            userAnswer:"",
-                            isRight:null
+                            userAnswer: ''
                         },
                     ]
                 },
                 {
-                    type:"dropdown",
-                    isComplete:false,
-                    isShowAnswer:false,
-                    option:['T','F'],
-                    value:[
+                    value: [
                         {
-                            stem:"Showing compassion and being patient are qualities needed for training.",
-                            answer:'T',
-                            userAnswer:'',
-                            isRight:null
+                            userAnswer: ''
                         },
                         {
-                            stem:"Women have to overcome a lot of difficulties to attend Barefoot College.",
-                            answer:'T',
-                            userAnswer:'',
-                            isRight:null
+                            userAnswer: ''
                         },
                         {
-                            stem:"Half of the courses in the training are done in sign language.",
-                            answer:'F',
-                            userAnswer:'',
-                            isRight:null
+                            userAnswer: ''
                         },
                         {
-                            stem:"Husbands are always supportive for wives to go for training.",
-                            answer:'F',
-                            userAnswer:'',
-                            isRight:null
+                            userAnswer: ''
                         },
                         {
-                            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:[
-                        {
-                            stem:"In far-away areas,only the old and the kids are left.",
-                            answer:"remote",
-                            userAnswer:"",
-                            isRight:null
+                            userAnswer: ''
                         },
                         {
-                            stem:"The government works on ways to fight against poverty.",
-                            answer:"solutions",
-                            userAnswer:"",
-                            isRight:null
+                            userAnswer: ''
                         },
                         {
-                            stem:"People having no access to electricity mainly live in Africa.",
-                            answer:"primarily",
-                            userAnswer:"",
-                            isRight:null
+                            userAnswer: ''
                         },
                         {
-                            stem:"Some college students choose to join volunteering programs after graduation.",
-                            answer:"attend",
-                            userAnswer:"",
-                            isRight:null
+                            userAnswer: ''
                         },
                         {
-                            stem:"Family reunion is a usual way to celebrate the Spring Festival.",
-                            answer:"Traditional",
-                            userAnswer:"",
-                            isRight:null
-                        },
-                    ]
-                },
-                {
-                    type:"fill",
-                    isComplete:false,
-                    isShowAnswer:false,
-                    value:[
-                        {
-                            answer:"came up with",
-                            userAnswer:"",
-                            isRight:null
+                            userAnswer: ''
                         },
                         {
-                            answer:"went over to",
-                            userAnswer:"",
-                            isRight:null
+                            userAnswer: ''
                         },
                         {
-                            answer:["ended","with"],
-                            userAnswer:["",""],
-                            isRight:null
+                            userAnswer: ''
                         },
                         {
-                            answer:"lit up",
-                            userAnswer:"",
-                            isRight:null
-                        },
-                        {
-                            answer:"are faced with",
-                            userAnswer:"",
-                            isRight:null
+                            userAnswer: ''
                         },
                     ]
                 }
             ],
-            miniProjectTwo:[
+            listenTwo: [
                 {
-                    type:'choice',
-                    isComplete:false,
-                    isShowAnswer:false,
-                    option:[
+                    type: "fill ",
+                    isShowAnswer: false,
+                    isComplete: false,
+                    value: [
+                        {
+                            answer: 604,
+                            userAnswer: "",
+                            isRight: null
+                        },
+                        {
+                            answer: 1083,
+                            userAnswer: "",
+                            isRight: null
+                        },
+                        {
+                            answer: 63,
+                            userAnswer: "",
+                            isRight: null
+                        },
+                        {
+                            answer: 4500,
+                            userAnswer: "",
+                            isRight: null
+                        },
+                        {
+                            answer: 47,
+                            userAnswer: "",
+                            isRight: null
+                        },
+                        {
+                            answer: 100000,
+                            userAnswer: "",
+                            isRight: null
+                        },
+                    ]
+                },
+                {
+                    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: "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: "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
+                        },
+                    ]
+                },
+                {
+                    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: "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: "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
+                        },
+                    ]
+                },
+                {
+                    type: "fill",
+                    isComplete: false,
+                    isShowAnswer: false,
+                    value: [
+                        {
+                            answer: "came up with",
+                            userAnswer: "",
+                            isRight: null
+                        },
+                        {
+                            answer: "went over to",
+                            userAnswer: "",
+                            isRight: null
+                        },
+                        {
+                            answer: ["ended", "with"],
+                            userAnswer: ["", ""],
+                            isRight: null
+                        },
+                        {
+                            answer: "lit up",
+                            userAnswer: "",
+                            isRight: null
+                        },
+                        {
+                            answer: "are faced with",
+                            userAnswer: "",
+                            isRight: null
+                        },
+                    ]
+                }
+            ],
+            miniProjectTwo: [
+                {
+                    type: 'choice',
+                    isComplete: false,
+                    isShowAnswer: false,
+                    option: [
                         'Hold the elevator for the lady',
                         'Catch the balloon for the kid',
                         'Stop the shopping cart',
@@ -4812,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鈥檚 his understanding of the volunteering spirit?',
-                            answer:'You get more than what you give in a way.',
-                            userAnswer:''
+                            stem: 'What鈥檚 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鈥檓 a native speaker of Mandarin.'
+                                    value: 'b',
+                                    txt: 'I speak fluent English,and I鈥檓 a native speaker of Mandarin.'
                                 }
                             ],
-                            answer:'a',
-                            userAnswer:''
+                            answer: 'a',
+                            userAnswer: ''
                         },
                         {
-                            stem:'鐔熺粌浣跨敤Word銆丒xcel鍜孭PT',
-                            option:[
+                            stem: '鐔熺粌浣跨敤Word銆丒xcel鍜孭PT',
+                            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鈥檚 certificate; Driving license;Two-week training on effective communication.',
-                            userAnswer:''
+                            answer: 'Teacher鈥檚 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: []
                         }
                     ]
                 },
@@ -5060,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));
@@ -5164,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) {
@@ -5256,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
             }
@@ -5279,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
@@ -5289,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() {
@@ -5310,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
                 }
             }
         },
@@ -5334,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++) {
@@ -5360,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++) {
@@ -5376,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++) {
@@ -5405,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++) {
@@ -5438,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
@@ -5459,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 = ''
                     }
                 }
             }
@@ -5474,7 +5581,10 @@
                 const item = this.practicalWriting[index];
                 item.isShowAnswer = !item.isShowAnswer
             }
-        }
+        },
+        showNoSubmitAnswer(index,num) {
+            this.$set(this.noSubmitData[index].value[num],'isShowAnswer',!this.noSubmitData[index].value[num].isShowAnswer)
+        },
     },
 };
 </script>
@@ -5553,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;

--
Gitblit v1.9.1