From a0bc4f973d5022d92e22e871009764b3da8ef5e3 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期一, 01 七月 2024 09:24:37 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/English/assets/images/0070-4.jpg           |    0 
 src/books/English/assets/images/0081-1.jpg           |    0 
 src/books/English/assets/images/0071-1.jpg           |    0 
 src/books/English/assets/images/0126-2.jpg           |    0 
 src/books/English/assets/images/0146-2.jpg           |    0 
 src/books/English/assets/images/0129-2.jpg           |    0 
 src/books/English/view/components/chapter004.vue     | 1039 ++++++++
 src/books/English/assets/images/0069-6.jpg           |    0 
 src/books/English/assets/images/0109-2.jpg           |    0 
 src/books/English/assets/images/dyworksheet1.jpg     |    0 
 src/books/English/assets/images/dy7-le1.jpg          |    0 
 src/books/English/view/components/chapter008.vue     | 1485 ++++++++++++
 src/books/English/assets/images/dy8-le2.jpg          |    0 
 src/books/English/assets/images/0071-3.jpg           |    0 
 src/books/English/assets/images/0079-1.jpg           |    0 
 src/books/English/assets/images/0134-1.jpg           |    0 
 src/books/English/assets/images/0114-1.jpg           |    0 
 src/books/English/assets/images/dy6.jpg              |    0 
 src/books/English/assets/images/0154-1.jpg           |    0 
 src/books/English/assets/images/0108-3.jpg           |    0 
 src/books/English/assets/images/0069-4.jpg           |    0 
 src/books/English/assets/images/0125-1.jpg           |    0 
 src/books/English/assets/images/dy6-le3.jpg          |    0 
 src/books/English/assets/images/0137-1.jpg           |    0 
 src/books/English/assets/images/0122-1.jpg           |    0 
 src/books/English/assets/images/0102-1.jpg           |    0 
 src/books/English/assets/images/0069-3.jpg           |    0 
 src/books/English/assets/images/0161-1.jpg           |    0 
 src/books/English/assets/images/0138-1.jpg           |    0 
 src/books/English/assets/images/0108-2.jpg           |    0 
 src/books/English/assets/images/0076-2.jpg           |    0 
 src/books/English/assets/images/0101-2.jpg           |    0 
 src/books/English/assets/images/0115-1.jpg           |    0 
 src/books/English/assets/images/0146-6.jpg           |    0 
 src/books/English/assets/images/0088-6.jpg           |    0 
 src/components/choice/choice.vue                     |   21 
 src/books/English/assets/main.less                   |   95 
 src/books/English/assets/images/dy6-le1.jpg          |    0 
 src/books/English/assets/images/0088-4.jpg           |    0 
 src/books/English/assets/images/0073-1.jpg           |    0 
 src/books/English/assets/images/0121-1.jpg           |    0 
 src/books/English/assets/images/0124-2.jpg           |    0 
 src/books/English/view/components/index.vue          |   14 
 src/books/English/assets/images/0134-2.jpg           |    0 
 src/books/English/assets/images/dy7.jpg              |    0 
 src/books/English/assets/images/dy4-le2.jpg          |    0 
 src/books/English/assets/images/dyworksheet2.jpg     |    0 
 src/books/English/assets/images/0107-2.jpg           |    0 
 src/books/English/assets/images/0146-4.jpg           |    0 
 src/books/English/assets/images/0135-2.jpg           |    0 
 src/books/English/assets/images/dy5-le3.jpg          |    0 
 src/books/English/assets/images/0160-1.jpg           |    0 
 src/books/English/assets/images/0147-2.jpg           |    0 
 src/books/English/assets/images/0085-1.jpg           |    0 
 src/books/English/assets/images/0069-1.jpg           |    0 
 src/books/English/assets/images/dy7-le2.jpg          |    0 
 src/books/English/assets/images/0074-1.jpg           |    0 
 src/books/English/assets/images/0088-2.jpg           |    0 
 src/books/English/assets/images/0123-2.jpg           |    0 
 src/books/artAndDrama/view/components/chapter001.vue |    2 
 src/books/English/assets/images/0070-2.jpg           |    0 
 src/books/English/assets/images/0127-1.jpg           |    0 
 src/books/English/assets/images/0126-3.jpg           |    0 
 src/books/English/assets/images/0100-2.jpg           |    0 
 src/books/English/assets/images/0088-1.jpg           |    0 
 src/books/English/assets/images/0123-1.jpg           |    0 
 src/books/English/assets/images/0143-1.jpg           |    0 
 src/books/English/assets/images/0153-1.jpg           |    0 
 src/books/English/view/components/chapter005.vue     | 1532 ++++++++++++
 src/books/English/assets/images/0100-1.jpg           |    0 
 src/books/English/assets/images/0126-1.jpg           |    0 
 src/books/English/assets/images/0081-2.jpg           |    0 
 src/books/English/view/components/chapter007.vue     | 1435 +++++++++++
 src/books/English/assets/images/0069-7.jpg           |    0 
 src/books/English/assets/images/dy5-le1.jpg          |    0 
 src/books/English/assets/images/0071-2.jpg           |    0 
 src/books/English/assets/images/0146-1.jpg           |    0 
 src/books/English/assets/images/0088-8.jpg           |    0 
 src/books/English/assets/images/0129-1.jpg           |    0 
 src/books/English/assets/images/dy6-le2.jpg          |    0 
 src/books/English/assets/images/0145-2.jpg           |    0 
 src/books/English/assets/images/0108-4.jpg           |    0 
 src/books/English/assets/images/0150-1.jpg           |    0 
 src/books/English/assets/images/0069-5.jpg           |    0 
 src/books/English/assets/images/0137-2.jpg           |    0 
 src/books/English/assets/images/0075-1.jpg           |    0 
 src/books/English/assets/images/0087-2.jpg           |    0 
 src/books/English/assets/images/0122-2.jpg           |    0 
 src/books/English/assets/images/dy4-le3.jpg          |    0 
 src/books/English/assets/images/dy5.jpg              |    0 
 src/books/English/assets/images/dy8-le3.jpg          |    0 
 src/books/English/assets/images/0101-3.jpg           |    0 
 src/books/English/assets/images/0105-2.jpg           |    0 
 src/books/English/assets/images/0128-2.jpg           |    0 
 src/books/English/assets/images/0151-1.jpg           |    0 
 src/books/English/assets/images/0108-1.jpg           |    0 
 src/books/English/assets/images/0134-3.jpg           |    0 
 src/books/English/assets/images/dy4-le1.jpg          |    0 
 src/books/English/assets/images/dy8.jpg              |    0 
 src/books/English/assets/images/dy8-le1.jpg          |    0 
 src/books/English/assets/images/0146-5.jpg           |    0 
 src/books/English/assets/images/0083-1.jpg           |    0 
 src/books/English/assets/images/0088-5.jpg           |    0 
 src/books/English/assets/images/0069-2.jpg           |    0 
 src/books/English/assets/images/0088-3.jpg           |    0 
 src/books/English/assets/images/0119-1.jpg           |    0 
 src/books/English/assets/images/0123-3.jpg           |    0 
 src/books/English/assets/images/0126-4.jpg           |    0 
 src/books/English/assets/images/0070-1.jpg           |    0 
 src/books/English/assets/images/0140-1.jpg           |    0 
 src/books/English/assets/images/0159-1.jpg           |    0 
 src/books/English/assets/images/0094-1.jpg           |    0 
 src/books/English/assets/images/0070-3.jpg           |    0 
 src/books/English/assets/images/0146-3.jpg           |    0 
 src/books/English/assets/images/0135-1.jpg           |    0 
 src/books/English/assets/images/0160-2.jpg           |    0 
 src/books/English/view/components/chapter006.vue     | 1550 ++++++++++++
 src/books/English/assets/images/0082-1.jpg           |    0 
 src/books/English/assets/images/0112-1.jpg           |    0 
 src/books/English/assets/images/0152-1.jpg           |    0 
 src/books/English/assets/images/dy7-le3.jpg          |    0 
 121 files changed, 7,153 insertions(+), 20 deletions(-)

