From 39886372d544c613c39c735d924283e119120566 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 22 七月 2024 11:35:41 +0800
Subject: [PATCH] 音频(第五单元)

---
 src/books/English/view/components/chapter004.vue |   45 
 src/books/English/view/components/chapter002.vue |    2 
 src/books/English/view/components/chapter003.vue | 2362 ++++++++++++++++++++++++++++---------------------------
 src/books/English/view/components/chapter005.vue |   54 
 src/books/English/view/components/index.vue      |    6 
 src/books/English/assets/main.less               |    3 
 6 files changed, 1,291 insertions(+), 1,181 deletions(-)

diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less
index ea135e8..ef9f8c5 100644
--- a/src/books/English/assets/main.less
+++ b/src/books/English/assets/main.less
@@ -771,6 +771,9 @@
   .w50 {
     width: 50%;
   }
+  .w48 {
+    width: 48%;
+   }
   .w45{
     width: 45%;
   }
diff --git a/src/books/English/view/components/chapter002.vue b/src/books/English/view/components/chapter002.vue
index c9d8f3d..1d23930 100644
--- a/src/books/English/view/components/chapter002.vue
+++ b/src/books/English/view/components/chapter002.vue
@@ -4919,7 +4919,7 @@
     },
     async getPath() {
       this.resource.listenOne = await getResourcePath(
-        "D96D6F8082786B037A2B1842860BC0C4 "
+        "D96D6F8082786B037A2B1842860BC0C4"
       );
       this.resource.readingOne = await getResourcePath(
         "E51F6E052B08F00B19819E4D5504219F"
diff --git a/src/books/English/view/components/chapter003.vue b/src/books/English/view/components/chapter003.vue
index e5be148..ad151e3 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,7 +451,8 @@
                             <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
@@ -557,8 +552,8 @@
                             <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>
@@ -1743,8 +1737,10 @@
                         </p>
                         <p>2.What changes do they bring to China?</p>
                         <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>
@@ -1848,7 +1844,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 +1967,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 +2068,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 +2147,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 +2175,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 +2186,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 +2207,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 +2224,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 +2248,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 +2295,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 +2317,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 +2412,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 +2421,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 +2444,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 +2492,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 +2704,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 +2757,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 +2778,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 +2819,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 +2843,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 +2864,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 +2885,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 +2917,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 +2947,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 +2977,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 +3007,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 +3073,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 +3095,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 +3117,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 +3139,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 +3161,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 +3183,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 +3205,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 +3255,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 +3329,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 +3495,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 +3539,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 +3868,7 @@
                 value: [],
                 answerImg: require("../../assets/images/matching-two.png"),
             },
-            rawDataOne:{
+            rawDataOne: {
                 left: [
                     {
                         oldId: "FB34",
@@ -3846,7 +3890,7 @@
                     },
                 ],
             },
-            matchingQuestionOne:{
+            matchingQuestionOne: {
                 KnowledgePoint: "123",
                 analysis: "123",
                 answer: [
@@ -3946,7 +3990,7 @@
                     nine: "",
                 },
             },
-            rawDataTwo:{
+            rawDataTwo: {
                 left: [
                     {
                         oldId: "FB34",
@@ -3974,7 +4018,7 @@
                         oldId: "43DB",
                         txt: "a.鎶�鏈�/鑱屼笟鏂囧嚟",
                     },
-                    
+
                     {
                         oldId: "44DE",
                         txt: "b.涓鏁欒偛",
@@ -3993,7 +4037,7 @@
                     },
                 ],
             },
-            matchingQuestionTwo:{
+            matchingQuestionTwo: {
                 KnowledgePoint: "123",
                 analysis: "123",
                 answer: [
@@ -4032,7 +4076,7 @@
                             oldId: "43DB",
                             txt: "a.鎶�鏈�/鑱屼笟鏂囧嚟",
                         },
-                        
+
                         {
                             oldId: "44DE",
                             txt: "b.涓鏁欒偛",
@@ -4083,7 +4127,7 @@
                 value: [],
                 answerImg: require("../../assets/images/matching-8.png"),
             },
-            rawDataThree:{
+            rawDataThree: {
                 left: [
                     {
                         oldId: "FB34",
@@ -4130,7 +4174,7 @@
 
                 ],
             },
-            matchingQuestionThree:{
+            matchingQuestionThree: {
                 KnowledgePoint: "123",
                 analysis: "123",
                 answer: [
@@ -4279,8 +4323,10 @@
                 listenOne: "",
                 readingOne: "",
                 readingTwo: "",
-                listenTwo:"",
-                listenThree:""
+                readingThree: "",
+                readingFour: "",
+                listenTwo: "",
+                listenThree: ""
             },
             dropDownList: [
                 "animal rescue and care",
@@ -4312,499 +4358,499 @@
             },
             // 鏂板
             // 鍙渶濉┖鐨勯
-            noSubmitData:[
+            noSubmitData: [
                 {
-                    type:"shortAnswer",
-                    value:[
+                    type: "shortAnswer",
+                    value: [
                         {
-                            userAnswer:"",
-                            isShowAnswer:false
+                            userAnswer: "",
+                            isShowAnswer: false
                         },
                         {
-                            userAnswer:"",
-                            isShowAnswer:false,
+                            userAnswer: "",
+                            isShowAnswer: false,
                         },
                         {
-                            userAnswer:"",
-                            isShowAnswer:false,
+                            userAnswer: "",
+                            isShowAnswer: false,
                         }
                     ]
                 },
                 {
-                    type:'table',
-                    value:[
+                    type: 'table',
+                    value: [
                         {
-                            userAnswer:"",
+                            userAnswer: "",
                         },
                         {
-                            userAnswer:"",
+                            userAnswer: "",
                         },
                         {
-                            userAnswer:"",
+                            userAnswer: "",
                         },
                         {
-                            userAnswer:""
+                            userAnswer: ""
                         },
                         {
-                            userAnswer:""
+                            userAnswer: ""
                         },
                         {
-                            userAnswer:""
+                            userAnswer: ""
                         },
                         {
-                            userAnswer:""
+                            userAnswer: ""
                         },
                         {
-                            userAnswer:""
+                            userAnswer: ""
                         },
                     ]
                 },
                 {
-                    type:'worksheet',
-                    value:[
+                    type: 'worksheet',
+                    value: [
                         {
-                            userAnswer:'',
+                            userAnswer: '',
                         },
                         {
-                            userAnswer:'',
+                            userAnswer: '',
                         },
                         {
-                            userAnswer:'',
+                            userAnswer: '',
                         },
                         {
-                            userAnswer:'',
+                            userAnswer: '',
                         },
                     ]
                 }
             ],
-            listenOne:[
+            listenOne: [
                 {
-                    id:0,
-                    value:'',
-                    stem:"Why do you want to be a volunteer?",
-                    option:['You can change lives.','You can stay with friends.','You can teach new skills.','You can make more money.'],
-                    answer:'You can change lives.',
-                    isRight:null,
-                    isComplete:false,
-                    isShowAnswer:false,
+                    id: 0,
+                    value: '',
+                    stem: "Why do you want to be a volunteer?",
+                    option: ['You can change lives.', 'You can stay with friends.', 'You can teach new skills.', 'You can make more money.'],
+                    answer: 'You can change lives.',
+                    isRight: null,
+                    isComplete: false,
+                    isShowAnswer: false,
                 },
                 {
-                    id:1,
-                    value:'',
-                    stem:'Who are more likely to be volunteers?',
-                    option:[' College students.','Nonprofessionals.','People without jobs.','Children.'],
-                    answer:'College students',
-                    isRight:null,
-                    isComplete:false,
-                    isShowAnswer:false,
+                    id: 1,
+                    value: '',
+                    stem: 'Who are more likely to be volunteers?',
+                    option: [' College students.', 'Nonprofessionals.', 'People without jobs.', 'Children.'],
+                    answer: 'College students',
+                    isRight: null,
+                    isComplete: false,
+                    isShowAnswer: false,
                 },
                 {
-                    id:3,
-                    value:'',
-                    stem:'.Which activity is NOT mentioned in the video?',
-                    option:['Volunteering in sport.','Emergency services.','Helping people with disabilities.','Teaching.'],
-                    answer:'Helping people with disabilities.',
-                    isRight:null,
-                    isComplete:false,
-                    isShowAnswer:false,
+                    id: 3,
+                    value: '',
+                    stem: '.Which activity is NOT mentioned in the video?',
+                    option: ['Volunteering in sport.', 'Emergency services.', 'Helping people with disabilities.', 'Teaching.'],
+                    answer: 'Helping people with disabilities.',
+                    isRight: null,
+                    isComplete: false,
+                    isShowAnswer: false,
                 },
             ],
-            wordsOne:[
+            wordsOne: [
                 {
-                    type:"judge",
-                    isShowAnswer:false,
-                    isComplete:false,
-                    value:[
+                    type: "judge",
+                    isShowAnswer: false,
+                    isComplete: false,
+                    value: [
                         {
-                            answer:"a",
-                            userAnswer:"",
+                            answer: "a",
+                            userAnswer: "",
                         },
                         {
-                            answer:"d",
-                            userAnswer:"",
+                            answer: "d",
+                            userAnswer: "",
                         },
                         {
-                            answer:"c",
-                            userAnswer:"",
+                            answer: "c",
+                            userAnswer: "",
                         },
                         {
-                            answer:"d",
-                            userAnswer:""
+                            answer: "d",
+                            userAnswer: ""
                         },
                         {
-                            answer:"b",
-                            userAnswer:""
+                            answer: "b",
+                            userAnswer: ""
                         },
                     ]
                 },
                 {
-                    type:'fill',
-                    isShowAnswer:false,
-                    isComplete:false,
-                    value:[
+                    type: 'fill',
+                    isShowAnswer: false,
+                    isComplete: false,
+                    value: [
                         {
-                            userAnswer:"",
-                            answer:"enormous",
-                            isRight:null
+                            userAnswer: "",
+                            answer: "enormous",
+                            isRight: null
                         },
                         {
-                            userAnswer:"",
-                            answer:"boost",
-                            isRight:null
+                            userAnswer: "",
+                            answer: "boost",
+                            isRight: null
                         },
                         {
-                            userAnswer:"",
-                            answer:"anxiety",
-                            isRight:null
+                            userAnswer: "",
+                            answer: "anxiety",
+                            isRight: null
                         },
                         {
-                            userAnswer:"",
-                            answer:"mortality",
-                            isRight:null
+                            userAnswer: "",
+                            answer: "mortality",
+                            isRight: null
                         },
                         {
-                            userAnswer:"",
-                            answer:"energizing",
-                            isRight:null
+                            userAnswer: "",
+                            answer: "energizing",
+                            isRight: null
                         },
                         {
-                            userAnswer:"",
-                            answer:"passion",
-                            isRight:null
+                            userAnswer: "",
+                            answer: "passion",
+                            isRight: null
                         },
                     ]
                 },
                 {
-                    type:'shortAnswer',
-                    isComplete:false,
-                    isShowAnswer:false,
-                    value:[
+                    type: 'shortAnswer',
+                    isComplete: false,
+                    isShowAnswer: false,
+                    value: [
                         {
-                            stem:'help out',
-                            userAnswer:'',
-                            answer:'I helped out with the check-in of athletes at the sports game.',
-                            isRight:null
+                            stem: 'help out',
+                            userAnswer: '',
+                            answer: 'I helped out with the check-in of athletes at the sports game.',
+                            isRight: null
                         },
                         {
-                            stem:'make a difference',
-                            userAnswer:'',
-                            answer:'No matter how small the deed is, it will make a difference to people who are in need.',
-                            isRight:null
+                            stem: 'make a difference',
+                            userAnswer: '',
+                            answer: 'No matter how small the deed is, it will make a difference to people who are in need.',
+                            isRight: null
                         },
                         {
-                            stem:'stretch one鈥檚 wings',
-                            userAnswer:'',
-                            answer:'Your experience of volunteering will help you to stretch your wings in your future career.',
-                            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: '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
+                            stem: 'carry over',
+                            userAnswer: '',
+                            answer: 'The spirit of volunteering will be carried over from generation to generation.',
+                            isRight: null
                         },
                     ]
                 },
                 {
-                    type:'translate',
-                    isComplete:false,
-                    isShowAnswer:false,
-                    value:[
+                    type: 'translate',
+                    isComplete: false,
+                    isShowAnswer: false,
+                    value: [
                         {
-                            userAnswer:'',
-                            answer:'鍔犲叆瀛︽牎閲岀殑闈掑勾蹇楁効鑰呭崗浼氭墿澶т簡濂圭殑鏈嬪弸鍦�',
-                            isRight:null
+                            userAnswer: '',
+                            answer: '鍔犲叆瀛︽牎閲岀殑闈掑勾蹇楁効鑰呭崗浼氭墿澶т簡濂圭殑鏈嬪弸鍦�',
+                            isRight: null
                         },
                         {
-                            userAnswer:'',
-                            answer:'鏈嶅姟2022鐨勫寳浜啲濂ヤ細鏄竴娆¢潪甯告湁鎰忎箟涓旇浜洪毦蹇樼殑缁忓巻',
-                            isRight:null
+                            userAnswer: '',
+                            answer: '鏈嶅姟2022鐨勫寳浜啲濂ヤ細鏄竴娆¢潪甯告湁鎰忎箟涓旇浜洪毦蹇樼殑缁忓巻',
+                            isRight: null
                         },
                         {
-                            userAnswer:'',
-                            answer:'瀵瑰瀛愪滑鐨勬壙璇鸿濂瑰湪杩欐墍涔℃潙灏忓鍋氫簡涓�杈堝瓙鐨勮�佸笀',
-                            isRight:null
+                            userAnswer: '',
+                            answer: '瀵瑰瀛愪滑鐨勬壙璇鸿濂瑰湪杩欐墍涔℃潙灏忓鍋氫簡涓�杈堝瓙鐨勮�佸笀',
+                            isRight: null
                         },
                         {
-                            userAnswer:'',
-                            answer:'鍙備笌涓嶅悓鐨勫織鎰胯�呴」鐩府鍔╀粬鎴愰暱涓轰簡涓�涓湁杩滆鐨勪汉',
-                            isRight:null
+                            userAnswer: '',
+                            answer: '鍙備笌涓嶅悓鐨勫織鎰胯�呴」鐩府鍔╀粬鎴愰暱涓轰簡涓�涓湁杩滆鐨勪汉',
+                            isRight: null
                         },
                     ]
                 },
                 {
-                    type:'grammar',
-                    isComplete:false,
-                    isShowAnswer:false,
-                    value:[
+                    type: 'grammar',
+                    isComplete: false,
+                    isShowAnswer: false,
+                    value: [
                         {
-                            userAnswer:'',
-                            answer:'is considering',
-                            isRight:null
+                            userAnswer: '',
+                            answer: 'is considering',
+                            isRight: null
                         },
                         {
-                            userAnswer:'',
-                            answer:'am planning',
-                            isRight:null
+                            userAnswer: '',
+                            answer: 'am planning',
+                            isRight: null
                         },
                         {
-                            userAnswer:'',
-                            answer:'are doing',
-                            isRight:null
+                            userAnswer: '',
+                            answer: 'are doing',
+                            isRight: null
                         },
                         {
-                            userAnswer:'',
-                            answer:'are putting',
-                            isRight:null
+                            userAnswer: '',
+                            answer: 'are putting',
+                            isRight: null
                         },
                         {
-                            userAnswer:'',
-                            answer:'is having',
-                            isRight:null
+                            userAnswer: '',
+                            answer: 'is having',
+                            isRight: null
                         },
                     ]
                 },
                 {
-                    type:'describe',
-                    isComplete:false,
-                    isShowAnswer:false,
-                    value:[
+                    type: 'describe',
+                    isComplete: false,
+                    isShowAnswer: false,
+                    value: [
                         {
-                            userAnswer:'',
-                            answer:'The volunteer is tutoring the children.',
-                            isRight:null
+                            userAnswer: '',
+                            answer: 'The volunteer is tutoring the children.',
+                            isRight: null
                         },
                         {
-                            userAnswer:'',
-                            answer:'Students are helping with farming.',
-                            isRight:null
+                            userAnswer: '',
+                            answer: 'Students are helping with farming.',
+                            isRight: null
                         },
                         {
-                            userAnswer:'',
-                            answer:'A group of volunteers are cleaning up trashes on the beach.',
-                            isRight:null
+                            userAnswer: '',
+                            answer: 'A group of volunteers are cleaning up trashes on the beach.',
+                            isRight: null
                         },
                         {
-                            userAnswer:'',
-                            answer:'The little girl is holding a donation box full of clothes.',
-                            isRight:null
+                            userAnswer: '',
+                            answer: 'The little girl is holding a donation box full of clothes.',
+                            isRight: null
                         },
                     ]
                 }
             ],
-            miniTable:[
+            miniTable: [
                 {
-                    value:[
-                    {
-                        userAnswer:""
-                    },
-                    {
-                        userAnswer:''
-                    },
-                    {
-                        userAnswer:''
-                    },
+                    value: [
+                        {
+                            userAnswer: ""
+                        },
+                        {
+                            userAnswer: ''
+                        },
+                        {
+                            userAnswer: ''
+                        },
                     ]
                 },
                 {
-                    value:[
+                    value: [
                         {
-                            userAnswer:''
-                        },                    
-                        {
-                            userAnswer:''
-                        },                    
-                        {
-                            userAnswer:''
-                        },                    
-                        {
-                            userAnswer:''
-                        },                    
-                        {
-                            userAnswer:''
-                        },                    
-                        {
-                            userAnswer:''
-                        },                    
-                        {
-                            userAnswer:''
-                        },                    
-                        {
-                            userAnswer:''
+                            userAnswer: ''
                         },
                         {
-                            userAnswer:''
+                            userAnswer: ''
                         },
                         {
-                            userAnswer:''
+                            userAnswer: ''
                         },
                         {
-                            userAnswer:''
+                            userAnswer: ''
                         },
                         {
-                            userAnswer:''
+                            userAnswer: ''
+                        },
+                        {
+                            userAnswer: ''
+                        },
+                        {
+                            userAnswer: ''
+                        },
+                        {
+                            userAnswer: ''
+                        },
+                        {
+                            userAnswer: ''
+                        },
+                        {
+                            userAnswer: ''
+                        },
+                        {
+                            userAnswer: ''
+                        },
+                        {
+                            userAnswer: ''
                         },
                     ]
                 }
             ],
-            listenTwo:[
+            listenTwo: [
                 {
-                    type:"fill ",
-                    isShowAnswer:false,
-                    isComplete:false,
-                    value:[
+                    type: "fill ",
+                    isShowAnswer: false,
+                    isComplete: false,
+                    value: [
                         {
-                            answer:604,
-                            userAnswer:"",
-                            isRight:null
+                            answer: 604,
+                            userAnswer: "",
+                            isRight: null
                         },
                         {
-                            answer:1083,
-                            userAnswer:"",
-                            isRight:null
+                            answer: 1083,
+                            userAnswer: "",
+                            isRight: null
                         },
                         {
-                            answer:63,
-                            userAnswer:"",
-                            isRight:null
+                            answer: 63,
+                            userAnswer: "",
+                            isRight: null
                         },
                         {
-                            answer:4500,
-                            userAnswer:"",
-                            isRight:null
+                            answer: 4500,
+                            userAnswer: "",
+                            isRight: null
                         },
                         {
-                            answer:47,
-                            userAnswer:"",
-                            isRight:null
+                            answer: 47,
+                            userAnswer: "",
+                            isRight: null
                         },
                         {
-                            answer:100000,
-                            userAnswer:"",
-                            isRight:null
+                            answer: 100000,
+                            userAnswer: "",
+                            isRight: null
                         },
                     ]
                 },
                 {
-                    type:"dropdown",
-                    isComplete:false,
-                    isShowAnswer:false,
-                    option:['T','F'],
-                    value:[
+                    type: "dropdown",
+                    isComplete: false,
+                    isShowAnswer: false,
+                    option: ['T', 'F'],
+                    value: [
                         {
-                            stem:"Showing compassion and being patient are qualities needed for training.",
-                            answer:'T',
-                            userAnswer:'',
-                            isRight:null
+                            stem: "Showing compassion and being patient are qualities needed for training.",
+                            answer: 'T',
+                            userAnswer: '',
+                            isRight: null
                         },
                         {
-                            stem:"Women have to overcome a lot of difficulties to attend Barefoot College.",
-                            answer:'T',
-                            userAnswer:'',
-                            isRight:null
+                            stem: "Women have to overcome a lot of difficulties to attend Barefoot College.",
+                            answer: 'T',
+                            userAnswer: '',
+                            isRight: null
                         },
                         {
-                            stem:"Half of the courses in the training are done in sign language.",
-                            answer:'F',
-                            userAnswer:'',
-                            isRight:null
+                            stem: "Half of the courses in the training are done in sign language.",
+                            answer: 'F',
+                            userAnswer: '',
+                            isRight: null
                         },
                         {
-                            stem:"Husbands are always supportive for wives to go for training.",
-                            answer:'F',
-                            userAnswer:'',
-                            isRight:null
+                            stem: "Husbands are always supportive for wives to go for training.",
+                            answer: 'F',
+                            userAnswer: '',
+                            isRight: null
                         },
                         {
-                            stem:"The training helps women gain respect for the changes they brought in.",
-                            answer:'T',
-                            userAnswer:'',
-                            isRight:null
+                            stem: "The training helps women gain respect for the changes they brought in.",
+                            answer: 'T',
+                            userAnswer: '',
+                            isRight: null
                         },
                     ]
                 },
                 {
-                    type:'fill',
-                    isComplete:false,
-                    isShowAnswer:false,
-                    value:[
+                    type: 'fill',
+                    isComplete: false,
+                    isShowAnswer: false,
+                    value: [
                         {
-                            stem:"In far-away areas,only the old and the kids are left.",
-                            answer:"remote",
-                            userAnswer:"",
-                            isRight:null
+                            stem: "In far-away areas,only the old and the kids are left.",
+                            answer: "remote",
+                            userAnswer: "",
+                            isRight: null
                         },
                         {
-                            stem:"The government works on ways to fight against poverty.",
-                            answer:"solutions",
-                            userAnswer:"",
-                            isRight:null
+                            stem: "The government works on ways to fight against poverty.",
+                            answer: "solutions",
+                            userAnswer: "",
+                            isRight: null
                         },
                         {
-                            stem:"People having no access to electricity mainly live in Africa.",
-                            answer:"primarily",
-                            userAnswer:"",
-                            isRight:null
+                            stem: "People having no access to electricity mainly live in Africa.",
+                            answer: "primarily",
+                            userAnswer: "",
+                            isRight: null
                         },
                         {
-                            stem:"Some college students choose to join volunteering programs after graduation.",
-                            answer:"attend",
-                            userAnswer:"",
-                            isRight:null
+                            stem: "Some college students choose to join volunteering programs after graduation.",
+                            answer: "attend",
+                            userAnswer: "",
+                            isRight: null
                         },
                         {
-                            stem:"Family reunion is a usual way to celebrate the Spring Festival.",
-                            answer:"Traditional",
-                            userAnswer:"",
-                            isRight:null
+                            stem: "Family reunion is a usual way to celebrate the Spring Festival.",
+                            answer: "Traditional",
+                            userAnswer: "",
+                            isRight: null
                         },
                     ]
                 },
                 {
-                    type:"fill",
-                    isComplete:false,
-                    isShowAnswer:false,
-                    value:[
+                    type: "fill",
+                    isComplete: false,
+                    isShowAnswer: false,
+                    value: [
                         {
-                            answer:"came up with",
-                            userAnswer:"",
-                            isRight:null
+                            answer: "came up with",
+                            userAnswer: "",
+                            isRight: null
                         },
                         {
-                            answer:"went over to",
-                            userAnswer:"",
-                            isRight:null
+                            answer: "went over to",
+                            userAnswer: "",
+                            isRight: null
                         },
                         {
-                            answer:["ended","with"],
-                            userAnswer:["",""],
-                            isRight:null
+                            answer: ["ended", "with"],
+                            userAnswer: ["", ""],
+                            isRight: null
                         },
                         {
-                            answer:"lit up",
-                            userAnswer:"",
-                            isRight:null
+                            answer: "lit up",
+                            userAnswer: "",
+                            isRight: null
                         },
                         {
-                            answer:"are faced with",
-                            userAnswer:"",
-                            isRight:null
+                            answer: "are faced with",
+                            userAnswer: "",
+                            isRight: null
                         },
                     ]
                 }
             ],
-            miniProjectTwo:[
+            miniProjectTwo: [
                 {
-                    type:'choice',
-                    isComplete:false,
-                    isShowAnswer:false,
-                    option:[
+                    type: 'choice',
+                    isComplete: false,
+                    isShowAnswer: false,
+                    option: [
                         'Hold the elevator for the lady',
                         'Catch the balloon for the kid',
                         'Stop the shopping cart',
@@ -4812,239 +4858,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,29 +5106,29 @@
         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
             }
@@ -5164,14 +5210,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) {
@@ -5263,22 +5321,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
             }
@@ -5286,7 +5344,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
@@ -5296,16 +5354,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() {
@@ -5317,7 +5375,7 @@
                 for (let cindex = 0; cindex < item.value.length; cindex++) {
                     const citem = item.value[cindex];
                     citem.userAnswer = '',
-                    citem.isRight = null
+                        citem.isRight = null
                 }
             }
         },
@@ -5341,10 +5399,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++) {
@@ -5367,14 +5425,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++) {
@@ -5383,7 +5441,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++) {
@@ -5412,7 +5470,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++) {
@@ -5445,14 +5503,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
@@ -5466,11 +5524,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 = ''
                     }
                 }
             }
@@ -5560,14 +5618,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;
diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index 5dc593b..16e7d59 100644
--- a/src/books/English/view/components/chapter004.vue
+++ b/src/books/English/view/components/chapter004.vue
@@ -268,8 +268,6 @@
                         </p>
                         <matching :rawData="rawData" :question="question"></matching>
                         <h3 id="c030"><span class="bjh3">Reading</span></h3>
-                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
-                            ></audio>
                         <p>1.Technology is all around us.What images spring to your mind when you hear the word 鈥渞obot鈥�?
                         </p> 
                         <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[0].userAnswer" @input="saveNoSubmitData"></textarea>
@@ -277,7 +275,7 @@
                         <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[1].userAnswer" @input="saveNoSubmitData"></textarea>
                         <p class="center"><b>Robots in Action</b></p>
                         <p class="center">
-                            <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
+                            <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload"
                                 class="audio" ></audio>
                         </p>
                         <p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
@@ -372,7 +370,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 controlslist="noplaybackrate nodownload" class="audio"
+                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" 
+                                class="audio"
                             ></audio>
                         <p>creature /藞kri藧t蕛蓹(r)/ <i>n.</i> 鐢熺墿锛涳紙灏ゆ寚锛� 鍔ㄧ墿</p>
                         <div class="bkbj">
@@ -1183,7 +1182,8 @@
                             </p>
                         </div>
                         <p class="center"><b>Fresh Face of Science</b></p>
-                        <p class="center"> <audio :src="resource.listenOne" controls
+                        <p class="center">
+                             <audio :src="resource.readingThree" controls
                                 controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
                         <p class="center"><img class="img-e" alt="" src="../../assets/images/0076-2.jpg" /></p>
                         <p>According to Zhao Hongzhou,founder of China鈥檚
@@ -1277,7 +1277,7 @@
                             <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                             <span class="line-border-box"></span>
                         </p>
-                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
+                        <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio"
                             ></audio>
                         <p>scientometrics /藞sa瑟蓹nt蓹蕣藞metr瑟ks/ <i>n.</i> 绉戝璁¢噺瀛�</p>
                         <div class="bkbj">
@@ -1840,11 +1840,12 @@
                         <h3 id="c035" class="fl al-cn">
                             <span class="bjh3">Listening</span>
                             <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
-                            <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
-                                class="audio"></audio>
                         </h3>
                         <p><b>鈪�.Listen to Nadia talking about her favorite electronic device and mark what she says
-                                about it.</b></p>
+                                about it.</b>
+                        </p>
+                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
+                                class="audio"></audio>
                         <p>
                            <input type="checkbox" value="What it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> 
                             1.What it is
@@ -1910,7 +1911,10 @@
                             </span>
                         </div>
                         <p><b>鈪�.Ms.Zhang is discussing technology trends with her students.Listen to the
-                                conversation,and write down the benefits of each App.</b></p>
+                                conversation,and write down the benefits of each App.</b>
+                        </p>
+                        <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
+                                class="audio"></audio>
                         <p class="center">
                             <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                                 <tr class="table-th-bc">
@@ -2721,6 +2725,10 @@
                 listenOne: "",
                 readingOne: "",
                 readingTwo: "",
+                readingThree: "",
+                readingFour: "",
+                listenTwo: "",
+                listenThree: "",
             },
             dropdownData: {
                 one: {
@@ -3596,13 +3604,24 @@
         },
         async getPath() {
             this.resource.listenOne = await getResourcePath(
-                "422139A2EF66EA888C5ED1D550AE23E0"
+                "A502FE9E4A034ACF1B055B1D547C4B8F"
             );
             this.resource.readingOne = await getResourcePath(
-                "3F442B682D84C8AB06C800B29D734920"
+                "59A4053C6BE193D9A97945841614841D"
             );
             this.resource.readingTwo = await getResourcePath(
-                "E8719EC88026BCFB11D292AA999F6D3D"
+                "541CA8B7A9AE8746340C1259A83F8422"
+            );
+            this.resource.readingThree = await getResourcePath(
+                "53A742267A1C22C01B8D5D35B13D3B9A"
+            );
+        
+            this.resource.listenTwo = await getResourcePath(
+                "2683C3F79104E353CE30961433F6AB35"
+            );
+
+            this.resource.listenThree = await getResourcePath(
+                "2683C3F79104E353CE30961433F6AB35"
             );
         },
         showAnswer(type) {
diff --git a/src/books/English/view/components/chapter005.vue b/src/books/English/view/components/chapter005.vue
index 59aa7e6..94b76d2 100644
--- a/src/books/English/view/components/chapter005.vue
+++ b/src/books/English/view/components/chapter005.vue
@@ -383,7 +383,7 @@
                         </p>
                         <p class="center"><b>A Better Path for Plastic</b></p>
                         <p class="center"> <audio :src="resource.readingOne" controls
-                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+                                controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
                         <p>Plastic plays an important role in modern life,serving as building blocks for everything from
                             packaging to medical equipment.This useful material has undeniable upsides鈥攂ut far too much
                             of it ends up in landfills or in our environment.What can each of us do to be part of the
@@ -446,7 +446,7 @@
                             <span class="line-border-box"></span>
                         </p>
                         <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
-                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
+                            style="margin-left: 10px" class="audio"></audio>
                         <p>undeniable /藢蕦nd瑟藞na瑟蓹bl/ <i>adj.</i> 涓嶅彲鍚﹀畾鐨勶紱鏃犲彲浜夎京鐨�</p>
                         <div class="bkbj">
                             <p><i>that cannot be denied</i></p>
@@ -1802,8 +1802,8 @@
                             (4) Reducing food waste by properly storing and using food.
                         </p>
                         <p class="center"><b>Your Dinner Has a Carbon Footprint</b></p>
-                        <p class="center"> <audio :src="resource.listenOne" controls
-                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+                        <p class="center"> <audio :src="resource.readingThree" controls
+                                controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
                         <p>Every morning,I wake up,and just moments after my feet hit this floor,I鈥檓 reaching for a
                             sports bra and tying my shoelaces.It鈥檚 time to go running.</p>
                         <p>Sometimes,I鈥檓 alone.Other times,I鈥檓 with a friend.I鈥檓 a runner,and for me,there鈥檚 nothing
@@ -1888,8 +1888,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 controlslist="noplaybackrate nodownload" class="audio"
-                            @play="audioPlay"></audio>
+                        <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio"
+                            ></audio>
                         <p>crisp /kr瑟sp/ <i>adj.</i> 锛堟寚绌烘皵銆佸ぉ姘旓級 骞插喎鐨勶紱鍑夌埥鐨�</p>
                         <div class="bkbj">
                             <p><i>(of the air or the weather) pleasantly dry and cold</i></p>
@@ -1942,11 +1942,17 @@
                         <div class="bkbj">
                             <p><i>to think</i></p>
                         </div>
-                        <p>carbon footprint 纰宠冻杩�</p>
+                        <div class="fl">
+                        <div class="left ">
+                            <p>carbon footprint 纰宠冻杩�</p>
                         <p>big time 澶ц寖鍥村湴锛涘緢澶х▼搴﹀湴</p>
                         <p>reflect on 鍥炴兂</p>
-                        <p>reach for sth.浼稿嚭锛堟墜锛� 浠ユ姄鍒版垨鎷垮埌鏌愮墿</p>
+                        </div>
+                        <div class="right ">
+                            <p>reach for sth.浼稿嚭锛堟墜锛� 浠ユ姄鍒版垨鎷垮埌鏌愮墿</p>
                         <p>turn out 缁撴灉鏄�</p>
+                        </div>
+                        </div>
                     </div>
                 </div>
                 <div class="preface-bottom">
@@ -2940,12 +2946,12 @@
                         <h3 id="c044" class="fl al-cn">
                             <span class="bjh3">Listening</span>
                             <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
-                            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
-                                class="audio"></audio>
                         </h3>
                         <p><b>鈪�.Every one of us should have a clear sense of how important Nature means to mankind.Watch
                                 the video and fill in the blanks with what you hear.</b>
                         </p>
+                        <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
+                        class="audio"></audio>
                         <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                             <tr class="table-th-bc">
                                 <td class="wh-no tl-cn">Redwood Sapling</td>
@@ -3117,6 +3123,8 @@
                         <p><b>鈪�.The four people below are all concerned with the increasingly serious environmental
                                 issues.Listen to the recording and decide which website they use to search for the
                                 information they need.</b></p>
+                                <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
+                                class="audio"></audio>
                         <div class="fl">
                             <div>
                                 <img class="w100" alt="" src="../../assets/images/M5Select01.png" />
@@ -3699,8 +3707,8 @@
                         <div class="un-h2">
                             <h2 id="b020">Unit Project</h2>
                         </div>
-                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
-                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
+                        <audio :src="resource.projectOne" controls controlslist="noplaybackrate nodownload"
+                            style="margin-left: 10px; margin-top: 10px;" class="audio"></audio>
                         <p>The 26th Conference of the Parties to the United Nations Framework Convention on Climate
                             Change (COP26) kicked off on November 1,2021,in Glasgow,Scotland.CGTN reporter Xu Jinhui
                             also did her part by joining the 7-day No Plastic Challenge.Let鈥檚 watch her vlog and see
@@ -4300,6 +4308,11 @@
                 listenOne: "",
                 readingOne: "",
                 readingTwo: "",
+                readingThree: "",
+                readingFour: "",
+                listenTwo: "",
+                listenThree: "",
+                projectOne: "",
             },
             dropDownList: [
                 "animal rescue and care",
@@ -4723,7 +4736,22 @@
                 "157842B38CA587C8134070E66D174DDE"
             );
             this.resource.readingTwo = await getResourcePath(
-                "E8719EC88026BCFB11D292AA999F6D3D"
+                "F0060BCF874B78E05E2DC9FE317A6D37"
+            );
+            this.resource.readingThree = await getResourcePath(
+                "4AC860B7C2CEB89231AF97F85275A9C6"
+            );
+            this.resource.readingFour = await getResourcePath(
+                "31AE82BE3BFCD4F772C7C3AFD27D0E31"
+            );
+            this.resource.listenTwo = await getResourcePath(
+                "5D9F90ABD53E30608E09A0DEE07401C1"
+            );
+            this.resource.listenThree = await getResourcePath(
+                "3DF0EEC6B4334C0C7FF7BC69F8322C22"
+            );
+            this.resource.projectOne = await getResourcePath(
+                "BB6F58469CF7056440FE458E82960F4A"
             );
         },
         showAnswer(type) {
diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
index 4d94c86..9c0d14d 100644
--- a/src/books/English/view/components/index.vue
+++ b/src/books/English/view/components/index.vue
@@ -212,8 +212,8 @@
     }, 500);
 
     // 娴嬭瘯椤甸潰璺宠浆
-      setTimeout(() => {
-        this.gotoPage(8,138);
+     setTimeout(() => {
+      this.gotoPage(6,101);
     //   setTimeout(() => {
     //     this.renderSign("Highlight", {
     //       id: "2ACA9359",
@@ -241,7 +241,7 @@
     //   txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
     //   txtIndex: 57
     // });
-       }, 50);
+      }, 50);
   },
   methods: {
     // setZoom1() {

--
Gitblit v1.9.1