testbookLayout.git

			@@ -26,10 +26,7 @@
			<div class="page-box" page="8">
			<div v-if="showPageList.indexOf(8) > -1">
			<div class="w100 mb-20" style="padding-right: 20px">
			<div
			class="event-header-bc fl al-end"
			style="height: 100px; padding-left: 40px"
			>
			<div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color">基础模块一</span>
			@@ -43,22 +40,13 @@
			</h2>
			<h3 id="c001"><span class="bjh3">Warm-up</span></h3>
			<p>
			<b
			>Ⅰ.Write down the English words for the Chinese cultural symbols
			in the following pictures.</b
			>
			<b>Ⅰ.Write down the English words for the Chinese cultural symbols
			in the following pictures.</b>
			<span class="btn-box" @click="showAnswerTwo = !showAnswerTwo">
			<svg
			xmlns="http://www.w3.org/2000/svg"
			width="20.501"
			height="20.501"
			viewBox="0 0 20.501 20.501"
			>
			<path
			class="a"
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)"
			/>
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			@@ -70,120 +58,57 @@
			<img src="../../assets/images/0012-1.jpg" class="w100" />
			</p>
			<p class="center">
			1.<input
			v-model="questionData.warnUp.one.value"
			class="input-bottom-border fz-18"
			@blur="handleQuestion('one')"
			@change="setBookQuestion"
			/>
			1.<input v-model="questionData.warnUp.one.value" class="input-bottom-border fz-18"
			@blur="handleQuestion('one')" @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>
			</div>
			<p
			class="event-header-text-bc pd-5"
			style="width: 90%"
			v-if="showAnswerTwo"
			>
			<p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerTwo">
			答案：Chinese knot
			</p>
			</div>
			<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
			class="input-bottom-border fz-18"
			v-model="questionData.warnUp.two.value"
			@blur="handleQuestion('two')"
			@change="setBookQuestion"
			/>
			2.<input class="input-bottom-border fz-18" v-model="questionData.warnUp.two.value"
			@blur="handleQuestion('two')" @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>
			</div>
			<p
			class="event-header-text-bc pd-5"
			style="width: 90%"
			v-if="showAnswerTwo"
			>
			<p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerTwo">
			答案：Chinese medicine
			</p>
			</div>
			@@ -196,120 +121,57 @@
			<img src="../../assets/images/0012-3.jpg" class="w100" />
			</p>
			<p class="center">
			3.<input
			class="input-bottom-border fz-18"
			v-model="questionData.warnUp.three.value"
			@blur="handleQuestion('three')"
			@change="setBookQuestion"
			/>
			3.<input class="input-bottom-border fz-18" v-model="questionData.warnUp.three.value"
			@blur="handleQuestion('three')" @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>
			</div>
			<p
			class="event-header-text-bc pd-5"
			style="width: 90%"
			v-if="showAnswerTwo"
			>
			<p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerTwo">
			答案：Chinese calligraphy
			</p>
			</div>
			<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
			class="input-bottom-border fz-18"
			v-model="questionData.warnUp.four.value"
			@blur="handleQuestion('four')"
			@change="setBookQuestion"
			/>
			4.<input class="input-bottom-border fz-18" v-model="questionData.warnUp.four.value"
			@blur="handleQuestion('four')" @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>
			</div>
			<p
			class="event-header-text-bc pd-5"
			style="width: 90%"
			v-if="showAnswerTwo"
			>
			<p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerTwo">
			答案：Taichi
			</p>
			</div>
			@@ -322,120 +184,57 @@
			<img src="../../assets/images/0012-5.jpg" class="w100" />
			</p>
			<p class="center">
			5.<input
			class="input-bottom-border fz-18"
			v-model="questionData.warnUp.five.value"
			@blur="handleQuestion('five')"
			@change="setBookQuestion"
			/>
			5.<input class="input-bottom-border fz-18" v-model="questionData.warnUp.five.value"
			@blur="handleQuestion('five')" @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>
			</div>
			<p
			class="event-header-text-bc pd-5"
			style="width: 90%"
			v-if="showAnswerTwo"
			>
			<p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerTwo">
			答案：sweet dumpling
			</p>
			</div>
			<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
			class="input-bottom-border fz-18"
			v-model="questionData.warnUp.six.value"
			@blur="handleQuestion('six')"
			@change="setBookQuestion"
			/>
			6.<input class="input-bottom-border fz-18" v-model="questionData.warnUp.six.value"
			@blur="handleQuestion('six')" @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>
			</div>
			<p
			class="event-header-text-bc pd-5"
			style="width: 90%"
			v-if="showAnswerTwo"
			>
			<p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerTwo">
			答案：Chinese chess
			</p>
			</div>
			@@ -450,32 +249,17 @@
			显示答案
			</button> -->
			<span class="btn-box" @click="showAnswerOne = !showAnswerOne">
			<svg
			xmlns="http://www.w3.org/2000/svg"
			width="20.501"
			height="20.501"
			viewBox="0 0 20.501 20.501"
			>
			<path
			class="a"
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)"
			/>
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<p class="t0">
			<input
			v-model="questionData.warnUp.seven"
			class="input-bottom-border fz-18"
			style="width: 100%"
			/>
			<input v-model="questionData.warnUp.seven" class="input-bottom-border fz-18" style="width: 100%" />
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="width: 100%"
			v-if="showAnswerOne"
			>
			<p class="event-header-text-bc pd-5" 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
			@@ -496,47 +280,34 @@
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc">MODULE 1</span>
			<span class="chapter-right-bc fw-bl chapter-right-cl"
			>CHINA,A WONDERLAND</span
			>
			<span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
			</li>
			</ul>
			a
			<div class="padding-102">
			<div class="bodystyle">
			<h3 id="c002" class="fl al-cn">
			<span class="bjh3">Listening</span>
			<audio
			:src="resource.listenOne"
			controls
			class="audio"
			@play="audioPlay"
			></audio>
			<!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
			</h3>
			<p>
			<b
			>Four foreigners are talking about their impressions on Chinese
			<b>Four foreigners are talking about their impressions on Chinese
			culture.Listen to the recording and match the items with the
			corresponding descriptions.</b
			>
			corresponding descriptions.</b>
			</p>
			<!-- <p class="center">
			<img class="img-0" alt="" src="../../assets/images/0013-3.jpg" />
			</p> -->
			<div>
			<ul class="fl ju-bt">
			<ul class="fl ju-bt matching-title-text">
			<li>Speakers　Chinese Cultural Symbols</li>
			<li style="width: 40%; text-align: center">Descriptions</li>
			</ul>
			<matching :rawData="rawData" :item="question"></matching>
			<matching :rawData="rawData" :question="question"></matching>
			</div>
			<h3 id="c003" class="fl al-cn">
			<span class="bjh3">Reading</span>
			<audio
			:src="resource.readingOne"
			controls
			class="audio"
			@play="audioPlay"
			></audio>
			</h3>
			<p>
			1.How was Chinese culture introduced to the world in ancient
			@@ -548,35 +319,19 @@
			显示答案
			</button> -->
			<span class="btn-box" @click="showAnswerThree = !showAnswerThree">
			<svg
			xmlns="http://www.w3.org/2000/svg"
			width="20.501"
			height="20.501"
			viewBox="0 0 20.501 20.501"
			>
			<path
			class="a"
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)"
			/>
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<textarea
			v-model="questionData.reading.one"
			placeholder="请输入内容"
			rows="6"
			style="margin-left: 40px; width: 92%"
			class="fz-16 fm-son"
			@change="setBookQuestion"
			></textarea>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 91%"
			v-if="showAnswerThree"
			>
			<textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
			答案：The Silk Road     Immigrants Sinologist
			</p>
			<!-- -->
			<p>
			2.China offers so much to see and explore.What took you by
			surprise about China?
			@@ -587,39 +342,27 @@
			显示答案
			</button> -->
			<span class="btn-box" @click="showAnswerFour = !showAnswerFour">
			<svg
			xmlns="http://www.w3.org/2000/svg"
			width="20.501"
			height="20.501"
			viewBox="0 0 20.501 20.501"
			>
			<path
			class="a"
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)"
			/>
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<textarea
			v-model="questionData.reading.two"
			placeholder="请输入内容"
			rows="6"
			style="margin-left: 40px; width: 92%"
			class="fz-16 fm-son"
			@change="setBookQuestion"
			></textarea>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 91%"
			v-if="showAnswerFour"
			>
			<!-- 文本框 -->
			<textarea v-model="questionData.reading.two" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="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
			</p>
			<p class="center"><b>My Experience in Wonderland</b></p>
			<p class="center">
			<audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
			</p>
			<p class="block">
			“So how was your journey to China?” asks Alexandra.“Highly
			enjoyable,” responds Alice.“You should visit it sometime.”
			@@ -629,41 +372,29 @@
			</p>
			<p>
			My
			<span class="word-bc" @click="saveWord($event, 'incredible')"
			>incredible</span
			>
			<span class="word-bc" @click="saveWord($event, 'incredible')">incredible</span>
			journey to China started in 2017 when I got selected as a foreign
			student for PhD studies at one university.When I arrived in
			China,I was like Alice in Alice in Wonderland.I was curious about
			the people,the culture,the
			<span class="word-bc" @click="saveWord($event, 'cuisine')"
			>cuisine</span
			>
			<span class="word-bc" @click="saveWord($event, 'cuisine')">cuisine</span>
			and of course the huge variety of
			<span class="word-bc" @click="saveWord($event, 'landscapes')"
			>landscapes</span
			>.
			<span class="word-bc" @click="saveWord($event, 'landscapes')">landscapes</span>.
			</p>
			<p>
			I found many great people and made several Chinese friends along
			the way.These friends made me see China through the eyes of the
			locals.I always found Chinese people very friendly and
			<span class="word-bc" @click="saveWord($event, 'hospitable')"
			>hospitable</span
			>
			<span class="word-bc" @click="saveWord($event, 'hospitable')">hospitable</span>
			towards foreigners.These Chinese friends made my understanding of
			Chinese culture and
			<span class="word-bc" @click="saveWord($event, 'civilization')"
			>civilization</span
			>
			<span class="word-bc" @click="saveWord($event, 'civilization')">civilization</span>
			much easier,enjoyable and memorable.I consider China my second
			home and love it like my own country!
			</p>
			<p>
			You cannot
			<span class="word-bc" @click="saveWord($event, 'explore')"
			>explore</span
			>
			<span class="word-bc" @click="saveWord($event, 'explore')">explore</span>
			China properly if you do not try its delicious variety of food.If
			you ate
			</p>
			@@ -678,10 +409,7 @@
			<div class="page-box" page="10">
			<div v-if="showPageList.indexOf(10) > -1">
			<div class="w100 mb-20" style="padding-right: 20px">
			<div
			class="event-header-bc fl al-end"
			style="height: 100px; padding-left: 40px"
			>
			<div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color">基础模块一</span>
			@@ -695,16 +423,10 @@
			Chinese food would still never end! Though I love to eat almost
			all kinds of Chinese cuisine,I found Sichuan and Hunan cuisine
			quite
			<span class="word-bc" @click="saveWord($event, 'mouth-watering')"
			>mouth-watering</span
			>
			<span class="word-bc" @click="saveWord($event, 'mouth-watering')">mouth-watering</span>
			and
			<span class="word-bc" @click="saveWord($event, 'stimulating')"
			>stimulating</span
			>.For a
			<span class="word-bc" @click="saveWord($event, 'foodie')"
			>foodie</span
			>
			<span class="word-bc" @click="saveWord($event, 'stimulating')">stimulating</span>.For a
			<span class="word-bc" @click="saveWord($event, 'foodie')">foodie</span>
			like me,China is a heaven.I simply cannot live without Chinese
			food.
			</p>
			@@ -714,15 +436,8 @@
			its own story and history.From the big and advanced cities like
			Shanghai or Guangzhou to the ancient cities like Xi’an and
			Hangzhou,each city has its
			<span class="word-bc" @click="saveWord($event, 'unique')"
			>unique</span
			>
			<span
			class="word-bc"
			style="margin-left: 5px"
			@click="saveWord($event, 'atmosphere')"
			>atmosphere</span
			>
			<span class="word-bc" @click="saveWord($event, 'unique')">unique</span>
			<span class="word-bc" style="margin-left: 5px" @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.
			@@ -736,18 +451,11 @@
			<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
			:src="resource.readingTwo"
			controls
			style="margin-left: 10px"
			class="audio"
			@play="audioPlay"
			></audio>
			<audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio"></audio>
			<p>wonderland /ˈwʌndəlænd/ <i>n.</i> 有许多奇妙事物的地方</p>
			<div class="bkbj">
			<p><i>land or place full of marvels or wonderful things</i></p>
			@@ -761,9 +469,7 @@
			</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>
			@@ -780,20 +486,16 @@
			</p>
			<div class="bkbj">
			<p>
			<i
			>a society,its culture and its way of life (during a
			<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
			>
			world)</i>
			</p>
			</div>
			<p>explore /ɪkˈsplɔː(r)/ <i>v.</i> 探索；考察</p>
			<div class="bkbj">
			<p>
			<i
			>to travel into or around an area or a country in order to
			learn about it</i
			>
			<i>to travel into or around an area or a country in order to
			learn about it</i>
			</p>
			</div>
			<p>mouth-watering <i>adj.</i> 令人垂涎的；美味的</p>
			@@ -814,9 +516,7 @@
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc">MODULE 1</span>
			<span class="chapter-right-bc fw-bl chapter-right-cl"
			>CHINA,A WONDERLAND</span
			>
			<span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
			</li>
			</ul>
			<div class="padding-93">
			@@ -826,27 +526,25 @@
			</p>
			<div class="bkbj">
			<p>
			<i>making you feel more active and healthy</i> foodie /ˈfuːdi/
			<i>n.</i> 吃货；美食家
			<i>making you feel more active and healthy</i>
			</p>
			</div>
			<p>
			<i
			>a person who is very interested in cooking and eating different
			kinds of food</i
			>
			unique /ju<i>ˈ</i>niːk/ <i>adj.</i> 唯一的；独一无二的
			</p>
			<p>foodie /ˈfuːdi/<i>n.</i> 吃货；美食家</p>
			<div class="bkbj">
			<p>
			<i>a person who is very interested in cooking and eating
			different kinds of food</i>
			</p>
			</div>
			<p>unique /ju<i>ˈ</i>niːk/ <i>adj.</i> 唯一的；独一无二的</p>
			<div class="bkbj">
			<p><i>being the only one of its type</i></p>
			</div>
			<p>atmosphere /ˈætməsfɪə(r)/ <i>n.</i> 气氛；氛围</p>
			<div class="bkbj">
			<p>
			<i
			>the feeling or mood that you have in a particular place or
			situation</i
			>
			<i>the feeling or mood that you have in a particular place or
			situation</i>
			</p>
			</div>
			<ul class="w100 fl fw-wr">
			@@ -864,9 +562,8 @@
			<div class="bj-note">
			<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
			>的简写，中文译为《爱丽丝梦游仙境》），是19世纪英国作家刘易斯·卡罗尔创作的著名儿童文学作品，讲述了一个名叫爱丽丝的英国小女孩为了追逐一只揣着怀表、会说话的兔子而不慎掉入了兔子洞，从而进入了一个神奇的国度并经历了一系列奇幻冒险的故事。
			<i>Alice in Wonderland</i> （<i>Alice's Adventures in
			Wonderland</i>的简写，中文译为《爱丽丝梦游仙境》），是19世纪英国作家刘易斯·卡罗尔创作的著名儿童文学作品，讲述了一个名叫爱丽丝的英国小女孩为了追逐一只揣着怀表、会说话的兔子而不慎掉入了兔子洞，从而进入了一个神奇的国度并经历了一系列奇幻冒险的故事。
			</p>
			</div>
			<p><b>Ⅰ.Reading comprehension.</b></p>
			@@ -875,80 +572,251 @@
			China.
			</p>
			<p>
			<input
			type="checkbox"
			name="ball"
			value="Language"
			id="1"
			v-model="testData.check"
			/>
			<input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1"
			v-model="testData.check.value" @change="setTestData" />
			Language
			<span>
			<svg v-if="
			testData.isComplete &&
			isShowRight(
			testData.check.answer,
			testData.check.value,
			'Language'
			)
			" 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="
			testData.isComplete &&
			isShowRight(
			testData.check.answer,
			testData.check.value,
			'Language'
			) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p>
			<input
			type="checkbox"
			name="ball"
			value="People"
			id="2"
			v-model="testData.check"
			/>
			<input type="checkbox" name="ball2" :disabled="testData.isComplete" value="People" id="2"
			v-model="testData.check.value" @change="setTestData" />
			People
			<span>
			<svg v-if="
			testData.isComplete &&
			isShowRight(
			testData.check.answer,
			testData.check.value,
			'People'
			)
			" 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="
			testData.isComplete &&
			isShowRight(
			testData.check.answer,
			testData.check.value,
			'People'
			) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p>
			<input
			type="checkbox"
			name="ball"
			value="Culture"
			id="3"
			v-model="testData.check"
			/>
			<input type="checkbox" name="ball3" :disabled="testData.isComplete" value="Culture" id="3"
			v-model="testData.check.value" @change="setTestData" />
			Culture
			<span>
			<svg v-if="
			testData.isComplete &&
			isShowRight(
			testData.check.answer,
			testData.check.value,
			'Culture'
			)
			" 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="
			testData.isComplete &&
			isShowRight(
			testData.check.answer,
			testData.check.value,
			'Culture'
			) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p>
			<input
			type="checkbox"
			name="ball"
			value="Cuisine"
			id="4"
			v-model="testData.check"
			/>
			<input type="checkbox" name="ball4" :disabled="testData.isComplete" value="Cuisine" id="4"
			v-model="testData.check.value" @change="setTestData" />
			Cuisine
			<span>
			<svg v-if="
			testData.isComplete &&
			isShowRight(
			testData.check.answer,
			testData.check.value,
			'Cuisine'
			)
			" 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="
			testData.isComplete &&
			isShowRight(
			testData.check.answer,
			testData.check.value,
			'Cuisine'
			) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p>
			<input
			type="checkbox"
			name="ball"
			value="Folk"
			id="5"
			v-model="testData.check"
			/>
			<input type="checkbox" name="ball5" :disabled="testData.isComplete" value="Folk art" id="5"
			v-model="testData.check.value" @change="setTestData" />
			Folk art
			<span>
			<svg v-if="
			testData.isComplete &&
			isShowRight(
			testData.check.answer,
			testData.check.value,
			'Folk art'
			)
			" 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="
			testData.isComplete &&
			isShowRight(
			testData.check.answer,
			testData.check.value,
			'Folk art'
			) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p>
			<input
			type="checkbox"
			name="ball"
			value="Landscapes"
			id="6"
			v-model="testData.check"
			/>
			<input type="checkbox" name="ball6" :disabled="testData.isComplete" value="Landscapes" id="6"
			v-model="testData.check.value" @change="setTestData" />
			Landscapes
			<span>
			<svg v-if="
			testData.isComplete &&
			isShowRight(
			testData.check.answer,
			testData.check.value,
			'Landscapes'
			)
			" 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="
			testData.isComplete &&
			isShowRight(
			testData.check.answer,
			testData.check.value,
			'Landscapes'
			) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p>
			<input
			type="checkbox"
			name="ball"
			value="Transportation"
			id="7"
			v-model="testData.check"
			/>
			<input type="checkbox" name="ball7" :disabled="testData.isComplete" value="Transportation" id="7"
			v-model="testData.check.value" @change="setTestData" />
			Transportation
			<span>
			<svg v-if="
			testData.isComplete &&
			isShowRight(
			testData.check.answer,
			testData.check.value,
			'Transportation'
			)
			" 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="
			testData.isComplete &&
			isShowRight(
			testData.check.answer,
			testData.check.value,
			'Transportation'
			) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 35px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer">
			答案：Culture,Cuisine,Landscapes
			</p>
			</div>
			@@ -962,10 +830,7 @@
			<div class="page-box" page="12">
			<div v-if="showPageList.indexOf(12) > -1">
			<div class="w100 mb-20" style="padding-right: 20px">
			<div
			class="event-header-bc fl al-end"
			style="height: 100px; padding-left: 40px"
			>
			<div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color">基础模块一</span>
			@@ -978,82 +843,37 @@
			B.Write down the answer to each question according to the passage.
			</p>
			<p>1.What’re the author’s comments about Chinese food?</p>
			<textarea
			v-model="testData.tx.one"
			placeholder="请输入内容"
			rows="4"
			style="margin-left: 40px; width: 92%"
			class="fz-16 textarea-text"
			></textarea>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<textarea :disabled="testData.isComplete" v-model="testData.tx.one" placeholder="请输入内容" rows="4"
			style="margin-left: 40px; width: 92%" class="fz-16 textarea-text" @change="setTestData"></textarea>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：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
			v-model="testData.tx.two"
			placeholder="请输入内容"
			rows="4"
			style="margin-left: 40px; width: 92%"
			class="fz-16 textarea-text"
			></textarea>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<textarea :disabled="testData.isComplete" v-model="testData.tx.two" placeholder="请输入内容" rows="4"
			style="margin-left: 40px; width: 92%" class="fz-16 textarea-text" @change="setTestData"></textarea>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" 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.
			</p>
			<p>3.What are the author’s expectations of her stay in China?</p>
			<textarea
			v-model="testData.tx.three"
			placeholder="请输入内容"
			rows="4"
			style="margin-left: 40px; width: 92%"
			class="fz-16 textarea-text"
			></textarea>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<textarea :disabled="testData.isComplete" v-model="testData.tx.three" placeholder="请输入内容" rows="4"
			style="margin-left: 40px; width: 92%" class="fz-16 textarea-text" @change="setTestData"></textarea>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：The author looks forward to exploring more during her stay.
			</p>
			<p>4.What did the author think of Chinese people?</p>
			<textarea
			v-model="testData.tx.four"
			placeholder="请输入内容"
			rows="4"
			style="margin-left: 40px; width: 92%"
			class="fz-16 textarea-text"
			></textarea>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<textarea :disabled="testData.isComplete" v-model="testData.tx.four" placeholder="请输入内容" rows="4"
			style="margin-left: 40px; width: 92%" class="fz-16 textarea-text" @change="setTestData"></textarea>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：The author thought the local Chinese were very friendly and
			hospitable.
			</p>
			<p>5.What’s the author’s impression of the cities in China?</p>
			<textarea
			v-model="testData.tx.five"
			placeholder="请输入内容"
			rows="4"
			style="margin-left: 40px; width: 92%"
			class="fz-16 textarea-text"
			></textarea>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<textarea :disabled="testData.isComplete" v-model="testData.tx.five" placeholder="请输入内容" rows="4"
			style="margin-left: 40px; width: 92%" class="fz-16 textarea-text" @change="setTestData"></textarea>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：Each city has its unique atmosphere with charming features
			and unique landscapes.
			</p>
			@@ -1067,125 +887,171 @@
			<p>
			In 2017,the author arrived in China.When she arrived,she was like
			Alice in <i>Alice in Wonderland</i>.She was curious about the
			people,the culture,the c<input
			type="text"
			class="input-bottom-border"
			style="width: 60px"
			v-model="testData.in.one"
			/>
			,and of course the huge variety of l<input
			v-model="testData.in.two"
			type="text"
			class="input-bottom-border"
			style="width: 60px"
			/>.Chinese friends helped her a lot in understanding Chinese
			culture and c<input
			v-model="testData.in.three"
			type="text"
			class="input-bottom-border"
			style="width: 60px"
			/>.The author believes that one cannot e<input
			type="text"
			v-model="testData.in.four"
			class="input-bottom-border"
			style="width: 60px"
			/>China properly if he/she does not try its delicious variety of
			people,the culture,the c<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 60px" v-model="testData.in.one" @change="setTestData" />
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.one, 0)
			" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.one, 0) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			,and of course the huge variety of l
			<input :disabled="testData.isComplete" v-model="testData.in.two" type="text" class="input-bottom-border"
			style="width: 60px" @change="setTestData" />
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.two, 1)
			" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.two, 1) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			.Chinese friends helped her a lot in understanding Chinese culture
			and c<input :disabled="testData.isComplete" v-model="testData.in.three" type="text"
			class="input-bottom-border" style="width: 60px" @change="setTestData" />
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.three, 2)
			" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.three, 2) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			.The author believes that one cannot e<input :disabled="testData.isComplete" type="text"
			v-model="testData.in.four" class="input-bottom-border" style="width: 60px" @change="setTestData" />
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.four, 3)
			" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.four, 3) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			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
			v-model="testData.in.five"
			type="text"
			class="input-bottom-border"
			style="width: 60px"
			/>atmosphere that attracts people.
			culture.Each city has its u<input :disabled="testData.isComplete" v-model="testData.in.five" type="text"
			class="input-bottom-border" style="width: 60px" @change="setTestData" />
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.five, 4)
			" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.in.answer, testData.in.five, 4) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			atmosphere that attracts people.
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：cuisine, landscapes, civilization, explore, unique
			</p>
			<p>
			B.Underline the following expressions in the passage and make
			sentences with them.
			</p>
			<p>
			1.get selected as<input
			v-model="testData.line.one"
			type="text"
			class="input-bottom-border"
			style="width: 77%"
			/>
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p>1.get selected as</p>
			<textarea :disabled="testData.isComplete" v-model="testData.line.one" placeholder="请输入内容" rows="4"
			style="margin-left: 40px; width: 92%" class="fz-16 textarea-text" @change="setTestData"></textarea>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：She got selected as the cultural ambassador to show Chinese
			culture on campus.
			</p>
			<p>
			2.be curious about<input
			v-model="testData.line.two"
			type="text"
			class="input-bottom-border"
			style="width: 75%"
			/>
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p>2.be curious about</p>
			<textarea :disabled="testData.isComplete" v-model="testData.line.two" placeholder="请输入内容" rows="4"
			style="margin-left: 40px; width: 92%" class="fz-16 textarea-text" @change="setTestData"></textarea>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：Many foreigners are curious about the amazing Chinese
			martial arts.
			</p>
			<p>
			3.along the way<input
			v-model="testData.line.three"
			type="text"
			class="input-bottom-border"
			style="width: 77%"
			/>
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p>3.along the way</p>
			<textarea :disabled="testData.isComplete" v-model="testData.line.three" placeholder="请输入内容" rows="4"
			style="margin-left: 40px; width: 92%" class="fz-16 textarea-text" @change="setTestData"></textarea>
			<p class="event-header-text-bc pd-5" 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.
			</p>
			<p>
			4.come across<input
			v-model="testData.line.four"
			type="text"
			class="input-bottom-border"
			style="width: 79%"
			/>
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p>4.come across</p>
			<textarea :disabled="testData.isComplete" v-model="testData.line.four" placeholder="请输入内容" rows="4"
			style="margin-left: 40px; width: 92%" class="fz-16 textarea-text" @change="setTestData"></textarea>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：He came across the temple fair in Beijing during the Spring
			Festival.
			</p>
			<p>
			5.look forward to<input
			v-model="testData.line.five"
			type="text"
			class="input-bottom-border"
			style="width: 76%"
			/>
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p>5.look forward to</p>
			<textarea :disabled="testData.isComplete" v-model="testData.line.five" placeholder="请输入内容" rows="4"
			style="margin-left: 40px; width: 92%" class="fz-16 textarea-text" @change="setTestData"></textarea>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：She is looking forward to visiting the incredible cities in
			China.
			</p>
			@@ -1203,9 +1069,7 @@
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc">MODULE 1</span>
			<span class="chapter-right-bc fw-bl chapter-right-cl"
			>CHINA,A WONDERLAND</span
			>
			<span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
			</li>
			</ul>
			<div class="padding-93">
			@@ -1216,17 +1080,10 @@
			people.
			</p>
			<p>
			<input
			v-model="testData.ts.one"
			type="text"
			class="input-bottom-border"
			/>
			<input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border"
			@change="setTestData" />
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：孔子开创了平民化的教育。
			</p>
			<p>
			@@ -1234,17 +1091,10 @@
			greatly promoted the development of ancient Chinese civilization.
			</p>
			<p>
			<input
			v-model="testData.ts.two"
			type="text"
			class="input-bottom-border"
			/>
			<input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border"
			@change="setTestData" />
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：嫘祖发明了中国缫丝技术，这极大地促进了中国古代文明的发展。
			</p>
			<p>
			@@ -1252,17 +1102,10 @@
			tea culture in depth.
			</p>
			<p>
			<input
			v-model="testData.ts.three"
			type="text"
			class="input-bottom-border"
			/>
			<input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border"
			@change="setTestData" />
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：陆羽，《茶经》的作者，对中国茶道进行了深入的研究。
			</p>
			<p>
			@@ -1270,63 +1113,37 @@
			Chinese medical science.
			</p>
			<p>
			<input
			v-model="testData.ts.four"
			type="text"
			class="input-bottom-border"
			/>
			<input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border"
			@change="setTestData" />
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：张仲景是一位对中国医学有着重大影响的医学家。
			</p>
			<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>
			<el-image
			v-if="showImg"
			:src="imgThirteen"
			:preview-src-list="[imgThirteen]"
			/>
			<div class="openImgBox" v-if="showImg">
			<img class="w100" :src="imgThirteen" />
			</div>
			<p>A.Combine the following sentences into if-clauses.</p>
			<p>
			1.Try using sticks.You can enjoy the fun of having a real Chinese
			meal.
			</p>
			<p>
			<b>If</b
			><input
			v-model="testData.gr.one"
			type="text"
			class="input-bottom-border"
			/>.
			<b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.one" type="text"
			class="input-bottom-border" @change="setTestData" />.
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：If you try using sticks, you can enjoy the fun of having a
			real Chinese meal.
			</p>
			@@ -1335,35 +1152,19 @@
			there.
			</p>
			<p>
			<b>If</b
			><input
			v-model="testData.gr.two"
			type="text"
			class="input-bottom-border"
			/>.
			<b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.two" type="text"
			class="input-bottom-border" @change="setTestData" />.
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：If you go to my Chinese New Year party, you will meet my
			Chinese friends there.
			</p>
			<p>3.Drink some Longjing tea,and you will love it.</p>
			<p>
			<b>If</b
			><input
			type="text"
			v-model="testData.gr.three"
			class="input-bottom-border"
			/>.
			<b>If</b><input :disabled="testData.isComplete" type="text" v-model="testData.gr.three"
			class="input-bottom-border" @change="setTestData" />.
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：If you drink some Longjing tea, you will love it.
			</p>
			<p>
			@@ -1371,18 +1172,10 @@
			warriors.
			</p>
			<p>
			<b>If</b
			><input
			v-model="testData.gr.four"
			type="text"
			class="input-bottom-border"
			/>.
			<b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.four" type="text"
			class="input-bottom-border" @change="setTestData" />.
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案：If I go to Xi’an one day, I will visit the terracotta
			warriors.
			</p>
			@@ -1391,18 +1184,10 @@
			Chicken would possibly be in top three.
			</p>
			<p>
			<b>If</b
			><input
			v-model="testData.gr.five"
			type="text"
			class="input-bottom-border"
			/>.
			<b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.five" type="text"
			class="input-bottom-border" @change="setTestData" />.
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案： If you ask foreigners about their favorite Chinese food,
			Kung Pao Chicken would possible be in top three
			</p>
			@@ -1411,64 +1196,150 @@
			<i>whether</i>.
			</p>
			<p>
			1.I was wondering<input
			v-model="testData.cm.one"
			type="text"
			class="input-bottom-border"
			style="width: 60px"
			/>to go for a walk in the Summer Palace.
			1.I was wondering<input :disabled="testData.isComplete" v-model="testData.cm.one" type="text"
			class="input-bottom-border" style="width: 60px" @change="setTestData" />to go for a walk in the Summer
			Palace.
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.one, 0)
			" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.one, 0) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p>
			2.We can spend the afternoon on the beach<input
			v-model="testData.cm.two"
			type="text"
			class="input-bottom-border"
			style="width: 60px"
			/>the weather is fine.
			2.We can spend the afternoon on the beach<input :disabled="testData.isComplete" v-model="testData.cm.two"
			type="text" class="input-bottom-border" style="width: 60px" />the weather is fine.
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.two, 1)
			" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.two, 1) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p>
			3.I called Wang to find out<input
			v-model="testData.cm.three"
			type="text"
			class="input-bottom-border"
			style="width: 60px"
			/>or not he really went to see the Peking opera show.
			3.I called Wang to find out<input :disabled="testData.isComplete" v-model="testData.cm.three" type="text"
			class="input-bottom-border" style="width: 60px" @change="setTestData" />or not he really went to see the
			Peking opera show.
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.three, 2)
			" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.three, 2) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p>
			4.We’re not interested in<input
			v-model="testData.cm.four"
			type="text"
			class="input-bottom-border"
			style="width: 60px"
			/>we get great jobs and that kind of thing.
			4.We’re not interested in<input :disabled="testData.isComplete" v-model="testData.cm.four" type="text"
			class="input-bottom-border" style="width: 60px" @change="setTestData" />we get great jobs and that kind
			of thing.
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.four, 3)
			" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.four, 3) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p>
			5.<input
			v-model="testData.cm.five"
			type="text"
			class="input-bottom-border"
			style="width: 60px"
			/>I go to Sichuan,I will visit Chengdu Research Base of Giant
			5.<input :disabled="testData.isComplete" v-model="testData.cm.five" type="text"
			class="input-bottom-border" style="width: 60px" @change="setTestData" />I go to Sichuan,I will visit
			Chengdu Research Base of Giant
			Panda Breeding.
			<span>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.five, 4)
			" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
			height="20">
			<path
			d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
			fill="#1AFA29" p-id="18768"></path>
			</svg>
			<svg v-if="
			testData.isComplete &&
			isTextRight(testData.cm.answer, testData.cm.five, 4) == false
			" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
			fill="#d81e06" p-id="25746"></path>
			</svg>
			</span>
			</p>
			<p
			class="event-header-text-bc pd-5"
			style="margin-left: 40px; width: 93%"
			v-if="showQuestionAnswer"
			>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
			答案： 1.whether   2.if   3.whether   4.whether
			5.if
			5.If
			</p>
			<div class="w100 fl ju-cn">
			<ul class="fl ju-ev" style="width: 80%">
			<!-- 提交按钮 -->
			<div class="w100 fl">
			<ul class="fl ju-ar w100">
			<li>
			<button class="btn-border btn-w" @click="saveData">
			提交
			</button>
			</li>
			<li>
			<button @click="setTestData" class="btn-border btn-w">
			保存
			</button>
			</li>
			<li>
			@@ -1477,10 +1348,7 @@
			</button>
			</li>
			<li>
			<button
			@click="showQuestionAnswer = !showQuestionAnswer"
			class="parimary-btn"
			>
			<button @click="showQuestionAnswer = !showQuestionAnswer" class="parimary-btn">
			查看答案
			</button>
			</li>
			@@ -1497,10 +1365,7 @@
			<div class="page-box" page="14">
			<div v-if="showPageList.indexOf(14) > -1">
			<div class="w100 mb-20" style="padding-right: 20px">
			<div
			class="event-header-bc fl al-end"
			style="height: 100px; padding-left: 40px"
			>
			<div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color">基础模块一</span>
			@@ -1528,19 +1393,9 @@
			<p>　　　　3.What does he/she know about it?</p>
			</div>
			<p class="left">
			<img
			class="img-gn"
			alt=""
			src="../../assets/images/dy1-worksheet.jpg"
			/>
			<img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" />
			</p>
			<table
			border="1"
			cellpadding="4"
			cellspacing="0"
			style="border-color: #fff"
			class="fz-14"
			>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Interviewees</td>
			<td class="wh-no tl-cn">Chinese Culture</td>
			@@ -1559,133 +1414,64 @@
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="questionData.table.one"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"
			></textarea>
			<textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.two"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"
			></textarea>
			<textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.three"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			></textarea>
			<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>
			<textarea
			v-model="questionData.table.four"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"
			></textarea>
			<textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.five"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"
			></textarea>
			<textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.six"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			></textarea>
			<textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea
			v-model="questionData.table.seven"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"
			></textarea>
			<textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.enight"
			class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"
			></textarea>
			<textarea v-model="questionData.table.eight" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea
			v-model="questionData.table.nine"
			class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"
			></textarea>
			<textarea v-model="questionData.table.nine" 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"
			/>
			<img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" />
			</p>
			<div class="bk-wh">
			<p class="dl-box">
			<span
			class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'exquisite')"
			>exquisite</span
			>
			<span
			class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'ancient')"
			>ancient</span
			><span
			class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'incredible')"
			>incredible</span
			><span
			class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'unique')"
			>unique</span
			><span
			class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'traditional')"
			>traditional</span
			><span
			class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'outstanding')"
			>outstanding</span
			><span
			class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'mouth-watering')"
			>mouth-watering</span
			><span
			class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'diverse')"
			>diverse</span
			><span
			class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'hospitable')"
			>hospitable</span
			><span
			class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'enjoyable')"
			>enjoyable</span
			><span
			class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'memorable')"
			>memorable</span
			><span
			class="word-bc mr-20 dl-span"
			@click="saveWord($event, 'charming')"
			>charming</span
			>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'exquisite')">exquisite</span>
			<span class="word-bc mr-20 dl-span" @click="saveWord($event, 'ancient')">ancient</span><span
			class="word-bc mr-20 dl-span" @click="saveWord($event, 'incredible')">incredible</span><span
			class="word-bc mr-20 dl-span" @click="saveWord($event, 'unique')">unique</span><span
			class="word-bc mr-20 dl-span" @click="saveWord($event, 'traditional')">traditional</span><span
			class="word-bc mr-20 dl-span" @click="saveWord($event, 'outstanding')">outstanding</span><span
			class="word-bc mr-20 dl-span" @click="saveWord($event, 'mouth-watering')">mouth-watering</span><span
			class="word-bc mr-20 dl-span" @click="saveWord($event, 'diverse')">diverse</span><span
			class="word-bc mr-20 dl-span" @click="saveWord($event, 'hospitable')">hospitable</span><span
			class="word-bc mr-20 dl-span" @click="saveWord($event, 'enjoyable')">enjoyable</span><span
			class="word-bc mr-20 dl-span" @click="saveWord($event, 'memorable')">memorable</span><span
			class="word-bc mr-20 dl-span" @click="saveWord($event, 'charming')">charming</span>
			</p>
			</div>
			<div class="resource-primary-border" style="padding: 8px">
			@@ -1849,9 +1635,7 @@
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc">MODULE 1</span>
			<span class="chapter-right-bc fw-bl chapter-right-cl"
			>CHINA,A WONDERLAND</span
			>
			<span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
			</li>
			</ul>
			<div class="padding-93">
			@@ -1861,10 +1645,8 @@
			</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
			>
			<b>Put the expressions in the box below on the corresponding
			answer line under each picture.</b>
			</p>
			<div class="bk-wh">
			<p>
			@@ -1877,136 +1659,70 @@
			<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.
			<select v-model="dropdownData.one.value">
			<option
			v-for="(item, index) in dropDownList"
			:key="index"
			:value="item"
			>
			<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"
			>
			<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>
			</div>
			<p
			class="event-header-text-bc pd-5"
			style="width: 90%"
			v-if="showAnswerFive"
			>
			<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/0019-2.jpg"
			alt=""
			style="width: 98%"
			/>
			<img src="../../assets/images/0019-2.jpg" alt="" style="width: 98%" />
			</p>
			<p class="center">
			2.
			<select v-model="dropdownData.two.value">
			<option
			v-for="(item, index) in dropDownList"
			:key="index"
			:value="item"
			>
			<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"
			>
			<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>
			</div>
			<p
			class="event-header-text-bc pd-5"
			style="width: 90%"
			v-if="showAnswerFive"
			>
			<p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
			答案：online shopping
			</p>
			</div>
			@@ -2016,136 +1732,70 @@
			<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.
			<select v-model="dropdownData.three.value">
			<option
			v-for="(item, index) in dropDownList"
			:key="index"
			:value="item"
			>
			<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"
			>
			<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>
			</div>
			<p
			class="event-header-text-bc pd-5"
			style="width: 90%"
			v-if="showAnswerFive"
			>
			<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/0019-4.jpg"
			alt=""
			style="width: 94%"
			/>
			<img src="../../assets/images/0019-4.jpg" alt="" style="width: 94%" />
			</p>
			<p class="center">
			4.
			<select v-model="dropdownData.four.value">
			<option
			v-for="(item, index) in dropDownList"
			:key="index"
			:value="item"
			>
			<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"
			>
			<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>
			</div>
			<p
			class="event-header-text-bc pd-5"
			style="width: 90%"
			v-if="showAnswerFive"
			>
			<p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
			答案：shared bike
			</p>
			</div>
			@@ -2155,136 +1805,70 @@
			<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.
			<select v-model="dropdownData.five.value">
			<option
			v-for="(item, index) in dropDownList"
			:key="index"
			:value="item"
			>
			<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"
			>
			<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>
			</div>
			<p
			class="event-header-text-bc pd-5"
			style="width: 90%"
			v-if="showAnswerFive"
			>
			<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/0019-6.jpg"
			alt=""
			style="width: 98%"
			/>
			<img src="../../assets/images/0019-6.jpg" alt="" style="width: 98%" />
			</p>
			<p class="center">
			6.
			<select v-model="dropdownData.six.value">
			<option
			v-for="(item, index) in dropDownList"
			:key="index"
			:value="item"
			>
			<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"
			>
			<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>
			</div>
			<p
			class="event-header-text-bc pd-5"
			style="width: 90%"
			v-if="showAnswerFive"
			>
			<p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
			答案：facial recognition
			</p>
			</div>
			@@ -2292,22 +1876,13 @@
			</div>
			<div class="w100 fl ju-cn">
			<div class="fl ju-ev mt-40" style="width: 80%">
			<button
			class="btn-border btn-w"
			@click="handleDropdown('judge')"
			>
			<button class="btn-border btn-w" @click="handleDropdown('judge')">
			提交
			</button>
			<button @click="setDropdownData" class="btn-border btn-w">
			保存
			</button>
			<button class="btn-border btn-w" @click="changeDropdown">
			重做
			</button>
			<button
			@click="showAnswerFive = !showAnswerFive"
			class="parimary-btn"
			>
			<button @click="showAnswerFive = !showAnswerFive" class="parimary-btn">
			查看答案
			</button>
			</div>
			@@ -2316,6 +1891,1057 @@
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">9</span>
			</div>
			</div>
			</div>
			<!-- 10 -->
			<div class="page-box" page="16">
			<div v-if="showPageList.indexOf(16) > -1">
			<div class="w100 mb-20" style="padding-right: 20px">
			<div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color">基础模块一</span>
			</div>
			</div>
			</div>
			<div class="padding-93">
			<div class="bodystyle">
			<h3 id="c006"><span class="bjh3">Reading</span></h3>
			<p class="center"></p>
			<p class="img"></p>
			<p>
			1.We are witnessing the rapid development of modern society.What
			impresses you most?
			<span class="btn-box" @click="showAnswerFive = !showAnswerFive">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<!-- 文本框 -->
			<textarea v-model="questionData.reading.three" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFive">
			答案：(1)intercitut rain(2)online shopping (3)electronic payment
			(4)shared bike (5)take-away service (6)facial recognition (7)2022
			Beijing Winter Olympics (8)2023 World University Games (9)Hong
			Kong-Zhuhai-Macao Bridge (10)Scenery spots, such as Jiuzhaigou,
			the Palace Museum, the Great Wall
			</p>
			<p>
			2.What will our life be like in ten or twenty years?
			<span class="btn-box" @click="showAnswerSix = !showAnswerSix">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<!-- 文本框 -->
			<textarea v-model="questionData.reading.four" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSix">
			答案：(1)population aging (2)worsening climate change (3)more
			automation and Al,such as flying cars, driverless
			</p>
			<p class="center"><b>The Great Progress in China</b></p>
			<p class="center">
			<audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			</p>
			<p>
			On August 31st,2012,as I landed my feet on Chinese ground,I
			started to breathe in the air coming from the
			<span class="word-bc" @click="saveWord($event, 'breeze')">breeze</span>
			.It was
			familiar.I felt so excited to be back in China,though that time
			was for my studies.In a matter of days,I made a lot of friends
			from different countries and one afternoon,my friends and I
			planned to visit the world-famous Sun Yat-sen
			<span class="word-bc" @click="saveWord($event, 'Mausoleum')">Mausoleum</span>
			.A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 120px"
			v-model="testData.in.one" @change="setTestData" />
			I looked around with curiosity,and everything seemed to move at a
			quick
			<span class="word-bc" @click="saveWord($event, 'pace')">pace</span>.
			</p>
			<p>
			Six months later,as I walked down the hall of my
			<span class="word-bc" @click="saveWord($event, 'dormitory')">dormitory</span>
			,I met
			my
			<span class="word-bc" @click="saveWord($event, 'neighbour')">neighbour</span>
			who was overwhelmed by big and small packages and
			boxes.I asked,“Hey,Alison.What are all these?” She
			replied,“Hello,Vanessa.I received my packages from the delivery
			man.I’ve been buying a lot of stuff
			<span class="word-bc" @click="saveWord($event, 'via')">via</span>
			an online shop.” I went to
			my room to turn on my
			<span class="word-bc" @click="saveWord($event, 'laptop')">laptop</span>
			and typed in the key words.I was
			<span class="word-bc" @click="saveWord($event, 'stunned')">stunned</span>
			; I couldn’t believe my eyes.It is actually an online
			shopping website where you can buy anything you can think of.
			</p>
			<p>
			After my graduation in 2015,I joined another university in
			Shanghai for further studies.I always saw my Chinese classmates
			paying with their phones; this
			<span class="word-bc" @click="saveWord($event, 'triggered')">triggered</span>
			my attention.With the
			help of my classmates,I finally got my own online payment
			account.This is an absolute
			<span class="word-bc" @click="saveWord($event, 'gadget')">gadget</span>
			,very convenient and easy to
			use.With the start of this new
			<span class="word-bc" @click="saveWord($event, 'era')">era</span>
			,I always go out without my
			wallet.
			</p>
			<p>
			B.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 120px"
			v-model="testData.in.one" @change="setTestData" />
			I went through all the necessary procedures and couldn’t wait to
			ride my first shared bike.
			</p>
			<p>
			Last but not least,nearly at the end of 2016,the ordering
			platforms made their appearance on all Chinese phones.C.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 120px" v-model="testData.in.one" @change="setTestData" />
			What makes my life easier is that I can buy vegetables and fruits
			online and get them delivered to my door.
			</p>
			<p>
			The five aspects that I mentioned above changed the life of
			millions of people around China.The Chinese
			<span class="word-bc" @click="saveWord($event, 'economy')">economy</span>
			is
			<span class="word-bc" @click="saveWord($event, 'booming')">booming</span>
			,which makes people well off.I’ve been in China for several
			years and witnessed China’s
			<span class="word-bc" @click="saveWord($event, 'potential')">potential</span>
			.
			</p>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">10</span>
			</div>
			</div>
			</div>
			<!-- 11 -->
			<div class="page-box" page="17">
			<div v-if="showPageList.indexOf(17) > -1">
			<!-- 头部 -->
			<ul class="preface-odd-header w100 fl ju-bt">
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc">MODULE 1</span>
			<span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
			</li>
			</ul>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p class="fl al-cn mt-40">
			<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
			<span class="line-border-box"></span>
			</p>
			<audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio"></audio>
			<p>breeze /briːz/ <i>n.</i> 微风；和风</p>
			<div class="bkbj">
			<p><i>a light wind</i></p>
			</div>
			<p>mausoleum /ˌmɔːsəˈliːəm/ <i>n.</i> （大而精致的）陵墓</p>
			<div class="bkbj">
			<p><i>a large,finely built tomb</i></p>
			</div>
			<p>metro /ˈmetrəʊ/ <i>n.</i> 地铁</p>
			<div class="bkbj">
			<p><i>an underground train system</i></p>
			</div>
			<p>extraordinary /ɪkˈstrɔːdnri/ <i>adj.</i> 非凡的；不普通的</p>
			<div class="bkbj">
			<p><i>beyond what is ordinary; remarkable</i></p>
			</div>
			<p>pace /peɪs/ <i>n.</i> 速度</p>
			<div class="bkbj">
			<p><i>speed,esp.of walking or running</i></p>
			</div>
			<p>dormitory /ˈdɔːmətri/ <i>n.</i> 学生宿舍；集体宿舍</p>
			<div class="bkbj">
			<p>
			<i>a room for several people to sleep in,esp.in a school or
			other institution</i>
			</p>
			</div>
			<p>neighbour /ˈneɪbə(r)/ <i>n.</i> 邻居；邻人</p>
			<div class="bkbj">
			<p><i>a person who lives next to you or near you</i></p>
			</div>
			<p>overwhelm /ˌəʊvəˈwelm/ <i>v.</i> 淹没；漫过</p>
			<div class="bkbj">
			<p><i>to cover sb./sth.completely</i></p>
			</div>
			<p>via /ˈvaɪə/ <i>prep.</i> 经由；通过</p>
			<div class="bkbj">
			<p><i>by way of; through</i></p>
			</div>
			<p>laptop /ˈlæptɒp/ <i>n.</i> 便携式电脑；笔记本电脑</p>
			<div class="bkbj">
			<p>
			<i>a small computer that can work with a battery and be easily
			carried</i>
			</p>
			</div>
			<p>stun /stʌn/ <i>v.</i> 使震惊（或惊愕、目瞪口呆）</p>
			<div class="bkbj">
			<p>
			<i>to surprise or shock sb.so much that he/she cannot think
			clearly or speak</i>
			</p>
			</div>
			<p>trigger /ˈtrɪɡə(r)/ <i>v.</i> 引起；触发</p>
			<div class="bkbj">
			<p><i>to make sth.happen suddenly</i></p>
			</div>
			<p>gadget /ˈɡædʒɪt/<i> n.</i> 小器具；小装置</p>
			<div class="bkbj">
			<p><i>a small tool or device that does sth.useful</i></p>
			</div>
			<p>era /ˈɪərə/ <i>n.</i> 时代；年代</p>
			<div class="bkbj">
			<p>
			<i>a period of time,usually in history,that is different from
			other periods because of particular characteristics or
			events</i>
			</p>
			</div>
			<p>economy /ɪˈkɒnəmi/ <i>n.</i> 经济；经济情况</p>
			<div class="bkbj">
			<p>
			<i>the relationship between production,trade and the supply of
			money in a particular country or region</i>
			</p>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">11</span>
			</div>
			</div>
			</div>
			<!-- 12 -->
			<div class="page-box" page="18">
			<div v-if="showPageList.indexOf(18) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color">基础模块一</span>
			</div>
			</div>
			</div>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>boom /buːm/ <i>v.</i> 迅速发展；繁荣昌盛</p>
			<div class="bkbj">
			<p>
			<i>to have a period of rapid growth; to become bigger,more
			successful,etc.</i>
			</p>
			</div>
			<p>potential /pəˈtenʃl/ <i>n.</i> 潜力；潜能</p>
			<div class="bkbj">
			<p><i>qualities that exist and can be developed</i></p>
			</div>
			<div style="display: flex">
			<div class="left" style="width: 48%">
			<p>a matter of days 仅仅几天</p>
			<p>go through 办理（手续）；经历</p>
			<p>well off （尤指）富裕</p>
			</div>
			<div class="right" style="width: 48%">
			<p>type in ...键入……</p>
			<p>last but not least 最后同样重要的是</p>
			</div>
			</div>
			<p><b>Ⅰ.Reading comprehension.</b></p>
			<p>
			A.Read the passage and put the following sentences in the proper
			blanks.
			</p>
			<p>
			( <select v-model="dropdownData.one.value" style="width: 8%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			{{ item }}
			</option>
			</select> ) 1.It wasn’t long until I discovered the shared bikes in
			2016,serving people in several cities.
			</p>
			<p>
			( <select v-model="dropdownData.one.value" style="width: 8%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			{{ item }}
			</option>
			</select> ) 2.People can order their desired food,from soup to noodles,from
			barbecue to hot pot.
			</p>
			<p>
			( <select v-model="dropdownData.one.value" style="width: 8%">
			<option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
			{{ item }}
			</option>
			</select> ) 3.It was at that moment that I knew about the metro system.It
			was new,fast,and extraordinary.
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showlessonTwoQuestionAnswer">
			答案： A.3   B.1   C.2
			</p>
			<p>
			B.Decide whether the following statements are true (T) or false
			(F).
			</p>
			<p>
			( <select v-model="dropdownData.one.value" style="width: 8%">
			<option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
			{{ item }}
			</option>
			</select> ) 1.Vanessa made a lot of friends as soon as she arrived in China.
			</p>
			<p>
			( <select v-model="dropdownData.one.value" style="width: 8%">
			<option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
			{{ item }}
			</option>
			</select> ) 2.Before Vanessa came to China,she knew a lot about
			the metro
			system.
			</p>
			<p>
			( <select v-model="dropdownData.one.value" style="width: 8%">
			<option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
			{{ item }}
			</option>
			</select> ) 3.Vanessa didn’t know about online shopping before
			she met her
			neighbour Alison.
			</p>
			<p>
			( <select v-model="dropdownData.one.value" style="width: 8%">
			<option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
			{{ item }}
			</option>
			</select> ) 4.Vanessa got her own online payment account by
			herself.
			</p>
			<p>
			( <select v-model="dropdownData.one.value" style="width: 8%">
			<option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
			{{ item }}
			</option>
			</select> ) 5.Buying vegetables and fruits online makes
			Vanessa’s life
			easier.
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showlessonTwoQuestionAnswer">
			答案： 1.T   2.F   3.T   4.F   5.T
			</p>
			<p><b>Ⅱ.Language focus.</b></p>
			<p>
			A.Replace the words in italics with the exact words in the passage
			and change the form if necessary.
			</p>
			<p>
			1.Tom was shocked by China’s progress that she had
			<i>noticed</i>.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 90px" v-model="testData.in.one" @change="setTestData" />
			</p>
			<p>
			2.China has made <i>amazing</i> progress in the manufacturing
			industry.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 90px" v-model="testData.in.one" @change="setTestData" />
			</p>
			<p>
			3.Ordering platforms supported <i>by</i> various Apps is very
			convenient.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 90px" v-model="testData.in.one" @change="setTestData" />
			</p>
			<p>
			4.The <i>age</i> of artificial intelligence was brought into being
			by the Internet.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 90px" v-model="testData.in.one" @change="setTestData" />
			</p>
			<p>
			5.The <i>rhythm</i> of ancient people’s lives is slower than that
			of modern people.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 90px" v-model="testData.in.one" @change="setTestData" />
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showlessonTwoQuestionAnswer">
			答案： 1.witnessed   2.extraordinary   3.via
			4.era   5.pace
			</p>
			<p>
			B.Fill in the blanks with the proper form of the expressions given
			below.
			</p>
			<div class="bk-wh">
			<p>
			a matter of　go through　last but not least　well off　type in
			</p>
			</div>
			<p>
			1.China has<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 60px" v-model="testData.in.one" @change="setTestData" />great changes in the era of big
			data.
			</p>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">12</span>
			</div>
			</div>
			</div>
			<!-- 13 -->
			<div class="page-box" page="19">
			<div v-if="showPageList.indexOf(19) > -1">
			<!-- 头部 -->
			<ul class="preface-odd-header w100 fl ju-bt">
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc">MODULE 1</span>
			<span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
			</li>
			</ul>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>
			2.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
			v-model="testData.in.one" @change="setTestData" />key words and you can search for the needed goods in
			online
			shops.
			</p>
			<p>
			3.A dispute over online shopping can be settled in<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />days.
			</p>
			<p>
			4.China has,in all respects,become very<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.
			</p>
			<p>
			5.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
			v-model="testData.in.one" @change="setTestData" />,all the people committed to Shenzhou Spacecrafts
			deserve
			respect.
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showlessonTwoQuestionAnswer">
			答案： 1.went through   2.Type in   3.a matter of
			4.well Off   5.Last but not least
			</p>
			<p><b>Ⅲ.Grammar focus:The simple sentence.</b>
			<span class="btn-box" @click="showAnswer('showImgOne')">
			<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
			xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
			height="20">
			<path
			d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
			p-id="30865"></path>
			</svg>
			</span>
			</p>
			<div class="openImgBox" v-if="showImgOne">
			<img class="w100" :src="imgThirteenOne" />
			</div>
			<p>
			Read the examples and write down the sentence structure of the
			following sentences in the brackets.
			</p>
			<p><b>Examples:</b></p>
			<div class="fieldset">
			<p>1.My incredible journey to China started in 2017.(S+V)</p>
			<p>2.Vanessa made a lot of friends.(S+V+O)</p>
			<p>3.Local Chinese are very friendly.(S+V+P)</p>
			<p>
			4.China gives the author the impression of a
			wonderland.(S+V+O+O)
			</p>
			<p>
			5.I always saw my Chinese classmates paying with their
			phones.(S+V+O+C)
			</p>
			</div>
			<p>
			1.It is actually an online shopping website.( <select v-model="dropdownData.one.value" style="width: 15%">
			<option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
			{{ item }}
			</option>
			</select> )
			</p>
			<p>
			2.Vanessa finally got her own online payment account. ( <select v-model="dropdownData.one.value"
			style="width: 15%">
			<option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
			{{ item }}
			</option>
			</select> )
			</p>
			<p>
			3.China offers researchers world-class advanced research
			facilities in the institutes. ( <select v-model="dropdownData.one.value" style="width: 15%">
			<option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
			{{ item }}
			</option>
			</select> )
			</p>
			<p>
			4.These friends made Vanessa see China through the eyes of the
			locals. ( <select v-model="dropdownData.one.value" style="width: 15%">
			<option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
			{{ item }}
			</option>
			</select> )
			</p>
			<p>
			5.The list of Chinese food never ends. ( <select v-model="dropdownData.one.value" style="width: 15%">
			<option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
			{{ item }}
			</option>
			</select> )
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showlessonTwoQuestionAnswer">
			答案： 1.S+V+C   2.S+V+O   3.S+V+O+O   4.S+V+O+C
			5.S+V
			</p>
			<!-- 提交按钮 -->
			<div class="w100 fl">
			<ul class="fl ju-ar w100">
			<li>
			<button class="btn-border btn-w" @click="saveData">
			提交
			</button>
			</li>
			<li>
			<button @click="changeTestData" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="
			showlessonTwoQuestionAnswer = !showlessonTwoQuestionAnswer
			" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			<h3 id="c007"><span class="bjh3">Mini-project</span></h3>
			<p>
			Life today is much better than that of 10 years ago.Work in
			groups,and find out the major changes.Each group should list at
			least three items and offer suggestions on how to keep up with the
			changes,then report to the class.
			</p>
			<p class="left">
			<img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.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">Items</td>
			<td class="wh-no tl-cn">A Decade Ago</td>
			<td class="tl-cn">Now</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">Transportation</td>
			<td class="tl-cn">
			We had our own bikes because they were major vehicles and most
			families had bikes.
			</td>
			<td>
			We needn't have our own bikes, butwe ride shared bikes because
			they arevery convenient and cheap,
			</td>
			</tr>
			</table>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">13</span>
			</div>
			</div>
			</div>
			<!-- 14 -->
			<div class="page-box" page="20">
			<div v-if="showPageList.indexOf(20) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color">基础模块一</span>
			</div>
			</div>
			</div>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-th-bc">
			<td class="tl-cn">Items</td>
			<td class="wh-no tl-cn">A Decade Ago</td>
			<td class="tl-cn">Now</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn">Shopping</td>
			<td class="tl-cn">
			We bought necessities mainly in brick-and-mortar stores.
			</td>
			<td>Online shopping is very common.</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.ten" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.eleven" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.twelve" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.thirteen"
			class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.fourteen" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.fifteen" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td>
			<textarea v-model="questionData.table.sixteen" class="w100 table-tr-bc b0 table-textarea textarea-box"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.seventeen" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			<td>
			<textarea v-model="questionData.table.eighteen" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td colspan="3" style="text-align: left">
			Your suggestion:
			<textarea v-model="questionData.table.nineteen" class="w100 table-tr-bc b0 table-textarea"
			@change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<h2 id="b002">
			<img class="img-0" alt="" src="../../assets/images/dy1-le3.jpg" />
			</h2>
			<h3 id="c008" class="fl al-cn">
			<span class="bjh3">Listening</span>
			</h3>

			<p>
			<b>Ⅰ.Listen to Tom,an overseas student,talking about his journey
			to China and fill in the blanks with what you hear.</b>
			</p>
			<audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px"
			class="audio"></audio>
			<p>
			After studying in China for almost three years by now,I call China
			my second homeland.I love the natural beauty,the 1.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />,the
			people and the food.China is a large country with diverse
			landscapes awaiting adventurers to 2.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.There
			is a modern public transportation system including city
			buses,3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
			v-model="testData.in.one" @change="setTestData" />,high-speed trains,and airports,as well as a large
			highway
			network.These make travel 4.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
			style="width: 60px" v-model="testData.in.one" @change="setTestData" />and efficient and allow me to go
			to many places to enjoy the
			scenery and culture.China’s natural beauty keeps on 5.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="testData.in.one"
			@change="setTestData" />me,from the pure blue waterfalls in Jiuzhaigou to the snowcapped
			mountains of Shangri-la,from the sandy 6.<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />of
			Sanya to the rocky seaside of Laoshan… China is such a
			beautiful country!
			</p>
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showlessonThreeQuestionAnswer">
			答案： 1.culture   2.explore   3.subways
			4.convenient   5.surprising   6.beach
			</p>
			<p>
			<b>Ⅱ.Listen to the conversation about planning for the upcoming
			Chinese Culture Week and circle the right expressions to
			complete the following sentences.</b>
			</p>
			<audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
			style="margin-left: 10px" class="audio"></audio>
			<p>
			1.They would like to organize an activity for foreign students to
			experience Chinese handcrafts / learn Chinese calligraphy.
			</p>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">14</span>
			</div>
			</div>
			</div>
			<!-- 15 -->
			<div class="page-box" page="21">
			<div v-if="showPageList.indexOf(21) > -1">
			<!-- 头部 -->
			<ul class="preface-odd-header w100 fl ju-bt">
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc">MODULE 1</span>
			<span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
			</li>
			</ul>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>
			2.They decide to hold a Chinese crafts show / paper-cutting
			contest.
			</p>
			<p>3.Linda is to design the posters / reserve rooms.</p>
			<p>
			4.Li Hong is to invite students to compete in the contest /
			handcraftsmen to show their talent.
			</p>
			<p>
			5.Zhang Ping is to arrange the room set-up / send out invitations.
			</p>
			<h3 id="c009"><span class="bjh3">Practical Writing</span></h3>
			<p>Work with your partner to discuss the following questions.</p>
			<p>
			1.How do you let others know about an upcoming event?
			<span class="btn-box" @click="showAnswerSeven = !showAnswerSeven">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<!-- 文本框 -->
			<textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSeven">
			答案： (1)posters   (2)Wechat public account   (3)Campus
			radio   (4)Campus TV station   (5)Notice
			</p>
			<p>
			2.What information would you like to tell them about the event?
			<span class="btn-box" @click="showAnswerEight = !showAnswerEight">
			<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
			<path class="a"
			d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
			transform="translate(-3327.144 15329)" />
			</svg>
			</span>
			</p>
			<!-- 文本框 -->
			<textarea v-model="questionData.reading.six" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
			<!-- 答案框 -->
			<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight">
			答案：(1)Name of the event(2)Date & time (3)Address (4)Organizer
			</p>
			<p>
			<b>Ⅰ.Read the following tips for designing an event poster and
			mark the key elements in the following poster.</b>
			</p>
			<p>
			An event poster is a marketing tool designed to attract visitors
			to an upcoming gathering.With right design elements,a poster can
			successfully impress a wide audience.The following are some tips
			for creating an effective event poster.
			</p>
			<p>▲ Use a large and eye-catching font for the title.</p>
			<p>▲ Add the date,time and location of the event.</p>
			<p>▲ Add the logo or branding of the organizer.</p>
			<p>▲ Describe your event or why people should attend.</p>
			<p>▲ Include a relevant call to action.</p>
			<div class="horizontal" style="display: flex">
			<div class="left" style="width: 48%">
			<p class="center">
			<img class="img-e" alt="" src="../../assets/images/0025-1.jpg" />
			</p>
			</div>
			<div class="right" style="width: 48%">
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			Name of the event
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			Date and time
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			Location
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			Greetings
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			Warnings
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			Organizer
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			Signature
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			A short description of the event
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			Contact information
			</p>
			<p>
			<input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
			Pictures of the event
			</p>
			</div>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">15</span>
			</div>
			</div>
			</div>
			<!-- 16 -->
			<div class="page-box" page="22">
			<div v-if="showPageList.indexOf(22) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color">基础模块一</span>
			</div>
			</div>
			</div>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>
			<b>Ⅱ.DIY Crafts Club is planning a paper-cutting contest to
			promote Chinese handicrafts.The contest will be held in the
			lobby of Student Center at</b>6：00-8：00<b> November</b>16<b>.You're in charge of publicity in the club
			and are required to
			design a poster for the contest.Complete the necessary
			information in the following poster.</b>
			</p>
			<p class="center">
			<img class="img-a" alt="" src="../../assets/images/0026-1.jpg" />
			</p>
			<p>
			<b>Ⅲ.Your class has prepared a Chinese culture exhibition for
			foreign exchange students.Your group takes the responsibility of
			designing a poster for it.Discuss with your partner and try to
			answer the questions below to find out what information is
			needed.</b>
			</p>
			<div class="dy1-bj4">
			<p class="center"><b>Information to put into our poster</b></p>
			</div>
			<div class="dy1-bj5">
			<p>1.What can be the title of the exhibition?</p>
			<p>
			<input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
			v-model="testData.in.one" @change="setTestData" />
			</p>
			<p>2.What should be included in the exhibition?</p>
			<p>
			<input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
			v-model="testData.in.one" @change="setTestData" />
			</p>
			<p>3.Where will the exhibition be held?</p>
			<p>
			<input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
			v-model="testData.in.one" @change="setTestData" />
			</p>
			<p>4.When will the exhibition be held?</p>
			<p>
			<input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
			v-model="testData.in.one" @change="setTestData" />
			</p>
			<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
			v-if="showlessonThreeQuestionAnswer">
			<span>答案：</span>
			<p>1、 Traditional handicraft show</p>
			<p>
			2、 Various handicrafts made by Chinese students in
			theirtraditional Chinese culture courses
			</p>
			<p>3、 Students activity center.</p>
			<p>4、 November 13th -- 19th</p>
			</div>
			<p>...</p>
			</div>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">16</span>
			</div>
			</div>
			</div>
			<!-- 17 -->
			<div class="page-box" page="23">
			<div v-if="showPageList.indexOf(23) > -1">
			<!-- 头部 -->
			<ul class="preface-odd-header w100 fl ju-bt">
			<li class=""></li>
			<li class="fz-18">
			<span class="chapter-left-bc">MODULE 1</span>
			<span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
			</li>
			</ul>
			<!-- 内容 -->
			<div class="padding-93">
			<div class="bodystyle">
			<p>
			Ⅳ<b>.Design a poster for the exhibition according to the
			information in the table above.</b>
			</p>
			<p class="center">
			<img class="img-b" alt="" src="../../assets/images/0027-1.jpg" />
			</p>
			<div class="un-h2">
			<h2 id="b004">Unit Project</h2>
			</div>
			<p>
			The Youth League of your college is planning to organize an
			activity called Chinese Culture Conversation Circle for
			international students.This activity is to help them get a better
			understanding of China and integrate into Chinese culture and life
			faster.Work in groups and make a plan for this event.
			</p>
			<p>
			Step 1:Brainstorm some activities and topics to discuss.For
			example,Chinese cuisine,ethnic groups,handicrafts.
			</p>
			<p>
			Step 2:Create a poster with such information as the date,the
			time,the location,the contact information,etc.
			</p>
			<p>
			Step 3:Display your poster to the class and introduce the
			highlights of your activity.
			</p>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">17</span>
			</div>
			</div>
			</div>
			<!-- 18 -->
			<div class="page-box" page="24">
			<div v-if="showPageList.indexOf(24) > -1">
			<!-- 头部 -->
			<div class="w100 mb-20" style="padding-right: 20px">
			<div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
			<div class="preface-header-box event-header-text-bc">
			<span class="l-text">新标准通用职场英语</span>
			<span class="g-text event-text-color">基础模块一</span>
			</div>
			</div>
			</div>
			<!-- 内容 -->
			<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-b" alt="" src="../../assets/images/0028-1.jpg" />
			</p>
			<div class="fieldset-1">
			<p class="center">
			<b>Questions You May Ask When Planning an Event</b>
			</p>
			<p>How many people do you need to make the event happen?</p>
			<p>What resources do you need?</p>
			<p>What does the audience need to know?</p>
			<p>What will hold the audience’s interest?</p>
			<p>What do you hope to achieve through this event?</p>
			</div>
			<!-- 提交按钮 -->
			<div class="w100 fl">
			<ul class="fl ju-ar w100">
			<li>
			<button class="btn-border btn-w" @click="saveData">
			提交
			</button>
			</li>
			<li>
			<button @click="changeTestData" class="btn-border btn-w">
			重做
			</button>
			</li>
			<li>
			<button @click="
			showlessonThreeQuestionAnswer =
			!showlessonThreeQuestionAnswer
			" class="parimary-btn">
			查看答案
			</button>
			</li>
			</ul>
			</div>
			</div>
			<div class="preface-bottom">
			<span class="contet-num-box">18</span>
			</div>
			</div>
			</div>
			</div>
			@@ -2336,13 +2962,21 @@
			data() {
			return {
			imgThirteen: require("../../assets/images/grammar.jpg"),
			imgThirteenOne: require("../../assets/images/grammar1-2.png"),
			showAnswerOne: false,
			showAnswerTwo: false,
			showAnswerThree: false,
			showAnswerFour: false,
			showAnswerFive: false,
			showAnsweSix: false,
			showAnswerSeven: false,
			showAnswerEight: false,
			showAnswerNine: false,
			showImg: false,
			showImgOne: false,
			showQuestionAnswer: false,
			showlessonTwoQuestionAnswer: false,
			showlessonThreeQuestionAnswer: false,
			rawData: {
			left: [
			{
			@@ -2498,6 +3132,10 @@
			reading: {
			one: "",
			two: "",
			three: "",
			four: "",
			five: "",
			six: "",
			},
			table: {
			one: "",
			@@ -2507,12 +3145,27 @@
			five: "",
			six: "",
			seven: "",
			enight: "",
			eight: "",
			nine: "",
			ten: "",
			eleven: "",
			twelve: "",
			thirteen: "",
			fourteen: "",
			fifteen: "",
			sixteen: "",
			seventeen: "",
			eighteen: "",
			nineteen: "",
			},
			},
			testData: {
			check: [],
			isComplete: false,
			check: {
			isRight: null,
			answer: ["Culture", "Cuisine", "Landscapes"],
			value: [],
			},
			tx: {
			one: "",
			two: "",
			@@ -2526,6 +3179,8 @@
			three: "",
			four: "",
			five: "",
			isRight: null,
			answer: ["uisine", "andscapes", "ivilization", "xplore", "nique"],
			},
			line: {
			one: "",
			@@ -2553,22 +3208,44 @@
			three: "",
			four: "",
			five: "",
			answer: ["whether", "if", "whether", "whether", "If"],
			},
			},
			resource: {
			listenOne: "",
			readingOne: "",
			readingTwo: "",
			readingThree: "",
			readingFour: "",
			listenTwo: "",
			listenThree: "",
			},
			dropDownList: [
			"online shopping",
			"facial recognition",
			"electronic payment",
			"intercity train",
			"intercity train",
			"shared bike",
			"take-away service",
			],
			dropDownListOne: [
			"A",
			"B",
			"C",
			],
			dropDownListTwo: [
			"T",
			"F",
			],
			dropDownListThree: [
			"S+V",
			"S+V+O",
			"S+V+P",
			"S+V+O+O",
			"S+V+O+C",
			],
			dropdownData: {
			isComplete: false,
			one: {
			value: "",
			isRight: null,
			@@ -2627,7 +3304,12 @@
			changeTestData() {
			localStorage.removeItem("english-testOne");
			this.testData = {
			check: [],
			isComplete: false,
			check: {
			isRight: null,
			answer: ["Culture", "Cuisine", "Landscapes"],
			value: [],
			},
			tx: {
			one: "",
			two: "",
			@@ -2641,6 +3323,8 @@
			three: "",
			four: "",
			five: "",
			isRight: null,
			answer: ["uisine", "andscapes", "ivilization", "xplore", "nique"],
			},
			line: {
			one: "",
			@@ -2668,6 +3352,7 @@
			three: "",
			four: "",
			five: "",
			answer: ["whether", "if", "whether", "whether", "If"],
			},
			};
			},
			@@ -2687,64 +3372,86 @@
			this.resource.readingTwo = await getResourcePath(
			"E8719EC88026BCFB11D292AA999F6D3D"
			);
			this.resource.readingThree = await getResourcePath(
			"43AAC2E2725009F975A611DDB5AF41A4"
			);
			this.resource.readingFour = await getResourcePath(
			"9B2DC045F8CD6697F14784714D472DBB"
			);
			this.resource.listenTwo = await getResourcePath(
			"D3DD18BEA1DCB8CF3772E9D1DCC8B893"
			);
			this.resource.listenThree = await getResourcePath(
			"F7026C57657D78745D38676F7854E9D7"
			);
			},
			showAnswer(type) {
			if (type == "showImg") {
			this.showImg = !this.showImg;
			} else if (type == "showImgOne") {
			this.showImgOne = !this.showImgOne;
			}
			setTimeout(()=>{ this.$emit("initViewer","")},500)
			},
			handleQuestion(type) {
			if (type == "one") {
			this.questionData.warnUp.one.value
			? (this.questionData.warnUp.one.isRight =
			this.questionData.warnUp.one.value == "Chinese knot")
			this.questionData.warnUp.one.value == "Chinese knot")
			: (this.questionData.warnUp.one.isRight = null);
			} else if (type == "two") {
			this.questionData.warnUp.two.value
			? (this.questionData.warnUp.two.isRight =
			this.questionData.warnUp.two.value == "Chinese medicine")
			this.questionData.warnUp.two.value == "Chinese medicine")
			: (this.questionData.warnUp.two.isRight = null);
			} else if (type == "three") {
			this.questionData.warnUp.three.value
			? (this.questionData.warnUp.three.isRight =
			this.questionData.warnUp.three.value == "Chinese calligraphy")
			this.questionData.warnUp.three.value == "Chinese calligraphy")
			: (this.questionData.warnUp.three.isRight = null);
			} else if (type == "four") {
			this.questionData.warnUp.four.value
			? (this.questionData.warnUp.four.isRight =
			this.questionData.warnUp.four.value == "Taichi")
			this.questionData.warnUp.four.value == "Taichi")
			: (this.questionData.warnUp.four.isRight = null);
			} else if (type == "five") {
			this.questionData.warnUp.five.value
			? (this.questionData.warnUp.five.isRight =
			this.questionData.warnUp.five.value == "sweet dumpling")
			this.questionData.warnUp.five.value == "sweet dumpling")
			: (this.questionData.warnUp.five.isRight = null);
			} else if (type == "six") {
			this.questionData.warnUp.six.value
			? (this.questionData.warnUp.six.isRight =
			this.questionData.warnUp.six.value == "Chinese chess")
			this.questionData.warnUp.six.value == "Chinese chess")
			: (this.questionData.warnUp.six.isRight = null);
			}
			},
			handleDropdown(type) {
			const dropdownDatas = this.dropdownData;
			for (let key in dropdownDatas) {
			const item = dropdownDatas[key];
			let item = dropdownDatas[key];
			if (type == "judge") {
			item.value == item.answer
			? (item.isRight = true)
			: (item.isRight = false);
			if (key != "isComplete") {
			item.value == item.answer
			? (item.isRight = true)
			: (item.isRight = false);
			}
			}
			}
			this.dropdownData = dropdownDatas;
			this.$set(this.dropdownData, "isComplete", true);
			this.setDropdownData();
			},
			changeDropdown() {
			localStorage.removeItem("english-dropdown-one");
			for (let key in this.dropdownData) {
			const item = this.dropdownData[key];
			item.value = "";
			item.isRight = null;
			let item = this.dropdownData[key];
			if (key != "isComplete") {
			item.value = "";
			item.isRight = null;
			}
			}
			this.$set(this.dropdownData, "isComplete", false);
			},
			setDropdownData() {
			localStorage.setItem(
			@@ -2753,10 +3460,42 @@
			);
			},
			saveData() {
			console.log(this.testData);
			const item = this.testData["check"];
			const sortedArr1 = item.answer.slice().sort();
			const sortedArr2 = item.value.slice().sort();
			const isRight = sortedArr1.every(
			(value, index) => value === sortedArr2[index]
			);
			const inData = this.testData["in"];
			let inString = [];
			for (let key in inData) {
			const citem = inData[key];
			if (key != "answer" && key !== "isRight") {
			console.log(key);
			inString.push(citem);
			}
			}
			const inRight = inData.answer == inString;
			console.log("in", inData.answer, inString);
			this.$set(this.testData["in"], "isRight", inRight);
			this.$set(this.testData["check"], "isRight", isRight);
			this.$set(this.testData, "isComplete", true);
			this.setTestData();
			this.showQuestionAnswer = true;
			},
			audioPlay() {
			this.$emit("closeMiniAudio");
			isShowRight(answer, userAnswer, data) {
			let flag = null;
			if (userAnswer.indexOf(data) > -1) {
			flag = answer.indexOf(data) > -1 ? true : false;
			}
			return flag;
			},
			isTextRight(answer, data, num) {
			let flag = null;
			if (data) {
			flag = answer[num] == data
			}
			return flag;
			},
			},
			};
			@@ -2766,9 +3505,11 @@
			p {
			font-size: 16px !important;
			}

			.bodystyle {
			margin: 0 !important;
			}

			.line-border-box {
			margin-left: 10px;
			display: inline-block;
			@@ -2776,12 +3517,15 @@
			height: 3px;
			background-color: #f9a71b;
			}

			.mr-20 {
			margin-right: 20px;
			}

			.dl-box {
			display: flex;
			flex-wrap: wrap;

			.dl-span {
			display: inline-block;
			text-indent: 0;
			@@ -2790,17 +3534,20 @@
			line-height: 20px;
			}
			}

			.btn-w {
			font-size: 14px;
			border-width: 1px;
			min-width: 80px;
			height: 30px;
			background-color: #fff;

			&:hover {
			background-color: #0bab87;
			color: #fff;
			}
			}

			.banshi {
			position: relative;
			margin-top: 40px;
			@@ -2808,6 +3555,7 @@
			height: 350px;
			margin: 0 auto;
			}

			.pageBox {
			z-index: 9999999999;
			color: #999;
			@@ -2815,9 +3563,11 @@
			left: 48%;
			bottom: 0px;
			}

			select {
			height: 24px;
			}

			.mini-audio {
			width: 200px;
			height: 200px;
			@@ -2825,4 +3575,13 @@
			right: 0;
			background-color: red;
			}

			.select-border {
			border: 0;
			border-bottom: 1px solid #767676;

			&:focus {
			outline: none;
			}
			}
			</style>