testbookLayout.git

			@@ -47,10 +47,16 @@
			answer line under each picture.</b>
			</p>
			<div class="bk-wh">
			<p>
			animal rescue and care　blood donation　community
			clean-ups　language service
			</p>
			<div style="display: flex">
			<div class="left" style="width: 50%;">
			<p class="tl-lf">animal rescue and care</p>
			<p class="tl-lf">community clean-ups</p>
			</div>
			<div class="right" style="width: 50%">
			<p class="tl-lf">blood donation</p>
			<p class="tl-lf">language service</p>
			</div>
			</div>
			</div>
			<div class="openImgBox">
			<div class="fl ju-bt">
			@@ -61,7 +67,7 @@
			</p>
			<p class="center">
			1.
			<select v-model="dropdownData.one.value">
			<select class="w70 select-border" v-model="dropdownData.one.value">
			<option v-for="(item, index) in dropDownList" :key="index"
			:value="item">
			{{ item }}
			@@ -94,11 +100,12 @@
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0049-3.jpg" alt="" style="width: 98%" />
			<img style="margin-bottom: 2%" src="../../assets/images/0049-3.jpg" alt=""
			class="w100" />
			</p>
			<p class="center">
			2.
			<select v-model="dropdownData.two.value">
			<select class="w70 select-border" v-model="dropdownData.two.value">
			<option v-for="(item, index) in dropDownList" :key="index"
			:value="item">
			{{ item }}
			@@ -133,11 +140,11 @@
			<div class="left" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0049-4.jpg" alt="" style="width: 98%" />
			<img src="../../assets/images/0049-4.jpg" alt="" class="w100" />
			</p>
			<p class="center">
			3.
			<select v-model="dropdownData.three.value">
			<select class="w70 select-border" v-model="dropdownData.three.value">
			<option v-for="(item, index) in dropDownList" :key="index"
			:value="item">
			{{ item }}
			@@ -170,11 +177,11 @@
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0049-5.jpg" alt="" style="width: 94%" />
			<img class="w100" src="../../assets/images/0049-5.jpg" alt="" />
			</p>
			<p class="center">
			4.
			<select v-model="dropdownData.four.value">
			<select class="w70 select-border" v-model="dropdownData.four.value">
			<option v-for="(item, index) in dropDownList" :key="index"
			:value="item">
			{{ item }}
			@@ -265,7 +272,8 @@
			</div>
			<div class="right" style="width: 45%">
			<p v-for="(item, index) in listenOne[0].option" :key="index">
			<input type="radio" :value="item" name="volunteer" v-model="listenOne[0].value" />
			<input type="radio" :value="item" name="volunteer" v-model="listenOne[0].value"
			@change="saveListenOneData" />
			{{ item }}
			<span class="icon-box" v-if="listenOne[0].value == item">
			<svg v-if="listenOne[0].isRight" t="1716986419862" class="icon"
			@@ -286,7 +294,6 @@
			</svg>
			</span>
			</p>

			</div>
			</div>
			<div class="event-header-text-bc pd-5" v-if="listenOne[0].isShowAnswer">
			@@ -320,7 +327,8 @@
			</div>
			<div class="right" style="width: 45%">
			<p v-for="(item, index) in listenOne[1].option" :key="index">
			<input type="radio" :value="item" name="likely" v-model="listenOne[1].value" />
			<input type="radio" :value="item" name="likely" v-model="listenOne[1].value"
			@change="saveListenOneData" />
			{{ item }}
			<span class="icon-box" v-if="listenOne[1].value == item">
			<svg v-if="listenOne[1].isRight" t="1716986419862" class="icon"
			@@ -352,7 +360,8 @@
			</div>
			<div class="right" style="width: 50%">
			<p v-for="(item, index) in listenOne[2].option" :key="index">
			<input type="radio" :value="item" name="mentioned" v-model="listenOne[2].value" />
			<input type="radio" :value="item" name="mentioned" v-model="listenOne[2].value"
			@change="saveListenOneData" />
			{{ item }}
			<span class="icon-box" v-if="listenOne[2].value == item">
			<svg v-if="listenOne[2].isRight" t="1716986419862" class="icon"
			@@ -654,16 +663,16 @@
			</p>
			</div>
			<div style="display: flex">
			<div class="left" style="width: 45%; text-wrap: nowrap">
			<div class="left" style="width: 45%;">
			<p>help out 帮助解决难题；救出</p>
			<p>stretch one’s wings 大展拳脚</p>
			<p>carry over （在不同情况下）继续存在，保持下去</p>
			</div>
			<div class="right" style="width: 55%">
			<p>make a difference 有影响；有关系</p>
			<p>what’s more 而且；此外</p>
			</div>
			</div>
			<p class="table-p" style="text-indent: 2em;">carry over （在不同情况下）继续存在，保持下去</p>
			<p></p>
			<p><b>Ⅰ.Reading comprehension.</b></p>
			<matching :rawData="rawData" :question="question"></matching>
			@@ -695,22 +704,22 @@

			<p>
			<input type="radio" value="a" name="toobusy" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[0].userAnswer" />
			v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" />
			a.People are too busy to volunteer.
			</p>
			<p>
			<input type="radio" value="b" name="toobusy" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[0].userAnswer" />
			v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" />
			b.People can’t find ways to volunteer.
			</p>
			<p>
			<input type="radio" value="c" name="toobusy" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[0].userAnswer" />
			v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" />
			c.There is no benefit in volunteering.
			</p>
			<p>
			<input type="radio" value="d" name="toobusy" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[0].userAnswer" />
			v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" />
			d.The volunteer work is too hard to do.
			</p>
			<p>
			@@ -736,22 +745,22 @@
			</p>
			<p>
			<input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[1].userAnswer" />
			v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" />
			a.Volunteering is a win-win behavior for both parties.
			</p>
			<p>
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[1].userAnswer" />
			v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" />
			b.Small acts of helping others also matter.
			</p>
			<p>
			<input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[1].userAnswer" />
			v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" />
			c.Those who volunteer enjoy a lower mortality rate.
			</p>
			<p>
			<input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[1].userAnswer" />
			v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" />
			d.Volunteering has nothing to do with one’s mental health.
			</p>
			<p>
			@@ -776,17 +785,17 @@
			</span>
			</p>
			<p>
			<input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="a" name="development" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[2].userAnswer" />
			a.Providing one with a new career.
			</p>
			<p>
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="b" name="development" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[2].userAnswer" />
			b.Helping to arouse one’s interests.
			</p>
			<p>
			<input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
			<input type="radio" value="c" name="development" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[2].userAnswer" />
			c.Offering an opportunity to practice working skills.
			</p>
			@@ -813,8 +822,8 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p>
			<input type="radio" value="d" name="bothparties"
			v-model="wordsOne[0].value[2].userAnswer" />
			<input type="radio" value="d" name="development" v-model="wordsOne[0].value[2].userAnswer"
			@change="savewordsOne" />
			d.Bringing more comfort to those who are at work.
			</p>
			<p>
			@@ -839,23 +848,23 @@
			</span>
			</p>
			<p>
			<input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[3].userAnswer" />
			<input type="radio" value="a" name="paragraph" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" />
			a.Making a plan before volunteering.
			</p>
			<p>
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[3].userAnswer" />
			<input type="radio" value="b" name="paragraph" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" />
			b.Preparing a résumé in advance.
			</p>
			<p>
			<input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[3].userAnswer" />
			<input type="radio" value="c" name="paragraph" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" />
			c.Taking a physical and mental health check.
			</p>
			<p>
			<input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[3].userAnswer" />
			<input type="radio" value="d" name="paragraph" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" />
			d.Spending some time volunteering.
			</p>
			<p>
			@@ -880,23 +889,23 @@
			</span>
			</p>
			<p>
			<input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[4].userAnswer" />
			<input type="radio" value="a" name="volunteering" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" />
			a.Indifferent.
			</p>
			<p>
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[4].userAnswer" />
			<input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" />
			b.Supportive.
			</p>
			<P>
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[4].userAnswer" />
			<input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" />
			c.Opposed.
			</P>
			<P>
			<input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[4].userAnswer" />
			<input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete"
			v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" />
			d.Unknown.
			</P>
			<p class="event-header-text-bc pd-5" style="width: 90%" v-if="wordsOne[0].isShowAnswer">
			@@ -910,7 +919,7 @@
			<p>
			There are e
			<input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
			style="width: 60px" v-model="wordsOne[1].value[0].userAnswer" @change="setTestData" />
			style="width: 60px" v-model="wordsOne[1].value[0].userAnswer" @change="savewordsOne" />
			<span>
			<svg v-if="wordsOne[1].value[0].isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			@@ -933,7 +942,7 @@
			community a better place,and it also helps you to connect to
			people and b<input :disabled="wordsOne[1].isComplete" type="text"
			class="input-bottom-border" style="width: 60px"
			v-model="wordsOne[1].value[1].userAnswer" @change="setTestData" />
			v-model="wordsOne[1].value[1].userAnswer" @change="savewordsOne" />
			<span>
			<svg v-if="wordsOne[1].value[1].isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			@@ -953,7 +962,7 @@
			</svg> </span>your social skills.Second,volunteering helps to deal with
			stress,anger and a<input :disabled="wordsOne[1].isComplete" type="text"
			class="input-bottom-border" style="width: 60px"
			v-model="wordsOne[1].value[2].userAnswer" @change="setTestData" />
			v-model="wordsOne[1].value[2].userAnswer" @change="savewordsOne" />
			<span>
			<svg v-if="wordsOne[1].value[2].isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			@@ -972,7 +981,7 @@
			fill="#d81e06" p-id="25746"></path>
			</svg> </span>.Studies show that people who volunteer have a lower m<input
			:disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
			style="width: 60px" v-model="wordsOne[1].value[3].userAnswer" @change="setTestData" />
			style="width: 60px" v-model="wordsOne[1].value[3].userAnswer" @change="savewordsOne" />
			<span>
			<svg v-if="wordsOne[1].value[3].isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			@@ -992,7 +1001,7 @@
			at work.Fourth,when you are tied up with the daily
			routine,volunteering can be an e<input :disabled="wordsOne[1].isComplete" type="text"
			class="input-bottom-border" style="width: 60px"
			v-model="wordsOne[1].value[4].userAnswer" @change="setTestData" />
			v-model="wordsOne[1].value[4].userAnswer" @change="savewordsOne" />
			<span>
			<svg v-if="wordsOne[1].value[4].isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			@@ -1011,7 +1020,7 @@
			fill="#d81e06" p-id="25746"></path>
			</svg> </span>escape,where you can find your interests and p<input
			:disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
			style="width: 60px" v-model="wordsOne[1].value[5].userAnswer" @change="setTestData" />
			style="width: 60px" v-model="wordsOne[1].value[5].userAnswer" @change="savewordsOne" />
			<span>
			<svg v-if="
			wordsOne[1].value[5].isRight
			@@ -1046,7 +1055,7 @@
			{{ index + 1 }}.{{ item.stem }}
			<textarea v-model="item.userAnswer" placeholder="请输入内容" rows="6"
			:disabled="wordsOne[2].isComplete" style="margin-left: 40px; width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			class="fz-16 fm-son" @change="savewordsOne"></textarea>
			</p>
			<!-- 例句 -->
			<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			@@ -1080,7 +1089,7 @@
			</p>
			<p>
			<input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border"
			style="width: 470px" v-model="wordsOne[3].value[0].userAnswer" @change="setTestData" />
			style="width: 470px" v-model="wordsOne[3].value[0].userAnswer" @change="savewordsOne" />
			</p>
			<p>
			2.Serving in the Beijing 2022 Winter Olympics was a meaningful and
			@@ -1088,7 +1097,7 @@
			</p>
			<p>
			<input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border"
			style="width: 470px" v-model="wordsOne[3].value[1].userAnswer" @change="setTestData" />
			style="width: 470px" v-model="wordsOne[3].value[1].userAnswer" @change="savewordsOne" />
			</p>
			</div>
			</div>
			@@ -1118,7 +1127,7 @@
			</p>
			<p>
			<input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border"
			style="width: 470px" v-model="wordsOne[3].value[2].userAnswer" @change="setTestData" />
			style="width: 470px" v-model="wordsOne[3].value[2].userAnswer" @change="savewordsOne" />
			</p>
			<p>
			4.Volunteering in different programs helps him grow up to be a man
			@@ -1126,7 +1135,7 @@
			</p>
			<p>
			<input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border"
			style="width: 470px" v-model="wordsOne[3].value[3].userAnswer" @change="setTestData" />
			style="width: 470px" v-model="wordsOne[3].value[3].userAnswer" @change="savewordsOne" />
			</p>
			<!-- 答案 -->
			<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			@@ -1158,7 +1167,7 @@
			<p>
			1.Encouraged by other volunteers,he<input :disabled="wordsOne[4].isComplete" type="text"
			class="input-bottom-border" style="width: 70px"
			v-model="wordsOne[4].value[0].userAnswer" @change="setTestData" />
			v-model="wordsOne[4].value[0].userAnswer" @change="savewordsOne" />
			<span>
			<svg v-if="wordsOne[4].value[0].isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			@@ -1182,7 +1191,7 @@
			<p>
			2.At the moment,I<input :disabled="wordsOne[4].isComplete" type="text"
			class="input-bottom-border" style="width: 70px"
			v-model="wordsOne[4].value[1].userAnswer" @change="setTestData" />
			v-model="wordsOne[4].value[1].userAnswer" @change="savewordsOne" />
			<span>
			<svg v-if="wordsOne[4].value[1].isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			@@ -1205,7 +1214,7 @@
			</p>
			<p>
			3.What you<input :disabled="wordsOne[4].isComplete" type="text" class="input-bottom-border"
			style="width: 70px" v-model="wordsOne[4].value[2].userAnswer" @change="setTestData" />
			style="width: 70px" v-model="wordsOne[4].value[2].userAnswer" @change="savewordsOne" />
			<span>
			<svg v-if="wordsOne[4].value[2].isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			@@ -1229,7 +1238,7 @@
			<p>
			4.Currently,they<input :disabled="wordsOne[4].isComplete" type="text"
			class="input-bottom-border" style="width: 70px"
			v-model="wordsOne[4].value[3].userAnswer" @change="setTestData" />
			v-model="wordsOne[4].value[3].userAnswer" @change="savewordsOne" />
			<span>
			<svg v-if="wordsOne[4].value[3].isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			@@ -1253,7 +1262,7 @@
			<p>
			5.The smile on her face says that she<input :disabled="wordsOne[4].isComplete" type="text"
			class="input-bottom-border" style="width: 70px"
			v-model="wordsOne[4].value[4].userAnswer" @change="setTestData" />
			v-model="wordsOne[4].value[4].userAnswer" @change="savewordsOne" />
			<span>
			<svg v-if="wordsOne[4].value[4].isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			@@ -1290,7 +1299,7 @@
			<p>志愿者正在辅导孩子们做功课。</p>
			<textarea v-model="wordsOne[5].value[0].userAnswer" placeholder="请输入内容" rows="6"
			:disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			class="fz-16 fm-son" @change="savewordsOne"></textarea>
			</div>
			<div class="fieldset-2">
			<p class="center">
			@@ -1299,7 +1308,7 @@
			<p>学生们正在帮忙做农活。</p>
			<textarea v-model="wordsOne[5].value[1].userAnswer" placeholder="请输入内容" rows="6"
			:disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			class="fz-16 fm-son" @change="savewordsOne"></textarea>
			</div>
			</div>
			</div>
			@@ -1330,7 +1339,7 @@
			<p>志愿者正在沙滩上清理垃圾。</p>
			<textarea v-model="wordsOne[5].value[2].userAnswer" placeholder="请输入内容" rows="6"
			:disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			class="fz-16 fm-son" @change="savewordsOne"></textarea>
			</div>
			<div class="fieldset-2">
			<p class="center">
			@@ -1339,7 +1348,7 @@
			<p>志愿者正在进行衣物捐赠活动。</p>
			<textarea v-model="wordsOne[5].value[3].userAnswer" placeholder="请输入内容" rows="6"
			:disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
			class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			class="fz-16 fm-son" @change="savewordsOne"></textarea>
			</div>
			<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="wordsOne[3].isShowAnswer">
			@@ -1518,29 +1527,19 @@
			<p class="dl-box">
			<span class="word-bc mr-20 dl-span" > blood
			donation</span>
			<span class="word-bc mr-20 dl-span"
			>volunteer teacher</span>
			<span class="word-bc mr-20 dl-span"
			>community service</span>
			<span class="word-bc mr-20 dl-span">volunteer teacher</span>
			<span class="word-bc mr-20 dl-span">community service</span>
			<span class="word-bc mr-20 dl-span" >nursing
			home</span>
			<span class="word-bc mr-20 dl-span"
			>rewarding</span>
			<span class="word-bc mr-20 dl-span"
			>challenging</span>
			<span class="word-bc mr-20 dl-span"
			>demanding</span>
			<span class="word-bc mr-20 dl-span"
			>interesting</span>
			<span class="word-bc mr-20 dl-span"
			>overwhelming</span>
			<span class="word-bc mr-20 dl-span">rewarding</span>
			<span class="word-bc mr-20 dl-span">challenging</span>
			<span class="word-bc mr-20 dl-span">demanding</span>
			<span class="word-bc mr-20 dl-span">interesting</span>
			<span class="word-bc mr-20 dl-span">overwhelming</span>
			<span class="word-bc mr-20 dl-span" >moving</span>
			<span class="word-bc mr-20 dl-span"
			>merciful</span>
			<span class="word-bc mr-20 dl-span"
			>kind-hearted</span>
			<span class="word-bc mr-20 dl-span"
			>appreciate</span>
			<span class="word-bc mr-20 dl-span">merciful</span>
			<span class="word-bc mr-20 dl-span">kind-hearted</span>
			<span class="word-bc mr-20 dl-span">appreciate</span>
			<span class="word-bc mr-20 dl-span">cherish</span>
			<span class="word-bc mr-20 dl-span" >respect</span>
			</p>
			@@ -1551,137 +1550,147 @@
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_01.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_01.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_02.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_03.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_04.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_05.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_06.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_07.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_08.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_09.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_10.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_11.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_12.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_13.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_14.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_15.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_15.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_16.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_16.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_17.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_17.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_18.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_18.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_19.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_19.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_20.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_20.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_21.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_21.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_22.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_22.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_23.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_23.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_24.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_24.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_25.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_25.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_26.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_26.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_27.png" />
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_27.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_28.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/3-1、MODULE 3（lesson one ）_29.jpg" />
			</div>
			</div>
			</div>
			@@ -1701,6 +1710,14 @@
			better place and making a difference in people's lives.Work with
			your partner to do research online and match the following
			organizations with their missions.</b>
			<span class="btn-box" @click="viewSelectData">
			<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>
			</div>
			</div>
			@@ -1724,42 +1741,164 @@
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0056-1.jpg" />
			<p class="tl-lf">
			a. Its mission is to protect the lives and dignityof victims of armed conflict and violence
			and toprovide them with assistance.
			</p>
			<p class="tl-lf">
			b. It saves wildlife and wilderness worldwidethrough science, conservation action,
			education,and inspires people to value nature.
			</p>
			<p class="tl-lf">
			c.It is committed to helping young people andto improving the environment for their growth
			in China.
			</p>
			<p class="tl-lf">
			d. It works in over 190 countries and territoriesto save children's lives, to defend their
			rights,and to help them fulfill their potential, fromearly childhood through adolescence.
			</p>
			<div class="openImgBox">
			<div class="fl ju-bt">
			<div class="left" style="width: 48%">
			<div>
			<p class="center">
			<img style="margin-bottom: 1.5%"
			src="../../assets/images/page47selectOne.png" alt="" class="w100" />
			</p>
			<p class="center">
			1.
			<select class="w45 select-border"
			v-model="selectData[0].value[0].userAnswer" @change="handleSelectData">
			<option v-for="(item, index) in selectData[0].option" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box"
			v-if="selectData[0].value[0].isRight == true \|\| selectData[0].value[0].isRight == false">
			<img :src="selectData[0].value[0].isRight ? correctIcon : errorIcon"
			alt="">
			</span>
			</p>
			</div>
			</div>
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/page47selectTwo.png" alt="" class="w100" />
			</p>
			<p class="center">
			2.
			<select class="w45 select-border"
			v-model="selectData[0].value[1].userAnswer" @change="handleSelectData">
			<option v-for="(item, index) in selectData[0].option" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box"
			v-if="selectData[0].value[1].isRight == true \|\| selectData[0].value[1].isRight == false">
			<img :src="selectData[0].value[1].isRight ? correctIcon : errorIcon"
			alt="">
			</span>
			</p>
			</div>
			</div>
			</div>

			<div class="fl ju-bt">
			<div class="left" style="width: 48%">
			<div>
			<p class="center">
			<img style="margin: 12.5% 0%"
			src="../../assets/images/page47selectThree.png" alt="" class="w100" />
			</p>
			<p class="center">
			3.
			<select class="w45 select-border"
			v-model="selectData[0].value[2].userAnswer" @change="handleSelectData">
			<option v-for="(item, index) in selectData[0].option" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box"
			v-if="selectData[0].value[2].isRight == true \|\| selectData[0].value[2].isRight == false">
			<img :src="selectData[0].value[2].isRight ? correctIcon : errorIcon"
			alt="">
			</span>
			</p>
			</div>

			</div>
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/page47selectFour.png" alt="" class="w100" />
			</p>
			<p class="center">
			4.
			<select class="w45 select-border"
			v-model="selectData[0].value[3].userAnswer" @change="handleSelectData">
			<option v-for="(item, index) in selectData[0].option" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box"
			v-if="selectData[0].value[3].isRight == true \|\| selectData[0].value[3].isRight == false">
			<img :src="selectData[0].value[3].isRight ? correctIcon : errorIcon"
			alt="">
			</span>
			</p>
			</div>

			</div>
			</div>
			</div>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="selectData[0].isShowAnswer">
			<span>答案：</span>
			<p v-for="(item, index) in selectData[0].value" :key="index" >
			{{ index + 1 }}.{{ item.answer }}
			</p>
			</div>
			<h3 id="c024"><span class="bjh3">Reading</span></h3>
			<p>
			1.More and more organizations and individuals in China are working
			in public service.Can you name a few?
			<span class="btn-box" @click="showNoSubmitAnswer(3,0)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[0].userAnswer"
			class="w100" @input="saveNoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[0].isShowAnswer">
			<span>答案：</span>
			<P v-for="(item,index) in noSubmitData[3].value[0].answer">
			<P v-for="(item, index) in noSubmitData[3].value[0].answer" :key="index">
			{{index + 1}}.{{item}}
			</p>
			</div>
			<p>
			2.What changes do they bring to China?
			<span class="btn-box" @click="showNoSubmitAnswer(3,1)">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
			viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[1].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
			<textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[1].userAnswer"
			class="w100" @input="saveNoSubmitData"></textarea>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[1].isShowAnswer">
			<span>答案：</span>
			<P v-for="(item,index) in noSubmitData[3].value[1].answer">
			<P v-for="(item, index) in noSubmitData[3].value[1].answer" :key="index">
			{{index + 1}}.{{item}}
			</p>
			</div>
			@@ -2565,137 +2704,92 @@
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_01.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_01.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_02.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_03.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_04.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_05.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_06.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_07.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_08.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_09.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_10.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_11.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_12.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_13.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_14.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_15.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_15.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_16.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_16.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_17.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_17.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_18.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_19.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_20.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_21.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_22.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_23.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_24.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_25.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_26.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_27.png" />
			<img src="../../assets/images/ppt/3-2、MODULE 3（lesson two ）_18.jpg" />
			</div>
			</div>
			</div>
			@@ -3419,24 +3513,24 @@
			<div class="fl wh-no w100">
			<span>University/College:</span>
			<input type="text" :disabled="practicalWriting[1].isComplete"
			v-model="practicalWriting[1].value[8].userAnswer"
			v-model="practicalWriting[1].value[9].userAnswer"
			class="input-bottom-border input-bc-t" @input="saveListenThree">
			</div>
			<div>
			<div>Other qualifcations, short courses and training</div>
			<textarea name="" id="" cols="30" rows="10"
			v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea>
			v-model="practicalWriting[1].value[10].userAnswer" class="w100"></textarea>
			</div>
			<div class="fl wh-no w100">
			<span>Language level:</span>
			<input type="text" :disabled="practicalWriting[1].isComplete"
			v-model="practicalWriting[1].value[8].userAnswer"
			v-model="practicalWriting[1].value[11].userAnswer"
			class="input-bottom-border input-bc-t" @input="saveListenThree">
			</div>
			<div>
			<div>Volunteering experience</div>
			<textarea name="" id="" cols="30" rows="10"
			v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea>
			v-model="practicalWriting[1].value[12].userAnswer" class="w100"></textarea>
			</div>
			</div>
			<div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[1].isShowAnswer">
			@@ -3605,139 +3699,75 @@
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_01.png" />
			<img src="../../assets/images/ppt/3-3、MODULE 3（lesson three ）_01.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_02.png" />
			<img src="../../assets/images/ppt/3-3、MODULE 3（lesson three ）_02.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_03.png" />
			<img src="../../assets/images/ppt/3-3、MODULE 3（lesson three ）_03.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_04.png" />
			<img src="../../assets/images/ppt/3-3、MODULE 3（lesson three ）_04.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_05.png" />
			<img src="../../assets/images/ppt/3-3、MODULE 3（lesson three ）_05.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_06.png" />
			<img src="../../assets/images/ppt/3-3、MODULE 3（lesson three ）_06.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_07.png" />
			<img src="../../assets/images/ppt/3-3、MODULE 3（lesson three ）_07.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_08.png" />
			<img src="../../assets/images/ppt/3-3、MODULE 3（lesson three ）_08.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_09.png" />
			<img src="../../assets/images/ppt/3-3、MODULE 3（lesson three ）_09.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_10.png" />
			<img src="../../assets/images/ppt/3-3、MODULE 3（lesson three ）_10.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_11.png" />
			<img src="../../assets/images/ppt/3-3、MODULE 3（lesson three ）_11.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_12.png" />
			<img src="../../assets/images/ppt/3-3、MODULE 3（lesson three ）_12.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_13.png" />
			<img src="../../assets/images/ppt/3-3、MODULE 3（lesson three ）_13.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_14.png" />
			<img src="../../assets/images/ppt/3-3、MODULE 3（lesson three ）_14.jpg" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_15.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_16.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_17.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_18.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_19.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_20.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_21.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_22.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_23.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_24.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_25.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_26.png" />
			</div>
			</div>
			<div class="swiper-slide">
			<div class="imgBox" style="width: 100%; height: 100%">
			<img src="../../assets/images/ppt/ppt_27.png" />
			</div>
			</div>

			</div>
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			@@ -3769,6 +3799,8 @@
			},
			data() {
			return {
			correctIcon: require('@/assets/images/correct.svg'),
			errorIcon: require('@/assets/images/error.svg'),
			imgThirteen: require("../../assets/images/grammar3-1.png"),
			imgThirteenOne: require("../../assets/images/grammar3-1.png"),
			showAnswerOne: false,
			@@ -5147,6 +5179,47 @@
			]
			},
			],
			selectData: [
			{
			type: 'select',
			isComplete: false,
			isShowAnswer: false,
			option: [
			"a",
			"b",
			"c",
			"d",
			],
			value: [
			{

			userAnswer: "",
			answer: "b",
			isRight: null
			},
			{

			userAnswer: "",
			answer: "d",
			isRight: null
			},
			{

			userAnswer: "",
			answer: "a",
			isRight: null
			},
			{

			userAnswer: "",
			answer: "c",
			isRight: null
			},
			]

			}

			]
			};
			},
			mounted() {
			@@ -5173,6 +5246,8 @@
			if (listenThree) this.listenThree = JSON.parse(listenThree)
			const practicalWriting = localStorage.getItem('english-chapter03-practicalWriting')
			if (practicalWriting) this.practicalWriting = JSON.parse(practicalWriting)
			const selectData = localStorage.getItem('english-chapter03-selectData')
			if (selectData) this.selectData = JSON.parse(selectData)
			this.getPath();


			@@ -5391,6 +5466,7 @@
			item.value = ''
			item.isRight = null
			item.isComplete = false
			item.isShowAnswer = false
			}
			},
			// 只需要保存的题目数据
			@@ -5425,7 +5501,7 @@
			viewwordsOne() {
			for (let index = 0; index < this.wordsOne.length; index++) {
			const item = this.wordsOne[index];
			item.isShowAnswer = true
			item.isShowAnswer = !item.isShowAnswer
			}
			},
			handelwordsOne() {
			@@ -5438,6 +5514,7 @@
			citem.isRight = citem.userAnswer == citem.answer
			}
			}
			this.savewordsOne();
			},
			saveminiTable() {
			console.log(1);
			@@ -5585,6 +5662,32 @@
			showNoSubmitAnswer(index,num) {
			this.$set(this.noSubmitData[index].value[num],'isShowAnswer',!this.noSubmitData[index].value[num].isShowAnswer)
			},
			saveSelectData() {
			localStorage.setItem('english-chapter03-selectData', JSON.stringify(this.selectData))
			},
			handleSelectData() {
			for (let index = 0; index < this.selectData.length; index++) {
			const item = this.selectData[index];
			item.isComplete = true
			if (item.type == 'select') {
			for (let cindex = 0; cindex < item.value.length; cindex++) {
			const citem = item.value[cindex];
			if (citem.userAnswer == "") {
			return
			} else {
			citem.isRight = citem.userAnswer == citem.answer
			this.saveSelectData()
			}
			}
			}
			}
			},
			viewSelectData() {
			for (let index = 0; index < this.selectData.length; index++) {
			const item = this.selectData[index];
			item.isShowAnswer = !item.isShowAnswer
			}
			},
			},
			};
			</script>