From 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 28 四月 2025 18:34:51 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/English/view/components/chapter001.vue | 1478 +++++++++++++++++++++++++++++++++++++---------------------
 1 files changed, 942 insertions(+), 536 deletions(-)

diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index fb97a41..07ae48d 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -283,7 +283,6 @@
             <span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
           </li>
         </ul>
-        a
         <div class="padding-102">
           <div class="bodystyle">
             <h3 id="c002" class="fl al-cn">
@@ -359,7 +358,7 @@
               shadow puppet show, traditional Chinese medicine, Peking Opera
               scenery
             </p>
-            <p class="center"><b>My Experience in <span class="word-bc" @click="saveWord($event, 'Wonderland')">Wonderland</span> </b></p>
+            <p class="center"><b>My Experience in <span class="word-bc" word="wonderland">Wonderland</span> </b></p>
             <p class="center">
               <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
             </p>
@@ -372,29 +371,29 @@
             </p>
             <p>
               My
-              <span class="word-bc" @click="saveWord($event, 'incredible')">incredible</span>
+              <span class="word-bc">incredible</span>
               journey to China started in 2017 when I got selected as a foreign
               student for PhD studies at one university.When I arrived in
               China,I was like Alice in Alice in Wonderland.I was curious about
               the people,the culture,the
-              <span class="word-bc" @click="saveWord($event, 'cuisine')">cuisine</span>
+              <span class="word-bc" >cuisine</span>
               and of course the huge variety of
-              <span class="word-bc" @click="saveWord($event, 'landscapes')">landscapes</span>.
+              <span class="word-bc" word="landscape">landscapes</span>.
             </p>
             <p>
               I found many great people and made several Chinese friends along
               the way.These friends made me see China through the eyes of the
               locals.I always found Chinese people very friendly and
-              <span class="word-bc" @click="saveWord($event, 'hospitable')">hospitable</span>
+              <span class="word-bc">hospitable</span>
               towards foreigners.These Chinese friends made my understanding of
               Chinese culture and
-              <span class="word-bc" @click="saveWord($event, 'civilization')">civilization</span>
+              <span class="word-bc">civilization</span>
               much easier,enjoyable and memorable.I consider China my second
               home and love it like my own country!
             </p>
             <p>
               You cannot
-              <span class="word-bc" @click="saveWord($event, 'explore')">explore</span>
+              <span class="word-bc">explore</span>
               China properly if you do not try its delicious variety of food.If
               you ate
             </p>
@@ -423,10 +422,10 @@
               Chinese food would still never end! Though I love to eat almost
               all kinds of Chinese cuisine,I found Sichuan and Hunan cuisine
               quite
-              <span class="word-bc" @click="saveWord($event, 'mouth-watering')">mouth-watering</span>
+              <span class="word-bc">mouth-watering</span>
               and
-              <span class="word-bc" @click="saveWord($event, 'stimulating')">stimulating</span>.For a
-              <span class="word-bc" @click="saveWord($event, 'foodie')">foodie</span>
+              <span class="word-bc">stimulating</span>.For a
+              <span class="word-bc">foodie</span>
               like me,China is a heaven.I simply cannot live without Chinese
               food.
             </p>
@@ -436,8 +435,8 @@
               its own story and history.From the big and advanced cities like
               Shanghai or Guangzhou to the ancient cities like Xi鈥檃n and
               Hangzhou,each city has its
-              <span class="word-bc" @click="saveWord($event, 'unique')">unique</span>
-              <span class="word-bc" style="margin-left: 5px" @click="saveWord($event, 'atmosphere')">atmosphere</span>
+              <span class="word-bc">unique</span>
+              <span class="word-bc" style="margin-left: 5px">atmosphere</span>
               that attracts you.I visited more than a dozen cities and came
               across their charming features and unique landscapes such as
               Huangshan,the Great Wall,Canton Tower.
@@ -1080,7 +1079,7 @@
               people.
             </p>
             <p>
-              <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border"
+              <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border w90"
                 @change="setTestData" />
 
             </p>
@@ -1092,7 +1091,7 @@
               greatly promoted the development of ancient Chinese civilization.
             </p>
             <p>
-              <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border"
+              <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border w90"
                 @change="setTestData" />
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1103,7 +1102,7 @@
               tea culture in depth.
             </p>
             <p>
-              <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border"
+              <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border w90"
                 @change="setTestData" />
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1114,7 +1113,7 @@
               Chinese medical science.
             </p>
             <p>
-              <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border"
+              <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border w90"
                 @change="setTestData" />
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1142,7 +1141,7 @@
             </p>
             <p>
               <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.one" type="text"
-                class="input-bottom-border" @change="setTestData" />.
+                class="input-bottom-border w90" @change="setTestData" />.
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛欼f you try using sticks, you can enjoy the fun of having a
@@ -1154,7 +1153,7 @@
             </p>
             <p>
               <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.two" type="text"
-                class="input-bottom-border" @change="setTestData" />.
+                class="input-bottom-border w90" @change="setTestData" />.
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛欼f you go to my Chinese New Year party, you will meet my
@@ -1163,7 +1162,7 @@
             <p>3.Drink some Longjing tea,and you will love it.</p>
             <p>
               <b>If</b><input :disabled="testData.isComplete" type="text" v-model="testData.gr.three"
-                class="input-bottom-border" @change="setTestData" />.
+                class="input-bottom-border w90" @change="setTestData" />.
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛欼f you drink some Longjing tea, you will love it.
@@ -1174,7 +1173,7 @@
             </p>
             <p>
               <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.four" type="text"
-                class="input-bottom-border" @change="setTestData" />.
+                class="input-bottom-border w90" @change="setTestData" />.
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛欼f I go to Xi鈥檃n one day, I will visit the terracotta
@@ -1186,7 +1185,7 @@
             </p>
             <p>
               <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.five" type="text"
-                class="input-bottom-border" @change="setTestData" />.
+                class="input-bottom-border w90" @change="setTestData" />.
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
               绛旀锛� If you ask foreigners about their favorite Chinese food,
@@ -1337,7 +1336,7 @@
             </p>
             <!-- 鎻愪氦鎸夐挳 -->
             <div class="w100 fl ju-cn">
