diff --git a/src/App.vue b/src/App.vue
index 3927a5e..ec45ddb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -55,7 +55,6 @@ export default {
         '/choose-province',
         '/choose-city',
         '/find-acquaintance',
-        '/service-protocol',
         '/address-list',
         '/video-detail',
         '/my-card',
@@ -68,6 +67,10 @@ export default {
         '/me/right-menu/minor-protection/index',
         '/me/right-menu/minor-protection/detail-setting',
         '/me/right-menu/minor-protection/trigger-time',
+        '/me/right-menu/setting',
+
+
+        '/service-protocol',
         '',
       ];
       const toDepth = routeDeep.indexOf(to.path)
diff --git a/src/assets/dicon/a95.webp b/src/assets/dicon/a95.webp
deleted file mode 100644
index 6e8d219..0000000
Binary files a/src/assets/dicon/a95.webp and /dev/null differ
diff --git a/src/assets/dicon/adl.png b/src/assets/dicon/adl.png
deleted file mode 100644
index 5ce76ef..0000000
Binary files a/src/assets/dicon/adl.png and /dev/null differ
diff --git a/src/assets/dicon/adm.png b/src/assets/dicon/adm.png
deleted file mode 100644
index e0b3f4c..0000000
Binary files a/src/assets/dicon/adm.png and /dev/null differ
diff --git a/src/assets/dicon/adt.png b/src/assets/dicon/adt.png
deleted file mode 100644
index d934b60..0000000
Binary files a/src/assets/dicon/adt.png and /dev/null differ
diff --git a/src/assets/dicon/adu.png b/src/assets/dicon/adu.png
deleted file mode 100644
index 8c82ec3..0000000
Binary files a/src/assets/dicon/adu.png and /dev/null differ
diff --git a/src/assets/dicon/adv.png b/src/assets/dicon/adv.png
deleted file mode 100644
index 8fc0a9b..0000000
Binary files a/src/assets/dicon/adv.png and /dev/null differ
diff --git a/src/assets/dicon/adw.png b/src/assets/dicon/adw.png
deleted file mode 100644
index 3038d70..0000000
Binary files a/src/assets/dicon/adw.png and /dev/null differ
diff --git a/src/assets/dicon/adz.9.png b/src/assets/dicon/adz.9.png
deleted file mode 100644
index cee26b6..0000000
Binary files a/src/assets/dicon/adz.9.png and /dev/null differ
diff --git a/src/assets/dicon/ae6.png b/src/assets/dicon/ae6.png
deleted file mode 100644
index e5509b0..0000000
Binary files a/src/assets/dicon/ae6.png and /dev/null differ
diff --git a/src/assets/dicon/ae7.png b/src/assets/dicon/ae7.png
deleted file mode 100644
index 72685ab..0000000
Binary files a/src/assets/dicon/ae7.png and /dev/null differ
diff --git a/src/assets/dicon/ae8.png b/src/assets/dicon/ae8.png
deleted file mode 100644
index 918a395..0000000
Binary files a/src/assets/dicon/ae8.png and /dev/null differ
diff --git a/src/assets/dicon/ae9.png b/src/assets/dicon/ae9.png
deleted file mode 100644
index 8e985b4..0000000
Binary files a/src/assets/dicon/ae9.png and /dev/null differ
diff --git a/src/assets/dicon/ae_.png b/src/assets/dicon/ae_.png
deleted file mode 100644
index 19bbc12..0000000
Binary files a/src/assets/dicon/ae_.png and /dev/null differ
diff --git a/src/assets/dicon/aea.png b/src/assets/dicon/aea.png
deleted file mode 100644
index 601bf0c..0000000
Binary files a/src/assets/dicon/aea.png and /dev/null differ
diff --git a/src/assets/dicon/aeb.9.png b/src/assets/dicon/aeb.9.png
deleted file mode 100644
index 8d47402..0000000
Binary files a/src/assets/dicon/aeb.9.png and /dev/null differ
diff --git a/src/assets/dicon/aec.9.png b/src/assets/dicon/aec.9.png
deleted file mode 100644
index 195b9b4..0000000
Binary files a/src/assets/dicon/aec.9.png and /dev/null differ
diff --git a/src/assets/dicon/aed.9.png b/src/assets/dicon/aed.9.png
deleted file mode 100644
index 83e741b..0000000
Binary files a/src/assets/dicon/aed.9.png and /dev/null differ
diff --git a/src/assets/dicon/aeg.9.png b/src/assets/dicon/aeg.9.png
deleted file mode 100644
index 58f9e77..0000000
Binary files a/src/assets/dicon/aeg.9.png and /dev/null differ
diff --git a/src/assets/dicon/aeh.9.png b/src/assets/dicon/aeh.9.png
deleted file mode 100644
index 86c0117..0000000
Binary files a/src/assets/dicon/aeh.9.png and /dev/null differ
diff --git a/src/assets/dicon/aei.9.png b/src/assets/dicon/aei.9.png
deleted file mode 100644
index 650b490..0000000
Binary files a/src/assets/dicon/aei.9.png and /dev/null differ
diff --git a/src/assets/dicon/aej.9.png b/src/assets/dicon/aej.9.png
deleted file mode 100644
index b3c03ab..0000000
Binary files a/src/assets/dicon/aej.9.png and /dev/null differ
diff --git a/src/assets/dicon/ael.png b/src/assets/dicon/ael.png
deleted file mode 100644
index 4aa0a34..0000000
Binary files a/src/assets/dicon/ael.png and /dev/null differ
diff --git a/src/assets/dicon/aem.png b/src/assets/dicon/aem.png
deleted file mode 100644
index 6178c45..0000000
Binary files a/src/assets/dicon/aem.png and /dev/null differ
diff --git a/src/assets/dicon/aen.9.png b/src/assets/dicon/aen.9.png
deleted file mode 100644
index d316b36..0000000
Binary files a/src/assets/dicon/aen.9.png and /dev/null differ
diff --git a/src/assets/dicon/aeo.9.png b/src/assets/dicon/aeo.9.png
deleted file mode 100644
index 7d7285e..0000000
Binary files a/src/assets/dicon/aeo.9.png and /dev/null differ
diff --git a/src/assets/dicon/aeq.9.png b/src/assets/dicon/aeq.9.png
deleted file mode 100644
index 4748cfb..0000000
Binary files a/src/assets/dicon/aeq.9.png and /dev/null differ
diff --git a/src/assets/dicon/aer.9.png b/src/assets/dicon/aer.9.png
deleted file mode 100644
index 2b7b53e..0000000
Binary files a/src/assets/dicon/aer.9.png and /dev/null differ
diff --git a/src/assets/dicon/aes.png b/src/assets/dicon/aes.png
deleted file mode 100644
index 278cb23..0000000
Binary files a/src/assets/dicon/aes.png and /dev/null differ
diff --git a/src/assets/dicon/aet.png b/src/assets/dicon/aet.png
deleted file mode 100644
index d6a8790..0000000
Binary files a/src/assets/dicon/aet.png and /dev/null differ
diff --git a/src/assets/dicon/aeu.png b/src/assets/dicon/aeu.png
deleted file mode 100644
index d71dbd1..0000000
Binary files a/src/assets/dicon/aeu.png and /dev/null differ
diff --git a/src/assets/dicon/aev.png b/src/assets/dicon/aev.png
deleted file mode 100644
index de00185..0000000
Binary files a/src/assets/dicon/aev.png and /dev/null differ
diff --git a/src/assets/dicon/aew.png b/src/assets/dicon/aew.png
deleted file mode 100644
index 56d677d..0000000
Binary files a/src/assets/dicon/aew.png and /dev/null differ
diff --git a/src/assets/dicon/aex.png b/src/assets/dicon/aex.png
deleted file mode 100644
index d186a5b..0000000
Binary files a/src/assets/dicon/aex.png and /dev/null differ
diff --git a/src/assets/dicon/aey.9.png b/src/assets/dicon/aey.9.png
deleted file mode 100644
index 7690626..0000000
Binary files a/src/assets/dicon/aey.9.png and /dev/null differ
diff --git a/src/assets/dicon/aez.9.png b/src/assets/dicon/aez.9.png
deleted file mode 100644
index b46e520..0000000
Binary files a/src/assets/dicon/aez.9.png and /dev/null differ
diff --git a/src/assets/dicon/af0.9.png b/src/assets/dicon/af0.9.png
deleted file mode 100644
index 8cf1baa..0000000
Binary files a/src/assets/dicon/af0.9.png and /dev/null differ
diff --git a/src/assets/dicon/af1.9.png b/src/assets/dicon/af1.9.png
deleted file mode 100644
index 8ec8fe3..0000000
Binary files a/src/assets/dicon/af1.9.png and /dev/null differ
diff --git a/src/assets/dicon/af3.9.png b/src/assets/dicon/af3.9.png
deleted file mode 100644
index fc1493e..0000000
Binary files a/src/assets/dicon/af3.9.png and /dev/null differ
diff --git a/src/assets/dicon/af4.9.png b/src/assets/dicon/af4.9.png
deleted file mode 100644
index f3c0cc0..0000000
Binary files a/src/assets/dicon/af4.9.png and /dev/null differ
diff --git a/src/assets/dicon/af8.png b/src/assets/dicon/af8.png
deleted file mode 100644
index c816ab4..0000000
Binary files a/src/assets/dicon/af8.png and /dev/null differ
diff --git a/src/assets/dicon/af9.png b/src/assets/dicon/af9.png
deleted file mode 100644
index 13eb65d..0000000
Binary files a/src/assets/dicon/af9.png and /dev/null differ
diff --git a/src/assets/dicon/af_.png b/src/assets/dicon/af_.png
deleted file mode 100644
index 12df9a8..0000000
Binary files a/src/assets/dicon/af_.png and /dev/null differ
diff --git a/src/assets/dicon/afa.png b/src/assets/dicon/afa.png
deleted file mode 100644
index d8938df..0000000
Binary files a/src/assets/dicon/afa.png and /dev/null differ
diff --git a/src/assets/dicon/aff.png b/src/assets/dicon/aff.png
deleted file mode 100644
index 2803825..0000000
Binary files a/src/assets/dicon/aff.png and /dev/null differ
diff --git a/src/assets/dicon/afg.png b/src/assets/dicon/afg.png
deleted file mode 100644
index 0311f89..0000000
Binary files a/src/assets/dicon/afg.png and /dev/null differ
diff --git a/src/assets/dicon/afj.png b/src/assets/dicon/afj.png
deleted file mode 100644
index 24a822f..0000000
Binary files a/src/assets/dicon/afj.png and /dev/null differ
diff --git a/src/assets/dicon/afk.png b/src/assets/dicon/afk.png
deleted file mode 100644
index 18f1f61..0000000
Binary files a/src/assets/dicon/afk.png and /dev/null differ
diff --git a/src/assets/dicon/afl.png b/src/assets/dicon/afl.png
deleted file mode 100644
index b768357..0000000
Binary files a/src/assets/dicon/afl.png and /dev/null differ
diff --git a/src/assets/dicon/afm.png b/src/assets/dicon/afm.png
deleted file mode 100644
index 34aa3b7..0000000
Binary files a/src/assets/dicon/afm.png and /dev/null differ
diff --git a/src/assets/dicon/afn.png b/src/assets/dicon/afn.png
deleted file mode 100644
index 3f4df34..0000000
Binary files a/src/assets/dicon/afn.png and /dev/null differ
diff --git a/src/assets/dicon/aga.png b/src/assets/dicon/aga.png
deleted file mode 100644
index d2056a5..0000000
Binary files a/src/assets/dicon/aga.png and /dev/null differ
diff --git a/src/assets/dicon/agc.png b/src/assets/dicon/agc.png
deleted file mode 100644
index f701bfd..0000000
Binary files a/src/assets/dicon/agc.png and /dev/null differ
diff --git a/src/assets/dicon/agd.png b/src/assets/dicon/agd.png
deleted file mode 100644
index 2be98c0..0000000
Binary files a/src/assets/dicon/agd.png and /dev/null differ
diff --git a/src/assets/dicon/agv.png b/src/assets/dicon/agv.png
deleted file mode 100644
index e19f1ac..0000000
Binary files a/src/assets/dicon/agv.png and /dev/null differ
diff --git a/src/assets/dicon/agw.png b/src/assets/dicon/agw.png
deleted file mode 100644
index 9745725..0000000
Binary files a/src/assets/dicon/agw.png and /dev/null differ
diff --git a/src/assets/dicon/ajc.png b/src/assets/dicon/ajc.png
deleted file mode 100644
index e308c88..0000000
Binary files a/src/assets/dicon/ajc.png and /dev/null differ
diff --git a/src/assets/dicon/akx.xml b/src/assets/dicon/akx.xml
deleted file mode 100644
index 7fb4637..0000000
Binary files a/src/assets/dicon/akx.xml and /dev/null differ
diff --git a/src/assets/dicon/al0.webp b/src/assets/dicon/al0.webp
deleted file mode 100644
index e69de29..0000000
diff --git a/src/assets/dicon/amo.png b/src/assets/dicon/amo.png
deleted file mode 100644
index a9d4b4f..0000000
Binary files a/src/assets/dicon/amo.png and /dev/null differ
diff --git a/src/assets/dicon/amp.png b/src/assets/dicon/amp.png
deleted file mode 100644
index 20aee43..0000000
Binary files a/src/assets/dicon/amp.png and /dev/null differ
diff --git a/src/assets/dicon/amr.png b/src/assets/dicon/amr.png
deleted file mode 100644
index 5e4e543..0000000
Binary files a/src/assets/dicon/amr.png and /dev/null differ
diff --git a/src/assets/dicon/aon.png b/src/assets/dicon/aon.png
deleted file mode 100644
index 79b6301..0000000
Binary files a/src/assets/dicon/aon.png and /dev/null differ
diff --git a/src/assets/dicon/aoo.png b/src/assets/dicon/aoo.png
deleted file mode 100644
index c90998a..0000000
Binary files a/src/assets/dicon/aoo.png and /dev/null differ
diff --git a/src/assets/dicon/aos.png b/src/assets/dicon/aos.png
deleted file mode 100644
index 6908b9e..0000000
Binary files a/src/assets/dicon/aos.png and /dev/null differ
diff --git a/src/assets/dicon/aot.png b/src/assets/dicon/aot.png
deleted file mode 100644
index 25e73bc..0000000
Binary files a/src/assets/dicon/aot.png and /dev/null differ
diff --git a/src/assets/dicon/aou.png b/src/assets/dicon/aou.png
deleted file mode 100644
index ca11903..0000000
Binary files a/src/assets/dicon/aou.png and /dev/null differ
diff --git a/src/assets/dicon/ap0.png b/src/assets/dicon/ap0.png
deleted file mode 100644
index 86b4983..0000000
Binary files a/src/assets/dicon/ap0.png and /dev/null differ
diff --git a/src/assets/dicon/ap2.png b/src/assets/dicon/ap2.png
deleted file mode 100644
index f98d261..0000000
Binary files a/src/assets/dicon/ap2.png and /dev/null differ
diff --git a/src/assets/dicon/ap3.png b/src/assets/dicon/ap3.png
deleted file mode 100644
index 71a61dc..0000000
Binary files a/src/assets/dicon/ap3.png and /dev/null differ
diff --git a/src/assets/dicon/ap5.png b/src/assets/dicon/ap5.png
deleted file mode 100644
index 03a0e70..0000000
Binary files a/src/assets/dicon/ap5.png and /dev/null differ
diff --git a/src/assets/dicon/ap6.png b/src/assets/dicon/ap6.png
deleted file mode 100644
index 906401e..0000000
Binary files a/src/assets/dicon/ap6.png and /dev/null differ
diff --git a/src/assets/dicon/apd.png b/src/assets/dicon/apd.png
deleted file mode 100644
index 04cdacb..0000000
Binary files a/src/assets/dicon/apd.png and /dev/null differ
diff --git a/src/assets/dicon/ape.png b/src/assets/dicon/ape.png
deleted file mode 100644
index 57672ac..0000000
Binary files a/src/assets/dicon/ape.png and /dev/null differ
diff --git a/src/assets/dicon/aph.png b/src/assets/dicon/aph.png
deleted file mode 100644
index 46016de..0000000
Binary files a/src/assets/dicon/aph.png and /dev/null differ
diff --git a/src/assets/dicon/apj.9.png b/src/assets/dicon/apj.9.png
deleted file mode 100644
index 2c60e9b..0000000
Binary files a/src/assets/dicon/apj.9.png and /dev/null differ
diff --git a/src/assets/dicon/apk.png b/src/assets/dicon/apk.png
deleted file mode 100644
index ed0baf9..0000000
Binary files a/src/assets/dicon/apk.png and /dev/null differ
diff --git a/src/assets/dicon/apl.png b/src/assets/dicon/apl.png
deleted file mode 100644
index 49b7a54..0000000
Binary files a/src/assets/dicon/apl.png and /dev/null differ
diff --git a/src/assets/dicon/app.png b/src/assets/dicon/app.png
deleted file mode 100644
index 2a14454..0000000
Binary files a/src/assets/dicon/app.png and /dev/null differ
diff --git a/src/assets/dicon/aq5.png b/src/assets/dicon/aq5.png
deleted file mode 100644
index 13cf0a0..0000000
Binary files a/src/assets/dicon/aq5.png and /dev/null differ
diff --git a/src/assets/dicon/aqc.png b/src/assets/dicon/aqc.png
deleted file mode 100644
index 5f8f6b7..0000000
Binary files a/src/assets/dicon/aqc.png and /dev/null differ
diff --git a/src/assets/dicon/aqd.png b/src/assets/dicon/aqd.png
deleted file mode 100644
index 1f9d6ef..0000000
Binary files a/src/assets/dicon/aqd.png and /dev/null differ
diff --git a/src/assets/dicon/aqe.png b/src/assets/dicon/aqe.png
deleted file mode 100644
index 567e20e..0000000
Binary files a/src/assets/dicon/aqe.png and /dev/null differ
diff --git a/src/assets/dicon/aso.png b/src/assets/dicon/aso.png
deleted file mode 100644
index f81c7e7..0000000
Binary files a/src/assets/dicon/aso.png and /dev/null differ
diff --git a/src/assets/dicon/asq.png b/src/assets/dicon/asq.png
deleted file mode 100644
index b0f4957..0000000
Binary files a/src/assets/dicon/asq.png and /dev/null differ
diff --git a/src/assets/dicon/ate.png b/src/assets/dicon/ate.png
deleted file mode 100644
index 33a8227..0000000
Binary files a/src/assets/dicon/ate.png and /dev/null differ
diff --git a/src/assets/dicon/atf.png b/src/assets/dicon/atf.png
deleted file mode 100644
index 7a71a01..0000000
Binary files a/src/assets/dicon/atf.png and /dev/null differ
diff --git a/src/assets/dicon/ath.png b/src/assets/dicon/ath.png
deleted file mode 100644
index 4fdceb7..0000000
Binary files a/src/assets/dicon/ath.png and /dev/null differ
diff --git a/src/assets/dicon/ati.png b/src/assets/dicon/ati.png
deleted file mode 100644
index 3dda8bf..0000000
Binary files a/src/assets/dicon/ati.png and /dev/null differ
diff --git a/src/assets/dicon/atj.png b/src/assets/dicon/atj.png
deleted file mode 100644
index 90eee3c..0000000
Binary files a/src/assets/dicon/atj.png and /dev/null differ
diff --git a/src/assets/dicon/atk.png b/src/assets/dicon/atk.png
deleted file mode 100644
index eddd27e..0000000
Binary files a/src/assets/dicon/atk.png and /dev/null differ
diff --git a/src/assets/dicon/ato.png b/src/assets/dicon/ato.png
deleted file mode 100644
index 8201b79..0000000
Binary files a/src/assets/dicon/ato.png and /dev/null differ
diff --git a/src/assets/dicon/atp.png b/src/assets/dicon/atp.png
deleted file mode 100644
index a8aeb14..0000000
Binary files a/src/assets/dicon/atp.png and /dev/null differ
diff --git a/src/assets/dicon/atq.png b/src/assets/dicon/atq.png
deleted file mode 100644
index 1020388..0000000
Binary files a/src/assets/dicon/atq.png and /dev/null differ
diff --git a/src/assets/dicon/atr.png b/src/assets/dicon/atr.png
deleted file mode 100644
index 43857a2..0000000
Binary files a/src/assets/dicon/atr.png and /dev/null differ
diff --git a/src/assets/dicon/ats.png b/src/assets/dicon/ats.png
deleted file mode 100644
index 42394b0..0000000
Binary files a/src/assets/dicon/ats.png and /dev/null differ
diff --git a/src/assets/dicon/avc.png b/src/assets/dicon/avc.png
deleted file mode 100644
index 59fa5be..0000000
Binary files a/src/assets/dicon/avc.png and /dev/null differ
diff --git a/src/assets/dicon/avg.png b/src/assets/dicon/avg.png
deleted file mode 100644
index 6d83524..0000000
Binary files a/src/assets/dicon/avg.png and /dev/null differ
diff --git a/src/assets/dicon/avh.png b/src/assets/dicon/avh.png
deleted file mode 100644
index cf0a42a..0000000
Binary files a/src/assets/dicon/avh.png and /dev/null differ
diff --git a/src/assets/dicon/avi.png b/src/assets/dicon/avi.png
deleted file mode 100644
index 4b26277..0000000
Binary files a/src/assets/dicon/avi.png and /dev/null differ
diff --git a/src/assets/dicon/avp.png b/src/assets/dicon/avp.png
deleted file mode 100644
index f5ec96c..0000000
Binary files a/src/assets/dicon/avp.png and /dev/null differ
diff --git a/src/assets/dicon/avq.png b/src/assets/dicon/avq.png
deleted file mode 100644
index b25dd92..0000000
Binary files a/src/assets/dicon/avq.png and /dev/null differ
diff --git a/src/assets/dicon/axu.png b/src/assets/dicon/axu.png
deleted file mode 100644
index ac67da7..0000000
Binary files a/src/assets/dicon/axu.png and /dev/null differ
diff --git a/src/assets/dicon/b15.png b/src/assets/dicon/b15.png
deleted file mode 100644
index 54d0a8a..0000000
Binary files a/src/assets/dicon/b15.png and /dev/null differ
diff --git a/src/assets/dicon/b4f.png b/src/assets/dicon/b4f.png
deleted file mode 100644
index d3d9d08..0000000
Binary files a/src/assets/dicon/b4f.png and /dev/null differ
diff --git a/src/assets/dicon/b52.png b/src/assets/dicon/b52.png
deleted file mode 100644
index 68641fc..0000000
Binary files a/src/assets/dicon/b52.png and /dev/null differ
diff --git a/src/assets/dicon/b66.png b/src/assets/dicon/b66.png
deleted file mode 100644
index 30d616f..0000000
Binary files a/src/assets/dicon/b66.png and /dev/null differ
diff --git a/src/assets/dicon/b67.png b/src/assets/dicon/b67.png
deleted file mode 100644
index 218656c..0000000
Binary files a/src/assets/dicon/b67.png and /dev/null differ
diff --git a/src/assets/dicon/b6v.png b/src/assets/dicon/b6v.png
deleted file mode 100644
index 93d8db9..0000000
Binary files a/src/assets/dicon/b6v.png and /dev/null differ
diff --git a/src/assets/dicon/bac.png b/src/assets/dicon/bac.png
deleted file mode 100644
index 55eb81e..0000000
Binary files a/src/assets/dicon/bac.png and /dev/null differ
diff --git a/src/assets/dicon/bad.png b/src/assets/dicon/bad.png
deleted file mode 100644
index 44c64fe..0000000
Binary files a/src/assets/dicon/bad.png and /dev/null differ
diff --git a/src/assets/dicon/bae.png b/src/assets/dicon/bae.png
deleted file mode 100644
index 3812db4..0000000
Binary files a/src/assets/dicon/bae.png and /dev/null differ
diff --git a/src/assets/dicon/baf.png b/src/assets/dicon/baf.png
deleted file mode 100644
index 229fa48..0000000
Binary files a/src/assets/dicon/baf.png and /dev/null differ
diff --git a/src/assets/dicon/bag.png b/src/assets/dicon/bag.png
deleted file mode 100644
index aa4b8f5..0000000
Binary files a/src/assets/dicon/bag.png and /dev/null differ
diff --git a/src/assets/dicon/bah.png b/src/assets/dicon/bah.png
deleted file mode 100644
index 3541ef9..0000000
Binary files a/src/assets/dicon/bah.png and /dev/null differ
diff --git a/src/assets/dicon/bai.png b/src/assets/dicon/bai.png
deleted file mode 100644
index bf08801..0000000
Binary files a/src/assets/dicon/bai.png and /dev/null differ
diff --git a/src/assets/dicon/baj.png b/src/assets/dicon/baj.png
deleted file mode 100644
index 2ac6bf0..0000000
Binary files a/src/assets/dicon/baj.png and /dev/null differ
diff --git a/src/assets/dicon/bak.png b/src/assets/dicon/bak.png
deleted file mode 100644
index dcc33db..0000000
Binary files a/src/assets/dicon/bak.png and /dev/null differ
diff --git a/src/assets/dicon/bal.png b/src/assets/dicon/bal.png
deleted file mode 100644
index 4828e49..0000000
Binary files a/src/assets/dicon/bal.png and /dev/null differ
diff --git a/src/assets/dicon/bam.png b/src/assets/dicon/bam.png
deleted file mode 100644
index 305136a..0000000
Binary files a/src/assets/dicon/bam.png and /dev/null differ
diff --git a/src/assets/dicon/ban.png b/src/assets/dicon/ban.png
deleted file mode 100644
index 5feda9d..0000000
Binary files a/src/assets/dicon/ban.png and /dev/null differ
diff --git a/src/assets/dicon/bao.png b/src/assets/dicon/bao.png
deleted file mode 100644
index 5f8f984..0000000
Binary files a/src/assets/dicon/bao.png and /dev/null differ
diff --git a/src/assets/dicon/bap.png b/src/assets/dicon/bap.png
deleted file mode 100644
index 3171cc8..0000000
Binary files a/src/assets/dicon/bap.png and /dev/null differ
diff --git a/src/assets/dicon/baq.png b/src/assets/dicon/baq.png
deleted file mode 100644
index 65f6d5e..0000000
Binary files a/src/assets/dicon/baq.png and /dev/null differ
diff --git a/src/assets/dicon/bar.png b/src/assets/dicon/bar.png
deleted file mode 100644
index 13e3fa4..0000000
Binary files a/src/assets/dicon/bar.png and /dev/null differ
diff --git a/src/assets/dicon/bas.png b/src/assets/dicon/bas.png
deleted file mode 100644
index d3118fc..0000000
Binary files a/src/assets/dicon/bas.png and /dev/null differ
diff --git a/src/assets/dicon/bat.png b/src/assets/dicon/bat.png
deleted file mode 100644
index bbdd413..0000000
Binary files a/src/assets/dicon/bat.png and /dev/null differ
diff --git a/src/assets/dicon/bau.png b/src/assets/dicon/bau.png
deleted file mode 100644
index d85497b..0000000
Binary files a/src/assets/dicon/bau.png and /dev/null differ
diff --git a/src/assets/dicon/bav.png b/src/assets/dicon/bav.png
deleted file mode 100644
index 4a286dc..0000000
Binary files a/src/assets/dicon/bav.png and /dev/null differ
diff --git a/src/assets/dicon/baw.png b/src/assets/dicon/baw.png
deleted file mode 100644
index 9b6a11e..0000000
Binary files a/src/assets/dicon/baw.png and /dev/null differ
diff --git a/src/assets/dicon/bax.png b/src/assets/dicon/bax.png
deleted file mode 100644
index e7d5fbe..0000000
Binary files a/src/assets/dicon/bax.png and /dev/null differ
diff --git a/src/assets/dicon/bay.png b/src/assets/dicon/bay.png
deleted file mode 100644
index cbe0f8c..0000000
Binary files a/src/assets/dicon/bay.png and /dev/null differ
diff --git a/src/assets/dicon/baz.png b/src/assets/dicon/baz.png
deleted file mode 100644
index 4ed1a86..0000000
Binary files a/src/assets/dicon/baz.png and /dev/null differ
diff --git a/src/assets/dicon/bb0.png b/src/assets/dicon/bb0.png
deleted file mode 100644
index 46e0ff0..0000000
Binary files a/src/assets/dicon/bb0.png and /dev/null differ
diff --git a/src/assets/dicon/bb1.png b/src/assets/dicon/bb1.png
deleted file mode 100644
index 18ef784..0000000
Binary files a/src/assets/dicon/bb1.png and /dev/null differ
diff --git a/src/assets/dicon/bb2.png b/src/assets/dicon/bb2.png
deleted file mode 100644
index 139b773..0000000
Binary files a/src/assets/dicon/bb2.png and /dev/null differ
diff --git a/src/assets/dicon/bb3.png b/src/assets/dicon/bb3.png
deleted file mode 100644
index 3950f08..0000000
Binary files a/src/assets/dicon/bb3.png and /dev/null differ
diff --git a/src/assets/dicon/bb4.png b/src/assets/dicon/bb4.png
deleted file mode 100644
index f62a443..0000000
Binary files a/src/assets/dicon/bb4.png and /dev/null differ
diff --git a/src/assets/dicon/bb5.png b/src/assets/dicon/bb5.png
deleted file mode 100644
index 2b89118..0000000
Binary files a/src/assets/dicon/bb5.png and /dev/null differ
diff --git a/src/assets/dicon/bb6.png b/src/assets/dicon/bb6.png
deleted file mode 100644
index cfbc8d6..0000000
Binary files a/src/assets/dicon/bb6.png and /dev/null differ
diff --git a/src/assets/dicon/bb7.png b/src/assets/dicon/bb7.png
deleted file mode 100644
index 20f8f25..0000000
Binary files a/src/assets/dicon/bb7.png and /dev/null differ
diff --git a/src/assets/dicon/bb8.png b/src/assets/dicon/bb8.png
deleted file mode 100644
index 74c98f9..0000000
Binary files a/src/assets/dicon/bb8.png and /dev/null differ
diff --git a/src/assets/dicon/bb9.png b/src/assets/dicon/bb9.png
deleted file mode 100644
index 90dc3bc..0000000
Binary files a/src/assets/dicon/bb9.png and /dev/null differ
diff --git a/src/assets/dicon/bb_.png b/src/assets/dicon/bb_.png
deleted file mode 100644
index 7ce4b05..0000000
Binary files a/src/assets/dicon/bb_.png and /dev/null differ
diff --git a/src/assets/dicon/bba.png b/src/assets/dicon/bba.png
deleted file mode 100644
index 5f0a45c..0000000
Binary files a/src/assets/dicon/bba.png and /dev/null differ
diff --git a/src/assets/dicon/bbb.png b/src/assets/dicon/bbb.png
deleted file mode 100644
index 43a10b3..0000000
Binary files a/src/assets/dicon/bbb.png and /dev/null differ
diff --git a/src/assets/dicon/bbc.png b/src/assets/dicon/bbc.png
deleted file mode 100644
index 4787da6..0000000
Binary files a/src/assets/dicon/bbc.png and /dev/null differ
diff --git a/src/assets/dicon/bbd.png b/src/assets/dicon/bbd.png
deleted file mode 100644
index 5bf68c7..0000000
Binary files a/src/assets/dicon/bbd.png and /dev/null differ
diff --git a/src/assets/dicon/bbe.png b/src/assets/dicon/bbe.png
deleted file mode 100644
index 709ec80..0000000
Binary files a/src/assets/dicon/bbe.png and /dev/null differ
diff --git a/src/assets/dicon/bbf.png b/src/assets/dicon/bbf.png
deleted file mode 100644
index 41e19d0..0000000
Binary files a/src/assets/dicon/bbf.png and /dev/null differ
diff --git a/src/assets/dicon/bbg.png b/src/assets/dicon/bbg.png
deleted file mode 100644
index f659edb..0000000
Binary files a/src/assets/dicon/bbg.png and /dev/null differ
diff --git a/src/assets/dicon/bc8.webp b/src/assets/dicon/bc8.webp
deleted file mode 100644
index e1c14f0..0000000
Binary files a/src/assets/dicon/bc8.webp and /dev/null differ
diff --git a/src/assets/dicon/bpc.png b/src/assets/dicon/bpc.png
deleted file mode 100644
index 956ef5b..0000000
Binary files a/src/assets/dicon/bpc.png and /dev/null differ
diff --git a/src/assets/dicon/bqh.png b/src/assets/dicon/bqh.png
deleted file mode 100644
index aa1ec95..0000000
Binary files a/src/assets/dicon/bqh.png and /dev/null differ
diff --git a/src/assets/dicon/bqi.png b/src/assets/dicon/bqi.png
deleted file mode 100644
index 8e61d4f..0000000
Binary files a/src/assets/dicon/bqi.png and /dev/null differ
diff --git a/src/assets/dicon/bqk.png b/src/assets/dicon/bqk.png
deleted file mode 100644
index c4c62ba..0000000
Binary files a/src/assets/dicon/bqk.png and /dev/null differ
diff --git a/src/assets/dicon/bql.webp b/src/assets/dicon/bql.webp
deleted file mode 100644
index fe75750..0000000
Binary files a/src/assets/dicon/bql.webp and /dev/null differ
diff --git a/src/assets/dicon/bqm.webp b/src/assets/dicon/bqm.webp
deleted file mode 100644
index b73fdb7..0000000
Binary files a/src/assets/dicon/bqm.webp and /dev/null differ
diff --git a/src/assets/dicon/bqn.png b/src/assets/dicon/bqn.png
deleted file mode 100644
index f6478af..0000000
Binary files a/src/assets/dicon/bqn.png and /dev/null differ
diff --git a/src/assets/dicon/bqp.png b/src/assets/dicon/bqp.png
deleted file mode 100644
index 3c82a93..0000000
Binary files a/src/assets/dicon/bqp.png and /dev/null differ
diff --git a/src/assets/dicon/bqq.png b/src/assets/dicon/bqq.png
deleted file mode 100644
index 23793ba..0000000
Binary files a/src/assets/dicon/bqq.png and /dev/null differ
diff --git a/src/assets/dicon/bqs.png b/src/assets/dicon/bqs.png
deleted file mode 100644
index 49b5b96..0000000
Binary files a/src/assets/dicon/bqs.png and /dev/null differ
diff --git a/src/assets/dicon/bqw.png b/src/assets/dicon/bqw.png
deleted file mode 100644
index f9e3648..0000000
Binary files a/src/assets/dicon/bqw.png and /dev/null differ
diff --git a/src/assets/dicon/bqz.png b/src/assets/dicon/bqz.png
deleted file mode 100644
index 350a39b..0000000
Binary files a/src/assets/dicon/bqz.png and /dev/null differ
diff --git a/src/assets/dicon/brf.png b/src/assets/dicon/brf.png
deleted file mode 100644
index 0adcbdc..0000000
Binary files a/src/assets/dicon/brf.png and /dev/null differ
diff --git a/src/assets/dicon/brm.png b/src/assets/dicon/brm.png
deleted file mode 100644
index 2d8ea2e..0000000
Binary files a/src/assets/dicon/brm.png and /dev/null differ
diff --git a/src/assets/dicon/brn.png b/src/assets/dicon/brn.png
deleted file mode 100644
index fd37d08..0000000
Binary files a/src/assets/dicon/brn.png and /dev/null differ
diff --git a/src/assets/dicon/bro.png b/src/assets/dicon/bro.png
deleted file mode 100644
index 7dc9563..0000000
Binary files a/src/assets/dicon/bro.png and /dev/null differ
diff --git a/src/assets/dicon/brp.png b/src/assets/dicon/brp.png
deleted file mode 100644
index 0ce2eaa..0000000
Binary files a/src/assets/dicon/brp.png and /dev/null differ
diff --git a/src/assets/dicon/brq.png b/src/assets/dicon/brq.png
deleted file mode 100644
index 93cfbc6..0000000
Binary files a/src/assets/dicon/brq.png and /dev/null differ
diff --git a/src/assets/dicon/brx.png b/src/assets/dicon/brx.png
deleted file mode 100644
index 0666755..0000000
Binary files a/src/assets/dicon/brx.png and /dev/null differ
diff --git a/src/assets/dicon/bs3.png b/src/assets/dicon/bs3.png
deleted file mode 100644
index 82d96d6..0000000
Binary files a/src/assets/dicon/bs3.png and /dev/null differ
diff --git a/src/assets/dicon/bs6.png b/src/assets/dicon/bs6.png
deleted file mode 100644
index d0611ac..0000000
Binary files a/src/assets/dicon/bs6.png and /dev/null differ
diff --git a/src/assets/dicon/bs7.png b/src/assets/dicon/bs7.png
deleted file mode 100644
index d3f0221..0000000
Binary files a/src/assets/dicon/bs7.png and /dev/null differ
diff --git a/src/assets/dicon/bsc.png b/src/assets/dicon/bsc.png
deleted file mode 100644
index 790e8f4..0000000
Binary files a/src/assets/dicon/bsc.png and /dev/null differ
diff --git a/src/assets/dicon/bse.png b/src/assets/dicon/bse.png
deleted file mode 100644
index c77deed..0000000
Binary files a/src/assets/dicon/bse.png and /dev/null differ
diff --git a/src/assets/dicon/bsz.png b/src/assets/dicon/bsz.png
deleted file mode 100644
index cbe3677..0000000
Binary files a/src/assets/dicon/bsz.png and /dev/null differ
diff --git a/src/assets/dicon/btq.webp b/src/assets/dicon/btq.webp
deleted file mode 100644
index 8509da4..0000000
Binary files a/src/assets/dicon/btq.webp and /dev/null differ
diff --git a/src/assets/dicon/btr.webp b/src/assets/dicon/btr.webp
deleted file mode 100644
index 808ccfb..0000000
Binary files a/src/assets/dicon/btr.webp and /dev/null differ
diff --git a/src/assets/dicon/bts.webp b/src/assets/dicon/bts.webp
deleted file mode 100644
index 300fc27..0000000
Binary files a/src/assets/dicon/bts.webp and /dev/null differ
diff --git a/src/assets/dicon/bw7.png b/src/assets/dicon/bw7.png
deleted file mode 100644
index ab37d40..0000000
Binary files a/src/assets/dicon/bw7.png and /dev/null differ
diff --git a/src/assets/dicon/bw8.png b/src/assets/dicon/bw8.png
deleted file mode 100644
index 5075da9..0000000
Binary files a/src/assets/dicon/bw8.png and /dev/null differ
diff --git a/src/assets/dicon/bw9.png b/src/assets/dicon/bw9.png
deleted file mode 100644
index 0fbe72a..0000000
Binary files a/src/assets/dicon/bw9.png and /dev/null differ
diff --git a/src/assets/dicon/bwa.png b/src/assets/dicon/bwa.png
deleted file mode 100644
index 820abe9..0000000
Binary files a/src/assets/dicon/bwa.png and /dev/null differ
diff --git a/src/assets/dicon/bwb.png b/src/assets/dicon/bwb.png
deleted file mode 100644
index 29e930a..0000000
Binary files a/src/assets/dicon/bwb.png and /dev/null differ
diff --git a/src/assets/dicon/bwc.png b/src/assets/dicon/bwc.png
deleted file mode 100644
index b2d1566..0000000
Binary files a/src/assets/dicon/bwc.png and /dev/null differ
diff --git a/src/assets/dicon/bwd.webp b/src/assets/dicon/bwd.webp
deleted file mode 100644
index b393c7d..0000000
Binary files a/src/assets/dicon/bwd.webp and /dev/null differ
diff --git a/src/assets/dicon/bwe.png b/src/assets/dicon/bwe.png
deleted file mode 100644
index b7598f0..0000000
Binary files a/src/assets/dicon/bwe.png and /dev/null differ
diff --git a/src/assets/dicon/bwf.png b/src/assets/dicon/bwf.png
deleted file mode 100644
index 31a114c..0000000
Binary files a/src/assets/dicon/bwf.png and /dev/null differ
diff --git a/src/assets/dicon/bxf.png b/src/assets/dicon/bxf.png
deleted file mode 100644
index 5ab459b..0000000
Binary files a/src/assets/dicon/bxf.png and /dev/null differ
diff --git a/src/assets/dicon/bxg.png b/src/assets/dicon/bxg.png
deleted file mode 100644
index 9965eec..0000000
Binary files a/src/assets/dicon/bxg.png and /dev/null differ
diff --git a/src/assets/dicon/bxx.png b/src/assets/dicon/bxx.png
deleted file mode 100644
index 5fa4a8d..0000000
Binary files a/src/assets/dicon/bxx.png and /dev/null differ
diff --git a/src/assets/dicon/bxz.png b/src/assets/dicon/bxz.png
deleted file mode 100644
index 773fa37..0000000
Binary files a/src/assets/dicon/bxz.png and /dev/null differ
diff --git a/src/assets/dicon/c20.png b/src/assets/dicon/c20.png
deleted file mode 100644
index 5a15a6b..0000000
Binary files a/src/assets/dicon/c20.png and /dev/null differ
diff --git a/src/assets/dicon/c29.png b/src/assets/dicon/c29.png
deleted file mode 100644
index 230bd6f..0000000
Binary files a/src/assets/dicon/c29.png and /dev/null differ
diff --git a/src/assets/dicon/c34.png b/src/assets/dicon/c34.png
deleted file mode 100644
index bf46915..0000000
Binary files a/src/assets/dicon/c34.png and /dev/null differ
diff --git a/src/assets/dicon/c37.png b/src/assets/dicon/c37.png
deleted file mode 100644
index ceb3ea0..0000000
Binary files a/src/assets/dicon/c37.png and /dev/null differ
diff --git a/src/assets/dicon/c38.png b/src/assets/dicon/c38.png
deleted file mode 100644
index 55103cd..0000000
Binary files a/src/assets/dicon/c38.png and /dev/null differ
diff --git a/src/assets/dicon/c3k.png b/src/assets/dicon/c3k.png
deleted file mode 100644
index f0d0d3d..0000000
Binary files a/src/assets/dicon/c3k.png and /dev/null differ
diff --git a/src/assets/dicon/c3l.png b/src/assets/dicon/c3l.png
deleted file mode 100644
index 2113bba..0000000
Binary files a/src/assets/dicon/c3l.png and /dev/null differ
diff --git a/src/assets/dicon/c44.png b/src/assets/dicon/c44.png
deleted file mode 100644
index ed772a6..0000000
Binary files a/src/assets/dicon/c44.png and /dev/null differ
diff --git a/src/assets/dicon/c4_.png b/src/assets/dicon/c4_.png
deleted file mode 100644
index 9ae0082..0000000
Binary files a/src/assets/dicon/c4_.png and /dev/null differ
diff --git a/src/assets/dicon/c4a.png b/src/assets/dicon/c4a.png
deleted file mode 100644
index 42ae8dc..0000000
Binary files a/src/assets/dicon/c4a.png and /dev/null differ
diff --git a/src/assets/dicon/c4b.png b/src/assets/dicon/c4b.png
deleted file mode 100644
index 06b40f0..0000000
Binary files a/src/assets/dicon/c4b.png and /dev/null differ
diff --git a/src/assets/dicon/c50.png b/src/assets/dicon/c50.png
deleted file mode 100644
index 2ffb8ac..0000000
Binary files a/src/assets/dicon/c50.png and /dev/null differ
diff --git a/src/assets/dicon/c51.png b/src/assets/dicon/c51.png
deleted file mode 100644
index 74ffdcc..0000000
Binary files a/src/assets/dicon/c51.png and /dev/null differ
diff --git a/src/assets/dicon/c54.webp b/src/assets/dicon/c54.webp
deleted file mode 100644
index aa0d042..0000000
Binary files a/src/assets/dicon/c54.webp and /dev/null differ
diff --git a/src/assets/dicon/c55.webp b/src/assets/dicon/c55.webp
deleted file mode 100644
index beb424f..0000000
Binary files a/src/assets/dicon/c55.webp and /dev/null differ
diff --git a/src/assets/dicon/c60.png b/src/assets/dicon/c60.png
deleted file mode 100644
index 9f42101..0000000
Binary files a/src/assets/dicon/c60.png and /dev/null differ
diff --git a/src/assets/dicon/c6a.png b/src/assets/dicon/c6a.png
deleted file mode 100644
index 39fddf0..0000000
Binary files a/src/assets/dicon/c6a.png and /dev/null differ
diff --git a/src/assets/dicon/c6f.png b/src/assets/dicon/c6f.png
deleted file mode 100644
index a3eb850..0000000
Binary files a/src/assets/dicon/c6f.png and /dev/null differ
diff --git a/src/assets/dicon/c6h.png b/src/assets/dicon/c6h.png
deleted file mode 100644
index 3aa30e2..0000000
Binary files a/src/assets/dicon/c6h.png and /dev/null differ
diff --git a/src/assets/dicon/c6r.png b/src/assets/dicon/c6r.png
deleted file mode 100644
index c592870..0000000
Binary files a/src/assets/dicon/c6r.png and /dev/null differ
diff --git a/src/assets/dicon/c6t.png b/src/assets/dicon/c6t.png
deleted file mode 100644
index 5a13ef4..0000000
Binary files a/src/assets/dicon/c6t.png and /dev/null differ
diff --git a/src/assets/dicon/c8e.png b/src/assets/dicon/c8e.png
deleted file mode 100644
index b950bf9..0000000
Binary files a/src/assets/dicon/c8e.png and /dev/null differ
diff --git a/src/assets/dicon/c8g.png b/src/assets/dicon/c8g.png
deleted file mode 100644
index df1a375..0000000
Binary files a/src/assets/dicon/c8g.png and /dev/null differ
diff --git a/src/assets/dicon/c8h.png b/src/assets/dicon/c8h.png
deleted file mode 100644
index 935d8b9..0000000
Binary files a/src/assets/dicon/c8h.png and /dev/null differ
diff --git a/src/assets/dicon/c8i.png b/src/assets/dicon/c8i.png
deleted file mode 100644
index ed0bd17..0000000
Binary files a/src/assets/dicon/c8i.png and /dev/null differ
diff --git a/src/assets/dicon/c8j.png b/src/assets/dicon/c8j.png
deleted file mode 100644
index d22361a..0000000
Binary files a/src/assets/dicon/c8j.png and /dev/null differ
diff --git a/src/assets/dicon/c8k.png b/src/assets/dicon/c8k.png
deleted file mode 100644
index e0ada53..0000000
Binary files a/src/assets/dicon/c8k.png and /dev/null differ
diff --git a/src/assets/dicon/c91.png b/src/assets/dicon/c91.png
deleted file mode 100644
index 800ed19..0000000
Binary files a/src/assets/dicon/c91.png and /dev/null differ
diff --git a/src/assets/dicon/c92.png b/src/assets/dicon/c92.png
deleted file mode 100644
index 722bc47..0000000
Binary files a/src/assets/dicon/c92.png and /dev/null differ
diff --git a/src/assets/dicon/c93.png b/src/assets/dicon/c93.png
deleted file mode 100644
index 09e25ca..0000000
Binary files a/src/assets/dicon/c93.png and /dev/null differ
diff --git a/src/assets/dicon/c94.png b/src/assets/dicon/c94.png
deleted file mode 100644
index f6ced25..0000000
Binary files a/src/assets/dicon/c94.png and /dev/null differ
diff --git a/src/assets/dicon/c99.png b/src/assets/dicon/c99.png
deleted file mode 100644
index 64c7fac..0000000
Binary files a/src/assets/dicon/c99.png and /dev/null differ
diff --git a/src/assets/dicon/c9d.png b/src/assets/dicon/c9d.png
deleted file mode 100644
index 973bc1f..0000000
Binary files a/src/assets/dicon/c9d.png and /dev/null differ
diff --git a/src/assets/dicon/mz_push_notification_small_icon.png b/src/assets/dicon/mz_push_notification_small_icon.png
deleted file mode 100644
index 00dc6a6..0000000
Binary files a/src/assets/dicon/mz_push_notification_small_icon.png and /dev/null differ
diff --git a/src/assets/dicon/splash_activity_banner.png b/src/assets/dicon/splash_activity_banner.png
deleted file mode 100644
index e39220f..0000000
Binary files a/src/assets/dicon/splash_activity_banner.png and /dev/null differ
diff --git a/src/assets/dicon/uj.png b/src/assets/dicon/uj.png
deleted file mode 100644
index 05f8202..0000000
Binary files a/src/assets/dicon/uj.png and /dev/null differ
diff --git a/src/assets/scss/custom.scss b/src/assets/scss/custom.scss
index bd4edb2..b8f53f4 100644
--- a/src/assets/scss/custom.scss
+++ b/src/assets/scss/custom.scss
@@ -53,8 +53,8 @@
     color: $second-text-color;
 
     img {
-      margin-left: 1rem;
-      width: 1.5rem;
+      margin-left: .5rem;
+      width: 2rem;
     }
   }
 }