diff --git a/src/books/English/assets/images/0069-1.jpg b/src/books/English/assets/images/0069-1.jpg
new file mode 100644
index 0000000..648540b
--- /dev/null
+++ b/src/books/English/assets/images/0069-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0069-2.jpg b/src/books/English/assets/images/0069-2.jpg
new file mode 100644
index 0000000..7b51ae1
--- /dev/null
+++ b/src/books/English/assets/images/0069-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0069-3.jpg b/src/books/English/assets/images/0069-3.jpg
new file mode 100644
index 0000000..49ce684
--- /dev/null
+++ b/src/books/English/assets/images/0069-3.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0069-4.jpg b/src/books/English/assets/images/0069-4.jpg
new file mode 100644
index 0000000..d862f70
--- /dev/null
+++ b/src/books/English/assets/images/0069-4.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0069-5.jpg b/src/books/English/assets/images/0069-5.jpg
new file mode 100644
index 0000000..0d4238b
--- /dev/null
+++ b/src/books/English/assets/images/0069-5.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0069-6.jpg b/src/books/English/assets/images/0069-6.jpg
new file mode 100644
index 0000000..b4caf59
--- /dev/null
+++ b/src/books/English/assets/images/0069-6.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0069-7.jpg b/src/books/English/assets/images/0069-7.jpg
new file mode 100644
index 0000000..eda6584
--- /dev/null
+++ b/src/books/English/assets/images/0069-7.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0070-1.jpg b/src/books/English/assets/images/0070-1.jpg
new file mode 100644
index 0000000..9fe58e3
--- /dev/null
+++ b/src/books/English/assets/images/0070-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0070-2.jpg b/src/books/English/assets/images/0070-2.jpg
new file mode 100644
index 0000000..11a14fc
--- /dev/null
+++ b/src/books/English/assets/images/0070-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0070-3.jpg b/src/books/English/assets/images/0070-3.jpg
new file mode 100644
index 0000000..60f486e
--- /dev/null
+++ b/src/books/English/assets/images/0070-3.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0070-4.jpg b/src/books/English/assets/images/0070-4.jpg
new file mode 100644
index 0000000..ce980fa
--- /dev/null
+++ b/src/books/English/assets/images/0070-4.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0071-1.jpg b/src/books/English/assets/images/0071-1.jpg
new file mode 100644
index 0000000..cca6c6a
--- /dev/null
+++ b/src/books/English/assets/images/0071-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0071-2.jpg b/src/books/English/assets/images/0071-2.jpg
new file mode 100644
index 0000000..49be673
--- /dev/null
+++ b/src/books/English/assets/images/0071-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0071-3.jpg b/src/books/English/assets/images/0071-3.jpg
new file mode 100644
index 0000000..3cd5d5f
--- /dev/null
+++ b/src/books/English/assets/images/0071-3.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0073-1.jpg b/src/books/English/assets/images/0073-1.jpg
new file mode 100644
index 0000000..0f25808
--- /dev/null
+++ b/src/books/English/assets/images/0073-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0074-1.jpg b/src/books/English/assets/images/0074-1.jpg
new file mode 100644
index 0000000..17c800a
--- /dev/null
+++ b/src/books/English/assets/images/0074-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0075-1.jpg b/src/books/English/assets/images/0075-1.jpg
new file mode 100644
index 0000000..c13303d
--- /dev/null
+++ b/src/books/English/assets/images/0075-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0076-2.jpg b/src/books/English/assets/images/0076-2.jpg
new file mode 100644
index 0000000..b0d3d77
--- /dev/null
+++ b/src/books/English/assets/images/0076-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0079-1.jpg b/src/books/English/assets/images/0079-1.jpg
new file mode 100644
index 0000000..68bd020
--- /dev/null
+++ b/src/books/English/assets/images/0079-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0081-1.jpg b/src/books/English/assets/images/0081-1.jpg
new file mode 100644
index 0000000..088bd32
--- /dev/null
+++ b/src/books/English/assets/images/0081-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0081-2.jpg b/src/books/English/assets/images/0081-2.jpg
new file mode 100644
index 0000000..9b2dbc0
--- /dev/null
+++ b/src/books/English/assets/images/0081-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0082-1.jpg b/src/books/English/assets/images/0082-1.jpg
new file mode 100644
index 0000000..dfa537b
--- /dev/null
+++ b/src/books/English/assets/images/0082-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0083-1.jpg b/src/books/English/assets/images/0083-1.jpg
new file mode 100644
index 0000000..1f14fee
--- /dev/null
+++ b/src/books/English/assets/images/0083-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0085-1.jpg b/src/books/English/assets/images/0085-1.jpg
new file mode 100644
index 0000000..72d4116
--- /dev/null
+++ b/src/books/English/assets/images/0085-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0087-2.jpg b/src/books/English/assets/images/0087-2.jpg
new file mode 100644
index 0000000..21f0452
--- /dev/null
+++ b/src/books/English/assets/images/0087-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0088-1.jpg b/src/books/English/assets/images/0088-1.jpg
new file mode 100644
index 0000000..a5ae743
--- /dev/null
+++ b/src/books/English/assets/images/0088-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0088-2.jpg b/src/books/English/assets/images/0088-2.jpg
new file mode 100644
index 0000000..4a14876
--- /dev/null
+++ b/src/books/English/assets/images/0088-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0088-3.jpg b/src/books/English/assets/images/0088-3.jpg
new file mode 100644
index 0000000..18a9cf0
--- /dev/null
+++ b/src/books/English/assets/images/0088-3.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0088-4.jpg b/src/books/English/assets/images/0088-4.jpg
new file mode 100644
index 0000000..0fbf199
--- /dev/null
+++ b/src/books/English/assets/images/0088-4.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0088-5.jpg b/src/books/English/assets/images/0088-5.jpg
new file mode 100644
index 0000000..1322c86
--- /dev/null
+++ b/src/books/English/assets/images/0088-5.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0088-6.jpg b/src/books/English/assets/images/0088-6.jpg
new file mode 100644
index 0000000..01e3a28
--- /dev/null
+++ b/src/books/English/assets/images/0088-6.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0088-8.jpg b/src/books/English/assets/images/0088-8.jpg
new file mode 100644
index 0000000..c59b8eb
--- /dev/null
+++ b/src/books/English/assets/images/0088-8.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0094-1.jpg b/src/books/English/assets/images/0094-1.jpg
new file mode 100644
index 0000000..5ae0431
--- /dev/null
+++ b/src/books/English/assets/images/0094-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0100-1.jpg b/src/books/English/assets/images/0100-1.jpg
new file mode 100644
index 0000000..0515a62
--- /dev/null
+++ b/src/books/English/assets/images/0100-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0100-2.jpg b/src/books/English/assets/images/0100-2.jpg
new file mode 100644
index 0000000..060c628
--- /dev/null
+++ b/src/books/English/assets/images/0100-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0101-2.jpg b/src/books/English/assets/images/0101-2.jpg
new file mode 100644
index 0000000..fa9d394
--- /dev/null
+++ b/src/books/English/assets/images/0101-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0101-3.jpg b/src/books/English/assets/images/0101-3.jpg
new file mode 100644
index 0000000..4fc3b7a
--- /dev/null
+++ b/src/books/English/assets/images/0101-3.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0102-1.jpg b/src/books/English/assets/images/0102-1.jpg
new file mode 100644
index 0000000..f15ba77
--- /dev/null
+++ b/src/books/English/assets/images/0102-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0105-2.jpg b/src/books/English/assets/images/0105-2.jpg
new file mode 100644
index 0000000..f23887b
--- /dev/null
+++ b/src/books/English/assets/images/0105-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0107-2.jpg b/src/books/English/assets/images/0107-2.jpg
new file mode 100644
index 0000000..f59024b
--- /dev/null
+++ b/src/books/English/assets/images/0107-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0108-1.jpg b/src/books/English/assets/images/0108-1.jpg
new file mode 100644
index 0000000..7e12894
--- /dev/null
+++ b/src/books/English/assets/images/0108-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0108-2.jpg b/src/books/English/assets/images/0108-2.jpg
new file mode 100644
index 0000000..c9d5c97
--- /dev/null
+++ b/src/books/English/assets/images/0108-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0108-3.jpg b/src/books/English/assets/images/0108-3.jpg
new file mode 100644
index 0000000..e097228
--- /dev/null
+++ b/src/books/English/assets/images/0108-3.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0108-4.jpg b/src/books/English/assets/images/0108-4.jpg
new file mode 100644
index 0000000..8856d06
--- /dev/null
+++ b/src/books/English/assets/images/0108-4.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0109-2.jpg b/src/books/English/assets/images/0109-2.jpg
new file mode 100644
index 0000000..074623e
--- /dev/null
+++ b/src/books/English/assets/images/0109-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0112-1.jpg b/src/books/English/assets/images/0112-1.jpg
new file mode 100644
index 0000000..f9816ef
--- /dev/null
+++ b/src/books/English/assets/images/0112-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0114-1.jpg b/src/books/English/assets/images/0114-1.jpg
new file mode 100644
index 0000000..a9d521f
--- /dev/null
+++ b/src/books/English/assets/images/0114-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0115-1.jpg b/src/books/English/assets/images/0115-1.jpg
new file mode 100644
index 0000000..ac86db7
--- /dev/null
+++ b/src/books/English/assets/images/0115-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0119-1.jpg b/src/books/English/assets/images/0119-1.jpg
new file mode 100644
index 0000000..7df5a68
--- /dev/null
+++ b/src/books/English/assets/images/0119-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0121-1.jpg b/src/books/English/assets/images/0121-1.jpg
new file mode 100644
index 0000000..82b9086
--- /dev/null
+++ b/src/books/English/assets/images/0121-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0122-1.jpg b/src/books/English/assets/images/0122-1.jpg
new file mode 100644
index 0000000..f5274f1
--- /dev/null
+++ b/src/books/English/assets/images/0122-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0122-2.jpg b/src/books/English/assets/images/0122-2.jpg
new file mode 100644
index 0000000..d7cf2ab
--- /dev/null
+++ b/src/books/English/assets/images/0122-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0123-1.jpg b/src/books/English/assets/images/0123-1.jpg
new file mode 100644
index 0000000..53eff4e
--- /dev/null
+++ b/src/books/English/assets/images/0123-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0123-2.jpg b/src/books/English/assets/images/0123-2.jpg
new file mode 100644
index 0000000..1e5870e
--- /dev/null
+++ b/src/books/English/assets/images/0123-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0123-3.jpg b/src/books/English/assets/images/0123-3.jpg
new file mode 100644
index 0000000..0252143
--- /dev/null
+++ b/src/books/English/assets/images/0123-3.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0124-2.jpg b/src/books/English/assets/images/0124-2.jpg
new file mode 100644
index 0000000..202b607
--- /dev/null
+++ b/src/books/English/assets/images/0124-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0125-1.jpg b/src/books/English/assets/images/0125-1.jpg
new file mode 100644
index 0000000..b8cb8ba
--- /dev/null
+++ b/src/books/English/assets/images/0125-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0126-1.jpg b/src/books/English/assets/images/0126-1.jpg
new file mode 100644
index 0000000..12c1dba
--- /dev/null
+++ b/src/books/English/assets/images/0126-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0126-2.jpg b/src/books/English/assets/images/0126-2.jpg
new file mode 100644
index 0000000..d5f7047
--- /dev/null
+++ b/src/books/English/assets/images/0126-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0126-3.jpg b/src/books/English/assets/images/0126-3.jpg
new file mode 100644
index 0000000..baf8d9d
--- /dev/null
+++ b/src/books/English/assets/images/0126-3.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0126-4.jpg b/src/books/English/assets/images/0126-4.jpg
new file mode 100644
index 0000000..9638363
--- /dev/null
+++ b/src/books/English/assets/images/0126-4.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0127-1.jpg b/src/books/English/assets/images/0127-1.jpg
new file mode 100644
index 0000000..a45a478
--- /dev/null
+++ b/src/books/English/assets/images/0127-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0128-2.jpg b/src/books/English/assets/images/0128-2.jpg
new file mode 100644
index 0000000..ceb2800
--- /dev/null
+++ b/src/books/English/assets/images/0128-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0129-1.jpg b/src/books/English/assets/images/0129-1.jpg
new file mode 100644
index 0000000..b2fa172
--- /dev/null
+++ b/src/books/English/assets/images/0129-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0129-2.jpg b/src/books/English/assets/images/0129-2.jpg
new file mode 100644
index 0000000..27da6cf
--- /dev/null
+++ b/src/books/English/assets/images/0129-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0134-1.jpg b/src/books/English/assets/images/0134-1.jpg
new file mode 100644
index 0000000..c0b830b
--- /dev/null
+++ b/src/books/English/assets/images/0134-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0134-2.jpg b/src/books/English/assets/images/0134-2.jpg
new file mode 100644
index 0000000..320c843
--- /dev/null
+++ b/src/books/English/assets/images/0134-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0134-3.jpg b/src/books/English/assets/images/0134-3.jpg
new file mode 100644
index 0000000..535d11f
--- /dev/null
+++ b/src/books/English/assets/images/0134-3.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0135-1.jpg b/src/books/English/assets/images/0135-1.jpg
new file mode 100644
index 0000000..70aa8cf
--- /dev/null
+++ b/src/books/English/assets/images/0135-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0135-2.jpg b/src/books/English/assets/images/0135-2.jpg
new file mode 100644
index 0000000..9722232
--- /dev/null
+++ b/src/books/English/assets/images/0135-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0137-1.jpg b/src/books/English/assets/images/0137-1.jpg
new file mode 100644
index 0000000..d8a69b1
--- /dev/null
+++ b/src/books/English/assets/images/0137-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0137-2.jpg b/src/books/English/assets/images/0137-2.jpg
new file mode 100644
index 0000000..bb4f596
--- /dev/null
+++ b/src/books/English/assets/images/0137-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0138-1.jpg b/src/books/English/assets/images/0138-1.jpg
new file mode 100644
index 0000000..5d682ed
--- /dev/null
+++ b/src/books/English/assets/images/0138-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0140-1.jpg b/src/books/English/assets/images/0140-1.jpg
new file mode 100644
index 0000000..9e3d7ba
--- /dev/null
+++ b/src/books/English/assets/images/0140-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0143-1.jpg b/src/books/English/assets/images/0143-1.jpg
new file mode 100644
index 0000000..7891d9f
--- /dev/null
+++ b/src/books/English/assets/images/0143-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0145-2.jpg b/src/books/English/assets/images/0145-2.jpg
new file mode 100644
index 0000000..cf2e30e
--- /dev/null
+++ b/src/books/English/assets/images/0145-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0146-1.jpg b/src/books/English/assets/images/0146-1.jpg
new file mode 100644
index 0000000..383ba8a
--- /dev/null
+++ b/src/books/English/assets/images/0146-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0146-2.jpg b/src/books/English/assets/images/0146-2.jpg
new file mode 100644
index 0000000..6c1b32b
--- /dev/null
+++ b/src/books/English/assets/images/0146-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0146-3.jpg b/src/books/English/assets/images/0146-3.jpg
new file mode 100644
index 0000000..bdb1c8e
--- /dev/null
+++ b/src/books/English/assets/images/0146-3.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0146-4.jpg b/src/books/English/assets/images/0146-4.jpg
new file mode 100644
index 0000000..eff2479
--- /dev/null
+++ b/src/books/English/assets/images/0146-4.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0146-5.jpg b/src/books/English/assets/images/0146-5.jpg
new file mode 100644
index 0000000..34bc26d
--- /dev/null
+++ b/src/books/English/assets/images/0146-5.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0146-6.jpg b/src/books/English/assets/images/0146-6.jpg
new file mode 100644
index 0000000..97b5985
--- /dev/null
+++ b/src/books/English/assets/images/0146-6.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0147-2.jpg b/src/books/English/assets/images/0147-2.jpg
new file mode 100644
index 0000000..772c923
--- /dev/null
+++ b/src/books/English/assets/images/0147-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0150-1.jpg b/src/books/English/assets/images/0150-1.jpg
new file mode 100644
index 0000000..08333d0
--- /dev/null
+++ b/src/books/English/assets/images/0150-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0151-1.jpg b/src/books/English/assets/images/0151-1.jpg
new file mode 100644
index 0000000..86d9ab2
--- /dev/null
+++ b/src/books/English/assets/images/0151-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0152-1.jpg b/src/books/English/assets/images/0152-1.jpg
new file mode 100644
index 0000000..6acca2b
--- /dev/null
+++ b/src/books/English/assets/images/0152-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0153-1.jpg b/src/books/English/assets/images/0153-1.jpg
new file mode 100644
index 0000000..3bade35
--- /dev/null
+++ b/src/books/English/assets/images/0153-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0154-1.jpg b/src/books/English/assets/images/0154-1.jpg
new file mode 100644
index 0000000..749cc75
--- /dev/null
+++ b/src/books/English/assets/images/0154-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0159-1.jpg b/src/books/English/assets/images/0159-1.jpg
new file mode 100644
index 0000000..e28b97f
--- /dev/null
+++ b/src/books/English/assets/images/0159-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0160-1.jpg b/src/books/English/assets/images/0160-1.jpg
new file mode 100644
index 0000000..f8258fe
--- /dev/null
+++ b/src/books/English/assets/images/0160-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0160-2.jpg b/src/books/English/assets/images/0160-2.jpg
new file mode 100644
index 0000000..3f2140d
--- /dev/null
+++ b/src/books/English/assets/images/0160-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0161-1.jpg b/src/books/English/assets/images/0161-1.jpg
new file mode 100644
index 0000000..f88bc7a
--- /dev/null
+++ b/src/books/English/assets/images/0161-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy4-le1.jpg b/src/books/English/assets/images/dy4-le1.jpg
new file mode 100644
index 0000000..a9780eb
--- /dev/null
+++ b/src/books/English/assets/images/dy4-le1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy4-le2.jpg b/src/books/English/assets/images/dy4-le2.jpg
new file mode 100644
index 0000000..1ba5c02
--- /dev/null
+++ b/src/books/English/assets/images/dy4-le2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy4-le3.jpg b/src/books/English/assets/images/dy4-le3.jpg
new file mode 100644
index 0000000..eccb14c
--- /dev/null
+++ b/src/books/English/assets/images/dy4-le3.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy5-le1.jpg b/src/books/English/assets/images/dy5-le1.jpg
new file mode 100644
index 0000000..078d434
--- /dev/null
+++ b/src/books/English/assets/images/dy5-le1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy5-le3.jpg b/src/books/English/assets/images/dy5-le3.jpg
new file mode 100644
index 0000000..11af828
--- /dev/null
+++ b/src/books/English/assets/images/dy5-le3.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy5.jpg b/src/books/English/assets/images/dy5.jpg
new file mode 100644
index 0000000..ce27ee6
--- /dev/null
+++ b/src/books/English/assets/images/dy5.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy6-le1.jpg b/src/books/English/assets/images/dy6-le1.jpg
new file mode 100644
index 0000000..73c6ff8
--- /dev/null
+++ b/src/books/English/assets/images/dy6-le1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy6-le2.jpg b/src/books/English/assets/images/dy6-le2.jpg
new file mode 100644
index 0000000..9c7f7fd
--- /dev/null
+++ b/src/books/English/assets/images/dy6-le2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy6-le3.jpg b/src/books/English/assets/images/dy6-le3.jpg
new file mode 100644
index 0000000..3082804
--- /dev/null
+++ b/src/books/English/assets/images/dy6-le3.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy6.jpg b/src/books/English/assets/images/dy6.jpg
new file mode 100644
index 0000000..d1eb3fe
--- /dev/null
+++ b/src/books/English/assets/images/dy6.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy7-le1.jpg b/src/books/English/assets/images/dy7-le1.jpg
new file mode 100644
index 0000000..35ac5e6
--- /dev/null
+++ b/src/books/English/assets/images/dy7-le1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy7-le2.jpg b/src/books/English/assets/images/dy7-le2.jpg
new file mode 100644
index 0000000..063ac75
--- /dev/null
+++ b/src/books/English/assets/images/dy7-le2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy7-le3.jpg b/src/books/English/assets/images/dy7-le3.jpg
new file mode 100644
index 0000000..688c1ee
--- /dev/null
+++ b/src/books/English/assets/images/dy7-le3.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy7.jpg b/src/books/English/assets/images/dy7.jpg
new file mode 100644
index 0000000..fbf2cc7
--- /dev/null
+++ b/src/books/English/assets/images/dy7.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy8-le1.jpg b/src/books/English/assets/images/dy8-le1.jpg
new file mode 100644
index 0000000..2a759b9
--- /dev/null
+++ b/src/books/English/assets/images/dy8-le1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy8-le2.jpg b/src/books/English/assets/images/dy8-le2.jpg
new file mode 100644
index 0000000..2527ef0
--- /dev/null
+++ b/src/books/English/assets/images/dy8-le2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy8-le3.jpg b/src/books/English/assets/images/dy8-le3.jpg
new file mode 100644
index 0000000..0b81cd4
--- /dev/null
+++ b/src/books/English/assets/images/dy8-le3.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dy8.jpg b/src/books/English/assets/images/dy8.jpg
new file mode 100644
index 0000000..5707050
--- /dev/null
+++ b/src/books/English/assets/images/dy8.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dyworksheet1.jpg b/src/books/English/assets/images/dyworksheet1.jpg
new file mode 100644
index 0000000..f8c6f2e
--- /dev/null
+++ b/src/books/English/assets/images/dyworksheet1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/dyworksheet2.jpg b/src/books/English/assets/images/dyworksheet2.jpg
new file mode 100644
index 0000000..9d9702f
--- /dev/null
+++ b/src/books/English/assets/images/dyworksheet2.jpg
Binary files differ
diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less
index 4c0de43..3add23e 100644
--- a/src/books/English/assets/main.less
+++ b/src/books/English/assets/main.less
@@ -770,11 +770,56 @@
   .event-header-bc-unit3 {
     background: linear-gradient(to right, #3ab186, #fff);
   }
+  .event-header-bc-unit4 {
+    background: linear-gradient(to right, #814974, #fff);
+  }
+  .event-header-bc-unit5 {
+    background: linear-gradient(to right, #AE603F, #fff);
+  }
+  .event-header-bc-unit6 {
+    background: linear-gradient(to right, #2B6026, #fff);
+  }
+  .event-header-bc-unit7 {
+    background: linear-gradient(to right, #004A6D, #fff);
+  }
+  .event-header-bc-unit8 {
+    background: linear-gradient(to right, #FEC50D, #fff);
+  }
   .event-header-text-bc-unit3 {
     background-color: #cbe6d3;
   }
+  .event-header-text-bc-unit4 {
+    background-color: #E0CAD4;
+  }
+  .event-header-text-bc-unit5 {
+    background-color: #E6D1C1;
+  }
+  .event-header-text-bc-unit6 {
+    background-color: #DCE4B8;
+  }
+  .event-header-text-bc-unit7 {
+    background-color: #99BFD6;
+  }
+  .event-header-text-bc-unit8 {
+    background-color: #F7E8BB;
+  }
   .event-text-color-unit3 {
     color: #3ab186;
+  }
+  .event-text-color-unit4 {
+    color: #814974;
+  }
+  .event-text-color-unit5 {
+    color: #AE603F;
+  }
+  .event-text-color-unit6 {
+    color: #2B6026;
+  }
+  .event-text-color-unit7 {
+    color: #004A6D;
+  }
+  .event-text-color-unit8 {
+    color: #FEC50D ;
   }
   .y-bc {
     background-color: #f3e3c7;
@@ -868,6 +913,21 @@
     .chapter-left-bc-unit3 {
       background-color: #3ab186;
     }
+    .chapter-left-bc-unit4 {
+      background-color: #814974;
+    }
+    .chapter-left-bc-unit5 {
+      background-color: #C17654;
+    }
+    .chapter-left-bc-unit6 {
+      background-color: #326C36;
+    }
+    .chapter-left-bc-unit7 {
+      background-color: #004A6D;
+    }
+    .chapter-left-bc-unit8 {
+      background-color: #FEC50D;
+    }
     .chapter-right-bc {
       background-color: #bbd4ec;
     }
@@ -878,6 +938,26 @@
     .chapter-right-bc-unit3 {
       background-color: #cbe6d3;
       padding-right: 10%;
+    } 
+    .chapter-right-bc-unit4 {
+      background-color: #E0CAD4;
+      padding-right: 10%;
+    }
+    .chapter-right-bc-unit5 {
+      background-color: #E6D1C1;
+      padding-right: 10%;
+    }
+    .chapter-right-bc-unit6 {
+      background-color: #DCE4B8;
+      padding-right: 10%;
+    }
+    .chapter-right-bc-unit7 {
+      background-color: #99BFD6;
+      padding-right: 10%;
+    }
+    .chapter-right-bc-unit8 {
+      background-color: #F7E8BB;
+      padding-right: 10%;
     }
     .chapter-right-cl {
       color: #639bc2;
@@ -888,6 +968,21 @@
     .chapter-right-cl-unit3 {
       color: #3ab186;
     }
+    .chapter-right-cl-unit4 {
+      color: #814974;
+    }
+    .chapter-right-cl-unit5 {
+      color: #C17654;
+    }
+    .chapter-right-cl-unit6 {
+      color: #326C36;
+    }
+    .chapter-right-cl-unit7 {
+      color: #004A6D;
+    }
+    .chapter-right-cl-unit8 {
+      color: #FEC50D;
+    }
   }
   .tl-w-45{
       width: 45%;
diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index 29f79bd..1a99f0b 100644
--- a/src/books/English/view/components/chapter004.vue
+++ b/src/books/English/view/components/chapter004.vue
@@ -27,17 +27,41 @@
                 <ul class="preface-odd-header w100 fl ju-bt">
                     <li class=""></li>
                     <li class="fz-18">
-                        <span class="chapter-left-bc-unit3">MODULE 4</span>
-                        <span class="chapter-right-bc-unit3 fw-bl chapter-right-cl-unit3">A BETTER WORLD WITH
+                        <span class="chapter-left-bc-unit4">MODULE 4</span>
+                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
                             VOLUNTEERS</span>
                     </li>
                 </ul>
             
                 <div class="padding-93">
-                    <div class="bodystyle"></div>
+                    <div class="bodystyle">
+                        <h2 id="b013"><img class="img-0" alt="" src="../../assets/images/dy4-le1.jpg" /></h2>
+                        <h3 id="c028"><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></p>
+                        <div class="bk-wh">
+                            <p>robot floor cleaner銆�self-balancing scooter銆�camera drone銆�smartwatch銆�fingerprint door
+                                lock銆�VR headset</p>
+                        </div>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-1.jpg" /></p>
+                        <p class="center">1._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-2.jpg" /></p>
+                        <p class="center">2._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-3.jpg" /></p>
+                        <p class="center">3._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-4.jpg" /></p>
+                        <p class="center">4._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-5.jpg" /></p>
+                        <p class="center">5._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-6.jpg" /></p>
+                        <p class="center">6._____________________</p>
+                        <p><b>鈪�.Read the following descriptions of the items in the above pictures,and then put the
+                                number of the corresponding picture in the blanks.</b></p>
+                        <p class="center"><img class="img-0" alt="" src="../../assets/images/0069-7.jpg" /></p>
+                    </div>
                 </div>
                 <div class="preface-bottom">
-                    <span class="contet-num-box">39</span>
+                    <span class="contet-num-box">59</span>
                 </div>
             </div>
         </div> -->
@@ -46,19 +70,940 @@
             <div v-if="showPageList.indexOf(66) > -1">
         
                 <div class="w100 mb-20" style="padding-right: 20px">
-                    <div class="event-header-bc-unit3 fl al-end" style="height: 100px; padding-left: 40px">
-                        <div class="preface-header-box event-header-text-bc-unit3">
+                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit4">
                             <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
-                            <span class="g-text event-text-color-unit3">鍩虹妯″潡涓�</span>
+                            <span class="g-text event-text-color-unit4">鍩虹妯″潡涓�</span>
                         </div>
                     </div>
                 </div>
 
                 <div class="padding-93">
-                    <div class="bodystyle"></div>
+                    <div class="bodystyle">
+                        <h3 id="c029"><span class="bjh3">Listening</span></h3>
+                        <p><b>Listen to the conversation between Tony and Zhang Ping and match the sentence halves.</b>
+                        </p>
+                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
+                            @play="audioPlay"></audio>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0070-2.jpg" /></p>
+                        <h3 id="c030"><span class="bjh3">Reading</span></h3>
+                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
+                            @play="audioPlay"></audio>
+                        <p>1.Technology is all around us.What images spring to your mind when you hear the word 鈥渞obot鈥�?
+                        </p>
+                        <p>2.How can robots help humans today in daily life and work?</p>
+                        <p class="center"><b>Robots in Action</b></p>
+                        <p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
+                            soon be used to study sea creatures up close.These robots can blend right in with underwater
+                            habitats.Robots take on tasks to make our life easier and safer.Scientists keep coming up
+                            with jobs that machines can do.Sometimes,the machines can do a better job than humans.Take a
+                            look at the latest robots.</p>
+                        <p><b>Super Swimmer</b></p>
+                        <p>The Octobot is perfectly named.Its design is based on the octopus.The robot is the size of a
+                            shoebox.It can blend in with its underwater surroundings.The Octobot can travel at seven
+                            inches per second.That is close to the speed of an octopus.The Octobot moves through water
+                            by slowly opening its soft rubber arms and then snapping them shut.During tests,fish swam
+                            alongside the Octobot.Researchers can use the robot to study sea creatures.</p>
+                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0070-4.jpg" /></p>
+                    </div>
                 </div>
                 <div class="preface-bottom">
-                    <span class="contet-num-box">12</span>
+                    <span class="contet-num-box">60</span>
+                </div>
+            </div>
+        </div>
+        <!-- 61 -->
+        <div class="page-box" page="67">
+            <div v-if="showPageList.indexOf(67) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit4">MODULE 4</span>
+                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
+                            VOLUNTEERS</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p><b>See Spot Run</b></p>
+                        <p>Spot looks and moves much like a real dog.But don鈥檛 expect it to play fetch.Boston Dynamics
+                            created the four-legged,160-pound mechanical dog.It can climb mountains.It can cross
+                            woods.It can go upstairs.Spot can also keep itself from falling over if it loses its
+                            balance.In the future,Spot may be used for search-and-rescue missions and to carry heavy
+                            facilities.</p>
+                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-3.jpg" /></p>
+                        <p><b>Hotel Helper</b></p>
+                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-2.jpg" /></p>
+                        <p>No towels? No problem! At the Crowne Plaza in the Dishuihu area of Shanghai,Mingo robot is on
+                            the job.The three-foot-tall robot has been making deliveries to guest rooms.When a guest
+                            asks for an item,a clerk places it in Mingo鈥檚 lid and enters the room number onto a
+                            screen.Guests are always very excited when Mingo arrives with a delivery.</p>
+                        <p><b>Big in Japan</b></p>
+                        <p>In Japan,scientists are leading the way in creating humanoid robots.SoftBank introduced
+                            Pepper,a four-foot-tall robot who can talk with humans and react to emotions.If you
+                            frown,Pepper will try to cheer you up.The robot is being used in stores.But SoftBank has
+                            bigger plans for Pepper.It may one day keep humans company and help teach children.</p>
+                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-1.jpg" /></p>
+                        <p class="fl al-cn mt-40">
+                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
+                            <span class="line-border-box"></span>
+                        </p>
+                        <p class="center"> <audio :src="resource.listenOne" controls
+                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+                        <p>creature /藞kri藧t蕛蓹(r)/ <i>n.</i> 鐢熺墿锛涳紙灏ゆ寚锛� 鍔ㄧ墿</p>
+                        <div class="bkbj">
+                            <p><i>a living thing that can move around,such as an animal</i></p>
+                        </div>
+                        <p>blend /blend/ <i>v.</i> 铻嶅悎锛涘崗璋�</p>
+                        <div class="bkbj">
+                            <p><i>to mix harmoniously</i></p>
+                        </div>
+                        <p>habitat /藞h忙b瑟t忙t/ <i>n.</i> 鏍栨伅鍦�</p>
+                        <div class="bkbj">
+                            <p><i>the place where a particular type of animal or plant is normally found</i></p>
+                        </div>
+                        <p>octopus /藞蓲kt蓹p蓹s/ <i>n.</i> 绔犻奔</p>
+                        <div class="bkbj">
+                            <p><i>a sea creature with a soft round body and eight long muscular arms</i></p>
+                        </div>
+                        <p>rubber /藞r蕦b蓹(r)/ <i>n.</i> 姗¤兌</p>
+                        <div class="bkbj">
+                            <p><i>a strong,waterproof,elastic substance made from the juice of a tropical plant</i></p>
+                        </div>
+                        <p>snap /sn忙p/ <i>v.</i> 锛堜娇鍟湴锛� 鍏充笂锛涙墦寮�</p>
+                        <div class="bkbj">
+                            <p><i>to move sth.into a particular position quickly,esp.with a sudden sharp noise</i></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">61</span>
+                </div>
+            </div>
+        </div>
+        <!-- 62 -->
+        <div class="page-box" page="68">
+            <div v-if="showPageList.indexOf(68) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit4">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit4">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>fetch /fet蕛/ <i>n.</i> 鍘诲彇鍥�</p>
+                        <div class="bkbj">
+                            <p><i>an act of going for sth.and then bringing it back</i></p>
+                        </div>
+                        <p>mechanical /m蓹藞k忙n瑟kl/ <i>adj.</i> 鏈烘鐨勶紱鏈哄櫒鐨�</p>
+                        <div class="bkbj">
+                            <p><i>operated by power from an engine</i></p>
+                        </div>
+                        <p>balance /藞b忙l蓹ns/ <i>n.</i> 骞宠 </p>
+                        <div class="bkbj">
+                            <p><i>even distribution of weight</i></p>
+                        </div>
+                        <p>rescue /藞reskju藧/ <i>n.</i> 鏁戞彺锛涜惀鏁�</p>
+                        <div class="bkbj">
+                            <p><i>the act of saving sb./sth.from a dangerous or difficult situation</i></p>
+                        </div>
+                        <p>mission /藞m瑟蕛n/ <i>n.</i> 浠诲姟锛涗娇鍛�</p>
+                        <div class="bkbj">
+                            <p><i>an important official job that a person or group of people is given to do</i></p>
+                        </div>
+                        <p>facility /f蓹藞s瑟l蓹ti/ <i>n.</i> 璁惧锛涜鏂�</p>
+                        <div class="bkbj">
+                            <p><i>equipment,buildings,services,etc.that are provided for a particular purpose</i></p>
+                        </div>
+                        <p>lid /l瑟d/ <i>n.</i> 鐩栧瓙</p>
+                        <div class="bkbj">
+                            <p><i>a cover over a container that can be removed or opened by turning it or lifting it</i>
+                            </p>
+                        </div>
+                        <p>humanoid /藞hju藧m蓹n蓴瑟d/ <i>adj.</i> 鍍忎汉鐨勶紱浠夸汉鐨�</p>
+                        <div class="bkbj">
+                            <p><i>behaving and looking like a human being</i></p>
+                        </div>
+                        <p>react /ri藞忙kt/ <i>v.</i> 鍥炲簲锛涜捣鍙嶅簲</p>
+                        <div class="bkbj">
+                            <p><i>to behave in a particular way as a result of or in response to sth.</i></p>
+                        </div>
+                        <p>frown /fra蕣n/ <i>v.</i> 鐨辩湁锛涜箼棰�</p>
+                        <div class="bkbj">
+                            <p><i>to make a serious,angry or worried expression by bringing your eyebrows closer
+                                    together</i></p>
+                        </div>
+                        <p>company /藞k蕦mp蓹ni/ <i>n.</i> 闄即锛涘仛浼�</p>
+                        <div class="bkbj">
+                            <p><i>the fact of being with sb.else and not alone</i></p>
+                        </div>
+                        <p>in action 鍦ㄦ椿鍔紱鍦ㄨ繍杞�</p>
+                        <p>blend in (with sth.) 涓庯紙鏌愮墿锛� 鍗佸垎鍗忚皟</p>
+                        <p>on the job 鍦ㄥ矖锛涘湪宸ヤ綔</p>
+                        <p>on the rise 涓庢棩淇卞</p>
+                        <p>cheer sb.up 锛堜娇鏌愪汉锛� 鏇撮珮鍏存垨鏇村揩娲�</p>
+                        <p><b>鈪�.Reading comprehension.</b></p>
+                        <p>A.Read the passage and complete the summary.</p>
+                        <p>Nowadays,there has been a rapid increase in the use of robots in different areas.They make
+                            people鈥檚 lives 1._________.Sometimes,machines can perform better than humans.There are four
+                            examples of the latest robots.Octobot is designed to study 2._________,which can blend in
+                            with its underwater surroundings.Spot is a mechanical dog which may</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">62</span>
+                </div>
+            </div>
+        </div>
+        <!-- 63 -->
+        <div class="page-box" page="69">
+            <div v-if="showPageList.indexOf(69) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit4">MODULE 4</span>
+                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
+                            VOLUNTEERS</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p> be used for 3._________missions.Mingo could be found in hotels making 4._________.A humanoid
+                            robot Pepper has been created to communicate with humans and react to 5._________.</p>
+                        <p>B.Match the four types of robots introduced in the passage with the descriptions below.</p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0073-1.jpg" /></p>
+                        <p><b>鈪�.Language focus.</b></p>
+                        <p>A.Fill in the blanks with the proper form of the words given below.</p>
+                        <div class="bk-wh">
+                            <p>facility銆�mission銆�mechanical銆�habitat銆�creature銆�react</p>
+                        </div>
+                        <p>1.This jellyfish looks like a _______ from outer space.</p>
+                        <p>2.The giant panda _______ is commonly known as a bamboo forest.</p>
+                        <p>3.China launched its first manned space _______ in 2003.</p>
+                        <p>4.E-Theatre is equipped with state-of-the-art audio and video _______ .</p>
+                        <p>5.Research shows that video games can help us think and _______ faster.</p>
+                        <p>6.Our company has over 10 years of experience in the field of _______ engineering.</p>
+                        <p>B.Choose the correct preposition or adverb.</p>
+                        <p>1.I have not yet seen the machines <i><span class="u">in / into</span></i> action.</p>
+                        <p>2.Technology is <i><span class="u">off / on</span></i> the rise more than ever before.</p>
+                        <p>3.The secretary is not willing to take <i><span class="u">up / on</span></i> any extra work.
+                        </p>
+                        <p>4.Employees are not allowed to smoke while <i><span class="u">on / in</span></i> the job.</p>
+                        <p>5.I don鈥檛 know how to cheer him <i><span class="u">up / on</span></i> when he found the
+                            project was a total failure.</p>
+                        <p>C.Translate the following sentences into Chinese.</p>
+                        <p>1.While riding your scooter,you should keep your body in balance.</p>
+                        <p>__________________________________________________</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">63</span>
+                </div>
+            </div>
+        </div>
+        <!-- 64 -->
+        <div class="page-box" page="70">
+            <div v-if="showPageList.indexOf(71) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit4">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit4">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>2.The task of the robot is to serve the technicians on the site by fetching supplies from a
+                            central store.</p>
+                        <p>__________________________________________________</p>
+                        <p>3.Not only does our team have professional equipment,but they also have a great amount of
+                            rescue experience.</p>
+                        <p>__________________________________________________</p>
+                        <p>4.Food processors are great tools for blending vegetables and fruits.</p>
+                        <p>__________________________________________________</p>
+                        <p><b>鈪�.Grammar focus:The comparative degree.</b></p>
+                        <p>A.Write the comparative form for each word below.</p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0074-1.jpg" /></p>
+                        <p>B.Fill in the blanks with the correct comparatives from the above.</p>
+                        <p>1.The new car model may be launched _______ than expected.</p>
+                        <p>2.The higher we go above the earth,the _______ the air is.</p>
+                        <p>3.What you plant now,you will harvest _______ .</p>
+                        <p>4.People come online _______ with smartphones than with any other device.</p>
+                        <p>5.The big ball is _______ than the small ball.</p>
+                        <p>6.In fact,the summer heat is _______ than lightning.</p>
+                        <p>7.Our mission is to create a/an _______ everyday life for the many people.</p>
+                        <p>8.I wanted to discuss it _______ ,but we didn鈥檛 have time.</p>
+                        <h3 id="c031"><span class="bjh3">Mini-project</span></h3>
+                        <p>Robots play a bigger role in our life than ever before.Discuss the following questions with
+                            your partner.Afterwards,share your thoughts in class.</p>
+                        <div class="fieldset">
+                            <p>Questions:1.What are the differences between humanoid robots and human beings?</p>
+                            <p>銆�銆�銆�2.List the things that robots can鈥檛 do but humans can.</p>
+                            <p>銆�銆�銆�3.If you could design your own robot,what functions would you expect of it?</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">64</span>
+                </div>
+            </div>
+        </div>
+        <!-- 65 -->
+        <div class="page-box" page="71">
+            <div v-if="showPageList.indexOf(71) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit4">MODULE 4</span>
+                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
+                            VOLUNTEERS</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0075-1.jpg" /></p>
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
+                        <div class="bk-wh">
+                            <p>physical銆�complex銆�social銆�relationship銆�feeling銆�emotion銆�empathy銆�thought銆�tireless銆�creative
+                            </p>
+                        </div>
+                        <h2 id="b014"><img class="img-0" alt="" src="../../assets/images/dy4-le2.jpg" /></h2>
+                        <h3 id="c032"><span class="bjh3">Warm-up</span></h3>
+                        <p><b>Work in groups and ask your group members about their interest in science,and then report
+                                your findings to the class.</b></p>
+                        <div class="fieldset-1">
+                            <p class="center"><b>Interest in Science</b></p>
+                            <p>1. Do you like science?</p>
+                            <p>鈻� YES (Continue to Question 2) </p>
+                            <p>鈻� NO (Go directly to Question 4)</p>
+                            <p>2. What/Who inspired your interest in science?</p>
+                            <p>鈻� Parents/Relatives.</p>
+                            <p>鈻� Film/TV.</p>
+                            <p>鈻� Friends.</p>
+                            <p>鈻� Internet.</p>
+                            <p>鈻� Teachers.</p>
+                            <p>鈻� A special event.</p>
+                            <p>鈻� School or a particular subject.</p>
+                            <p>鈻� I don鈥檛 know.</p>
+                            <p>鈻� Books.</p>
+                            <p>鈻� Other.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">65</span>
+                </div>
+            </div>
+        </div>
+        <!-- 66 -->
+        <div class="page-box" page="72">
+            <div v-if="showPageList.indexOf(72) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit4">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit4">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <div class="fieldset-1">
+                            <p>3. Why are you interested in studying science?</p>
+                            <p>鈻� I am curious about the world.</p>
+                            <p>鈻� It challenges me intellectually.</p>
+                            <p>鈻� To earn money.</p>
+                            <p>鈻� To get a good job.</p>
+                            <p>鈻� To help others or contribute to society.</p>
+                            <p>鈻� I don鈥檛 know.</p>
+                            <p>鈻� To search for answers or make new discoveries.</p>
+                            <p>鈻� Other.</p>
+                            <p>4. What are the main reasons that you are not interested in science?</p>
+                            <p>鈻� It鈥檚 difficult for me to understand.</p>
+                            <p>鈻� I find it boring.</p>
+                            <p>鈻� Science is not spread to the public effectively.</p>
+                            <p>鈻� I鈥檓 too lazy.</p>
+                            <p>鈻� There has been nothing to encourage or inspire me.</p>
+                            <p>鈻� I don鈥檛 know.</p>
+                            <p>鈻� I don鈥檛 like my science teacher.</p>
+                            <p>鈻� Other.</p>
+                        </div>
+                        <p>You may start your survey report with the following expressions:</p>
+                        <p><i>Most students seem</i>鈥�</p>
+                        <p><i>It appears that most students</i>鈥�</p>
+                        <p><i>What surprised me is that</i>鈥�</p>
+                        <h3 id="c033"><span class="bjh3">Reading</span></h3>
+                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
+                            @play="audioPlay"></audio>
+                        <p>1.Are you amazed by the stars in the night sky,wondering what brought life into existence?
+                        </p>
+                        <p>2.What is your dream about space exploration?</p>
+                        <p class="center"><b>Fresh Face of Science</b></p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0076-2.jpg" /></p>
+                        <p>According to Zhao Hongzhou,founder of China鈥檚 scientometrics,scientists typically make their
+                            biggest achievements between the ages of 25 and 45,which is true of the scientists and
+                            engineers working on FAST(Five-hundred-meter Aperture Spherical Telescope).Its engineering
+                            and operation team has an average age of 39,while its on-site team has an average age of
+                            30.Meanwhile,the scientific spirit these young scientists have shown is also moving.</p>
+                        <p>As the world鈥檚 largest radio telescope,it has been </p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">66</span>
+                </div>
+            </div>
+        </div>
+        <!-- 67 -->
+        <div class="page-box" page="73">
+            <div v-if="showPageList.indexOf(73) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit4">MODULE 4</span>
+                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
+                            VOLUNTEERS</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>quite helpful in the discovery of around 340 pulsars,since becoming operational in September
+                            2016.It has also contributed to helping human beings better understand the origin of fast
+                            radio
+                            bursts,extremely brief but powerful flashes in the universe.FAST was listed by the journals
+                            <i>Nature</i> and<i> Science</i> as one of the biggest scientific discoveries of 2020.
+                        </p>
+                        <p>The construction of FAST pushed the team to its physical and intellectual limits,including
+                            creating new systems to operate the telescope,also known as the 鈥淪ky Eye鈥�.At the age of
+                            28,Yao Rui,a researcher behind FAST鈥檚 feed cabin,was responsible for creating the 鈥減upil鈥� of
+                            the 鈥淪ky Eye鈥� after joining the team.Some of her most challenging tasks involved downsizing
+                            the cabin鈥檚 weight from 34 to 30 tons,while keeping most of the systems inside and leaving
+                            enough room to fill it with as much complex and sensitive equipment as possible.Yao鈥檚
+                            solution was to change the shape of the cabin to a diamond structure.The redesign was
+                            daring,but later testing proved that it worked perfectly.鈥淚鈥檓 not worried about
+                            problems,because wherever there is a problem,there is a chance for further research,鈥� she
+                            said.鈥淎s a young scientist,I am lucky to associate my personal passions with the needs of
+                            the nation,so I can improve and grow together with the country.鈥�</p>
+                        <p>Sun Jinghai,a 38-year-old researcher of FAST,was involved in perfecting and protecting the
+                            giant machine.Nan Rendong,FAST鈥檚 former chief scientist,often stressed that FAST not only
+                            needed to be precise and sensitive in its applications,but it should also be beautiful to
+                            look at.鈥淗e expected nothing less of an instrument of national significance,鈥� Sun said.He
+                            spent 15 years on FAST,and,in return,FAST helped him to grow,increased his knowledge,and
+                            rewarded him with confidence as he overcame many difficulties and setbacks.</p>
+                        <p>The 鈥淪ky Eye鈥� is open to the world and offers more observation possibilities to the global
+                            scientific community,contributing Chinese wisdom to building a community of a shared future
+                            for humanity.</p>
+                        <p class="fl al-cn mt-40">
+                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
+                            <span class="line-border-box"></span>
+                        </p>
+                        <p class="center"> <audio :src="resource.listenOne" controls
+                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+                        <p>scientometrics /藞sa瑟蓹nt蓹蕣藞metr瑟ks/ <i>n.</i> 绉戝璁¢噺瀛�</p>
+                        <div class="bkbj">
+                            <p><i>the science of measuring and analyzing science</i></p>
+                        </div>
+                        <p>telescope /藞tel瑟sk蓹蕣p/ <i>n.</i> 鏈涜繙闀�</p>
+                        <div class="bkbj">
+                            <p><i>a piece of equipment shaped like a tube that is used to view distant objects</i></p>
+                        </div>
+                        <p>pulsar /藞p蕦ls蓱藧(r)/ <i>n.</i> 鑴夊啿鏄�</p>
+                        <div class="bkbj">
+                            <p><i>a star that cannot be seen but that sends out regular rapid radio signals</i></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">67</span>
+                </div>
+            </div>
+        </div>
+        <!-- 68 -->
+        <div class="page-box" page="74">
+            <div v-if="showPageList.indexOf(74) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit4">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit4">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>origin /藞蓲r瑟d蕭瑟n/ <i>n.</i> 璧峰洜锛涜捣婧�</p>
+                        <div class="bkbj">
+                            <p><i>the cause of sth.or the point from which sth.starts</i></p>
+                        </div>
+                        <p>burst /b蓽藧st/ <i>n.</i> 鐖嗚锛涚垎鐮�</p>
+                        <div class="bkbj">
+                            <p><i>a sudden brief outbreak or explosion</i></p>
+                        </div>
+                        <p>universe /藞ju藧n瑟v蓽藧s/ <i>n.</i> 瀹囧畽</p>
+                        <div class="bkbj">
+                            <p><i>the whole of space and everything in it,including the earth,the planets and the
+                                    stars</i></p>
+                        </div>
+                        <p>intellectual /藢瑟nt蓹藞lekt蕛u蓹l/ <i>adj.</i> 鏅哄姏鐨勶紱鑴戝姏鐨�</p>
+                        <div class="bkbj">
+                            <p><i>using a person鈥檚 ability to think in a logical way and understand things</i></p>
+                        </div>
+                        <p>cabin /藞k忙b瑟n/ <i>n.</i> 鑸变綋锛涜埞鑸�</p>
+                        <div class="bkbj">
+                            <p><i>a small room on a ship in which you live or sleep</i></p>
+                        </div>
+                        <p>pupil /藞pju藧pl/ <i>n.</i> 鐬冲瓟</p>
+                        <div class="bkbj">
+                            <p><i>the small round black area at the center of the eye</i></p>
+                        </div>
+                        <p>complex /藞k蓲mpleks/ <i>adj.</i> 澶嶆潅鐨�</p>
+                        <div class="bkbj">
+                            <p><i>made up of (usu.several) closely connected parts</i></p>
+                        </div>
+                        <p>diamond /藞da瑟蓹m蓹nd/ <i>n.</i> 鑿卞舰</p>
+                        <div class="bkbj">
+                            <p><i>a shape with four straight sides of equal length and with angles that are not right
+                                    angles</i></p>
+                        </div>
+                        <p>daring /藞de蓹r瑟艐/ <i>adj.</i> 锛堝嚭濂囧湴锛� 澶ц儐鐨�</p>
+                        <div class="bkbj">
+                            <p><i>bold in a new or unusual way</i></p>
+                        </div>
+                        <p>precise /pr瑟藞sa瑟s/ <i>adj.</i> 鍑嗙‘鐨勶紱绮剧‘鐨�</p>
+                        <div class="bkbj">
+                            <p><i>exact and accurate in all its details</i></p>
+                        </div>
+                        <p>reward /r瑟藞w蓴藧d/ <i>v.</i> 鍥炴姤锛涘鍔�</p>
+                        <div class="bkbj">
+                            <p><i>to give sth.to sb.because they have done sth.good or worked hard</i></p>
+                        </div>
+                        <p>overcome /藢蓹蕣v蓹藞k蕦m/ <i>v.</i> 鍏嬫湇锛涜В鍐�</p>
+                        <div class="bkbj">
+                            <p><i>to succeed in dealing with or controlling a problem that has been preventing you from
+                                    achieving sth.</i></p>
+                        </div>
+                        <p>observation /藢蓲bz蓹藞ve瑟蕛n/ <i>n.</i> 瑙傚療锛涜娴�</p>
+                        <div class="bkbj">
+                            <p><i>the act of watching sb./sth.carefully for a period of time</i></p>
+                        </div>
+                        <p>community /k蓹藞mju藧n蓹ti/ <i>n.</i> 鏈夊叡鍚屽埄鐩婄殑闆嗕綋</p>
+                        <div class="bkbj">
+                            <p><i>a group of people with shared interests</i></p>
+                        </div>
+                        <p>work on 鑷村姏浜庯紱浠庝簨</p>
+                        <p>be responsible for 瀵光�︹�﹁礋璐�</p>
+                        <p>in return 浣滀负鍥炴姤</p>
+                        <p>contribute to 鏈夊姪浜庯紱瀵光�︹�︽湁鎵�璐$尞</p>
+                        <p>be involved in 鍙備笌锛涙秹鍙�</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">68</span>
+                </div>
+            </div>
+        </div>
+        <!-- 69 -->
+        <div class="page-box" page="75">
+            <div v-if="showPageList.indexOf(75) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit4">MODULE 4</span>
+                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
+                            VOLUNTEERS</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <div class="bj-note">
+                            <p><b>Notes:</b></p>
+                            <p>FAST锛氬叏绉颁负Five-hundred-metre Aperture Spherical
+                                Telescope銆備簲鐧剧背鍙e緞灏勭數鏈涜繙闀滀綅浜庝腑鍥借吹宸炵渷榛斿崡甯冧緷鏃忚嫍鏃忚嚜娌诲窞澧冨唴锛屾槸鍏锋湁鎴戝浗鑷富鐭ヨ瘑浜ф潈銆佷笘鐣屾渶澶у崟鍙e緞銆佹渶鐏垫晱鐨勫皠鐢垫湜杩滈暅銆傚畠琚獕涓衡�滀腑鍥藉ぉ鐪尖�濓紝澶у箙鎷撳睍浜嗕汉绫荤殑瑙嗛噹锛岀敤浜庢帰绱㈠畤瀹欑殑璧锋簮鍜屾紨鍖栥��
+                            </p>
+                            <p>Nan Rendong锛氬崡浠佷笢锛屼腑鍥藉ぉ鏂囧瀹讹紝鈥滀腑鍥藉ぉ鐪尖��
+                                鐨勪富瑕佸彂璧疯�呭拰濂犲熀浜猴紝鑷�1994骞撮」鐩鐮旂┒鍒�2016骞村缓鎴愶紝鍧氭寔浜�22骞达紝鍦ㄥ皠鐢靛ぉ鏂囩爺绌堕鍩熴�佸浗瀹堕噸澶ч渶姹傘�佸浗闄呭悎浣滅瓑鏂归潰鍋氬嚭浜嗛噸瑕佽础鐚紝琚巿浜堚�滀汉姘戠瀛﹀鈥� 鍥藉鑽h獕绉板彿銆�
+                            </p>
+                        </div>
+                        <p><b>鈪�.Reading comprehension.</b></p>
+                        <p>A.Complete the introduction of the FAST team with the numbers in the box.</p>
+                        <div class="bk-wh">
+                            <p>15銆�28銆�30銆�38銆�39銆�340銆�2016</p>
+                        </div>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0079-1.jpg" /></p>
+                        <p>B.Decide whether the following statements are true (T) or false (F).</p>
+                        <p>(銆�) 1.According to Zhao Hongzhou鈥檚 analysis,scientists usually make their greatest
+                            achievements before the age of 45.</p>
+                        <p>(銆�) 2.FAST helps scientists better understand the origin of the universe and find potential
+                            life on other planets.</p>
+                        <p>(銆�) 3.Yao Rui is lucky to associate her personal interests with the development of the
+                            country.</p>
+                        <p>(銆�) 4.Sun Jinghai encountered many difficulties in the construction of FAST and lost
+                            confidence in himself.</p>
+                        <p>(銆�) 5.Young Chinese scientists contribute their wisdom to building a community of a shared
+                            future.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">69</span>
+                </div>
+            </div>
+        </div>
+        <!-- 70 -->
+        <div class="page-box" page="76">
+            <div v-if="showPageList.indexOf(76) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit4">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit4">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p><b>鈪�.Language focus.</b></p>
+                        <p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
+                            have been given.</p>
+                        <p>1.The o _______ of life is one of the great mysteries in the universe.</p>
+                        <p>2.The most c _______ science is biology followed by chemistry and next is physics.</p>
+                        <p>3.Years of doing scientific research had made her very p _______ in her working methods.</p>
+                        <p>4.The competition is designed to inspire and r _______ the next generation of scientific
+                            leaders.</p>
+                        <p>5.Learning how to o _______ challenges is a necessary life skill on the road to success.</p>
+                        <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
+                        <div class="bk-wh">
+                            <p>work on銆�in return銆�be responsible for銆�be involved in銆�contribute to</p>
+                        </div>
+                        <p>1.If we are nice to others,we expect that they will be nice to us _______ .</p>
+                        <p>2.We will always remember Yuan Longping who _______ China鈥檚 food security.</p>
+                        <p>3.The service of food delivery robot is still not satisfactory,but the company say they鈥檙e
+                            _______ it.</p>
+                        <p>4.All drivers _______ their vehicles鈥攅ven when it鈥檚 a self-driving car accident.</p>
+                        <p>5.Studies show how customers can _______ innovation development by giving feedback.</p>
+                        <p><b>鈪�.Grammar focus:The superlative degree.</b></p>
+                        <p>Complete the sentences with the superlative form of the words in the brackets.</p>
+                        <p>1.He is probably the _______ (creative) designer in our company.</p>
+                        <p>2.This automated store offers the _______ (wide) variety of products.</p>
+                        <p>3.His ankles hurt badly,but his knees hurt _______ (badly).</p>
+                        <p>4.Penicillin is one of the _______ (big) scientific discoveries of all time.</p>
+                        <p>5.You can contact me _______ (easily) by email.Here鈥檚 my address.</p>
+                        <p>6.The light bulb is one of the _______ (helpful) inventions.</p>
+                        <p>7.In our office,Zhang Ming works by far the _______ (hard).</p>
+                        <p>8.As I live _______ (near) to the station,I鈥檒l go and buy the train tickets for us.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">70</span>
+                </div>
+            </div>
+        </div>
+        <!-- 71 -->
+        <div class="page-box" page="77">
+            <div v-if="showPageList.indexOf(77) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit4">MODULE 4</span>
+                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
+                            VOLUNTEERS</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <h3 id="c034"><span class="bjh3">Mini-project</span></h3>
+                        <p>A large number of scientists have made major contributions to the advancement of science and
+                            technology,the improvement of people鈥檚 lives,and the development of the Chinese nation.Work
+                            in groups and list some great Chinese scientists and their contributions to the world,and
+                            then discuss with your group members about their spirit towards scientific research and
+                            innovation.</p>
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0081-2.jpg" /></p>
+                        <h2 id="b015"><img class="img-0" alt="" src="../../assets/images/dy4-le3.jpg" /></h2>
+                        <h3 id="c035"><span class="bjh3">Listening</span></h3>
+                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
+                        <p><b>鈪�.Listen to Nadia talking about her favorite electronic device and mark what she says
+                                about it.</b></p>
+                        <p>鈻� 1.What it is</p>
+                        <p>鈻� 2.Where Nadia got it</p>
+                        <p>鈻� 3.How much it is</p>
+                        <p>鈻� 4.What Nadia uses it for</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">71</span>
+                </div>
+            </div>
+        </div>
+        <!-- 72 -->
+        <div class="page-box" page="78">
+            <div v-if="showPageList.indexOf(78) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit4">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit4">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>鈻� 5.When Nadia owned it</p>
+                        <p>鈻� 6.Why it is important to Nadia</p>
+                        <p><b>鈪�.Ms.Zhang is discussing technology trends with her students.Listen to the
+                                conversation,and write down the benefits of each App.</b></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0082-1.jpg" /></p>
+                        <h3 id="c036"><span class="bjh3">Practical Writing</span></h3>
+                        <p>Work with your partner to discuss the following questions.</p>
+                        <p>1.What is a sales letter like?</p>
+                        <p>2.What are the purposes of a sales letter?</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">72</span>
+                </div>
+            </div>
+        </div>
+        <!-- 73 -->
+        <div class="page-box" page="79">
+            <div v-if="showPageList.indexOf(79) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit4">MODULE 4</span>
+                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
+                            VOLUNTEERS</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p><b>鈪�.Read the following tips and find out how to write an effective sales letter.</b></p>
+                        <p>A sales letter is a marketing tool that businesses use to promote products or service.Like
+                            any other letter you write,you need to include the basics and convey your messages as
+                            clearly as possible.Generally,every sales letter should contain the following elements:</p>
+                        <div class="fieldset">
+                            <p>鈾� <b>A Headline</b>鈥擥rab the reader鈥檚 attention and highlight your main purpose.</p>
+                            <p>鈾� <b>Introduction</b>鈥擯rovide the details of your products or service.</p>
+                            <p>鈾� <b>Body</b>鈥擝uild your credibility.Highlight information such as the product鈥檚
+                                worth,how it performs compared to similar products,or a list of satisfied customers.</p>
+                            <p>鈾� <b>Call to Action</b>鈥擡ncourage the reader to respond.</p>
+                            <p class="center"><img class="img-f" alt="" src="../../assets/images/0083-1.jpg" /></p>
+                        </div>
+                        <p><b>鈪�.As a sales manager,Nadia is writing a letter to introduce a new gardening tool to her
+                                clients.Complete the letter by filling in the blanks with the expressions in the box
+                                below.</b></p>
+                        <div class="bk-wh">
+                            <p>take advantage of銆�suffer from銆�limited time銆�easy to handle銆�difference between</p>
+                        </div>
+                        <div class="fieldset-3">
+                            <p class="left">Easyman Hardware Inc.</p>
+                            <p class="left">3489 Greene Ave.</p>
+                            <p class="left">Olympia, WA</p>
+                            <p class="left">Subject: Home Gardening Made Easy</p>
+                            <p class="left">Dear Mr. Smith,</p>
+                            <p class="left">Gardening can be back-breaking work when you are not using the right tools.
+                                Almost 90% of homeowners injure their backs just by simply raking (鑰�) the leaves in
+                                their back yards. If you are like them and 1._________ a sore back after gardening, then
+                                you need to use our new easy rake leaf blower.</p>
+                            <p class="left">What is the 2.________ raking and blowing leaves:</p>
+                            <p class="left">銆�銆�鈼廚o bending over, so less back pain</p>
+                            <p class="left">銆�銆�鈼�3.________ and your arms do not ache</p>
+                            <p class="left">銆�銆�鈼廝owerful motor blows leaves right where you want them</p>
+                            <p class="left">銆�銆�鈼廌urable and easy to store in your garage</p>
+                            <p class="left">銆�銆�鈼�4._________ 20% discount with every purchase</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">73</span>
+                </div>
+            </div>
+        </div>
+        <!-- 74 -->
+        <div class="page-box" page="80">
+            <div v-if="showPageList.indexOf(80) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit4">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit4">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <div class="fieldset-3">
+                            <p class="left">To 5.________ this offer, just come into our store on the corner of Main and
+                                Front Streets between 8 a.m. and 5 p.m. and see what this leaf blower can do for you.
+                            </p>
+                            <p class="left">Sincerely,</p>
+                            <p class="left">Nadia Jones</p>
+                            <p class="left">Sales Manager</p>
+                        </div>
+                        <p><b>鈪�.Translate the Chinese in the brackets into English to complete the sentences.</b></p>
+                        <p>1.Are you having trouble cleaning your house?__________________ (鎴戜滑鏈夎В鍐虫柟妗�).</p>
+                        <p>2.__________ (鎴戜滑鍒氬垰鎺ㄥ嚭涓�娆炬柊浜у搧) 鈥攎odern sweeper XSweep.</p>
+                        <p>3.With XSweep,you can do it straight from the ground and______________ (瀹冪殑闀垮害鍙揪4鑻卞昂).</p>
+                        <p>4.How much will this cost you?___________________ (鍚繍璐瑰彧瑕�19.99缇庡厓).</p>
+                        <p>5.__________________ (濡傛灉鎮ㄦ劅鍏磋叮鎴栨兂浜嗚В鏇村淇℃伅),you can call us directly at 493-201-2018.</p>
+                        <p>6.__________________ (娆㈣繋鎮ㄦ潵璇曠敤鎴戜滑鐨勬柊浜у搧) and we assure you that you will love it.</p>
+                        <p>鈪�<b>.Wang Qiang,Nadia's client,is planning to have a thorough housecleaning.Nadia wants to
+                                seize the chance to introduce their new sweeper XSweep to him.Work with your partner and
+                                write a sales letter of the new sweeper.</b></p>
+                        <div class="fieldset-4">
+                            <p class="left">Wang Qiang</p>
+                            <p class="left">2398 Red Street</p>
+                            <p class="left">Salem, MA 34588</p>
+                            <p class="left">Subject: A Household Cleaning Tool You Need</p>
+                            <p class="left"><br /></p>
+                            <p class="left">Dear Mr. Wang,</p>
+                            <p class="left">_________________________________________</p>
+                            <p class="left">_________________________________________</p>
+                            <p class="left">_________________________________________</p>
+                            <p class="left">_________________________________________</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">74</span>
+                </div>
+            </div>
+        </div>
+        <!-- 75 -->
+        <div class="page-box" page="81">
+            <div v-if="showPageList.indexOf(81) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit4">MODULE 4</span>
+                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
+                            VOLUNTEERS</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <div class="fieldset-4">
+                            <p class="left">_________________________________________</p>
+                            <p class="left">Sincerely,</p>
+                            <p class="left">Nadia Jones</p>
+                            <p class="left">Sales Manager</p>
+                        </div>
+                        <div class="un-h2">
+                            <h2 id="b016">Unit Project</h2>
+                        </div>
+                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0085-1.jpg" /></p>
+                        <p>Youth are pushing the world forward and shaping the world鈥檚 future.The annual innovation and
+                            entrepreneurship competition (鍒涙柊鍒涗笟澶ц禌) is coming.All the participants are required to create
+                            鈥淔it
+                            for Future鈥� products and solve the world鈥檚 problems through innovation.Work in groups and
+                            find
+                            ways to make a product or solutions and sign up for the competition.</p>
+                        <p><b>Working steps:</b></p>
+                        <p>鉃� Form groups of five</p>
+                        <p>鉃� Each group thinks of a product they want to create(either invent a new product,or create a
+                            variation on the basis of a product you know)</p>
+                        <p>鉃� Develop the details of your product by answering the questions in the box below</p>
+                        <div class="fieldset-5">
+                            <p>What functions does your product have?</p>
+                            <p>Who will buy your product? Why will they buy it?</p>
+                            <p>What advantages does your product have?</p>
+                            <p>Why is your product superior to other products?</p>
+                            <p>How much will your product cost?</p>
+                        </div>
+                        <p>鉃� Draft a sales letter to introduce your product to potential customers</p>
+                        <p>鉃� Make a presentation in front of the class</p>
+                        <p>鉃� Vote for the best product</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">75</span>
+                </div>
+            </div>
+        </div>
+        <!-- 76 -->
+        <div class="page-box" page="82">
+            <div v-if="showPageList.indexOf(82) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit4">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit4">鍩虹妯″潡涓�</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>
+                        <div class="fieldset-4">
+                            <p class="left">Harrison Allen</p>
+                            <p class="left">ABC Textiles</p>
+                            <p class="left">435 Celina, Texas</p>
+                            <p><br /></p>
+                            <p class="left">Dear Mr. Allen,</p>
+                            <p class="left">_________________________________________</p>
+                            <p class="left">_________________________________________</p>
+                            <p class="left">_________________________________________</p>
+                            <p class="left">_________________________________________</p>
+                            <p class="left">_________________________________________</p>
+                            <p class="left">Sincerely,</p>
+                            <p class="left">Lin Yi</p>
+                            <p class="left">Marketing Manager</p>
+                        </div>
+                        <div class="fieldset-4">
+                            <p class="center"><b>Useful Expressions</b></p>
+                            <p>I am really excited about showing you 鈥�</p>
+                            <p>I am going to show you 鈥�</p>
+                            <p>This is one of our latest designs.</p>
+                            <p>It is made of/from/in 鈥�</p>
+                            <p>You can use it to 鈥�</p>
+                            <p>These 鈥� are designed by 鈥�</p>
+                            <p>The package includes 鈥�</p>
+                            <p>It has/contains 鈥�</p>
+                            <p>This kind of 鈥� is practical and economical for the needs of 鈥�</p>
+                            <p>Our products are of superb quality and reasonable price.</p>
+                            <p>We can very well compete against 鈥� in price.</p>
+                            <p>鈥� are the best-selling products of this kind.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">76</span>
                 </div>
             </div>
         </div> -->
@@ -494,4 +1439,78 @@
 };
 </script>
 
-<style lang="less" scoped></style>
\ No newline at end of file
+<style lang="less" scoped>
+p {
+    font-size: 16px !important;
+}
+
+.bodystyle {
+    margin: 0 !important;
+}
+
+.line-border-box {
+    margin-left: 10px;
+    display: inline-block;
+    width: 50%;
+    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;
+        margin-bottom: 15px;
+        height: 20px;
+        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;
+    width: 100%;
+    height: 350px;
+    margin: 0 auto;
+}
+
+.pageBox {
+    z-index: 9999999999;
+    color: #999;
+    position: absolute;
+    left: 48%;
+    bottom: 0px;
+}
+
+select {
+    height: 24px;
+}
+
+.mini-audio {
+    width: 200px;
+    height: 200px;
+    position: fixed;
+    right: 0;
+    background-color: red;
+}
+</style>
\ No newline at end of file
diff --git a/src/books/English/view/components/chapter005.vue b/src/books/English/view/components/chapter005.vue
new file mode 100644
index 0000000..c7de6b3
--- /dev/null
+++ b/src/books/English/view/components/chapter005.vue
@@ -0,0 +1,1532 @@
+<template>
+    <div class="chapter" num="6">
+        <!-- 绗簲鍗曞厓 -->
+        <!-- 77 -->
+        <div class="page-box" page="83">
+            <div class="bodystyle" v-if="showPageList.indexOf(83) > -1">
+                <h1 id="a005">
+                    <img class="img-0" alt="" src="../../assets/images/dy5.jpg" />
+                </h1>
+                <p class="img">
+                <p>鉃� Learn words and expressions about environmental topics</p>
+                <p>鉃� Review the structure of the present perfect tense and the usage of the infinitive</p>
+                <p>鉃� Be able to express your concern on environmental issues</p>
+                <p>鉃� Be able to compose a business memo</p>
+                <p>鉃� Understand the significance of environmental protection</p>
+                </p>
+                <p class="center">
+                    <img class="img-0" alt="" src="../../assets/images/0087-2.jpg" />
+                </p>
+                <p class="img"></p>
+            </div>
+        </div>
+        <!-- 78 -->
+        <div class="page-box" page="84">
+            <div v-if="showPageList.indexOf(84) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit5">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit5">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <h2 id="b017"><img class="img-0" alt="" src="../../assets/images/dy5-le1.jpg" /></h2>
+                        <h3 id="c037"><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></p>
+                        <div class="bk-wh">
+                            <p>plastic waste problem銆�water pollution銆�global warming銆�oil spill銆�air
+                                pollution銆�deforestation</p>
+                        </div>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0088-1.jpg" /></p>
+                        <p class="center">1._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0088-2.jpg" /></p>
+                        <p class="center">2._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0088-3.jpg" /></p>
+                        <p class="center">3._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0088-4.jpg" /></p>
+                        <p class="center">4._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0088-5.jpg" /></p>
+                        <p class="center">5._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0088-6.jpg" /></p>
+                        <p class="center">6._____________________</p>
+                        <p><b>鈪�.What other environmental issues do you know?</b></p>
+                        <p>_____________________________________________</p>
+                        <h3 id="c038"><span class="bjh3">Listening</span></h3>
+                        <p class="center"> <audio :src="resource.readingTwo" controls
+                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+                                @play="audioPlay"></audio></p>
+                        <p><b>Nature is sending warnings to human beings.Watch the video and answer the following
+                                questions.</b></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0088-8.jpg" /></p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">78</span>
+                </div>
+            </div>
+        </div>
+        <!-- 79 -->
+        <div class="page-box" page="85">
+            <div v-if="showPageList.indexOf(85) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit5">MODULE 5</span>
+                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
+                            VOLUNTEERS</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <h3 id="c039"><span class="bjh3">Reading</span></h3>
+                        <p class="center"> <audio :src="resource.readingOne" controls
+                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+                        <p>1.Plastic never biodegrades,so every piece ever made lasts forever! It has posed a serious
+                            threat to our health and future generations.What do you use plastic for in daily life?</p>
+                        <p>2.Can you think of some ways to reduce the use of plastic? Share your ideas with the class.
+                        </p>
+                        <p class="center"><b>A Better Path for Plastic</b></p>
+                        <p>Plastic plays an important role in modern life,serving as building blocks for everything from
+                            packaging to medical equipment.This useful material has undeniable upsides鈥攂ut far too much
+                            of it ends up in landfills or in our environment.What can each of us do to be part of the
+                            solution?</p>
+                        <p>Here鈥檚 some inspiration for how you can make a positive impact in your community and the
+                            world.</p>
+                        <p>1锛塤________________</p>
+                        <p>Initiatives that encourage repair,reuse,and recycling to reduce plastic waste come from every
+                            part of the society and from every corner of the world.In India,some shops have begun
+                            treating recyclable things as a form of exchangeable currency for groceries.In the
+                            U.S.,Phoenix鈥攐nce branded the world鈥檚 least sustainable city鈥攏ow has set an ambitious goal
+                            to be zero-waste by 2050,and other cities are setting their own zero-waste targets.</p>
+                        <p>2锛塤________________</p>
+                        <p>Solving big challenges requires leadership from our elected officials,from businesses,and
+                            from each one of us.As parents or mentors,we can teach and encourage positive behaviors.In
+                            our work,we can drive changes within our own companies.And as everyday citizens,we can share
+                            what matters to us in conversations and on social media.</p>
+                        <p>3锛塤________________</p>
+                        <p>Waste is a problem that is growing right before our eyes.Making decisions about what types of
+                            products to buy鈥攐r whether to purchase them at all鈥攃an feel intense.Start by asking
+                            questions about the products that you鈥檙e using.What is it made of? How long will it last? Is
+                            it recyclable or compostable in your area? Is there an alternative? Then look for products
+                            that contain recycled materials and are designed from the start with circularity in mind.
+                        </p>
+                        <p>4锛塤________________</p>
+                        <p>Placing recyclable and compostable items in their appropriate bins whenever you can is very
+                        </p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">79</span>
+                </div>
+            </div>
+        </div>
+        <!-- 80 -->
+        <div class="page-box" page="86">
+            <div v-if="showPageList.indexOf(86) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit5">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit5">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>important鈥攂ut that鈥檚 not all you can do.Consider ways to buy less and reuse more,such as by
+                            choosing refillable packaging.See if your community offers more repair workshops as a way to
+                            keep items working longer.Neighborhood groups and thrift stores are a great way to pass on
+                            what you no longer need and pick up basic essentials without buying new things.</p>
+                        <p class="fl al-cn mt-40">
+                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
+                            <span class="line-border-box"></span>
+                        </p>
+                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
+                        <p>undeniable /藢蕦nd瑟藞na瑟蓹bl/ <i>adj.</i> 涓嶅彲鍚﹀畾鐨勶紱鏃犲彲浜夎京鐨�</p>
+                        <div class="bkbj">
+                            <p><i>that cannot be denied</i></p>
+                        </div>
+                        <p>upside /藞蕦psa瑟d/ <i>n.</i> 锛堢碂绯曞眬闈㈢殑锛� 濂界殑涓�闈紱姝i潰</p>
+                        <div class="bkbj">
+                            <p><i>the more positive aspect of a situation that is generally bad</i></p>
+                        </div>
+                        <p>landfill /藞l忙ndf瑟l/ <i>n.</i> 搴熺墿濉煁鍦�</p>
+                        <div class="bkbj">
+                            <p><i>an area of land where large amounts of waste materials are buried under the earth</i>
+                            </p>
+                        </div>
+                        <p>initiative /瑟藞n瑟蕛蓹t瑟v/ <i>n.</i> 鍊¤锛涙柊鏂规</p>
+                        <div class="bkbj">
+                            <p><i>a new plan for dealing with a particular problem or for achieving a particular
+                                    purpose</i></p>
+                        </div>
+                        <p>recycling /藢ri藧藞sa瑟kl瑟艐/ <i>n.</i> 鍥炴敹鍒╃敤</p>
+                        <div class="bkbj">
+                            <p><i>the process of processing things that have already been used so that they can be used
+                                    again</i></p>
+                        </div>
+                        <p>currency /藞k蕦r蓹nsi/ <i>n.</i> 璐у竵</p>
+                        <div class="bkbj">
+                            <p><i>the system of money that a country uses</i></p>
+                        </div>
+                        <p>exchangeable /瑟ks藞t蕛e瑟nd蕭蓹bl/ <i>adj.</i> 鍙厬鎹㈢殑锛涘彲浜ゆ崲鐨�</p>
+                        <div class="bkbj">
+                            <p><i>that can be exchanged for money or goods</i></p>
+                        </div>
+                        <p>sustainable /s蓹藞ste瑟n蓹bl/ <i>adj.</i> 锛堝鑷劧璧勬簮鍜岃兘婧愮殑鍒╃敤锛� 涓嶇牬鍧忕敓鎬佸钩琛$殑锛屽悎鐞嗗埄鐢ㄧ殑</p>
+                        <div class="bkbj">
+                            <p><i>involving the use of natural products and energy in a way that does not harm the
+                                    environment</i></p>
+                        </div>
+                        <p>ambitious /忙m藞b瑟蕛蓹s/ <i>adj.</i> 瀹忎紵鐨勶紱杩滃ぇ鐨�</p>
+                        <div class="bkbj">
+                            <p><i>determined to be successful,rich,powerful,etc.</i></p>
+                        </div>
+                        <p>zero-waste <i>adj.</i> 闆跺簾寮冪殑</p>
+                        <div class="bkbj">
+                            <p><i>having no waste</i></p>
+                        </div>
+                        <p>mentor /藞ment蓴藧(r)/ <i>n.</i> 瀵煎笀锛涢【闂�</p>
+                        <div class="bkbj">
+                            <p><i>an experienced person who advises and helps sb.with less experience over a period of
+                                    time</i></p>
+                        </div>
+                        <p>intense /瑟n藞tens/ <i>adj.</i> 鍗佸垎寮虹儓鐨�</p>
+                        <div class="bkbj">
+                            <p><i>very strong</i></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">80</span>
+                </div>
+            </div>
+        </div>
+        <!-- 81 -->
+        <div class="page-box" page="87">
+            <div v-if="showPageList.indexOf(87) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit5">MODULE 5</span>
+                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
+                            VOLUNTEERS</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>compostable [k蓹m藞p蓲st蓹bl] <i>adj.</i> 鍙敤浣滃爢鑲ョ殑</p>
+                        <div class="bkbj">
+                            <p><i>capable of being used as compost</i></p>
+                        </div>
+                        <p>alternative /蓴藧l藞t蓽藧n蓹t瑟v/ <i>n.</i> 鍙緵鏇夸唬鐨勪簨鐗�</p>
+                        <div class="bkbj">
+                            <p><i>a thing that you can choose to replace sth.else</i></p>
+                        </div>
+                        <p>circularity /藢s蓽藧kj蓹藞l忙r蓹ti/ <i>n.</i> 寰幆</p>
+                        <div class="bkbj">
+                            <p><i>moving through a space,circuit or system,returning to the starting point</i></p>
+                        </div>
+                        <p>refillable /藢ri藧藞f瑟l蓹bl/ <i>adj.</i> 閫備簬鍐嶈鐨�</p>
+                        <div class="bkbj">
+                            <p><i>able to be filled again</i></p>
+                        </div>
+                        <p>essential /瑟藞sen蕛l/ <i>n.</i> 蹇呴渶鍝�</p>
+                        <div class="bkbj">
+                            <p><i>fundamentally necessary thing</i></p>
+                        </div>
+                        <p>building blocks缁勬垚閮ㄥ垎锛涙瀯鎴愯绱�</p>
+                        <p>thrift store浜屾墜鍟嗗簵</p>
+                        <p>end up鏈�缁堬紱缁撴灉</p>
+                        <p>pass on浼犻�掞紱缁х画</p>
+                        <p>pick up鍙戠幇锛涙壘鍒�</p>
+                        <p><b>鈪�.Reading comprehension.</b></p>
+                        <p>A.Choose one proper subtitle from the following for paragraph 2-5.There is one subtitle which
+                            you don鈥檛 need.</p>
+                        <p>a.Stay Curious</p>
+                        <p>b.Change Your Lifestyle</p>
+                        <p>c.Solutions in Action</p>
+                        <p>d.Be Responsible</p>
+                        <p>e.Be a Community Leader</p>
+                        <p>B.Read the passage and answer the following questions.</p>
+                        <p>1.What is the use of plastic in modern life?</p>
+                        <p>____________________________________________________</p>
+                        <p>2.Which city in the U.S.has set a goal to be zero-waste by 2050?</p>
+                        <p>____________________________________________________</p>
+                        <p>3.Who should lead the campaign against plastic pollution?</p>
+                        <p>____________________________________________________</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">81</span>
+                </div>
+            </div>
+        </div>
+        <!-- 82 -->
+        <div class="page-box" page="88">
+            <div v-if="showPageList.indexOf(88) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit5">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit5">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p><b>鈪�.Language focus.</b></p>
+                        <p>A.Fill in the blanks with the proper words from the passage.The initial letters of the words
+                            have been given.</p>
+                        <p>1.They hope to raise consumers鈥� awareness and avoid recyclable packaging ending up in
+                            l________sites.</p>
+                        <p>2.The Belt and Road I________has won a warm welcome from the international community.</p>
+                        <p>3.The children were taught to flatten the empty milk cartons and r________them.</p>
+                        <p>4.Many coffee shops started to offer paper straws or ones made of c________plastic.</p>
+                        <p>5.Do your bit for the planet by switching to r________sports bottles.They鈥檙e kind to your
+                            body too!</p>
+                        <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
+                        <div class="bk-wh">
+                            <p>building blocks銆�end up銆�thrift store銆�pass on銆�pick up</p>
+                        </div>
+                        <p>1.If our planet is seriously polluted,what鈥檚 left there to _______ to future generations?</p>
+                        <p>2.Single words are the _______ of language.</p>
+                        <p>3.I buy clothes in the _______ instead of noting the brand names.</p>
+                        <p>4.Every student is responsible for _______ their own litter in the classroom.</p>
+                        <p>5.Large amounts of plastic waste _______ littered on the streets,or worse,in our oceans.</p>
+                        <p>C.Translate the following sentences into Chinese.</p>
+                        <p>1.China has set ambitious targets to reach a carbon peak by 2030 and achieve carbon
+                            neutrality by 2060.</p>
+                        <p>____________________________________________________</p>
+                        <p>2.Consumers are encouraged to use reusable grocery bags instead of plastic bags,which helps
+                            to achieve the zero-waste target.</p>
+                        <p>____________________________________________________</p>
+                        <p>3.Electric cars help to reduce greenhouse gas emissions锛堟帓鏀撅級,making it a great alternative to
+                            gas-only cars.</p>
+                        <p>____________________________________________________</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">82</span>
+                </div>
+            </div>
+        </div>
+        <!-- 83 -->
+        <div class="page-box" page="89">
+            <div v-if="showPageList.indexOf(89) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit5">MODULE 5</span>
+                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
+                            VOLUNTEERS</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>4.The Beijing 2022 Winter Olympics is in line with its concept of delivering a green and
+                            sustainable Games.</p>
+                        <p>____________________________________________________</p>
+                        <p><b>鈪�.Grammar focus:The present perfect tense.</b></p>
+                        <p>A.Mark the correct form of the words in the brackets.</p>
+                        <p>1.Some shops in India have (begin,began,begun) to exchange recyclable things for groceries.
+                        </p>
+                        <p>2.In the U.S.,Phoenix now has (set,sets,setting) an ambitious goal to be zero-waste by 2050.
+                        </p>
+                        <p>3.The temperature increase has (cause,causes,caused) melting glaciers and drought.</p>
+                        <p>4.Destruction of forests has (lead,leads,led) to the extinction of some animal species.</p>
+                        <p>5.A nationwide waste sorting policy has been (adopt,adopted,adopting) to protect the
+                            environment.</p>
+                        <p>6.We need to be aware that some natural resources have (run,ran,running) out.</p>
+                        <p>B.Fill in each blank with the present perfect form of the verb in the brackets.</p>
+                        <p>1.I__________up my mind to live a zero-waste lifestyle to help our planet.(make)</p>
+                        <p>2.Solar power__________more and more popular for domestic use.(become)</p>
+                        <p>3.New energy vehicle industry__________rapid development in the past few years.(experience)
+                        </p>
+                        <p>4.While waste sorting may sound simple,it__________harder to do in practice.(prove)</p>
+                        <p>5.Light pollution__________human health and animal behavior.(affect)</p>
+                        <h3 id="c040"><span class="bjh3">Mini-project</span></h3>
+                        <p>Nature is speaking with a furious tone telling us that she鈥檚 been through a very difficult
+                            time while humans do nothing but make it worse.Search online for the causes and effects of
+                            environmental issues,and finish the worksheet,and then prepare a report to the class.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">83</span>
+                </div>
+            </div>
+        </div>
+        <!-- 84 -->
+        <div class="page-box" page="90">
+            <div v-if="showPageList.indexOf(90) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit5">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit5">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>Nature is speaking with a furious tone telling us that she鈥檚 been through a very difficult
+                            time while humans do nothing but make it worse.Search online for the causes and effects of
+                            environmental issues,and finish the worksheet,and then prepare a report to the class.</p>
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0094-1.jpg" /></p>
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
+                        <div class="bk-wh">
+                            <p>smog銆�greenhouse gases銆�unusual temperature銆�rising sea levels銆�melting glaciers銆�frequent
+                                drought銆�heavier rainstorms銆�soil degradation</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">84</span>
+                </div>
+            </div>
+        </div>
+        <!-- 85 -->
+        <div class="page-box" page="91">
+            <div v-if="showPageList.indexOf(91) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit5">MODULE 5</span>
+                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
+                            VOLUNTEERS</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <h2 id="b018"><img class="img-0" alt="" src="image/dy5-le1.jpg" /></h2>
+                        <h3 id="c041"><span class="bjh3">Warm-up</span></h3>
+                        <p><b>Nature is calling for help! Everyone has a part to play in this everlasting planet-saving
+                                mission.Are you environmentally conscious? Complete the following questionnaire and
+                                check the results.</b></p>
+                        <p class="center"><b>How Green Are You?</b></p>
+                        <div class="fieldset-6">
+                            <p>1.Do you sort your household waste into corresponding categories?</p>
+                            <p>a.Yes,always.銆�b.Sometimes.銆�c.Never.</p>
+                            <p>2.Do you use your own shopping bags?</p>
+                            <p>a.Yes,always.銆�b.Sometimes.銆�c.Never.</p>
+                            <p>3.Do you recycle light bulbs and used batteries?</p>
+                            <p>a.Yes,always.銆�b.Sometimes.銆�c.Never.</p>
+                            <p>4.Do you switch off the lights when you leave a room?</p>
+                            <p>a.Yes,always.銆�b.Sometimes.銆�c.Never.</p>
+                            <p>5.Do you switch off the TV and computer before you go to sleep?</p>
+                            <p>a.Yes,always.銆�b.Sometimes.銆�c.Never.</p>
+                            <p>6.Do you put on warmer clothes on a cold day instead of turning on the heating?</p>
+                            <p>a.Yes,always.銆�b.Sometimes.銆�c.Never.</p>
+                            <p>7.Do you keep the tap closed while you are brushing your teeth?</p>
+                            <p>a.Yes,always.銆�b.Sometimes.銆�c.Never.</p>
+                            <p>8.Do you use public transport or a bike when possible?</p>
+                            <p>a.Yes,always.銆�b.Sometimes.銆�c.Never.</p>
+                            <p>Check the number of the points you have got and see if you are GREEN!</p>
+                            <p>a.2 points銆�b.1 point銆�c.0 point</p>
+                            <div class="fieldset-61">
+                                <p>From 12 to 16</p>
+                                <p>Congratulations! You are definitely environmentally conscious.Thank you for helping
+                                    save our planet!</p>
+                            </div>
+                            <div class="fieldset-61">
+                                <p>From 6 to 11</p>
+                                <p>Well,you should improve and live a greener life.Remember to take environment
+                                    protection as priority.</p>
+                            </div>
+                            <div class="fieldset-61">
+                                <p>Below 5</p>
+                                <p>You should do a lot more to leave a favorable environment to your children and
+                                    grandchildren.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">85</span>
+                </div>
+            </div>
+        </div>
+        <!-- 86 -->
+        <div class="page-box" page="92">
+            <div v-if="showPageList.indexOf(92) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit5">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit5">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <h3 id="c042"><span class="bjh3">Reading</span></h3>
+                        <p>1.鈥淵ou are what you eat.鈥� How do you understand this saying?</p>
+                        <p>2.What is a climate-friendly diet?</p>
+                        <p class="center"><b>Your Dinner Has a Carbon Footprint</b></p>
+                        <p class="center"> <audio :src="resource.listenOne" controls
+                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+                        <p>Every morning,I wake up,and just moments after my feet hit this floor,I鈥檓 reaching for a
+                            sports bra and tying my shoelaces.It鈥檚 time to go running.</p>
+                        <p>Sometimes,I鈥檓 alone.Other times,I鈥檓 with a friend.I鈥檓 a runner,and for me,there鈥檚 nothing
+                            better than a crisp morning,when the air is fresh,the sun is peaking over the horizon,and my
+                            legs are light.But some days,when an air quality warning shows on my phone,I know running
+                            outdoors will be unpleasant.</p>
+                        <p>Most of us would love to cut our carbon footprints in half鈥擨 know I would鈥攂ut it just isn鈥檛
+                            convenient.We want to drive in cars,fly in planes,and eat fruits that only grow on the other
+                            side of the world.I鈥檓 lucky enough to live in a city with great public transportation and a
+                            wealth of ecofriendly ride-sharing options.But actually,not all of us have these choices.
+                        </p>
+                        <p>So,if we can鈥檛 take millions of cars off the road,what can we do right now,on an individual
+                            level,to reduce our carbon footprint?</p>
+                        <p>Well,everybody eats.We eat to celebrate,to grow,and to survive.We also eat selectively.It
+                            seems like everyone has a dietary restriction these days.Most of the dietary choices are
+                            made for personal,health-related reasons,but what I鈥檝e learned recently is that the food we
+                            eat doesn鈥檛 just impact us; it impacts the planet big time.</p>
+                        <p>Just this summer,a group of researchers in the UK published a study comparing the carbon
+                            footprints connected with different diets:meat-eaters,fish-eaters,and vegans.It turns out
+                            that eliminating meat from your diet can reduce your carbon emissions by half.A vegan diet
+                            was connected with the least amount of greenhouse gas emissions鈥�99 percent to 102 percent
+                            less than meateaters鈥攂ut even switching from meat to fish can reduce your dietary emissions
+                            by 50 percent.</p>
+                        <p>Before learning about this study,I never thought about how my diet impacted anyone but
+                            myself.I always figured that what I put into my body was a personal decision,but it鈥檚 a
+                            public concern.</p>
+                        <p>Every night before sleeping,I lay there for a moment,reflecting on the day,and thinking about
+                            my next meatless meal.As I close my eyes,I hope for a crisp morning with fresh air,the sun
+                            peaking over the horizon,a lightness in my legs.I am looking forward to the next day鈥檚 run.
+                        </p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">86</span>
+                </div>
+            </div>
+        </div>
+        <!-- 87 -->
+        <div class="page-box" page="93">
+            <div v-if="showPageList.indexOf(93) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit5">MODULE 5</span>
+                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
+                            VOLUNTEERS</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 &amp; Expressions</span>
+                            <span class="line-border-box"></span>
+                        </p>
+                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
+                            @play="audioPlay"></audio>
+                        <p>crisp /kr瑟sp/ <i>adj.</i> 锛堟寚绌烘皵銆佸ぉ姘旓級 骞插喎鐨勶紱鍑夌埥鐨�</p>
+                        <div class="bkbj">
+                            <p><i>(of the air or the weather) pleasantly dry and cold</i></p>
+                        </div>
+                        <p>peak /pi藧k/ <i>v.</i> 杈惧埌楂樺嘲</p>
+                        <div class="bkbj">
+                            <p><i>to reach the highest point</i></p>
+                        </div>
+                        <p>horizon /h蓹藞ra瑟zn/ <i>n.</i> 鍦板钩绾�</p>
+                        <div class="bkbj">
+                            <p><i>the furthest that you can see,where the sky seems to meet the land or the sea</i></p>
+                        </div>
+                        <p>eco-friendly <i>adj.</i> 鐜繚鐨�</p>
+                        <div class="bkbj">
+                            <p><i>not harmful to the environment</i></p>
+                        </div>
+                        <p>ride-sharing <i>adj.</i> 鎷艰溅鐨�</p>
+                        <div class="bkbj">
+                            <p><i>sharing rides</i></p>
+                        </div>
+                        <p>survive /s蓹藞va瑟v/ <i>v.</i> 鐢熷瓨锛涘瓨娲�</p>
+                        <div class="bkbj">
+                            <p><i>to continue to live or exist</i></p>
+                        </div>
+                        <p>selectively /s瑟鈥檒ekt瑟vli/ <i>adv.</i> 鏈夐�夋嫨鍦�</p>
+                        <div class="bkbj">
+                            <p><i>in a selective manner</i></p>
+                        </div>
+                        <p>dietary /藞da瑟蓹t蓹ri/ <i>adj.</i> 楗鐨�</p>
+                        <div class="bkbj">
+                            <p><i>of or relating to the diet</i></p>
+                        </div>
+                        <p>restriction /r瑟藞str瑟k蕛n/ <i>n.</i> 闄愬埗锛涚害鏉�</p>
+                        <div class="bkbj">
+                            <p><i>the act of limiting or controlling sb./sth.</i></p>
+                        </div>
+                        <p>vegan /藞vi藧伞蓹n/ <i>n.</i> 涓ユ牸绱犻涓讳箟鑰�</p>
+                        <div class="bkbj">
+                            <p><i>a person who does not eat any animal products such as meat,milk or eggs</i></p>
+                        </div>
+                        <p>eliminate /瑟藞l瑟m瑟ne瑟t/ <i>v.</i> 娓呴櫎锛涙秷闄�</p>
+                        <div class="bkbj">
+                            <p><i>to remove or get rid of sb./sth.</i></p>
+                        </div>
+                        <p>emission /i藞m瑟蕛n/ <i>n.</i> 锛堝厜銆佺儹銆佹皵绛夌殑锛� 鎺掓斁</p>
+                        <div class="bkbj">
+                            <p><i>the production or sending out of light,heat,gas,etc.</i></p>
+                        </div>
+                        <p>figure /藞f瑟伞蓹(r)/ <i>v.</i> 璁や负</p>
+                        <div class="bkbj">
+                            <p><i>to think</i></p>
+                        </div>
+                        <p>carbon footprint 纰宠冻杩�</p>
+                        <p>big time 澶ц寖鍥村湴锛涘緢澶х▼搴﹀湴</p>
+                        <p>reflect on 鍥炴兂</p>
+                        <p>reach for sth.浼稿嚭锛堟墜锛� 浠ユ姄鍒版垨鎷垮埌鏌愮墿</p>
+                        <p>turn out 缁撴灉鏄�</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">87</span>
+                </div>
+            </div>
+        </div>
+        <!-- 88 -->
+        <div class="page-box" page="94">
+            <div v-if="showPageList.indexOf(94) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit5">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit5">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p><b>鈪�.Reading comprehension.</b></p>
+                        <p>A.Mark the suggestions given by the author on how to reduce carbon footprints.</p>
+                        <p>Ways to reduce carbon footprints</p>
+                        <p>銆�銆�銆�鈻� Driving to work in cars</p>
+                        <p>銆�銆�銆�鈻� Carpooling to work</p>
+                        <p>銆�銆�銆�鈻� Eating much meat</p>
+                        <p>銆�銆�銆�鈻� Having a meatless meal</p>
+                        <p>銆�銆�銆�鈻� Eating vegetables</p>
+                        <p>銆�銆�銆�鈻� Eating imported fruits</p>
+                        <p>B.Decide whether the following statements are true (T) or false (F).</p>
+                        <p>(銆�) 1.It鈥檚 convenient to cut our carbon footprints in half.</p>
+                        <p>(銆�) 2.People eat for different purposes and have different eating habits.</p>
+                        <p>(銆�) 3.Carbon footprints have nothing to do with people鈥檚 diets.</p>
+                        <p>(銆�) 4.The more meat people eat,the fewer carbon emissions are produced.</p>
+                        <p>(銆�) 5.People鈥檚 personal diets have a huge influence on the planet.</p>
+                        <p><b>鈪�.Language focus.</b></p>
+                        <p>A.Replace the words or expression,in italics with the exact words in the passage and change
+                            the form if necessary.</p>
+                        <p>1.The air was thin and <i>fresh</i>,filled with hazy sunshine and frost._________</p>
+                        <p>2.Few can <i>live</i> more than a week without water._________</p>
+                        <p>3.People should be prohibited from using plastic bags to <i>get rid of</i> white
+                            pollution._________</p>
+                        <p>4.<i>Discharge</i> of greenhouse gases contributes to global warming._________</p>
+                        <p>5.She <i>thought</i> that both she and Ned had learned a lot from the experience._________
+                        </p>
+                        <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
+                        <div class="bk-wh">
+                            <p>carbon footprint銆�big time銆�turn out銆�reflect on銆�reach for</p>
+                        </div>
+                        <p>1.We need to take some time to ________ what we have done to nature.</p>
+                        <p>2.Human activities affect the environment ________ .</p>
+                        <p>3.She ________ the luggage when she was required to show the ticket.</p>
+                        <p>4.We all need to look for ways to reduce our ________ .</p>
+                        <p>5.It ________ that bamboo can replace plastic in items like tableware,toothbrushes and so on.
+                        </p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">88</span>
+                </div>
+            </div>
+        </div>
+        <!-- 89 -->
+        <div class="page-box" page="95">
+            <div v-if="showPageList.indexOf(95) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit5">MODULE 5</span>
+                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
+                            VOLUNTEERS</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p><b>鈪�.Grammar focus:The infinitive.</b></p>
+                        <p>Rewrite the following sentences using the infinitive symbol 鈥渢o鈥�.</p>
+                        <p>1.We work hard.</p>
+                        <p>We want to make a better life.</p>
+                        <p>___________________________________________________</p>
+                        <p>2.I鈥檓 sorry.</p>
+                        <p>I sent the urgent email to a wrong person.</p>
+                        <p>___________________________________________________</p>
+                        <p>3.I was shocked.</p>
+                        <p>I heard the news that temperatures at North Pole were more than 50掳F warmer than average.</p>
+                        <p>___________________________________________________</p>
+                        <p>4.The 70-year-old grandma was warm-hearted.</p>
+                        <p>She cleaned 52 beaches in one year.</p>
+                        <p>___________________________________________________</p>
+                        <p>5.Miss Li was environmentally conscious.</p>
+                        <p>She switched off all the lights after each class.</p>
+                        <p>___________________________________________________</p>
+                        <h3 id="c043"><span class="bjh3">Mini-project</span></h3>
+                        <p>Nature needs to be heard,understood and assisted.Let鈥檚 start with waste sorting.</p>
+                        <p>鈥淲hat kind of trash are you? I mean,what kind of the trash are you taking?鈥� There have been
+                            such funny chats among neighbours ever since each household was strictly required to sort
+                            its waste into four categories (recyclable waste,hazardous waste,kitchen waste and residual
+                            waste),and put them into proper bins.</p>
+                        <p><b>鈪�.Classify the following waste and put the number of the waste into proper bins.</b></p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">89</span>
+                </div>
+            </div>
+        </div>
+        <!-- 90 -->
+        <div class="page-box" page="96">
+            <div v-if="showPageList.indexOf(96) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit5">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit5">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>1.books銆�2.paints銆�3.dust銆�4.eggshells銆�5.plastic bottles銆�6.fruit peels</p>
+                        <p>7.batteries銆�8.hair銆�9.leftovers銆�10.newspapers銆�11.tin cans銆�12.expired medicine</p>
+                        <p>13.broken ceramics銆�14.used tissue銆�15.fish bones銆�16.nail polish remover</p>
+                        <p class="center"><img class="img-b" alt="" src="../../assets/images/0100-1.jpg" /></p>
+                        <p><b>鈪�.Work in groups.Ask your group members how they deal with the household waste every
+                                day.Finish the worksheet and prepare a report to the class.</b></p>
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0100-2.jpg" /></p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">96</span>
+                </div>
+            </div>
+        </div>
+        <!-- 91 -->
+        <div class="page-box" page="97">
+            <div v-if="showPageList.indexOf(97) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit5">MODULE 5</span>
+                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
+                            VOLUNTEERS</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <h2 id="b019"><img class="img-0" alt="" src="../../assets/images/dy5-le3.jpg" /></h2>
+                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
+                        <h3 id="c044"><span class="bjh3">Listening</span></h3>
+                        <p><b>鈪�.Every one of us should have a clear sense of how important Nature means to mankind.Watch
+                                the video and fill in the blanks with what you hear.</b></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0101-2.jpg" /></p>
+                        <p><b>鈪�.The four people below are all concerned with the increasingly serious environmental
+                                issues.Listen to the recording and decide which website they use to search for the
+                                information they need.</b></p>
+                        <p class="center"><img class="img-b" alt="" src="../../assets/images/0101-3.jpg" /></p>
+                        <div class="fieldset-7">
+                            <p><b>a. oneworld.org</b></p>
+                            <p>There鈥檚 lots of environmental information here, whether you鈥檙e just starting to explore
+                                the subject, or wanting to find out about the latest research.</p>
+                            <p><b>b. eco.org</b></p>
+                            <p>You can find out here if your choice of transport damages the planet. If so, try the easy
+                                changes to your routine suggested here.</p>
+                            <p><b>c. planetmatters.org</b></p>
+                            <p>There鈥檚 a recycling section in this website 鈥� find different uses for things that you
+                                might otherwise put in the bin.</p>
+                            <p><b>d. ourworld.org</b></p>
+                            <p>If you prefer working things out for yourself, you can find experiments to do in this
+                                website, like making your own power using sunlight!</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">91</span>
+                </div>
+            </div>
+        </div>
+        <!-- 92 -->
+        <div class="page-box" page="98">
+            <div v-if="showPageList.indexOf(98) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit5">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit5">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <h3 id="c045"><span class="bjh3">Practical Writing</span></h3>
+                        <p>Work with your partner to discuss the following questions.</p>
+                        <p>1.Who is the memo written to?</p>
+                        <p>2.What is the purpose of memo writing?</p>
+                        <p><b>鈪�.Read the following tips for writing a memo and find out how you can improve your
+                                memo.</b></p>
+                        <p>A memo,also known as memorandum,is a short message used for internal communication in a
+                            business.It is written to inform the staff about new information like some internal
+                            changes,upcoming events,meeting schedules,etc.</p>
+                        <p>Sample:</p>
+                        <p class="center"><img class="img-0" alt="" src="../../assets/images/0102-1.jpg" /></p>
+                        <p>The following are some tips that will help you write a clear,concise,and effective business
+                            memo.</p>
+                        <div class="fieldset">
+                            <p>鈼� Keep it brief and to the point.</p>
+                            <p>鈼� Get the tone right.</p>
+                            <p>鈼� Maintain a professional style.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">92</span>
+                </div>
+            </div>
+        </div>
+        <!-- 93 -->
+        <div class="page-box" page="99">
+            <div v-if="showPageList.indexOf(99) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit5">MODULE 5</span>
+                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
+                            VOLUNTEERS</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p><b>鈪�.Translate the following sentences into Chinese.</b></p>
+                        <p>1.Please note that the company will start the office recycling program on May 15.</p>
+                        <p>___________________________________________________</p>
+                        <p>2.I鈥檇 like to have your report by 10 a.m.tomorrow.</p>
+                        <p>___________________________________________________</p>
+                        <p>3.This memo will present the decisions made at the meeting.</p>
+                        <p>___________________________________________________</p>
+                        <p>4.Please contact the HR department for more detailed information.</p>
+                        <p>___________________________________________________</p>
+                        <p>5.Thank you for your support.</p>
+                        <p>___________________________________________________</p>
+                        <p><b>鈪�.Complete the memo with the sentences given below.</b></p>
+                        <div class="fieldset-5">
+                            <p>a.In addition,we would like to encourage everyone to participate by turning off the
+                                lights at home during the event</p>
+                            <p>b.Our company will join together with millions of people across the globe celebrating
+                                Earth Hour</p>
+                            <p>c.I鈥檇 appreciate your cooperation during this time</p>
+                            <p>d.Join us in the Earth Hour Movement</p>
+                            <p>e.Help us make sure the lights do actually go out at 8.30 p.m.on March 26</p>
+                        </div>
+                        <div class="fieldset-4">
+                            <p class="center"><b>MEMO</b></p>
+                            <p>To:All employees</p>
+                            <p>From:Ryan Black,CEO</p>
+                            <p>Date:March 23,2023</p>
+                            <p>Subject:1.___________________</p>
+                            <p>2.___________________,the world鈥檚 largest grassroots movement for the environment.</p>
+                            <p>3.___________________,by switching off all non-essential office lights and unplugging
+                                non-essential equipment before leaving the building if you happen to be there on
+                                Friday,March 25,the day before Earth Hour.4._________________ .</p>
+                            <p>5.______________.Small actions can make a big difference to the planet,our home.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">93</span>
+                </div>
+            </div>
+        </div>
+        <!-- 94 -->
+        <div class="page-box" page="100">
+            <div v-if="showPageList.indexOf(100) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit5">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit5">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>鈪�<b>.Your company recognizes the importance of running its offices sustainably and strives to
+                                adopt best green office practices.Help Steven White,CEO,write a memo to explain the new
+                                Green Office Policy to all the employees.</b></p>
+                        <p>1.The policy will start on December 20.</p>
+                        <p>2.Employees should reduce paper use,avoid the use of disposable items,sort the waste into
+                            corresponding bins,keep the AC temperature no lower than 26掳C in summer and no higher than
+                            20掳C in winter,and switch off all lights and office equipment before leaving the office.</p>
+                        <p>3.For more information,email at OFFICE@company.com.</p>
+                        <div class="fieldset-1">
+                            <p class="center"><b>Expressions for Reference</b></p>
+                            <p>Please note that ...</p>
+                            <p>Please notice that ...</p>
+                            <p>If you have any questions,please contact me at ...</p>
+                            <p>Thank you for ...</p>
+                            <p>We would appreciate it if you ...</p>
+                        </div>
+                        <div class="fieldset-4">
+                            <p class="center"><b>MEMO</b></p>
+                            <p class="left">To:______________</p>
+                            <p class="left">From:___________</p>
+                            <p class="left">Date:____________</p>
+                            <p class="left">Subject:__________</p>
+                            <p class="left">_____________________________________</p>
+                            <p class="left">_____________________________________</p>
+                            <p class="left">_____________________________________</p>
+                            <p class="left">_____________________________________</p>
+                            <p class="left">_____________________________________</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">94</span>
+                </div>
+            </div>
+        </div>
+        <!-- 95 -->
+        <div class="page-box" page="101">
+            <div v-if="showPageList.indexOf(101) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit5">MODULE 5</span>
+                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
+                            VOLUNTEERS</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <div class="un-h2">
+                            <h2 id="b020">Unit Project</h2>
+                        </div>
+                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
+                        <p>The 26th Conference of the Parties to the United Nations Framework Convention on Climate
+                            Change (COP26) kicked off on November 1,2021,in Glasgow,Scotland.CGTN reporter Xu Jinhui
+                            also did her part by joining the 7-day No Plastic Challenge.Let鈥檚 watch her vlog and see
+                            what a single person can do to bring about positive changes to the world we live in.</p>
+                        <p>Next,engage yourself in the 7-day No Plastic Challenge just like what Ms.Xu did in her vlog
+                            and finish the worksheet below.Here is the instructions on how to conduct the challenge.</p>
+                        <p>Step 1:Decide on the form(s) of documenting.It can be vlogs,photos,journals or other creative
+                            means.</p>
+                        <p>Step 2:Document how you avoid plastic use during the 7-day No Plastic Challenge.</p>
+                        <p>Step 3:Post your experience of the 7-day No Plastic Challenge on social media platforms.</p>
+                        <p>Step 4:Share your experiences as well as your thoughts on how to reduce personal carbon
+                            footprints in the class.</p>
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0105-2.jpg" /></p>
+                        <div class="fieldset-4">
+                            <p class="center"><b>Useful Expressions</b></p>
+                            <p>In response to the national call for plastic reduction, I decide to engage in the 7-day
+                                No Plastic Challenge.</p>
+                            <p>I will document the challenge in the form of 鈥�</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">95</span>
+                </div>
+            </div>
+        </div>
+        <!-- 96 -->
+        <div class="page-box" page="102">
+            <div v-if="showPageList.indexOf(102) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit5">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit5">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <div class="fieldset-4">
+                            <p>I will post my experience on 鈥�</p>
+                            <p>I will use eco-friendly bags for grocery shopping.</p>
+                            <p>I will carry a stainless steel container for my lunch.</p>
+                            <p>I succeeded in the challenge. On the first day, I 鈥�</p>
+                            <p>I failed the challenge, because 鈥�</p>
+                            <p>Everyone can do small things at will to prevent environmental issues, such as 鈥�</p>
+                            <p>We can make a huge difference if we come together and act now.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">96</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import matching from "@/components/matching/matching.vue";
+import { getResourcePath } from "@/assets/methods/resources";
+export default {
+    name: "chapter-Five",
+    components: { matching },
+    props: {
+        showPageList: {
+            type: Array,
+        },
+    },
+    data() {
+        return {
+            imgThirteen: require("../../assets/images/grammar.jpg"),
+            showAnswerOne: false,
+            showAnswerTwo: false,
+            showAnswerThree: false,
+            showAnswerFour: false,
+            showAnswerFive: false,
+            showImg: false,
+            showQuestionAnswer: false,
+            rawData: {
+                left: [
+                    {
+                        oldId: "FB34",
+                        txt: "Martin銆�銆�銆�銆�Silk",
+                    },
+                    {
+                        oldId: "64D6",
+                        txt: "Jessica銆�銆�The Great Wall",
+                    },
+                    {
+                        oldId: "2ED4",
+                        txt: "Soren銆�銆�Chinese Food",
+                    },
+                    {
+                        oldId: "44DE",
+                        txt: "Chinese銆�銆�銆�銆�Tea",
+                    },
+                ],
+                right: [
+                    {
+                        oldId: "64D6",
+                        txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+                    },
+                    {
+                        oldId: "FB34",
+                        txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
+                    },
+                    {
+                        oldId: "2ED4",
+                        txt: "The clothing material is quite popular among Roman women inancient times.",
+                    },
+                    {
+                        oldId: "44DE",
+                        txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+                    },
+                ],
+            },
+            value: [],
+            question: {
+                KnowledgePoint: "123",
+                analysis: "123",
+                answer: [
+                    {
+                        id: "FB34",
+                        linkValue:
+                            "The clothing material is quite popular among Roman women inancient times.",
+                        value: "Silk",
+                    },
+                    {
+                        id: "64D6",
+                        linkValue:
+                            "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+                        value: "The Great Wall",
+                    },
+                    {
+                        id: "2ED4",
+                        linkValue:
+                            "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+                        value: "Chinese Food",
+                    },
+                    {
+                        id: "44DE",
+                        linkValue:
+                            "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
+                        value: "Chinese Tea",
+                    },
+                ],
+                optionStyle: undefined,
+                id: 489306,
+                options: {
+                    linkValues: [
+                        {
+                            oldId: "64D6",
+                            txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+                        },
+                        {
+                            oldId: "44DE",
+                            txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
+                        },
+                        {
+                            oldId: "FB34",
+                            txt: "The clothing material is quite popular among Roman women inancient times.",
+                        },
+                        {
+                            oldId: "2ED4",
+                            txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+                        },
+                    ],
+                    values: [
+                        {
+                            oldId: "FB34",
+                            txt: "Martin  Silk",
+                        },
+                        {
+                            oldId: "64D6",
+                            txt: "The Great Wall",
+                        },
+                        {
+                            oldId: "2ED4",
+                            txt: "Chinese Food",
+                        },
+                        {
+                            oldId: "44DE",
+                            txt: "Chinese Tea",
+                        },
+                    ],
+                },
+                questionType: "matching",
+                stem: {
+                    stemTxt: "鎸夐『搴忚繛绾�",
+                },
+                stemStyle: undefined,
+                titleDescription: "1",
+                userChoise: [],
+                value: [],
+                answerImg: require("../../assets/images/matching-one.png"),
+            },
+            questionData: {
+                warnUp: {
+                    one: {
+                        value: "",
+                        isRight: null,
+                        answer: "Chinese knot",
+                    },
+                    two: {
+                        value: "",
+                        isRight: null,
+                        answer: "Chinese medicine",
+                    },
+                    three: {
+                        value: "",
+                        isRight: null,
+                        answer: "Chinese calligraphy",
+                    },
+                    four: {
+                        value: "",
+                        isRight: null,
+                        answer: "Taichi",
+                    },
+                    five: {
+                        value: "",
+                        isRight: null,
+                        answer: "sweet dumpling",
+                    },
+                    six: {
+                        value: "",
+                        isRight: null,
+                        answer: "Chinese chess",
+                    },
+                    seven: "",
+                },
+                reading: {
+                    one: "",
+                    two: "",
+                },
+                table: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    six: "",
+                    seven: "",
+                    enight: "",
+                    nine: "",
+                },
+            },
+            testData: {
+                check: [],
+                tx: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                in: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                line: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                ts: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                },
+                gr: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                cm: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+            },
+            resource: {
+                listenOne: "",
+                readingOne: "",
+                readingTwo: "",
+            },
+            dropDownList: [
+                "animal rescue and care",
+                "blood donation",
+                "community clean-ups",
+                "language service",
+            ],
+            dropdownData: {
+                one: {
+                    value: "",
+                    isRight: null,
+                    answer: "blood donation",
+                },
+                two: {
+                    value: "",
+                    isRight: null,
+                    answer: "language service",
+                },
+                three: {
+                    value: "",
+                    isRight: null,
+                    answer: "community clean-ups",
+                },
+                four: {
+                    value: "",
+                    isRight: null,
+                    answer: "animal rescue and care",
+                },
+            },
+        };
+    },
+    mounted() {
+        const testData = localStorage.getItem("english-testOne");
+        if (testData) {
+            this.testData = JSON.parse(testData);
+        }
+        const bookQuestion = localStorage.getItem("english-book-question-one");
+        if (bookQuestion) {
+            this.questionData = JSON.parse(bookQuestion);
+        }
+        const dropdownData = localStorage.getItem("english-dropdown-one");
+        if (dropdownData) {
+            this.dropdownData = JSON.parse(dropdownData);
+        }
+        this.getPath();
+    },
+    methods: {
+        saveWord(event, word) {
+            this.$emit("saveCharacters", event, word);
+        },
+        setTestData() {
+            localStorage.setItem("english-testOne", JSON.stringify(this.testData));
+        },
+        changeTestData() {
+            localStorage.removeItem("english-testOne");
+            this.testData = {
+                check: [],
+                tx: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                in: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                line: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                ts: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                },
+                gr: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                cm: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+            };
+        },
+        setBookQuestion() {
+            console.log("淇濆瓨");
+            localStorage.setItem(
+                "english-book-question-one",
+                JSON.stringify(this.questionData)
+            );
+        },
+        async getPath() {
+            this.resource.listenOne = await getResourcePath(
+                "422139A2EF66EA888C5ED1D550AE23E0"
+            );
+            this.resource.readingOne = await getResourcePath(
+                "3F442B682D84C8AB06C800B29D734920"
+            );
+            this.resource.readingTwo = await getResourcePath(
+                "E8719EC88026BCFB11D292AA999F6D3D"
+            );
+        },
+        showAnswer(type) {
+            if (type == "showImg") {
+                this.showImg = !this.showImg;
+            }
+        },
+        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.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.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.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.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.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.isRight = null);
+            }
+        },
+        handleDropdown(type) {
+            const dropdownDatas = this.dropdownData;
+            for (let key in dropdownDatas) {
+                const item = dropdownDatas[key];
+                if (type == "judge") {
+                    item.value == item.answer
+                        ? (item.isRight = true)
+                        : (item.isRight = false);
+                    console.log(item.value, item.answer);
+                }
+            }
+            this.dropdownData = dropdownDatas;
+        },
+        changeDropdown() {
+            localStorage.removeItem("english-dropdown-one");
+            for (let key in this.dropdownData) {
+                const item = this.dropdownData[key];
+                item.value = "";
+                item.isRight = null;
+            }
+        },
+        setDropdownData() {
+            localStorage.setItem(
+                "english-dropdown-one",
+                JSON.stringify(this.dropdownData)
+            );
+        },
+        saveData() {
+            console.log(this.testData);
+        },
+        audioPlay() {
+            this.$emit("closeMiniAudio");
+        },
+    },
+};
+</script>
+
+<style lang="less" scoped>
+p {
+    font-size: 16px !important;
+}
+
+.bodystyle {
+    margin: 0 !important;
+}
+
+.line-border-box {
+    margin-left: 10px;
+    display: inline-block;
+    width: 50%;
+    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;
+        margin-bottom: 15px;
+        height: 20px;
+        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;
+    width: 100%;
+    height: 350px;
+    margin: 0 auto;
+}
+
+.pageBox {
+    z-index: 9999999999;
+    color: #999;
+    position: absolute;
+    left: 48%;
+    bottom: 0px;
+}
+
+select {
+    height: 24px;
+}
+
+.mini-audio {
+    width: 200px;
+    height: 200px;
+    position: fixed;
+    right: 0;
+    background-color: red;
+}
+
+.select-border {
+    border: 0;
+    border-bottom: 1px solid #767676;
+
+    &:focus {
+        outline: none;
+    }
+}
+</style>
diff --git a/src/books/English/view/components/chapter006.vue b/src/books/English/view/components/chapter006.vue
new file mode 100644
index 0000000..4bb17e8
--- /dev/null
+++ b/src/books/English/view/components/chapter006.vue
@@ -0,0 +1,1550 @@
+<template>
+    <div class="chapter" num="7">
+        <!-- 绗叚鍗曞厓 -->
+        <!-- 97 -->
+        <div class="page-box" page="103">
+            <div v-if="showPageList.indexOf(103) > -1">
+                <h1 id="a010"><img class="img-0" alt="" src="../../assets/images/dy6.jpg" /></h1>
+                <p><b>This unit will help you to:</b></p>
+                <p>鉃� Learn words and expressions about work environment</p>
+                <p>鉃� Review the usage of inverted sentences and modal verbs (can,could,may,might)</p>
+                <p>鉃� Be able to perform properly when chairing a meeting</p>
+                <p>鉃� Be able to write minutes</p>
+                <p>鉃� Learn to create a positive work environment</p>
+                <p class="center"><img class="img-0" alt="" src="../../assets/images/0107-2.jpg" /></p>
+            </div>
+        </div>
+        <!-- 98 -->
+        <div class="page-box" page="104">
+            <div v-if="showPageList.indexOf(104) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit6">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <h2 id="b021"><img class="img-0" alt="" src="../../assets/images/dy6-le1.jpg" /></h2>
+                        <h3 id="c046"><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></p>
+                        <div class="bk-wh">
+                            <p>open plan office銆�cubicles銆�private office銆�SOHO</p>
+                        </div>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0108-1.jpg" /></p>
+                        <p class="center">1._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0108-2.jpg" /></p>
+                        <p class="center">2._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0108-3.jpg" /></p>
+                        <p class="center">3._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0108-4.jpg" /></p>
+                        <p class="center">4._____________________</p>
+                        <p><b>鈪�.Pick up the words in the box below to describe the work environment you love and explain
+                                your reasons.</b></p>
+                        <div class="bk-wh">
+                            <p>caring, supportive, privacy, friendly, freedom, flexible</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">98</span>
+                </div>
+            </div>
+        </div>
+        <!-- 99 -->
+        <div class="page-box" page="105">
+            <div v-if="showPageList.indexOf(105) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit6">MODULE 6</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <h3 id="c047"><span class="bjh3">Listening</span></h3>
+                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
+                        <p><b>Four interns are talking about the work environment they like.Listen to the recording and
+                                fill in the blanks with what you hear.</b></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0109-2.jpg" /></p>
+                        <h3 id="c048"><span class="bjh3">Reading</span></h3>
+                        <p>1.What makes a positive work environment?</p>
+                        <p>2.Why would people be more productive in such environment?</p>
+                        <p class="center"><b>A Positive Work Environment</b></p>
+                        <p class="center"> <audio :src="resource.readingTwo" controls
+                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+                                @play="audioPlay"></audio></p>
+                        <p>How do we exactly define a positive work environment? When asked what makes a great work
+                            environment,most people would mention a fancy workplace in a big building with modern
+                            design,or a good relationship with coworkers.</p>
+                        <p>Gone are those times when candidates only considered the salary at the time of joining a
+                            company.Nowadays,apart from the job prospect itself,one factor that is greatly influencing
+                            how employees feel about work is the environment being provided by the employer.The work
+                            environment here includes everything,such as the relationship with coworkers,company
+                            culture,room for personal development,caf茅,furniture,etc.A positive work environment is
+                            something that makes employees feel good about coming to work every day,and also motivates
+                            them to work and give their best effort.</p>
+                        <p>An effective way to ensure a positive work environment is to motivate employees for a correct
+                            behavioral approach.Good behavior also determines good and peaceful environment.Another way
+                            is to ensure healthy relationships among the staff; that is why communication is quite
+                            necessary.Keeping an eye on staff interaction doesn鈥檛 cost much time for the management
+                            team.They only </p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">99</span>
+                </div>
+            </div>
+        </div>
+        <!-- 100 -->
+        <div class="page-box" page="106">
+            <div v-if="showPageList.indexOf(106) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit6">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p> need to observe body language and listen for negative clues and try to fix the problems as
+                            soon as possible.The staff often takes the message from the behavior of the management
+                            team,so the management team should also be aware of the power of their behavior and always
+                            maintain dignity.</p>
+                        <p>Another important way to make a great work environment for a company is to show appreciation
+                            of outstanding employees.Workers are more likely to stay in the company,work hard and
+                            provide years of excellent service when knowing that they have a clear opportunity for
+                            advancement.When employees know they are valued,they tend to return the favor by being the
+                            best at their job.A positive work environment is a place that promises to advance gifted
+                            employees and keep that promise.</p>
+                        <p>The work environment can greatly influence how the employees feel about their jobs.Because of
+                            this,it鈥檚 important to find an employer that fosters a positive atmosphere and encourages
+                            employees consistently.A positive work environment can improve employees鈥� happiness,increase
+                            the productivity and motivate those around them.</p>
+                        <p class="fl al-cn mt-40">
+                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
+                            <span class="line-border-box"></span>
+                        </p>
+                        <p class="center">
+                            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+                                style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
+                        </p>
+                        <p>candidate /藞k忙nd瑟d蓹t/ <i>n.</i> 搴旇仒鑰�</p>
+                        <div class="bkbj">
+                            <p><i>a person who is applying for a job</i></p>
+                        </div>
+                        <p>prospect /藞pr蓲spekt/ <i>n.</i> 鍓嶆櫙锛涘睍鏈�</p>
+                        <div class="bkbj">
+                            <p><i>the chances of being successful</i></p>
+                        </div>
+                        <p>ensure /瑟n藞蕛蓴藧(r)]/ <i>v.</i> 纭繚锛涗繚璇�</p>
+                        <div class="bkbj">
+                            <p><i>to make sure that sth.happens or is definite</i></p>
+                        </div>
+                        <p>behavioral /b瑟藞he瑟vj蓹r蓹l/ <i>adj.</i> 琛屼负鐨�</p>
+                        <div class="bkbj">
+                            <p><i>of or relating to behavior</i></p>
+                        </div>
+                        <p>approach /蓹藞pr蓹蕣t蕛/ <i>n.</i> 鏂规硶锛涜矾寰�</p>
+                        <div class="bkbj">
+                            <p><i>a way of doing or thinking about sth.such as a problem or a task</i></p>
+                        </div>
+                        <p>determine /d瑟藞t蓽藧m瑟n/ <i>v.</i> 瀵癸紙鏌愪簨鐗╋級 浜х敓鍐冲畾鎬х殑褰卞搷锛涘喅瀹�</p>
+                        <div class="bkbj">
+                            <p><i>to make sth.happen in a particular way or be of a particular type</i></p>
+                        </div>
+                        <p>interaction /瑟nt蓹r藞忙k蕛n/ <i>n.</i> 浜ゆ祦锛涙矡閫氾紱鍚堜綔</p>
+                        <div class="bkbj">
+                            <p><i>communication; cooperation</i></p>
+                        </div>
+                        <p>clue /klu藧/ <i>n.</i> 绾跨储锛涚鍊�</p>
+                        <div class="bkbj">
+                            <p><i>a fact or a piece of evidence that helps to solve a problem or reveal the truth in an
+                                    investigation</i></p>
+                        </div>
+                        <p>maintain /me瑟n鈥檛e瑟n/ <i>v.</i> 淇濇寔锛涚淮鎸�</p>
+                        <div class="bkbj">
+                            <p><i>to keep sth.in existence at the same level,standard,etc.</i></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">100</span>
+                </div>
+            </div>
+        </div>
+        <!-- 101 -->
+        <div class="page-box" page="107">
+            <div v-if="showPageList.indexOf(107) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit6">MODULE 6</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>dignity /藞d瑟伞n蓹ti/ <i>n.</i> 灏婁弗锛涘簞閲�</p>
+                        <div class="bkbj">
+                            <p><i>a calm and serious manner that deserves respect</i></p>
+                        </div>
+                        <p>appreciation /蓹藢pri藧蕛i藞e瑟蕛n/ <i>n.</i> 娆h祻</p>
+                        <div class="bkbj">
+                            <p><i>understanding and enjoyment</i></p>
+                        </div>
+                        <p>outstanding /a蕣t藞st忙nd瑟艐/ <i>adj.</i> 鏉板嚭鐨勶紱鏄捐憲鐨�</p>
+                        <div class="bkbj">
+                            <p><i>excellent or exceptionally good</i></p>
+                        </div>
+                        <p>advancement /蓹d藞v蓱藧nsm蓹nt/ <i>n.</i> 鏅嬪崌</p>
+                        <div class="bkbj">
+                            <p><i>promotion in rank or status</i></p>
+                        </div>
+                        <p>value /藞v忙lju藧/ <i>v.</i> 閲嶈锛涚弽瑙�</p>
+                        <div class="bkbj">
+                            <p><i>to have a high opinion of sb./sth.</i></p>
+                        </div>
+                        <p>favor /藞fe瑟v蓹(r)/ <i>n.</i> 鎭╂儬</p>
+                        <div class="bkbj">
+                            <p><i>act of kindness beyond what is due or usual</i></p>
+                        </div>
+                        <p>gifted /藞伞瑟ft瑟d/ <i>adj</i>.鏈夊ぉ璧嬬殑</p>
+                        <div class="bkbj">
+                            <p><i>having a lot of natural ability or intelligence</i></p>
+                        </div>
+                        <p>foster /藞f蓲st蓹(r)/ <i>v.</i> 淇冭繘锛涘煿鍏�</p>
+                        <div class="bkbj">
+                            <p><i>to encourage sth.to develop</i></p>
+                        </div>
+                        <p>consistently /k蓹n藞s瑟st蓹ntli/ <i>adv.</i> 濮嬬粓锛涗竴璐湴</p>
+                        <div class="bkbj">
+                            <p><i>in a way that does not change and continues for a period of time</i></p>
+                        </div>
+                        <p>productivity /藞pr蓲d蕦k藞t瑟v蓹ti/ <i>n.</i> 鐢熶骇鐜囷紱鐢熶骇鑳藉姏</p>
+                        <div class="bkbj">
+                            <p><i>the rate at which a worker,a company or a country produces goods,and the amount
+                                    produced,compared with how much time,work and money is needed to produce them</i>
+                            </p>
+                        </div>
+                        <p>apart from ...闄や簡鈥︹�﹀锛堥兘锛�</p>
+                        <p>be aware of 鎰忚瘑鍒帮紱瑙夊療</p>
+                        <p>return the favor 鍥炴姤</p>
+                        <p>keep an eye on 鐣欐剰锛涘瘑鍒囨敞瑙�</p>
+                        <p>be likely to 寰堝彲鑳�</p>
+                        <p><b>鈪�.Reading comprehension.</b></p>
+                        <p>A.Mark the elements of a positive work environment mentioned in the passage.</p>
+                        <p>鈻ompany culture</p>
+                        <p>鈻ersonal development</p>
+                        <p>鈻elationship with colleagues</p>
+                        <p>鈻alary</p>
+                        <p>鈻af茅</p>
+                        <p>鈻eaders</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">101</span>
+                </div>
+            </div>
+        </div>
+        <!-- 102 -->
+        <div class="page-box" page="108">
+            <div v-if="showPageList.indexOf(108) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit6">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>B.Match the questions below with related paragraphs.Then answer the questions.</p>
+                        <div class="fieldset-8">
+                            <p>1.Why is it important to ensure a positive work environment?</p>
+                            <p>2.What does positive work environment refer to?</p>
+                            <p>3.How do employers maintain a positive work environment?</p>
+                        </div>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0112-1.jpg" /></p>
+                        <p><b>鈪�.Language focus.</b></p>
+                        <p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
+                            have been given.</p>
+                        <p>1.Aside from the job p________ itself,one factor that is significantly influencing how
+                            employees feel about work is the work environment.</p>
+                        <p>2.To f_______ a positive work environment,the employer can motivate employees for a correct
+                            behavioral approach.</p>
+                        <p>3.Good behavior can not only d_________ a good and peaceful environment,but also promote
+                            healthy relationships among the staff.</p>
+                        <p>4.Another way to ensure a great work environment in a company is to show a_______ to
+                            outstanding employees.</p>
+                        <p>5.For employees,a positive work environment can greatly improve their happiness and p______ .
+                        </p>
+                        <p>B.Replace the underlined part in each of the following sentences with a phrase in the box
+                            below.Change the form if necessary.</p>
+                        <div class="bk-wh">
+                            <p>apart from銆�keep an eye on銆�be likely to銆�return the favor銆�be aware of</p>
+                        </div>
+                        <p>1.The manager asked me to <span class="u">pay close attention to</span> the monthly sales
+                            report of the products._____</p>
+                        <p>2.<span class="u">Except for</span> the low salary,it鈥檚 not a bad job._____</p>
+                        <p>3.The management team <span class="u">noticed</span> some inappropriate behavior in the
+                            company._____</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">102</span>
+                </div>
+            </div>
+        </div>
+        <!-- 103 -->
+        <div class="page-box" page="109">
+            <div v-if="showPageList.indexOf(109) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit6">MODULE 6</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>4.The graduates with a language proficiency certificate <span class="u">are more possible
+                                to</span> land a good job._____</p>
+                        <p>5.I will <span class="u">help you because you have helped me</span> some time._____</p>
+                        <p>C.Translate the following sentences into Chinese.</p>
+                        <p>1.Communication is quite necessary to ensure a healthy relationship with coworkers.</p>
+                        <p>______________________________________________</p>
+                        <p>2.A good work atmosphere can greatly increase the productivity of employees.</p>
+                        <p>______________________________________________</p>
+                        <p>3.Most of the candidates view company culture as the most important factor when choosing a
+                            job.</p>
+                        <p>______________________________________________</p>
+                        <p>4.At the annual meeting,the manager expressed the appreciation to the outstanding staff of
+                            the company.</p>
+                        <p>______________________________________________</p>
+                        <p><b>鈪�.Grammar focus:Inverted sentences.</b></p>
+                        <p>A.Choose the correct version of the translation of the inverted sentences.</p>
+                        <p>1.鍏氦杞︽潵浜嗐��</p>
+                        <p>a.There comes the bus.</p>
+                        <p>b.There the bus comes.</p>
+                        <p>2.鍙戣揪鍥藉鍒跺畾瑙勫垯銆佸叾浠栧浗瀹舵湇浠庣殑鏃朵唬宸茬粡杩囧幓浜嗐��</p>
+                        <p>a.Gone are the days when rich countries make the rules and everyone else follows.</p>
+                        <p>b.Gone the days are when rich countries make the rules and everyone else follows.</p>
+                        <p>3.鎴戜滑鍒氬埌鏈哄満锛岄鏈哄氨璧烽浜嗐��</p>
+                        <p>a.No sooner did we reached the airport than the plane had taken off.</p>
+                        <p>b.No sooner had we reached the airport than the plane took off.</p>
+                        <p>4.鍒伴偅鏃朵粬鎵嶆剰璇嗗埌浠栭敊浜嗐��</p>
+                        <p>a.Only then he realized that he was wrong.</p>
+                        <p>b.Only then did he realize that he was wrong.</p>
+                        <p>5.闆ㄥ仠浜嗕箣鍚庝粬鎵嶇寮�鎴块棿銆�</p>
+                        <p>a.Not until the rain stopped did he leave the room.</p>
+                        <p>b.Not until did the rain stop he left the room.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">103</span>
+                </div>
+            </div>
+        </div>
+        <!-- 104 -->
+        <div class="page-box" page="110">
+            <div v-if="showPageList.indexOf(110) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit6">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>B.Put the following words in right order to make inverted sentences.</p>
+                        <p>1.did he it saw so and I</p>
+                        <p>______________________________________________</p>
+                        <p>2.he young is he a lot knows as</p>
+                        <p>______________________________________________</p>
+                        <p>3.no under will lend circumstances I money him to</p>
+                        <p>______________________________________________</p>
+                        <p>4.she have hardly music listen to does time to</p>
+                        <p>______________________________________________</p>
+                        <p>5.village in the front of river a was</p>
+                        <p>______________________________________________</p>
+                        <h3 id="c049"><span class="bjh3">Mini-project</span></h3>
+                        <p>A pleasant work environment can make employees love their jobs and do their best.Work in
+                            groups to list the elements of a pleasant work environment and explain the reasons for your
+                            choice.</p>
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0114-1.jpg" /></p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">104</span>
+                </div>
+            </div>
+        </div>
+        <!-- 105 -->
+        <div class="page-box" page="111">
+            <div v-if="showPageList.indexOf(111) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit6">MODULE 6</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
+                        <div class="bk-wh">
+                            <p>relationship銆�communication銆�productivity銆�respect銆�pleasure銆�professional銆�team spirit銆�job
+                                satisfaction銆�personal development銆�job prospect銆�modern decor</p>
+                        </div>
+                        <h2 id="b022"><img class="img-0" alt="" src="../../assets/images/dy6-le2.jpg" /></h2>
+                        <h3 id="c050"><span class="bjh3">Warm-up</span></h3>
+                        <p><b>鈪�.Put the following statements into the corresponding box to make a code of conduct for a
+                                school.</b></p>
+                        <div class="fieldset-5">
+                            <p>a.Students are supposed to arrive at the classroom on time.</p>
+                            <p>b.Students are required to come to school in a neat uniform.</p>
+                            <p>c.Students should treat others with respect.</p>
+                            <p>d.Keep food and drink outside of the classroom.</p>
+                            <p>e.Mobile phones must be on silent mode during the class.</p>
+                        </div>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0115-1.jpg" /></p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">105</span>
+                </div>
+            </div>
+        </div>
+        <!-- 106 -->
+        <div class="page-box" page="112">
+            <div v-if="showPageList.indexOf(112) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit6">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0115-1.jpg" /></p>
+                        <h3 id="c051"><span class="bjh3">Reading</span></h3>
+                        <p>1.How do you understand the Chinese saying 鈥淣othing can be accomplished without norms or
+                            standards.鈥�?</p>
+                        <p>2.Are rules and regulations important for an organization? Why?</p>
+                        <p class="center"><b>Code of Conduct in the Workplace</b></p>
+                        <p class="center"> <audio :src="resource.readingTwo" controls
+                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+                                @play="audioPlay"></audio></p>
+                        <p>A company code of conduct is a set of rules and standards all employees must follow.By
+                            knowing the company code of conduct,employees know how to act at work and can be more
+                            successful in their roles.If you just joined a new company,it would be beneficial to start
+                            with learning the code of conduct.</p>
+                        <p>Often,a company uses its core values,including its mission,to guide the creation of these
+                            codes.These guidelines outline how the organization operates,how employees conduct
+                            themselves daily,and how they work with others on behalf of the organization.</p>
+                        <p>You can usually find a company鈥檚 code of conduct in an employee handbook.Each company has
+                            different rules in its code of conduct,and each company has its own policies for enforcing
+                            this code.</p>
+                        <p>The following code of conduct may help you dig into more details.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">106</span>
+                </div>
+            </div>
+        </div>
+        <!-- 107 -->
+        <div class="page-box" page="113">
+            <div v-if="showPageList.indexOf(113) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit6">MODULE 6</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <div class="fieldset-8">
+                            <p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p>
+                            <p><b>A._______________________</b></p>
+                            <p>1.Honesty and integrity.Above all,treat clients fairly.</p>
+                            <p>2.Maintain the good reputation of the company.</p>
+                            <p>3.Conflicts and interest.Manage conflicts of interest fairly and do not act in a manner
+                                inconsistent with the company mission and values.</p>
+                            <p>4.Confidentiality.Always be careful of the information received.</p>
+                            <p>5.Advertising.Products should not be advertised in a misleading way.</p>
+                            <p><b>B._______________________</b></p>
+                            <p>6.Competence.Advise clients only on matters in which they are competent.</p>
+                            <p>7.Clients鈥� interests.Pay due regard to the interests of clients and keep those interests
+                                above their own.</p>
+                            <p>8.Giving information to clients.Communicate information clearly,fairly and not in a way
+                                that is misleading.</p>
+                            <p>9.Suitability of advice.Advice should be suitable for the clients鈥� needs.</p>
+                            <p>10.Activities.Do not engage in activities that will bring direct or indirect profit to a
+                                competitor.</p>
+                            <p><b>C._______________________</b></p>
+                            <p>11.Skill and care.Act at all times with reasonable skill and care.</p>
+                            <p>12.Professional discipline.Organize business in a responsible and effective way.</p>
+                            <p>13.Company guidance.Be familiar and seek to observe the company guidance.</p>
+                            <p>14.Complaints.Handle the complaints fairly and quickly.</p>
+                            <p>15.Respect.Treat the clients with respect without discrimination.</p>
+                        </div>
+                        <p class="fl al-cn mt-40">
+                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
+                            <span class="line-border-box"></span>
+                        </p>
+                        <p class="center"> <audio :src="resource.readingTwo" controls
+                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+                                @play="audioPlay"></audio></p>
+                        <p>core /k蓴藧(r)/ <i>adj</i>.鏍稿績鐨�</p>
+                        <div class="bkbj">
+                            <p><i>the most important or central part of sth.</i></p>
+                        </div>
+                        <p>outline /藞a蕣tla瑟n/ <i>v</i>.姒傝堪</p>
+                        <div class="bkbj">
+                            <p><i>to give a description of the main facts or points involved in sth.</i></p>
+                        </div>
+                        <p>conduct /k蓹n藞d蕦kt/ <i>v</i>.涓炬锛涜〃鐜�</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">107</span>
+                </div>
+            </div>
+        </div>
+        <!-- 108 -->
+        <div class="page-box" page="114">
+            <div v-if="showPageList.indexOf(114) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit6">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <div class="bkbj">
+                            <p><i>to behave in a particular way</i></p>
+                        </div>
+                        <p>enforce /瑟n藞f蓴藧s/ <i>v</i>.锛堝己鍒讹級 瀹炴柦锛屾墽琛�</p>
+                        <div class="bkbj">
+                            <p><i>to make sure that people obey a particular law or rule</i></p>
+                        </div>
+                        <p>integrity /瑟n藞te伞r蓹ti/ <i>n</i>.璇氬疄姝g洿</p>
+                        <div class="bkbj">
+                            <p><i>the quality of being honest and having strong moral principles</i></p>
+                        </div>
+                        <p>client /藞kla瑟蓹nt/ <i>n</i>.瀹㈡埛</p>
+                        <div class="bkbj">
+                            <p><i>a person who uses the services or advice of a professional person or organization</i>
+                            </p>
+                        </div>
+                        <p>reputation /藢repju藞te瑟蕛n/ <i>n</i>.鍚嶈獕锛涘悕澹�</p>
+                        <div class="bkbj">
+                            <p><i>the opinion that people have about what sb./sth.is like</i></p>
+                        </div>
+                        <p>conflict /藞k蓲nfl瑟kt/ <i>n</i>.鍐茬獊锛涗簤璁�</p>
+                        <div class="bkbj">
+                            <p><i>a situation in which people,groups or countries are involved in a serious disagreement
+                                    or argument</i></p>
+                        </div>
+                        <p>inconsistent /藢瑟nk蓹n藞s瑟st蓹nt/ <i>adj</i>.涓嶇鍚堬紙鏌愬鏍囧噯銆佹�濇兂绛夛級</p>
+                        <div class="bkbj">
+                            <p><i>not matching a set of standards,ideas,etc.</i></p>
+                        </div>
+                        <p>confidentiality /藢k蓲nf瑟藢den蕛i藞忙l蓹ti/ <i>n</i>.淇濆瘑锛涙満瀵�</p>
+                        <div class="bkbj">
+                            <p><i>a situation in which you expect sb.to keep information secret</i></p>
+                        </div>
+                        <p>advertise /藞忙dv蓹ta瑟z/ <i>v</i>.鍋氬箍鍛婏紱鍋氬浼�</p>
+                        <div class="bkbj">
+                            <p><i>to tell the public about a product or a service in order to encourage people to buy or
+                                    to use it</i></p>
+                        </div>
+                        <p>misleading /藢m瑟s藞li藧d瑟艐/ <i>adj</i>.璇鐨勶紱寮曞叆姝ч�旂殑</p>
+                        <div class="bkbj">
+                            <p><i>giving the wrong idea or impression and making you believe sth.that is not true</i>
+                            </p>
+                        </div>
+                        <p>competence /藞k蓲mp瑟t蓹ns/ <i>n</i>.鑳藉姏锛涜儨浠�</p>
+                        <div class="bkbj">
+                            <p><i>the ability to do sth.well</i></p>
+                        </div>
+                        <p>competent /藞k蓲mp瑟t蓹nt/ <i>adj</i>.瓒充互鑳滀换鐨勶紱鏈夎兘鍔涚殑</p>
+                        <div class="bkbj">
+                            <p><i>having enough skill or knowledge to do sth.well</i></p>
+                        </div>
+                        <p>suitability /藢su藧t蓹藞b瑟l蓹ti/ <i>n</i>.閫傚悎锛涢�傚疁鎬�</p>
+                        <div class="bkbj">
+                            <p><i>the quality of being right or appropriate</i></p>
+                        </div>
+                        <p>competitor /k蓹m藞pet瑟t蓹(r)/ <i>n</i>.锛堝挨鎸囧晢涓氭柟闈㈢殑锛� 绔炰簤鑰咃紝瀵规墜</p>
+                        <div class="bkbj">
+                            <p><i>a person or an organization that compete against others,esp.in business</i></p>
+                        </div>
+                        <p>discipline /藞d瑟s蓹pl瑟n/ <i>n</i>.鑷埗鍔�</p>
+                        <div class="bkbj">
+                            <p><i>the ability to control your behavior or the way you live,work,etc.</i></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">108</span>
+                </div>
+            </div>
+        </div>
+        <!-- 109 -->
+        <div class="page-box" page="115">
+            <div v-if="showPageList.indexOf(115) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit6">MODULE 6</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>observe /蓹b藞z蓽藧v/ <i>v</i>.閬靛畧锛堣鍒欍�佹硶寰嬬瓑锛�</p>
+                        <div class="bkbj">
+                            <p><i>to obey rules,laws,etc.</i></p>
+                        </div>
+                        <p>guidance /'伞a瑟dns/ <i>n</i>.鎸囧锛涘紩瀵�</p>
+                        <div class="bkbj">
+                            <p><i>help or advice that is given to sb.</i></p>
+                        </div>
+                        <p>complaint /k蓹m'ple瑟nt/ <i>n</i>.鎶曡瘔锛涙姳鎬�</p>
+                        <div class="bkbj">
+                            <p><i>a reason for not being satisfied</i></p>
+                        </div>
+                        <p>on behalf of 浠h〃</p>
+                        <p>above all 鏈�閲嶈鐨勬槸锛涘挨鍏舵槸</p>
+                        <p>engage in 浠庝簨锛涘弬鍔�</p>
+                        <p>dig into 閽荤爺锛涙寲鎺�</p>
+                        <p>pay due regard to 缁欎簣搴旀湁鐨勯噸瑙�</p>
+                        <p><b>鈪�.Reading comprehension.</b></p>
+                        <p>A.Read the passage quickly and choose appropriate headings for A-C in the passage.</p>
+                        <p class="center"><img class="img-b" alt="" src="../../assets/images/0119-1.jpg" /></p>
+                        <p>B.Mark the proper ones according to the code of conduct in the passage.</p>
+                        <div class="bk-11">
+                            <p>(銆�) 1.Observe the employee handbook strictly.</p>
+                            <p>(銆�) 2.Get involved in activities inconsistent with company values.</p>
+                            <p>(銆�) 3.Never leak personal information of the client.</p>
+                            <p>(銆�) 4.Advertise products and services in a professional way.</p>
+                            <p>(銆�) 5.Judge customers by appearance.</p>
+                            <p>(銆�) 6.Always give priority to clients鈥� interests.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">109</span>
+                </div>
+            </div>
+        </div>
+        <!-- 110 -->
+        <div class="page-box" page="116">
+            <div v-if="showPageList.indexOf(116) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit6">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <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.We may feel cheated when finding the report is actually <i>false</i>._____________</p>
+                        <p>2.A true partnership is a two-way street,and our <i>customers</i> embrace this
+                            philosophy._____________</p>
+                        <p>3.The <i>disagreements</i> at the workplace need to be resolved in a timely and professional
+                            manner._____________</p>
+                        <p>4.The company鈥檚 <i>image</i> is the reflection of its culture._____________</p>
+                        <p>5.All the staff are required to <i>follow</i> the company code of conduct._____________</p>
+                        <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
+                        <div class="bk-wh">
+                            <p>on behalf of銆�pay due regard to銆�dig into銆�engage in銆�above all</p>
+                        </div>
+                        <p>1.The manager asked the intern to_______the data and draft a report.</p>
+                        <p>2.A firm must_________the interests of its customers and treat them fairly.</p>
+                        <p>3.The newly-recruited staff were asked to________the routine meeting on Monday.</p>
+                        <p>4._________,you shouldn鈥檛 give up without trying.</p>
+                        <p>5.She made a speech,_______the sales department,at the annual meeting of the corporation.</p>
+                        <p><b>鈪�.Grammar focus:Modal verbs (can,could,may,might).</b></p>
+                        <p>A.Choose the correct modal verbs in the brackets.</p>
+                        <p>1.It鈥檚 9 o鈥檆lock in the evening.He______(can/could) still be at the office.He is a
+                            workaholic.</p>
+                        <p>2.You should introduce yourself; your client______(can/may) not remember you.</p>
+                        <p>3.I thought he_____(can/might) have a meeting with his team.</p>
+                        <p>4.The customer____(can/may) be very difficult to deal with when he is in a bad mood.</p>
+                        <p>5.There is a slim chance that we______(can/might) take a rest this weekend.</p>
+                        <p>B.Correct the misused modal verbs in the following sentences.</p>
+                        <p>1.Our boss <span class="u">can</span> be very angry when people don鈥檛 listen to him.______
+                        </p>
+                        <p>2.The new project might work,but it <span class="u">could</span> not.______</p>
+                        <p>3.The manager <span class="u">can not</span> have seen the message yet.______</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">110</span>
+                </div>
+            </div>
+        </div>
+        <!-- 111 -->
+        <div class="page-box" page="117">
+            <div v-if="showPageList.indexOf(117) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit6">MODULE 6</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>4.We <span class="u">may</span> have been colleagues if he hadn鈥檛 missed the interview.______
+                        </p>
+                        <p>5.The meeting might be cancelled for the delay of their plane.______</p>
+                        <h3 id="c052"><span class="bjh3">Mini-project</span></h3>
+                        <p>Work in groups.Ask your group members about any improper behavior he/she has ever seen in the
+                            library and draft a code of conduct.Share your opinions with the class.</p>
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0121-1.jpg" /></p>
+                        <h2 id="b023"><img class="img-0" alt="" src="../../assets/images/dy6-le3.jpg" /></h2>
+                        <h3 id="c053"><span class="bjh3">Listening</span></h3>
+                        <p class="center"><audio :src="resource.readingTwo" controls
+                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+                                @play="audioPlay"></audio></p>
+                        <p><b>鈪�.Listen to the monologue about the perfect workplace and decide whether the following
+                                statements are true (T) or false (F).</b></p>
+                        <p>(銆�) 1.A positive workplace might have the same details for everybody.</p>
+                        <p>(銆�) 2.It should be a place where the management team enjoys coming to work.</p>
+                        <p>(銆�) 3.The happier people are at work,the better they will perform.</p>
+                        <p>(銆�) 4.The better the company culture is,the greater the reputation it enjoys.</p>
+                        <p>(銆�) 5.Most employees succeed in a positive atmosphere.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">111</span>
+                </div>
+            </div>
+        </div>
+        <!-- 112 -->
+        <div class="page-box" page="118">
+            <div v-if="showPageList.indexOf(118) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit6">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p><b>鈪�.Listen to the conversation about the dress code between Sally and Ross and match the
+                                following information with the corresponding speaker.</b></p>
+                        <p class="center"><img class="img-0" alt="" src="../../assets/images/0122-1.jpg" /></p>
+                        <h3 id="c054"><span class="bjh3">Practical Writing</span></h3>
+                        <p>Work with your partner to discuss the following questions.</p>
+                        <p>1.Why do we need to take the minutes?</p>
+                        <p>2.What should we take down in the minutes?</p>
+                        <p><b>鈪�.Read the following tips and learn about the minutes.</b></p>
+                        <p>Minutes can be defined as the record of what is said and decided at a meeting.It highlights
+                            the key issues that are discussed,proposals voted on and resolutions made.Minutes can also
+                            be a valuable resource for team members who missed a meeting to catch up on any decisions
+                            from the meeting.Minutes usually consist of the following parts.</p>
+                        <div class="fieldset-8">
+                            <p>鈼員he time,date and place of the meeting</p>
+                            <p>鈼哤ho attended the meeting and who was absent</p>
+                            <p>鈼哤hat happened at the meeting in detail</p>
+                            <p class="center"><img class="img-b" alt="" src="../../assets/images/0122-2.jpg" /></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">112</span>
+                </div>
+            </div>
+        </div>
+        <!-- 113 -->
+        <div class="page-box" page="119">
+            <div v-if="showPageList.indexOf(119) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit6">MODULE 6</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p><b>鈪�.Read the minutes and do the following exercises.</b></p>
+                        <p>1. <span class="u">Underline</span> the time,date and place of the meeting.</p>
+                        <p>2.<img class="inline1" alt="" src="../../assets/images/0123-1.jpg" /> the attendees.</p>
+                        <p>3.Summarize the main points discussed at the meeting.</p>
+                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0123-2.jpg" /></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0123-3.jpg" /></p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">113</span>
+                </div>
+            </div>
+        </div>
+        <!-- 114 -->
+        <div class="page-box" page="120">
+            <div v-if="showPageList.indexOf(120) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit6">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0123-3.jpg" /></p>
+                        <p><b>鈪�.Match the following sentences with the correct translation.</b></p>
+                        <div class="fieldset-8">
+                            <p>1.Mr.Green called the meeting to order at 10:00 a.m.</p>
+                            <p>2.A vote was taken to approve the amended</p>
+                            <p>Code of Conduct for employees.</p>
+                            <p>3.The meeting agenda was unanimously approved by all attendees.</p>
+                            <p>4.The meeting adjourned at 5:00 p.m.</p>
+                            <p>5.All attendees were given an agenda prior to the meeting via email.</p>
+                        </div>
+                        <div class="fieldset-8">
+                            <p>a.鎶曠エ鍚屾剰淇鍚庣殑銆婂憳宸ヨ涓哄畧鍒欍�嬨��</p>
+                            <p>b.鏍兼灄鍏堢敓浜庝笂鍗�10鐐瑰甯冧細璁紑濮嬨��</p>
+                            <p>c.涓嬪崍5鐐逛紤浼氥��</p>
+                            <p>d.鍏ㄤ綋鍙備細浜哄憳涓�鑷村悓鎰忔湰娆′細璁簨椤广��</p>
+                            <p>e.浼氳鍓嶅凡閫氳繃閭欢灏嗕細璁簨椤瑰彂</p>
+                            <p>缁欎簡鍏ㄤ綋鍙備細浜哄憳銆�</p>
+                        </div>
+                        <p>鈪�<b>.The HR department has been assigned the task to prepare the in-service training for the
+                                newly recruited employees.Complete the following minutes based on the information
+                                provided.</b></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0124-2.jpg" /></p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">114</span>
+                </div>
+            </div>
+        </div>
+        <!-- 115 -->
+        <div class="page-box" page="121">
+            <div v-if="showPageList.indexOf(121) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit6">MODULE 6</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0125-1.jpg" /></p>
+                        <div class="un-h2">
+                            <h2 id="b024">Unit Project</h2>
+                        </div>
+                        <p>When employees work in a positive environment,they are happier and more motivated.Work with
+                            your partner and complete the following two tasks.</p>
+                        <p><b>Task 1:</b> The following are three pictures of work environment.Find out the problems and
+                            put forward some suggestions for improvement so as to create a comfortable and productive
+                            workplace,and then finish Worksheet 1.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">115</span>
+                </div>
+            </div>
+        </div>
+        <!-- 116 -->
+        <div class="page-box" page="122">
+            <div v-if="showPageList.indexOf(122) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit6">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit6">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0126-1.jpg" /></p>
+                        <p class="img">Picture 1</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0126-2.jpg" /></p>
+                        <p class="img">Picture 2</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0126-3.jpg" /></p>
+                        <p class="img">Picture 3</p>
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dyworksheet1.jpg" /></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0126-4.jpg" /></p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">116</span>
+                </div>
+            </div>
+        </div>
+        <!-- 117 -->
+        <div class="page-box" page="123">
+            <div v-if="showPageList.indexOf(123) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit6">MODULE 6</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p><b>Task 2:</b> Investigate the work environment of the people you know,and then work with
+                            your partner to finish Worksheet 2.</p>
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dyworksheet2.jpg" /></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0127-1.jpg" /></p>
+                        <div class="fieldset-8">
+                            <p class="center"><b>Useful Expressions</b></p>
+                            <p>I don鈥檛 think it appropriate to ...</p>
+                            <p>There are ...on the desk/in the office.</p>
+                            <p>...looks tidy/untidy.</p>
+                            <p>The negative/positive work environment usually leads to/brings about ...</p>
+                            <p>The measures for ...are as follows.</p>
+                            <p>The solutions to the ...are listed below.</p>
+                            <p>It has a good/bad effect on ...</p>
+                            <p>For me,I prefer team-based work environment which can ...</p>
+                            <p>Effective communication is quite important for ...</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">117</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import matching from "@/components/matching/matching.vue";
+import { getResourcePath } from "@/assets/methods/resources";
+export default {
+    name: "chapterSex",
+    components: { matching },
+    props: {
+        showPageList: {
+            type: Array,
+        },
+    },
+    data() {
+        return {
+            imgThirteen: require("../../assets/images/grammar.jpg"),
+            showAnswerOne: false,
+            showAnswerTwo: false,
+            showAnswerThree: false,
+            showAnswerFour: false,
+            showAnswerFive: false,
+            showImg: false,
+            showQuestionAnswer: false,
+            rawData: {
+                left: [
+                    {
+                        oldId: "FB34",
+                        txt: "Martin銆�銆�銆�銆�Silk",
+                    },
+                    {
+                        oldId: "64D6",
+                        txt: "Jessica銆�銆�The Great Wall",
+                    },
+                    {
+                        oldId: "2ED4",
+                        txt: "Soren銆�銆�Chinese Food",
+                    },
+                    {
+                        oldId: "44DE",
+                        txt: "Chinese銆�銆�銆�銆�Tea",
+                    },
+                ],
+                right: [
+                    {
+                        oldId: "64D6",
+                        txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+                    },
+                    {
+                        oldId: "FB34",
+                        txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
+                    },
+                    {
+                        oldId: "2ED4",
+                        txt: "The clothing material is quite popular among Roman women inancient times.",
+                    },
+                    {
+                        oldId: "44DE",
+                        txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+                    },
+                ],
+            },
+            value: [],
+            question: {
+                KnowledgePoint: "123",
+                analysis: "123",
+                answer: [
+                    {
+                        id: "FB34",
+                        linkValue:
+                            "The clothing material is quite popular among Roman women inancient times.",
+                        value: "Silk",
+                    },
+                    {
+                        id: "64D6",
+                        linkValue:
+                            "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+                        value: "The Great Wall",
+                    },
+                    {
+                        id: "2ED4",
+                        linkValue:
+                            "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+                        value: "Chinese Food",
+                    },
+                    {
+                        id: "44DE",
+                        linkValue:
+                            "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
+                        value: "Chinese Tea",
+                    },
+                ],
+                optionStyle: undefined,
+                id: 489306,
+                options: {
+                    linkValues: [
+                        {
+                            oldId: "64D6",
+                            txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+                        },
+                        {
+                            oldId: "44DE",
+                            txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
+                        },
+                        {
+                            oldId: "FB34",
+                            txt: "The clothing material is quite popular among Roman women inancient times.",
+                        },
+                        {
+                            oldId: "2ED4",
+                            txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+                        },
+                    ],
+                    values: [
+                        {
+                            oldId: "FB34",
+                            txt: "Martin  Silk",
+                        },
+                        {
+                            oldId: "64D6",
+                            txt: "The Great Wall",
+                        },
+                        {
+                            oldId: "2ED4",
+                            txt: "Chinese Food",
+                        },
+                        {
+                            oldId: "44DE",
+                            txt: "Chinese Tea",
+                        },
+                    ],
+                },
+                questionType: "matching",
+                stem: {
+                    stemTxt: "鎸夐『搴忚繛绾�",
+                },
+                stemStyle: undefined,
+                titleDescription: "1",
+                userChoise: [],
+                value: [],
+                answerImg: require("../../assets/images/matching-one.png"),
+            },
+            questionData: {
+                warnUp: {
+                    one: {
+                        value: "",
+                        isRight: null,
+                        answer: "Chinese knot",
+                    },
+                    two: {
+                        value: "",
+                        isRight: null,
+                        answer: "Chinese medicine",
+                    },
+                    three: {
+                        value: "",
+                        isRight: null,
+                        answer: "Chinese calligraphy",
+                    },
+                    four: {
+                        value: "",
+                        isRight: null,
+                        answer: "Taichi",
+                    },
+                    five: {
+                        value: "",
+                        isRight: null,
+                        answer: "sweet dumpling",
+                    },
+                    six: {
+                        value: "",
+                        isRight: null,
+                        answer: "Chinese chess",
+                    },
+                    seven: "",
+                },
+                reading: {
+                    one: "",
+                    two: "",
+                },
+                table: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    six: "",
+                    seven: "",
+                    enight: "",
+                    nine: "",
+                },
+            },
+            testData: {
+                check: {
+                    isRight: null,
+                    answer: ["Culture", "Cuisine", "Landscapes"],
+                    value: []
+                },
+                tx: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                in: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    isRight: null,
+                    answer: 'cuisine,landscapes,civilization,explore,unique'
+                },
+                line: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                ts: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                },
+                gr: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                cm: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+            },
+            resource: {
+                listenOne: "",
+                readingOne: "",
+                readingTwo: "",
+            },
+            dropDownList: [
+                "online shopping",
+                "facial recognition",
+                "electronic payment",
+                "intercity train",
+                "shared bike",
+                "take-away service",
+            ],
+            dropdownData: {
+                one: {
+                    value: "",
+                    isRight: null,
+                    answer: "intercity train",
+                },
+                two: {
+                    value: "",
+                    isRight: null,
+                    answer: "online shopping",
+                },
+                three: {
+                    value: "",
+                    isRight: null,
+                    answer: "electronic payment",
+                },
+                four: {
+                    value: "",
+                    isRight: null,
+                    answer: "shared bike",
+                },
+                five: {
+                    value: "",
+                    isRight: null,
+                    answer: "take-away service",
+                },
+                six: {
+                    value: "",
+                    isRight: null,
+                    answer: "facial recognition",
+                },
+            },
+        };
+    },
+    mounted() {
+        const testData = localStorage.getItem("english-testOne");
+        if (testData) {
+            this.testData = JSON.parse(testData);
+        }
+        const bookQuestion = localStorage.getItem("english-book-question-one");
+        if (bookQuestion) {
+            this.questionData = JSON.parse(bookQuestion);
+        }
+        const dropdownData = localStorage.getItem("english-dropdown-one");
+        if (dropdownData) {
+            this.dropdownData = JSON.parse(dropdownData);
+        }
+        this.getPath();
+    },
+    methods: {
+        saveWord(event, word) {
+            this.$emit("saveCharacters", event, word);
+        },
+        setTestData() {
+            localStorage.setItem("english-testOne", JSON.stringify(this.testData));
+        },
+        changeTestData() {
+            localStorage.removeItem("english-testOne");
+            this.testData = {
+                check: {
+                    isRight: null,
+                    answer: ["Culture", "Cuisine", "Landscapes"],
+                    value: []
+                },
+                tx: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                in: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    isRight: null,
+                    answer: ['uisine', 'andscapes', 'ivilization', 'xplore', 'nique']
+                },
+                line: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                ts: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                },
+                gr: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                cm: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+            };
+        },
+        setBookQuestion() {
+            console.log("淇濆瓨");
+            localStorage.setItem(
+                "english-book-question-one",
+                JSON.stringify(this.questionData)
+            );
+        },
+        async getPath() {
+            this.resource.listenOne = await getResourcePath(
+                "422139A2EF66EA888C5ED1D550AE23E0"
+            );
+            this.resource.readingOne = await getResourcePath(
+                "3F442B682D84C8AB06C800B29D734920"
+            );
+            this.resource.readingTwo = await getResourcePath(
+                "E8719EC88026BCFB11D292AA999F6D3D"
+            );
+        },
+        showAnswer(type) {
+            if (type == "showImg") {
+                this.showImg = !this.showImg;
+            }
+        },
+        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.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.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.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.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.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.isRight = null);
+            }
+        },
+        handleDropdown(type) {
+            const dropdownDatas = this.dropdownData;
+            for (let key in dropdownDatas) {
+                const item = dropdownDatas[key];
+                if (type == "judge") {
+                    item.value == item.answer
+                        ? (item.isRight = true)
+                        : (item.isRight = false);
+                    console.log(item.value, item.answer);
+                }
+            }
+            this.dropdownData = dropdownDatas;
+        },
+        changeDropdown() {
+            localStorage.removeItem("english-dropdown-one");
+            for (let key in this.dropdownData) {
+                const item = this.dropdownData[key];
+                item.value = "";
+                item.isRight = null;
+            }
+        },
+        setDropdownData() {
+            localStorage.setItem(
+                "english-dropdown-one",
+                JSON.stringify(this.dropdownData)
+            );
+        },
+        saveData() {
+            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.setTestData()
+            console.log(this.testData);
+
+        },
+        audioPlay() {
+            this.$emit("closeMiniAudio");
+        },
+    },
+};
+</script>
+
+<style lang="less" scoped>
+p {
+    font-size: 16px !important;
+}
+
+.bodystyle {
+    margin: 0 !important;
+}
+
+.line-border-box {
+    margin-left: 10px;
+    display: inline-block;
+    width: 50%;
+    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;
+        margin-bottom: 15px;
+        height: 20px;
+        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;
+    width: 100%;
+    height: 350px;
+    margin: 0 auto;
+}
+
+.pageBox {
+    z-index: 9999999999;
+    color: #999;
+    position: absolute;
+    left: 48%;
+    bottom: 0px;
+}
+
+select {
+    height: 24px;
+}
+
+.mini-audio {
+    width: 200px;
+    height: 200px;
+    position: fixed;
+    right: 0;
+    background-color: red;
+}
+
+.select-border {
+    border: 0;
+    border-bottom: 1px solid #767676;
+
+    &:focus {
+        outline: none;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/books/English/view/components/chapter007.vue b/src/books/English/view/components/chapter007.vue
new file mode 100644
index 0000000..97ab1f4
--- /dev/null
+++ b/src/books/English/view/components/chapter007.vue
@@ -0,0 +1,1435 @@
+<template>
+    <div class="chapter" num="8">
+        <!-- 绗竷鍗曞厓 -->
+        <!-- 118 -->
+        <div class="page-box" page="124">
+            <div v-if="showPageList.indexOf(124) > -1">
+                <h1 id="a011"><img class="img-0" alt="" src="../../assets/images/dy7.jpg" /></h1>
+                <p><b>This unit will help you to:</b></p>
+                <p>鉃� Learn words and expressions about work ethic</p>
+                <p>鉃� Review the difference between the simple past tense and the past perfect tense as well as the usage
+                    of conjunctions (and,or,but)</p>
+                <p>鉃� Give suggestions on how to develop a strong work ethic</p>
+                <p>鉃� Be able to write a warning notice</p>
+                <p>鉃� Understand some work ethic and behave well in the workplace</p>
+                <p class="center"><img class="img-0" alt="" src="../../assets/images/0128-2.jpg" /></p>
+            </div>
+        </div>
+        <!-- 119 -->
+        <div class="page-box" page="125">
+            <div v-if="showPageList.indexOf(125) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit7">MODULE 7</span>
+                        <span class="chapter-right-bc-unit7 fw-bl chapter-right-cl-unit7">WORK ETHIC AND SUCCESS IN THE
+                            WORKPLACE</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <h2 id="b025"><img class="img-0" alt="" src="../../assets/images/dy7-le1.jpg" /></h2>
+                        <h3 id="c055"><span class="bjh3">Warm-up</span></h3>
+                        <p><b>鈪�.Suppose it is your first day at work,how can you favorably impress your workmates?</b>
+                        </p>
+                        <p>______________________________________________</p>
+                        <p><b>鈪�.Put the following names of the departments in the proper blanks according to their
+                                functions.</b></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0129-2.jpg" /></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0129-1.jpg" /></p>
+                        <h3 id="c056"><span class="bjh3">Listening</span></h3>
+                        <p class="center"><audio :src="resource.readingTwo" controls
+                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+                                @play="audioPlay"></audio></p>
+                        <p><b>Listen to the monologue about workplace success and fill in the blanks with what you
+                                hear.</b></p>
+                        <p>Do you want to succeed in the workplace? Try your best for_____in everything you
+                            do.Excellence means to be the best in_____you do.Giving your 100% every time will help you
+                            achieve that excellence in no time at all.Put all your_____in whatever you do and achieve
+                            the best results.Care about the_____of your work and be willing to put in extra effort when
+                            necessary.You will get more_____to grow as an individual and make great progress within
+                            yourcareer.People with strong work ethic always a_______lot in return.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">119</span>
+                </div>
+            </div>
+        </div>
+        <!-- 120 -->
+        <div class="page-box" page="126">
+            <div v-if="showPageList.indexOf(126) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit7 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit7">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit7">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <h3 id="c057"><span class="bjh3">Reading</span></h3>
+                        <p>1.If a man is called to be a street sweeper,he should sweep streets even as Michelangelo
+                            painted,or Beethoven composed music or Shakespeare wrote poetry.What does this saying try to
+                            tell us?</p>
+                        <p>2.How can other people鈥檚 jobs influence our life?</p>
+                        <p class="center"><b>Lineman Wang Jin</b></p>
+                        <p class="center"><audio :src="resource.readingTwo" controls
+                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+                                @play="audioPlay"></audio></p>
+                        <p>Working on high-voltage power lines is considered by many as a high-risk job.But for some
+                            people it鈥檚 a daily routine.</p>
+                        <p>Standing on towers over 100 meters high and working on ultra-high-voltage (UHV) lines,Wang
+                            Jin has been in this job for more than 20 years.He is a team leader at an electric power
+                            company.</p>
+                        <p>Wang still clearly remembered the first time he touched the power line.鈥淚 was really scared
+                            because at the moment of contact ...500 000 volts of electricity hit the gloves,鈥� recalled
+                            Wang.</p>
+                        <p>The work is even harder for Wang and his co-workers because UHV lines are often set up in
+                            remote areas.</p>
+                        <p>Summer in east China鈥檚 Shandong Province can be hot and dry.The steel tower is also
+                            hot.Wearing protective clothes in such weather,Wang felt dizzy even before he started the
+                            shift.</p>
+                        <p>In 2011,Wang finished the world鈥檚 first repair work on a 660-kilovolt live-transmission
+                            line.The power transmitted by this line was almost one-tenth of the total power in the
+                            entire province at that time.Wang won the National Science and Technology Progress Award鈥攐ne
+                            of China鈥檚 highest national honors鈥攆or his excellent performance.</p>
+                        <p>China鈥檚 UHV power network continues to expand,so Wang and his colleagues have set up an
+                            innovation center to address new challenges.</p>
+                        <p>They have introduced more technologies including the use of drones for line inspection and
+                            maintenance.They have 240 drones and 80 operators,and they want to create an
+                            unmanned,digital and intelligent line inspection system.</p>
+                        <p>Wang is now a father of two.His family gave him the biggest support.His dedication has made
+                            him a role model for young people.Wang Innovation Studio now has nearly 100 members,who have
+                            achieved more than 30 technological innovations.</p>
+                        <p>By the end of 2020,a total of 35 UHV projects had been completed or were under construction
+                            in China.Their total length is 48 000 kilometers.China鈥檚 electricity network has the highest
+                            voltage and the biggest transmission capacity in the world.Thanks to technicians like Wang
+                            and his colleagues,China hasn鈥檛 experienced a large-scale power outage in the past 10 years.
+                        </p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">120</span>
+                </div>
+            </div>
+        </div>
+        <!-- 121 -->
+        <div class="page-box" page="127">
+            <div v-if="showPageList.indexOf(127) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit7">MODULE 7</span>
+                        <span class="chapter-right-bc-unit7 fw-bl chapter-right-cl-unit7">WORK ETHIC AND SUCCESS IN THE
+                            WORKPLACE</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 &amp; Expressions</span>
+                            <span class="line-border-box"></span>
+                        </p>
+                        <p class="center"> <audio :src="resource.readingTwo" controls
+                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+                                @play="audioPlay"></audio></p>
+                        <p>voltage /藞v蓹蕣lt瑟d蕭/ <i>n.</i> 鐢靛帇</p>
+                        <div class="bkbj">
+                            <p><i>electrical force measured in volts</i></p>
+                        </div>
+                        <p>routine /ru藧藞ti藧n/ <i>n.</i> 甯歌</p>
+                        <div class="bkbj">
+                            <p><i>fixed and regular way of doing things</i></p>
+                        </div>
+                        <p>scared /ske蓹d/ <i>adj.</i> 鎯婃亹鐨勶紱鎭愭儳鐨�</p>
+                        <div class="bkbj">
+                            <p><i>frightened</i></p>
+                        </div>
+                        <p>contact /藞k蓲nt忙kt/ <i>n.</i> 鎺ヨЕ</p>
+                        <div class="bkbj">
+                            <p><i>the state of touching sth.</i></p>
+                        </div>
+                        <p>electricity /瑟藢lek藞tr瑟s蓹ti/ <i>n.</i> 鐢�</p>
+                        <div class="bkbj">
+                            <p><i>a form of energy from charged elementary particles,usually supplied as electric
+                                    current</i></p>
+                        </div>
+                        <div class="bkbj">
+                            <p><i>through cables,wires,etc.for lighting,heating,driving machines,etc.</i></p>
+                        </div>
+                        <p>protective /pr蓹藞tekt瑟v/ <i>adj.</i> 鍙椾繚鎶ょ殑</p>
+                        <div class="bkbj">
+                            <p><i>providing or intended to provide protection</i></p>
+                        </div>
+                        <p>dizzy /藞d瑟zi/<i> adj.</i> 澶存檿鐨勶紱鐪╂檿鐨�</p>
+                        <div class="bkbj">
+                            <p><i>feeling as if everything is turning around you and that you are not able to
+                                    balance</i></p>
+                        </div>
+                        <p>transmission /tr忙nz藞m瑟蕛n/ <i>n.</i> 浼犻��</p>
+                        <div class="bkbj">
+                            <p><i>the act or process of sending out an electronic signal or message</i></p>
+                        </div>
+                        <p>inspection /瑟n藞spek蕛n/ <i>n.</i> 妫�鏌�</p>
+                        <div class="bkbj">
+                            <p><i>the act of looking closely at sth./sb.,esp.to check if everything is as it should
+                                    be</i></p>
+                        </div>
+                        <p>maintenance /藞me瑟nt蓹n蓹ns/ <i>n.</i> 缁存姢</p>
+                        <div class="bkbj">
+                            <p><i>the act of keeping sth.in good condition by checking or repairing it regularly</i></p>
+                        </div>
+                        <p>digital /藞d瑟d蕭瑟tl/ <i>adj.</i> 鏁板瓧鐨�</p>
+                        <div class="bkbj">
+                            <p><i>connected with the use of computer technology,esp.the Internet</i></p>
+                        </div>
+                        <p>intelligent /瑟n藞tel瑟d蕭蓹nt/ <i>adj.</i> 鏅鸿兘鐨�</p>
+                        <div class="bkbj">
+                            <p><i>good at learning,understanding and thinking in a logical way about things; showing
+                                    this ability</i></p>
+                        </div>
+                        <p>dedication /藢ded瑟藞ke瑟蕛n/ <i>n.</i> 鐚韩锛涘鐚�</p>
+                        <div class="bkbj">
+                            <p><i>the hard work and effort that sb.puts into an activity or a purpose because they think
+                                    it is important</i></p>
+                        </div>
+                        <p>achieve /蓹藞t蕛i藧v/ <i>v.</i> 鑾峰緱锛涜揪鍒�</p>
+                        <div class="bkbj">
+                            <p><i>to succeed in reaching a particular goal,status or standard,esp.by making an effort
+                                    for a long time</i></p>
+                        </div>
+                        <p>construction /k蓹n藞str蕦k蕛n/ <i>n.</i> 寤鸿</p>
+                        <div class="bkbj">
+                            <p><i>the process or method of building or making sth.,esp.roads,buildings,bridges,etc.</i>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">121</span>
+                </div>
+            </div>
+        </div>
+        <!-- 122 -->
+        <div class="page-box" page="128">
+            <div v-if="showPageList.indexOf(128) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit7 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit7">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit7">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>capacity /k蓹藞p忙s蓹ti/ <i>n.</i> 瀹圭撼鏌愪簨鐗╃殑鑳藉姏锛涘仛鏌愪簨鐨勮兘鍔�</p>
+                        <div class="bkbj">
+                            <p><i>the ability to hold or contain sth.; the ability to do sth.</i></p>
+                        </div>
+                        <p>live-transmission line鐩存祦杈撶數绾胯矾</p>
+                        <p>under construction 淇缓涓�</p>
+                        <p>set up 寤虹珛锛涜绔�</p>
+                        <p>power outage鍋滅數</p>
+                        <p><b>鈪�.Reading comprehension.</b></p>
+                        <p>A.Fill in the blanks with the exact words in the passage.</p>
+                        <p>1.Wang takes a high-risk job on high-voltage power lines as_______________.</p>
+                        <p>2.Wang Jin felt_______________when he first touched the power line.</p>
+                        <p>3.Wang finished the world鈥檚 first repair work on a 660-kilovolt_______________.</p>
+                        <p>4.The innovation center uses_______________for line inspection and maintenance.</p>
+                        <p>5.By 2020,a total of 35 UHV projects had been completed or_______________.</p>
+                        <p>B.Put the following statements in right order according to the course of Wang鈥檚 career
+                            development in the passage.</p>
+                        <p>(銆�) Wang got one of the highest national awards for his superior performance.</p>
+                        <p>(銆�) Wang and his colleagues set up an innovation center to meet new work demand.</p>
+                        <p>(銆�) Wang was really afraid when he first touched the ultra-high-voltage line.</p>
+                        <p>(銆�) Wang and his colleagues want to create an digital and intelligent line inspection system.
+                        </p>
+                        <p>(銆�) Wang and his colleagues use drones for checking and repairing the lines.</p>
+                        <p><b>鈪�.Language focus.</b></p>
+                        <p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
+                            have been given.</p>
+                        <p>One of my first c________in my job experience was the cultural difference.Different cultures
+                            make people think and behave differently.鈥淒o in Rome as the Romans do.鈥� In the first year I
+                            usually communicated with my c________.I spent a lot of time keeping in c________with my
+                            customers and developed my cross-cultural c________.In this way,I adapted to my new working
+                            environment very fast,p________well and finally I a________my goals.</p>
+                        <p>B.Underline the following expressions in the passage and make sentences with them.</p>
+                        <p>1.set up_________________________________________</p>
+                        <p>2.give support_________________________________________</p>
+                        <p>3.under construction_________________________________________</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">122</span>
+                </div>
+            </div>
+        </div>
+        <!-- 123 -->
+        <div class="page-box" page="129">
+            <div v-if="showPageList.indexOf(129) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit7">MODULE 7</span>
+                        <span class="chapter-right-bc-unit7 fw-bl chapter-right-cl-unit7">WORK ETHIC AND SUCCESS IN THE
+                            WORKPLACE</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>4.thanks to_________________________________________</p>
+                        <p>5.power outage_________________________________________</p>
+                        <p>C.Translate the following sentences into Chinese.</p>
+                        <p>1.If you want to achieve a higher working goal,you need to consider it carefully right now.
+                        </p>
+                        <p>_________________________________________________________________</p>
+                        <p>2.To go for technical innovation,one must have the fearless spirit of a pathbreaker.</p>
+                        <p>_________________________________________________________________</p>
+                        <p>3.You need keep in contact with your customers when some problems arise.</p>
+                        <p>_________________________________________________________________</p>
+                        <p>4.Those employees believe that challenges offer opportunities to learn.</p>
+                        <p>_________________________________________________________________</p>
+                        <p><b>鈪�.Grammar focus:The simple past &amp; past perfect tense.</b></p>
+                        <p>A.Pick out two sentences of the simple past tense and the past perfect tense respectively
+                            from the passage,and then write them down.</p>
+                        <p><b>The simple past tense:</b></p>
+                        <p>1._________________________________________</p>
+                        <p>2._________________________________________</p>
+                        <p><b>The past perfect tense:</b></p>
+                        <p>3._________________________________________</p>
+                        <p>4._________________________________________</p>
+                        <p>B.Fill in the blanks with the proper form of the given words.</p>
+                        <p>1.He_____more than 20 technological innovations before he turned 35.(achieve)</p>
+                        <p>2.She_____(give) a lot of financial support to animal protection organizations in 2022.</p>
+                        <p>3.She didn鈥檛 go to bed until she_____her work.(finish)</p>
+                        <p>4.He_____many awards because of his hard work last year.(win)</p>
+                        <p>5.They_____more technologies for line repairing by 2021.(introduce)</p>
+                        <h3 id="c058"><span class="bjh3">Mini-project</span></h3>
+                        <p>List some people who are dedicated to their work,and analyze the reasons for their
+                            success.Jot down some notes,and then make a report to the class.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">123</span>
+                </div>
+            </div>
+        </div>
+        <!-- 124 -->
+        <div class="page-box" page="130">
+            <div v-if="showPageList.indexOf(130) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit7 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit7">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit7">鍩虹妯″潡涓�</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-a" alt="" src="../../assets/images/0134-1.jpg" /></p>
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
+                        <div class="bk-wh">
+                            <p>strong-willed銆�motivated銆�active銆�cooperative銆�stressful銆�disciplined銆�risky銆�helpful銆�dutiful銆�enthusiastic
+                            </p>
+                        </div>
+                        <h2 id="b026"><img class="img-0" alt="" src="../../assets/images/dy7-le2.jpg" /></h2>
+                        <h3 id="c059"><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></p>
+                        <div class="bk-wh">
+                            <p>no bribery銆�punctual銆�attentive銆�gossiping</p>
+                        </div>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0134-2.jpg" /></p>
+                        <p class="center">1._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0134-3.jpg" /></p>
+                        <p class="center">2._____________________</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">124</span>
+                </div>
+            </div>
+        </div>
+        <!-- 125 -->
+        <div class="page-box" page="131">
+            <div v-if="showPageList.indexOf(131) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit7">MODULE 7</span>
+                        <span class="chapter-right-bc-unit7 fw-bl chapter-right-cl-unit7">WORK ETHIC AND SUCCESS IN THE
+                            WORKPLACE</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0135-1.jpg" /></p>
+                        <p class="center">3._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0135-2.jpg" /></p>
+                        <p class="center">4._____________________</p>
+                        <h3 id="c060"><span class="bjh3">Reading</span></h3>
+                        <p>1.What examples come first to mind when referring to positive or poor work ethic?</p>
+                        <p>2.What kind of colleagues do you want to work with?</p>
+                        <p class="center"><b>Work Ethic in the Workplace</b></p>
+                        <p class="center"> <audio :src="resource.readingTwo" controls
+                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+                                @play="audioPlay"></audio></p>
+                        <p>Work ethic is a set of standards of behavior and beliefs regarding what is and isn鈥檛
+                            acceptable to do at work,which can be strong (good) or poor (bad).It depends on personal
+                            views of employees,their motivation,and overall company culture.</p>
+                        <p>Next,we鈥檒l review some common examples of both strong and poor work ethic.</p>
+                        <p><b>Example</b> 1</p>
+                        <p>Angela鈥檚 director asked her to sort out data about the patients and
+                            insurance.Unfortunately,Angela isn鈥檛 very familiar with processing certain insurance claims.
+                        </p>
+                        <p>Rather than giving up,Angela decides to expand her skills.She networks with her coworkers in
+                            the insurance department and consults her director.</p>
+                        <p>In the process,she expands her skills to make sure she meets her goals.</p>
+                        <p><b>Example</b> 2</p>
+                        <p>Jim鈥檚 director asked him to review the financial reports from last quarter to look for
+                            purchases from one guest.The director gave him this task about a month ago and asked him to
+                            complete it within a few weeks.</p>
+                        <p>Now,a month has passed,but Jim still hasn鈥檛 reviewed any of the reports.Rather than starting
+                            early,he leaves it to the last minute and turns in an incomplete report.</p>
+                        <p><b>Example</b> 3</p>
+                        <p>Sheila is sometimes bothered by the tasks assigned by her director.However,she never
+                            addresses her complaints to the director.Instead,she complains to her coworkers,friends,and
+                        </p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">125</span>
+                </div>
+            </div>
+        </div>
+        <!-- 126 -->
+        <div class="page-box" page="132">
+            <div v-if="showPageList.indexOf(132) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit7 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit7">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit7">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>anyone that will listen to her about her job.</p>
+                        <p>Finally,the image of the company was badly affected and a bad working environment was
+                            created.</p>
+                        <p><b>Example</b> 4</p>
+                        <p>Jeff is often late to work.When he arrives at the company,his coworkers have already worked
+                            for half an hour or even longer.</p>
+                        <p>Instead of trying hard to change the current situation,he makes various excuses for being
+                            late.</p>
+                        <p>His constant delay shows a lack of respect for his job and coworkers.His coworkers think of
+                            him as being unreliable and irresponsible as a result.</p>
+                        <p>The above examples represent a set of working attitudes that regulate employees鈥� behavior at
+                            work.And what can you do to develop strong work ethic?</p>
+                        <p class="fl al-cn mt-40">
+                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
+                            <span class="line-border-box"></span>
+                        </p>
+                        <p class="center"> <audio :src="resource.readingTwo" controls
+                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+                                @play="audioPlay"></audio></p>
+                        <p>regarding /r瑟藞伞蓱藧d瑟艐/ <i>prep.</i> 鍏充簬锛涜嚦浜�</p>
+                        <div class="bkbj">
+                            <p><i>concerning sb./sth.; about sb./sth.</i></p>
+                        </div>
+                        <p>insurance /瑟n藞蕛蕣蓹r蓹ns/<i> n.</i>淇濋櫓</p>
+                        <div class="bkbj">
+                            <p><i>an arrangement with a company in which you pay them regular amounts of</i></p>
+                        </div>
+                        <div class="bkbj">
+                            <p><i>money and they agree to pay the costs</i></p>
+                        </div>
+                        <p>claim /kle瑟m/<i> n.</i> 淇濋櫓閲戠储娆�</p>
+                        <div class="bkbj">
+                            <p><i>demand for a sum of money as insurance</i></p>
+                        </div>
+                        <p>purchase /藞p蓽藧t蕛蓹s/ <i>n.</i> 璐拱涔嬬墿</p>
+                        <div class="bkbj">
+                            <p><i>sth.that you have bought</i></p>
+                        </div>
+                        <p>bother /藞b蓲冒蓹(r)/ <i>v.</i> 鎵撴壈鎴栫儲鎵版煇浜�</p>
+                        <div class="bkbj">
+                            <p><i>to</i> <i>cause trouble or annoyance to sb.</i></p>
+                        </div>
+                        <p>address /蓹藞dres/ <i>v.</i> 鍚戔�︹�﹁璇�</p>
+                        <div class="bkbj">
+                            <p><i>to say sth.directly to sb.</i></p>
+                        </div>
+                        <p>complain /k蓹m藞ple瑟n/ <i>v.</i> 鎶辨�紱璇夎嫤</p>
+                        <div class="bkbj">
+                            <p><i>to say that you are annoyed,unhappy or not satisfied about sb./sth.</i></p>
+                        </div>
+                        <p>constant /藞k蓲nst蓹nt/ <i>adj.</i> 杩炵画鍙戠敓鐨勶紱涓嶆柇鐨勶紱閲嶅鐨�</p>
+                        <div class="bkbj">
+                            <p><i>happening all the time or repeatedly</i></p>
+                        </div>
+                        <p>depend on 渚濋潬锛涗緷璧�</p>
+                        <p>sort out 鐞嗛『锛涙暣鐞�</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">126</span>
+                </div>
+            </div>
+        </div>
+        <!-- 127 -->
+        <div class="page-box" page="133">
+            <div v-if="showPageList.indexOf(133) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit7">MODULE 7</span>
+                        <span class="chapter-right-bc-unit7 fw-bl chapter-right-cl-unit7">WORK ETHIC AND SUCCESS IN THE
+                            WORKPLACE</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>give up 鏀惧純</p>
+                        <p>address sth.to sb. 鍚戞煇浜鸿鏌愪簨</p>
+                        <p>turn in 涓婁氦</p>
+                        <p><b>鈪�.Reading comprehension.</b></p>
+                        <p>A.Match the names in the left column with their behavior in the right column.</p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0137-1.jpg" /></p>
+                        <p>B.Write down the work ethic mentioned in each of the four examples,and decide whether they
+                            are strong or poor.</p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0137-2.jpg" /></p>
+                        <p><b>鈪�.Language focus.</b></p>
+                        <p>A.Fill in the blanks with the proper form of the words given below.</p>
+                        <div class="bk-wh">
+                            <p>bother銆�complain銆�constant銆�address銆�regarding</p>
+                        </div>
+                        <p>1.Call me if you have any problems_____your work.</p>
+                        <p>2.Two questions often_____first-time corporate investors.</p>
+                        <p>3.Babies need_____attention.</p>
+                        <p>4.She_____to me about his rudeness.</p>
+                        <p>5.Please_____all complaints to the manager.</p>
+                        <p>B.Underline the following expressions in the passage and make sentences with them.</p>
+                        <p>1.depend on_________________________________________</p>
+                        <p>2.sort out_________________________________________</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">127</span>
+                </div>
+            </div>
+        </div>
+        <!-- 128 -->
+        <div class="page-box" page="134">
+            <div v-if="showPageList.indexOf(134) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit7 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit7">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit7">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>3.give up_________________________________________</p>
+                        <p>4.turn in_________________________________________</p>
+                        <p>5.address ...to ..._____________________________</p>
+                        <p><b>鈪�.Grammar focus:Conjunctions (and,or,but).</b></p>
+                        <p>Read the examples and complete the sentences with <i>and</i>,<i>or</i>,or <i>but</i>.</p>
+                        <p><b>Examples:</b></p>
+                        <div class="fieldset-8">
+                            <p>1.We must double our efforts,or we will never be able to catch up with the others.</p>
+                            <p>2.The camerawork is perfect,and the cast is good.</p>
+                        </div>
+                        <p>1.I鈥檇 like to go to the theatre tonight,_____I鈥檓 too busy.</p>
+                        <p>2.Your delay shows a lack of respect for the job_____fellow coworkers.</p>
+                        <p>3.Work ethic can be strong_____poor.</p>
+                        <p>4.She is bothered by the tasks,_____she never complains.</p>
+                        <p>5.All the employees should show up on time_____even earlier.</p>
+                        <h3 id="c061"><span class="bjh3">Mini-project</span></h3>
+                        <p>Work in groups.Choose two of the work ethic from the box below,and discuss the way to develop
+                            them,and then prepare a report to the class.</p>
+                        <div class="bk-wh">
+                            <p>faithfulness銆�initiative銆�innovation銆�selflessness銆�bravery銆�rigor銆�teamwork銆�fortitude</p>
+                        </div>
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0138-1.jpg" /></p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">128</span>
+                </div>
+            </div>
+        </div>
+        <!-- 129 -->
+        <div class="page-box" page="135">
+            <div v-if="showPageList.indexOf(135) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit7">MODULE 7</span>
+                        <span class="chapter-right-bc-unit7 fw-bl chapter-right-cl-unit7">WORK ETHIC AND SUCCESS IN THE
+                            WORKPLACE</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0138-1.jpg" /></p>
+                        <h2 id="b027"><img class="img-0" alt="" src="../../assets/images/dy7-le3.jpg" /></h2>
+                        <h3 id="c062"><span class="bjh3">Listening</span></h3>
+                        <p class="center"><audio :src="resource.readingTwo" controls
+                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+                                @play="audioPlay"></audio></p>
+                        <p><b>鈪�.Jeff rarely showed up at the office on time.Listen to the recording and mark his excuses
+                                for being late.</b></p>
+                        <p>鈻� His car broke down.</p>
+                        <p>鈻� His car was borrowed.</p>
+                        <p>鈻� His clock was broken.</p>
+                        <p>鈻� His phone was out of service.</p>
+                        <p>鈻� His phone was out of battery.</p>
+                        <p>鈻� He didn鈥檛 get on the subway.</p>
+                        <p>鈻� He was ill.</p>
+                        <p>鈻� He was squeezed out of the bus.</p>
+                        <p><b>鈪�.Susan,HR director,is now talking with Jenny about Jeff鈥檚 problems.Listen to the
+                                conversation and fill in the blanks with what you hear.</b></p>
+                        <p>Susan:Have you noticed Jeff has been late many times?</p>
+                        <p>Jenny:Yes,I want to have a talk with you about this.</p>
+                        <p>Susan: From our punch records,I find that Jeff was late 7 times.Does his director Jim know
+                            about this?</p>
+                        <p>Jenny:I think Jim must have already talked with Jeff.But maybe Jeff doesn鈥檛 pay attention.
+                        </p>
+                        <p>Susan:So,1._____?</p>
+                        <p>Jenny:I suppose we should give a warning notice to Jeff about his tardiness.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">129</span>
+                </div>
+            </div>
+        </div>
+        <!-- 130 -->
+        <div class="page-box" page="136">
+            <div v-if="showPageList.indexOf(136) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit7 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit7">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit7">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>Susan:2._____if I talked with his director first to get to know things better.</p>
+                        <p>Jenny:And perhaps we should have a talk with Jeff.</p>
+                        <p>Susan: I think so.3._____.It is very important to let him know how serious the problem is.
+                        </p>
+                        <p>Jenny:4._____.</p>
+                        <p>Susan:Then after the talk,we 5._____to Jeff.</p>
+                        <p>Jenny: OK.I will talk with Jeff this afternoon.I hope he won鈥檛 make the same mistake again in
+                            the future.</p>
+                        <h3 id="c063"><span class="bjh3">Practical Writing</span></h3>
+                        <p>Work with your partner to discuss the following questions.</p>
+                        <p>1.What kind of notices have you ever read?</p>
+                        <p>2.Can you give some tips for writing a notice well?</p>
+                        <p><b>鈪�.Read the following tips,and summarize how to write a notice well.</b></p>
+                        <p>A notice intends to publicize social events,inform staff of instructions,give
+                            information,change plans,etc.Most notices have the following features.</p>
+                        <div class="fieldset">
+                            <p>鈼� Very short and attractive</p>
+                            <p>鈼� Simple and easy-to-read</p>
+                            <p>鈼� Clear and specific</p>
+                            <p>鈼� Boldfaced words</p>
+                            <p class="center"><img class="img-g" alt="" src="../../assets/images/0140-1.jpg" /></p>
+                        </div>
+                        <p><b>鈪�.Susan is going to issue a personnel warning notice to Jeff.Choose the items from the box
+                                below and fill in the blanks to make a proper notice.</b></p>
+                        <div class="bk-12">
+                            <p>in order of escalation</p>
+                            <p>your following actions</p>
+                            <p>you received a verbal warning</p>
+                            <p>help you improve your performance to meet our quality standards</p>
+                            <p>job suspension without pay for one workweek</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">130</span>
+                </div>
+            </div>
+        </div>
+        <!-- 131 -->
+        <div class="page-box" page="137">
+            <div v-if="showPageList.indexOf(137) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit7">MODULE 7</span>
+                        <span class="chapter-right-bc-unit7 fw-bl chapter-right-cl-unit7">WORK ETHIC AND SUCCESS IN THE
+                            WORKPLACE</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <div class="bk-13">
+                            <p>Tech Market Technology Co.</p>
+                            <p>Warning 1</p>
+                            <p>Employee鈥檚 Name:Jeff Bell</p>
+                            <p>Supervisor鈥檚 Name:Jim Marche</p>
+                            <p>HR Representative鈥檚 Name:Susan Landen</p>
+                            <p>Date:1/31/23</p>
+                        </div>
+                        <div class="bk-13">
+                            <p>Dear Jeff Bell,</p>
+                            <p>Your HR department has been informed by your director that_____do not comply with Tech
+                                Market Technology Company鈥檚 policies:</p>
+                            <p>路 Infraction 1:Being late for January 4th,13th,16th,17th,24th and 25th.</p>
+                            <p>_____on January 17th,2023.</p>
+                            <p>The following consequences,_____,will be applied,should you not demonstrate improvement
+                                or cease violation of company policies:</p>
+                            <p>1.Second warning notice issued</p>
+                            <p>2._____</p>
+                            <p>3.Third and final warning notice followed by an in-person meeting</p>
+                            <p>4.Termination of employment</p>
+                            <p>We will do whatever to_____.</p>
+                            <p>Supervisor鈥檚 signature:Jim Marche</p>
+                            <p>Date:1/31/23</p>
+                        </div>
+                        <p><b>鈪�.Put the following words in right order to make sentences.</b></p>
+                        <p>1.used who everyone should coffee it the clean machine</p>
+                        <p>_________________________________________________</p>
+                        <p>2.to the this are welcome lecture attend all staff</p>
+                        <p>_________________________________________________</p>
+                        <p>3.due weather the badminton the to competition canceled be will</p>
+                        <p>_________________________________________________</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">131</span>
+                </div>
+            </div>
+        </div>
+        <!-- 132 -->
+        <div class="page-box" page="138">
+            <div v-if="showPageList.indexOf(138) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit7 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit7">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit7">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>4.gate school gather for the 8 at o鈥檆lock examination at will the we</p>
+                        <p>_________________________________________________</p>
+                        <p>5.held will meeting contest in at be room tomorrow 9 p.m.the</p>
+                        <p>_________________________________________________</p>
+                        <p><b>鈪�.Susan,HR director,is responsible for writing a warning notice to Jason who delayed
+                                handling in a very important report.</b></p>
+                        <div class="fieldset-4">
+                            <p class="left">Tech Market Technology Co.</p>
+                            <p class="left">Warning 1</p>
+                            <p class="left">Employee鈥檚 Name:</p>
+                            <p class="left">Supervisor鈥檚 Name: Jim Marche</p>
+                            <p class="left">HR Representative鈥檚 Name: Susan Landen</p>
+                            <p class="left">Date:</p>
+                            <p><br /></p>
+                            <p class="left">Dear Jason,</p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">Supervisor鈥檚 signature: Jim Marche</p>
+                            <p class="left">Date:1/31/23</p>
+                        </div>
+                        <div class="un-h2">
+                            <h2 id="b028">Unit Project</h2>
+                        </div>
+                        <p>Work with your partner to complete the following tasks,and then share your ideas with others.
+                        </p>
+                        <p><b>Task 1:</b> Read each of the following examples and decide whether they are strong or bad
+                            work ethic,and then find out what kind of work ethic they are.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">132</span>
+                </div>
+            </div>
+        </div>
+        <!-- 133 -->
+        <div class="page-box" page="139">
+            <div v-if="showPageList.indexOf(139) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit7">MODULE 7</span>
+                        <span class="chapter-right-bc-unit7 fw-bl chapter-right-cl-unit7">WORK ETHIC AND SUCCESS IN THE
+                            WORKPLACE</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0143-1.jpg" /></p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">133</span>
+                </div>
+            </div>
+        </div>
+        <!-- 134 -->
+        <div class="page-box" page="140">
+            <div v-if="showPageList.indexOf(140) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit7 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit7">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit7">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p><b>Task 2:</b>List the possible impact the above behavior will have on a company.</p>
+                        <p>1.____________________________________________</p>
+                        <p>2.____________________________________________</p>
+                        <p>3.____________________________________________</p>
+                        <p><b>Task 3:</b>List at least three strong work ethic you should develop and the tips for
+                            developing them.</p>
+                        <p>1.____________________________________________</p>
+                        <p>2.____________________________________________</p>
+                        <p>3.____________________________________________</p>
+                        <div class="fieldset-9">
+                            <p class="center"><b>Useful Expressions</b></p>
+                            <p><b>Strong work ethic you should develop:</b></p>
+                            <p>Hard work</p>
+                            <p>Dedication</p>
+                            <p>Discipline</p>
+                            <p>Productivity</p>
+                            <p>Teamwork</p>
+                            <p>Responsibility</p>
+                            <p>Determination</p>
+                            <p>Professionalism</p>
+                            <p><b>Bad work ethic you should avoid:</b></p>
+                            <p>Procrastination</p>
+                            <p>Inefficiency</p>
+                            <p>Irresponsibility</p>
+                            <p>Passiveness</p>
+                            <p>Tardiness</p>
+                            <p>Unprofessional behavior</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">134</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import matching from "@/components/matching/matching.vue";
+import { getResourcePath } from "@/assets/methods/resources";
+export default {
+    name: "chapterSeven",
+    components: { matching },
+    props: {
+        showPageList: {
+            type: Array,
+        },
+    },
+    data() {
+        return {
+            imgThirteen: require("../../assets/images/grammar.jpg"),
+            showAnswerOne: false,
+            showAnswerTwo: false,
+            showAnswerThree: false,
+            showAnswerFour: false,
+            showAnswerFive: false,
+            showImg: false,
+            showQuestionAnswer: false,
+            rawData: {
+                left: [
+                    {
+                        oldId: "FB34",
+                        txt: "Martin銆�銆�銆�銆�Silk",
+                    },
+                    {
+                        oldId: "64D6",
+                        txt: "Jessica銆�銆�The Great Wall",
+                    },
+                    {
+                        oldId: "2ED4",
+                        txt: "Soren銆�銆�Chinese Food",
+                    },
+                    {
+                        oldId: "44DE",
+                        txt: "Chinese銆�銆�銆�銆�Tea",
+                    },
+                ],
+                right: [
+                    {
+                        oldId: "64D6",
+                        txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+                    },
+                    {
+                        oldId: "FB34",
+                        txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
+                    },
+                    {
+                        oldId: "2ED4",
+                        txt: "The clothing material is quite popular among Roman women inancient times.",
+                    },
+                    {
+                        oldId: "44DE",
+                        txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+                    },
+                ],
+            },
+            value: [],
+            question: {
+                KnowledgePoint: "123",
+                analysis: "123",
+                answer: [
+                    {
+                        id: "FB34",
+                        linkValue:
+                            "The clothing material is quite popular among Roman women inancient times.",
+                        value: "Silk",
+                    },
+                    {
+                        id: "64D6",
+                        linkValue:
+                            "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+                        value: "The Great Wall",
+                    },
+                    {
+                        id: "2ED4",
+                        linkValue:
+                            "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+                        value: "Chinese Food",
+                    },
+                    {
+                        id: "44DE",
+                        linkValue:
+                            "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
+                        value: "Chinese Tea",
+                    },
+                ],
+                optionStyle: undefined,
+                id: 489306,
+                options: {
+                    linkValues: [
+                        {
+                            oldId: "64D6",
+                            txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+                        },
+                        {
+                            oldId: "44DE",
+                            txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
+                        },
+                        {
+                            oldId: "FB34",
+                            txt: "The clothing material is quite popular among Roman women inancient times.",
+                        },
+                        {
+                            oldId: "2ED4",
+                            txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+                        },
+                    ],
+                    values: [
+                        {
+                            oldId: "FB34",
+                            txt: "Martin  Silk",
+                        },
+                        {
+                            oldId: "64D6",
+                            txt: "The Great Wall",
+                        },
+                        {
+                            oldId: "2ED4",
+                            txt: "Chinese Food",
+                        },
+                        {
+                            oldId: "44DE",
+                            txt: "Chinese Tea",
+                        },
+                    ],
+                },
+                questionType: "matching",
+                stem: {
+                    stemTxt: "鎸夐『搴忚繛绾�",
+                },
+                stemStyle: undefined,
+                titleDescription: "1",
+                userChoise: [],
+                value: [],
+                answerImg: require("../../assets/images/matching-one.png"),
+            },
+            questionData: {
+                warnUp: {
+                    one: {
+                        value: "",
+                        isRight: null,
+                        answer: "Chinese knot",
+                    },
+                    two: {
+                        value: "",
+                        isRight: null,
+                        answer: "Chinese medicine",
+                    },
+                    three: {
+                        value: "",
+                        isRight: null,
+                        answer: "Chinese calligraphy",
+                    },
+                    four: {
+                        value: "",
+                        isRight: null,
+                        answer: "Taichi",
+                    },
+                    five: {
+                        value: "",
+                        isRight: null,
+                        answer: "sweet dumpling",
+                    },
+                    six: {
+                        value: "",
+                        isRight: null,
+                        answer: "Chinese chess",
+                    },
+                    seven: "",
+                },
+                reading: {
+                    one: "",
+                    two: "",
+                },
+                table: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    six: "",
+                    seven: "",
+                    enight: "",
+                    nine: "",
+                },
+            },
+            testData: {
+                check: {
+                    isRight: null,
+                    answer: ["Culture", "Cuisine", "Landscapes"],
+                    value: []
+                },
+                tx: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                in: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    isRight: null,
+                    answer: 'cuisine,landscapes,civilization,explore,unique'
+                },
+                line: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                ts: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                },
+                gr: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                cm: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+            },
+            resource: {
+                listenOne: "",
+                readingOne: "",
+                readingTwo: "",
+            },
+            dropDownList: [
+                "online shopping",
+                "facial recognition",
+                "electronic payment",
+                "intercity train",
+                "shared bike",
+                "take-away service",
+            ],
+            dropdownData: {
+                one: {
+                    value: "",
+                    isRight: null,
+                    answer: "intercity train",
+                },
+                two: {
+                    value: "",
+                    isRight: null,
+                    answer: "online shopping",
+                },
+                three: {
+                    value: "",
+                    isRight: null,
+                    answer: "electronic payment",
+                },
+                four: {
+                    value: "",
+                    isRight: null,
+                    answer: "shared bike",
+                },
+                five: {
+                    value: "",
+                    isRight: null,
+                    answer: "take-away service",
+                },
+                six: {
+                    value: "",
+                    isRight: null,
+                    answer: "facial recognition",
+                },
+            },
+        };
+    },
+    mounted() {
+        const testData = localStorage.getItem("english-testOne");
+        if (testData) {
+            this.testData = JSON.parse(testData);
+        }
+        const bookQuestion = localStorage.getItem("english-book-question-one");
+        if (bookQuestion) {
+            this.questionData = JSON.parse(bookQuestion);
+        }
+        const dropdownData = localStorage.getItem("english-dropdown-one");
+        if (dropdownData) {
+            this.dropdownData = JSON.parse(dropdownData);
+        }
+        this.getPath();
+    },
+    methods: {
+        saveWord(event, word) {
+            this.$emit("saveCharacters", event, word);
+        },
+        setTestData() {
+            localStorage.setItem("english-testOne", JSON.stringify(this.testData));
+        },
+        changeTestData() {
+            localStorage.removeItem("english-testOne");
+            this.testData = {
+                check: {
+                    isRight: null,
+                    answer: ["Culture", "Cuisine", "Landscapes"],
+                    value: []
+                },
+                tx: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                in: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    isRight: null,
+                    answer: ['uisine', 'andscapes', 'ivilization', 'xplore', 'nique']
+                },
+                line: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                ts: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                },
+                gr: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                cm: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+            };
+        },
+        setBookQuestion() {
+            console.log("淇濆瓨");
+            localStorage.setItem(
+                "english-book-question-one",
+                JSON.stringify(this.questionData)
+            );
+        },
+        async getPath() {
+            this.resource.listenOne = await getResourcePath(
+                "422139A2EF66EA888C5ED1D550AE23E0"
+            );
+            this.resource.readingOne = await getResourcePath(
+                "3F442B682D84C8AB06C800B29D734920"
+            );
+            this.resource.readingTwo = await getResourcePath(
+                "E8719EC88026BCFB11D292AA999F6D3D"
+            );
+        },
+        showAnswer(type) {
+            if (type == "showImg") {
+                this.showImg = !this.showImg;
+            }
+        },
+        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.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.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.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.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.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.isRight = null);
+            }
+        },
+        handleDropdown(type) {
+            const dropdownDatas = this.dropdownData;
+            for (let key in dropdownDatas) {
+                const item = dropdownDatas[key];
+                if (type == "judge") {
+                    item.value == item.answer
+                        ? (item.isRight = true)
+                        : (item.isRight = false);
+                    console.log(item.value, item.answer);
+                }
+            }
+            this.dropdownData = dropdownDatas;
+        },
+        changeDropdown() {
+            localStorage.removeItem("english-dropdown-one");
+            for (let key in this.dropdownData) {
+                const item = this.dropdownData[key];
+                item.value = "";
+                item.isRight = null;
+            }
+        },
+        setDropdownData() {
+            localStorage.setItem(
+                "english-dropdown-one",
+                JSON.stringify(this.dropdownData)
+            );
+        },
+        saveData() {
+            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.setTestData()
+            console.log(this.testData);
+
+        },
+        audioPlay() {
+            this.$emit("closeMiniAudio");
+        },
+    },
+};
+</script>
+
+<style lang="less" scoped>
+p {
+    font-size: 16px !important;
+}
+
+.bodystyle {
+    margin: 0 !important;
+}
+
+.line-border-box {
+    margin-left: 10px;
+    display: inline-block;
+    width: 50%;
+    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;
+        margin-bottom: 15px;
+        height: 20px;
+        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;
+    width: 100%;
+    height: 350px;
+    margin: 0 auto;
+}
+
+.pageBox {
+    z-index: 9999999999;
+    color: #999;
+    position: absolute;
+    left: 48%;
+    bottom: 0px;
+}
+
+select {
+    height: 24px;
+}
+
+.mini-audio {
+    width: 200px;
+    height: 200px;
+    position: fixed;
+    right: 0;
+    background-color: red;
+}
+
+.select-border {
+    border: 0;
+    border-bottom: 1px solid #767676;
+
+    &:focus {
+        outline: none;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/books/English/view/components/chapter008.vue b/src/books/English/view/components/chapter008.vue
new file mode 100644
index 0000000..d7943a9
--- /dev/null
+++ b/src/books/English/view/components/chapter008.vue
@@ -0,0 +1,1485 @@
+<template>
+    <div class="chapter" num="9">
+        <!-- 绗叓鍗曞厓 -->
+        <!-- 135 -->
+        <div class="page-box" page="141">
+            <div v-if="showPageList.indexOf(141) > -1">
+                <h1 id="a012"><img class="img-0" alt="" src="../../assets/images/dy8.jpg" /></h1>
+                <p><b>This unit will help you to:</b></p>
+                <p>鉃� Learn words and expressions to describe jobs</p>
+                <p>鉃� Review the structure of the simple present &amp; past tense,and the usage of pronouns (it,one)</p>
+                <p>鉃� Perform properly in a job interview</p>
+                <p>鉃� Be able to compose a follow-up email after an interview</p>
+                <p>鉃� Know how to choose the right career</p>
+                <p class="center"><img class="img-0" alt="" src="../../assets/images/0145-2.jpg" /></p>
+            </div>
+        </div>
+        <!-- 136 -->
+        <div class="page-box" page="142">
+            <div v-if="showPageList.indexOf(142) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit8">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit8">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <h2 id="b029"><img class="img-0" alt="" src="../../assets/images/dy8-le1.jpg" /></h2>
+                        <h3 id="c064"><span class="bjh3">Warm-up</span></h3>
+                        <p><b>鈪�.Figure out what the people in the following pictures do.</b></p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-1.jpg" /></p>
+                        <p class="center">1._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-2.jpg" /></p>
+                        <p class="center">2._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-3.jpg" /></p>
+                        <p class="center">3._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-4.jpg" /></p>
+                        <p class="center">4._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-5.jpg" /></p>
+                        <p class="center">5._____________________</p>
+                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-6.jpg" /></p>
+                        <p class="center">6._____________________</p>
+                        <p><b>鈪�.What other jobs can you list?</b></p>
+                        <p>____________________________________________</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">136</span>
+                </div>
+            </div>
+        </div>
+        <!-- 137 -->
+        <div class="page-box" page="143">
+            <div v-if="showPageList.indexOf(143) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit8">MODULE 8</span>
+                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
+                            CAREER</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <h3 id="c065"><span class="bjh3">Listening</span></h3>
+                        <p class="center"> <audio :src="resource.listenOne" controls
+                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+                        <p><b>Watch the video and find out how the speakers describe their jobs.</b></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0147-2.jpg" /></p>
+                        <h3 id="c066"><span class="bjh3">Reading</span></h3>
+                        <p>1.There is a saying that a part-time job can be a way to gain the experience necessary for
+                            full-time employment.Do you agree? Why or why not?</p>
+                        <p>2.If you鈥檙e considering a part-time job,what鈥檚 your expectation of it?</p>
+                        <p class="center">__________________</p>
+                        <p class="center"> <audio :src="resource.listenOne" controls
+                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+                        <p>Everyone鈥檚 first job is special.There are a couple of reasons for this:the experience is
+                            burned into one鈥檚 memory; it gives you the practice needed to fulfill other positions; and
+                            it teaches you about the value of money.</p>
+                        <p>When I was sixteen years old,I wanted to buy a new speed cube,but I did not have any money.My
+                            parents were not the type of people to give money to me out of nowhere,or even for work done
+                            at home.I had to find work in order to purchase one.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">137</span>
+                </div>
+            </div>
+        </div>
+        <!-- 138 -->
+        <div class="page-box" page="144">
+            <div v-if="showPageList.indexOf(144) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit8">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit8">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>So,I inquired as to who could give me work around town.I lived in the town of Woodway,which
+                            had enough people,especially elderly people,who needed help in their yards.I went to the
+                            oldest person I knew in my neighbourhood,Mrs.Hudson.She was over eighty years old,and could
+                            not tend her garden anymore.She had flowers,a grass lawn,and some tomato plants.I knocked on
+                            her door,building up enough courage to ask her for work.She answered that indeed she needed
+                            help in her garden.</p>
+                        <p>My first job was to pull out weeds.I got down on my knees with foam protectors and began to
+                            pull out weeds one by one in her front yard and backyard.After this tedious task,I mowed her
+                            lawn鈥攆ront and back.That was it for my first day,and it took me about two hours.I asked her
+                            how much I would get paid,and she said,鈥淚 will give you $5 an hour.鈥� It was less than I
+                            thought I would get paid,but at least I had a job and the money for my cube.</p>
+                        <p>I think everyone should get down on one鈥檚 knees and pull weeds.I think everyone should feel
+                            the burning sun on one鈥檚 back as they mow.It seems these experiences harden spirits and
+                            resolve.Besides this,a first job like this teaches you the value of money,and as sweat
+                            turned into the 鈥渃ube鈥�,it is something no one can take away.</p>
+                        <p class="fl al-cn mt-40">
+                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
+                            <span class="line-border-box"></span>
+                        </p>
+                        <p class="center"><audio :src="resource.readingTwo" controls
+                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+                                @play="audioPlay"></audio></p>
+                        <p>fulfill /f蕣l藞f瑟l/ <i>v.</i> 绗﹀悎锛涘饱琛�</p>
+                        <div class="bkbj">
+                            <p><i>to do or have what is required or necessary</i></p>
+                        </div>
+                        <p>cube /kju藧b/ <i>n.</i>绔嬫柟浣�</p>
+                        <div class="bkbj">
+                            <p><i>a solid or hollow figure with six equal square sides</i></p>
+                        </div>
+                        <p>inquire /瑟n藞kwa瑟蓹(r)/<i> v.</i> 鎵撳惉锛涜闂�</p>
+                        <div class="bkbj">
+                            <p><i>to ask sb.for some information</i></p>
+                        </div>
+                        <p>elderly /藞eld蓹li/ <i>adj.</i>骞寸邯杈冨ぇ鐨�</p>
+                        <div class="bkbj">
+                            <p><i>(of people) used as a polite word for 鈥渙ld鈥�</i></p>
+                        </div>
+                        <p>neighbourhood /藞ne瑟b蓹h蕣d/ <i>n.</i> 鎵�鍦ㄥ湴锛涗复杩戠殑鍦版柟</p>
+                        <div class="bkbj">
+                            <p><i>the area that you are in or the area near a particular place</i></p>
+                        </div>
+                        <p>weed /wi藧d/<i> n.</i> 鏉傝崏锛岄噹鑽夛紙灏ゆ寚搴勭鎴栬姳鍥腑鐨勶級</p>
+                        <div class="bkbj">
+                            <p><i>a wild plant growing where it is not wanted,esp.among crops or garden plants</i></p>
+                        </div>
+                        <p>foam /f蓹蕣m/ <i>n.</i>娉℃搏姗¤兌</p>
+                        <div class="bkbj">
+                            <p><i>a soft light rubber material,full of small holes,that is used for
+                                    seats,mattresses,etc.</i></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">138</span>
+                </div>
+            </div>
+        </div>
+        <!-- 139 -->
+        <div class="page-box" page="145">
+            <div v-if="showPageList.indexOf(145) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit8">MODULE 8</span>
+                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
+                            CAREER</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>tedious /藞ti藧di蓹s/ <i>adj.</i>鍗曡皟涔忓懗鐨�</p>
+                        <div class="bkbj">
+                            <p><i>lasting or taking too long and not interesting</i></p>
+                        </div>
+                        <p>mow /m蓹蕣/ <i>v.</i> 鍒堬紱鍓�</p>
+                        <div class="bkbj">
+                            <p><i>to cut grass,etc.using a machine or tool with a special blade</i></p>
+                        </div>
+                        <p>lawn /l蓴藧n/ <i>n.</i>鑽夊湴锛涜崏鍧�</p>
+                        <div class="bkbj">
+                            <p><i>an area of ground covered in short grass in a garden/yard or park,or used for playing
+                                    a game on</i></p>
+                        </div>
+                        <p>harden /藞h蓱藧dn/<i> v.</i> 锛堜娇锛� 鏇村潥瀹氾紝鏇村己纭�</p>
+                        <div class="bkbj">
+                            <p><i>to make sb鈥檚 feelings or attitudes more fixed and determined</i></p>
+                        </div>
+                        <p>resolve /r瑟藞z蓲lv/ <i>n.</i> 鍐冲績锛涘潥瀹氱殑淇″康</p>
+                        <div class="bkbj">
+                            <p><i>strong determination to achieve sth.</i></p>
+                        </div>
+                        <p>sweat /swet/ <i>n.</i> 姹楁按</p>
+                        <div class="bkbj">
+                            <p><i>drops of liquid that appear on the surface of your skin when you are hot,ill or
+                                    afraid</i></p>
+                        </div>
+                        <p>a couple of 鍑犱釜</p>
+                        <p>as to 鍏充簬</p>
+                        <p>at least 鑷冲皯</p>
+                        <p>take away 鍓ュず锛涙嬁璧�</p>
+                        <p>out of nowhere 鑾悕鍏跺鍦�</p>
+                        <p>build up 閫愭寤虹珛</p>
+                        <p>supply sb.with sth.涓烘煇浜烘彁渚涙煇鐗�</p>
+                        <div class="bj-note">
+                            <p><b>Notes:</b></p>
+                            <p>speed cube 绔為�熼瓟鏂癸紝瀵逛紶缁熼瓟鏂瑰唴閮ㄦ満浠惰繘琛屼簡閲嶆柊璁捐鐨勪竴绉嶉瓟鏂癸紝瀹冭兘澶熻鎷煎浘鍧椾互鏇村钩婊戙�佹洿蹇殑鏂瑰紡绉诲姩銆�</p>
+                        </div>
+                        <p><b>鈪�.Reading comprehension.</b></p>
+                        <p>A.Read the passage and answer the following questions.</p>
+                        <p>1.What job did the author take?</p>
+                        <p>____________________________________________________</p>
+                        <p>2.How did he describe his job?</p>
+                        <p>____________________________________________________</p>
+                        <p>3.What can be a proper title for this passage?</p>
+                        <p>____________________________________________________</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">139</span>
+                </div>
+            </div>
+        </div>
+        <!-- 140 -->
+        <div class="page-box" page="146">
+            <div v-if="showPageList.indexOf(146) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit8">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit8">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>B.Put the questions in the right blanks according to the main idea of each paragraph,and then
+                            find the answer to each question.</p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0150-1.jpg" /></p>
+                        <p>The answer to each question:</p>
+                        <p>1.________________________________________________</p>
+                        <p>2.________________________________________________</p>
+                        <p>3.________________________________________________</p>
+                        <p>4.________________________________________________</p>
+                        <p>5.________________________________________________</p>
+                        <p><b>鈪�.Language focus.</b></p>
+                        <p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
+                            have been given.</p>
+                        <p>The first job experience is burned into our memories for a c_______of reasons,and Nicholas
+                            remembered his well.When he was about 16,he wanted to buy a speed cube.Unfortunately,he had
+                            no money,so he decided to take a job and earn enough money for it.He planned to help
+                            e________people with their gardens,so he went to Mrs.Hudson who just lived in his n_______.
+                            Although his job of pulling out weeds there was t_________, he managed to get the money he
+                            needed for his speed cube.And most importantly,that working experience made him realize the
+                            v_______of money through his s_________.</p>
+                        <p>B.Underline the following expressions in the passage and make sentences with them.</p>
+                        <p>1.out of nowhere______________________________</p>
+                        <p>2.as to______________________________________</p>
+                        <p>3.build up___________________________________</p>
+                        <p>4.at least___________________________________</p>
+                        <p>5.take away__________________________________</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">146</span>
+                </div>
+            </div>
+        </div>
+        <!-- 141 -->
+        <div class="page-box" page="147">
+            <div v-if="showPageList.indexOf(147) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit8">MODULE 8</span>
+                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
+                            CAREER</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>C.Translate the following sentences into Chinese.</p>
+                        <p>1.Wang Jinxi,the 鈥淚ron Man鈥�,successfully fulfilled his job under incredible difficulties.</p>
+                        <p>____________________________________________________</p>
+                        <p>2.Zhang Guimei,a teacher,spent all her money purchasing things needed for the girls in her
+                            school.</p>
+                        <p>____________________________________________________</p>
+                        <p>3.Wu Dajing impressed the whole nation when fighting to supply his teammates with a better
+                            position in the lane.</p>
+                        <p>____________________________________________________</p>
+                        <p>4.Wang Yaping with resolve won her family鈥檚 support to be the first woman in China鈥檚 new
+                            space station.</p>
+                        <p>____________________________________________________</p>
+                        <p><b>鈪�.Grammar focus:The simple present &amp; past tense.</b></p>
+                        <p>A.Based on the form of the underlined verbs tell us whether the following sentences are about
+                            the past or the present.</p>
+                        <p>锛坧resent锛�1.Everyone鈥檚 first job <span class="u">is</span> special.</p>
+                        <p>锛堛��銆�锛�2.I <span class="u">wanted</span> to buy a new speed cube.</p>
+                        <p>锛堛��銆�锛�3.I <span class="u">went</span> to the oldest person I knew in my neighborhood.</p>
+                        <p>锛堛��銆�锛�4.It <span class="u">seems</span> these experiences harden our spirits and resolve.</p>
+                        <p>锛堛��銆�锛�5.When I <span class="u">was</span> about sixteen years old, I <span class="u">wanted
+                            </span>to buy a new speed cube.</p>
+                        <p>锛堛��銆�锛�6.I <span class="u">think</span> everyone should get down on one鈥檚 knees and pull weeds.
+                        </p>
+                        <p>B.Write the present or the past form of the following verbs.</p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0151-1.jpg" /></p>
+                        <h3 id="c067"><span class="bjh3">Mini-project</span></h3>
+                        <p>People do different jobs and hold different ideas about their jobs.You are required to:</p>
+                        <p>1.Do a small survey among your family members or relatives and jot down their opinions;</p>
+                        <p>2.Finish the worksheet according to your survey;</p>
+                        <p>3.Report to the class.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">141</span>
+                </div>
+            </div>
+        </div>
+        <!-- 142 -->
+        <div class="page-box" page="148">
+            <div v-if="showPageList.indexOf(148) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit8">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit8">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <div class="fieldset">
+                            <p>Questions:1.Who are you going to talk to?</p>
+                            <p>銆�銆�銆�銆�2.What is his/her job?</p>
+                            <p>銆�銆�銆�銆�3.How does he/she describe his/her job?</p>
+                        </div>
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0152-1.jpg" /></p>
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
+                        <div class="bk-wh">
+                            <p>dangerous銆�demanding銆�dull銆�exciting銆�repetitive銆�risky銆�satisfying銆�stimulating銆�stressful銆�voluntary
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">142</span>
+                </div>
+            </div>
+        </div>
+        <!-- 143 -->
+        <div class="page-box" page="149">
+            <div v-if="showPageList.indexOf(149) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit8">MODULE 8</span>
+                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
+                            CAREER</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <h2 id="b030"><img class="img-0" alt="" src="../../assets/images/dy8-le2.jpg" /></h2>
+                        <h3 id="c068"><span class="bjh3">Warm-up</span></h3>
+                        <p><b>Mostly,the first step to map out your career is to create a career road map for
+                                yourself.Work with your partner and figure out what the pictures in the following road
+                                maps possibly mean,and then choose the proper expressions to fill in the blanks.</b></p>
+                        <p><b>Road map</b>1锛�</p>
+                        <p><b>People often think that career path works like this:</b></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0153-1.jpg" /></p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">143</span>
+                </div>
+            </div>
+        </div>
+        <!-- 144 -->
+        <div class="page-box" page="150">
+            <div v-if="showPageList.indexOf(150) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit8">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit8">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p><b>Road map</b>2锛�</p>
+                        <p><b>In reality,it looks more like:</b></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0154-1.jpg" /></p>
+                        <h3 id="c069"><span class="bjh3">Reading</span></h3>
+
+                        <p>1.Working hard is only the first part of success.Making good choices is the second part.It
+                            truly takes both to achieve success at whatever you do.What鈥檚 your interpretation of the
+                            sentence?</p>
+                        <p>2.What鈥檚 your suggestion for making the 鈥渞ight鈥� career choice?</p>
+                        <p class="center"><b>Choose a Career You Love</b></p>
+                        <p class="center"><audio :src="resource.readingTwo" controls
+                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+                                @play="audioPlay"></audio></p>
+                        <p>We spend a large portion of our lives working,so how we spend those years matters.It is
+                            beneficial to find a career that will bring satisfaction and happiness rather than find one
+                            based on income.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">144</span>
+                </div>
+            </div>
+        </div>
+        <!-- 145 -->
+        <div class="page-box" page="151">
+            <div v-if="showPageList.indexOf(151) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit8">MODULE 8</span>
+                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
+                            CAREER</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>鈥淔ind a job you enjoy doing,and you will never have to work a day in your life,鈥� Mark Twain
+                            said.</p>
+                        <p>When we have a job that we love,we are more productive and satisfied.There is more passion to
+                            get up in the morning and begin working.There are more positive emotions associated with
+                            doing something we care about.Sometimes people choose a certain profession because of past
+                            experiences.</p>
+                        <p>Someone may choose to be an actor because they want others to be happy.Someone may choose to
+                            be a doctor because someone they knew was ill.Someone may choose to be a vet because they
+                            care about animals.These past experiences may influence a career,and the career may provide
+                            more satisfaction and a sense of purpose.</p>
+                        <p>We shouldn鈥檛 spend a lot of time worrying about where we should be.Things will fall into
+                            place as they are meant to.There isn鈥檛 one correct path and everyone鈥檚 life is different.We
+                            may face challenges that bring greater outcomes later on.</p>
+                        <p>Some may argue that they need more money to survive and be happy.It is true that we need
+                            money to survive,but after a certain amount it doesn鈥檛 give us any more happiness.It can
+                            provide necessities like food,water,clothes,and shelter.It can also provide luxuries like
+                            vacations and going out to eat at a restaurant.But when we enjoy something,the feeling of
+                            enjoyment doesn鈥檛 last forever.We usually return to our baseline state shortly after.Every
+                            individual鈥檚 needs are different,but we can sometimes play a part in our emotional
+                            state.Having more luxury items and wants doesn鈥檛 bring happiness that lasts.</p>
+                        <p>Having a career that we are passionate about,one that gives our life a sense of purpose,and
+                            one that we are comfortable with is important.Finding a career shouldn鈥檛 be based on income
+                            or forced.We spend a huge amount of our lives working,so we should spend this time doing
+                            something we are passionate about.</p>
+                        <p class="fl al-cn mt-40">
+                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
+                            <span class="line-border-box"></span>
+                        </p>
+                        <p class="center"> <audio :src="resource.readingTwo" controls
+                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+                                @play="audioPlay"></audio></p>
+                        <p>portion /藞p蓴藧蕛n/ <i>n.</i>閮ㄥ垎</p>
+                        <div class="bkbj">
+                            <p><i>one part of sth.larger</i></p>
+                        </div>
+                        <p>profession /pr蓹藞fe蕛n/ <i>n.</i> 鑱屼笟</p>
+                        <div class="bkbj">
+                            <p><i>a type of job that needs special training or skill</i></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">145</span>
+                </div>
+            </div>
+        </div>
+        <!-- 146 -->
+        <div class="page-box" page="152">
+            <div v-if="showPageList.indexOf(152) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit8">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit8">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>vet /vet/ <i>n.</i>鍏藉尰</p>
+                        <div class="bkbj">
+                            <p><i>a person who has been trained in the science of animal medicine,whose job is to treat
+                                    animals who are sick or injured</i></p>
+                        </div>
+                        <p>outcome /藞a蕣tk蕦m/ <i>n.</i>缁撴灉</p>
+                        <div class="bkbj">
+                            <p><i>the result of an action or event</i></p>
+                        </div>
+                        <p>necessity /n蓹藞ses蓹ti/ <i>n.</i> 蹇呴渶鍝�</p>
+                        <div class="bkbj">
+                            <p><i>a thing that you must have and cannot manage without</i></p>
+                        </div>
+                        <p>shelter /藞蕛elt蓹(r)/ <i>n.</i>灞呮墍锛涗綇澶�</p>
+                        <div class="bkbj">
+                            <p><i>the fact of having a place to live or stay,considered as a basic human need</i></p>
+                        </div>
+                        <p>luxury /藞l蕦k蕛蓹ri/ <i>n.</i>濂緢鍝�</p>
+                        <div class="bkbj">
+                            <p><i>a thing that is expensive and enjoyable but not essential</i></p>
+                        </div>
+                        <p>baseline /藞be瑟sla瑟n/<i> n.</i>璧风偣锛涘熀纭�</p>
+                        <div class="bkbj">
+                            <p><i>a line or measurement that is used as a starting point when comparing facts</i></p>
+                        </div>
+                        <p>emotional /瑟藞m蓹蕣蕛蓹nl/ <i>adj.</i> 鎰熸儏鐨勶紱鎯呮劅鐨勶紱鎯呯华鐨�</p>
+                        <div class="bkbj">
+                            <p><i>connected with people鈥檚 feelings</i></p>
+                        </div>
+                        <p>passionate /藞p忙蕛蓹n蓹t/ <i>adj.</i>鐑儏鐨勶紱鐙傜儹鐨�</p>
+                        <div class="bkbj">
+                            <p><i>having or showing strong feelings of enthusiasm for sth.</i></p>
+                        </div>
+                        <p>comfortable /藞k蕦mft蓹bl/ <i>adj.</i>鑸掗�傜殑锛涘畨閫哥殑</p>
+                        <div class="bkbj">
+                            <p><i>feeling physically relaxed in a pleasant way</i></p>
+                        </div>
+                        <p>a portion of ...涓�閮ㄥ垎鈥︹��</p>
+                        <p>later on杩囧悗锛涘悗鏉�</p>
+                        <p>be comfortable with ...瀵光�︹�︽劅鍒拌垝鏈嶇殑</p>
+                        <p>fall into place姘村埌娓犳垚</p>
+                        <p>be passionate about ...瀵光�︹�﹀厖婊$儹鎯�</p>
+                        <div class="bj-note">
+                            <p><b>Notes:</b></p>
+                            <p>Mark Twain锛氶┈鍏嬄峰悙娓╋紙1835鈥�1910锛夛紝缇庡浗浣滃銆佹紨璇村锛屼唬琛ㄤ綔鍝佹湁灏忚銆婄櫨涓囪嫳闀戙�嬨�婂搱鍏嬭礉鍒┞疯垂鎭╁巻闄╄銆嬨�婃堡濮喡风储浜氬巻闄╄銆嬬瓑銆�</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">146</span>
+                </div>
+            </div>
+        </div>
+        <!-- 147 -->
+        <div class="page-box" page="153">
+            <div v-if="showPageList.indexOf(153) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit8">MODULE 8</span>
+                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
+                            CAREER</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p><b>鈪�.Reading comprehension.</b></p>
+                        <p>A.Mark the suggestions given by the author when choosing a career.</p>
+                        <p>Deciding on a Career拢Income</p>
+                        <p>鈻ducation</p>
+                        <p>鈻xperience</p>
+                        <p>鈻oals</p>
+                        <p>鈻appiness</p>
+                        <p>鈻nterest</p>
+                        <p>鈻atisfaction</p>
+                        <p>鈻kills</p>
+                        <p>鈻alues</p>
+                        <p>B.Decide whether the following statements are true (T) or false (F).</p>
+                        <p>(銆�) 1.When we decide on our future career,satisfaction and happiness matter a lot.</p>
+                        <p>(銆�) 2.Positive emotions make us more productive and satisfied in our jobs.</p>
+                        <p>(銆�) 3.Our past experiences have nothing to do with our jobs in the future.</p>
+                        <p>(銆�) 4.There is no need to worry about what career we are going to take.</p>
+                        <p>(銆�) 5.Luxuries will bring enjoyment to us,but that feeling cannot last forever.</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.Once you find a desired <i>occupation</i>,you鈥檒l notice a change even in your daily
+                            life._____________</p>
+                        <p>2.Only a small <i>part</i> of the budget is spent on books._____________</p>
+                        <p>3.Happiness itself can help to shape job market <i>results</i> and even firm
+                            performance._____________</p>
+                        <p>4.Those who are <i>excited</i> about numbers can work in the accounting field._____________
+                        </p>
+                        <p>5.We need to leave our <i>pleasant</i> zone at work if we want growth
+                            opportunities._____________</p>
+                        <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
+                        <div class="bk-wh">
+                            <p>a portion of銆�fall into place銆�be passionate about銆�later on be銆�comfortable with</p>
+                        </div>
+                        <p>1.Keep your options open and everything will___________.</p>
+                        <p>2.You鈥檇 better set a long-term goal that you can___________.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">147</span>
+                </div>
+            </div>
+        </div>
+        <!-- 148 -->
+        <div class="page-box" page="154">
+            <div v-if="showPageList.indexOf(154) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit8">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit8">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p>3.Anyone hired into the company must___________the system.</p>
+                        <p>4.You must accept___________the blame for this crisis.</p>
+                        <p>5.Many people plan to take one job of any kind and consider a new career path___________.</p>
+                        <p><b>鈪�.Grammar focus:Pronouns (it,one).</b></p>
+                        <p>Read the examples and complete the sentences with <i>it</i> or <i>one</i>.</p>
+                        <p><b>Examples:</b></p>
+                        <div class="fieldset-2">
+                            <p>1.It is beneficial to find a career that will bring satisfaction and happiness rather
+                                than find one based on income.</p>
+                            <p>2.Having a career that we are passionate about,<i>one</i> that gives our life a sense of
+                                purpose,and one that we are comfortable with is important.</p>
+                        </div>
+                        <p>1.Although finding a new job might not be easy,there are many different methods to
+                            find_______effectively.</p>
+                        <p>2.As you make a decision about your career,_______is important to reflect on your
+                            interest,skills and career goals.</p>
+                        <p>3.People will usually set a milestone in their career path,_______that they will work for in
+                            the next five or ten years.</p>
+                        <p>4.A career aptitude test could be helpful,because_______will give you suggestions based on
+                            the test of your personal type.</p>
+                        <p>5.We all have to work,and for most of us,if you discount weekends and sleep,_______will take
+                            up at least half our available time.</p>
+                        <h3 id="c070"><span class="bjh3">Mini-project</span></h3>
+                        <p>Work in groups.Every one of you will take a job in the future.Ask your group members what job
+                            he/she is going to choose and why he/she chooses this job.Jot down some notes,and prepare a
+                            report to the class.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">148</span>
+                </div>
+            </div>
+        </div>
+        <!-- 149 -->
+        <div class="page-box" page="155">
+            <div v-if="showPageList.indexOf(155) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit8">MODULE 8</span>
+                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
+                            CAREER</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0159-1.jpg" /></p>
+                        <h2 id="b031"><img class="img-0" alt="" src="../../assets/images/dy8-le3.jpg" /></h2>
+                        <h3 id="c071"><span class="bjh3">Listening</span></h3>
+                        <p class="center"> <audio :src="resource.readingTwo" controls
+                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+                                @play="audioPlay"></audio></p>
+                        <p><b>鈪�.Derek is talking about his job interview.Listen to the recording and fill in the blanks
+                                with what you hear.</b></p>
+                        <p>Hi,everyone.I鈥檓 Derek Cruise.I landed a job interview the other day.It is a bank
+                            1._________that I鈥檝e wanted for a long time.I鈥檓 excited you know.The job is quite
+                            2._________and I love to play with 3._________.I prepared my 4._________,and bought a
+                            suit.My friend reminded me that I should send a follow-up 5._________after the interview.But
+                            I feel worried about writing the letter,for I know little about it.Anyway,I am
+                            well-prepared,I guess.Now all I鈥檝e got to do is to take that job.Wish me good luck!</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">149</span>
+                </div>
+            </div>
+        </div>
+        <!-- 150 -->
+        <div class="page-box" page="156">
+            <div v-if="showPageList.indexOf(156) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit8">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit8">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p><b>鈪�.Susan is interviewing the candidate Derek.Listen to the conversation and write down
+                                Susan's questions.</b></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0160-1.jpg" /></p>
+                        <h3 id="c072"><span class="bjh3">Practical Writing</span></h3>
+                        <p>Work with your partner to discuss the following questions.</p>
+                        <p>1.How do you follow up after a job interview?</p>
+                        <p>2.How do you write follow-up emails after an interview?</p>
+                        <p><b>鈪�.Read the following tips,and find out why a follow-up email is needed after an
+                                interview.</b></p>
+                        <p>A follow-up email is a good way to show your interest in the position and,most important of
+                            all,your good manners.Most follow-up emails after an interview have the following features.
+                        </p>
+                        <div class="fieldset">
+                            <p>鈼� Subject line</p>
+                            <p>鈼� Personalized greetings</p>
+                            <p>鈼� Note of appreciation</p>
+                            <p>鈼� Recap of your qualifications</p>
+                            <p>鈼� Prompt to take the next step</p>
+                            <p>鈼� Contact information</p>
+                            <p class="center"><img class="img-f" alt="" src="../../assets/images/0160-2.jpg" /></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">150</span>
+                </div>
+            </div>
+        </div>
+        <!-- 151 -->
+        <div class="page-box" page="157">
+            <div v-if="showPageList.indexOf(157) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit8">MODULE 8</span>
+                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
+                            CAREER</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p><b>鈪�.Fill in the blanks with the right expressions from the labels to finish the following-up
+                                email.</b></p>
+                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0161-1.jpg" /></p>
+                        <p><b>鈪�.Put the following words in right order to make sentences.</b></p>
+                        <p>1.thank銆�for銆�me銆�meet銆�taking銆�the銆�time銆�to銆�with銆�yesterday銆�you</p>
+                        <p>_______________________________________________</p>
+                        <p>2.I銆�appreciate銆�interview銆�me銆�the銆�time銆�to銆�took銆�you</p>
+                        <p>_______________________________________________</p>
+                        <p>3.I銆�about銆�am銆�excited銆�joining銆�of銆�possibility銆�the銆�very銆�you</p>
+                        <p>_______________________________________________</p>
+                        <p>4.I銆�about銆�enjoyed銆�position銆�speaking銆�the銆�today銆�with銆�you</p>
+                        <p>_______________________________________________</p>
+                        <p>5.I銆�am銆�and銆�for銆�forward銆�from銆�hearing銆�in銆�interested銆�look銆�to銆�very銆�working銆�you銆�you</p>
+                        <p>_______________________________________________</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">151</span>
+                </div>
+            </div>
+        </div>
+        <!-- 152 -->
+        <div class="page-box" page="158">
+            <div v-if="showPageList.indexOf(158) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit8">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit8">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p><b>鈪�.After his interview Derek wants to send a follow-up email.Work with your partner and
+                                write one for him.</b></p>
+                        <div class="fieldset-4">
+                            <p class="left">From:</p>
+                            <p class="left">To:</p>
+                            <p class="left">Subject:</p>
+                            <p><br /></p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">derekcruise@email.com</p>
+                            <p class="left">521-764-8809</p>
+                        </div>
+                        <div class="un-h2">
+                            <h2 id="b032">Unit Project</h2>
+                        </div>
+                        <p>In the following job ads,there are some job vacancies from different companies.Read carefully
+                            and make a decision about the one you are going to apply for.First tell your partner the
+                            reason why that job interests you.Then work in pairs,role-playing the interviewer and the
+                            interviewee,and then switch your roles.</p>
+                        <p><b>* The job ads in the QR code are for reference.Make your own ones if you would like
+                                to.</b></p>
+                        <p><b>Role 1:Interviewer</b></p>
+                        <p>1.Work with your partner and decide what questions you will ask during the
+                            interview.2.Complete the worksheet for the interviewer.</p>
+                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
+                        <p class="center"></p>
+                        <p><b>Role 2:Interviewee</b></p>
+                        <p>1.Make a list of the information which might be useful in the interview.2.Finish the
+                            follow-up email after the interview.</p>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">152</span>
+                </div>
+            </div>
+        </div>
+        <!-- 153 -->
+        <div class="page-box" page="159">
+            <div v-if="showPageList.indexOf(159) > -1">
+                <!-- 澶撮儴 -->
+                <ul class="preface-odd-header w100 fl ju-bt">
+                    <li class=""></li>
+                    <li class="fz-18">
+                        <span class="chapter-left-bc-unit8">MODULE 8</span>
+                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
+                            CAREER</span>
+                    </li>
+                </ul>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <p class="center"><b>Worksheet for the Interviewer</b></p>
+                        <div class="fieldset-5">
+                            <p class="left">Name:</p>
+                            <p class="left">Phone:</p>
+                            <p class="left">Email:</p>
+                            <p class="left">Work experience</p>
+                            <p><br /></p>
+                            <p class="left">Education</p>
+                            <p><br /></p>
+                            <p class="left">Skills</p>
+                            <p><br /></p>
+                            <p class="left">Other related information</p>
+                            <p><br /></p>
+                        </div>
+                        <p><b>Follow-up Email for the Interviewee</b></p>
+                        <div class="fieldset-4">
+                            <p class="left">From:</p>
+                            <p class="left">To:</p>
+                            <p class="left">Subject:</p>
+                            <p><br /></p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">____________________________________________</p>
+                            <p class="left">____________________________________________</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">153</span>
+                </div>
+            </div>
+        </div>
+        <!-- 154 -->
+        <div class="page-box" page="160">
+            <div v-if="showPageList.indexOf(160) > -1">
+                <!-- 澶撮儴 -->
+                <div class="w100 mb-20" style="padding-right: 20px">
+                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
+                        <div class="preface-header-box event-header-text-bc-unit8">
+                            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+                            <span class="g-text event-text-color-unit8">鍩虹妯″潡涓�</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 鍐呭 -->
+                <div class="padding-93">
+                    <div class="bodystyle">
+                        <div class="bk-14">
+                            <p class="center"><b>Useful Expressions</b></p>
+                            <p>It was a pleasure speaking with you about ...</p>
+                            <p>I just wanted to follow up on ...</p>
+                            <p>I鈥檓 excited about the opportunity to join ...</p>
+                            <p>I鈥檓 enthusiastic about the prospect of ...</p>
+                            <p>I鈥檓 sure you鈥檙e still in research mode right now ...</p>
+                            <p>Please feel free to contact me if I can provide you with any further information.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="preface-bottom">
+                    <span class="contet-num-box">154</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import matching from "@/components/matching/matching.vue";
+import { getResourcePath } from "@/assets/methods/resources";
+export default {
+    name: "chapterEight",
+    components: { matching },
+    props: {
+        showPageList: {
+            type: Array,
+        },
+    },
+    data() {
+        return {
+            imgThirteen: require("../../assets/images/grammar.jpg"),
+            showAnswerOne: false,
+            showAnswerTwo: false,
+            showAnswerThree: false,
+            showAnswerFour: false,
+            showAnswerFive: false,
+            showImg: false,
+            showQuestionAnswer: false,
+            rawData: {
+                left: [
+                    {
+                        oldId: "FB34",
+                        txt: "Martin銆�銆�銆�銆�Silk",
+                    },
+                    {
+                        oldId: "64D6",
+                        txt: "Jessica銆�銆�The Great Wall",
+                    },
+                    {
+                        oldId: "2ED4",
+                        txt: "Soren銆�銆�Chinese Food",
+                    },
+                    {
+                        oldId: "44DE",
+                        txt: "Chinese銆�銆�銆�銆�Tea",
+                    },
+                ],
+                right: [
+                    {
+                        oldId: "64D6",
+                        txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+                    },
+                    {
+                        oldId: "FB34",
+                        txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
+                    },
+                    {
+                        oldId: "2ED4",
+                        txt: "The clothing material is quite popular among Roman women inancient times.",
+                    },
+                    {
+                        oldId: "44DE",
+                        txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+                    },
+                ],
+            },
+            value: [],
+            question: {
+                KnowledgePoint: "123",
+                analysis: "123",
+                answer: [
+                    {
+                        id: "FB34",
+                        linkValue:
+                            "The clothing material is quite popular among Roman women inancient times.",
+                        value: "Silk",
+                    },
+                    {
+                        id: "64D6",
+                        linkValue:
+                            "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+                        value: "The Great Wall",
+                    },
+                    {
+                        id: "2ED4",
+                        linkValue:
+                            "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+                        value: "Chinese Food",
+                    },
+                    {
+                        id: "44DE",
+                        linkValue:
+                            "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
+                        value: "Chinese Tea",
+                    },
+                ],
+                optionStyle: undefined,
+                id: 489306,
+                options: {
+                    linkValues: [
+                        {
+                            oldId: "64D6",
+                            txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+                        },
+                        {
+                            oldId: "44DE",
+                            txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
+                        },
+                        {
+                            oldId: "FB34",
+                            txt: "The clothing material is quite popular among Roman women inancient times.",
+                        },
+                        {
+                            oldId: "2ED4",
+                            txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+                        },
+                    ],
+                    values: [
+                        {
+                            oldId: "FB34",
+                            txt: "Martin  Silk",
+                        },
+                        {
+                            oldId: "64D6",
+                            txt: "The Great Wall",
+                        },
+                        {
+                            oldId: "2ED4",
+                            txt: "Chinese Food",
+                        },
+                        {
+                            oldId: "44DE",
+                            txt: "Chinese Tea",
+                        },
+                    ],
+                },
+                questionType: "matching",
+                stem: {
+                    stemTxt: "鎸夐『搴忚繛绾�",
+                },
+                stemStyle: undefined,
+                titleDescription: "1",
+                userChoise: [],
+                value: [],
+                answerImg: require("../../assets/images/matching-one.png"),
+            },
+            questionData: {
+                warnUp: {
+                    one: {
+                        value: "",
+                        isRight: null,
+                        answer: "Chinese knot",
+                    },
+                    two: {
+                        value: "",
+                        isRight: null,
+                        answer: "Chinese medicine",
+                    },
+                    three: {
+                        value: "",
+                        isRight: null,
+                        answer: "Chinese calligraphy",
+                    },
+                    four: {
+                        value: "",
+                        isRight: null,
+                        answer: "Taichi",
+                    },
+                    five: {
+                        value: "",
+                        isRight: null,
+                        answer: "sweet dumpling",
+                    },
+                    six: {
+                        value: "",
+                        isRight: null,
+                        answer: "Chinese chess",
+                    },
+                    seven: "",
+                },
+                reading: {
+                    one: "",
+                    two: "",
+                },
+                table: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    six: "",
+                    seven: "",
+                    enight: "",
+                    nine: "",
+                },
+            },
+            testData: {
+                check: {
+                    isRight: null,
+                    answer: ["Culture", "Cuisine", "Landscapes"],
+                    value: []
+                },
+                tx: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                in: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    isRight: null,
+                    answer: 'cuisine,landscapes,civilization,explore,unique'
+                },
+                line: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                ts: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                },
+                gr: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                cm: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+            },
+            resource: {
+                listenOne: "",
+                readingOne: "",
+                readingTwo: "",
+            },
+            dropDownList: [
+                "online shopping",
+                "facial recognition",
+                "electronic payment",
+                "intercity train",
+                "shared bike",
+                "take-away service",
+            ],
+            dropdownData: {
+                one: {
+                    value: "",
+                    isRight: null,
+                    answer: "intercity train",
+                },
+                two: {
+                    value: "",
+                    isRight: null,
+                    answer: "online shopping",
+                },
+                three: {
+                    value: "",
+                    isRight: null,
+                    answer: "electronic payment",
+                },
+                four: {
+                    value: "",
+                    isRight: null,
+                    answer: "shared bike",
+                },
+                five: {
+                    value: "",
+                    isRight: null,
+                    answer: "take-away service",
+                },
+                six: {
+                    value: "",
+                    isRight: null,
+                    answer: "facial recognition",
+                },
+            },
+        };
+    },
+    mounted() {
+        const testData = localStorage.getItem("english-testOne");
+        if (testData) {
+            this.testData = JSON.parse(testData);
+        }
+        const bookQuestion = localStorage.getItem("english-book-question-one");
+        if (bookQuestion) {
+            this.questionData = JSON.parse(bookQuestion);
+        }
+        const dropdownData = localStorage.getItem("english-dropdown-one");
+        if (dropdownData) {
+            this.dropdownData = JSON.parse(dropdownData);
+        }
+        this.getPath();
+    },
+    methods: {
+        saveWord(event, word) {
+            this.$emit("saveCharacters", event, word);
+        },
+        setTestData() {
+            localStorage.setItem("english-testOne", JSON.stringify(this.testData));
+        },
+        changeTestData() {
+            localStorage.removeItem("english-testOne");
+            this.testData = {
+                check: {
+                    isRight: null,
+                    answer: ["Culture", "Cuisine", "Landscapes"],
+                    value: []
+                },
+                tx: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                in: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    isRight: null,
+                    answer: ['uisine', 'andscapes', 'ivilization', 'xplore', 'nique']
+                },
+                line: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                ts: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                },
+                gr: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+                cm: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                },
+            };
+        },
+        setBookQuestion() {
+            console.log("淇濆瓨");
+            localStorage.setItem(
+                "english-book-question-one",
+                JSON.stringify(this.questionData)
+            );
+        },
+        async getPath() {
+            this.resource.listenOne = await getResourcePath(
+                "422139A2EF66EA888C5ED1D550AE23E0"
+            );
+            this.resource.readingOne = await getResourcePath(
+                "3F442B682D84C8AB06C800B29D734920"
+            );
+            this.resource.readingTwo = await getResourcePath(
+                "E8719EC88026BCFB11D292AA999F6D3D"
+            );
+        },
+        showAnswer(type) {
+            if (type == "showImg") {
+                this.showImg = !this.showImg;
+            }
+        },
+        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.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.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.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.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.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.isRight = null);
+            }
+        },
+        handleDropdown(type) {
+            const dropdownDatas = this.dropdownData;
+            for (let key in dropdownDatas) {
+                const item = dropdownDatas[key];
+                if (type == "judge") {
+                    item.value == item.answer
+                        ? (item.isRight = true)
+                        : (item.isRight = false);
+                    console.log(item.value, item.answer);
+                }
+            }
+            this.dropdownData = dropdownDatas;
+        },
+        changeDropdown() {
+            localStorage.removeItem("english-dropdown-one");
+            for (let key in this.dropdownData) {
+                const item = this.dropdownData[key];
+                item.value = "";
+                item.isRight = null;
+            }
+        },
+        setDropdownData() {
+            localStorage.setItem(
+                "english-dropdown-one",
+                JSON.stringify(this.dropdownData)
+            );
+        },
+        saveData() {
+            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.setTestData()
+            console.log(this.testData);
+
+        },
+        audioPlay() {
+            this.$emit("closeMiniAudio");
+        },
+    },
+};
+</script>
+
+<style lang="less" scoped>
+p {
+    font-size: 16px !important;
+}
+
+.bodystyle {
+    margin: 0 !important;
+}
+
+.line-border-box {
+    margin-left: 10px;
+    display: inline-block;
+    width: 50%;
+    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;
+        margin-bottom: 15px;
+        height: 20px;
+        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;
+    width: 100%;
+    height: 350px;
+    margin: 0 auto;
+}
+
+.pageBox {
+    z-index: 9999999999;
+    color: #999;
+    position: absolute;
+    left: 48%;
+    bottom: 0px;
+}
+
+select {
+    height: 24px;
+}
+
+.mini-audio {
+    width: 200px;
+    height: 200px;
+    position: fixed;
+    right: 0;
+    background-color: red;
+}
+
+.select-border {
+    border: 0;
+    border-bottom: 1px solid #767676;
+
+    &:focus {
+        outline: none;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
index 60252e6..9d696ff 100644
--- a/src/books/English/view/components/index.vue
+++ b/src/books/English/view/components/index.vue
@@ -49,6 +49,10 @@
 import chapterTwo from "./chapter002.vue";
 import chapterThree from "./chapter003.vue";
 import chapterFour from "./chapter004.vue";
+import chapterFive from "./chapter005.vue";
+import chapterSex from "./chapter006.vue";
+import chapterSeven from "./chapter007.vue";
+import chapterEight from "./chapter008.vue";
 import miniAudio from "@/components/miniAudio/index.vue";
 import NoteIcon from "@/assets/images/biji.png";
 import _ from "lodash";
@@ -59,7 +63,7 @@
 export default {
   data() {
     return {
-      catalogLength: 5, // 鎬荤珷鑺傛暟
+      catalogLength: 9, // 鎬荤珷鑺傛暟
       showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
       loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
       throttleThreshold: 100, // 鑺傛祦闃堝��
@@ -734,6 +738,10 @@
         chapterTwo,
         chapterThree,
         chapterFour,
+        chapterFive,
+        chapterSex,
+        chapterSeven,
+        chapterEight,
       };
       // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
       for (const key in pageData) {
@@ -924,6 +932,10 @@
     chapterTwo,
     chapterThree,
     chapterFour,
+    chapterFive,
+    chapterSex,
+    chapterSeven,
+    chapterEight,
     miniAudio,
   },
 };
diff --git a/src/books/artAndDrama/view/components/chapter001.vue b/src/books/artAndDrama/view/components/chapter001.vue
index f17b8d1..37d628f 100644
--- a/src/books/artAndDrama/view/components/chapter001.vue
+++ b/src/books/artAndDrama/view/components/chapter001.vue
@@ -777,6 +777,8 @@
   border-radius: 10px;
   padding: 0 10px;
   box-sizing: border-box;
+  font-family: "STkaiti";
+  font-size: 19px;
 }
 .fw-400 {
   font-weight: 400 !important;
diff --git a/src/components/choice/choice.vue b/src/components/choice/choice.vue
index 0dd1afc..1f36508 100644
--- a/src/components/choice/choice.vue
+++ b/src/components/choice/choice.vue
@@ -1,10 +1,12 @@
 <template>
   <div class="choice-question">
     <!-- 棰樼洰鍐呭鍙婇�夐」閮ㄥ垎 -->
-    <div style="display: flex; justify-content: space-around;">
-      <div class="question-content">
-        <p class="question-t"> <span>
-            <span class="hs1">鈼�</span>璇烽�夊嚭浣犺涓烘纭殑绛旀銆�</span><span>绗瑊{ currentQuestion.id }}棰� (鍏眥{ questions.length}}棰�)</span></p>
+    <div style="display: flex; flex-direction: column;">
+       <div class="question-t"> 
+          <span style="display: flex; "><span class="hs1">鈼�</span>璇烽�夊嚭浣犺涓烘纭殑绛旀銆�</span>
+          <span>绗瑊{ currentQuestion.id }}棰� (鍏眥{ questions.length}}棰�)</span>
+       </div>
+       <div class="question-content">
         <p>{{ currentQuestion.stem.stemTxt }}</p>
         <div class="all-options">
           <span v-for="(option, index) in currentQuestion.options" :key="index" class="option"