-              <ul class="fl ju-ev" style="width:80%">
+              <ul class="fl ju-ev w80" >
                 <li>
                   <button class="btn-border btn-w" @click="saveData">
                     鎻愪氦
@@ -1461,18 +1460,18 @@
             </p>
             <div class="bk-wh">
               <p class="dl-box">
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'exquisite')">exquisite</span>
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'ancient')">ancient</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'incredible')">incredible</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'unique')">unique</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'traditional')">traditional</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'outstanding')">outstanding</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'mouth-watering')">mouth-watering</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'diverse')">diverse</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'hospitable')">hospitable</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'enjoyable')">enjoyable</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'memorable')">memorable</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'charming')">charming</span>
+                <span class="word-bc mr-20 dl-span" >exquisite</span>
+                <span class="word-bc mr-20 dl-span">ancient</span><span
+                  class="word-bc mr-20 dl-span" >incredible</span><span
+                  class="word-bc mr-20 dl-span" >unique</span><span
+                  class="word-bc mr-20 dl-span" >traditional</span><span
+                  class="word-bc mr-20 dl-span" >outstanding</span><span
+                  class="word-bc mr-20 dl-span" >mouth-watering</span><span
+                  class="word-bc mr-20 dl-span" >diverse</span><span
+                  class="word-bc mr-20 dl-span"  >hospitable</span><span
+                  class="word-bc mr-20 dl-span"  >enjoyable</span><span
+                  class="word-bc mr-20 dl-span" >memorable</span><span
+                  class="word-bc mr-20 dl-span" >charming</span>
               </p>
             </div>
             <div class="resource-primary-border" style="padding: 8px">
@@ -1959,35 +1958,35 @@
             <p>
               On August 31st,2012,as I landed my feet on Chinese ground,I
               started to breathe in the air coming from the
-              <span class="word-bc" @click="saveWord($event, 'breeze')">breeze</span>
+              <span class="word-bc">breeze</span>
               .It was
               familiar.I felt so excited to be back in China,though that time
               was for my studies.In a matter of days,I made a lot of friends
               from different countries and one afternoon,my friends and I
               planned to visit the world-famous Sun Yat-sen
-              <span class="word-bc" @click="saveWord($event, 'Mausoleum')">Mausoleum</span>
-              .A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 120px"
-                v-model="testData.in.one" @change="setTestData" />
+              <span class="word-bc" word="mausoleum">Mausoleum</span>
+              .A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90%"
+                v-model="testData.tg.one" @change="setTestData" />
               I looked around with curiosity,and everything seemed to move at a
               quick
-              <span class="word-bc" @click="saveWord($event, 'pace')">pace</span>.
+              <span class="word-bc">pace</span>.
             </p>
             <p>
               Six months later,as I walked down the hall of my
-              <span class="word-bc" @click="saveWord($event, 'dormitory')">dormitory</span>
+              <span class="word-bc">dormitory</span>
               ,I met
               my
-              <span class="word-bc" @click="saveWord($event, 'neighbour')">neighbour</span>
+              <span class="word-bc">neighbour</span>
               who was overwhelmed by big and small packages and
               boxes.I asked,鈥淗ey,Alison.What are all these?鈥� She
               replied,鈥淗ello,Vanessa.I received my packages from the delivery
               man.I鈥檝e been buying a lot of stuff
-              <span class="word-bc" @click="saveWord($event, 'via')">via</span>
+              <span class="word-bc">via</span>
               an online shop.鈥� I went to
               my room to turn on my
-              <span class="word-bc" @click="saveWord($event, 'laptop')">laptop</span>
+              <span class="word-bc">laptop</span>
               and typed in the key words.I was
-              <span class="word-bc" @click="saveWord($event, 'stunned')">stunned</span>
+              <span class="word-bc" word="stun">stunned</span>
               ; I couldn鈥檛 believe my eyes.It is actually an online
               shopping website where you can buy anything you can think of.
             </p>
@@ -1995,39 +1994,39 @@
               After my graduation in 2015,I joined another university in
               Shanghai for further studies.I always saw my Chinese classmates
               paying with their phones; this
-              <span class="word-bc" @click="saveWord($event, 'triggered')">triggered</span>
+              <span class="word-bc" word="trigger">triggered</span>
               my attention.With the
               help of my classmates,I finally got my own online payment
               account.This is an absolute
-              <span class="word-bc" @click="saveWord($event, 'gadget')">gadget</span>
+              <span class="word-bc">gadget</span>
               ,very convenient and easy to
               use.With the start of this new
-              <span class="word-bc" @click="saveWord($event, 'era')">era</span>
+              <span class="word-bc">era</span>
               ,I always go out without my
               wallet.
             </p>
             <p>
-              B.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 120px"
-                v-model="testData.in.one" @change="setTestData" />
+              B.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90%"
+                v-model="testData.tg.two" @change="setTestData" />
               I went through all the necessary procedures and couldn鈥檛 wait to
               ride my first shared bike.
             </p>
             <p>
               Last but not least,nearly at the end of 2016,the ordering
               platforms made their appearance on all Chinese phones.C.<input :disabled="testData.isComplete" type="text"
-                class="input-bottom-border" style="width: 120px" v-model="testData.in.one" @change="setTestData" />
+                class="input-bottom-border" style="width: 75%" v-model="testData.tg.three" @change="setTestData" />
               What makes my life easier is that I can buy vegetables and fruits
               online and get them delivered to my door.
             </p>
             <p>
               The five aspects that I mentioned above changed the life of
               millions of people around China.The Chinese
-              <span class="word-bc" @click="saveWord($event, 'economy')">economy</span>
+              <span class="word-bc">economy</span>
               is
-              <span class="word-bc" @click="saveWord($event, 'booming')">booming</span>
+              <span class="word-bc" word="boom">booming</span>
               ,which makes people well off.I鈥檝e been in China for several
               years and witnessed China鈥檚
-              <span class="word-bc" @click="saveWord($event, 'potential')">potential</span>
+              <span class="word-bc" >potential</span>
               .
             </p>
           </div>
@@ -2183,32 +2182,34 @@
               blanks.
             </p>
             <p>
-              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value" style="width: 8%">
+              ( <select class="select-border"  :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value"
+                style="width: 8%">
                 <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
                   :value="item">
                   {{ item }}
                 </option>
               </select> ) 1.It wasn鈥檛 long until I discovered the shared bikes in