diff --git a/src/components/Back.vue b/src/components/Back.vue
new file mode 100644
index 0000000..2fd2de4
--- /dev/null
+++ b/src/components/Back.vue
@@ -0,0 +1,38 @@
+<template>
+  <img ref="img" :src="src"/>
+</template>
+<script>
+export default {
+  name: "Back",
+  props: {
+    mode: {
+      type: String,
+      default: 'gray',//white
+    },
+    direction: {
+      type: String,
+      default: 'left',
+    },
+    scale: {
+      type: [Number,String],
+      default: 1,
+    },
+  },
+  data() {
+    return {
+      src: require(`../assets/img/icon/back-${this.mode}.png`)
+    }
+  },
+  computed: {},
+  mounted() {
+    this.$setCss(this.$refs.img, 'transform', `rotate(${this.direction === 'left' ? '0' : '180'}deg) scale(${this.scale})`)
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="scss">
+img {
+  width: 2rem;
+}
+</style>
diff --git a/src/components/BaseHeader.vue b/src/components/BaseHeader.vue
index 2ccae36..e5d94d2 100644
--- a/src/components/BaseHeader.vue
+++ b/src/components/BaseHeader.vue
@@ -1,14 +1,7 @@
 <template>
   <div id='BaseHeader'>
     <div class="header">
-      <svg @click="back()" t="1564765917375" class="icon left" viewBox="0 0 1024 1024"
-           version="1.1"
-           xmlns="http://www.w3.org/2000/svg"
-           p-id="16292" width="32" height="32">
-        <path
-            d="M363.840919 472.978737C336.938714 497.358861 337.301807 537.486138 364.730379 561.486138L673.951902 832.05497C682.818816 839.813519 696.296418 838.915012 704.05497 830.048098 711.813519 821.181184 710.915012 807.703582 702.048098 799.94503L392.826577 529.376198C384.59578 522.174253 384.502227 511.835287 392.492414 504.59418L702.325747 223.807723C711.056111 215.895829 711.719614 202.404616 703.807723 193.674252 695.895829 184.943889 682.404617 184.280386 673.674253 192.192278L363.840919 472.978737Z"
-            p-id="16293" fill="#8a8a8a"></path>
-      </svg>
+      <back @click="back()" mode="white" class="left" scale="1.8" direction="left"></back>
       <slot name="center"><span></span></slot>
       <slot name="right"><span></span></slot>
     </div>
@@ -57,8 +50,8 @@ export default {
 
     .left {
       position: absolute;
-      left: 10px;
-      top: 15px;
+      left: 1rem;
+      top: 1.5rem;
     }
 
     & > :nth-last-child(1) {
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 3c43712..0ce01a1 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -1,19 +1,19 @@
 <template>
   <div class="footer f16 " @touchmove.stop="false">
-    <div class="button" @click="refresh()">
+    <div class="l-button" @click="refresh()">
       <span v-if="!isRefresh" :class="{active:currentTab===1}">首页</span>
       <img v-else src="../assets/img/icon/refresh.png" alt="" class="refresh">
     </div>
-    <div class="button" @click="tab(2)"><span :class="{active:currentTab===2}">关注</span></div>
-    <div class="button" @click="tab(3)">
+    <div class="l-button" @click="tab(2)"><span :class="{active:currentTab===2}">关注</span></div>
+    <div class="l-button" @click="tab(3)">
       <div class="add-ctn">
         <div class="add-one"></div>
         <div class="add-two"></div>
         <img src="../assets/img/icon/add.svg" alt="" class="add">
       </div>
     </div>
-    <div class="button" @click="tab(4)"><span :class="{active:currentTab===4}">消息</span></div>
-    <div class="button" @click="tab(5)"><span :class="{active:currentTab===5}">我</span></div>
+    <div class="l-button" @click="tab(4)"><span :class="{active:currentTab===4}">消息</span></div>
+    <div class="l-button" @click="tab(5)"><span :class="{active:currentTab===5}">我</span></div>
   </div>
 
 </template>
@@ -67,21 +67,21 @@ export default {
 <style scoped lang="scss">
 
 .footer {
-  font-size: 1.8rem;
+  font-size: 1.5rem;
   position: fixed;
   width: 100%;
-  height: 60px;
+  height: 5rem;
   //border-top: 1px solid #7b7878;
   z-index: 2;
   //不用bottom：0是因为，在进行页面切换的时候，vue的transition
   // 会使footer的bottom：0失效，不能准备定位
-  top: calc(100vh - 6rem);
+  top: calc(100vh - 5rem);
   background: #020202;
   color: white;
   display: flex;
   //justify-content: space-between;
 
-  .button {
+  .l-button {
     width: 20%;
     display: flex;
     justify-content: center;
diff --git a/src/components/Indicator.vue b/src/components/Indicator.vue
index ebe3a0b..b1f08f0 100644
--- a/src/components/Indicator.vue
+++ b/src/components/Indicator.vue
@@ -101,7 +101,7 @@ export default {
 .indicator-ctn {
   font-size: 1.4rem;
   width: 100%;
-  height: 6rem;
+  height: 5rem;
   top: 0;
   left: 0;
   right: 0;
@@ -114,7 +114,7 @@ export default {
     font-weight: bold;
 
     .tab {
-      height: 5.5rem;
+      height: 4.5rem;
       width: 45%;
       display: flex;
       justify-content: center;
diff --git a/src/components/Search.vue b/src/components/Search.vue
index 8cd7d55..924e35e 100644
--- a/src/components/Search.vue
+++ b/src/components/Search.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="search-ctn">
     <div class="search">
-      <img class="search-icon" src="../assets/img/icon/pause.svg" alt="">
+      <img class="search-icon" src="../assets/img/icon/search-gray.png" alt="">
       <input type="text" :placeholder="placeholder" v-model="value">
       <div class="suffix">
         <slot v-if="$slots.default"></slot>
@@ -69,6 +69,7 @@ export default {
   }
 
   .search {
+    font-size: 1.4rem;
     padding: 0;
     flex: 1;
     position: relative;
@@ -79,14 +80,13 @@ export default {
     align-items: center;
 
     .search-icon {
-      height: 1.5rem;
-      width: 1.5rem;
+      height: 2rem;
+      width: 2rem;
       margin: 0 1rem;
     }
 
     input {
       //margin-top: .4rem;
-      font-size: 1.6rem;
       color: white;
       height: 50%;
       width: 100%;
diff --git a/src/main.js b/src/main.js
index ae3ebe6..3dfd42e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -19,6 +19,7 @@ import SlideColumnList from "./components/slide/SlideColumnList";
 import Mask from "./components/Mask";
 import NoMore from "./components/NoMore";
 import Indicator from "./components/Indicator";
+import Back from "./components/Back";
 
 const mixin = {
   methods: {
@@ -38,16 +39,7 @@ app.component('Video1', Video)
 app.component('Footer', Footer)
 app.component('Mask', Mask)
 app.component('NoMore', NoMore)
-app.component('back', {
-  data(){
-    return{
-      src:require('./assets/img/icon/back.png')
-    }
-  },
-  render() {
-    return <img src={this.src} alt=""/>
-  },
-})
+app.component('back', Back)
 app.mixin(mixin)
 app.use(router)
 app.use(store)
diff --git a/src/pages/me/Me.vue b/src/pages/me/Me.vue
index 47c09c5..d860390 100644
--- a/src/pages/me/Me.vue
+++ b/src/pages/me/Me.vue
@@ -8,13 +8,13 @@
       <SlideItem style="overflow:auto;" :style="contentStyle" @scroll="scroll" @click="click">
         <div ref="desc" class="desc">
           <header ref="header">
-            <div class="left">
+            <div class="left" style="opacity: 0;">
               <img src="../../assets/img/icon/next.svg" alt="">
               <span>切换账号</span>
             </div>
             <div class="right">
-              <img src="../../assets/img/icon/more.svg" alt="">
-              <img src="../../assets/img/icon/more.svg" alt="" @click.stop="baseActiveIndex = 1">
+              <img src="../../assets/img/icon/me/finger-right.png" alt="">
+              <img src="../../assets/img/icon/me/menu.png" alt="" @click.stop="baseActiveIndex = 1">
             </div>
           </header>
           <div class="detail">
@@ -30,23 +30,23 @@
               </div>
               <div class="my-buttons ">
                 <div class="collect" @click="$nav('/edit-userinfo')">
-                  <span class="mr5p">编辑资料</span>
+                  <span class="mr1r">编辑资料</span>
                   <span class="f10p" style="color: darkgray">85%</span>
                 </div>
                 <div class="add-friend" @click="$nav('/find-acquaintance')">
-                  <img src="../../assets/img/icon/add.svg" alt="">
+                  <img src="../../assets/img/icon/add-white.png" alt="">
                   <span class="mr5p">熟人</span>
                 </div>
               </div>
             </div>
             <div class="description">
-              <p class="name f22 mt5p mb5p">ttentau</p>
-              <div class="number mb10p">
-                <span class="mr5p">私密账号</span>
+              <p class="name f22 mt1r mb1r">ttentau</p>
+              <div class="number mb1r">
+                <span class="mr1r">私密账号</span>
                 <span>抖音号：605128307</span>
-                <img src="../../assets/img/icon/qr_code.svg" alt="" @click.stop="$nav('/my-card')">
+                <img src="../../assets/img/icon/me/qrcode-gray.png" alt="" @click.stop="$nav('/my-card')">
               </div>
-              <div class="signature f12 mb10p">
+              <div class="signature f12 mb1r">
                 <span>填写个性签名更容易获得别人关注哦</span>
               </div>
               <div class="heat">
@@ -96,48 +96,48 @@
         <transition name="fade">
           <div class="ul" v-if="!isMoreFunction">
             <div class="li" @click="$nav('/my-card')">
-              <img src="../../assets/img/icon/card-gray.png" alt="">
+              <img src="../../assets/img/icon/newicon/left_menu/shopping.png" alt="">
               <span>我的订单</span>
             </div>
             <div class="li" @click="$nav('MyCard')">
-              <img src="../../assets/img/icon/wallet-gray.png" alt="">
+              <img src="../../assets/img/icon/newicon/left_menu/wallet.png" alt="">
               <span>钱包</span>
             </div>
             <div class="line"></div>
 
             <div class="li" @click="$nav('/me/right-menu/look-history')">
-              <img src="../../assets/img/icon/card-gray.png" alt="">
+              <img src="../../assets/img/icon/newicon/left_menu/clock.png" alt="">
               <span>观看历史</span>
             </div>
             <div class="li" @click="$nav('/my-card')">
-              <img src="../../assets/img/icon/card-gray.png" alt="">
+              <img src="../../assets/img/icon/newicon/left_menu/qrcode.png" alt="">
               <span>我的二维码</span>
             </div>
             <div class="li" @click="$nav('')">
-              <img src="../../assets/img/icon/card-gray.png" alt="">
+              <img src="../../assets/img/icon/newicon/left_menu/workbench.png" alt="">
               <span>创作者服务中心</span>
             </div>
 
             <div class="line"></div>
 
             <div class="li" @click="$nav('MyCard')">
-              <img src="../../assets/img/icon/link-gray.png" alt="">
+              <img src="../../assets/img/icon/newicon/left_menu/bytedance-mini-app.png" alt="">
               <span>小程序</span>
             </div>
             <div class="li" @click="$nav('MyCard')">
-              <img src="../../assets/img/icon/card-gray.png" alt="">
+              <img src="../../assets/img/icon/newicon/left_menu/gongyi.png" alt="">
               <span>抖音公益</span>
             </div>
             <div class="li" @click="$nav('/me/right-menu/minor-protection/index')">
-              <img src="../../assets/img/icon/umbrella-gray.png" alt="">
+              <img src="../../assets/img/icon/newicon/left_menu/umbrella.png" alt="">
               <span>未成年保护工具</span>
             </div>
             <div class="li" @click="$nav('MyCard')">
-              <img src="../../assets/img/icon/card-gray.png" alt="">
+              <img src="../../assets/img/icon/newicon/left_menu/headset.png" alt="">
               <span>我的客服</span>
             </div>
-            <div class="li" @click="$nav('MyCard')">
-              <img src="../../assets/img/icon/setting-gray.png" alt="">
+            <div class="li" @click="$nav('/me/right-menu/setting')">
+              <img src="../../assets/img/icon/newicon/left_menu/setting-one.png" alt="">
               <span>设置</span>
             </div>
           </div>
@@ -145,39 +145,38 @@
             <div class="title">生活服务</div>
             <div class="functions">
               <div class="function">
-                <img src="../../assets/img/icon/juan-gray.png" alt="">
+                <img src="../../assets/img/icon/newicon/left_menu/quan.png" alt="">
                 <span>卡券</span>
               </div>
               <div class="function">
-                <img src="../../assets/img/icon/order-gray.png" alt="">
+                <img src="../../assets/img/icon/newicon/left_menu/sd-card.png" alt="">
                 <span>免流量</span>
               </div>
-
               <div class="function" @click="$nav('MyCollect')">
-                <img src="../../assets/img/icon/collect-gray.png" alt="">
+                <img src="../../assets/img/icon/newicon/left_menu/alarmmmmmmmmmmmm.png" alt="">
                 <span>视频彩铃</span>
               </div>
             </div>
             <div class="title">拓展功能</div>
             <div class="functions">
               <div class="function" @click="$nav('MyCard')">
-                <img src="../../assets/img/icon/card-gray.png" alt="">
+                <img src="../../assets/img/icon/newicon/left_menu/sun-one.png" alt="">
                 <span>我的动态</span>
               </div>
               <div class="function">
-                <img src="../../assets/img/icon/order-gray.png" alt="">
+                <img src="../../assets/img/icon/newicon/left_menu/download.png" alt="">
                 <span>我的缓存</span>
               </div>
               <div class="function" @click="$nav('MyCard')">
-                <img src="../../assets/img/icon/card-gray.png" alt="">
+                <img src="../../assets/img/icon/newicon/left_menu/hot.png" alt="">
                 <span>上热门</span>
               </div>
               <div class="function" @click="$nav('MyCollect')">
-                <img src="../../assets/img/icon/collect-gray.png" alt="">
+                <img src="../../assets/img/icon/newicon/left_menu/shop.png" alt="">
                 <span>小店随心推</span>
               </div>
               <div class="function" @click="$nav('MyCollect')">
-                <img src="../../assets/img/icon/collect-gray.png" alt="">
+                <img src="../../assets/img/icon/newicon/left_menu/yuandi.png" alt="">
                 <span>投教园地</span>
               </div>
             </div>
@@ -185,7 +184,7 @@
         </transition>
         <div class="button-ctn">
           <div class="button" v-if="!isMoreFunction" @click="isMoreFunction = true">
-            <img src="../../assets/img/icon/card-gray.png" alt="">
+            <img src="../../assets/img/icon/newicon/left_menu/more.png" alt="">
             <span>更多功能</span>
           </div>
           <div class="button" v-if="isMoreFunction" @click="isMoreFunction = false">
@@ -413,8 +412,8 @@ export default {
             }
 
             img {
-              padding: 0 6px;
-              height: 16px;
+              padding: 0 .6rem;
+              height: 1.2rem;
             }
           }
 
@@ -428,7 +427,7 @@ export default {
 
         .number {
           color: $second-text-color;
-          padding-bottom: 10px;
+          padding-bottom: 2rem;
           border-bottom: 1px solid $line-color;
           display: flex;
           align-items: center;
@@ -462,7 +461,7 @@ export default {
   }
 
   .ul {
-    font-size: 1.2rem;
+    font-size: 1.4rem;
     width: 100%;
     height: 100%;
     overflow-y: auto;
@@ -514,7 +513,7 @@ export default {
     background: $main-bg;
 
     .title {
-      padding: 20px;
+      padding: 2rem 0 1rem 2rem;
       color: gray;
     }
 
@@ -532,8 +531,10 @@ export default {
         align-items: center;
 
         img {
-          height: 25px;
-          width: 25px;
+          border-radius: 50%;
+          background: $second-btn-color-tran;
+          padding: .6rem;
+          height: 1.6rem;
           margin-bottom: 15px;
         }
       }
diff --git a/src/pages/me/rightMenu/MinorProtection/DetailSetting.vue b/src/pages/me/rightMenu/MinorProtection/DetailSetting.vue
index 659e68f..16aaf50 100644
--- a/src/pages/me/rightMenu/MinorProtection/DetailSetting.vue
+++ b/src/pages/me/rightMenu/MinorProtection/DetailSetting.vue
@@ -1,26 +1,26 @@
 <template>
   <div class="DetailSetting">
     <BaseHeader/>
-    <div class="content" v-if="type === 0">
+    <div class="content type1" v-if="type === 0">
       <div class="notice">
-        <img src="../../../../assets/img/icon/head-image.jpeg" alt="">
+        <img src="../../../../assets/img/icon/newicon/left_menu/lock.png" alt="">
         <span>时间锁已关闭</span>
       </div>
       <div class="row mt1r no-active">
         <div class="left">
-          <back></back>
+          <img src="../../../../assets/img/icon/newicon/left_menu/hourglass.png" alt="">
           <span>可为时间锁设置一个触发时间</span>
         </div>
       </div>
       <div class="row mt1r no-active">
         <div class="left">
-          <back></back>
+          <img src="../../../../assets/img/icon/newicon/left_menu/clock.png" alt="">
           <span>开启时间锁后，单日使用时长超过触发时间，需输入密码才能继续使用</span>
         </div>
       </div>
       <div class="row mt1r mb1r no-active">
         <div class="left">
-          <back></back>
+          <img src="../../../../assets/img/icon/newicon/left_menu/lock.png" alt="">
           <span>开启时间锁，需先设置独立密码；忘记密码后可通过申诉重置密码</span>
         </div>
       </div>
@@ -30,14 +30,36 @@
         </div>
         <div class="right">
           <span>{{ triggerTime }}分钟</span>
-          <back></back>
+          <back direction="right"></back>
         </div>
       </div>
-      <div class="button primary ">
-        开启时间锁
+      <div class="footer">
+        <div class="button primary ">开启时间锁</div>
+      </div>
+    </div>
+    <div class="content type2" v-if="type === 1">
+      <img class="desc" src="../../../../assets/img/icon/newicon/left_menu/qingshaonian.png" alt="">
+      <div class="footer">
+        <div class="notice">
+          <span>更多信息可阅读</span>
+          <span style="color: yellow"  @click="$nav('/service-protocol',{type:'儿童/青少年使用须知'})">《儿童/青少年使用须知》</span>
+        </div>
+        <div class="button primary ">开启青少年模式</div>
+      </div>
+    </div>
+    <div class="content type2" v-if="type === 2">
+      <img class="desc" src="../../../../assets/img/icon/newicon/left_menu/img-type3.png" alt="">
+      <div class="footer">
+        <div class="notice">
+          <!--          TODO  有个勾选没做-->
+          <span>我已阅读并接受</span>
+          <span style="color: yellow" @click="$nav('/service-protocol',{type:'抖音亲子平台服务协议'})">
+            《抖音亲子平台服务协议》
+          </span>
+        </div>
+        <div class="button primary ">立即绑定</div>
       </div>
     </div>
-    <div class="content"></div>
   </div>
 </template>
 <script>
@@ -55,7 +77,7 @@ export default {
   },
   computed: {},
   created() {
-    this.type = this.$route.query.type
+    this.type = ~~this.$route.query.type
     let triggerTime = localStorage.getItem('changeTriggerTime')
     if (triggerTime !== null) this.triggerTime = triggerTime
   },
@@ -77,8 +99,22 @@ export default {
   font-size: 1.4rem;
 
   .content {
-    padding-top: 6rem;
+    padding-top: $header-height;
+  }
 
+  .footer {
+    position: fixed;
+    bottom: 1.5rem;
+    left: 1rem;
+    right: 1rem;
+
+    .notice {
+      font-size: 1.3rem;
+      margin-bottom: 1.5rem;
+    }
+  }
+
+  .type1 {
     .notice {
       margin: 6rem 0;
       display: flex;
@@ -94,12 +130,12 @@ export default {
       }
 
     }
+  }
 
-    .button {
-      position: fixed;
-      bottom: 1rem;
-      left: 1rem;
-      right: 1rem;
+  .type2 {
+    .desc {
+      margin-top: 4rem;
+      width: 100%;
     }
   }
 
diff --git a/src/pages/me/rightMenu/MinorProtection/Index.vue b/src/pages/me/rightMenu/MinorProtection/Index.vue
index 3befb3e..181ce4b 100644
--- a/src/pages/me/rightMenu/MinorProtection/Index.vue
+++ b/src/pages/me/rightMenu/MinorProtection/Index.vue
@@ -10,21 +10,21 @@
         <div class="left">时间锁</div>
         <div class="right">
           <span>未开启</span>
-          <img src="../../../../assets/img/icon/back.png" alt="">
+          <back direction="right"></back>
         </div>
       </div>
       <div class="row" @click="$nav('detail-setting',{type:1})">
         <div class="left">青少年模式</div>
         <div class="right">
           <span>未开启</span>
-          <img src="../../../../assets/img/icon/back.png" alt="">
+          <back direction="right"></back>
         </div>
       </div>
       <div class="row" @click="$nav('detail-setting',{type:2})">
         <div class="left">亲子平台</div>
         <div class="right">
           <span>未开启</span>
-          <img src="../../../../assets/img/icon/back.png" alt="">
+          <back direction="right"></back>
         </div>
       </div>
     </div>
diff --git a/src/pages/me/rightMenu/MinorProtection/TriggerTime.vue b/src/pages/me/rightMenu/MinorProtection/TriggerTime.vue
index a395d48..b367a2b 100644
--- a/src/pages/me/rightMenu/MinorProtection/TriggerTime.vue
+++ b/src/pages/me/rightMenu/MinorProtection/TriggerTime.vue
@@ -9,25 +9,25 @@
       <div class="row" @click="setTriggerTime(enums.TRIGGER_TIME.TIME40)">
         <div class="left">40分钟</div>
         <div class="right" v-if="triggerTime === enums.TRIGGER_TIME.TIME40">
-          <img src="../../../../assets/img/icon/back.png" alt="">
+          <img src="../../../../assets/img/icon/ok-red.png" alt="">
         </div>
       </div>
       <div class="row" @click="setTriggerTime(enums.TRIGGER_TIME.TIME60)">
         <div class="left">60分钟</div>
         <div class="right" v-if="triggerTime === enums.TRIGGER_TIME.TIME60">
-          <img src="../../../../assets/img/icon/back.png" alt="">
+          <img src="../../../../assets/img/icon/ok-red.png" alt="">
         </div>
       </div>
       <div class="row" @click="setTriggerTime(enums.TRIGGER_TIME.TIME90)">
         <div class="left">90分钟</div>
         <div class="right" v-if="triggerTime === enums.TRIGGER_TIME.TIME90">
-          <img src="../../../../assets/img/icon/back.png" alt="">
+          <img src="../../../../assets/img/icon/ok-red.png" alt="">
         </div>
       </div>
       <div class="row" @click="setTriggerTime(enums.TRIGGER_TIME.TIME120)">
         <div class="left">120分钟</div>
         <div class="right" v-if="triggerTime === enums.TRIGGER_TIME.TIME120">
-          <img src="../../../../assets/img/icon/back.png" alt="">
+          <img src="../../../../assets/img/icon/ok-red.png" alt="">
         </div>
       </div>
     </div>
diff --git a/src/pages/me/rightMenu/Setting.vue b/src/pages/me/rightMenu/Setting.vue
new file mode 100644
index 0000000..af58e24
--- /dev/null
+++ b/src/pages/me/rightMenu/Setting.vue
@@ -0,0 +1,236 @@
+<template>
+  <div class="Setting">
+    <BaseHeader>
+      <template v-slot:center>
+        <span class="f16">设置</span>
+      </template>
+    </BaseHeader>
+    <div class="content">
+      <div class="title">帐号</div>
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/user.png" alt="">
+          <span>帐号与安全</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/lock.png" alt="">
+          <span>隐私设置</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+
+
+      <div class="line"></div>
+      <div class="title">通用</div>
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/remind.png" alt="">
+          <span>通知设置</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/dynamics.png" alt="">
+          <span>动态壁纸</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/setting-two.png" alt="">
+          <span>通用设置</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+      <div class="line"></div>
+
+
+      <div class="title">帐号互通</div>
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/toutiao.png" alt="">
+          <span>头条主页</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+      <div class="line"></div>
+
+
+      <div class="title">关于</div>
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/adddddddd.png" alt="">
+          <span>广告反馈与设置</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/book.png" alt="">
+          <span>用户协议</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/bookmark.png" alt="">
+          <span>社区自律公约</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/personal-privacy.png" alt="">
+          <span>隐私政策</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/protect.png" alt="">
+          <span>应用权限</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/ring.png" alt="">
+          <span>第三方SDK列表</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/about.png" alt="">
+          <span>关于抖音</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/feedback.png" alt="">
+          <span>反馈与帮助</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/delete.png" alt="">
+          <span>清理占用空间</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+      <div class="line"></div>
+
+
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/switch.png" alt="">
+          <span>切换空间</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+      <div class="row">
+        <div class="left">
+          <img src="../../../assets/img/icon/newicon/left_menu/logout.png" alt="">
+          <span>退出登录</span>
+        </div>
+        <div class="right">
+          <back direction="right"></back>
+        </div>
+      </div>
+
+      <div class="version">
+        抖音 version{{version}}
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "Setting",
+  data() {
+    return {
+      version: this.$store.state.version
+    }
+  },
+  computed: {},
+  created() {
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="scss">
+@import "../../../assets/scss/index";
+
+.Setting {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  overflow: auto;
+  color: white;
+  font-size: 1.4rem;
+
+  .content {
+    padding-top: 6rem;
+
+    .title {
+      color: $second-text-color;
+      font-size: 1.3rem;
+      margin: 2rem 0 0 2rem;
+    }
+
+    .version {
+      color: $second-text-color;
+      font-size: 1.3rem;
+      margin: 4rem;
+      text-align: center;
+    }
+
+    .line {
+      width: calc(100% - 3rem);
+      margin-left: 1.5rem;
+      background: $line-color;
+    }
+  }
+}
+</style>
diff --git a/src/pages/me/userinfo/AddSchool.vue b/src/pages/me/userinfo/AddSchool.vue
index c6e9781..0e28b63 100644
--- a/src/pages/me/userinfo/AddSchool.vue
+++ b/src/pages/me/userinfo/AddSchool.vue
@@ -15,21 +15,21 @@
         <div class="left">学校</div>
         <div class="right">
           <span>{{ isEmpty(localSchool.name) }}</span>
-          <img src="../../../assets/img/icon/back.png" alt="">
+          <back scale='1' direction="right"></back>
         </div>
       </div>
       <div class="row" @click="checkGo('/choose-department')">
         <div class="left">院系</div>
         <div class="right">
           <span>{{ isEmpty(localSchool.department) }}</span>
-          <img src="../../../assets/img/icon/back.png" alt="">
+          <back scale='1' direction="right"></back>
         </div>
       </div>
       <div class="row" @click="showJoinTimeDialog">
         <div class="left">入学时间</div>
         <div class="right">
           <span>{{ isEmpty(localSchool.joinTime) }}</span>
-          <img src="../../../assets/img/icon/back.png" alt="">
+          <back scale='1' direction="right"></back>
           <div v-show="false" id="trigger1"></div>
         </div>
       </div>
@@ -37,14 +37,14 @@
         <div class="left">学历</div>
         <div class="right">
           <span>{{ isEmpty(localSchool.education) }}</span>
-          <img src="../../../assets/img/icon/back.png" alt="">
+          <back scale='1' direction="right"></back>
         </div>
       </div>
       <div class="row" @click="$nav('/display-type',{displayType : localSchool.displayType})">
         <div class="left">展示范围</div>
         <div class="right">
           <span>{{ displayType }}</span>
-          <img src="../../../assets/img/icon/back.png" alt="">
+          <back scale='1' direction="right"></back>
         </div>
       </div>
     </div>
@@ -176,35 +176,6 @@ export default {
     padding-top: 6rem;
 
   }
-
-  .row {
-    padding: 0 1.5rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    height: 5rem;
-    font-size: 1.4rem;
-    transition: all .1s;
-    background: $main-bg;
-
-    &:active {
-      background: $active-main-bg;
-    }
-
-    .right {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      color: $second-text-color;
-
-
-      img {
-        margin-left: 1rem;
-        width: 15px;
-      }
-    }
-  }
-
 }
 
 .save-yes {
diff --git a/src/pages/me/userinfo/ChooseCity.vue b/src/pages/me/userinfo/ChooseCity.vue
index a2959be..5f3f860 100644
--- a/src/pages/me/userinfo/ChooseCity.vue
+++ b/src/pages/me/userinfo/ChooseCity.vue
@@ -9,9 +9,6 @@
       <div class="schools">
         <div class="row" @click="save(item)" v-for="item in list">
           <span>{{ item }}</span>
-          <div class="right">
-            <img src="../../../assets/img/icon/close-white.png" alt="">
-          </div>
         </div>
       </div>
     </div>
diff --git a/src/pages/me/userinfo/ChooseLocation.vue b/src/pages/me/userinfo/ChooseLocation.vue
index 89960f6..1064382 100644
--- a/src/pages/me/userinfo/ChooseLocation.vue
+++ b/src/pages/me/userinfo/ChooseLocation.vue
@@ -20,7 +20,7 @@
         <div class="row" @click="$nav('/choose-province')">
           <span>中国</span>
           <div class="right">
-            <img src="../../../assets/img/icon/close-white.png" alt="">
+            <back scale='1.5' direction="right"></back>
           </div>
         </div>
       </div>
diff --git a/src/pages/me/userinfo/ChooseProvince.vue b/src/pages/me/userinfo/ChooseProvince.vue
index 5d873cf..11e4632 100644
--- a/src/pages/me/userinfo/ChooseProvince.vue
+++ b/src/pages/me/userinfo/ChooseProvince.vue
@@ -10,7 +10,7 @@
         <div class="row" @click="$nav('/choose-city')" v-for="item in list">
           <span>{{ item }}</span>
           <div class="right">
-            <img src="../../../assets/img/icon/close-white.png" alt="">
+            <back scale='1.5' direction="right"></back>
           </div>
         </div>
       </div>
diff --git a/src/pages/me/userinfo/DisplayType.vue b/src/pages/me/userinfo/DisplayType.vue
index 76139fe..26285a1 100644
--- a/src/pages/me/userinfo/DisplayType.vue
+++ b/src/pages/me/userinfo/DisplayType.vue
@@ -9,19 +9,19 @@
       <div class="row" @click="setDisplayType(enums.DISPLAY_TYPE.ALL)">
         <div class="left">公开可见</div>
         <div class="right" v-if="displayType === enums.DISPLAY_TYPE.ALL">
-          <img src="../../../assets/img/icon/back.png" alt="">
+          <img src="../../../assets/img/icon/ok-red.png" alt="">
         </div>
       </div>
       <div class="row" @click="setDisplayType(enums.DISPLAY_TYPE.SCHOOL)">
         <div class="left">校友可见</div>
         <div class="right" v-if="displayType === enums.DISPLAY_TYPE.SCHOOL">
-          <img src="../../../assets/img/icon/back.png" alt="">
+          <img src="../../../assets/img/icon/ok-red.png" alt="">
         </div>
       </div>
       <div class="row" @click="setDisplayType(enums.DISPLAY_TYPE.ME)">
         <div class="left">仅自己可见</div>
         <div class="right" v-if="displayType === enums.DISPLAY_TYPE.ME">
-          <img src="../../../assets/img/icon/back.png" alt="">
+          <img src="../../../assets/img/icon/ok-red.png" alt="">
         </div>
       </div>
     </div>
@@ -64,29 +64,6 @@ export default {
 
   .content {
     padding-top: 6rem;
-
-    .row {
-      padding: 0 1.5rem;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      height: 5rem;
-      font-size: 1.4rem;
-      transition: all .1s;
-      background: $main-bg;
-
-      .right {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        color: $second-text-color;
-
-        img {
-          margin-left: 1rem;
-          width: 15px;
-        }
-      }
-    }
   }
 
 }
diff --git a/src/pages/me/userinfo/EditUserInfo.vue b/src/pages/me/userinfo/EditUserInfo.vue
index cc27087..32ef352 100644
--- a/src/pages/me/userinfo/EditUserInfo.vue
+++ b/src/pages/me/userinfo/EditUserInfo.vue
@@ -20,28 +20,28 @@
         <div class="left">名字</div>
         <div class="right">
           <span>{{ isEmpty(userinfo.name) }}</span>
-          <img src="../../../assets/img/icon/back.png" alt="">
+          <back direction="right"></back>
         </div>
       </div>
       <div class="row" @click="$nav('/edit-userinfo-item',{type:2})">
         <div class="left">抖音号</div>
         <div class="right">
           <span>{{ isEmpty(userinfo.account) }}</span>
-          <img src="../../../assets/img/icon/back.png" alt="">
+          <back direction="right"></back>
         </div>
       </div>
       <div class="row" @click="$nav('/edit-userinfo-item',{type:3})">
         <div class="left">简介</div>
         <div class="right">
           <span>{{ isEmpty(userinfo.desc) }}</span>
-          <img src="../../../assets/img/icon/back.png" alt="">
+          <back direction="right"></back>
         </div>
       </div>
       <div class="row" @click="showSexDialog">
         <div class="left">性别</div>
         <div class="right">
           <span>{{ isEmpty(userinfo.sex) }}</span>
-          <img src="../../../assets/img/icon/back.png" alt="">
+          <back direction="right"></back>
         </div>
       </div>
       <div class="row" @click="showBirthdayDialog">
@@ -49,21 +49,21 @@
         <div class="right">
           <span>{{ isEmpty(userinfo.birthday) }}</span>
           <div v-show="false" id="trigger1"></div>
-          <img src="../../../assets/img/icon/back.png" alt="">
+          <back direction="right"></back>
         </div>
       </div>
       <div class="row" @click="$nav('/choose-location')">
         <div class="left">所在地</div>
         <div class="right">
           <span>{{ isEmpty(userinfo.location) }}</span>
-          <img src="../../../assets/img/icon/back.png" alt="">
+          <back direction="right"></back>
         </div>
       </div>
       <div class="row" @click="$nav('/add-school')">
         <div class="left">学校</div>
         <div class="right">
           <span>{{ isEmpty(userinfo.school.name) }}</span>
-          <img src="../../../assets/img/icon/back.png" alt="">
+          <back direction="right"></back>
         </div>
       </div>
     </div>
diff --git a/src/pages/me/userinfo/EditUserInfoItem.vue b/src/pages/me/userinfo/EditUserInfoItem.vue
index 71bd39a..4d6af3b 100644
--- a/src/pages/me/userinfo/EditUserInfoItem.vue
+++ b/src/pages/me/userinfo/EditUserInfoItem.vue
@@ -18,22 +18,25 @@
         <div class="notice">我的名字</div>
         <div class="input-ctn" style="margin-bottom: 1rem;">
           <input type="text" v-model="localUserinfo.name" placeholder="记得填写名字哦">
-          <img v-if="localUserinfo.name"
-              class="close" src="../../../assets/img/icon/close.svg" alt="" @click="localUserinfo.name = ''">
+            <img v-if="localUserinfo.name"
+               style="transform: scale(2)"
+               class="close" src="../../../assets/img/icon/newicon/close-and-bg.png" alt=""
+               @click="localUserinfo.name = ''">
         </div>
         <div class="num">{{ localUserinfo.name.length }}/20</div>
       </div>
-      <div class="row" v-if="type === 2">
+      <div class="l-row" v-if="type === 2">
         <div class="notice">我的抖音号</div>
         <div class="input-ctn" style="margin-bottom: 1rem;">
           <input type="text" v-model="localUserinfo.account">
           <img
-              v-if="localUserinfo.account"
-              class="close" src="../../../assets/img/icon/close.svg" alt="" @click="localUserinfo.account = ''">
+              v-if="localUserinfo.account" style="transform: scale(2)"
+              class="close" src="../../../assets/img/icon/newicon/close-and-bg.png" alt=""
+              @click="localUserinfo.account = ''">
         </div>
         <div class="num">最多16个字，只允许包含字母、数字、下划线和点，30天内仅能修改一次</div>
       </div>
-      <div class="row" v-if="type === 3">
+      <div class="l-row" v-if="type === 3">
         <div class="notice">个人简介</div>
         <div class="textarea-ctn">
         <textarea name="" id="" cols="30" rows="10"
diff --git a/src/pages/message/Message.vue b/src/pages/message/Message.vue
index 7675203..f987d2e 100644
--- a/src/pages/message/Message.vue
+++ b/src/pages/message/Message.vue
@@ -101,6 +101,7 @@
       </div>
     </div>
     <Footer v-bind:init-tab="4"/>
+
     <from-bottom-dialog v-model="createChatDialog">
       <div class="create-chat-wrapper" v-show="!showJoinedChat">
         <Search class="ml2r mr2r" placeholder="搜索用户" v-model="createChatSearchKey"></Search>
@@ -129,10 +130,10 @@
         </template>
         <template v-else>
           <div class="joined-chat" @click="showJoinedChat = true">
-            <img class="left" src="../../assets/img/icon/close-white.png" alt="">
+            <img class="left" src="../../assets/img/icon/people-gray.png" alt="">
             <div class="right">
               <span>已加入的群聊</span>
-              <img src="../../assets/img/icon/back.png" alt="">
+              <back direction="right" scale="1.2"></back>
             </div>
           </div>
           <div class="friend-list">
@@ -155,7 +156,7 @@
       </div>
       <div class="joined-chat-wrapper" v-show="showJoinedChat">
         <div class="nav">
-          <img src="../../assets/img/icon/back.png" alt="" @click="showJoinedChat = false">
+          <back @click="showJoinedChat = false" mode="white" scale="1.8"></back>
           <span>已加入的群聊</span>
           <span>&nbsp;</span>
         </div>
@@ -168,7 +169,7 @@
                 <div class="name">{{ text.length > 20 ? text.substr(0, 20) + '...' : text }}</div>
                 <div class="num">(3)</div>
               </div>
-              <img class="arrow" src="../../assets/img/icon/back.png" alt="">
+              <back direction="right" scale="1.2"></back>
             </div>
           </div>
         </div>
@@ -302,8 +303,8 @@ export default {
       align-items: center;
 
       .left {
-        width: 1.8rem;
-        height: 1.8rem;
+        width: 2.2rem;
+        height: 2.2rem;
         margin-left: 1rem;
         margin-right: 2rem;
       }
@@ -458,6 +459,7 @@ export default {
   .joined-chat-wrapper {
 
     .nav {
+      font-size: 1.7rem;
       padding: 2rem;
       display: flex;
       justify-content: space-between;
diff --git a/src/pages/other/ServiceProtocol.vue b/src/pages/other/ServiceProtocol.vue
index 1c67ef4..ffef614 100644
--- a/src/pages/other/ServiceProtocol.vue
+++ b/src/pages/other/ServiceProtocol.vue
@@ -2,10 +2,12 @@
   <div class="ServiceProtocol">
     <BaseHeader>
       <template v-slot:center>
-        <span class="f16">“抖音”用户服务协议</span>
+        <span class="f16" v-if="type === '“抖音”用户服务协议'">“抖音”用户服务协议</span>
+        <span class="f16" v-if="type === '抖音亲子平台服务协议'">抖音亲子平台服务协议</span>
+        <span class="f16" v-if="type === '儿童/青少年使用须知'">儿童/青少年使用须知</span>
       </template>
     </BaseHeader>
-    <div class="content">
+    <div class="content" v-if="type === '“抖音”用户服务协议'">
       <div class="container"><h3 class="title">“抖音”用户服务协议</h3>
         <div class="text-warpper douyin"><p><strong><font style="font-family: Microsoft Yahei;">更新日期：</font>2021<font
             style="font-family: Microsoft Yahei;">年</font>5<font style="font-family: Microsoft Yahei;">月</font>31<font
@@ -374,12 +376,135 @@
           </p></div>
       </div>
     </div>
+
+    <div class="content" v-if="type === '抖音亲子平台服务协议'">
+      <div class="container">
+        <div class="text-warpper douyin">
+          <div class="center"><h3><strong></strong></h3></div>
+          <p>
+            《抖音亲子平台服务协议》（以下简称"本协议"）由您与北京微播视界科技有限公司共同缔结，本协议具有合同效力。为使用亲子平台的服务（以下简称"本服务"），请您务必审慎阅读、充分理解各条款内容，特别是涉及取得您同意的条款、免除或者限制抖音责任的条款、对用户权利进行限制的条款、约定争议解决方式和司法管辖的条款。前述授权、限制、免责及争议解决方式和管辖条款可能以黑体加粗形式提示您注意。</p>
+          <p>除非你已阅读本协议所有条款，否则你无权使用亲子平台服务。你使用本服务即视你为已阅读井同意签署本协议。</p><br>
+          <p>一、协议范围</p>
+          <p>1.1 本协议是你与抖音之间关于你使用本服务，以及使用抖音相关服务所订立的协议。</p>
+          <p>1.2 本协议被视为《“抖音”用户服务协议》、《“抖音”隐私政策》的补充协议，是其不可分割的组成部分，与其构成统一整体。本协议与上述内容存在冲突的，以本协议为准。</p>
+          <p>1.3 本协议内容同时包括抖音可能不断发布的关于本服务的相关协议、业务规则等内容。上述内容一经正式发布，即为本协议不可分割的组成部分，你同样应当遵守。</p><br>
+          <p>二、定义</p>
+          <p>2.1 抖音软件与服务提供方：指提供抖音及其服务的北京微播视界科技有限公司，在本协议中简称为"抖音"。</p>
+          <p>2.2 抖音：指由公司合法拥有并运营的、标注名称为“抖音”的客户端应用程序以及域名为www.douyin.com的网站。公司有权对应用程序及网站名称单方变更（包括但不限于更名、新增等）。</p>
+          <p>2.3 未成年人：又称"被申请人"，指使用抖音及其服务的、未满十八周岁的自然人。</p>
+          <p>2.4 您：又称"申请人"或"家长"，应具备民事行为能力，申请人的法定监护人，并有权申请家长监护平台服务的自然人。</p>
+          <p>2.5
+            本服务：指当申请人发现未成年人过度沉迷软件使用及其他相关服务时，由申请人向抖音提供申请资料（包括但不限于合法的身份证明、监护人资格证明、抖音帐号、联系方式等信息），抖音可根据申请人的需求对未成年人的抖音帐号采取限制措施（包括但不限于限制使用时间，开启青少年模式等），与家长共同守护未成年人健康成长的服务。</p>
+          <p>2.6
+            抖音帐号：为使用和享受抖音服务，由未成年人申请和/或使用的即为抖音账号。该帐号的申请、使用等行为应符合抖音不时修订并公布的《“抖音”用户服务协议》、《“抖音”隐私政策》的规范。家长通过本服务，申请限制该帐号的行为。</p>
+          <p>2.7 时间锁设置：应被申请人法定监护人的要求，抖音将限制该抖音帐号在抖音软件中的使用时长。</p>
+          <p>2.8 青少年模式设置：应被申请人法定监护人的要求，抖音将为其开启抖音账号青少年内容过滤模式。</p><br>
+          <p>三、服务申请流程</p>
+          <p>3.1 你因未成年人沉迷软件使用或其他原因，要求通过本服务限制或禁止未成年人使用抖音软件及其相关服务，可通过亲子平台进行申请。</p>
+          <p>3.2 你需要通过抖音账号登录亲子平台，并使用手机号码进行绑定。该手机号码将成为你使用本服务的唯一身份信息。</p>
+          <p>3.3经您同意并知悉，您的一个帐号最多可以绑定3名未成年人的抖音帐号，且仅可绑定每名未成年人的1个抖音账号。</p>
+          <p>3.4 抖音井不承诺你一定能通过本服务的申请。申请结果将通过抖音私信的方式通知被绑定的抖音账号；你也可通过登录亲子平台进行查询。</p>
+          <p>3.5 抖音通过你的服务申请后，你可通过账号登录使用时长设置、青少年模式设置功能，对被绑定的未成年人的抖音帐号采取限制措施。</p><br>
+          <p>四、用户使用须知</p>
+          <p>4.1
+            你理解并同意，你将按本服务之需要向抖音提供申请资料，包括但不限于抖音帐号、密码，并保证其真实、合法、有效。若第三方对你申请控制抖音帐号的行为提出权属异议，你同意并授权抖音向该第三方或司法机关提供你提交的申请资料，并同意抖音可依据本协议规定或司法机关的指令，视情节严重程度，对你做出暂时或永久的禁止登录（即封号）、冻结本服务等处理措施。情节严重的，抖音保留向违法者追究责任的权力。</p>
+          <p>4.2 你理解井承诺，抖音对被申请人抖音帐号的调查和控制措施均是应你申请所为，你自愿承担被申请人抖音帐号因限制措施所遭受的任何损失（包括但不限于取证费用、诉讼费用、民事赔偿等）。</p>
+          <p>4.3
+            你理解并同意，抖音可以受理任何用户对任何抖音帐号加入本服务的申请。为保护你信息安全，你需要采取必要的、有效的措施，邂免被他人获悉你的手机验证信息、抖音帐号及密码等。你保证，只对有法定监护关系的未成年人有使用权的抖音帐号提出申请，不得对其他用户的抖音账号进行绑定。</p>
+          <p>4.4 你理解井承诺，抖音按照你的申请对抖音帐号采取限制措施，即视为你认可该抖音帐号在限制措施内的所有使用行为，包括但不限于满足使用时长限制的使用行为。</p>
+          <p>4.5 你理解并同意，当被申请人年满十八周岁后，本服务自动终止。</p>
+          <p>4.6 你理解并同意，注册时绑定的手机号码是你使用本服务时唯一的识别信息，以及接受提醒信息的唯一途径。如因你提供的手机号码错误，导致无法成功申请服务，或因更换手机号码导致信息无法送达，抖音不承担任何责任。</p>
+          <br>
+          <p>五、法律责任与免责</p>
+          <p>5.1 为了增进用户体验、完善服务内容，抖音有权随时自行修改本服务功能及规则而不需通知用户，如有必要，修改会以通告形式公布于网站、服务端页面。</p>
+          <p>5.2
+            如你违反法律法规、本协议或抖音相关的服务条款的规定，抖音有权进行独立判断井随时限制或终止为你提供服务，无须向你发出任何提前通知。由此，导致或产生的任何损失或第三方主张的任何索赔、要求等（包括但不限于申请失败，用户资料、相关数据等的清空等），由你自行承担。</p>
+          <p>5.3
+            在任何情况下，抖音不对因不可抗力导致的你在使用抖音软件及其服务过程中受的损失承担责任。该等不可抗力事件包括但不限于国家法律、法规、政策及国家机关的命令及其他政府行为或者其它的诸如地震、水灾、雪灾、火灾、海啸、台风、罢工、战争等不可预测、不可避免且不可克服的事件。</p>
+          <br>
+          <p>六、隐私政策</p>
+          <p>保护用户个人信息及隐私是抖音的一顶基本原则。除本协议另有规定外，抖音软件及服务将遵循抖音统一公布的相关隐私政策(https://www.douyin.com/privacy/）。</p><br>
+          <p>七、其他</p>
+          <p>7.1
+            你使用本服务即视为你己阅读并同意受本协议的约束。抖音有权在必要时修改本协议条款。你可以在相关服务页面直接阅读最新版本的协议条款。本协议条款变更后，如果你继续使用本服务，即视为你已接受修改后的协议。如果你不接受修改后的协议，应当停止使用本服务。</p>
+          <p>7.2
+            本协议内容同时包括《抖音用户服务协议》、《“抖音”隐私政策》及抖音可能不断发布的关于本服务的相关协议、业务规则等内容。上述内容一经正式发布，即为本协议不可分割的组成部分，你同样应当遵守。上述内容与本协议存在冲突的，以本协议为准。你对前述任何业务规则、协议的接受，即视为你对本协议全部的接受。</p>
+          <p>7.3 本协议签订地为中华人民共和国北京市海淀区。</p>
+          <p>7.4 本协议的成立、生效、履行、解释及纠纷解决，适用中华人民共和国大陆地区法律（不包括冲突法）。</p>
+          <p>7.5 若你和抖音之间发生任何纠纷或争议，首先应友好协商解决；协商不成的，你同意将纠纷或争议提交本协议签订地有管辖权的人民法院管辖。</p>
+          <p>7.6 本协议所有条款的标题仅为阅读方便，本身并无实际涵义，不能作为本协议涵义解释的依据。</p>
+          <p>7.7 本协议条款无论因何种原因部分无效或不可执行，其余条款仍有效，对双方具有约束力。</p>
+          <p>7.8 如果你对本服务有任何意见或建议，可通过服务端以站内信的方式提出反馈，我们会给予你必要的帮助。</p>
+          <p>本协议版权由抖音所有，抖音保留一切对本协议解释的权利。</p></div>
+      </div>
+    </div>
+
+    <div class="content" v-if="type === '儿童/青少年使用须知'">
+      <div class="container"><p>欢迎你选择由<strong>【北京微播视界科技有限公司】</strong>（以下简称“我们”或“平台”）在中国大陆地区开发、运营、提供的相关产品和服务！我们非常重视未成年人的保护。为保护未成年人个人信息的安全，并提供更加丰富、多元的优质内容，我们开发了“儿童/青少年模式”。本《儿童/青少年使用须知》旨在向法定监护人或未成年人的父母（以下简称“监护人”或“家长”）和未成年人（以下又称“被监护人”）<strong>说明该模式的运行方式</strong>，我们将挖掘更多的适合未成年人观看的优质内容，为监护人提供更丰富的管理手段，确保儿童的信息收集、使用在监护人的监督下进行。
+      </p>
+        <p><br></p>
+        <p><strong>1.与你携手共同守护儿童和青少年</strong></p>
+        <p><br></p>
+        <p><strong>1.1 未满14周岁的儿童</strong></p>
+        <li>如果你的被监护人是未满14周岁的儿童，<strong>他/她使用抖音的普通模式，需要经过你的明确同意</strong>；如果你不同意他/她使用抖音的普通模式，请你为他/她设置“儿童/青少年模式”。同时，平台可根据你或被监护人提供的信息等情形，启用为未满14周岁的儿童自动进入“儿童/青少年模式”的功能。
+        </li>
+        <li>在实名认证阶段，若你的被监护人需要完成实名认证，需要经过你的单独明确同意，我们会通过合理的核验措施验证你与你的被监护人的监护关系，若你认为我们不当地处理了你或你的被监护人的信息，请通过文末的联系方式及时联系我们。
+        </li>
+        <p><br></p>
+        <p><strong>1.2 已满14周岁不满18周岁的青少年</strong></p>
+        <li><strong>如果你的被监护人是已满14周岁不满18周岁的青少年，你和你的被监护人可以根据自主需要，选择是否设置“儿童/青少年”模式。</strong></li>
+        <p><br></p>
+        <p><strong>1.3 协助监护人更好地守护儿童和青少年</strong></p>
+        <li>为帮助监护人管理未成年人的应用使用时间，在该模式下，每日22时至次日早6时期间无法使用抖音。</li>
+        <li>进入该模式后，系统将自动开启时间锁，时间锁默认设置为40分钟。单日使用时长超过触发时间，需要输入密码才可以继续使用。密码由你设置并掌握，确保你能有效引导未成年人健康使用抖音。</li>
+        <li>你也可以进入“亲子平台”，根据实际需要为你的被监护人设置浏览使用时长。</li>
+        <li>你进入“亲子平台”后，可以通过<strong>监护人帐号</strong>和<strong>被监护人帐号（在平台提供的部分功能和服务中，又称“家长帐号”和“儿童帐号”）</strong>的绑定，选择帮助自己的被监护人打开或关闭青少年模式，实现对被监护人使用抖音的远程管理。
+        </li>
+        <li>你进入”亲子平台“并完成<strong>监护人帐号</strong>和<strong>被监护人帐号</strong>的绑定后，在打开青少年模式下，你可以根据自主需要，选择帮助自己的被监护人关注抖音号，你的被监护人可通过关注页浏览已关注的抖音号作品。
+        </li>
+        <li>我们会为完成了亲子帐号绑定的<strong>监护人帐号</strong>和<strong>被监护人帐号</strong>的使用周报，以帮助监护人更好地了解自己的被监护人使用抖音的情况，周报内容均基于子帐号的使用情况生成，若你认为我们不当地处理了你或你的被监护人的信息，请通过文末的联系方式及时联系我们。
+        </li>
+        <p><br></p>
+        <p><strong>2.保护儿童和青少年个人信息安全</strong></p>
+        <p><br></p>
+        <p><strong>2.1 严格限制收集儿童和青少年个人信息的类型</strong></p>
+        <p>a.我们仅会基于确保多元、优质内容更好地触达未成年人的目的，收集设备信息、播放视频的类型、内容、播放完成度等最基础功能所必需的信息。</p>
+        <p>b.<font style="font-family: Tahoma;">为保障推荐内容的质量并向你推荐可能感兴趣的视频及相关信息，抖音可能会收集相关必要的日志信息。</font>我们在收集你的信息前会征得你的同意，抖音将收集点赞、收藏、关注等信息；我们不会收集未经你授权的信息。
+        </p>
+        <p><br></p>
+        <p><strong>2.2 严格限定儿童和青少年个人信息的使用目的</strong></p>
+        <p>a.收集的信息将不会被用于任何商业目的（包括但不限于：广告、营销），不会基于任何商业目的而与第三方共享。</p>
+        <p>b.收集的部分设备信息、网络信息可能会被用于安全与反作弊目的，但是我们不会将以这些目的收集的信息用于其他不相关的领域。</p>
+        <p><br></p>
+        <p><strong>2.3 严格的措施和制度保护儿童和青少年个人信息安全</strong></p>
+        <p>a.我们在境内运营过程中收集和产生的未成年人个人信息存储于中华人民共和国境内，不会传输或存储至境外。</p>
+        <p>b.存储所收集儿童的浏览日志信息为6个月，但是法律法规另有规定的除外。</p>
+        <p>c.我们会使用高强度的加密技术、匿名化处理及相关合理可行的手段保护未成年人的信息，并使用安全保护机制防止恶意攻击。</p>
+        <p>d.我们会建立专门的安全部门、专门针对未成年人信息的安全管理制度、数据安全流程保障未成年人信息安全。我们采取严格的数据使用和访问制度，确保只有授权人员才可访问，并适时对数据和技术进行安全审计。</p>
+        <p><br></p>
+        <p><strong>3.保障儿童和青少年健康使用</strong></p>
+        <li>我们会提供更多元与适合未成年人的优质作品，目前内容主要涵盖书法绘画教学、亲子教育、人文科普、传统文化、手工制作、自然科普等多个分类。</li>
+        <li>我们会继续致力于对向未成年人推荐内容的算法优化，让未成年人看到更多不同领域的优质内容，拓展未成年人的视野。</li>
+        <p><br></p>
+        <p><strong>4.退出儿童和青少年模式</strong></p>
+        <li>如果你为你的被监护人解除或退出“儿童/青少年模式”，你的被监护人将可以使用抖音的全部功能，收集的信息类型与使用目的也将遵循<a target="_blank" class="link"
+                                                                            data-href="https://aweme.snssdk.com/falcon/douyin/agreements/?aid=6765345864320813070&amp;hide_nav_bar=1">《抖音隐私政策》</a>执行。
+        </li>
+        <li>如果你要求删除我们收集的不满14周岁的儿童个人信息，或进行投诉，请通过<a href="mailto:Dataprivacy@bytedance.com" target="_blank" class="link">Dataprivacy@bytedance.com</a>联系我们，我们在核验你的身份后，会根据你的请求和法律法规的规定进行处理。
+        </li>
+        <p><br></p></div>
+    </div>
   </div>
 </template>
 <script>
 export default {
   name: "ServiceProtocol",
-  methods: {},
+  methods: {
+    type: ''
+  },
+  created() {
+    this.type = this.$route.query.type
+  }
 
 }
 </script>
@@ -399,8 +524,6 @@ export default {
     padding: 6rem 1rem 10rem 2rem;
     color: white;
     font-size: 1.4rem;
-
-
   }
 }
 </style>
diff --git a/src/pages/people/FindAcquaintance.vue b/src/pages/people/FindAcquaintance.vue
index 7d786ff..bff0ee5 100644
--- a/src/pages/people/FindAcquaintance.vue
+++ b/src/pages/people/FindAcquaintance.vue
@@ -1,26 +1,24 @@
 <template>
   <div class="FindAcquaintance">
     <div class="header">
-      <img src="../../assets/img/icon/back.png" alt="" class="back" @click="back">
+      <back scale="1.8" mode="white" @click="back"></back>
       <Indicator
           style="width: 50%;"
           tabStyleWidth="40%"
-          :tabTexts="['熟人列表','发现熟人']"
+          :tabTexts="['发现熟人','熟人列表']"
           v-model:active-index="currentSlideItemIndex">
       </Indicator>
-      <img src="../../assets/img/icon/back.png" alt="" class="option" @click="moreOptionDialog = true">
+      <img src="../../assets/img/icon/menu-gray.png" alt="" class="option" @click="moreOptionDialog = true">
     </div>
     <SlideRowList v-model:active-index="currentSlideItemIndex">
       <SlideItem class="tab1">
-        <Search placeholder="搜索用户备注或名字" class="mr20p ml20p mt10p"></Search>
-        <div class="title">我的好友（互相关注）</div>
-        <People v-for="item in list " :people="item"></People>
-        <NoMore></NoMore>
-      </SlideItem>
-      <SlideItem class="tab2">
         <div class="mr2r ml2r mt1r">
-          <Search v-if="!isShowText" :is-show-text="false" @click="isShowText = true">
-            <img src="../../assets/img/icon/close.svg" style="width: 1rem;" @click.stop="$nav('/scan')">
+          <Search v-if="!isShowText"
+                  placeholder="搜索用户名字/抖音号"
+                  :is-show-text="false"
+                  @click="isShowText = true">
+            <img src="../../assets/img/icon/scan-gray.png" style="width: 1rem;transform: scale(1.5)"
+                 @click.stop="$nav('/scan')">
           </Search>
           <Search v-else v-model="searchKey" :is-show-text="true" @notice="search" @clear="isSearch = false"></Search>
         </div>
@@ -32,13 +30,13 @@
                 <div class="text1">查看通讯录朋友</div>
                 <div class="text2">看看谁在抖音</div>
               </div>
-              <img src="../../assets/img/icon/back.png" alt="">
+              <back scale="1" direction="right"></back>
             </div>
           </div>
           <div class="line"></div>
           <div class="title">
             朋友推荐
-            <img src="../../assets/img/icon/close.svg" style="width: 1rem;">
+            <img src="../../assets/img/icon/about-gray.png" style="width: 1rem;margin-left: .2rem;">
           </div>
           <People v-for="item in list " :people="item"></People>
         </div>
@@ -50,6 +48,12 @@
           <People v-if="isSearch" v-for="item in list " :people="item"></People>
         </div>
       </SlideItem>
+      <SlideItem class="tab2">
+        <Search placeholder="搜索用户备注或名字" class="mr20p ml20p mt10p"></Search>
+        <div class="title">我的好友（互相关注）</div>
+        <People v-for="item in list " :people="item"></People>
+        <NoMore></NoMore>
+      </SlideItem>
     </SlideRowList>
 
     <transition name="fade">
@@ -65,7 +69,7 @@
           <span class="title">发现通讯录好友</span>
           <span class="desc">
             <span>授权通讯录，看看哪些好友在使用抖音。具体使用场景及撤回授权方式详见</span>
-            <span class="link" @click="$nav('/service-protocol')">《隐私政策》</span>
+            <span class="link" @click="$nav('/service-protocol',{type:'“抖音”用户服务协议'})">《隐私政策》</span>
            </span>
         </div>
         <div class="footer">
@@ -146,7 +150,7 @@ export default {
       isSearch: false,
       searchKey: '',
 
-      currentSlideItemIndex: 1,
+      currentSlideItemIndex: 0,
       list: [
         {
           type: 1,
@@ -232,19 +236,18 @@ export default {
     }
   }
 
-  .tab1 {
+  .tab2 {
     box-sizing: border-box;
     padding: 2rem;
 
     .title {
-      margin-left: 2rem;
       margin-top: 2rem;
       color: $second-text-color;
       font-size: 1.2rem;
     }
   }
 
-  .tab2 {
+  .tab1 {
     .title {
       display: flex;
       align-items: center;
@@ -262,7 +265,7 @@ export default {
       padding: 2rem;
 
       .look-address-list {
-        margin: 0 2rem 2rem 0;
+        margin: 0 0 2rem 0;
         display: flex;
         justify-content: space-between;
         align-items: center;
diff --git a/src/pages/people/components/People.vue b/src/pages/people/components/People.vue
index 47debca..fd6c71d 100644
--- a/src/pages/people/components/People.vue
+++ b/src/pages/people/components/People.vue
@@ -12,37 +12,37 @@
 
       <!--   已关注   -->
       <div class="right" v-if="people.type === 1">
-        <div class="button">已关注</div>
+        <div class="l-button">已关注</div>
       </div>
       <!--     粉丝 -->
       <div class="right" v-if="people.type === 2">
-        <div class="button red">回关</div>
-        <img src="../../../assets/img/icon/close.svg" alt="">
+        <div class="l-button red">回关</div>
+        <img src="../../../assets/img/icon/menu-white.png" alt="">
       </div>
       <!--     朋友推荐 -->
       <div class="right" v-if="people.type === 3">
-        <div class="button red">回关</div>
-        <div class="button ">移除</div>
+        <div class="l-button red">回关</div>
+        <div class="l-button ">移除</div>
       </div>
       <!--     互相关注 -->
       <div class="right" v-if="people.type === 4">
-        <div class="button">发私信</div>
-        <img src="../../../assets/img/icon/close.svg" alt="" @click="showPopover = !showPopover">
+        <div class="l-button">发私信</div>
+        <img src="../../../assets/img/icon/menu-white.png" alt="" @click="showPopover = !showPopover">
       </div>
       <!--     通讯录 -->
       <div class="right" v-if="people.type === 5">
-        <div class="button red address-list">回关</div>
+        <div class="l-button red address-list">回关</div>
       </div>
     </div>
     <transition name="scale">
       <div class="popover" v-if="people.type === 4 && showPopover">
         <div class="arrow"></div>
         <div class="item">
-          <img src="../../../assets/img/icon/close.svg" alt="">
+          <img src="../../../assets/img/icon/feedback-white.png" alt="">
           <span>设置备注名</span>
         </div>
         <div class="item">
-          <img src="../../../assets/img/icon/close.svg" alt="">
+          <img src="../../../assets/img/icon/people-red.png" alt="">
           <span>从朋友中移除</span>
         </div>
       </div>
@@ -134,7 +134,7 @@ export default {
       display: flex;
       align-items: center;
 
-      .button {
+      .l-button {
         margin-left: .8rem;
         padding: .5rem 2rem;
         border-radius: .2rem;
@@ -151,7 +151,7 @@ export default {
       }
 
       img {
-        width: 1.2rem;
+        height: 1.8rem;
         margin-left: 2rem;
       }
     }
@@ -180,7 +180,7 @@ export default {
 
       img {
         margin-right: 1rem;
-        width: 1.5rem;
+        height: 2rem;
       }
     }
 
diff --git a/src/router/index.js b/src/router/index.js
index 1035ac5..988f536 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -34,6 +34,7 @@ import LookHistory from "../pages/me/rightMenu/LookHistory";
 import MinorProtectionIndex from "../pages/me/rightMenu/MinorProtection/Index";
 import MinorProtectionDetailSetting from "../pages/me/rightMenu/MinorProtection/DetailSetting";
 import TriggerTime from "../pages/me/rightMenu/MinorProtection/TriggerTime";
+import Setting from "../pages/me/rightMenu/Setting";
 
 const routes = [
   // {path: '', component: Music},
@@ -72,6 +73,7 @@ const routes = [
   {path: '/me/right-menu/minor-protection/index', component: MinorProtectionIndex},
   {path: '/me/right-menu/minor-protection/detail-setting', component: MinorProtectionDetailSetting},
   {path: '/me/right-menu/minor-protection/trigger-time', component: TriggerTime},
+  {path: '/me/right-menu/setting', component: Setting},
 ]
 
 export default VueRouter.createRouter({
diff --git a/src/store/index.js b/src/store/index.js
index 1dba597..326eec9 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -7,6 +7,7 @@ const store = Vuex.createStore({
     bodyWidth: document.body.clientWidth,
     maskDialog: false,
     maskDialogMode: 'dark',
+    version: '17.1.0',
     userinfo: {
       id: 1,
       name: '',