英语（第一单元题集）

zhongshujie

2024-07-11 0a945a92ee0c133a6d7b71b35a705d9764d94f3b

 src/books/English/view/components/chapter002.vue

@@ -97,7 +97,7 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.enight"
                  <textarea v-model="questionData.table.eight"
                    class="w100 table-tr-bc b0 table-textarea textarea-box-right" @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -123,29 +123,122 @@
        <!-- 内容 -->
        <div class="padding-93">
          <div class="bodystyle">
            <h3 id="c011"><span class="bjh3">Listening</span></h3>
            <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
            <h3 id="c011" class="fl al-cn">
              <span class="bjh3">Listening</span>
              <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
              <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            </h3>
            <p>
              <b>Four people are sharing their experiences of working with their
                colleagues.Listen to the recording and mark the true statements
                according to the speaker.</b>
            </p>
            <p class="center">
              <img class="img-a" alt="" src="../../assets/images/0031-3.jpg" />
            </p>
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <!-- 第一行 -->
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 1</td>
                <td class="bor-b-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. I can
                  understand my foreign colleagues because they are straightforward.
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My foreign
                  colleagues just nod and agree with me when we have a discussion.
                </td>
              </tr>
              <!-- 第二行 -->
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 2</td>
                <td class="bor-b-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My foreign
                  boss closely oversees our work and criticizes us for our mistakes.
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My foreign
                  boss is very hands-off and gives us a lot freedom to do things.
                </td>
              </tr>
              <!-- 第三行 -->
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 3</td>
                <td class="bor-b-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My Chinese
                  colleagues always stay late in the ofice or bring work home.
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My Chinese
                  colleagues manage to get their work done during working hours.
                </td>
              </tr>
              <!-- 第四行 -->
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 4</td>
                <td class="bor-b-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My Chinese
                  colleagues deal with issues more objectively
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My Chinese
                  colleagues are likely to take things personally
                </td>
              </tr>
            </table>
            <h3 id="c012"><span class="bjh3">Reading</span></h3>
            <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
            <p>
              1.Culture shock is a normal part of the life when moving somewhere
              new,such as travelling abroad,or studying abroad.So,what’s the
              definition of culture shock?
              <span class="btn-box" @click="showAnswerOne = !showAnswerOne">
                <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
                  <path class="a"
                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                    transform="translate(-3327.144 15329)" />
                </svg>
              </span>
            </p>
            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerOne">
              答案：Culture shock is a normal process of adapting to a new culture" ltis a time when a person becomes aware
              of the differences orconflicts in values and customs between their home culture andthe new culture they
              are in,Common feelings may be anxiety,confusion, homesickness or anger.
            </p>
            <p>
              2.Can you offer some examples of culture shock in regard to
              different languages,different table manners or different food
              customs?
              <span class="btn-box" @click="showAnswerTwo = !showAnswerTwo">
                <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
                  <path class="a"
                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                    transform="translate(-3327.144 15329)" />
                </svg>
              </span>
            </p>
            <textarea v-model="questionData.reading.two" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwo">
              答案：(1)In Japanese culture, using the wrong levelDolitene5saddress1ng5omeone can beenconsidered rude or
              disrespectful
              (2)German tends to be a more direct language, while English speakers often use indirectlanguage for
              opinions. For instance, in German, one might say "Close the window", whereas inEnglish, it could be "could
              you please close the window?" The directness in German mightcome across as rude to some English speakers.
              (3)Mandarin Chinese has four different tones, and the meaning of a word can change entirelydepending on
              the tone used, Mispronouncing tones can lead to misunderstanding
            </p>
            <p class="center"><b>Challenges of Working Across Cultures</b></p>
            <p class="center">
              <audio :src="resource.readingOne" controls class="audio" @play="audioPlay"></audio>
            </p>

            <p>
              It is not a secret that a company’s success is heavily based on
              its people.An employee is defined by his/her talents,knowledge and
@@ -222,7 +315,7 @@
              <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
              <span class="line-border-box"></span>
            </p>
            <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
            <audio :src="resource.readingTwo" controls class="audio" @play="audioPlay"></audio>
            <p>define /dɪˈfaɪn/ <i>v.</i> 给……下定义</p>
            <div class="bkbj">
              <p><i>to state precisely the meaning of sth.</i></p>