-              2016,serving people in several cities.                      
+              2016,serving people in several cities.
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownChoiceData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
-                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
-                          <path
-                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
-              </svg>
-              <svg v-if="testOneData.dropdownChoiceData.one.isRight == false" t="1716987085767" class="icon"
-                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
-                          <path
-                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
-              </svg>
+                <svg v-if="testOneData.dropdownChoiceData.one.isRight" t="1716986419862" class="icon"
+                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="testOneData.dropdownChoiceData.one.isRight == false" t="1716987085767" class="icon"
+                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
               </span>
             </p>
             <p>
-              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.two.value" style="width: 8%">
+              ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.two.value"
+                style="width: 8%">
                 <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
                   :value="item">
                   {{ item }}
@@ -2216,24 +2217,25 @@
               </select> ) 2.People can order their desired food,from soup to noodles,from
               barbecue to hot pot.
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownChoiceData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
-                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
-                          <path
-                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
-              </svg>
-              <svg v-if="testOneData.dropdownChoiceData.two.isRight == false" t="1716987085767" class="icon"
-                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
-                          <path
-                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
-              </svg>
+                <svg v-if="testOneData.dropdownChoiceData.two.isRight" t="1716986419862" class="icon"
+                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="testOneData.dropdownChoiceData.two.isRight == false" t="1716987085767" class="icon"
+                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
               </span>
             </p>
             <p>
-              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.three.value" style="width: 8%">
+              ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.three.value"
+                style="width: 8%">
                 <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
                   :value="item">
                   {{ item }}
@@ -2241,20 +2243,20 @@
               </select> ) 3.It was at that moment that I knew about the metro system.It
               was new,fast,and extraordinary.
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownChoiceData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
-                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
-                          <path
-                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
-              </svg>
-              <svg v-if="testOneData.dropdownChoiceData.three.isRight == false" t="1716987085767" class="icon"
-                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
-                          <path
-                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
-              </svg>
+                <svg v-if="testOneData.dropdownChoiceData.three.isRight" t="1716986419862" class="icon"
+                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="testOneData.dropdownChoiceData.three.isRight == false" t="1716987085767" class="icon"
+                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
               </span>
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -2266,31 +2268,33 @@
               (F).
             </p>
             <p>
-              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.one.value" style="width: 8%">
+              ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.one.value"
+                style="width: 8%">
                 <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                   :value="item">
                   {{ item }}
                 </option>
               </select> ) 1.Vanessa made a lot of friends as soon as she arrived in China.
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownDetermineData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
-                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
-                          <path
-                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
-              </svg>
-              <svg v-if="testOneData.dropdownDetermineData.one.isRight == false" t="1716987085767" class="icon"
-                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
-                          <path
-                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
-              </svg>
+                <svg v-if="testOneData.dropdownDetermineData.one.isRight" t="1716986419862" class="icon"
+                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="testOneData.dropdownDetermineData.one.isRight == false" t="1716987085767" class="icon"
+                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
               </span>
             </p>
             <p>
-              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.two.value" style="width: 8%">
+              ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.two.value"
+                style="width: 8%">
                 <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                   :value="item">
                   {{ item }}
@@ -2298,24 +2302,25 @@
               </select> ) 2.Before Vanessa came to China,she knew a lot about
               the metro system.
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownDetermineData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
-                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
-                          <path
-                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
-              </svg>
-              <svg v-if="testOneData.dropdownDetermineData.two.isRight == false" t="1716987085767" class="icon"
-                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
-                          <path
-                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
-              </svg>
+                <svg v-if="testOneData.dropdownDetermineData.two.isRight" t="1716986419862" class="icon"
+                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="testOneData.dropdownDetermineData.two.isRight == false" t="1716987085767" class="icon"
+                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
               </span>
             </p>
             <p>
-              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.three.value" style="width: 8%">
+              ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.three.value"
+                style="width: 8%">
                 <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                   :value="item">
                   {{ item }}
@@ -2323,24 +2328,25 @@
               </select> ) 3.Vanessa didn鈥檛 know about online shopping before
               she met her neighbour Alison.
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownDetermineData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
-                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
-                          <path
-                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
-              </svg>
-              <svg v-if="testOneData.dropdownDetermineData.three.isRight == false" t="1716987085767" class="icon"
-                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
-                          <path
-                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
-              </svg>
+                <svg v-if="testOneData.dropdownDetermineData.three.isRight" t="1716986419862" class="icon"
+                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="testOneData.dropdownDetermineData.three.isRight == false" t="1716987085767" class="icon"
+                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
               </span>
             </p>
             <p>
-              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.four.value" style="width: 8%">
+              ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.four.value"
+                style="width: 8%">
                 <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                   :value="item">
                   {{ item }}
@@ -2348,24 +2354,25 @@
               </select> ) 4.Vanessa got her own online payment account by
               herself.
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownDetermineData.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
-                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
-                          <path
-                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
-              </svg>
-              <svg v-if="testOneData.dropdownDetermineData.four.isRight == false" t="1716987085767" class="icon"
-                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
-                          <path
-                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
-              </svg>
+                <svg v-if="testOneData.dropdownDetermineData.four.isRight" t="1716986419862" class="icon"
+                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="testOneData.dropdownDetermineData.four.isRight == false" t="1716987085767" class="icon"
+                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
               </span>
             </p>
             <p>
-              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.five.value" style="width: 8%">
+              ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.five.value"
+                style="width: 8%">
                 <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                   :value="item">
                   {{ item }}
@@ -2374,20 +2381,20 @@
               Vanessa鈥檚 life
               easier.
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownDetermineData.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
-                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
-                          <path
-                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
-              </svg>
-              <svg v-if="testOneData.dropdownDetermineData.five.isRight == false" t="1716987085767" class="icon"
-                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
-                          <path
-                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
-              </svg>
+                <svg v-if="testOneData.dropdownDetermineData.five.isRight" t="1716986419862" class="icon"
+                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="testOneData.dropdownDetermineData.five.isRight == false" t="1716987085767" class="icon"
+                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
               </span>
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -2402,9 +2409,9 @@
             <p>
               1.Tom was shocked by China鈥檚 progress that she had
               <i>noticed</i>.
