testbookLayout.git

			@@ -77,19 +77,41 @@
			@change="setBookQuestion"
			/>
			<span class="icon-box">
			<svg v-if="questionData.warnUp.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">
			<svg
			v-if="questionData.warnUp.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>
			fill="#1AFA29"
			p-id="18768"
			></path>
			</svg>
			<svg v-if="questionData.warnUp.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">
			<svg
			v-if="questionData.warnUp.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>
			fill="#d81e06"
			p-id="25746"
			></path>
			</svg>
			</span>
			</p>
			@@ -105,7 +127,10 @@
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0012-2.jpg" style="width: 94%" />
			<img
			src="../../assets/images/0012-2.jpg"
			style="width: 94%"
			/>
			</p>
			<p class="center">
			2.<input
			@@ -115,19 +140,41 @@
			@change="setBookQuestion"
			/>
			<span class="icon-box">
			<svg v-if="questionData.warnUp.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">
			<svg
			v-if="questionData.warnUp.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>
			fill="#1AFA29"
			p-id="18768"
			></path>
			</svg>
			<svg v-if="questionData.warnUp.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">
			<svg
			v-if="questionData.warnUp.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>
			fill="#d81e06"
			p-id="25746"
			></path>
			</svg>
			</span>
			</p>
			@@ -141,7 +188,7 @@
			</p>
			</div>
			</div>


			<div class="fl ju-bt">
			<div class="left" style="width: 48%">
			<div>
			@@ -156,19 +203,41 @@
			@change="setBookQuestion"
			/>
			<span class="icon-box">
			<svg v-if="questionData.warnUp.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">
			<svg
			v-if="questionData.warnUp.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>
			fill="#1AFA29"
			p-id="18768"
			></path>
			</svg>
			<svg v-if="questionData.warnUp.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">
			<svg
			v-if="questionData.warnUp.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>
			fill="#d81e06"
			p-id="25746"
			></path>
			</svg>
			</span>
			</p>
			@@ -184,7 +253,10 @@
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0012-4.jpg" style="width: 93%" />
			<img
			src="../../assets/images/0012-4.jpg"
			style="width: 93%"
			/>
			</p>
			<p class="center">
			4.<input
			@@ -194,19 +266,41 @@
			@change="setBookQuestion"
			/>
			<span class="icon-box">
			<svg v-if="questionData.warnUp.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">
			<svg
			v-if="questionData.warnUp.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>
			fill="#1AFA29"
			p-id="18768"
			></path>
			</svg>
			<svg v-if="questionData.warnUp.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">
			<svg
			v-if="questionData.warnUp.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>
			fill="#d81e06"
			p-id="25746"
			></path>
			</svg>
			</span>
			</p>
			@@ -220,7 +314,7 @@
			</p>
			</div>
			</div>


			<div class="fl ju-bt">
			<div class="left" style="width: 48%">
			<div>
			@@ -235,19 +329,41 @@
			@change="setBookQuestion"
			/>
			<span class="icon-box">
			<svg v-if="questionData.warnUp.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">
			<svg
			v-if="questionData.warnUp.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>
			fill="#1AFA29"
			p-id="18768"
			></path>
			</svg>
			<svg v-if="questionData.warnUp.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">
			<svg
			v-if="questionData.warnUp.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>
			fill="#d81e06"
			p-id="25746"
			></path>
			</svg>
			</span>
			</p>
			@@ -263,7 +379,10 @@
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0012-6.jpg" style="width: 92%" />
			<img
			src="../../assets/images/0012-6.jpg"
			style="width: 92%"
			/>
			</p>
			<p class="center">
			6.<input
			@@ -273,19 +392,41 @@
			@change="setBookQuestion"
			/>
			<span class="icon-box">
			<svg v-if="questionData.warnUp.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">
			<svg
			v-if="questionData.warnUp.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>
			fill="#1AFA29"
			p-id="18768"
			></path>
			</svg>
			<svg v-if="questionData.warnUp.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">
			<svg
			v-if="questionData.warnUp.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>
			fill="#d81e06"
			p-id="25746"
			></path>
			</svg>
			</span>
			</p>
			@@ -335,11 +476,11 @@
			style="width: 100%"
			v-if="showAnswerOne"
			>
			答案：1. Hanfu 2. Qipao 3. Tang Suit 4. Chinese tea 5. Chinese silk
			6. Chinese calligraphy & painting 7. Chinese embroidery 8. Chinese
			papercut 9. Chinese lantern 10. Moon cake 11. Memorial archway 12.
			Chopsticks 13. Compass 14. Chinese kite 15. Kungfu 16. Opera facial
			makeup
			答案：1. Hanfu 2. Qipao 3. Tang Suit 4. Chinese tea 5. Chinese
			silk 6. Chinese calligraphy & painting 7. Chinese embroidery 8.
			Chinese papercut 9. Chinese lantern 10. Moon cake 11. Memorial
			archway 12. Chopsticks 13. Compass 14. Chinese kite 15. Kungfu 16.
			Opera facial makeup
			</p>
			</div>
			</div>
			@@ -381,7 +522,8 @@
			<audio :src="resource.readingOne" controls></audio>
			</h3>
			<p>
			1.How was Chinese culture introduced to the world in ancient times?
			1.How was Chinese culture introduced to the world in ancient
			times?
			<!-- <button
			class="parimary-btn"
			@click="showAnswerThree = !showAnswerThree"
			@@ -419,8 +561,8 @@
			答案：The Silk Road     Immigrants Sinologist
			</p>
			<p>
			2.China offers so much to see and explore.What took you by surprise
			about China?
			2.China offers so much to see and explore.What took you by
			surprise about China?
			<!-- <button
			class="parimary-btn"
			@click="showAnswerFour = !showAnswerFour"
			@@ -455,9 +597,10 @@
			style="margin-left: 40px; width: 91%"
			v-if="showAnswerFour"
			>
			答案：(1)Various delicious food (2)Unique architectures (3)Beautiful
			(4)Intangible cultural heritage, such as Taichi, shadow puppet show,
			traditional Chinese medicine, Peking Opera scenery
			答案：(1)Various delicious food (2)Unique architectures
			(3)Beautiful (4)Intangible cultural heritage, such as Taichi,
			shadow puppet show, traditional Chinese medicine, Peking Opera
			scenery
			</p>
			<p class="center"><b>My Experience in Wonderland</b></p>
			<p class="block">
			@@ -473,9 +616,9 @@
			>incredible</span
			>
			journey to China started in 2017 when I got selected as a foreign
			student for PhD studies at one university.When I arrived in China,I
			was like Alice in Alice in Wonderland.I was curious about the
			people,the culture,the
			student for PhD studies at one university.When I arrived in
			China,I was like Alice in Alice in Wonderland.I was curious about
			the people,the culture,the
			<span class="word-bc" @click="saveWord($event, 'cuisine')"
			>cuisine</span
			>
			@@ -485,9 +628,9 @@
			>.
			</p>
			<p>
			I found many great people and made several Chinese friends along the
			way.These friends made me see China through the eyes of the locals.I
			always found Chinese people very friendly and
			I found many great people and made several Chinese friends along
			the way.These friends made me see China through the eyes of the
			locals.I always found Chinese people very friendly and
			<span class="word-bc" @click="saveWord($event, 'hospitable')"
			>hospitable</span
			>
			@@ -496,8 +639,8 @@
			<span class="word-bc" @click="saveWord($event, 'civilization')"
			>civilization</span
			>
			much easier,enjoyable and memorable.I consider China my second home
			and love it like my own country!
			much easier,enjoyable and memorable.I consider China my second
			home and love it like my own country!
			</p>
			<p>
			You cannot
			@@ -531,9 +674,10 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p class="t0">
			a new kind of food every day for one whole year,the list of Chinese
			food would still never end! Though I love to eat almost all kinds of
			Chinese cuisine,I found Sichuan and Hunan cuisine quite
			a new kind of food every day for one whole year,the list of
			Chinese food would still never end! Though I love to eat almost
			all kinds of Chinese cuisine,I found Sichuan and Hunan cuisine
			quite
			<span class="word-bc" @click="saveWord($event, 'mouth-watering')"
			>mouth-watering</span
			>
			@@ -544,7 +688,8 @@
			<span class="word-bc" @click="saveWord($event, 'foodie')"
			>foodie</span
			>
			like me,China is a heaven.I simply cannot live without Chinese food.
			like me,China is a heaven.I simply cannot live without Chinese
			food.
			</p>
			<p>
			Like I said earlier,China is a huge wonderland.It has thousands of
			@@ -561,20 +706,22 @@
			@click="saveWord($event, 'atmosphere')"
			>atmosphere</span
			>
			that attracts you.I visited more than a dozen cities and came across
			their charming features and unique landscapes such as Huangshan,the
			Great Wall,Canton Tower.
			that attracts you.I visited more than a dozen cities and came
			across their charming features and unique landscapes such as
			Huangshan,the Great Wall,Canton Tower.
			</p>
			<p>
			There is so much to explore and I am looking forward to it during my
			stay.This is a whole new exciting experience for me,and it will
			There is so much to explore and I am looking forward to it during
			my stay.This is a whole new exciting experience for me,and it will
			always be remembered.
			</p>
			<!-- <p class="center">
			<img class="img-g" alt="" src="../../assets/images/0014-1.jpg" />
			</p> -->
			<p class="fl al-cn mt-40">
			<span class="zt-cs " style="font-size:20px">Words & Expressions</span>
			<span class="zt-cs" style="font-size: 20px"
			>Words & Expressions</span
			>
			<span class="line-border-box"></span>
			</p>
			<audio
			@@ -595,7 +742,9 @@
			</p>
			<div class="bkbj">
			<p>
			<i>the food served in a restaurant (usually an expensive one)</i>
			<i
			>the food served in a restaurant (usually an expensive one)</i
			>
			</p>
			</div>
			<p>landscape /ˈlændskeɪp/ <i>n.</i> （陆上）风景，景色</p>
			@@ -613,8 +762,9 @@
			<div class="bkbj">
			<p>
			<i
			>a society,its culture and its way of life (during a particular
			period of time or in a particular part of the world)</i
			>a society,its culture and its way of life (during a
			particular period of time or in a particular part of the
			world)</i
			>
			</p>
			</div>
			@@ -622,8 +772,8 @@
			<div class="bkbj">
			<p>
			<i
			>to travel into or around an area or a country in order to learn
			about it</i
			>to travel into or around an area or a country in order to
			learn about it</i
			>
			</p>
			</div>
			@@ -652,7 +802,9 @@
			</ul>
			<div class="padding-93">
			<div class="bodystyle">
			<p>stimulating /ˈstɪmjuleɪtɪŋ/ <i>adj.</i> 增加活力的；增进健康的</p>
			<p>
			stimulating /ˈstɪmjuleɪtɪŋ/ <i>adj.</i> 增加活力的；增进健康的
			</p>
			<div class="bkbj">
			<p>
			<i>making you feel more active and healthy</i> foodie /ˈfuːdi/
			@@ -678,13 +830,21 @@
			>
			</p>
			</div>
			<p>get selected as ...被选为……</p>
			<p>(a) variety of ...各种各样的……</p>
			<p>come across 偶遇；碰到</p>
			<p>be curious about ...对……感到好奇</p>
			<p>along the way 沿途</p>
			<ul class="w100 fl fw-wr">
			<li>
			<p>get selected as ...被选为……</p>
			<p>(a) variety of ...各种各样的……</p>
			<p>come across 偶遇；碰到</p>
			</li>
			<li>
			<p>be curious about ...对……感到好奇</p>
			<p>along the way 沿途</p>
			</li>
			</ul>


			<div class="bj-note">
			<p class="m0 "><b class="fz-18">Notes:</b></p>
			<p class="m0"><b class="fz-18">Notes:</b></p>
			<p class="m0">
			<i>Alice in Wonderland</i> （<i
			>Alice's Adventures in Wonderland</i
			@@ -697,14 +857,75 @@
			China.
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			Language</p>
			<p><input type="checkbox" name="ball" value="People" id="2" v-model="testData.check" /> People</p>
			<p><input type="checkbox" name="ball" value="Culture" id="3" v-model="testData.check" /> Culture</p>
			<p><input type="checkbox" name="ball" value="Cuisine" id="4" v-model="testData.check" /> Cuisine</p>
			<p><input type="checkbox" name="ball" value="Folk" id="5" v-model="testData.check" /> Folk art</p>
			<p><input type="checkbox" name="ball" value="Landscapes" id="6" v-model="testData.check" /> Landscapes</p>
			<p><input type="checkbox" name="ball" value="Transportation" id="7" v-model="testData.check" /> Transportation</p>
			<input
			type="checkbox"
			name="ball"
			value="Language"
			id="1"
			v-model="testData.check"
			/>
			Language
			</p>
			<p>
			<input
			type="checkbox"
			name="ball"
			value="People"
			id="2"
			v-model="testData.check"
			/>
			People
			</p>
			<p>
			<input
			type="checkbox"
			name="ball"
			value="Culture"
			id="3"
			v-model="testData.check"
			/>
			Culture
			</p>
			<p>
			<input
			type="checkbox"
			name="ball"
			value="Cuisine"
			id="4"
			v-model="testData.check"
			/>
			Cuisine
			</p>
			<p>
			<input
			type="checkbox"
			name="ball"
			value="Folk"
			id="5"
			v-model="testData.check"
			/>
			Folk art
			</p>
			<p>
			<input
			type="checkbox"
			name="ball"
			value="Landscapes"
			id="6"
			v-model="testData.check"
			/>
			Landscapes
			</p>
			<p>
			<input
			type="checkbox"
			name="ball"
			value="Transportation"
			id="7"
			v-model="testData.check"
			/>
			Transportation
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 35px; width: 93%"
			@@ -751,8 +972,8 @@
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			答案：Chinese food is very delicious. Sichuan and Hunan cuisines are
			quite mouth-watering and stimulating.
			答案：Chinese food is very delicious. Sichuan and Hunan cuisines
			are quite mouth-watering and stimulating.
			</p>
			<p>2.When and why did the author start her journey to China?</p>
			<textarea
			@@ -768,7 +989,8 @@
			v-if="showQuestionAnswer"
			>
			答案：When the author got selected as a foreign student for PhD
			studies at one university in 2017, she started her journey to China.
			studies at one university in 2017, she started her journey to
			China.
			</p>
			<p>3.What are the author’s expectations of her stay in China?</p>
			<textarea
			@@ -814,11 +1036,11 @@
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			答案：Each city has its unique atmosphere with charming features and
			unique landscapes.
			答案：Each city has its unique atmosphere with charming features
			and unique landscapes.
			</p>
			Each city has its unique atmosphere with charming features and unique
			landscapes.
			Each city has its unique atmosphere with charming features and
			unique landscapes.
			<p><b>Ⅱ.Language focus.</b></p>
			<p>
			A.Fill in the blanks with the proper words in the passage.The
			@@ -838,8 +1060,8 @@
			type="text"
			class="input-bottom-border"
			style="width: 60px"
			/>.Chinese friends helped her a lot in understanding Chinese culture
			and c<input
			/>.Chinese friends helped her a lot in understanding Chinese
			culture and c<input
			v-model="testData.in.three"
			type="text"
			class="input-bottom-border"
			@@ -850,8 +1072,8 @@
			class="input-bottom-border"
			style="width: 60px"
			/>China properly if he/she does not try its delicious variety of
			food.China has thousands of years of rich and beautiful culture.Each
			city has its u<input
			food.China has thousands of years of rich and beautiful
			culture.Each city has its u<input
			v-model="testData.in.five"
			type="text"
			class="input-bottom-border"
			@@ -898,8 +1120,8 @@
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			答案：Many foreigners are curious about the amazing Chinese martial
			arts.
			答案：Many foreigners are curious about the amazing Chinese
			martial arts.
			</p>
			<p>
			3.along the way<input
			@@ -914,8 +1136,8 @@
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			答案：I suggest that you go to Tibet by train so that you can enjoy
			the natural scenery along the way.
			答案：I suggest that you go to Tibet by train so that you can
			enjoy the natural scenery along the way.
			</p>
			<p>
			4.come across<input
			@@ -1008,8 +1230,8 @@
			答案：嫘祖发明了中国缫丝技术，这极大地促进了中国古代文明的发展。
			</p>
			<p>
			3.Lu Yu,the author of <i>The Classic of Tea</i>,explored Chinese tea
			culture in depth.
			3.Lu Yu,the author of <i>The Classic of Tea</i>,explored Chinese
			tea culture in depth.
			</p>
			<p>
			<input
			@@ -1046,12 +1268,21 @@
			<p>
			<b>Ⅲ.Grammar focus:The conditional sentence—if-clause.</b>
			<span class="btn-box" @click="showAnswer('showImg')">
			<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink"
			width="20" height="20">
			<svg
			t="1717037443722"
			class="icon"
			viewBox="0 0 1024 1024"
			version="1.1"
			xmlns="http://www.w3.org/2000/svg"
			p-id="30864"
			xmlns:xlink="http://www.w3.org/1999/xlink"
			width="20"
			height="20"
			>
			<path
			d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
			p-id="30865"></path>
			p-id="30865"
			></path>
			</svg>
			</span>
			</p>
			@@ -1138,8 +1369,8 @@
			warriors.
			</p>
			<p>
			5.Ask foreigners about their favorite Chinese food.Kung Pao Chicken
			would possibly be in top three.
			5.Ask foreigners about their favorite Chinese food.Kung Pao
			Chicken would possibly be in top three.
			</p>
			<p>
			<b>If</b
			@@ -1154,8 +1385,8 @@
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			答案： If you ask foreigners about their favorite Chinese food, Kung
			Pao Chicken would possible be in top three
			答案： If you ask foreigners about their favorite Chinese food,
			Kung Pao Chicken would possible be in top three
			</p>
			<p>
			B.Complete the following sentences using <i>if</i> or
			@@ -1199,8 +1430,8 @@
			type="text"
			class="input-bottom-border"
			style="width: 60px"
			/>I go to Sichuan,I will visit Chengdu Research Base of Giant Panda
			Breeding.
			/>I go to Sichuan,I will visit Chengdu Research Base of Giant
			Panda Breeding.
			</p>
			<p
			class="event-header-text-bc pd-5"
			@@ -1211,16 +1442,24 @@
			5.if
			</p>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev" style="width: 50%">
			<li><button class="btn-border btn-w" @click="saveData">提交</button></li>
			<ul class="fl ju-ev" style="width: 80%">
			<li>
			<button class="btn-border btn-w" @click="saveData">
			提交
			</button>
			</li>
			<li>
			<button @click="setTestData" class="btn-border btn-w">
			保存
			</button>
			</li>
			<li>
			<button @click="changeTestData" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button
			style="min-height:24px"
			@click="showQuestionAnswer = !showQuestionAnswer"
			class="parimary-btn"
			>
			@@ -1255,16 +1494,19 @@
			<h3 id="c004"><span class="bjh3">Mini-project</span></h3>
			<p>
			China is a great country with a fascinating culture.Its ancient
			civilization,rich history,and unique customs make it one of the most
			interesting countries in the world.There are so many interesting
			facts about Chinese culture.Work in groups and interview your group
			members about their knowledge of Chinese culture,and then:
			civilization,rich history,and unique customs make it one of the
			most interesting countries in the world.There are so many
			interesting facts about Chinese culture.Work in groups and
			interview your group members about their knowledge of Chinese
			culture,and then:
			</p>
			<p>1.Find out interesting facts they know about Chinese culture;</p>
			<p>2.Finish the worksheet and report to the class.</p>
			<div class="fieldset">
			<p>Questions:1.Who are you going to interview?</p>
			<p>　　　　2.What is he/she interested in about Chinese culture?</p>
			<p>
			2.What is he/she interested in about Chinese culture?
			</p>
			<p>　　　　3.What does he/she know about it?</p>
			</div>
			<p class="left">
			@@ -1430,283 +1672,151 @@
			</div>
			<div class="resource-primary-border" style="padding: 8px">
			<div class="banshi openImgBox">
			<div class="swiper-container">
			<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_01.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 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-button-next"></div>
			<div class="swiper-button-prev"></div>
			<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_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>
			@@ -1730,19 +1840,19 @@
			<div class="padding-93">
			<div class="bodystyle">
			<h2 id="b002">
			<img class="img-0" alt="" src="image/dy1-le2.jpg" />
			<img class="img-0" alt="" src="../../assets/images/dy1-le2.jpg" />
			</h2>
			<h3 id="c005"><span class="bjh3">Warm-up</span></h3>
			<p>
			<b
			>Put the expressions in the box below on the corresponding answer
			line under each picture.</b
			>Put the expressions in the box below on the corresponding
			answer line under each picture.</b
			>
			</p>
			<div class="bk-wh">
			<p>
			online shopping　facial recognition　electronic payment　intercity
			train　shared bike　take-away service
			online shopping　facial recognition　electronic
			payment　intercity train　shared bike　take-away service
			</p>
			</div>
			<div class="openImgBox">
			@@ -1750,7 +1860,11 @@
			<div class="left" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0019-1.jpg" alt="" class="w100" />
			<img
			src="../../assets/images/0019-1.jpg"
			alt=""
			class="w100"
			/>
			</p>
			<p class="center">
			1.
			@@ -1764,19 +1878,41 @@
			</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">
			<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>
			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">
			<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>
			fill="#d81e06"
			p-id="25746"
			></path>
			</svg>
			</span>
			</p>
			@@ -1792,7 +1928,11 @@
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0019-2.jpg" alt="" style="width: 98%" />
			<img
			src="../../assets/images/0019-2.jpg"
			alt=""
			style="width: 98%"
			/>
			</p>
			<p class="center">
			2.
			@@ -1806,19 +1946,41 @@
			</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">
			<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>
			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">
			<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>
			fill="#d81e06"
			p-id="25746"
			></path>
			</svg>
			</span>
			</p>
			@@ -1832,12 +1994,16 @@
			</p>
			</div>
			</div>


			<div class="fl ju-bt">
			<div class="left" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0019-3.jpg" alt="" style="width: 98%" />
			<img
			src="../../assets/images/0019-3.jpg"
			alt=""
			style="width: 98%"
			/>
			</p>
			<p class="center">
			3.
			@@ -1851,19 +2017,41 @@
			</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">
			<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>
			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">
			<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>
			fill="#d81e06"
			p-id="25746"
			></path>
			</svg>
			</span>
			</p>
			@@ -1879,7 +2067,11 @@
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0019-4.jpg" alt="" style="width: 94%" />
			<img
			src="../../assets/images/0019-4.jpg"
			alt=""
			style="width: 94%"
			/>
			</p>
			<p class="center">
			4.
			@@ -1893,19 +2085,41 @@
			</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">
			<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>
			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">
			<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>
			fill="#d81e06"
			p-id="25746"
			></path>
			</svg>
			</span>
			</p>
			@@ -1919,12 +2133,16 @@
			</p>
			</div>
			</div>


			<div class="fl ju-bt">
			<div class="left" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0019-5.jpg" alt="" class="w100" />
			<img
			src="../../assets/images/0019-5.jpg"
			alt=""
			class="w100"
			/>
			</p>
			<p class="center">
			5.
			@@ -1938,19 +2156,41 @@
			</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">
			<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>
			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">
			<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>
			fill="#d81e06"
			p-id="25746"
			></path>
			</svg>
			</span>
			</p>
			@@ -1966,7 +2206,11 @@
			<div class="right" style="width: 48%">
			<div>
			<p class="center">
			<img src="../../assets/images/0019-6.jpg" alt="" style="width: 98%" />
			<img
			src="../../assets/images/0019-6.jpg"
			alt=""
			style="width: 98%"
			/>
			</p>
			<p class="center">
			6.
			@@ -1980,19 +2224,41 @@
			</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">
			<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>
			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">
			<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>
			fill="#d81e06"
			p-id="25746"
			></path>
			</svg>
			</span>
			</p>
			@@ -2008,15 +2274,20 @@
			</div>
			</div>
			<div class="w100 fl ju-cn">
			<div class="fl ju-ev" style="width: 60%">
			<div class="fl ju-ev mt-40" style="width: 80%">
			<button @click="setDropdownData" class="btn-border btn-w">
			保存
			</button>
			<button class="btn-border btn-w" @click="handleDropdown('judge')">
			<button
			class="btn-border btn-w"
			@click="handleDropdown('judge')"
			>
			提交
			</button>
			<button class="btn-border btn-w" @click="changeDropdown">
			重做
			</button>
			<button
			style="min-height:24px"
			@click="showAnswerFive = !showAnswerFive"
			class="parimary-btn"
			>
			@@ -2035,14 +2306,13 @@
			</template>

			<script>
			import getResourcePath from "@/assets/methods/resources";

			import {getResourcePath} from "@/assets/methods/resources";
			export default {
			name: "chapter-one",
			props:{
			showPageList:{
			type:Array
			}
			props: {
			showPageList: {
			type: Array,
			},
			},
			data() {
			return {
			@@ -2054,6 +2324,8 @@
			showAnswerFive: false,
			showImg: false,
			showQuestionAnswer: false,
			// pageNum: "1",
			// total: "27",
			questionData: {
			warnUp: {
			one: {
			@@ -2105,7 +2377,7 @@
			},
			},
			testData: {
			check:[],
			check: [],
			tx: {
			one: "",
			two: "",
			@@ -2193,35 +2465,6 @@
			answer: "facial recognition",
			},
			},
			pptList: [
			require("../../assets/images/ppt/ppt_01.png"),
			require("../../assets/images/ppt/ppt_01.png"),
			require("../../assets/images/ppt/ppt_03.png"),
			require("../../assets/images/ppt/ppt_04.png"),
			require("../../assets/images/ppt/ppt_05.png"),
			require("../../assets/images/ppt/ppt_06.png"),
			require("../../assets/images/ppt/ppt_07.png"),
			require("../../assets/images/ppt/ppt_08.png"),
			require("../../assets/images/ppt/ppt_09.png"),
			require("../../assets/images/ppt/ppt_10.png"),
			require("../../assets/images/ppt/ppt_11.png"),
			require("../../assets/images/ppt/ppt_12.png"),
			require("../../assets/images/ppt/ppt_13.png"),
			require("../../assets/images/ppt/ppt_14.png"),
			require("../../assets/images/ppt/ppt_15.png"),
			require("../../assets/images/ppt/ppt_16.png"),
			require("../../assets/images/ppt/ppt_17.png"),
			require("../../assets/images/ppt/ppt_18.png"),
			require("../../assets/images/ppt/ppt_19.png"),
			require("../../assets/images/ppt/ppt_20.png"),
			require("../../assets/images/ppt/ppt_21.png"),
			require("../../assets/images/ppt/ppt_22.png"),
			require("../../assets/images/ppt/ppt_23.png"),
			require("../../assets/images/ppt/ppt_24.png"),
			require("../../assets/images/ppt/ppt_25.png"),
			require("../../assets/images/ppt/ppt_26.png"),
			require("../../assets/images/ppt/ppt_27.png"),
			],
			};
			},
			mounted() {
			@@ -2245,6 +2488,53 @@
			},
			setTestData() {
			localStorage.setItem("english-testOne", JSON.stringify(this.testData));
			},
			changeTestData() {
			localStorage.removeItem("english-testOne");
			this.testData = {
			check: [],
			tx: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			},
			in: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			},
			line: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			},
			ts: {
			one: "",
			two: "",
			three: "",
			four: "",
			},
			gr: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			},
			cm: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			},
			};
			},
			setBookQuestion() {
			localStorage.setItem(
			@@ -2313,6 +2603,14 @@
			}
			this.dropdownData = dropdownDatas;
			},
			changeDropdown() {
			localStorage.removeItem("english-dropdown-one");
			for (let key in this.dropdownData) {
			const item = this.dropdownData[key];
			item.value = "";
			item.isRight = null;
			}
			},
			setDropdownData() {
			localStorage.setItem(
			"english-dropdown-one",
			@@ -2321,7 +2619,7 @@
			},
			saveData() {
			console.log(this.testData);
			}
			},
			},
			};
			</script>
			@@ -2358,7 +2656,7 @@
			font-size: 14px;
			border-width: 1px;
			min-width: 80px;
			min-height: 24px;
			height: 30px;
			background-color: #fff;
			&:hover {
			background-color: #0bab87;
			@@ -2366,11 +2664,19 @@
			}
			}
			.banshi {
			position: relative;
			margin-top: 40px;
			width: 100%;
			height: 350px;
			margin: 0 auto;
			}
			.pageBox {
			z-index: 9999999999;
			color: #999;
			position: absolute;
			left: 48%;
			bottom: 0px;
			}
			select {
			height: 24px;
			}