@@ -13,14 +15,14 @@
             <span>
               <svg v-if="selectedOptions.includes(index)" t="1718282810750" class="icon" viewBox="0 0 1355 1024"
                 version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="87382" xmlns:xlink="http://www.w3.org/1999/xlink"
-                width="170" height="170">
+                width="130" height="170">
                 <path
                   d="M1299.772238 471.021724a366.045786 366.045786 0 0 0-97.270943-99.189942 379.484778 379.484778 0 0 0-29.436982-123.509928 398.682766 398.682766 0 0 0-89.591948-127.986925 405.722762 405.722762 0 0 0-133.107922-91.511946A409.56176 409.56176 0 0 0 794.859534 0.026 401.242765 401.242765 0 0 0 568.319667 67.85896a411.481759 411.481759 0 0 0-97.909943 91.511947 261.735847 261.735847 0 0 0-63.994962-7.679996 247.656855 247.656855 0 0 0-176.623897 71.033958 245.736856 245.736856 0 0 0-72.312957 202.860882 325.729809 325.729809 0 0 0-84.471951 72.953957A309.731819 309.731819 0 0 0 0.053 703.959588a311.010818 311.010818 0 0 0 97.269943 229.099865 323.80981 323.80981 0 0 0 231.659864 90.871947h660.418613a360.926789 360.926789 0 0 0 255.97585-104.949938 360.926789 360.926789 0 0 0 81.272953-116.469932 355.166792 355.166792 0 0 0 27.516984-138.866919 345.567798 345.567798 0 0 0-54.394969-192.622887z"
                   fill="rgb(245, 130, 32)" :style="{ fill: primaryColor }" p-id="87383"></path>
               </svg>
               <!-- 瀹炲績浜戞湹 -->
               <svg v-else t="1718282816195" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                xmlns="http://www.w3.org/2000/svg" p-id="87529" xmlns:xlink="http://www.w3.org/1999/xlink" width="170"