-              <input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
-                style="width: 80px" v-model="testOneData.lf.one" @change="setTestOneData" />
-                <span>
+              <input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 80px"
+                v-model="testOneData.lf.one" @change="setTestOneData" />
+              <span>
                 <svg v-if="
                   testOneData.isComplete &&
                   isTextRight(testOneData.lf.answer, testOneData.lf.one, 0)
@@ -2431,7 +2438,7 @@
               2.China has made <i>amazing</i> progress in the manufacturing
               industry.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
                 style="width: 80px" v-model="testOneData.lf.two" @change="setTestOneData" />
-                <span>
+              <span>
                 <svg v-if="
                   testOneData.isComplete &&
                   isTextRight(testOneData.lf.answer, testOneData.lf.two, 1)
@@ -2458,7 +2465,7 @@
               3.Ordering platforms supported <i>by</i> various Apps is very
               convenient.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
                 style="width: 80px" v-model="testOneData.lf.three" @change="setTestOneData" />
-                <span>
+              <span>
                 <svg v-if="
                   testOneData.isComplete &&
                   isTextRight(testOneData.lf.answer, testOneData.lf.three, 2)
@@ -2485,7 +2492,7 @@
               4.The <i>age</i> of artificial intelligence was brought into being
               by the Internet.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
                 style="width: 80px" v-model="testOneData.lf.four" @change="setTestOneData" />
-                <span>
+              <span>
                 <svg v-if="
                   testOneData.isComplete &&
                   isTextRight(testOneData.lf.answer, testOneData.lf.four, 3)
@@ -2512,7 +2519,7 @@
               5.The <i>rhythm</i> of ancient people鈥檚 lives is slower than that
               of modern people.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
                 style="width: 80px" v-model="testOneData.lf.five" @change="setTestOneData" />
-                <span>
+              <span>
                 <svg v-if="
                   testOneData.isComplete &&
                   isTextRight(testOneData.lf.answer, testOneData.lf.five, 4)
@@ -2551,7 +2558,8 @@
             </div>
             <p>
               1.China has<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
-                style="width: 100px" v-model="testOneData.ct.one" @change="setTestOneData" />great changes in the era of big
+                style="width: 100px" v-model="testOneData.ct.one" @change="setTestOneData" />great changes in the era of
+              big
               data.
               <span>
                 <svg v-if="
@@ -2599,7 +2607,8 @@
           <div class="bodystyle">
             <p>
               2.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 100px"
-                v-model="testOneData.ct.two" @change="setTestOneData" />key words and you can search for the needed goods in
+                v-model="testOneData.ct.two" @change="setTestOneData" />key words and you can search for the needed
+              goods in
               online
               shops.
               <span>
@@ -2627,8 +2636,9 @@
             </p>
             <p>
               3.A dispute over online shopping can be settled in<input :disabled="testOneData.isComplete" type="text"
-                class="input-bottom-border" style="width: 100px" v-model="testOneData.ct.three" @change="setTestOneData" />days.
-                <span>
+                class="input-bottom-border" style="width: 100px" v-model="testOneData.ct.three"
+                @change="setTestOneData" />days.
+              <span>
                 <svg v-if="
                   testOneData.isComplete &&
                   isTextRight(testOneData.ct.answer, testOneData.ct.three, 2)
@@ -2641,7 +2651,7 @@
                 </svg>
                 <svg v-if="
                   testOneData.isComplete &&
-                  isTextRight(testOneData.ct.answer, testOneData.ct.three,2) == false
+                  isTextRight(testOneData.ct.answer, testOneData.ct.three, 2) == false
                 " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                   xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                   height="20">
@@ -2653,8 +2663,9 @@
             </p>
             <p>
               4.China has,in all respects,become very<input :disabled="testOneData.isComplete" type="text"
-                class="input-bottom-border" style="width: 60px" v-model="testOneData.ct.four" @change="setTestOneData" />.
-                <span>
+                class="input-bottom-border" style="width: 60px" v-model="testOneData.ct.four"
+                @change="setTestOneData" />.
+              <span>
                 <svg v-if="
                   testOneData.isComplete &&
                   isTextRight(testOneData.ct.answer, testOneData.ct.four, 3)
@@ -2679,7 +2690,8 @@
             </p>
             <p>
               5.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
-                v-model="testOneData.ct.five" @change="setTestOneData" />,all the people committed to Shenzhou Spacecrafts
+                v-model="testOneData.ct.five" @change="setTestOneData" />,all the people committed to Shenzhou
+              Spacecrafts
               deserve
               respect.
               <span>
@@ -2743,32 +2755,32 @@
               </p>
             </div>
             <p>
-              1.It is actually an online shopping website.( <select
-              :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
+              1.It is actually an online shopping website.( <select class="select-border"  :disabled="testOneData.isComplete" @change="setTestOneData"
+                v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
                 <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                   :value="item">
                   {{ item }}
                 </option>
               </select> )
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownStructureData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
-                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
-                          <path
-                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
-              </svg>
-              <svg v-if="testOneData.dropdownStructureData.one.isRight == false" t="1716987085767" class="icon"
-                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
-                          <path
-                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
-              </svg>
+                <svg v-if="testOneData.dropdownStructureData.one.isRight" t="1716986419862" class="icon"
+                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="testOneData.dropdownStructureData.one.isRight == false" t="1716987085767" class="icon"
+                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
               </span>
             </p>
             <p>
-              2.Vanessa finally got her own online payment account. ( <select :disabled="testOneData.isComplete"
+              2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData"
                 v-model="testOneData.dropdownStructureData.two.value" style="width: 15%">
                 <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                   :value="item">
@@ -2776,96 +2788,97 @@
                 </option>
               </select> )
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownStructureData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
-                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
-                          <path
-                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
-              </svg>
-              <svg v-if="testOneData.dropdownStructureData.two.isRight == false" t="1716987085767" class="icon"
-                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
-                          <path
-                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
-              </svg>
+                <svg v-if="testOneData.dropdownStructureData.two.isRight" t="1716986419862" class="icon"
+                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="testOneData.dropdownStructureData.two.isRight == false" t="1716987085767" class="icon"
+                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
               </span>
             </p>
             <p>
               3.China offers researchers world-class advanced research
-              facilities in the institutes. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.three.value"
-                style="width: 15%">
+              facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData"
+                v-model="testOneData.dropdownStructureData.three.value" style="width: 15%">
                 <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                   :value="item">
                   {{ item }}
                 </option>
               </select> )
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownStructureData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
-                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
-                          <path
-                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
-              </svg>
-              <svg v-if="testOneData.dropdownStructureData.three.isRight == false" t="1716987085767" class="icon"
-                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
-                          <path
-                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
-              </svg>
+                <svg v-if="testOneData.dropdownStructureData.three.isRight" t="1716986419862" class="icon"
+                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="testOneData.dropdownStructureData.three.isRight == false" t="1716987085767" class="icon"
+                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
               </span>
             </p>
             <p>
               4.These friends made Vanessa see China through the eyes of the