@@ -382,28 +475,44 @@
              (F).
            </p>
            <p>
              (　) 1.An employee is usually defined by his/her talents and
              (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" />) 1.An employee is usually defined by his/her talents
              and
              abilities.
            </p>
            <p>
              (　) 2.During the interview,I didn’t have difficulty in
              (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" />) 2.During the interview,I didn’t have difficulty in
              understanding my interviewer.
            </p>
            <p>
              (　) 3.In Latvia,it is normal to expect replies by email after
              (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" />) 3.In Latvia,it is normal to expect replies by email
              after
              normal working hours.
            </p>
            <p>
              (　) 4.Learning about your colleagues’ traditions can help you
              (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" />) 4.Learning about your colleagues’ traditions can
              help you
              move forward.
            </p>
            <p>
              (　) 5.Email can make the communication more smooth because it
              (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" />) 5.Email can make the communication more smooth
              because it
              conveys the emotions.
            </p>
            <p>
              (　) 6.We can learn a lot from each other when working in a
              (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" />) 6.We can learn a lot from each other when working in
              a
              cross-cultural environment.
            </p>
            <!-- 答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
              v-if="showLessonOneQuestionAnswer">
              答案： 1.F &nbsp; 2.F &nbsp; 3.F &nbsp; 4.T &nbsp; 5.F &nbsp; 6.T
            </p>
            <p><b>Ⅱ.Language focus.</b></p>
            <p>
@@ -414,11 +523,15 @@
              <p>reward　disturb　tradition　accept　colleague　arise</p>
            </div>
            <p>
              1.Working with photographers is one of the most ________ parts of
              1.Working with photographers is one of the most <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> parts
              of
              my job.
            </p>
            <p>2.All families must have ________ that they regularly follow.</p>
            <p>3.Being late is ________ in any working environment.</p>
            <p>2.All families must have <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" />that they regularly follow.</p>
            <p>3.Being late is <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" />in any working environment.</p>
          </div>
        </div>
        <div class="preface-bottom">
@@ -441,47 +554,103 @@
        <div class="padding-93">
          <div class="bodystyle">
            <p>
              4.Sarah’s ________ Li Lin made her feel welcome on her first day
              4.Sarah’s
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
                v-model="testData.in.one" @change="setTestData" />
              Li Lin made her feel welcome on her first day
              at work.
            </p>
            <p>
              5.Problems will ________ from communication between people from
              5.Problems will <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" /> from communication between people
              from
              different cultures.
            </p>
            <p>
              6.I’m sorry to ________ you,but can I talk to you for a moment?
              6.I’m sorry to <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" /> you,but can I talk to you for a
              moment?
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
              v-if="showLessonOneQuestionAnswer">
              答案： 1.rewarding &nbsp; 2.traditions &nbsp; 3.unacceptable &nbsp; 4.colleague &nbsp; 5.arise &nbsp;
              6.disturb
            </p>
            <p>
              B.Underline the following expressions in the passage and make
              sentences with them.
            </p>
            <p>1.apply for____________________________________</p>
            <p>2.in response to________________________________</p>
            <p>3.get familiar with______________________________</p>
            <p>4.take over____________________________________</p>
            <p>5.make an effort________________________________</p>
            <p>1.apply for <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 370px" v-model="testData.in.one" @change="setTestData" /> </p>
            <p>2.in response to <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 370px" v-model="testData.in.one" @change="setTestData" /> </p>
            <p>3.get familiar with<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
            <p>4.take over<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
            <p>5.make an effort<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
            <!-- 例句 -->
            <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
              v-if="showLessonOneQuestionAnswer">
              <span>例句：</span>
              <p>1、I would like to apply for the position of sales assistant in your company.</p>
              <p>2、The product was developed in response to customer demand.</p>
              <p>3、It is important to get familiar with the company’s missions and values.</p>
              <p>4、As employees, we shouldn’t let negative thoughts take over.</p>
              <p>5、The company is making an effort to improve its services for local markets.</p>
            </div>
            <p>C.Translate the following sentences into Chinese.</p>
            <p>
              1.When working in a cross-cultural setting,there can be some
              language barriers among employees.
            </p>
            <p>_____________________________________________</p>
            <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" /></p>
            <p>
              2.You could go for a walk or jog to manage your frustration at
              work.
            </p>
            <p>_____________________________________________</p>
            <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <p>
              3.They gave us some advice on how to correctly handle cultural
              differences in the workplace.
            </p>
            <p>_____________________________________________</p>
            <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <p>
              4.Wearing appropriate clothes in the office will make you feel
              comfortable and confident.
            </p>
            <p>_____________________________________________</p>
            <p><b>Ⅲ.Grammar focus:“it” as formal subject.</b></p>
            <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <!--答案 -->
            <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
              v-if="showLessonOneQuestionAnswer">
              <span> 答案：</span>
              <p>1、在跨文化环境中工作，员工之间可能会存在语言障碍。</p>
              <p>2、你可以通过散步或慢跑来调节工作中的沮丧情绪。</p>
              <p>3、他们就如何在工作中正确处理文化差异给了我们一些建议。</p>
              <p>4、在办公室穿着合适的衣服会让你感到舒适和自信。</p>
            </div>
            <p><b>Ⅲ.Grammar focus:“it” as formal subject.</b>
              <span class="btn-box" @click="showAnswer('showImg')">
                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                    p-id="30865"></path>
                </svg>
              </span>
            </p>
            <div class="openImgBox" v-if="showImg">
              <img class="w100"  :src="imgThirteen"  />
            </div>
            <p>
              A.Read the example and underline the real subject that “it”
              represents in the following sentences.
@@ -542,20 +711,65 @@
              </p>
            </div>
            <p>1.To share new ideas with others makes us feel good.</p>
            <p>______________________________________________.</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <p>2.To get along well with colleagues is really important.</p>
            <p>______________________________________________.</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <p>
              3.To have an open mind towards a new culture is necessary in the
              workplace.
            </p>
            <p>_____________________________________________.</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <p>
              4.To think twice before acting is always necessary for everyone.
            </p>
            <p>______________________________________________.</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <p>5.You are very kind to help me with my sales report.</p>
            <p>______________________________________________.</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <!--答案 -->
            <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
              v-if="showLessonOneQuestionAnswer">
              <span> 答案：</span>
              <p>1、It makes us feel good to share new ideas with others.</p>
              <p>2、It is really important to get along well with colleagues.</p>
              <p>3、It is necessary to have an open mind towards a new culture in the workplace.</p>
              <p>4、It is always necessary for everyone to think twice before acting.</p>
              <p>5、It’s very kind of you to help me with my sales report.</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="showLessonOneQuestionAnswer = !showLessonOneQuestionAnswer" class="parimary-btn">
                    查看答案
                  </button>
                </li>
              </ul>
            </div>
            <h3 id="c013"><span class="bjh3">Mini-project</span></h3>
            <p>
              Most foreigners in China have a hard time keeping up with Chinese
@@ -586,33 +800,33 @@
              <tr class="table-tr-bc">
                <td class="tl-cn">Eye Contact</td>
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.ten" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="wh-no tl-cn">Gift Exchange</td>
                <td>
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.eleven" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.twelve" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="wh-no tl-cn">Table Manners</td>
                <td>
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.thirteen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fourteen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -638,7 +852,7 @@
        <!-- 内容 -->
        <div class="padding-93">
          <div class="bodystyle">
            <p>continued</p>
            <p class="continued">continued</p>
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="wh-no tl-cn">Items</td>
@@ -648,22 +862,22 @@
              <tr class="table-tr-bc" style="width: 40%">
                <td class="wh-no tl-cn">Gift Exchange</td>
                <td class="tl-w-45">
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.fifteen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td class="tl-w-45">
                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.sixteen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="wh-no tl-cn">Table Manners</td>
                <td class="tl-w-45">
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.seventeen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td class="tl-w-45">
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.eighteen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -672,26 +886,186 @@
              <img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" />
            </p>
            <div class="bk-wh">
              <p>
                direct　formal　respect　privacy　hand-shaking　touch　comfortable　toast　chopsticks　seating
                arrangement
              <p class="dl-box">
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'direct')">direct</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'formal')">formal</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'respect')">respect</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'privacy')">privacy</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'hand-shaking')">hand-shaking</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'touch')">touch</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'comfortable')">comfortable</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'toast')">toast</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'chopsticks')">chopsticks</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'seating arrangement')">seating arrangement</span>
              </p>
            </div>
            <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
              <div class="banshi openImgBox">
                <div class="swiper-container swiper_ppt">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                      </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" />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                  <div class="pageBox"></div>
                </div>
                <!-- 显示当前页和总页数的元素 -->
              </div>
            </div>
            <h2 id="b006"><img class="img-0" alt="" src="../../assets/images/dy2-le2.jpg" /></h2>
            <h3 id="c014"><span class="bjh3">Warm-up</span></h3>
            <audio :src="resource.readingTwo" controls style="margin-left: 10px" class="audio"
              @play="audioPlay"></audio>
            <h3 id="c014" class="fl al-cn">
              <span class="bjh3">Warm-up</span>
              <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
              <audio :src="resource.warmOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            </h3>
            <p><b>Appreciate the theme song of the Beijing</b>2022<b> Winter Olympics<i> Together for a Shared
                  Future</i> and fill in the blanks.</b></p>
            <p class="center"><b><i>Together for a Shared Future</i></b></p>
            <p class="center">There’s a twinkle in your eye</p>
            <p class="center">Reflects the snow that gently covers the tiles</p>
            <p class="center">Fly to the 1._______</p>
            <p class="center">Fly to the 1.<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></p>
            <p class="center">See the world’s new coat of crystal white</p>
            <p class="center">This feeling you just can’t 2._______</p>
            <p class="center">This feeling you just can’t 2.<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></p>
            <p class="center">Feels as snow as pure as that azure ice</p>
            <p class="center">Fly to the sky</p>
            <p class="center">Ride the 3._______watch your fears roll by</p>
            <p class="center">Ride the 3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" />watch your fears roll by</p>
          </div>
        </div>
        <div class="preface-bottom">
@@ -714,33 +1088,58 @@
        <!-- 内容 -->
        <div class="padding-93">
          <div class="bodystyle">
            <p class="center">When everyone needs 4._______</p>
            <p class="center">When everyone needs 4.<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></p>
            <p class="center">Let’s go hand in hand and rise above</p>
            <p class="center">Together for a shared future</p>
            <p class="center">You and I</p>
            <p class="center">We can 5._______the sky</p>
            <p class="center">We can 5.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" />the sky</p>
            <p class="center">We all know how to love</p>
            <p class="center">Open up your 6._______and that’s enough</p>
            <p class="center">Open up your 6.<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />and
              that’s enough</p>
            <p class="center">Together for a shared future</p>
            <p class="center">You and I</p>
            <p class="center">Together</p>
            <p class="center">We can touch the sky</p>
            <!--答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：(1)sky &nbsp; (2)deny &nbsp; (3)rainbow &nbsp; (4)love &nbsp; (5)touch &nbsp; (6)heart
            </p>
            <h3 id="c015"><span class="bjh3">Reading</span></h3>
            <audio :src="resource.readingTwo" controls style="margin-left: 10px" class="audio"
              @play="audioPlay"></audio>
            <p>1.Have you watched the Beijing 2022 Winter Olympics? What did you think of the opening ceremony?</p>
            <p>2.What impressed you most during the Beijing 2022 Winter Olympics?</p>
            <p class="center"><b>From 2008 to 2022:The Road of My Country and My Growth</b></p>
            <p>For an individual or a country,a period of 14 years is long enough to become calm,confident and mature.On
            <p class="center"><audio :src="resource.readingThree" controls style="margin-left: 10px" class="audio"
                @play="audioPlay"></audio></p>
            <p>For an 
              <span class="word-bc" @click="saveWord($event, 'individual')">individual</span>
               or a country,a period of 14 years is long enough to become calm,confident and 
               <span class="word-bc" @click="saveWord($event, 'mature')">mature</span>
               .On
              the road from 2008 to 2022,I learned to grow up with my country and the Olympics.</p>
            <p>In 2008,hosting the Olympics was new to China and I was then new in covering the Olympics as a
              journalist.Seven years later when we won the right to host the Winter Games,I did not think that Beijing
              <span class="word-bc" @click="saveWord($event, 'journalist')">journalist</span>
              .Seven years later when we won the right to host the Winter Games,I did not think that Beijing
              would be the world’s first city to host both the Summer and Winter Olympics.Now it was real and I was
              simply enjoying the moment.</p>
            <p>Turning up as simple but impressive,the opening ceremony lasted for about two hours with less performing
              artists but more audio-visual technologies to tell the story of “togetherness” rather than introducing
              “myself” 14 years ago at the same sports field.The snowflake-shaped Olympic cauldron,formed by the smaller
              snowflakes with names of the participating countries and regions on them,was lit by two young Chinese
            <p>Turning up as simple but 
              <span class="word-bc" @click="saveWord($event, 'impressive')">impressive</span>
              ,the opening 
              <span class="word-bc" @click="saveWord($event, 'ceremony')">ceremony</span>
               lasted for about two hours with less performing
              artists but more 
              <span class="word-bc" @click="saveWord($event, 'audio-visual')">audio-visual</span>
               technologies to tell the story of “togetherness” rather than introducing
              “myself” 14 years ago at the same sports field.The 
              <span class="word-bc" @click="saveWord($event, 'snowflake')">snowflake</span>
              -shaped Olympic
              <span class="word-bc" @click="saveWord($event, 'cauldron')">cauldron</span>
              ,formed by the smaller
              snowflakes with names of the 
              <span class="word-bc" @click="saveWord($event, 'participating')">participating</span>
               countries and regions on them,was lit by two young Chinese
              athletes.</p>
          </div>
        </div>
@@ -764,16 +1163,29 @@
        <div class="padding-93">
          <div class="bodystyle">
            <p>As the chief director of the opening ceremony said,2022 would not repeat 2008 though the latter was
              “exceptional”,not only because of the pandemic situation but also a different China now —more confident in
              “
              <span class="word-bc" @click="saveWord($event, 'exceptional')">exceptional</span>
              ”,not only because of the 
              <span class="word-bc" @click="saveWord($event, 'pandemic')">pandemic</span>
               situation but also a different China now —more confident in
              its culture.</p>
            <p>In the summer 14 years ago,I was like a festivalgoer full of energy rushing for work but also making
              errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the track due to injury.In the
            <p>In the summer 14 years ago,I was like a 
              <span class="word-bc" @click="saveWord($event, 'festivalgoer')">festivalgoer</span>
               full of energy rushing for work but also making
              errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the 
              <span class="word-bc" @click="saveWord($event, 'track')">track</span> 
               due to injury.In the
              winter of 2022,I shared my passion in the Olympics in another way —more serious at work,fitter self
              —thanks to regular exercise and a positive view of sports competition.</p>
              —thanks to regular exercise and a positive view of sports 
              <span class="word-bc" @click="saveWord($event, 'competition')">competition</span> 
              .</p>
            <p>It was like getting over my schoolgirl crush and focusing on learning to love.</p>
            <p>I could not agree more with what a gold medal winner said during an interview.“In 2008 we impressed the
            <p>I could not agree more with what a gold medal winner said during an interview.“In 2008 we 
              <span class="word-bc" @click="saveWord($event, 'impressed')">impressed</span> the
              world while in 2022 we became people-centered —for athletes and the people.”</p>
            <p>I failed to control myself the moments when the Chinese national anthem was played and when images of
            <p>I failed to control myself the moments when the Chinese national 
              <span class="word-bc" @click="saveWord($event, 'anthem')">anthem</span>
               was played and when images of
              people from all walks of life were displayed during the scene of “Paying Tribute to the People”.It is this
              country and its people that made the Olympics happen.I’m as tearful as usual for now I’m deeply in love.
            </p>
@@ -781,7 +1193,8 @@
              <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
              <span class="line-border-box"></span>
            </p>
            <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
            <!-- 视频 -->
            <audio :src="resource.readingFour" controls class="audio" @play="audioPlay"></audio>
            <p>individual /ˌɪndɪˈvɪdʒʊəl/ <i>n.</i> 个人；个体</p>
            <div class="bkbj">
              <p><i>a person considered separately rather than as part of a group</i></p>
@@ -884,9 +1297,15 @@
            <p><b>Ⅰ.Reading comprehension.</b></p>
            <p>A.Read the passage and answer the following questions.</p>
            <p>1.What was the theme of the Beijing 2022 Winter Olympics?</p>
            <p>______________________________________________</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
            <p>2.What made the Beijing 2022 Winter Olympics “exceptional”?</p>
            <p>______________________________________________</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>
          </div>
        </div>
        <div class="preface-bottom">
@@ -909,7 +1328,11 @@
        <div class="padding-93">
          <div class="bodystyle">
            <p>3.How does the author feel about China holding two Olympic Games?</p>
            <p>______________________________________________</p>
            <p>
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
                v-model="testData.in.one" @change="setTestData" />.
            </p>

            <p>B.Read the author’s opinions of the two Olympics,and put the number of the sentence into the right
              column.</p>
            <p>1.I was full of energy rushing for work but also making errors.</p>
@@ -918,22 +1341,64 @@
            <p>4.I couldn’t control myself when the Chinese anthem was played.</p>
            <p>5.More audio-visual technologies were used in the opening ceremony.</p>
            <p>6.It focused more on introducing “myself” instead of telling the story of “togetherness”.</p>
            <p class="center"><img class="img-a" alt="" src="../../assets/images/0041-1.jpg" /></p>
            <!-- 表格 -->
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="tl-cn">2008 Olympics</td>
                <td class="tl-cn">2022 Olympics</td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.nineteen"
                    class="w100 table-tr-bc b0 table-textarea textarea-box-center" @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.twenty"
                    class="w100 table-tr-bc b0 table-textarea textarea-box-center" @change="setBookQuestion"></textarea>
                </td>
              </tr>
            </table>
            <p><b>Ⅱ.Language focus.</b></p>
            <p>A.Replace the words or expressions in italics with the exact words in the passage and change the form if
              necessary.</p>
            <p>1.Each <i>person</i> has a particular job within the company._________</p>
            <p>2.Lin Wei showed <i>excellent</i> mechanic skills as an auto technician._________</p>
            <p>3.As a team member,I always <i>take part</i> in the discussions as much as possible._________</p>
            <p>4.She was the winner of the business plan <i>contest</i> in my company._________</p>
            <p>5.He is a good <i>reporter</i> who is curious about new information every time._________</p>
            <p>1.Each <i>person</i> has a particular job within the company.
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <p>2.Lin Wei showed <i>excellent</i> mechanic skills as an auto technician.
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <p>3.As a team member,I always <i>take part</i> in the discussions as much as possible.
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <p>4.She was the winner of the business plan <i>contest</i> in my company.
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <p>5.He is a good <i>reporter</i> who is curious about new information every time.
              <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
                v-model="testData.in.one" @change="setTestData" />
            </p>
            <!-- 答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
              答案：(1) individual &nbsp; (2) exceptional &nbsp; (3)participate &nbsp; (4)competition &nbsp; (5) journalist
              &nbsp;
            </p>
            <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
            <div class="bk-wh">
              <p>fail to　focus on　due to　move away　pay tribute to</p>
            </div>
            <p>1.The delivery man was praised by us ________ his positive attitude.</p>
            <p>2.The manager basically ________ cost reduction and quality improvement.</p>
            <p>3.Li Ming ________ control his emotions when he saw the Chinese flag flying at the Olympic Stadium.</p>
            <p>1.The delivery man was praised by us <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> his
              positive attitude.</p>
            <p>2.The manager basically <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" /> cost reduction and quality
              improvement.</p>
            <p>3.Li Ming <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" /> control his emotions when he saw
              the Chinese flag flying at the Olympic Stadium.</p>
          </div>
        </div>
        <div class="preface-bottom">
@@ -956,18 +1421,60 @@
        <!-- 内容 -->
        <div class="padding-93">
          <div class="bodystyle">
            <p>4.The boss ________ what she had done for the company.</p>
            <p>5.To be creative,we’d better ________ from traditional ideas at work.</p>
            <p><b>Ⅲ.Grammar focus:Active and passive voice.</b></p>
            <p>4.The boss <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" /> what she had done for the
              company.</p>
            <p>5.To be creative,we’d better <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> from
              traditional ideas at work.</p>
            <!-- 答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
              答案：(1) due to &nbsp; (2) focuses on &nbsp; (3)failed to &nbsp; (4)paid tribute to &nbsp; (5) move away
              &nbsp;
            </p>
            <p><b>Ⅲ.Grammar focus:Active and passive voice.</b>
              <span class="btn-box" @click="showAnswer('showImgOne')">
                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                    p-id="30865"></path>
                </svg>
              </span>
            </p>
            <div class="openImgBox" v-if="showImgOne">
              <img class="w100"  :src="imgThirteenOne" />
            </div>
            <p>Complete the passage using the correct form of the verbs in the brackets.</p>
            <p>Fashion designer Vivienne Tam 1. ________ (name) “Yin Yok” when she was born.She was given her English
              name when she started studying in Hong Kong.Her teacher 2. ________ (teach) English at school but she
              spoke Chinese at home.Her parents 3. ________ (tell) her to remember Chinese culture.At the same
              time,Western ideas 4. ________ (introduce) to her since people from many cultures were living in Hong
              Kong.This mix of East and West in her life 5. ________ (see) in her designs even now.Vivienne 6. ________
            <p>Fashion designer Vivienne Tam 1. <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
              (name) “Yin Yok” when she was born.She was given her English
              name when she started studying in Hong Kong.Her teacher 2. <input :disabled="testData.isComplete"
                type="text" class="input-bottom-border" style="width: 70px" v-model="testData.in.one"
                @change="setTestData" /> (teach) English at school but she
              spoke Chinese at home.Her parents 3. <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
              (tell) her to remember Chinese culture.At the same
              time,Western ideas 4. <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (introduce) to her since people
              from many cultures were living in Hong
              Kong.This mix of East and West in her life 5. <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (see)
              in her designs even now.Vivienne 6. <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
              (move) to New York when she was twenty-five.Her new and interesting designs were liked by important shops
              there,so a lot of orders for her clothing 7 ________ (place).Today she 8. ________ (sell) East-meets-West
              there,so a lot of orders for her clothing 7 <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
              (place).Today she 8. <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (sell) East-meets-West
              clothes not only in New York,but also in cities around the world.</p>
            <!-- 答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
              答案：(1)was named &nbsp; (2) taught &nbsp; (3)told &nbsp; (4)were introduced &nbsp; (5) is seen &nbsp; (6)
              moved &nbsp; (7) were placed &nbsp; (8) sells
              &nbsp;
            </p>
            <h3 id="c016"><span class="bjh3">Mini-project</span></h3>
            <p>China has a history of over 5,000 years with rich cultural heritage and great achievements that have
              drawn admiration from around the world.There are plenty of good reasons to be proud of her.List the things
@@ -988,17 +1495,17 @@
              <tr class="table-tr-bc">
                <td class="tl-cn">Chinses Art</td>
                <td>
                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.twentyOne" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.twentyTwo" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.twentyThree" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1024,7 +1531,7 @@
        <!-- 内容 -->
        <div class="padding-93">
          <div class="bodystyle">
            <p class="mr-rg">continued</p>
            <p class="mr-rg continued">continued</p>
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="tl-cn">Items</td>
@@ -1032,48 +1539,210 @@
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.twentyFour" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td style="width: 90%;">
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.twentyFive" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.sex" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.twentyFix" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td style="width: 90%;">
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.twentySeven" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
            </table>
            <h2 id="b007"><img class="img-0" alt="" src="image/dy2-le3.jpg" /></h2>
            <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
              <div class="banshi openImgBox">
                <div class="swiper-container swiper_ppt">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                      </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" />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                  <div class="pageBox"></div>
                </div>
                <!-- 显示当前页和总页数的元素 -->
              </div>
            </div>
            <h2 id="b007"><img class="img-0" alt="" src="../../assets/images/dy2-le3.jpg" /></h2>
            <h3 id="c017"><span class="bjh3">Listening</span></h3>
            <p><b>Ⅰ.Listen to the introduction to Cultural Diversity Day and fill in the following blanks.</b></p>
            <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
            <audio :src="resource.listenTwo" controls class="audio" @play="audioPlay"></audio>
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="tl-cn" colspan="2">Cultural Diversity Day</td>
              </tr>
              <tr class="table-tr-bc">
                <td>When is it?</td>
                <td>1.On_______21st</td>
                <td>1.On<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="testData.in.one" @change="setTestData" />21st</td>
              </tr>
              <tr class="table-tr-bc">
                <td>Why do we celebrate it?</td>
                <td>Recognizing cultural 2._______
                <td>Recognizing cultural 2.<input :disabled="testData.isComplete" type="text"
                    class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
                    @change="setTestData" />
                  Understanding the concept of culture.
                  Getting to know each other through the differences in language,3._______race,
                  Getting to know each other through the differences in language,3.<input
                    :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t "
                    style="width: 70px" v-model="testData.in.one" @change="setTestData" />race,
                  religion and other elements.
                  Giving people a sense of 4._______in their own culture.
                  .Leading to community 5._______and personal growth.</td>
                  Giving people a sense of 4.<input :disabled="testData.isComplete" type="text"
                    class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
                    @change="setTestData" />in their own culture.
                  .Leading to community 5.<input :disabled="testData.isComplete" type="text"
                    class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
                    @change="setTestData" />and personal growth.</td>
              </tr>
            </table>
            <!-- 答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
              答案：(1) May &nbsp; (2) differences &nbsp; (3)values &nbsp; (4)pride &nbsp; (5) progress
              &nbsp;
            </p>
            <p><b>Ⅱ.Listen to the conversation and mark the activities when mentioned.</b></p>
            <audio :src="resource.listenThree" controls class="audio" @play="audioPlay"></audio>
            <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
              Lecture on Ancient Chinese History</p>
            <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Calligraphy &amp;
@@ -1088,6 +1757,13 @@
              Medicine</p>
            <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Traditional Chinese
              Crafts</p>
            <!-- 答案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
              答案：(1) Lecture on Ancient Chinese History &nbsp; (2)Calligraphy &amp;
              Painting Demonstration &nbsp; (3)Traditional Chinese
              Music &nbsp; (4)Tea Ceremony &nbsp; (5) Tai Chi &nbsp; (6) Traditional Chinese Crafts
              &nbsp;
            </p>
          </div>
        </div>
        <div class="preface-bottom">
@@ -1113,7 +1789,19 @@
            <h3 id="c018"><span class="bjh3">Practical Writing</span></h3>
            <p>Work with your partner to discuss the following questions.</p>
            <p>1.Why is a schedule important for everyone attending the event?</p>
            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
              答案：(1)Save time and stress &nbsp; (2)Organize all detail &nbsp; (3) Meet your objectives &nbsp; (4)Manage
              time for extra tasks
            </p>
            <p>2.What are the elements of a schedule?</p>
            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
              答案：It includes dates, locations, programming start and end time.
            </p>

            <p><b>Ⅰ.Read the following tips for making a schedule of an event and find out how you can improve your
                schedule.</b></p>
            <p>An event schedule is a document that organizers provide for the attendees and participants.It usually
@@ -1182,7 +1870,10 @@
                <td class="tl-cn">Place</td>
              </tr>
              <tr class="table-tr-bc">
                <td>1._________</td>
                <td style="text-wrap: nowrap">
                  1<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="testData.in.one" @change="setTestData" />
                </td>
                <td>Attend the festival activities</td>
                <td>
                  The International Intangible Cultural Heritage Park
@@ -1192,27 +1883,33 @@
                <td>Wednesday</td>
                <td>Climb the mountain</td>
                <td>
                  2.___________
                  2.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="testData.in.one" @change="setTestData" />
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>Thursday</td>
                <td>Visit attractions in the downtown
                  3.____________ </td>
                  3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="testData.in.one" @change="setTestData" /></td>
                <td>
                  Wuhou Temple & Jinsha Site MuseumShunxing Tea House
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>Friday</td>
                <td> 4.____________ Buy souvenirs</td>
                <td> 4.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="testData.in.one" @change="setTestData" />Buy souvenirs</td>
                <td>
                  Panda Base 5.____________
                  Panda Base 5.
                  <input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="testData.in.one" @change="setTestData" />
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>Saturday</td>
                <td>6.___________</td>
                <td>6.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="testData.in.one" @change="setTestData" /></td>
                <td>
                  Shuangliu International Airport
                </td>
@@ -1237,55 +1934,55 @@
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.twentyEight" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.twentyNine" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.thirty" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td >
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.thirtyOne" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.thirtyTwo" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.thirtyThree" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.thirtyFour" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.thirtyFive" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.thirtySix" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.thirtySeven" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.thirtyEight" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.thirtyNine" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1335,139 +2032,139 @@
              </tr>
              <tr class="table-tr-bc">
                <td rowspan="3">
                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.forty" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.fortyOne" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fortyTwo" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.fortyThree" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fortyFour" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.fortyFive" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.fortySix" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fortySeven" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fortyEight" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fortyNine" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td rowspan="3">
                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.fifty" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.fiftyOne" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fiftyTwo" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.fiftyThree" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fiftyFour" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.fiftyFive" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.fiftySix" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fiftySeven" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fiftyEight" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fiftyNine" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td rowspan="3">
                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.sixty" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.sixtyOne" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.sixtyTwo" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.sixtyThree" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.sixtyFour" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.sixtyFive" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.sixtySix" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.sixtySeven" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.sixtyEight" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.sixtyNine" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1478,6 +2175,153 @@
                photos show …</p>
              <p><b>Local highlights</b>:(take Beijing for example) climbing the Great Wall,visiting the Forbidden
                City,tasting Beijing roast duck,enjoying Peking opera,exploring the old alleys …</p>
            </div>
            <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
              <div class="banshi openImgBox">
                <div class="swiper-container swiper_ppt">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                      </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" />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                  <div class="pageBox"></div>
                </div>
                <!-- 显示当前页和总页数的元素 -->
              </div>
            </div>
          </div>
        </div>
@@ -1502,14 +2346,16 @@
  },
  data() {
    return {
      imgThirteen: require("../../assets/images/grammar.jpg"),
      imgThirteen: require("../../assets/images/grammar2-1.png"),
      imgThirteenOne: require("../../assets/images/grammar2-2.png"),
      showAnswerOne: false,
      showAnswerTwo: false,
      showAnswerThree: false,
      showAnswerFour: false,
      showAnswerFive: false,
      showImg: false,
      showQuestionAnswer: false,
      showImgOne:false,
      showLessonOneQuestionAnswer: false,
      rawData: {
        left: [
          {
@@ -1674,8 +2520,68 @@
          five: "",
          six: "",
          seven: "",
          enight: "",
          eight: "",
          nine: "",
          ten: "",
          eleven: "",
          twelve: "",
          thirteen: "",
          fourteen: "",
          fifteen: "",
          sixteen: "",
          seventeen: "",
          eighteen: "",
          nineteen: "",
          twenty: "",
          twentyOne:"",
          twentyTwo:"",
          twentyThree:"",
          twentyFour:"",
          twentyFive:"",
          twentySix:"",
          twentySeven:"",
          twentyEight:"",
          twentyNine:"",
          thirty: "",
          thirtyOne:"",
          thirtyTwo:"",
          thirtyThree:"",
          thirtyFour:"",
          thirtyFive:"",
          thirtySix:"",
          thirtySeven:"",
          thirtyEight:"",
          thirtyNine:"",
          forty: "",
          fortyOne:"",
          fortyTwo:"",
          fortyThree:"",
          fortyFour:"",
          fortyFive:"",
          fortySix:"",
          fortySeven:"",
          fortyEight:"",
          fortyNine:"",
          fifty: "",
          fiftyOne:"",
          fiftyTwo:"",
          fiftyThree:"",
          fiftyFour:"",
          fiftyFive:"",
          fiftySix:"",
          fiftySeven:"",
          fiftyEight:"",
          fiftyNine:"",
          sixty: "",
          sixtyOne:"",
          sixtyTwo:"",
          sixtyThree:"",
          sixtyFour:"",
          sixtyFive:"",
          sixtySix:"",
          sixtySeven:"",
          sixtyEight:"",
          sixtyNine:"",
        },
      },
      testData: {
@@ -1726,6 +2632,11 @@
        listenOne: "",
        readingOne: "",
        readingTwo: "",
        warmOne: "",
        readingThree: "",
        readingFour: "",
        listenTwo: "",
        listenThree: "",
      },
      dropDownList: [
        "online shopping",
@@ -1847,19 +2758,37 @@
    },
    async getPath() {
      this.resource.listenOne = await getResourcePath(
        "422139A2EF66EA888C5ED1D550AE23E0"
        "D96D6F8082786B037A2B1842860BC0C4 "
      );
      this.resource.readingOne = await getResourcePath(
        "3F442B682D84C8AB06C800B29D734920"
        "E51F6E052B08F00B19819E4D5504219F"
      );
      this.resource.readingTwo = await getResourcePath(
        "E8719EC88026BCFB11D292AA999F6D3D"
        "1456A70576E21C0E8C1497916A6E8D57"
      );
      this.resource.warmOne = await getResourcePath(
        "7301D06AC2208C93FE05A9952C8858E7"
      );
      this.resource.readingThree = await getResourcePath(
        "85198824B16CA185AFF073275FC394BE"
      );
      this.resource.readingFour = await getResourcePath(
        "148CD1F30A60DAF665B4E4678755D767"
      );
      this.resource.listenTwo = await getResourcePath(
        "7CE34F30D8440BAE15D4A76479834434"
      );
      this.resource.listenThree = await getResourcePath(
        "D5080B2EEBFE29233A6DB282B1A28D6C"
      );
    },
    showAnswer(type) {
      if (type == "showImg") {
        this.showImg = !this.showImg;
      } else if (type == "showImgOne") {
        this.showImgOne = !this.showImgOne;
      }
      setTimeout(()=>{  this.$emit("initViewer","")},500)
    },
    handleQuestion(type) {
      if (type == "one") {