+                xmlns="http://www.w3.org/2000/svg" p-id="87529" xmlns:xlink="http://www.w3.org/1999/xlink" width="130"
                 height="170">
                 <path
                   d="M829.248 420.576C815.264 274.56 693.696 160 544 160c-115.808 0-214.944 68.736-260.672 167.36A142.72 142.72 0 0 0 240.032 320a144.032 144.032 0 0 0-144 144c0 15.808 3.168 30.752 7.872 44.928C42.048 544.992 0.032 611.168 0.032 687.936a208 208 0 0 0 208 208V896H784v-0.064c132.576 0 240-107.424 240-240 0-116.992-83.872-214.176-194.752-235.36zM784 831.936V832H208.032a144.256 144.256 0 0 1-144-144.064c0-51.2 26.976-97.44 72.128-123.744 43.872-25.184 46.88-30.176 28.48-75.424a78.56 78.56 0 0 1-4.608-24.736c0-44.128 35.872-80 80-80 0 0 20.992-1.504 43.296 7.36 36.704 14.624 40.704 0.64 58.048-37.088C378.08 275.168 457.6 224 544 224c115.2 0 210.432 87.136 221.568 202.688 3.936 45.824 3.936 45.824 51.68 56.736A175.872 175.872 0 0 1 960 655.936c0 97.056-78.944 176-176 176z"
@@ -424,6 +426,7 @@
   display: flex;
   justify-content: space-between;
   width: 100%;
+  margin-top: 10px;
 }
 
 .all-options {
@@ -435,7 +438,7 @@
 }
 
 /* 褰撳睆骞曞搴︽渶澶т负600px鏃跺簲鐢ㄦ鏍峰紡 */
-@media screen and (max-width: 420px) {
+@media screen and (max-width: 430px) {
   .all-options {
     display: flex;
     flex-direction: row;
@@ -571,7 +574,7 @@
   position: absolute;
   z-index: 1;
   bottom: 2% ;
-  right: 0;
+  right: 4%;
 }
 .face {
   width: 80%;
@@ -580,6 +583,6 @@
 
 .face-text {
 
-  text-wrap: wrap;
+  text-wrap: nowrap;
 }
 </style>

--
Gitblit v1.9.1