-              locals. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
+              locals. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData"
+                v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
                 <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                   :value="item">
                   {{ item }}
                 </option>
               </select> )
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownStructureData.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
-                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
-                          <path
-                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
-              </svg>
-              <svg v-if="testOneData.dropdownStructureData.four.isRight == false" t="1716987085767" class="icon"
-                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
-                          <path
-                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
-              </svg>
+                <svg v-if="testOneData.dropdownStructureData.four.isRight" t="1716986419862" class="icon"
+                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="testOneData.dropdownStructureData.four.isRight == false" t="1716987085767" class="icon"
+                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
               </span>
             </p>
             <p>
-              5.The list of Chinese food never ends. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.five.value"
-                style="width: 15%">
+              5.The list of Chinese food never ends. ( <select class="select-border" @change="setTestOneData" :disabled="testOneData.isComplete"
+                v-model="testOneData.dropdownStructureData.five.value" style="width: 15%">
                 <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                   :value="item">
                   {{ item }}
                 </option>
               </select> )
               <span class="icon-box-big">
-              <svg v-if="testOneData.dropdownStructureData.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
-                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
-                          <path
-                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
-              </svg>
-              <svg v-if="testOneData.dropdownStructureData.five.isRight == false" t="1716987085767" class="icon"
-                          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
-                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
-                          <path
-                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
-              </svg>
+                <svg v-if="testOneData.dropdownStructureData.five.isRight" t="1716986419862" class="icon"
+                  viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="testOneData.dropdownStructureData.five.isRight == false" t="1716987085767" class="icon"
+                  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                  xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
               </span>
             </p>
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -2874,8 +2887,8 @@
               &nbsp; 5.S+V
             </p>
             <!-- 鎻愪氦鎸夐挳 -->
-            <div class="w100 fl">
-              <ul class="fl ju-ar w100">
+            <div class="w100 fl  ju-cn">
+              <ul class="fl ju-ar w80">
                 <li>
                   <button class="btn-border btn-w" @click="savaDataOne">
                     鎻愪氦
@@ -3016,137 +3029,87 @@
                   <div class="swiper-wrapper">
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_01.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤01.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_02.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤02.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_03.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤03.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_04.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤04.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_05.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤05.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_06.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤06.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_07.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤07.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_08.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤08.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_09.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤09.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_10.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤10.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_11.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤11.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_12.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤12.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_13.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤13.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_14.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤14.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_15.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤15.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_16.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤16.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_17.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_18.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_19.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_20.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_21.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_22.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_23.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_24.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_25.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_26.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_27.png" />
+                        <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤17.jpg" />
                       </div>
                     </div>
                   </div>
@@ -3319,6 +3282,32 @@
               1.They would like to organize an activity for foreign students to
               experience Chinese handcrafts / learn Chinese calligraphy.
             </p>
+            <p>
+              <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width: 85%"
+                v-model="expression.one" @change="setExpression" />
+              <span>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.one, 0)
+                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+                  height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.one, 0) == false
+                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+                  height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
+              </span>
+            </p>
           </div>
         </div>
         <div class="preface-bottom">
@@ -3344,19 +3333,144 @@
               2.They decide to hold a Chinese crafts show / paper-cutting
               contest.
             </p>
+            <p>
+              <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width:85%"
+                v-model="expression.two" @change="setExpression" />
+              <span>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.two, 1)
+                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+                  height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.two, 1) == false
+                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+                  height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
+              </span>
+            </p>
             <p>3.Linda is to design the posters / reserve rooms.</p>
+            <p>
+              <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width: 85%"
+                v-model="expression.three" @change="setExpression" />
+              <span>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.three, 2)
+                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+                  height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.three, 2) == false
+                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+                  height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
+              </span>
+            </p>
             <p>
               4.Li Hong is to invite students to compete in the contest /
               handcraftsmen to show their talent.
             </p>
             <p>
+              <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width: 85%"
+                v-model="expression.four" @change="setExpression" />
+              <span>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.four, 3)
+                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+                  height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.four, 3) == false
+                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+                  height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
+              </span>
+            </p>
+            <p>
               5.Zhang Ping is to arrange the room set-up / send out invitations.
+            </p>
+            <p>
+              <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width: 85%"
+                v-model="expression.five" @change="setExpression" />
+              <span>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.five, 4)
+                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+                  height="20">
+                  <path
+                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                    fill="#1AFA29" p-id="18768"></path>
+                </svg>
+                <svg v-if="
+                  expression.isComplete &&
+                  isTextRight(expression.answer, expression.five, 4) == false
+                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+                  height="20">
+                  <path
+                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                    fill="#d81e06" p-id="25746"></path>
+                </svg>
+              </span>
             </p>
             <!-- 绛旀妗� -->
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight">
               绛旀锛� (1)experience Chinese handicraft &nbsp; (2)paper cutting contest &nbsp; (3)design the posters &nbsp;
-              (4)4.handicraftsmen to show their talent&nbsp; (5)5.arrange the room set-up
+              (4)handicraftsmen to show their talent&nbsp; (5)arrange the room set-up
             </p>
+            <div class="w100 fl ju-cn">
+              <ul class="fl ju-ar w80">
+                <li>
+                  <button class="btn-border btn-w" @click="savaDataTwo">
+                    鎻愪氦
+                  </button>
+                </li>
+                <li>
+                  <button @click="changeTestTwoData" class="btn-border btn-w">
+                    閲嶅仛
+                  </button>
+                </li>
+                <li>
+                  <button @click="
+                    showAnswerEight = !showAnswerEight
+                    " class="parimary-btn">
+                    鏌ョ湅绛旀
+                  </button>
+                </li>
+              </ul>
+            </div>
             <h3 id="c009"><span class="bjh3">Practical Writing</span></h3>
             <p>Work with your partner to discuss the following questions.</p>
             <p>
