testbookLayout.git

			@@ -32,18 +32,244 @@
			<h2 id="b029"><img class="img-0" alt="" src="../../assets/images/dy8-le1.jpg" /></h2>
			<h3 id="c064"><span class="bjh3">Warm-up</span></h3>
			<p><b>Ⅰ.Figure out what the people in the following pictures do.</b></p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0146-1.jpg" /></p>
			<p class="center">1._____________________</p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0146-2.jpg" /></p>
			<p class="center">2._____________________</p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0146-3.jpg" /></p>
			<p class="center">3._____________________</p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0146-4.jpg" /></p>
			<p class="center">4._____________________</p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0146-5.jpg" /></p>
			<p class="center">5._____________________</p>
			<p class="center"><img class="img-e" alt="" src="../../assets/images/0146-6.jpg" /></p>
			<p class="center">6._____________________</p>
			<div class="openImgBox">
			<div class="fl ju-bt">
			<div class="left" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0146-1.jpg" alt="" class="w100" />
			</p>
			<p class="center">
			1.
			<select class="select-border" v-model="dropdownData.one.value"
			@change="setDropdownData" :disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box">
			<svg v-if="dropdownData.one.isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="dropdownData.one.isRight == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			</div>
			<p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
			答案：intercity train
			</p>
			</div>
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0146-2.jpg" alt="" style="width: 98%" />
			</p>
			<p class="center">
			2.
			<select class="select-border" v-model="dropdownData.two.value"
			@change="setDropdownData" :disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box">
			<svg v-if="dropdownData.two.isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="dropdownData.two.isRight == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			</div>
			<p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
			答案：online shopping
			</p>
			</div>
			</div>

			<div class="fl ju-bt">
			<div class="left" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0146-3.jpg" alt="" style="width: 98%" />
			</p>
			<p class="center">
			3.
			<select class="select-border" v-model="dropdownData.three.value"
			@change="setDropdownData" :disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box">
			<svg v-if="dropdownData.three.isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="dropdownData.three.isRight == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			</div>
			<p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
			答案：electronic payment
			</p>
			</div>
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0146-4.jpg" alt="" style="width: 94%" />
			</p>
			<p class="center">
			4.
			<select class="select-border" v-model="dropdownData.four.value"
			@change="setDropdownData" :disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box">
			<svg v-if="dropdownData.four.isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="dropdownData.four.isRight == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			</div>
			<p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
			答案：shared bike
			</p>
			</div>
			</div>

			<div class="fl ju-bt">
			<div class="left" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0146-5.jpg" alt="" class="w100" />
			</p>
			<p class="center">
			5.
			<select class="select-border" v-model="dropdownData.five.value"
			@change="setDropdownData" :disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box">
			<svg v-if="dropdownData.five.isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="dropdownData.five.isRight == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			</div>
			<p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
			答案：take-away service
			</p>
			</div>
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0146-6.jpg" alt="" style="width: 98%" />
			</p>
			<p class="center">
			6.
			<select class="select-border" v-model="dropdownData.six.value"
			@change="setDropdownData" :disabled="dropdownData.isComplete">
			<option v-for="(item, index) in dropDownList" :key="index"
			:value="item">
			{{ item }}
			</option>
			</select>
			<span class="icon-box">
			<svg v-if="dropdownData.six.isRight" t="1716986419862" class="icon"
			viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="dropdownData.six.isRight == false" t="1716987085767"
			class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745"
			xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			</div>
			<p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
			答案：facial recognition
			</p>
			</div>
			</div>
			</div>
			<p><b>Ⅱ.What other jobs can you list?</b></p>
			<p>____________________________________________</p>
			</div>
			@@ -72,7 +298,63 @@
			<p class="center"> <audio :src="resource.listenOne" controls
			controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
			<p><b>Watch the video and find out how the speakers describe their jobs.</b></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0147-2.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">Who is he/she?</td>
			<td class="tl-cn">What's his/her job?</td>
			<td class="tl-cn" style="width: 65%;">How does he/she describe the job?</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			Duan Xinyue
			</td>
			<td class="tl-cn">
			Teacher
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.one"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			Luo Xinya
			</td>
			<td class="tl-cn">
			Pet Doctor
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.two"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			Sun Yijie
			</td>
			<td class="tl-cn">
			Taxi Driver
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.three"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			Wu Qi
			</td>
			<td class="tl-cn">
			Photographer
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.four"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<h3 id="c066"><span class="bjh3">Reading</span></h3>
			<p>1.There is a saying that a part-time job can be a way to gain the experience necessary for
			full-time employment.Do you agree? Why or why not?</p>
			@@ -360,7 +642,50 @@
			<p>（　　）6.I <span class="u">think</span> everyone should get down on one’s knees and pull weeds.
			</p>
			<p>B.Write the present or the past form of the following verbs.</p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0151-1.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">give<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-cn">spend<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-cn"><input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />had
			</td>
			</tr>
			<tr class="table-tr-bc ">
			<td class="tl-cn"><input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			went
			</td>
			<td class="tl-cn"><input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			began
			</td>
			<td class="tl-cn">say<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">get<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			</td>
			<td class="tl-cn">think<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />
			</td>
			<td class="tl-cn">asy<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 5em"
			v-model="testData.in.one" @change="setTestData" />chose
			</td>
			</tr>
			</table>
			<h3 id="c067"><span class="bjh3">Mini-project</span></h3>
			<p>People do different jobs and hold different ideas about their jobs.You are required to:</p>
			<p>1.Do a small survey among your family members or relatives and jot down their opinions;</p>
			@@ -394,11 +719,318 @@
			<p>　　　　3.How does he/she describe his/her job?</p>
			</div>
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0152-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 wh-no">The Respondent</td>
			<td class="tl-cn">The Job</td>
			<td class="tl-cn">The Description</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn wh-no">
			Zhang Wei's Mum
			</td>
			<td class="tl-cn">
			A Teacher
			</td>
			<td class="tl-lf">
			She teaches English in a high schpol. Her job is quite <span
			class="input-bottom-border">stressful </span> and <span
			class="input-bottom-border">challenging</span> , but she feels <span
			class="input-bottom-border">rewarding</span> rewarding when her students make
			progress.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.five"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.six"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.seven"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.eight"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.nine"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<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="tl-cn">
			<textarea v-model="questionData.table.eleven"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.twelve"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.thirteen"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.fourteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.fifteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<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="tl-cn">
			<textarea v-model="questionData.table.seventeen"
			class="w100 table-tr-bc b0 table-textarea textarea-box "
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.eighteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.nineteen"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.twenty"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.twentyOne"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.twentyTwo"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.twentyThree"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.twentyFour"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.twentyFive"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
			<div class="bk-wh">
			<p>dangerous　demanding　dull　exciting　repetitive　risky　satisfying　stimulating　stressful　voluntary
			<p class="dl-box">
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'dangerous')">dangerous</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'demanding')">demanding</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dull')">dull</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'exciting')">exciting</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'repetitive')">repetitive</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'satisfying')">satisfying</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'stimulating')">stimulating</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'stressful')">stressful</span>
			<span class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'voluntary')">voluntary</span>
			</p>

			<p>
			</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>
			@@ -704,7 +1336,8 @@
			<p>3.Anyone hired into the company must___________the system.</p>
			<p>4.You must accept___________the blame for this crisis.</p>
			<p>5.Many people plan to take one job of any kind and consider a new career path___________.</p>
			<p><b>Ⅲ.Grammar focus:Pronouns (it,one).</b><span class="btn-box" @click="showAnswer('showImgOne')">
			<p><b>Ⅲ.Grammar focus:Pronouns (it,one).</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">
			@@ -762,7 +1395,215 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0159-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 wh-no">What job is he/she interested in?</td>
			<td class="tl-cn">Why does he'she choose this job?</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			Architeet
			</td>
			<td class="tl-lf">
			My fatnily is engaged in a construction business. And I have hada dream to build my
			own house ever since I was a kid.
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.twentySix"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.twentySeven"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.twentyEight"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.twentyNine"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.thirty"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<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 class="tl-cn">
			<textarea v-model="questionData.table.thirtyTwo"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<textarea v-model="questionData.table.thirtyThree"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<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="b031"><img class="img-0" alt="" src="../../assets/images/dy8-le3.jpg" /></h2>
			<h3 id="c071"><span class="bjh3">Listening</span></h3>
			<p class="center"> <audio :src="resource.readingTwo" controls
			@@ -800,7 +1641,58 @@
			<div class="bodystyle">
			<p><b>Ⅱ.Susan is interviewing the candidate Derek.Listen to the conversation and write down
			Susan's questions.</b></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0160-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 wh-no">Susan's Questions</td>
			<td class="tl-cn">Derek's Responses</td>
			</tr>

			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.thirtyFour"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<p class="table-p">Studying Finance in East College</p>
			<p class="table-p">Having been working as an intemn in T&G Accounting Company for
			the last two years</p>
			<p class="table-p">Speaking fluent Chinese</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.thirtyFive"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-lf">
			Analyzing financial data with ERP software
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.thirtySix"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-lf">
			To put finance theories into practice
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<textarea v-model="questionData.table.thirtySeven"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td class="tl-cn">
			<p class="table-p">A hard-working person</p>
			<p class="table-p">A fast learer</p>
			<p class="table-p">Getting along well with people</p>
			</td>
			</tr>
			</table>
			<h3 id="c072"><span class="bjh3">Practical Writing</span></h3>
			<p>Work with your partner to discuss the following questions.</p>
			<p>1.How do you follow up after a job interview?</p>
			@@ -935,20 +1827,58 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p class="center"><b>Worksheet for the Interviewer</b></p>
			<div class="fieldset-5">
			<p class="left">Name:</p>
			<p class="left">Phone:</p>
			<p class="left">Email:</p>
			<p class="left">Work experience</p>
			<p><br /></p>
			<p class="left">Education</p>
			<p><br /></p>
			<p class="left">Skills</p>
			<p><br /></p>
			<p class="left">Other related information</p>
			<p><br /></p>
			</div>
			<p><b>Follow-up Email for the Interviewee</b></p>
			<table border="1" cellpadding="4" cellspacing="0" class="fz-14 fieldset-5">
			<tr class="table-tr-bc">
			<td class="tl-cn ">
			<p class="table-p">Name: <input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 35em"
			v-model="testData.in.one" @change="setTestData" /></p>
			<p class="table-p">Phone: <input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 34.8em"
			v-model="testData.in.one" @change="setTestData" /></p>
			<p class="table-p">Email: <input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 35em"
			v-model="testData.in.one" @change="setTestData" /></p>
			</td>
			</tr>

			<tr class="table-tr-bc">
			<td class="tl-cn">
			<p class="table-p">Work experience</p>
			<textarea v-model="questionData.table.thirtyEight"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>

			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<p class="table-p">Education</p>
			<textarea v-model="questionData.table.thirtyNine"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>

			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<p class="table-p">Skills</p>
			<textarea v-model="questionData.table.forty"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>

			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">
			<p class="table-p">Other related information</p>
			<textarea v-model="questionData.table.fortyOne"
			class="w100 table-tr-bc b0 table-textarea "
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<p class="center"><b>Follow-up Email for the Interviewee</b></p>
			<div class="fieldset-4">
			<p class="left">From:</p>
			<p class="left">To:</p>
			@@ -990,6 +1920,153 @@
			<p>I’m enthusiastic about the prospect of ...</p>
			<p>I’m sure you’re still in research mode right now ...</p>
			<p>Please feel free to contact me if I can provide you with any further information.</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>
			@@ -1187,8 +2264,40 @@
			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: "",
			},
			},
			testData: {