@@ -3416,50 +3530,332 @@
               </div>
               <div class="right" style="width: 48%">
                 <p>
-                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.checkOne" />
+                  <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" @change="setCheck" />
                   Name of the event
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Name of the event'
+                      )
+                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Name of the event'
+                      ) == false
+                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
+                  </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Language" id="2" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" @change="setCheck" />
                   Date and time
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Date and time'
+                      )
+                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Date and time'
+                      ) == false
+                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
+                  </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Language" id="3" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" @change="setCheck" />
                   Location
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Location'
+                      )
+                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Location'
+                      ) == false
+                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
+                  </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Language" id="4" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" @change="setCheck" />
                   Greetings
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Greetings'
+                      )
+                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Greetings'
+                      ) == false
+                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
+                  </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Language" id="5" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" @change="setCheck" />
                   Warnings
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Warnings'
+                      )
+                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Warnings'
+                      ) == false
+                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
+                  </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Language" id="6" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" @change="setCheck" />
                   Organizer
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Organizer'
+                      )
+                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Organizer'
+                      ) == false
+                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
+                  </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Language" id="7" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" @change="setCheck" />
                   Signature
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Signature'
+                      )
+                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Signature'
+                      ) == false
+                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
+                  </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Language" id="8" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="A short description of the event" id="8"
+                    v-model="check.value" @change="setCheck" />
                   A short description of the event
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'A short description of the event'
+                      )
+                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'A short description of the event'
+                      ) == false
+                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
+                  </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Language" id="9" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="Contact information" @change="setCheck" id="9" v-model="check.value" />
                   Contact information
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Contact 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="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Contact 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
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
+                  </span>
                 </p>
                 <p>
-                  <input type="checkbox" name="ball" value="Language" id="10" v-model="testData.checkOne.value" />
+                  <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value"  @change="setCheck" />
                   Pictures of the event
+                  <span>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Pictures of the event'
+                      )
+                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="
+                      check.isComplete &&
+                      isShowRight(
+                        check.answer, check.value, 'Pictures of the event'
+                      ) == false
+                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 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>
             <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer">
-              绛旀锛歂ame of the event,Date & time,Address,Organizer
+              绛旀锛�1.Name of the event &nbsp; 2.Date & time &nbsp; 3.Address,Organizer &nbsp;
             </p>
+            <div class="w100 fl  ju-cn">
+              <ul class="fl ju-ar w80">
+                <li>
+                  <button class="btn-border btn-w" @click="savaCheck">
+                    鎻愪氦
+                  </button>
+                </li>
+                <li>
+                  <button @click="changeCheck" class="btn-border btn-w">
+                    閲嶅仛
+                  </button>
+                </li>
+                <li>
+                  <button @click="
+                    showQuestionAnswer = !showQuestionAnswer
+                    " class="parimary-btn">
+                    鏌ョ湅绛旀
+                  </button>
+                </li>
+              </ul>
+            </div>
           </div>
         </div>
         <div class="preface-bottom">
@@ -3499,14 +3895,12 @@
             </p>
             <div class="center poster-img">
               <img class="img-a" alt="" src="../../assets/images/0026-1.jpg" />
-              <input :disabled="testData.isComplete" type="text" class="poster-input-box-one" v-model="testData.in.one"
-                @change="setTestData" />
-              <input :disabled="testData.isComplete" type="text" class="poster-input-box-two" v-model="testData.in.one"
-                @change="setTestData" />
-              <input :disabled="testData.isComplete" type="text" class="poster-input-box-three"
-                v-model="testData.in.one" @change="setTestData" />
-              <input :disabled="testData.isComplete" type="text" class="poster-input-box-four" v-model="testData.in.one"
-                @change="setTestData" />
+              <input type="text" class="poster-input-box-one" v-model="testTwoData.diy.one" @change="setTestTwoData" />
+              <input type="text" class="poster-input-box-two" v-model="testTwoData.diy.two" @change="setTestTwoData" />
+              <input type="text" class="poster-input-box-three" v-model="testTwoData.diy.three"
+                @change="setTestTwoData" />
+              <input type="text" class="poster-input-box-four" v-model="testTwoData.diy.four"
+                @change="setTestTwoData" />
             </div>
             <!-- 绛旀妗� -->
             <p class="event-header-text-bc pd-5 tl-lf" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
@@ -3532,16 +3926,16 @@
             </div>
             <div class="dy1-bj5">
               <p class="tl-lf">1.What can be the title of the exhibition?
-                <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+                <textarea v-model="testTwoData.yc.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               </p>
               <!-- 绛旀妗� -->
               <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
                 绛旀锛� Traditional handicraft show
               </p>
               <p class="tl-lf">2.What should be included in the exhibition?
-                <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+                <textarea v-model="testTwoData.yc.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               </p>
 
               <!-- 绛旀妗� -->
@@ -3550,15 +3944,15 @@
                 绛旀锛� Various handicrafts made by Chinese students in theirtraditional Chinese culture courses
               </p>
               <p class="tl-lf">3.Where will the exhibition be held?
-                <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+                <textarea v-model="testTwoData.yc.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               </p>
               <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
                 绛旀锛歋tudents activity center
               </p>
               <p class="tl-lf">4.When will the exhibition be held?
-                <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+                <textarea v-model="testTwoData.yc.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               </p>
               <!-- 绛旀妗� -->
               <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
@@ -3593,14 +3987,12 @@
             </p>
             <div class="center poster-design">
               <img class="img-b" alt="" src="../../assets/images/0027-1.jpg" />
-              <input :disabled="testData.isComplete" type="text" class="poster-input-box-five" v-model="testData.in.one"
-                @change="setTestData" />
-              <input :disabled="testData.isComplete" type="text" class="poster-input-box-six" v-model="testData.in.one"
-                @change="setTestData" />
-              <input :disabled="testData.isComplete" type="text" class="poster-input-box-seven"
-                v-model="testData.in.one" @change="setTestData" />
-              <input :disabled="testData.isComplete" type="text" class="poster-input-box-eight"
-                v-model="testData.in.one" @change="setTestData" />
+              <input type="text" class="poster-input-box-five" v-model="testTwoData.da.one" @change="setTestTwoData" />
+              <input type="text" class="poster-input-box-six" v-model="testTwoData.da.two" @change="setTestTwoData" />
+              <input type="text" class="poster-input-box-seven" v-model="testTwoData.da.three"
+                @change="setTestTwoData" />
+              <input type="text" class="poster-input-box-eight" v-model="testTwoData.da.four"
+                @change="setTestTwoData" />
             </div>
             <div class="un-h2">
               <h2 id="b004">Unit Project</h2>
@@ -3665,68 +4057,45 @@
               </p>
               <p>How many people do you need to make the event happen?</p>
               <!-- 鏂囨湰妗� -->
-              <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+              <textarea v-model="testTwoData.qy.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" style="margin-left: 40px; width: 92%"
+                class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               <!-- 绛旀妗� -->
               <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
                 绛旀锛� (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus
                 radio &nbsp; (4)Campus TV station &nbsp; (5)Notice
               </p>
               <p>What resources do you need?</p>
-              <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+              <textarea v-model="testTwoData.qy.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" style="margin-left: 40px; width: 92%"
+                class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               <!-- 绛旀妗� -->
               <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
                 绛旀锛� (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus
                 radio &nbsp; (4)Campus TV station &nbsp; (5)Notice
               </p>
               <p>What does the audience need to know?</p>
-              <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+              <textarea v-model="testTwoData.qy.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               <!-- 绛旀妗� -->
               <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
                 绛旀锛� (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus
                 radio &nbsp; (4)Campus TV station &nbsp; (5)Notice
               </p>
               <p>What will hold the audience鈥檚 interest?</p>
-              <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+              <textarea v-model="testTwoData.qy.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" style="margin-left: 40px; width: 92%"
+                class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               <!-- 绛旀妗� -->
               <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
                 绛旀锛� (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus
                 radio &nbsp; (4)Campus TV station &nbsp; (5)Notice
               </p>
               <p>What do you hope to achieve through this event?</p>
-              <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+              <textarea v-model="testTwoData.qy.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" style="margin-left: 40px; width: 92%"
+                class="fz-16 fm-son" @change="setTestTwoData"></textarea>
               <!-- 绛旀妗� -->
               <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
                 绛旀锛� (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus
                 radio &nbsp; (4)Campus TV station &nbsp; (5)Notice
               </p>
-            </div>
-            <!-- 鎻愪氦鎸夐挳 -->
-            <div class="w100 fl">
-              <ul class="fl ju-ar w100">
-                <li>
-                  <button class="btn-border btn-w" @click="saveData">
-                    鎻愪氦
-                  </button>
-                </li>
-                <li>
-                  <button @click="changeTestData" class="btn-border btn-w">
-                    閲嶅仛
-                  </button>
-                </li>
-                <li>
-                  <button @click="
-                    showlessonThreeQuestionAnswer =
-                    !showlessonThreeQuestionAnswer
-                    " class="parimary-btn">
-                    鏌ョ湅绛旀
-                  </button>
-                </li>
-              </ul>
             </div>
             <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
               <div class="banshi openImgBox">
@@ -3734,137 +4103,77 @@
                   <div class="swiper-wrapper">
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_01.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤01.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_02.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤02.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_03.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤03.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_04.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤04.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_05.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤05.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_06.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤06.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_07.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤07.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_08.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤08.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_09.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤09.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_10.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤10.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_11.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤11.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_12.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤12.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_13.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤13.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_14.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤14.jpg" />
                       </div>
                     </div>
                     <div class="swiper-slide">
                       <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_15.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_16.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_17.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_18.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_19.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_20.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_21.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_22.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_23.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_24.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_25.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_26.png" />
-                      </div>
-                    </div>
-                    <div class="swiper-slide">
-                      <div class="imgBox" style="width: 100%; height: 100%">
-                        <img src="../../assets/images/ppt/ppt_27.png" />
+                        <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤15.jpg" />
                       </div>
                     </div>
                   </div>
@@ -4133,16 +4442,12 @@
           nineteen: "",
         },
       },
+      //page6-7棰橀泦
       testData: {
         isComplete: false,
         check: {
           isRight: null,
           answer: ["Culture", "Cuisine", "Landscapes"],
-          value: [],
-        },
-        checkOne: {
-          isRight: null,
-          answer: ["Name of the event", "Date & time", "Address", "Organizer"],
           value: [],
         },
         tx: {
@@ -4189,7 +4494,13 @@
           five: "",
           answer: ["whether", "if", "whether", "whether", "If"],
         },
+        tg:{
+          one:"",
+          two:"",
+          three:"",
+        },
       },
+      //page12-13棰橀泦
       testOneData: {
         isComplete: false,
         // 閫夋嫨
@@ -4301,6 +4612,49 @@
           }
         },
       },
+      //page14-15濉┖
+      expression: {
+        isComplete: false,
+        one: "",
+        two: "",
+        three: "",
+        four: "",
+        five: "",
+        answer: ["experience Chinese handicraft", "paper cutting contest", "design the posters", "handicraftsmen to show their talent", "arrange the room set-up"],
+      },
+      //page15 鐩掑瓙澶氶��
+      check: {
+        isRight: null,
+        answer: ["Name of the event", "Date and time", "Address", "Organizer"],
+        value: [],
+      },
+      testTwoData: {
+        diy: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+        },
+        yc: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+        },
+        da: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+        },
+        qy: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+        }
+      },
       resource: {
         listenOne: "",
         readingOne: "",
@@ -4318,6 +4672,7 @@
         "shared bike",
         "take-away service",
       ],
+      // 涓嬫媺閫夋嫨妗�
       dropdownData: {
         isComplete: false,
         one: {
@@ -4358,7 +4713,7 @@
     if (testData) {
       this.testData = JSON.parse(testData);
     }
-    const bookQuestion = localStorage.getItem("english-book-question-one");
+    const bookQuestion = localStorage.getItem("english-book-chapter01-question-one");
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
     }
@@ -4367,52 +4722,45 @@
       this.dropdownData = JSON.parse(dropdownData);
     }
     const testOneData = localStorage.getItem("english-lessonTwo");
-    if(testOneData){
+    if (testOneData) {
       this.testOneData = JSON.parse(testOneData);
+    }
+    const expression = localStorage.getItem("english-lessonThree");
+    if (expression) {
+      this.expression = JSON.parse(expression);
+    }
+    const testTwoData = localStorage.getItem("english-PracticalWriting");
+    if (testTwoData) {
+      this.testTwoData = JSON.parse(testTwoData);
+    }
+
+    const check  = localStorage.getItem("english-lessonFour");
+    if (check) {
+      this.check = JSON.parse(check);
     }
     this.getPath();
   },
   methods: {
-    saveWord(event, word) {
-      this.$emit("saveCharacters", event, word);
-    },
     setTestData() {
       localStorage.setItem("english-testOne", JSON.stringify(this.testData));
     },
-    setTestOneData(){
+    setTestOneData() {
       localStorage.setItem("english-lessonTwo", JSON.stringify(this.testOneData));
     },
-    changeTestOneData(){
-      localStorage.removeItem("english-lessonTwo")
-      const TestOneData = this.testOneData
-      for(let key in TestOneData ){
-        let item = TestOneData[key]
-          if( key != "lf" && key != "ct" &&  key != "isComplete" ){
-              for(let keys in item){
-                const citem = item[keys]
-                if( keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure" ){
-                      citem.value = "" 
-                      citem.isRight = null
-                }
-              }
-          }else if( key != "isComplete"){
-
-          }
-      }
-      this.$set(this.testOneData, "isComplete", false);
-      this.testOneData = TestOneData;
-      this.showlessonTwoQuestionAnswer = false;
+    setExpression() {
+      localStorage.setItem("english-lessonThree", JSON.stringify(this.expression));
+    },
+    setCheck() {
+      localStorage.setItem("english-lessonFour", JSON.stringify(this.check));
+    },
+    setTestTwoData() {
+      localStorage.setItem("english-PracticalWriting", JSON.stringify(this.testTwoData));
     },
     changeTestData() {
       localStorage.removeItem("english-testOne");
       this.testData = {
         isComplete: false,
         check: {
-          isRight: null,
-          answer: ["Culture", "Cuisine", "Landscapes"],
-          value: [],
-        },
-        checkOne: {
           isRight: null,
           answer: ["Culture", "Cuisine", "Landscapes"],
           value: [],
@@ -4461,11 +4809,66 @@
           five: "",
           answer: ["whether", "if", "whether", "whether", "If"],
         },
+        tg:{
+          one:"",
+          two:"",
+          three:"",
+        },
       };
+      this.showQuestionAnswer = false
+    }, 
+    changeTestOneData() {
+      localStorage.removeItem("english-lessonTwo")
+      const TestOneData = this.testOneData
+      for (let key in TestOneData) {
+        let item = TestOneData[key]
+        if (key != "lf" && key != "ct" && key != "isComplete") {
+          for (let keys in item) {
+            const citem = item[keys]
+            if (keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure") {
+              citem.value = ""
+              citem.isRight = null
+            }
+          }
+        } else if (key == "lf" || key == "ct") {
+          for (let blank in item) {
+            if (blank != "answer") {
+              item[blank] = "";
+            }
+          }
+        }
+      }
+      this.$set(this.testOneData, "isComplete", false);
+      this.testOneData = TestOneData;
+      this.showlessonTwoQuestionAnswer = false;
+    },
+    changeTestTwoData() {
+      localStorage.removeItem("english-lessonThree")
+      const Expression = this.expression
+      for (let key in Expression) {
+        if (key != "answer" && key != "isComplete") {
+          Expression[key] = "";
+        }
+      }
+      this.$set(this.expression, "isComplete", false);
+      this.expression = Expression;
+      this.showAnswerEight = false;
+    },
+    changeCheck() {
+      localStorage.removeItem("english-lessonFour")
+      const Check = this.check
+      for (let key in Check) {
+        if (key != "answer" && key != "isComplete") {
+          Check.value = [];
+        }
+      }
+      this.$set(this.check, "isComplete", false);
+      this.check = Check;
+      this.showQuestionAnswer = false
     },
     setBookQuestion() {
       localStorage.setItem(
-        "english-book-question-one",
+        "english-book-chapter01-question-one",
         JSON.stringify(this.questionData)
       );
     },
@@ -4623,23 +5026,35 @@
       this.setTestData();
       this.showQuestionAnswer = true;
     },
-    savaDataOne(){
+    savaDataOne() {
       const dropdownDatas = this.testOneData;
       for (let key in dropdownDatas) {
         let item = dropdownDatas[key];
-          if( key != "lf" && key != "ct" &&  key != "isComplete"  ){
-            for( let keys in item ){
-              const citem = item[keys]
-                  if( keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure" ){
-                     citem.value == citem.answer ? citem.isRight = true : citem.isRight = false;
-                  }
+        if (key != "lf" && key != "ct" && key != "isComplete") {
+          for (let keys in item) {
+            const citem = item[keys]
+            if (keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure") {
+              citem.value == citem.answer ? citem.isRight = true : citem.isRight = false;
             }
-           }
+          }
+        }
       }
       this.testOneData = dropdownDatas;
       this.$set(this.testOneData, "isComplete", true);
       this.setTestOneData();
-      this.showlessonTwoQuestionAnswer = true ;
+      this.showlessonTwoQuestionAnswer = true;
+    },
+    savaDataTwo() {
+      this.$set(this.expression, "isComplete", true);
+      this.setExpression();
+      this.isTextRight;
+      this.showAnswerEight = true
+    },
+    savaCheck() {
+      this.$set(this.check, "isComplete", true);
+      this.setCheck();
+      this.isShowRight;
+      this.showQuestionAnswer = true
     },
     isShowRight(answer, userAnswer, data) {
       let flag = null;
@@ -4732,15 +5147,6 @@
   position: fixed;
   right: 0;
   background-color: red;
-}
-
-.select-border {
-  border: 0;
-  border-bottom: 1px solid #767676;
-
-  &:focus {
-    outline: none;
-  }
 }
 
 .poster-img {

--
Gitblit v1.9.1