feat5

hot/hot/js/about.d328f130.js

@@ -1,2 +0,0 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["about"],{f820:function(t,n,s){"use strict";s.r(n);var a=function(){var t=this;t._self._c;return t._m(0)},u=[function(){var t=this,n=t._self._c;return n("div",{staticClass:"about"},[n("h1",[t._v("This is an about page")])])}],i=s("2877"),e={},o=Object(i["a"])(e,a,u,!1,null,null,null);n["default"]=o.exports}}]);
-//# sourceMappingURL=about.d328f130.js.map

hot/hot/static/6Wy3wi578902/data.json

@@ -1,54 +0,0 @@
-[
-  {
-      "images": [
-          {
-              "url": "https://houseoss.4dkankan.com/project/aoMenScene/static/hot/QWrgQO004937/1.png",
-              "mp3_zh": "",
-              "mp3_zhhk": "",
-              "mp3_pe": "",
-              "mp3_en": "",
-              "title_zh": "18世纪澳门城市与港口平面图",
-              "text_zh": "18世纪澳门城市与港口平面图",
-              "title_zhhk": "18世紀澳門城市與港口平面圖",
-              "text_zhhk": "18世紀澳門城市與港口平面圖",
-              "title_pe": "Plano Municipal e Portuário de Macau do século XVIII",
-              "text_pe": "Plano Municipal e Portuário de Macau do século XVIII",
-              "title_en": "18th Century Macau City and Port Plan",
-              "text_en": "18th Century Macau City and Port Plan"
-          },
-          {
-              "url": "https://houseoss.4dkankan.com/project/aoMenScene/static/hot/QWrgQO004937/2.png",
-              "mp3_zh": "",
-              "mp3_zhhk": "",
-              "mp3_pe": "",
-              "mp3_en": "",
-              "title_zh": "1780年中国南海海图局部—珠江河口图",
-              "text_zh": "1780年中国南海海图局部—珠江河口图",
-              "title_zhhk": "1780年中國南海海圖局部—珠江河口圖",
-              "text_zhhk": "1780年中國南海海圖局部—珠江河口圖",
-              "title_pe": "Parte do mapa do Mar do Sul da China em 1780- o mapa estuário do Rio Pérola.",
-              "text_pe": "Parte do mapa do Mar do Sul da China em 1780- o mapa estuário do Rio Pérola.",
-              "title_en": "Part of the chart of the South China Sea in 1780- the Pearl River estuary map.",
-              "text_en": "Part of the chart of the South China Sea in 1780- the Pearl River estuary map."
-          },
-          {
-              "url": "https://houseoss.4dkankan.com/project/aoMenScene/static/hot/QWrgQO004937/3.png",
-              "mp3_zh": "",
-              "mp3_zhhk": "",
-              "mp3_pe": "",
-              "mp3_en": "",
-              "title_zh": "1834年广东省沿海图局部—子午线澳门测量图",
-              "text_zh": "1834年广东省沿海图局部—子午线澳门测量图",
-              "title_zhhk": "1834年廣東省沿海圖局部—子午線澳門測量圖",
-              "text_zhhk": "1834年廣東省沿海圖局部—子午線澳門測量圖",
-              "title_pe": "1834 Mapa Costeiro da Província de Guangdong Mapa Parcial do Meridiano de Macau",
-              "text_pe": "1834 Mapa Costeiro da Província de Guangdong Mapa Parcial do Meridiano de Macau",
-              "title_en": "1834 Coastal Map of Guangdong Province Partial Meridian Macau Survey Map",
-              "text_en": "1834 Coastal Map of Guangdong Province Partial Meridian Macau Survey Map"
-          }
-      ],
-      "title": "",
-      "onImg": false,
-      "id": 3
-  }
-]

hot/hot/static/QWrgQO004937/data.json

@@ -1,23 +0,0 @@
-[
-  {
-      "images": [
-          {
-              "mp3_zh": "",
-              "mp3_zhhk": "",
-              "mp3_pe": "",
-              "mp3_en": "",
-              "title_zh": "18世纪澳门城市与港口平面图",
-              "text_zh": "18世纪澳门城市与港口平面图",
-              "title_zhhk": "18世紀澳門城市與港口平面圖",
-              "text_zhhk": "18世紀澳門城市與港口平面圖",
-              "title_pe": "Plano Municipal e Portuário de Macau do século XVIII",
-              "text_pe": "Plano Municipal e Portuário de Macau do século XVIII",
-              "title_en": "18th Century Macau City and Port Plan",
-              "text_en": "18th Century Macau City and Port Plan"
-          }
-      ],
-      "title": "",
-      "onImg": true,
-      "id": 3
-  }
-]

hot/public/eleBook/Public/Member/manual/css/fl.css

@@ -0,0 +1,55 @@
+.flipbook-viewport {
+	/* position: absolute; */
+	/* overflow: hidden; */
+	width: 100%;
+	height: 100%;
+}
+.flipbook-viewport .container {
+	position: absolute;
+	z-index: 10;
+	top: 50%;
+	left: 50%;
+	margin: auto;
+}
+.flipbook-viewport .flipbook {
+	transform: scale(1);
+	transform-origin: center center;
+	/* width: 800px; */
+	/* height: 400px; */
+	/* left: -400px; */
+	/* top: -200px; */
+}
+.flipbook-viewport .page {
+	/* width: 400px; */
+	/* height: 400px; */
+	background-color: white;
+	background-repeat: no-repeat;
+	background-size: 100% 100%;
+}
+.flipbook .page {
+	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+	-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+	-o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+}
+.flipbook-viewport .page img {
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	margin: 0;
+}
+.flipbook-viewport .shadow {
+	-webkit-transition: -webkit-box-shadow 0.5s;
+	-moz-transition: -moz-box-shadow 0.5s;
+	-o-transition: -webkit-box-shadow 0.5s;
+	-ms-transition: -ms-box-shadow 0.5s;
+	-webkit-box-shadow: 0 0 20px #ccc;
+	-moz-box-shadow: 0 0 20px #ccc;
+	-o-box-shadow: 0 0 20px #ccc;
+	-ms-box-shadow: 0 0 20px #ccc;
+	box-shadow: 0 0 20px #ccc;
+}

hot/public/eleBook/Public/Member/manual/css/progressJS.css

@@ -0,0 +1,190 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+.ProgressBar {
+  background: #f0f0f0;
+  margin: 0 auto;
+  box-sizing: border-box;
+  display: flex;
+  align-items: flex-end;
+  /* box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1) inset; */
+}
+/* .ProgressBar_v {
+  width: 30px;
+  height: 100%;
+  border-radius: 15px;
+  background: #f0f0f0;
+  margin: 0 auto;
+  box-sizing: border-box;
+} */
+.ProgressLine {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  border-radius: 15px;
+  background: #F6CD45;
+}
+.speed_p .ProgressLine .btn {
+  position: absolute;
+  height: 100%;
+  right: 0;
+  border-radius: 50%;
+  font-size: 8px;
+  background: #F6CD45;
+  border: 6px solid #F6CD45;
+  top: 50%;
+  transform: translate(6px, -50%);
+  box-sizing: content-box !important;
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.ProgressLine .btn.disable {
+  background: #ddd;
+  border-color: #fafafa;
+}
+.speed_v .ProgressLine .btn {
+  position: absolute;
+  height: 100%;
+  right: 0;
+  border-radius: 50%;
+  font-size: 8px;
+  /* background: #F6CD45; */
+  border: 16px solid transparent;
+  top: 50%;
+  transform: translate(6px, -50%);
+  box-sizing: content-box !important;
+  /* box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2); */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.ProgressLine .btn.disable {
+  background: #ddd;
+  border-color: #fafafa;
+}
+.speed_p .ProgressLine .btn .loading {
+  display: none;
+  position: absolute;
+  content: '';
+  top: 50%;
+  left: 50%;
+  border-radius: 50%;
+  overflow: hidden;
+  transform: translate(-50%, -50%);
+  background: url('../images/loading1.gif');
+  background-position: center center;
+  background-size: 130%;
+  opacity: 0.5;
+  /* animation: rate 2s linear infinite; */
+}
+.speed_v .ProgressLine .btn .loading {
+  display: block !important;
+  position: absolute;
+  content: '';
+  top: 50%;
+  left: 50%;
+  border-radius: 50%;
+  overflow: hidden;
+  transform: translate(-46%, -100%);
+  /* background: url('../images/loading1.gif'); */
+  background: #F6CD45;
+  background-position: center center;
+  background-size: 130%;
+  /* opacity: 0.5; */
+  /* animation: rate 2s linear infinite; */
+}
+
+@keyframes rate {
+  0% {
+    transform: translate(-50%, -50%) rotate(0deg);
+  }
+  100% {
+    transform: translate(-50%, -50%) rotate(360deg);
+  }
+}
+
+.vertical {
+  top: 0 !important;
+  left: 50% !important ;
+  transform: translate(-50%, -6px) !important;
+}
+
+.ProgressBar .progressVal {
+  position: absolute;
+  right: 0;
+  background: rgba(0, 0, 0, 0.4);
+  text-align: center;
+  width: 45px;
+  box-sizing: border-box;
+  padding: 0 4px;
+  font-size: 10px;
+  color: #fff;
+  height: 20px;
+  line-height: 20px;
+  border-radius: 4px;
+  top: -35px;
+  left: 50%;
+  transform: translateX(-50%);
+  transition: 0.5s linear;
+}
+
+.ProgressBar .progressVal.bottom {
+  top: auto;
+  bottom: -35px;
+}
+
+.ProgressBar .progressVal::after {
+  position: absolute;
+  content: '';
+  border-width: 5px 5px 0;
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.4) transparent transparent;
+  bottom: -5px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.ProgressBar .progressVal.bottom::after {
+  bottom: auto;
+  top: -5px;
+  border-width: 0 5px 5px;
+  border-style: solid;
+  border-color: transparent transparent rgba(0, 0, 0, 0.4);
+}
+
+.ProgressBar .progressVal.left {
+  top: auto;
+  left: -40px;
+}
+
+.ProgressBar .progressVal.left::after {
+  top: 50%;
+  transform: translateY(-50%);
+  left: auto;
+  right: -5px;
+  bottom: auto;
+  border-width: 5px 0 5px 5px;
+  border-style: solid;
+  border-color: transparent transparent transparent rgba(0, 0, 0, 0.4);
+}
+
+.ProgressBar .progressVal.right {
+  top: auto;
+  right: -85px;
+  left: auto;
+}
+
+.ProgressBar .progressVal.right::after {
+  top: 50%;
+  transform: translateY(-50%);
+  right: auto;
+  left: -5px;
+  bottom: auto;
+  border-width: 5px 5px 5px 0;
+  border-style: solid;
+  border-color: transparent rgba(0, 0, 0, 0.4) transparent transparent;
+}

hot/public/eleBook/Public/Member/manual/css/style.min.css

@@ -0,0 +1,526 @@
+* {
+  margin: 0;
+  padding: 0
+}
+ul, li {
+  list-style: none
+}
+html {
+  height: 100%;
+  overflow: hidden
+}
+body {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  opacity: 0
+}
+.oddshadow {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 12%;
+  pointer-events: none;
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(60, 60, 60, 0.4)), color-stop(40%, rgba(60, 60, 60, 0.2)), color-stop(60%, rgba(60, 60, 60, 0.1)), to(rgba(200, 200, 200, 0)))
+}
+.evenshadow {
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 100%;
+  width: 20%;
+  pointer-events: none;
+  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(60, 60, 60, 0.3)), color-stop(0.23, rgba(250, 250, 250, 0.05)), color-stop(0.28, rgba(255, 255, 255, 0.05)), color-stop(0.34, rgba(250, 250, 250, 0.05)), color-stop(0.54, rgba(50, 50, 50, 0.1)), color-stop(1, rgba(200, 200, 200, 0)))
+}
+.flipbook .p1 .oddshadow {
+  background: none
+}
+.flipbook .plast .evenshadow {
+  background: none
+}
+.loading {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  z-index: 999
+}
+.flipbook-panzoom {
+  width: 100%;
+  height: 100%;
+  cursor: auto !important
+}
+.flipbook-viewport {
+  height: 100%
+}
+.thickness {
+  width: 0;
+  background: url(../img/thickness.png) no-repeat right;
+  height: 100%;
+  position: absolute;
+  background-size: 100% 100%;
+  z-index: 50;
+  -webkit-transition: width 500ms, right 500ms;
+  -o-transition: width 500ms, right 500ms;
+  transition: width 500ms, right 500ms
+}
+.thickness_left {
+  width: 0;
+  background: url(../img/thickness_left.png) no-repeat right;
+  height: 100%;
+  position: absolute;
+  background-size: 100% 100%;
+  z-index: 50;
+  -webkit-transition: width 500ms, right 500ms;
+  -o-transition: width 500ms, right 500ms;
+  transition: width 500ms, right 500ms
+}
+.config .top_bar {
+  position: absolute;
+  top: 50px;
+  width: 100%;
+  text-align: center;
+  font-size: 20px;
+  color: #ffffff
+}
+.config .bottom_p .bottom_bar {
+  position: absolute;
+  z-index: 13;
+  bottom: 15px;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 420px;
+  height: 50px;
+  border-radius: 10px;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: space-around;
+  align-items: center
+}
+.config .bottom_p .bottom_bar .btnbox {
+  width: 42px;
+  height: 42px;
+  line-height: 42px;
+  text-align: center;
+  border-radius: 10px;
+  background-size: 30px 30px
+}
+.config .bottom_p .bottom_bar .btnbox:hover {
+  background-color: rgba(0, 0, 0, 0.5) !important
+}
+.config .bottom_p .bottom_bar img {
+  margin-top: 6px;
+  width: 30px;
+  height: 30px
+}
+.config .bottom_p .bottom_bar .btninput {
+  width: 70px;
+  height: 26px
+}
+.config .bottom_p .bottom_bar .btninput input {
+  width: 100%;
+  height: 26px;
+  border-radius: 5px;
+  outline: none;
+  border: none;
+  text-align: center;
+  padding: 0
+}
+.config .bottom_p .thumbnail {
+  background: url(../img/thumbnail.png) no-repeat center
+}
+.config .bottom_p .playpage {
+  background: url(../img/bofang.png) no-repeat center
+}
+.config .bottom_p .shangyiye {
+  background: url(../img/shangyiye.png) no-repeat center
+}
+.config .bottom_p .xiayiye {
+  background: url(../img/xiayiye.png) no-repeat center
+}
+.config .bottom_p .flsize {
+  background: url(../img/comiisfangda.png) no-repeat center
+}
+.config .bottom_p .bangzhu {
+  background: url(../img/bangzhu.svg) no-repeat center
+}
+.config .bottom_v {
+  background: rgba(0, 0, 0, 0.5);
+  position: absolute;
+  z-index: 12;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 50px;
+  margin: auto
+}
+.config .bottom_v .bottom_bar {
+  position: absolute;
+  z-index: 13;
+  top: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  min-width: 300px;
+  height: 50px;
+  border-radius: 10px;
+  display: flex;
+  justify-content: space-around;
+  align-items: center
+}
+.config .bottom_v .bottom_bar .btnbox {
+  width: 42px;
+  height: 42px;
+  line-height: 42px;
+  text-align: center;
+  border-radius: 10px;
+  background-size: 30px 30px !important
+}
+.config .bottom_v .bottom_bar img {
+  margin-top: 6px;
+  width: 30px;
+  height: 30px
+}
+.config .bottom_v .bottom_bar .btninput {
+  width: 70px;
+  height: 26px
+}
+.config .bottom_v .bottom_bar .btninput input {
+  width: 100%;
+  height: 26px;
+  border-radius: 5px;
+  outline: none;
+  border: none;
+  text-align: center;
+  padding: 0
+}
+.config .bottom_v .thumbnail {
+  background: url(../img/thumbnail_v.png) no-repeat center
+}
+.config .bottom_v .playpage {
+  background: url(../img/bofang_v.svg) no-repeat center
+}
+.config .bottom_v .shangyiye {
+  background: url(../img/shangyiye_v.png) no-repeat center
+}
+.config .bottom_v .xiayiye {
+  background: url(../img/xiayiye_v.png) no-repeat center
+}
+.config .bottom_v .flsize {
+  background: url(../img/comiisfangda_v.png) no-repeat center
+}
+.config .bottom_v .bangzhu {
+  background: url(../img/bangzhu_v.svg) no-repeat center
+}
+.config .thumbnail_box_p {
+  display: none;
+  position: absolute;
+  z-index: 12;
+  bottom: 70px;
+  left: 0;
+  right: 0;
+  width: 100%;
+  padding-left: 10px;
+  padding-right: 10px;
+  box-sizing: border-box;
+  text-align: center;
+  overflow: hidden;
+  cursor: grab
+}
+.config .thumbnail_box_p .thumbnail_p {
+  max-width: 100%;
+  display: inline-block;
+  border-radius: 8px;
+  padding-top: 5px;
+  padding-left: 5px;
+  background: rgba(0, 0, 0, 0.5);
+  overflow: hidden
+}
+.config .thumbnail_box_p ul {
+  white-space: nowrap;
+  display: inline-block;
+  color: black
+}
+.config .thumbnail_box_p ul li {
+  border-radius: 8px;
+  margin-right: 5px;
+  display: inline-block
+}
+.config .thumbnail_box_p ul li .pagebox {
+  display: flex;
+  overflow: hidden;
+  border-radius: 5px;
+  height: 70px
+}
+.config .thumbnail_box_p ul li .pagebox > div {
+  width: 70px;
+  height: 70px
+}
+.config .thumbnail_box_p ul .active {
+  border: 2px solid #f6cd45
+}
+.config .thumbnail_box_p img {
+  width: 100%;
+  height: 100%
+}
+.config .thumbnail_box_v {
+  display: none;
+  position: absolute;
+  z-index: 12;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  top: 30%;
+  margin: auto;
+  background: #fff;
+  border-radius: 20px 20px 0 0
+}
+.config .thumbnail_box_v .title {
+  background: #f1f1f1;
+  border-radius: 20px 20px 0 0;
+  text-align: center
+}
+.config .thumbnail_box_v .off {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  width: 16px;
+  border: 10px solid transparent
+}
+.config .thumbnail_box_v .box_list {
+  position: absolute;
+  top: 50px;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  overflow: auto
+}
+.config .thumbnail_box_v ul {
+  width: 100%;
+  padding-left: 20px;
+  box-sizing: border-box;
+  overflow: auto
+}
+.config .thumbnail_box_v ul li {
+  float: left;
+  padding: 20px 20px 0 0;
+  width: 50%;
+  box-sizing: border-box
+}
+.config .thumbnail_box_v ul li .xv {
+  position: relative;
+  height: 0;
+  padding-bottom: 100%
+}
+.config .thumbnail_box_v ul li .xv div {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  border-radius: 8px
+}
+.config .thumbnail_box_v ul li img {
+  position: absolute;
+  border-radius: 8px;
+  width: 100%;
+  height: 100%
+}
+.config .thumbnail_box_v ul .active .xv div {
+  border: 2px solid #f6cd45;
+  box-sizing: border-box
+}
+.config .help_p {
+  display: none;
+  position: absolute;
+  top: 0;
+  z-index: 11;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.8);
+  color: #ffffff;
+  font-size: 12px
+}
+.config .help_p .helpbox {
+  position: absolute;
+  bottom: 65px;
+  left: 0;
+  right: 0;
+  width: 420px;
+  margin: auto;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end
+}
+.config .help_p .helpbox > div {
+  width: 50px;
+  text-align: center
+}
+.config .help_p .helpbox > div p {
+  position: relative;
+  left: -51px;
+  width: 150px
+}
+.config .help_p .helpbox > div img {
+  width: 15px
+}
+.config .help_p .helpbox .helpqr {
+  position: absolute;
+  right: -63px
+}
+.config .help_v {
+  display: none;
+  position: absolute;
+  top: 0;
+  z-index: 11;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.8);
+  color: #ffffff;
+  font-size: 12px
+}
+.config .help_v .helpbox {
+  position: absolute;
+  bottom: 65px;
+  left: 0;
+  right: 0;
+  min-width: 300px;
+  margin: auto;
+  display: flex;
+  justify-content: space-around;
+  align-items: flex-end
+}
+.config .help_v .helpbox > div {
+  width: 50px;
+  text-align: center
+}
+.config .help_v .helpbox > div p {
+  position: relative;
+  left: -51px;
+  width: 150px
+}
+.config .help_v .helpbox > div img {
+  width: 15px
+}
+.config .help_v .helpbox .helpqr {
+  display: none;
+  position: absolute;
+  right: -63px
+}
+.config .help_m {
+  display: none;
+  position: absolute;
+  z-index: 20;
+  top: 0;
+  width: 100%;
+  height: 100%
+}
+.config .speed_p {
+  position: absolute;
+  right: 0;
+  left: 0;
+  margin: auto;
+  width: 420px;
+  height: 40px;
+  bottom: 70px;
+  background-color: rgba(0, 0, 0, 0.5);
+  border-radius: 10px
+}
+.config .speed_p span {
+  color: #fff;
+  line-height: 40px;
+  margin-left: 13px
+}
+.config .speed_p img {
+  position: absolute;
+  top: 10px;
+  width: 18px
+}
+.config .speed_p .spran {
+  position: absolute;
+  right: 30px;
+  top: 17px;
+  width: 282px
+}
+.config .speed_v {
+  position: absolute;
+  right: 9px;
+  margin: auto;
+  width: 33px;
+  height: 35%;
+  bottom: 70px;
+  background-color: rgba(0, 0, 0, 0.5);
+  border-radius: 10px
+}
+.config .speed_v span {
+  position: absolute;
+  bottom: 10px;
+  line-height: 1.1;
+  width: 36px;
+  text-align: center;
+  color: #fff;
+  margin-left: -1px;
+  font-size: 13px
+}
+.config .speed_v img {
+  position: absolute;
+  left: 8px;
+  width: 18px
+}
+.config .speed_v .spran {
+  position: absolute;
+  right: 0;
+  left: 0;
+  top: 30px;
+  bottom: 68px
+}
+.config .speed_v .spran .progress_v {
+  height: 100%
+}
+.qrcode {
+  position: absolute;
+  right: -60px;
+  height: 50px;
+  border-radius: 10px;
+  background: rgba(0, 0, 0, 0.5)
+}
+.qrcode img {
+  margin-top: 8px !important;
+  width: 26px !important;
+  height: 26px !important
+}
+.qrcode .qrimg {
+  display: none;
+  position: absolute;
+  width: 180px;
+  height: 180px;
+  bottom: 70px;
+  left: -55px;
+  text-align: center;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 15px;
+  z-index: 9999;
+  padding-top: 20px
+}
+.qrcode .qrimg canvas {
+  width: 130px;
+  height: 130px;
+  padding: 10px;
+  background: #ffffff
+}
+.qrcode .qrimg p {
+  color: #ffffff;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  line-height: 2
+}
+.tooltipster-box {
+  border-radius: 100px !important;
+  font-size: 12px !important
+}

hot/public/eleBook/Public/Member/manual/css/zdialog.css

@@ -0,0 +1,226 @@
+@charset "utf-8";
+/* CSS Document */
+
+body{ -webkit-font-smoothing: antialiased; }
+.zbox-popup {
+    position: fixed;
+    z-index: 10000;
+    top: 50%;
+    left: 50%;
+    display: none;
+    overflow: hidden;
+    width: 270px;
+    -webkit-transition-property: -webkit-transform,opacity;
+    transition-property: transform,opacity;
+    -webkit-transform:perspective(1200px) translate3d(-50%,-50%,0) scale(1.2) ;
+    transform:perspective(1200px) translate3d(-50%,-50%,0) scale(1.2);
+    text-align: center;
+    opacity: 0;
+    color: #000;
+    border-radius: 3px;
+    z-index: 10000;
+     -webkit-perspective: 1200px;
+    -moz-perspective: 1200px;
+    -ms-perspective: 1200px;
+    -o-perspective: 1200px;
+    perspective: 1200px;
+    -webkit-transform-style: preserve-3d;
+    -moz-transform-style: preserve-3d;
+    -ms-transform-style: preserve-3d;
+    -o-transform-style: preserve-3d;
+    transform-style: preserve-3d;
+    -webkit-font-smoothing: antialiased;
+}
+.zbox-popup.zbox-popup-in {
+    display: block;
+    transition-property: all;
+    -webkit-transition-duration: 400ms;
+    transition-duration: 400ms;
+    -webkit-transform:perspective(1200px) translate3d(-50%,-50%,0) scale(1) ;
+    transform:perspective(1200px) translate3d(-50%,-50%,0) scale(1);
+    opacity: 1;
+}
+.zbox-popup-inner {
+    position: relative;
+    padding: 15px;
+    border-radius: 3px 3px 0 0;
+    background: rgba(255,255,255,.95);
+}
+.zbox-popup-inner:after {
+    position: absolute;
+    z-index: 15;
+    top: auto;
+    right: auto;
+    bottom: 0;
+    left: 0;
+    display: block;
+    width: 100%;
+    height: 1px;
+    content: '';
+    -webkit-transform: scaleY(.5);
+    transform: scaleY(.5);
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    background-color: rgba(0,0,0,.2);
+}
+.zbox-popup-title {
+    font-size:16px;
+    font-weight: 500;
+    text-align: center;
+    color: #4a4a4a;
+}
+.zbox-popup-title+.zbox-popup-text {
+    font-family: inherit;
+    font-size: 16px;
+    margin: 5px 0 0;
+    color: #4a4a4a;
+    line-height: 1.75;
+}
+.zbox-popup-buttons {
+    position: relative;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    height: 44px;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+}
+.zbox-popup-button {
+    font-size: 14px;
+    line-height: 44px;
+    position: relative;
+    display: block;
+    overflow: hidden;
+    box-sizing: border-box;
+    width: 100%;
+    height: 44px;
+    padding: 0 5px;
+    cursor: pointer;
+    text-align: center;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    color:#fd9e09;
+    background: rgba(255,255,255,.95);
+    -webkit-box-flex: 1;
+}
+.zbox-popup-button:first-child:last-child {
+    border-radius: 0 0 3px 3px;
+}
+.zbox-popup-button.zbox-popup-button-bold {
+    font-weight: 600;
+}
+.zbox-popup-button:after {
+    position: absolute;
+    z-index: 15;
+    top: 0;
+    right: 0;
+    bottom: auto;
+    left: auto;
+    display: block;
+    width: 1px;
+    height: 100%;
+    content: '';
+    -webkit-transform: scaleX(.5);
+    transform: scaleX(.5);
+    -webkit-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+    background-color: rgba(0,0,0,.2);
+}
+.zbox-popup-backdrop.zbox-active {
+    opacity: 1;
+}
+.zbox-popup-backdrop {
+    position: fixed;
+    z-index: 998;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    -webkit-transition-duration: 400ms;
+    transition-duration: 400ms;
+    opacity: 0;
+    background: rgba(0,0,0,.4);
+}
+.zbox-toast-container{
+	position:fixed;
+	z-index:9999;
+	bottom:60px;
+	width:100%;
+	-webkit-transition:opacity .8s;
+	transition:opacity .8s;
+	opacity:0;
+	left: 0;
+	}
+.zbox-toast-container.zbox-active{opacity:1}
+.zbox-toast-message{
+	font-size:14px;
+	width:270px;
+	margin:5px auto;
+	padding:5px;
+	text-align:center;
+	color:#000;
+	border-radius:5px;
+	background-color:#d8d8d8;
+	}
+	
+
+.zbox-btn-outlined.zbox-btn-blue, .zbox-btn-outlined.zbox-btn-primary {
+    color: #007aff;
+}
+
+.zbox-btn-outlined {
+    background-color: transparent;
+}
+.zbox-btn-blue, .zbox-btn-primary, input[type=submit] {
+    color: #fff;
+    border: 1px solid #007aff;
+    background-color: #007aff;
+}
+.zbox-btn, button, input[type=button], input[type=reset], input[type=submit] {
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 1.42;
+    position: relative;
+    display: inline-block;
+    margin-bottom: 0;
+    padding: 6px 12px;
+    cursor: pointer;
+    -webkit-transition: all;
+    transition: all;
+    -webkit-transition-timing-function: linear;
+    transition-timing-function: linear;
+    -webkit-transition-duration: .2s;
+    transition-duration: .2s;
+    text-align: center;
+    vertical-align: top;
+    white-space: nowrap;
+    color: #333;
+    border: 1px solid #ccc;
+    border-radius: 3px;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
+    background-color: #fff;
+    background-clip: padding-box;
+}
+.zbox-btn {
+    display: block;
+    width: 120px;
+    margin: 10px auto;
+}
+	#zchange{ width:44px; height: 44px; display:block;margin: 0 auto; 
+	animation:circle1 1.2s infinite linear; -webkit-animation:circle1 1.2s infinite linear; transition: all linear;}
+
+@-webkit-keyframes circle1
+{
+0% { -webkit-transform: rotate(0deg)  }
+100% {  -webkit-transform: rotate(360deg)  ;}
+}
+
+@keyframes circle1
+{
+0% { transform: rotate(0deg)  ;}
+100% { transform: rotate(360deg) ;}
+}

hot/public/eleBook/Public/Member/manual/img/add.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 11.5 11.5" style="enable-background:new 0 0 11.5 11.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<path id="Shape" class="st0" d="M5,5V0.8C5,0.3,5.3,0,5.8,0s0.8,0.3,0.8,0.8V5h4.3c0.4,0,0.8,0.3,0.8,0.8s-0.3,0.8-0.8,0.8H6.5v4.3
+	c0,0.4-0.3,0.8-0.8,0.8S5,11.2,5,10.8V6.5H0.8C0.3,6.5,0,6.2,0,5.8S0.3,5,0.8,5H5z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/img/bangzhu.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 27.3 27.3" style="enable-background:new 0 0 27.3 27.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#F6CD45;}
+</style>
+<g>
+	<path class="st0" d="M13.3,2.3L13.3,2.3c2.9,0,5.7,1.1,7.8,3.2c4.3,4.3,4.3,11.3,0,15.6c-2.1,2.1-4.8,3.2-7.8,3.2
+		c-2.9,0-5.7-1.1-7.8-3.2c-4.3-4.3-4.3-11.3,0-15.6C7.6,3.4,10.3,2.3,13.3,2.3 M13.3,0.8c-3.2,0-6.4,1.2-8.8,3.7
+		c-4.9,4.9-4.9,12.8,0,17.7c2.4,2.4,5.6,3.7,8.8,3.7c3.2,0,6.4-1.2,8.8-3.7c4.9-4.9,4.9-12.8,0-17.7C19.7,2,16.5,0.8,13.3,0.8
+		L13.3,0.8z"/>
+</g>
+<path class="st1" d="M13.8,12.4c-0.4,0.4-0.6,0.8-0.8,1.2c-0.1,0.5-0.2,1.1-0.2,1.9h1.5c0-0.5,0.1-0.9,0.2-1.3
+	c0.1-0.3,0.3-0.6,0.6-0.9l0.2-0.2c0.4-0.4,0.7-0.7,0.9-0.9c0.2-0.2,0.4-0.5,0.5-0.9c0.1-0.3,0.2-0.7,0.2-1.2c0-0.6-0.1-1.1-0.4-1.5
+	s-0.7-0.8-1.2-1s-1.1-0.4-1.7-0.4c-0.9,0-1.6,0.2-2.2,0.6c-0.6,0.4-0.9,0.9-1.2,1.7l1.4,0.7c0.3-1,0.9-1.4,1.8-1.4
+	c0.5,0,0.9,0.1,1.2,0.4c0.3,0.3,0.4,0.7,0.4,1.1c0,0.4-0.1,0.7-0.2,0.9c-0.2,0.2-0.4,0.5-0.7,0.8L13.8,12.4z M12.8,17.2
+	c-0.2,0.2-0.3,0.4-0.3,0.8c0,0.3,0.1,0.6,0.3,0.8c0.2,0.2,0.4,0.3,0.8,0.3c0.3,0,0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8
+	c0-0.3-0.1-0.6-0.3-0.8s-0.5-0.3-0.8-0.3C13.2,16.9,13,17,12.8,17.2z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/img/bangzhu_v.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 64.5 63.5" style="enable-background:new 0 0 64.5 63.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FECB00;}
+</style>
+<g>
+	<path class="st0" d="M31.8,6.4L31.8,6.4c6.7,0,13.2,2.7,18,7.4c10,10,10,26.1,0,36c-4.8,4.8-11.2,7.4-18,7.4
+		c-6.7,0-13.2-2.7-18-7.4c-10-10-10-26.1,0-36C18.7,9,25.1,6.4,31.8,6.4 M31.8,0.9c-8,0-15.8,3-21.9,9.1C-2.1,22-2.1,41.7,9.9,53.7
+		c6.1,6.1,13.9,9.1,21.9,9.1s15.8-3,21.9-9.1c12.1-12.1,12.1-31.8,0-43.8C47.6,3.8,39.8,0.9,31.8,0.9L31.8,0.9z"/>
+</g>
+<path class="st1" d="M32.4,30.4c-1,1-1.7,2.1-2.1,3.3c-0.4,1.2-0.6,3-0.6,5.1h4.6c0-1.3,0.1-2.3,0.4-3.2c0.3-0.8,0.8-1.5,1.4-2.2
+	c1.3-1.2,2.3-2.2,3-3c0.7-0.8,1.2-1.5,1.7-2.5c0.4-1,0.7-2.1,0.7-3.3c0-1.5-0.4-2.9-1.2-4.1c-0.8-1.2-1.9-2.1-3.3-2.9
+	c-1.4-0.7-3-1-4.9-1c-2.5,0-4.6,0.6-6.2,1.7c-1.7,1.1-2.7,2.7-3.3,4.6l4.4,2.1c0.7-2.5,2.2-3.9,4.6-3.9c1.3,0,2.3,0.3,3,1.1
+	c0.7,0.8,1,1.7,1,2.8c0,0.9-0.2,1.7-0.7,2.2c-0.4,0.6-1,1.3-1.9,2L32.4,30.4z M29.7,43.1c-0.6,0.6-0.9,1.3-0.9,2.3
+	c0,1,0.3,1.8,0.9,2.3c0.6,0.6,1.3,0.9,2.3,0.9s1.8-0.3,2.3-0.9s0.9-1.3,0.9-2.3s-0.3-1.8-0.9-2.3c-0.6-0.6-1.3-0.9-2.3-0.9
+	C31.1,42.2,30.3,42.4,29.7,43.1z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/img/bofang.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 29.3 27.3" style="enable-background:new 0 0 29.3 27.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#F6CD45;}
+</style>
+<path class="st0" d="M18.8,2.3c3.6,0,6.5,2.9,6.5,6.5v9c0,3.6-2.9,6.5-6.5,6.5H9.5c-3.6,0-6.5-2.9-6.5-6.5v-9c0-3.6,2.9-6.5,6.5-6.5
+	H18.8 M18.8,0.8H9.5c-4.4,0-8,3.6-8,8v9c0,4.4,3.6,8,8,8h9.4c4.4,0,8-3.6,8-8v-9C26.8,4.3,23.3,0.8,18.8,0.8L18.8,0.8z"/>
+<path class="st1" d="M18,12.1l-5.5-3.5c-1-0.7-2.5,0-2.5,1.1v7c0,1.1,1.4,1.8,2.5,1.1l5.5-3.5C18.9,13.8,18.9,12.7,18,12.1z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/img/bofang_v.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 63.5 63.5" style="enable-background:new 0 0 63.5 63.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FECB00;}
+</style>
+<g>
+	<path class="st0" d="M48.5,7.5c2.8,0,5,2.2,5,5v36c0,2.8-2.2,5-5,5h-36c-2.8,0-5-2.2-5-5v-36c0-2.8,2.2-5,5-5H48.5 M48.5,2.5h-36
+		c-5.5,0-10,4.5-10,10v36c0,5.5,4.5,10,10,10h36c5.5,0,10-4.5,10-10v-36C58.5,7,54,2.5,48.5,2.5L48.5,2.5z"/>
+</g>
+<path class="st1" d="M39.1,28l-12.1-7.9c-2.3-1.5-5.4,0-5.4,2.6v15.7c0,2.5,3.2,4,5.4,2.6l12.1-7.9C41,31.8,41,29.2,39.1,28z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/img/comiisfangda.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 27.3 26.3" style="enable-background:new 0 0 27.3 26.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#F6CD45;}
+</style>
+<path class="st0" d="M13.6,2c6,0,10.9,4.7,10.9,10.5c0,5.8-4.9,10.5-10.9,10.5c-6,0-10.9-4.7-10.9-10.5C2.7,6.7,7.6,2,13.6,2
+	 M13.6,0.4C6.7,0.4,1.1,5.8,1.1,12.5s5.6,12.1,12.5,12.1s12.5-5.4,12.5-12.1S20.5,0.4,13.6,0.4L13.6,0.4z"/>
+<path class="st0" d="M24,25.7c-0.2,0-0.4-0.1-0.6-0.2l-3.3-3.2c-0.3-0.3-0.3-0.8,0-1.1c0.3-0.3,0.8-0.3,1.1,0l3.3,3.2
+	c0.3,0.3,0.3,0.8,0,1.1C24.4,25.6,24.2,25.7,24,25.7z"/>
+<path class="st1" d="M9.3,11.5h8.8c0.6,0,1.1,0.5,1.1,1.1c0,0.6-0.5,1.1-1.1,1.1H9.3c-0.6,0-1.1-0.5-1.1-1.1
+	C8.2,12,8.7,11.5,9.3,11.5z"/>
+<path class="st1" d="M13.7,7.3c0.6,0,1.1,0.5,1.1,1.1v8.4c0,0.6-0.5,1.1-1.1,1.1c-0.6,0-1.1-0.5-1.1-1.1V8.4
+	C12.6,7.8,13.1,7.3,13.7,7.3z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/img/comiisfangda_v.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 59.5 62.5" style="enable-background:new 0 0 59.5 62.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FECB00;}
+</style>
+<path class="st0" d="M29.8,6.1c13,0,23.6,10.6,23.6,23.5S42.8,53.1,29.8,53.1S6.2,42.5,6.2,29.6S16.8,6.1,29.8,6.1 M29.8,0.4
+	c-16.2,0-29.2,13-29.2,29.1s13,29.1,29.2,29.1S59,45.6,59,29.6S45.9,0.4,29.8,0.4L29.8,0.4z"/>
+<path class="st0" d="M53.9,62c-0.7,0-1.5-0.2-1.9-0.8l-8.4-8.7c-1-1.1-1-2.8,0-3.8c1.1-1,2.8-1,3.8,0l8.5,8.5c1,1.1,1,2.8,0,3.8
+	C55.3,61.7,54.5,62,53.9,62z"/>
+<path class="st1" d="M19.5,27h21.1c1.2,0,2.2,1,2.2,2.2v0.6c0,1.2-1,2.2-2.2,2.2H19.5c-1.2,0-2.2-1-2.2-2.2v-0.6
+	C17.2,28,18.2,27,19.5,27z"/>
+<path class="st1" d="M29.7,16.9h0.6c1.2,0,2.2,1,2.2,2.2V40c0,1.2-1,2.2-2.2,2.2h-0.6c-1.2,0-2.2-1-2.2-2.2V19.1
+	C27.4,17.9,28.5,16.9,29.7,16.9z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/img/comiissuoxiao.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 27.3 26.3" style="enable-background:new 0 0 27.3 26.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#F6CD45;}
+</style>
+<path class="st0" d="M13.6,2c6,0,10.9,4.7,10.9,10.5S19.6,23,13.6,23S2.7,18.3,2.7,12.5C2.7,6.7,7.6,2,13.6,2 M13.6,0.4
+	C6.7,0.4,1.1,5.8,1.1,12.5s5.6,12.1,12.5,12.1s12.5-5.4,12.5-12.1S20.5,0.4,13.6,0.4L13.6,0.4z"/>
+<path class="st0" d="M24,25.7c-0.2,0-0.4-0.1-0.6-0.2l-3.3-3.2c-0.3-0.3-0.3-0.8,0-1.1c0.3-0.3,0.8-0.3,1.1,0l3.3,3.2
+	c0.3,0.3,0.3,0.8,0,1.1C24.4,25.6,24.2,25.7,24,25.7z"/>
+<path class="st1" d="M9.3,11.5h8.8c0.6,0,1.1,0.5,1.1,1.1s-0.5,1.1-1.1,1.1H9.3c-0.6,0-1.1-0.5-1.1-1.1S8.7,11.5,9.3,11.5z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/img/erweima2.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 27.3 27.3" style="enable-background:new 0 0 27.3 27.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#F6CD45;}
+</style>
+<path class="st0" d="M24.7,25.7h-8.1c-0.5,0-1-0.4-1-1l0,0c0-0.6,0.4-1,1-1h6.1c0.5,0,1-0.4,1-1V17c0-0.6,0.4-1,1-1l0,0
+	c0.5,0,1,0.4,1,1v7.6C25.7,25.2,25.3,25.7,24.7,25.7z M24.7,14.5h-4.9c-0.5,0-1-0.4-1-1c0-0.6,0.4-1,1-1h4.9c0.5,0,1,0.4,1,1
+	C25.7,14.1,25.3,14.5,24.7,14.5z M20.9,20.1c0.5,0,1,0.4,1,1c0,0.6-0.4,1-1,1l0,0c-0.5,0-1-0.4-1-1C20,20.6,20.4,20.1,20.9,20.1
+	L20.9,20.1z M20.8,17.2c0,0.6-0.4,1-1,1H19c-0.5,0-1,0.4-1,1V20c0,0.6-0.4,1-1,1c-0.5,0-1-0.4-1-1v-1.8h0v-1c0-0.6,0.4-1,1-1h2.7
+	C20.4,16.2,20.8,16.6,20.8,17.2z M13.7,25.8c-0.5,0-1-0.4-1-1V22c0-0.6,0.4-1,1-1c0.5,0,1,0.4,1,1v2.8
+	C14.7,25.4,14.2,25.8,13.7,25.8z M13.7,17.7c-0.5,0-1-0.4-1-1v-1.4c0-0.6-0.4-1-1-1h-1.5c-0.5,0-1-0.4-1-1s0.4-1,1-1h1.5
+	c0.5,0,1-0.4,1-1V9.1c0-0.6,0.4-1,1-1c0.5,0,1,0.4,1,1v7.6C14.7,17.3,14.2,17.7,13.7,17.7z M13.7,5.8c-0.5,0-1-0.4-1-1v-3
+	c0-0.6,0.4-1,1-1c0.5,0,1,0.4,1,1v3C14.7,5.3,14.2,5.8,13.7,5.8z M6,10.7c-2.6,0-4.8-2.2-4.8-4.9c0-2.7,2.1-4.9,4.8-4.9
+	c2.6,0,4.8,2.2,4.8,4.9C10.7,8.5,8.6,10.7,6,10.7z M8.8,5.8c0-1.6-1.3-3-2.9-3l0,0c-1.6,0-2.9,1.3-2.9,3l0,0c0,1.6,1.3,3,2.9,3l0,0
+	C7.5,8.7,8.8,7.4,8.8,5.8L8.8,5.8z M2.1,12.4h2.7c0.5,0,1,0.4,1,1s-0.4,1-1,1H2.1c-0.5,0-1-0.4-1-1S1.6,12.4,2.1,12.4z M6,15.9
+	c2.6,0,4.8,2.2,4.8,4.9S8.6,25.8,6,25.8c-2.6,0-4.8-2.2-4.8-4.9S3.3,15.9,6,15.9z M6,23.8L6,23.8c1.6,0,2.9-1.3,2.9-3
+	c0-1.6-1.3-3-2.9-3l0,0c-1.6,0-2.9,1.3-2.9,3C3.1,22.5,4.4,23.8,6,23.8z"/>
+<path class="st1" d="M21.3,0.8c-2.6,0-4.8,2.2-4.8,4.9c0,2.7,2.1,4.9,4.8,4.9c2.6,0,4.8-2.2,4.8-4.9C26.1,3.1,24,0.8,21.3,0.8z
+	 M24.2,5.8c0,1.6-1.3,3-2.9,3l0,0c-1.6,0-2.9-1.3-2.9-3l0,0c0-1.6,1.3-3,2.9-3l0,0C22.9,2.8,24.2,4.2,24.2,5.8L24.2,5.8z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/img/minus.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 11.5 11.5" style="enable-background:new 0 0 11.5 11.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<path id="Shape" class="st0" d="M10.8,5c0.4,0,0.8,0.3,0.8,0.8s-0.3,0.8-0.8,0.8h-10C0.3,6.5,0,6.2,0,5.8S0.3,5,0.8,5H10.8z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/img/off.svg

@@ -0,0 +1,9 @@
+<svg 
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="30px" height="31px">
+<path fill-rule="evenodd"  fill="rgb(128, 128, 128)"
+ d="M4.822,1.786 L28.947,25.911 C30.095,27.060 30.235,28.782 29.259,29.759 C28.282,30.735 26.560,30.595 25.411,29.447 L1.286,5.322 C0.138,4.173 -0.002,2.451 0.975,1.475 C1.951,0.498 3.673,0.638 4.822,1.786 Z"/>
+<path fill-rule="evenodd"  fill="rgb(128, 128, 128)"
+ d="M29.014,5.571 L4.583,30.027 C3.420,31.192 1.676,31.333 0.687,30.344 C-0.301,29.354 -0.160,27.608 1.003,26.443 L25.433,1.987 C26.597,0.823 28.341,0.681 29.330,1.671 C30.318,2.661 30.177,4.407 29.014,5.571 Z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/img/shangyiye.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 29.8 32.5" style="enable-background:new 0 0 29.8 32.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#FECB00;}
+	.st2{opacity:0.3;fill:#FFFFFF;enable-background:new    ;}
+</style>
+<path class="st0" d="M16.7,30.4c-2.6-6.6-2.3-8.9-0.6-11.4c2.2-3.2,9.8-3.3,10.7-3.3l0,1.8c-2.9,0-7.9,0.7-9.2,2.5
+	c-0.9,1.4-1.9,2.9,0.8,9.7L16.7,30.4z"/>
+<polygon class="st0" points="16.8,30.5 26.5,16.6 28.4,17.4 18.3,31.9 "/>
+<path class="st1" d="M12.8,8.5V5.7l-5.1,4.8l5.1,4.8v-2.9c3.6,0,6.2,1.1,8,3.5C20.1,12.6,17.9,9.1,12.8,8.5z"/>
+<path class="st0" d="M6.9,31.9c-3.4,0-6.1-2.7-6.1-6.1V6.7c0-3.4,2.7-6.1,6.1-6.1h15.5c3.4,0,6.1,2.7,6.1,6.1v10.7h-1.9V6.7
+	c0-2.3-1.9-4.2-4.2-4.2H6.9c-2.3,0-4.2,1.9-4.2,4.2v19.1c0,2.3,1.9,4.2,4.2,4.2h12.7l-1.3,1.9H6.9z"/>
+<path class="st2" d="M21.8,31.9c3.7,0,6.7-3,6.7-6.7l-0.1-7.8L18.3,31.9H21.8z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/img/shangyiye_v.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 57.5 64.5" style="enable-background:new 0 0 57.5 64.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#FECB00;}
+	.st3{opacity:0.3;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M50.8,32.7c0,0-14.6,1.1-17.8,5.7c-2.5,3.8-3.3,6.3,1.8,19.3"/>
+<rect x="26.9" y="44.8" transform="matrix(0.5737 -0.819 0.819 0.5737 -20.1301 56.3954)" class="st1" width="34.4" height="5.5"/>
+<path class="st2" d="M25.2,17.2v-5.4l-9.9,9.4l9.9,9.4V25c7,0,12.1,2.1,15.6,6.7C39.4,25.1,35.1,18.4,25.2,17.2z"/>
+<g>
+	<path class="st1" d="M13.8,58.2c-4.1,0-7.5-3.4-7.5-7.5v-37c0-4.1,3.4-7.5,7.5-7.5h30c4.1,0,7.5,3.4,7.5,7.5v21.4h5V13.7
+		c0-6.9-5.6-12.5-12.5-12.5h-30C6.9,1.2,1.3,6.8,1.3,13.7v37c0,6.9,5.6,12.5,12.5,12.5h22.6l3.4-5H13.8z"/>
+</g>
+<path class="st3" d="M43.3,63.2c7.2,0,13-5.8,13-13V35.1L36.3,63.2H43.3z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/img/thumbnail.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 29 28" style="enable-background:new 0 0 29 28;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_1_);}
+	.st2{fill:#F6CD45;}
+</style>
+<path class="st0" d="M7.9,2.5c1.9,0,3.5,1.6,3.5,3.5v1.7c0,1.9-1.6,3.5-3.5,3.5H6c-1.9,0-3.5-1.6-3.5-3.5V6c0-1.9,1.6-3.5,3.5-3.5
+	H7.9 M7.9,1H6C3.2,1,1,3.2,1,6v1.7c0,2.8,2.2,5,5,5h1.9c2.8,0,5-2.2,5-5V6C12.9,3.2,10.7,1,7.9,1L7.9,1z"/>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-902.2864" y1="472.8185" x2="-901.5093" y2="473.4478" gradientTransform="matrix(11.928 0 0 -11.719 10765.0801 5564.5659)">
+	<stop  offset="0" style="stop-color:#FFFFFF"/>
+	<stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
+</linearGradient>
+<path class="st1" d="M6,14.3h1.9c2.8,0,5,2.2,5,5V21c0,2.8-2.2,5-5,5H6c-2.8,0-5-2.2-5-5v-1.7C1,16.5,3.2,14.3,6,14.3z"/>
+<path class="st2" d="M21.4,2.5c1.9,0,3.5,1.6,3.5,3.5v1.7c0,1.9-1.6,3.5-3.5,3.5h-1.9c-1.9,0-3.5-1.6-3.5-3.5V6
+	c0-1.9,1.6-3.5,3.5-3.5H21.4 M21.4,1h-1.9c-2.8,0-5,2.2-5,5v1.7c0,2.8,2.2,5,5,5h1.9c2.8,0,5-2.2,5-5V6C26.4,3.2,24.2,1,21.4,1
+	L21.4,1z"/>
+<path class="st0" d="M21.4,15.8c1.9,0,3.5,1.6,3.5,3.5V21c0,1.9-1.6,3.5-3.5,3.5h-1.9c-1.9,0-3.5-1.6-3.5-3.5v-1.7
+	c0-1.9,1.6-3.5,3.5-3.5H21.4 M21.4,14.3h-1.9c-2.8,0-5,2.2-5,5V21c0,2.8,2.2,5,5,5h1.9c2.8,0,5-2.2,5-5v-1.7
+	C26.4,16.5,24.2,14.3,21.4,14.3L21.4,14.3z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/img/thumbnail_v.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 63.5 63.5" style="enable-background:new 0 0 63.5 63.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_1_);}
+	.st2{fill:#FECB00;}
+</style>
+<g>
+	<path class="st0" d="M20.8,7.5c1.7,0,3,1.3,3,3v10.3c0,1.7-1.3,3-3,3H10.5c-1.7,0-3-1.3-3-3V10.5c0-1.7,1.3-3,3-3H20.8 M20.8,2.5
+		H10.5c-4.4,0-8,3.6-8,8v10.3c0,4.4,3.6,8,8,8h10.3c4.4,0,8-3.6,8-8V10.5C28.8,6.1,25.2,2.5,20.8,2.5L20.8,2.5z"/>
+</g>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-930.1125" y1="514.4138" x2="-929.3354" y2="515.0431" gradientTransform="matrix(26.311 0 0 -26.25 24478.2383 13556.5)">
+	<stop  offset="0" style="stop-color:#FFFFFF"/>
+	<stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
+</linearGradient>
+<path class="st1" d="M10.5,32.3h10.3c4.4,0,8,3.6,8,8v10.3c0,4.4-3.6,8-8,8H10.5c-4.4,0-8-3.6-8-8V40.3C2.5,35.8,6.1,32.3,10.5,32.3
+	z"/>
+<g>
+	<path class="st2" d="M50.5,7.5c1.7,0,3,1.3,3,3v10.3c0,1.7-1.3,3-3,3H40.2c-1.7,0-3-1.3-3-3V10.5c0-1.7,1.3-3,3-3H50.5 M50.5,2.5
+		H40.2c-4.4,0-8,3.6-8,8v10.3c0,4.4,3.6,8,8,8h10.3c4.4,0,8-3.6,8-8V10.5C58.5,6.1,54.9,2.5,50.5,2.5L50.5,2.5z"/>
+</g>
+<g>
+	<path class="st0" d="M50.5,37.3c1.7,0,3,1.3,3,3v10.3c0,1.7-1.3,3-3,3H40.2c-1.7,0-3-1.3-3-3V40.3c0-1.7,1.3-3,3-3H50.5 M50.5,32.3
+		H40.2c-4.4,0-8,3.6-8,8v10.3c0,4.4,3.6,8,8,8h10.3c4.4,0,8-3.6,8-8V40.3C58.5,35.8,54.9,32.3,50.5,32.3L50.5,32.3z"/>
+</g>
+</svg>

hot/public/eleBook/Public/Member/manual/img/xiayiye.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 29.8 32.5" style="enable-background:new 0 0 29.8 32.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#FECB00;}
+	.st2{opacity:0.3;fill:#FFFFFF;enable-background:new    ;}
+</style>
+<path class="st0" d="M10.9,29.7c2.7-6.8,1.7-8.3,0.8-9.7c-1.3-1.8-6.3-2.5-9.2-2.5v-1.8c0.9,0,8.5,0.1,10.7,3.3
+	c1.7,2.5,2,4.8-0.6,11.4L10.9,29.7z"/>
+<polygon class="st0" points="11,31.9 0.9,17.4 2.8,16.6 12.5,30.5 "/>
+<path class="st1" d="M8.5,15.9c1.8-2.4,4.4-3.5,8-3.5v2.9l5.1-4.8l-5.1-4.8v2.8C11.4,9.1,9.2,12.6,8.5,15.9z"/>
+<path class="st0" d="M11,31.9L9.7,30h12.7c2.3,0,4.2-1.9,4.2-4.2V6.7c0-2.3-1.9-4.2-4.2-4.2H6.9c-2.3,0-4.2,1.9-4.2,4.2v10.7H0.8
+	V6.7c0-3.4,2.7-6.1,6.1-6.1h15.5c3.4,0,6.1,2.7,6.1,6.1v19.1c0,3.4-2.7,6.1-6.1,6.1H11z"/>
+<path class="st2" d="M11,31.9L0.9,17.4l-0.1,7.8c0,3.7,3,6.7,6.7,6.7H11z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/img/xiayiye_v.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 57.5 64.5" style="enable-background:new 0 0 57.5 64.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#FECB00;}
+	.st3{opacity:0.3;fill:#FFFFFF;enable-background:new    ;}
+</style>
+<path class="st0" d="M22.8,57.7c5.1-13,4.3-15.5,1.8-19.3c-3.2-4.6-17.8-5.7-17.8-5.7"/>
+<rect x="10.7" y="30.4" transform="matrix(0.819 -0.5737 0.5737 0.819 -24.8444 16.3433)" class="st1" width="5.5" height="34.4"/>
+<path class="st2" d="M16.8,31.7c3.5-4.6,8.6-6.7,15.6-6.7v5.6l9.9-9.4l-9.9-9.4v5.4C22.5,18.4,18.2,25.1,16.8,31.7z"/>
+<g>
+	<path class="st1" d="M17.8,58.2l3.4,5h22.6c6.9,0,12.5-5.6,12.5-12.5v-37c0-6.9-5.6-12.5-12.5-12.5h-30C6.9,1.2,1.3,6.8,1.3,13.7
+		v21.4h5l0-21.4c0-4.1,3.4-7.5,7.5-7.5h30c4.1,0,7.5,3.4,7.5,7.5v37c0,4.1-3.4,7.5-7.5,7.5H17.8z"/>
+</g>
+<path class="st3" d="M21.3,63.2l-20-28.1v15.1c0,7.2,5.8,13,13,13H21.3z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/img/zanting.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 29.3 27.3" style="enable-background:new 0 0 29.3 27.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#F6CD45;}
+</style>
+<path class="st0" d="M18.8,2.3c3.6,0,6.5,2.9,6.5,6.5v9c0,3.6-2.9,6.5-6.5,6.5H9.5c-3.6,0-6.5-2.9-6.5-6.5v-9c0-3.6,2.9-6.5,6.5-6.5
+	L18.8,2.3 M18.8,0.8H9.5c-4.4,0-8,3.6-8,8v9c0,4.4,3.6,8,8,8h9.4c4.4,0,8-3.6,8-8v-9C26.8,4.3,23.3,0.8,18.8,0.8L18.8,0.8z"/>
+<path class="st1" d="M11.3,18.1L11.3,18.1c-0.7,0-1.3-0.6-1.3-1.3V9.6c0-0.7,0.6-1.3,1.3-1.3h0c0.7,0,1.3,0.6,1.3,1.3v7.2
+	C12.6,17.5,12,18.1,11.3,18.1z"/>
+<path class="st1" d="M16.9,18.2L16.9,18.2c-0.7,0-1.3-0.6-1.3-1.3V9.7c0-0.7,0.6-1.3,1.3-1.3h0c0.7,0,1.3,0.6,1.3,1.3v7.2
+	C18.2,17.6,17.7,18.2,16.9,18.2z"/>
+</svg>

hot/public/eleBook/Public/Member/manual/js/index.js

@@ -0,0 +1,15 @@
+$(function () {
+  setTimeout(function () {
+      setTimeout(() => {
+          windowonresize()
+          // $(".loading").fadeOut()
+          $("body").css("opacity","1")
+      }, 1000);
+      windowonresize()
+      var thickness = "<div class='thickness'></div><div class='thickness_left'></div>"
+      $('.flipbook').append(thickness)
+      isIOS()
+      // $('.page-wrapper').append(thickness)
+      // updateDepth()
+  }, 500)
+})

hot/public/eleBook/Public/Member/manual/js/jquery.dragscroll.js

@@ -0,0 +1,130 @@
+/*
+ * jquery.dragscroll v1.0.0
+ * author 735126858@qq.com
+ * https://github.com/YuTingtao/dragscroll.js
+ */
+;(function(factory) {
+    if (typeof define === 'function' && define.amd) {
+        define(['jquery'], factory);
+    } else if (typeof exports !== 'undefined') {
+        module.exports = factory(require('jquery'));
+    } else {
+        factory(jQuery);
+    }
+}(function($){
+    var methods = {
+        init: function(options) {
+            var defaults = {
+                direction: null,
+                onStart: function($this) {},
+                onMove: function($this) {},
+                onEnd: function($this) {}
+            };
+
+            var opt = $.extend({}, defaults, options);
+
+            return this.each(function() {
+                var $this = $(this);
+                var _dir = opt.direction;
+                var _onStart = opt.onStart;
+                var _onMove = opt.onMove;
+                var _onEnd = opt.onEnd;
+
+                var left0, top0, x0, y0, flag = false;
+                // 鼠标点击
+                $this.on('mousedown', function(e) {
+                    e.preventDefault();
+                    var e = e || window.event;
+                    flag = true;
+                    x0 = e.clientX;
+                    y0 = e.clientY;
+                    left0 = $(this).parent().scrollLeft();
+                    top0 = $(this).parent().scrollTop();
+                    _onStart && _onStart.call(this, $this);
+                });
+
+                // 鼠标移动
+                $this.on('mousemove', function(e) {
+                    e.preventDefault();
+                    var e = e || window.event;
+                    if (flag) {
+                        setTimeout(function() {
+                            var moveX = e.clientX - x0;
+                            var moveY = e.clientY - y0;
+                            if (_dir == 'scrollLeft') {
+                                $this.parent().scrollLeft(left0 - moveX);
+                            } else if (_dir == 'scrollTop') {
+                                $this.parent().scrollTop(top0 - moveY);
+                            } else {
+                                $this.parent().scrollLeft(left0 - moveX);
+                                $this.parent().scrollTop(top0 - moveY);
+                            }
+                        }, 10);
+                        _onMove && _onMove.call(this, $this);
+                    }
+                });
+
+                // 鼠标松开或离开
+                $this.on('mouseup mouseleave', function() {
+                    if (flag) {
+                        _onEnd && _onEnd.call(this, $this);
+                    }
+                    flag = false;
+                });
+
+                // 移动端
+                $this.on('touchstart', function(e) {
+                    var e = e.originalEvent.targetTouches[0];
+                    flag = true;
+                    x0 = e.clientX;
+                    y0 = e.clientY;
+                    left0 = $(this).parent().scrollLeft();
+                    top0 = $(this).parent().scrollTop();
+                    _onStart && _onStart.call(this, $this);
+                });
+                $this.on('touchmove', function(e) {
+                    e.stopPropagation();
+                    var e = e.originalEvent.targetTouches[0];
+                    if (flag) {
+                        setTimeout(function() {
+                            var moveX = e.clientX - x0;
+                            var moveY = e.clientY - y0;
+                            if (_dir == 'scrollLeft') {
+                                $this.parent().scrollLeft(left0 - moveX);
+                            } else if (_dir == 'scrollTop') {
+                                $this.parent().scrollTop(top0 - moveY);
+                            } else {
+                                $this.parent().scrollLeft(left0 - moveX);
+                                $this.parent().scrollTop(top0 - moveY);
+                            }
+                        }, 10);
+                        _onMove && _onMove.call(this, $this);
+                    }
+                });
+                $this.on('touchend', function(e) {
+                    if (flag) {
+                        _onEnd && _onEnd.call(this, $this);
+                    }
+                    flag = false;
+                });
+            });
+        },
+        destroy: function() {
+            return $(this).each(function() {
+                var $this = $(this);
+                $this.off('mousedown mousemove mouseup mouseleave');
+                $this.off('touchstart touchmove touchend')
+            });
+        }
+    };
+
+    $.fn.dragscroll = function(method) {
+        if (methods[method]) {
+            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
+        } else if (typeof method === 'object' || !method) {
+            return methods.init.apply(this, arguments);
+        } else {
+            $.error('method ' + method + ' does not exist on jquery.dragscroll.js');
+        }
+    }
+}));

hot/public/eleBook/Public/Member/manual/js/progressJS.js

@@ -0,0 +1,287 @@
+;(function(window) {
+  //创建滑块构造函数
+
+  function Progress(
+    target,
+    {
+      size = 10,
+      val = 0,
+      precision = 0,
+      getVal = () => {},
+      drag = true,
+      direction = 'horizontal',
+      tip = false
+    } = {}
+  ) {
+    if (!target) return alert('必须指定实例对象的容器！')
+    //指定实例容器
+    this.container = document.querySelector(target)
+    this.size = size
+    this.val = val
+    this.precision = precision
+    this.getVal = getVal
+    this.drag = drag
+    this.direction = direction
+    if (typeof tip === 'object') {
+      this.tip = tip || {
+        trigger: 'show', // hover
+        align: 'top' // bottom
+      }
+    } else if (typeof tip != 'boolean') {
+      return alert('tip配置错误')
+    }
+    this.initialize()
+  }
+
+  Progress.prototype = {
+    constructor: Progress,
+    //初始化
+    initialize: function() {
+      if (
+        this.size < 0 ||
+        this.val < 0 ||
+        this.val > 100 ||
+        this.precision < 0 ||
+        this.precision > 4 ||
+        (this.direction != 'horizontal' && this.direction != 'vertical') ||
+        !this.container ||
+        (typeof this.drag != 'boolean' && typeof this.drag != 'object')
+      )
+        return alert('参数配置错误！')
+      //调用渲染
+      this.rander()
+      this.renderLine()
+    },
+    //渲染方法
+    rander: function() {
+      this.bgBar = document.createElement('div')
+      this.bgLine = document.createElement('div')
+      this.btnTip = document.createElement('div')
+
+      const { bgBar, container, bgLine, btnTip } = this
+
+      //渲染bgBar
+      switch (this.direction) {
+        case 'horizontal':
+          bgBar.classList.add('ProgressBar')
+          bgBar.style.height = this.size + 'px'
+          bgBar.style.width = 100 + '%'
+          bgBar.style.borderRadius = this.size / 2 + 'px'
+          //添加btn
+          bgLine.appendChild(btnTip)
+
+          break
+        case 'vertical':
+          bgBar.classList.add('ProgressBar')
+          bgBar.style.width = this.size + 'px'
+          bgBar.style.height = 100 + '%'
+          bgBar.style.borderRadius = this.size / 2 + 'px'
+          //添加btn
+          btnTip.classList.add('vertical')
+          bgLine.appendChild(btnTip)
+          break
+      }
+      //渲染btn
+      btnTip.classList.add('btn')
+      btnTip.style.width = this.size + 'px'
+      btnTip.style.height = this.size + 'px'
+      //渲染bgLine
+      bgLine.classList.add('ProgressLine')
+      bgLine.style.borderRadius = this.size / 2 + 'px'
+      bgBar.appendChild(bgLine)
+
+      container.appendChild(bgBar)
+
+      //是否开启拖拽
+      if (this.drag) {
+        this.Dragdrop()
+      } else {
+        this.btnTip.classList.add('disable')
+      }
+      //是否开启tip
+      if (this.tip || typeof this.tip === 'object') this.openTip()
+
+      //开启loading
+      this.onLoading()
+    },
+
+    //拖拽方法
+    Dragdrop: function() {
+      const bgBar = this.bgBar
+      const mothes = e => {
+        // e.preventDefault()
+        // e.stopPropagation()
+        this.getPos(e)
+      }
+
+      bgBar.addEventListener('mousedown', e => {
+        document.addEventListener('mousemove', mothes)
+        this.getPos(e)
+      })
+      document.addEventListener('mouseup', e => {
+        document.removeEventListener('mousemove', mothes)
+      })
+      bgBar.addEventListener('touchstart', e => {
+        document.addEventListener('touchmove', mothes)
+        this.getPos(e)
+      })
+      document.addEventListener('touchend', e => {
+        document.removeEventListener('touchmove', mothes)
+      })
+    },
+
+    //获取鼠标位置事件
+    getPos: function(event) {
+      if (typeof event.touches === 'undefined') {
+        event.preventDefault()
+        event.stopPropagation()
+      }
+      if (event.touches) event = event.touches[0]
+      this.oldVal = this.val
+      switch (this.direction) {
+        case 'horizontal':
+          let clX = event.clientX + this.size / 2 //鼠标X轴位置
+          let bgBarW = this.bgBar.clientWidth //bgbar宽度
+          let bgBarLeft = this.getElementLeft(this.bgBar)
+          this.val =
+            ((clX - bgBarLeft - this.size) / (bgBarW - this.size)) * 100
+          break
+        case 'vertical':
+          let clY = event.clientY + this.size / 2 //鼠标X轴位置
+          let bgBarH = this.bgBar.clientHeight //bgbar宽度
+          let bgBarTop = this.getElementTop(this.bgBar)
+          this.val =
+            100 - ((clY - bgBarTop - this.size) / (bgBarH - this.size)) * 100
+          break
+      }
+
+      this.val = Math.max(0, this.val)
+      this.val = Math.min(100, this.val)
+      this.renderLine()
+      this.eventVal()
+    },
+
+    //获取元素距离屏幕左端的位置
+    getElementLeft: function(element) {
+      let { offsetLeft, offsetParent } = element
+      while (offsetParent !== null) {
+        offsetLeft += offsetParent.offsetLeft
+        offsetParent = offsetParent.offsetParent
+      }
+      return offsetLeft
+    },
+    //获取元素距离屏幕上端的位置
+    getElementTop: function(element) {
+      let { offsetTop, offsetParent } = element
+      while (offsetParent !== null) {
+        offsetTop += offsetParent.offsetTop
+        offsetParent = offsetParent.offsetParent
+      }
+      return offsetTop
+    },
+    //渲染line宽度
+    renderLine: function() {
+      switch (this.direction) {
+        case 'horizontal':
+          this.bgLine.style.width =
+            ((this.bgBar.clientWidth - this.size) * this.val) / 100 +
+            this.size +
+            'px'
+          break
+        case 'vertical':
+          this.bgLine.style.height =
+            ((this.bgBar.clientHeight - this.size) * this.val) / 100 +
+            this.size +
+            'px'
+          break
+      }
+    },
+    //获取默认值
+    eventVal: function() {
+      this.val = +this.val.toFixed(this.precision)
+      if (this.oldVal === this.val) {
+        return
+      }
+      //  this.val = this.val
+      //  console.log(this.val)
+      this.getVal && this.getVal(this)
+      if (this.tip || typeof this.tip === 'object')
+        this.tipBox.innerText = `${this.val}%`
+    },
+    //更新默认值
+    updateVal: function(res) {
+      if (res < 0 || res > 100) return
+      this.val = +res
+      this.renderLine()
+      this.val = +res.toFixed(this.precision)
+      if (this.tip || typeof this.tip === 'object')
+        this.tipBox.innerText = `${this.val}%`
+    },
+    //开启tip
+    openTip: function() {
+      //console.log(this)
+      const btnTip = this.btnTip
+      this.tipBox = document.createElement('span')
+      this.tipBox.classList.add('progressVal')
+      this.tipBox.innerText = `${this.val}%`
+      btnTip.appendChild(this.tipBox)
+      this.tip.trigger && this.tipConfig()
+    },
+    //配置tip
+    tipConfig: function() {
+      //console.log(this.tip.trigger)
+      switch (this.tip.trigger) {
+        case 'hover':
+          this.tipBox.style.opacity = 0
+          this.bgBar.addEventListener(
+            'mouseenter',
+            () => (this.tipBox.style.opacity = 1)
+          )
+          this.bgBar.addEventListener(
+            'mouseleave',
+            () => (this.tipBox.style.opacity = 0)
+          )
+          this.bgBar.addEventListener(
+            'touchstart',
+            () => (this.tipBox.style.opacity = 1)
+          )
+          this.bgBar.addEventListener(
+            'touchend',
+            () => (this.tipBox.style.opacity = 0)
+          )
+          break
+        case 'show':
+          this.tipBox.style.opacity = 1
+          break
+      }
+
+      switch (this.tip.align) {
+        case 'bottom':
+          this.tipBox.classList.add('bottom')
+          break
+        case 'left':
+          this.tipBox.classList.add('left')
+          break
+        case 'right':
+          this.tipBox.classList.add('right')
+          break
+      }
+    },
+    //开启Loading
+    onLoading: function() {
+      this.btnLoading = document.createElement('span')
+      const { btnLoading, btnTip } = this
+      btnLoading.classList.add('loading')
+      btnTip.appendChild(btnLoading)
+      btnLoading.style.width = btnTip.offsetWidth/2 + 'px'
+      btnLoading.style.height = btnTip.offsetHeight/2 + 'px'
+    },
+    onLoad: function(e, callback = () => {}) {
+      if (typeof e !== 'boolean') return alert('onload配置错误')
+      if (e) this.btnLoading.style.display = 'block'
+      callback(this)
+    }
+  }
+
+  window.Progress = Progress
+})(window)

hot/public/eleBook/Public/Member/manual/js/zdialog.js

@@ -0,0 +1,102 @@
+/*! zdialog | (c) 2016 | by zcy */
+/**
+ * FunL: 表示左侧按钮的触发事件      
+ * FunR: 代表右侧的触发事件
+ * 默认事件 关闭弹出层
+ * **/
+;(function($,window,document,undefined){
+		   //默认参数
+		    var PARAMS;
+		    var DEFAULTPARAMS = { Title: "标题", Content: "",BtnL:"确定",BtnR:"取消" , FunL: new Object, FunR: new Object };
+		    $.DialogByZ = {
+		        //弹出提示框
+		        Alert: function (params) {
+		            Show(params,"Alert");
+		        },
+		        //弹出确认框
+		        Confirm: function (params) { Show(params,"Confirm"); },
+		        //自动显示弹框
+		        Autofade: function (params) { Show(params,"Autofade") },
+		        //关闭弹出框
+		        Close: function () {
+		            $(".zbox-popup,.zbox-popup-backdrop").remove();
+		        },
+		        //加载图形
+		        Loading:function(Url){
+		        	loadBox(Url)
+		        }
+		
+		    };
+		        //初始化参数
+		    function Init(params) {
+		        if (params != undefined && params != null) {
+		            PARAMS = $.extend({},DEFAULTPARAMS, params);
+		        }
+		    };
+		    function loadBox(Url){
+		    	var url=Url;
+		    	var dislogContainer=$('<div class="zbox-popup" style="display: block;"><img  id="zchange" src="'+url+'"></div>');
+		    	var blackFilter=$('<div class="zbox-popup-backdrop" style="display: block;"></div>');
+		    	setTimeout(function(){
+		    	  		 $(".zbox-popup").addClass('zbox-popup-in');
+		    	  		 $(".zbox-popup-backdrop").addClass('zbox-active');
+		    	  	},30)
+		    	//$("body").append(blackFilter);
+		    	$("body").append(dislogContainer);
+		    }
+		    function Show(params, caller){
+		    	  Init(params);
+		    	  var dislogContainer;
+		    	  var dialogInner;
+		    	  var dialogBtn;
+		    	  var blackFilter=$('<div class="zbox-popup-backdrop" style="display: block;"></div>');
+		    	  if(caller=='Autofade'){
+		    	  	 dislogContainer=$('<div class="zbox-toast-container"><div class="zbox-toast-message">'
+		    	  	 +PARAMS.Content+'</div></div>');
+		    	  	 $("body").append(dislogContainer);
+		    	  	 setTimeout(function(){
+		    	  		 $(".zbox-toast-container").addClass('zbox-active');
+		    	  	},30)
+		    	  	 setTimeout(function(){
+		    	  	 	  $(".zbox-toast-container").remove();
+		    	  	 },3000)
+		    	  }else{
+		    	  	dislogContainer=$('<div class="zbox-popup" style="display: block;"></div>');
+		    	  	dialogInner=$('<div class="zbox-popup-inner"><div class="zbox-popup-title">'+PARAMS.Title+'</div><div class="zbox-popup-text">'+PARAMS.Content+'</div></div>');
+		    	  	dialogBtn=$('<div class="zbox-popup-buttons"><span class="zbox-popup-button" index="0">'+PARAMS.BtnL+'</span></div>');
+		    	  	if(caller=='Confirm'){
+		    	  		dialogBtn.append($('<span class="zbox-popup-button R" index="1">'+PARAMS.BtnR+'</span>')); 
+		    	  	}
+		    	  	dislogContainer.append(dialogInner);
+		    	  	dislogContainer.append(dialogBtn);
+		    	  	setTimeout(function(){
+		    	  		 $(".zbox-popup").addClass('zbox-popup-in');
+		    	  		 $(".zbox-popup-backdrop").addClass('zbox-active');
+		    	  	},10)
+		    	  	$("body").append(blackFilter);
+		    	    $("body").append(dislogContainer);
+		    	    
+		    	  	$(".zbox-popup-button").click(function(){
+		    	  		 var indexs=$(this).attr('index');
+		    	  		 if(indexs==0){
+		    	  		 	//左侧按钮
+		    	  		 	if($.isFunction(PARAMS.FunL)){
+		    	  		 		    PARAMS.FunL();
+					    	}else{
+					    			$.DialogByZ.Close(); 
+					    	}
+		    	  		 }else{
+		    	  		 	//右侧按钮 
+		    	  		 	if($.isFunction(PARAMS.FunR)){
+		    	  		 		    PARAMS.FunR();
+					    	}else{
+					    			$.DialogByZ.Close(); 
+					    	}
+		    	  		 }
+		    	  		 return false;
+		    	  	})
+		    	  	 
+		    	  }
+		    	  //	  
+		    }
+		})(jQuery,window,document);

hot/public/eleBook/Public/Member/manual/lib/scissor.min.js

@@ -0,0 +1,3 @@
+/* turn.js 4.1.0 | Copyright (c) 2012 Emmanuel Garcia | turnjs.com | turnjs.com/license.txt */
+
+(function(a){a.extend(a.fn,{scissor:function(){this.each(function(){var b=a(this),c={width:b.width()/2,height:b.height(),overflow:"hidden"},f=b.clone(!0),d=a("<div />",{css:c}),e=a("<div />",{css:c});b.after(d);d.after(e);b.css({marginLeft:0}).appendTo(d);f.css({marginLeft:-c.width}).appendTo(e)});return this}})})(jQuery);

hot/public/eleBook/Public/Panonn/static/css/puc.css

@@ -0,0 +1,221 @@
+@charset "utf-8";
+*{ margin:0; padding:0; outline: none;font-size:14px; word-wrap: break-word;font-family:myFirstFont;  }
+body,html{
+    width: 100%;height: 100%;overflow: hidden;-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none;
+    /*background: #c4e2d8;*/
+}
+h2{font-weight: normal}
+body{width: 100%;}
+i{font-style: normal}
+a{ text-decoration:none;cursor: pointer}
+ul{ list-style-type:none;}
+.clear{clear:both }
+.fn{float: none!important;}
+.tl{text-align: left!important;text-indent: 20px}
+
+.swiper-slide {
+    -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);  overflow: hidden;
+}
+
+/*滚动条样式*/
+.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{
+    margin: 0!important;
+}
+/*公共弹窗*/
+.puc_bg{
+    position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;z-index: 5;
+}
+.puc_tc{
+    position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
+    background:rgba(0,0,0,.3); border-radius:8px;display: none;z-index: 6!important;
+}
+.puc_tit{
+    line-height: 45px;text-align: left;position: relative;font-size: 16px;border-bottom: 1px solid rgba(0,0,0,.1);text-indent: 20px;color: #fff;
+}
+.puc_col{
+    position: absolute;top: 0;bottom: 0;margin: auto;display: inline-block;width: 22px;height: 22px;right: 18px;
+    background: url("../images/colTc.svg") no-repeat 50% 50%;background-size: 16px auto;cursor: pointer;
+    -o-transition: all .2s;  transition: all .2s;
+}
+.puc_col2{
+    position: absolute;top: 40px;display: inline-block;width: 32px;height: 32px;right: 40px;-webkit-transition: all .2s;
+    background: url("../images/puc_col2.svg") no-repeat 50% 50%;background-size: 30px auto;cursor: pointer;
+    -o-transition: all .2s;  transition: all .2s;z-index: 8;
+}
+.puc_col3{
+    position: absolute;top: 15px;margin: auto;display: inline-block;width: 22px;height: 22px;right: 18px;
+    background: url("../images/puc_col3.png") no-repeat 50% 50%;background-size: 18px auto;cursor: pointer;
+    -o-transition: all .2s;  transition: all .2s;
+}
+.puc_fh{
+    position: absolute;top: 50px;left: 40px;color: #fff;text-indent: 20px;background: url("../images/lef1.svg") no-repeat 0 50%;
+    background-size: 10px auto;z-index: 1;display: inline-block;cursor: pointer;
+}
+.puc_col:hover,
+.sand_btn2:hover,
+.puc_col3:hover,
+.puc_col2:hover {
+    -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);  transform: rotate(180deg);
+}
+
+/*模糊背景*/
+.puc_bg,
+.pic_txt,
+.rig_b,
+.nav_div,
+.guide_d2 a,
+.sandBi1 span,
+.opus_bg,
+.sand_box,
+.rig_btn a:after,
+.bot2_i1:after,
+.bot2_v1_i3:after,
+.bot2_w4:after,
+.bot2_v2 i:after,
+.opus_btn,
+.talk_d2_xml,
+.nav li:hover .nav_a,
+.nav_on .nav_a{
+    backdrop-filter: saturate(180%) blur(9px);-webkit-backdrop-filter: saturate(180%) blur(6px);background:rgba(0,0,0,.7);
+}
+
+.exin  .sandBi1 span,
+.exin .pic_txt,
+.exin .rig_b,
+.exin .nav_div,
+.exin .guide_d2 a,
+
+.exin .opus_bg,
+.exin .sand_box,
+.exin .opus_btn,
+.exin .nav li:hover .nav_a,
+.exin .rig_btn a:after,
+.exin .bot2_i1:after,
+.exin .bot2_w4:after,
+.exin .bot2_v1_i3:after,
+.exin .bot2_v2 i:after,
+.exin .nav_on .nav_a,
+.exin .wares_bg,
+.exin .talk_d2_xml{
+    background:rgba(0,0,0,.45);
+}
+.exin .talk_tc{
+    background:rgba(0,0,0,.7) !important;
+}
+.exin .puc_bg{
+    background:rgba(0,0,0,.7 );
+}
+.exin  .share_k1 i,
+.exin  .share_d2 a,
+.exin  .choiceModeNav a,
+.exin  .PopUpcententLeft p,
+.exin .puc_tit{
+    color: #333;
+}
+.exin  .share_k1 b{
+    border: 2px solid #999;
+}
+.exin  .share_k1_on b::before{
+    background: #666;
+}
+.exin  .mess_tc,
+.exin  .scene_tc,
+.exin  .share_tc,
+.exin  .call_tc,
+.exin  .choiceModeMain,
+.exin  .remotePopUpMain{
+    background:rgba(255,255,255,1);  border:1px solid rgba(255,255,255,1);
+}
+.exin .puc_col{
+    background: url("../images/livei20.svg") no-repeat 50% 50%;background-size: 18px auto;
+}
+.exin .talk_d1 .puc_col{
+    background: url("../images/sand_col.svg") no-repeat 50% 50%;
+}
+.exin  .passiveModeCentent input{
+    color: #333;border-bottom: 1px solid #333;
+}
+.exin  .dk_div a{
+    color: #333;
+}
+.exin  .dk_div a:before{
+    border: 1px solid rgba(0,0,0,.8);
+}
+.exin  .choiceModeNav i {
+    background-color: rgba(0,0,0,.2);
+}
+.exin  .dk_div_a1{
+    background: url("../images/uuus2.svg") no-repeat 50% 15px ;background-size: 23px auto;
+}
+.exin  .dk_div_a2{
+    background: url("../images/skfs2.svg") no-repeat 50% 15px ;background-size: 22px auto;
+}
+.exin  .passiveModeCentent input::-webkit-input-placeholder { /* WebKit browsers */
+    color:#333;
+}
+.exin  .passiveModeCentent input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+    color:#333;
+}
+.exin  .passiveModeCentent input::-moz-placeholder { /* Mozilla Firefox 19+ */
+    color:#333;
+}
+.exin  .passiveModeCentent input:-ms-input-placeholder { /* Internet Explorer 10+ */
+    color:#333;
+}
+
+.pic_h2{
+    position: absolute;top: 40px;left: 50%;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);
+    color: #fff;font-size: 20px;width: -webkit-max-content;  width: -moz-max-content;  width: max-content;z-index: 8;
+    text-shadow:0px 0px 6px rgba(0, 0, 0, 0.6);
+}
+/*视频*/
+.vid_tc{
+    position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;background: none;width: 100%;
+    height: 100%;border: 0;transform:none;-webkit-transform:none;-ms-transform: none;
+}
+
+.puc_tc.vid_tc.v_bg3 {}
+.vid_box{
+    position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
+    width: 60%;height:62%;
+:}
+.vid_box video{
+    width: 100%;
+}
+.video_close {
+    z-index: 4;
+    margin: initial;
+    top: .1rem;
+    left: auto;
+    right: .1rem;
+    bottom: auto;
+
+}
+.video_close_mobile{
+    z-index: 10002;
+    position: fixed;
+    width: .4rem;
+    height: .4rem;
+    background-size: 100% auto;
+    right: 0;
+    display: inline-block;
+    margin: initial;
+    top: .1rem;
+    left: auto;
+    right: .1rem;
+    bottom: auto;
+}
+
+.v_bg3 {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%,-50%);
+    -ms-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
+    width: 90%;
+}
+/* 场景轮播图不居中问题 */
+.pic_swi .swiper-slide{
+    width: 100% !important;
+}

hot/public/eleBook/Public/Panonn/static/images/puc_col2.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 36.7 36.7" style="enable-background:new 0 0 36.7 36.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;enable-background:new    ;}
+	.st1{fill:none;stroke:#FFFFFF;stroke-width:2;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M18.3,1c9.6,0,17.3,7.7,17.3,17.3s-7.7,17.3-17.3,17.3S1.1,27.9,1.1,18.3S8.8,1,18.3,1z"/>
+<path class="st1" d="M18.3,1c9.6,0,17.3,7.7,17.3,17.3s-7.7,17.3-17.3,17.3S1.1,27.9,1.1,18.3S8.8,1,18.3,1z"/>
+<path class="st2" d="M27.2,25.2l-6.9-6.9l6.8-6.9c0.6-0.6,0.6-1.4,0-2c-0.5-0.6-1.4-0.6-1.9,0l-6.8,6.9l-6.9-6.9
+	c-0.6-0.6-1.5-0.6-2,0c-0.6,0.6-0.6,1.4,0,2l6.9,6.9l-6.9,6.9c-0.6,0.6-0.6,1.4,0,2s1.4,0.6,2,0l6.9-6.9l6.9,6.9
+	c0.6,0.6,1.4,0.6,2,0C27.8,26.6,27.8,25.8,27.2,25.2z"/>
+</svg>

hot/public/eleBook/index.html

@@ -0,0 +1,829 @@
+<!DOCTYPE html>
+<html lang="en">
+ 
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport"
+        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
+    <title>电子书</title>
+    <link rel="stylesheet" href="./Public/Member/manual/css/animate.min.css">
+    <link rel="stylesheet" href="./Public/Member/manual/css/tooltipster.bundle.min.css">
+    <link rel="stylesheet" href="./Public/Member/manual/css/tooltipster-sideTip-borderless.min.css">
+    <link rel="stylesheet" href="./Public/Member/manual/css/progressJS.css">
+    <link rel="stylesheet" href="./Public/Member/manual/css/zdialog.css">
+    <link rel="stylesheet" href="./Public/Member/manual/css/style.min.css">
+    <script src="./Public/Member/manual/js/jquery1.9.0.js"></script>
+    <script src="./Public/Member/manual/js/jquery-ui-1.9.2.min.js"></script>
+    <script src="./Public/Member/manual/js/jquery.touchSwipe.min.js"></script>
+    <script src="./Public/Member/manual/js/modernizr.2.5.3.min.js"></script>
+    <script src="./Public/Member/manual/js/tooltipster.bundle.js"></script>
+    <script src="./Public/Member/manual/js/jquery.qrcode.min.js"></script>
+    <script src="./Public/Member/manual/js/jquery.panzoom.min.js"></script>
+    <script src="./Public/Member/manual/js/jquery.dragscroll.js"></script>
+    <script src="./Public/Member/manual/js/jquery.mousewheel.min.js"></script>
+    <script src="./Public/Member/manual/js/wow.min.js"></script>
+    <script src="./Public/Member/manual/js/progressJS.js"></script>
+    <script src="./Public/Member/manual/js/zdialog.js"></script>
+    <link rel="stylesheet" href="./Public/Panonn/static/css/puc.css">
+    <script>
+        var imgWid = 1589;
+        var imgHig = 2196;
+        var bookArr = [];
+        const urlParams = new URLSearchParams(window.location.search);
+        const count = urlParams.get('count');
+        const prefix = urlParams.get('prefix');
+        for(let i =0;i<=count;i++){
+            // bookArr.push(`./book/${prefix}${i}.jpg`)
+            bookArr.push(`https://houseoss.4dkankan.com/project/aoMenScene/hot/eleBook/book/${prefix}${i}.jpg`)
+            
+        }
+
+        var box_w = window.innerWidth;
+        var box_y = window.innerHeight;
+        var sacle = 1;
+        if(imgWid/imgHig >box_w/box_y){
+            sacle = imgWid/box_w;
+            imgWid = imgWid/sacle;
+            imgHig = imgHig/sacle;
+        }else{
+            sacle = imgHig/box_y;
+            imgWid = imgWid/sacle;
+            imgHig = imgHig/sacle;
+        }
+
+        // 信息配置
+        $OP = {
+            list: bookArr,
+            thumbnail: [],
+            width: imgWid,// 图片宽度
+            height: imgHig// 图片高度
+        }
+    </script>
+         <style>
+           *{
+                touch-action: pan-y;
+            }
+           .flipbook-panzoom{
+            position: fixed;
+            top: -30px;
+            left: 0px;
+            z-index: 7;
+           }
+           .config{
+            .bottom_box{
+              .bottom_bar{
+                background-color: transparent;
+                border: 1px solid #9b9b9b;
+              }
+            }
+           }
+    </style>
+</head>
+
+<body ondragstart="window.event.returnValue=false" oncontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false">
+    <!-- 加载中 -->
+    <!-- <div class="loading"></div> -->
+    <!-- 翻书主区域 -->
+    <div class="flipbook-panzoom">
+        <div class="flipbook-viewport nomatrix" style="transform: scale(0.9) !important;">
+            <div class="container">
+                <div id="flipbook" class="flipbook"></div>
+            </div>
+        </div>
+    </div>
+    <!-- 附属模块 -->
+    <div class="config">
+        <!-- 底部功能栏 -->
+        <div class="bottom_box bottom_p">
+            <div class="bottom_bar" style="bottom: 0;">
+                <div class="btnbox tooltip thumbnail" title="缩略图"></div>
+                <div class="btnbox tooltip playpage" title="自动翻页" style="background-size: auto 75%"></div>
+                <div class="btnbox tooltip shangyiye" title="上一页"></div>
+                <div class="btninput tooltip" title="当前页面/总页数">
+                    <input id="pagenum" type="text" onkeyup="value=value.replace(/[^\d]/g,'')">
+                </div>
+                <div class="btnbox tooltip xiayiye" title="下一页"></div>
+                <div class="btnbox tooltip flsize" title="放大/还原" style="background-size: auto 75%;"></div>
+                <div class="btnbox tooltip bangzhu" title="使用帮助" style="display: none;"></div>
+                <div class="qrcode">
+                    <div class="btnbox" style="margin: 3px;display: none;"><img src="./Public/Member/manual/img/erweima2.svg"></div>
+                    <div class="qrimg">
+                        <p>扫一扫，手机阅读</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- pc缩略图 -->
+        <div class="thumbnail_box_p">
+            <div class="thumbnail_p">
+                <ul></ul>
+            </div>
+        </div>
+        <!-- 移动缩略图 -->
+        <div class="thumbnail_box_v animated">
+            <div class="title">
+                <h3 style="line-height: 2.8;">缩略图列表</h3>
+                <img class="off" src="./Public/Member/manual/img/off.svg">
+            </div>
+            <div class="box_list">
+                <ul></ul>
+            </div>
+        </div>
+        <!-- 自动播放速度控制器 -->
+        <div class="speed_p" style="z-index: 8">
+            <span>翻页速度</span>
+            <img src="./Public/Member/manual/img/minus.svg" style="left: 82px;">
+            <div class="spran">
+                <div class="progress_p"></div>
+            </div>
+            <img src="./Public/Member/manual/img/add.svg" style="right: 5px;">
+        </div>
+        <div class="speed_v"  style="z-index: 8">
+            <span>翻页速度</span>
+            <img src="./Public/Member/manual/img/add.svg" style="top: 5px;">
+            <div class="spran">
+                <div class="progress_v"></div>
+            </div>
+            <img src="./Public/Member/manual/img/minus.svg" style="bottom: 47px;">
+        </div>
+        <!-- 帮助 -->
+        <div class="help help_p">
+            <div class="helpbox">
+                <div>
+                    <p>缩略图</p>
+                    <img src="./Public/Member/manual/img/1xian.png">
+                </div>
+                <div>
+                    <p>自动翻页</p>
+                    <img src="./Public/Member/manual/img/2xian.png">
+                </div>
+                <div>
+                    <p>上一页</p>
+                    <img src="./Public/Member/manual/img/3xian.png">
+                </div>
+                <div style="width: 70px;">
+                    <p>当前页面/总页数</p>
+                    <img src="./Public/Member/manual/img/4xian.png">
+                </div>
+                <div>
+                    <p>下一页</p>
+                    <img src="./Public/Member/manual/img/3xian.png">
+                </div>
+                <div>
+                    <p>放大/还原</p>
+                    <img src="./Public/Member/manual/img/2xian.png">
+                </div>
+                <div>
+                    <p>使用帮助</p>
+                    <img src="./Public/Member/manual/img/1xian.png">
+                </div>
+                <div class="helpqr">
+                    <p>手机扫码阅读</p>
+                    <img src="./Public/Member/manual/img/1xian.png">
+                </div>
+            </div>
+        </div>
+        <div class="help_m"></div>
+    </div>
+<div class="puc_bg" style="display: block;background: transparent;backdrop-filter: none;"></div>
+    <i class="puc_col2 book_close" style="display: none;"> </i>
+    <script>
+        var thumbnailoff = false // 缩略图开关
+        var thumbnailinit = true
+        var onpalyer = false // 自动翻页开关
+        var palytime = null // 定时器
+        var timenum = 5000 // 定时器
+        var flsizeoff = false // 缩放开关
+        var helptem = false // 帮助开关
+        var blsalc = 1 // 书的缩放比例
+        var winsalc = 1 // 缩放比例
+        var panzoom = null// 放大拖动
+        if(/windows phone|iphone|android/ig.test(window.navigator.userAgent)){
+            $(".book_close").css("top",".3rem");
+            $(".book_close").css("right",".3rem");
+        }
+        $("#flipbook").append('<div class="page" style="width:' + $OP.width + 'px;height:' + $OP.height + 'px"><img style="width:100%;height:100%" src = "' + $OP.list[0] + '"./></div>');
+
+        // 缩略图
+        $(".thumbnail").click(function () {
+            if (thumbnailinit) {
+                var tem = ''
+                if ($OP.list.length % 2 == 0) {
+                    for (var i = 0; i < $OP.list.length; i++) {
+                        $(".thumbnail_box_v ul").append('<li data-page="' + (Number([i]) + 1) + '"><div class="xv"><img src="' + $OP.thumbnail[i] +'"><div></div></div></li>');
+                        if (i == 0 || i == $OP.list.length - 1) {
+                            tem += '<li data-page="' + (Number([i]) + 1) + '"><div class="pagebox"><div data-page="' + (Number([i]) + 1) + '"><img src="' + $OP.thumbnail[i] + '"></div></div></li>'
+                        } else if (i % 2 == 0) {
+                            tem += '<div data-page="' + (Number([i]) + 1) + '"><img src="' + $OP.thumbnail[i] + '"></div></li>'
+                        } else {
+                            tem += '<li data-page="' + (Number([i]) + 1) + '"><div class="pagebox"><div data-page="' + (Number([i]) + 1) + '"><img src="' + $OP.thumbnail[i] + '"></div>'
+                        }
+                    }
+                } else {
+                    for (var i = 0; i < $OP.list.length; i++) {
+                        $(".thumbnail_box_v ul").append('<li data-page="' + (Number([i]) + 1) + '"><div class="xv"><img src="' + $OP.thumbnail[i] + '"><div></div></div></li>');
+                        if (i == 0) {
+                            tem += '<li data-page="' + (Number([i]) + 1) + '"><div class="pagebox"><div data-page="' + (Number([i]) + 1) + '"><img src="' + $OP.thumbnail[i] + '"></div></div></li>'
+                        } else if (i % 2 == 0) {
+                            tem += '<div data-page="' + (Number([i]) + 1) + '"><img src="' + $OP.thumbnail[i] + '"></div></li>'
+                        } else {
+                            tem += '<li data-page="' + (Number([i]) + 1) + '"><div class="pagebox"><div data-page="' + (Number([i]) + 1) + '"><img src="' + $OP.thumbnail[i] + '"></div>'
+                        }
+                    }
+                }
+
+                $(".thumbnail_box_p ul").append(tem);
+                tem = null
+                $(".pagebox>div").css("width", 70 * ($OP.width / $OP.height) + "px")
+                $(".xv").css("padding-bottom", $OP.height / $OP.width * 100 + "%")
+                thumbnailinit = false
+            }
+            thumbnailoff = !thumbnailoff
+            if (thumbnailoff) {
+                $(this).css("background-color", "rgba(0, 0, 0, 0.5) !important")
+                var pagenum = $('.flipbook').turn('page')
+                if ($(window).width() >= 600) {
+                    $(".thumbnail_box_p").fadeIn()
+                    var Oact_p = $(".thumbnail_box_p li div[data-page='" + pagenum + "']").parent().parent()
+                    Oact_p.addClass("active").siblings().removeClass("active")
+                } else {
+                    $(".thumbnail_box_v").fadeIn().addClass('fadeInUp').removeClass("fadeOutDownBig");
+                    var Oact_v = $(".thumbnail_box_v li[data-page='" + pagenum + "']")
+                    Oact_v.addClass("active").siblings().removeClass("active")
+                }
+            } else {
+                offthum()
+            }
+            pansepalyer()
+        })
+
+        // 缩略图拖动
+        $('.thumbnail_box_p ul').dragscroll({
+            direction: 'scrollLeft',
+        });
+
+        // 关闭缩略图
+        function offthum() {
+            thumbnailoff = false
+            $(".thumbnail").css("background-color", "")
+            $(".thumbnail_box_p").fadeOut()
+            $(".thumbnail_box_v").fadeOut()
+        }
+
+        // 缩略图跳转
+        $(".thumbnail_box_p").on("click", "li", function () {
+            $('.flipbook').turn('page', $(this).data("page"))
+            $(this).addClass("active").siblings().removeClass("active")
+
+        })
+        $(".thumbnail_box_v").on("click", "li", function () {
+            thumbnailoff = !thumbnailoff
+            $(".thumbnail_box_v").fadeOut().addClass('fadeOutDownBig').removeClass("fadeInUp");
+            $('.flipbook').turn('page', $(this).data("page"))
+
+        })
+        $(".thumbnail_box_v .off").click(function () {
+            thumbnailoff = !thumbnailoff
+            $(".thumbnail_box_v").addClass('fadeOutDownBig').removeClass("fadeInUp");
+            offthum()
+        })
+
+        // 自动翻页
+        $(".playpage").click(function () {
+            onpalyer = !onpalyer
+            if (onpalyer) {
+                $(".playpage").css("background-image", "url(./Public/Member/manual/img/zanting.png)")
+                palytime = setInterval(function () {
+                    if ($('.flipbook').turn('page') != $('.flipbook').turn('pages')) {
+                        $('.flipbook').turn('next');
+
+                    } else {
+                        $('.flipbook').turn('page', 1);
+
+                    }
+                }, timenum)
+                if ($(window).width() >= 600) {
+                    speedOff('.speed_p')
+                } else {
+                    speedOff('.speed_v')
+                }
+                offthum()
+            } else {
+                pansepalyer()
+            }
+        })
+
+        // 拉杆4秒自动隐藏
+        var disout
+        function speedOff(e) {
+            $(e).fadeIn()
+            if (disout) clearTimeout(disout);
+            disout = setTimeout(function () {
+                $(e).fadeOut()
+            }, 4000)
+        }
+
+        // 翻页时间控制
+        var progress_p = new Progress('.progress_p', {
+            val: 80,
+            size: 4,
+            precision: 0,
+            drag: true,
+            direction: 'horizontal',
+            getVal: function (el) {
+                speedOff('.speed_p')
+                timenum = ((100 - el.val) / 100 * 20 + 1) * 1000
+                clearInterval(palytime)
+                palytime = setInterval(function () {
+                    if ($('.flipbook').turn('page') != $('.flipbook').turn('pages')) {
+                        $('.flipbook').turn('next');
+
+                    } else {
+                        $('.flipbook').turn('page', 1);
+
+                    }
+                }, timenum)
+            }
+        })
+        var progress_v = new Progress('.progress_v', {
+            val: 80, //初始值 取值范围：0-100
+            size: 4, //控件大小默认值为10，可结合css自行修改样式
+            precision: 0, //val精度配置，默认保留0位小数,最多配位4位
+            drag: true, //默认开启拖拽，关闭设为false，不配置默认为true
+            direction: 'vertical', //方向 默认水平 vertical 垂直
+            getVal: function (el) {
+                speedOff('.speed_v')
+                timenum = ((100 - el.val) / 100 * 20 + 1) * 1000
+                clearInterval(palytime)
+                palytime = setInterval(function () {
+                    if ($('.flipbook').turn('page') != $('.flipbook').turn('pages')) {
+                        $('.flipbook').turn('next');
+
+                    } else {
+                        $('.flipbook').turn('page', 1);
+
+                    }
+                }, timenum)
+            }
+        })
+
+        // 取消自动翻页
+        function pansepalyer() {
+            onpalyer = false
+            $(".playpage").css("background-image", "url(./Public/Member/manual/img/bofang.png)")
+            $(".speed_p").fadeOut()
+            $(".speed_v").fadeOut()
+            clearInterval(palytime)
+        }
+
+        // 上一页
+        $(".shangyiye").click(function () {
+            onprevious()
+            offthum()
+        })
+
+        // 页码跳转
+        var isval
+        $("#pagenum").focus(function () {
+            isval = $("#pagenum").val()
+            $("#pagenum").val("")
+        })
+        $("#pagenum").keyup(function (event) {
+            if (event.keyCode == 13) {
+                gopage()
+            }
+        })
+        $("#pagenum").blur(function () {
+            gopage()
+        })
+        function gopage() {
+            if ($("#pagenum").val() == isval.replace("./", "")) {
+                $("#pagenum").val(isval)
+                return
+            }
+            if ($("#pagenum").val() == "") {
+                $("#pagenum").val(isval)
+            } else {
+                if ($("#pagenum").val() <= 0) {
+                    $('.flipbook').turn('page', "1");
+                } else if ($("#pagenum").val() > $('.flipbook').turn('pages')) {
+                    $('.flipbook').turn('page', $('.flipbook').turn('pages'));
+                } else {
+                    $('.flipbook').turn('page', $("#pagenum").val());
+                }
+                pansepalyer()
+                isval = $("#pagenum").val()
+            }
+        }
+
+        // 下一页
+        $(".xiayiye").click(function () {
+            onnext()
+            offthum()
+        })
+
+        // 初始化panzoom
+        $(".flipbook-panzoom").panzoom()
+        flmove(true)
+        var offs
+        $(".flipbook-panzoom").on('panzoomzoom', function (event, scale) {
+            flsizeoff = true
+            enlarge()
+            if (offs) clearTimeout(offs);
+            offs = setTimeout(function () {
+                if (scale.scale < 1) {
+                    narrow()
+                } else {
+                    $.DialogByZ.Autofade({ Content: "双击可还原" })
+                }
+            }, 300)
+        });
+
+        // 放大与还原
+        $(".flsize").click(function () {
+            offthum()
+            if (!flsizeoff) {
+                enlarge()
+                $.DialogByZ.Autofade({ Content: "双击可还原" })
+            } else {
+                narrow()
+            }
+            pansepalyer()
+        })
+
+        // 放大时双击还原
+        let clicked = 1
+        let clickedTime = {
+            timeA: '',
+            timeB: ''
+        }
+        $(".flipbook-panzoom").on('panzoomend', function (e, panzoom, matrix, changed) {
+            // if (changed) {
+            // 屏幕点击控制
+            if ($(window).width() >= 600) {
+                if (onpalyer) {
+                    speedOff('.speed_p')
+                }
+            } else {
+                if (onpalyer) {
+                    speedOff('.speed_v')
+                }
+            }
+            // } else {
+            // 放大时双击还原
+            if (clicked === 1) {
+                clickedTime.timeA = new Date()
+                clicked++
+            } else if (clicked === 2) {
+                clickedTime.timeB = new Date()
+                if (Math.abs(clickedTime.timeA - clickedTime.timeB) < 200) {
+                    if (flsizeoff) {
+                        narrow()
+                    } else {
+                        enlarge()
+                    }
+                    clicked = 1
+                } else {
+                    clickedTime.timeA = new Date()
+                }
+            }
+            // }
+            offthum()
+        });
+
+        // 放大
+        function enlarge() {
+            flsizeoff = true
+            $(".flipbook-panzoom").panzoom("zoom", blsalc = 2, { // 缩放
+                silent: true
+            });
+            $(".flsize").css("background-image", "url(./Public/Member/manual/img/comiissuoxiao.png)")
+
+            flmove(false)
+        }
+
+        // 还原
+        function narrow() {
+            flsizeoff = false
+            $(".flsize").css("background-image", "url(./Public/Member/manual/img/comiisfangda.png)")
+
+            $(".flipbook-panzoom").panzoom("reset")
+            blsalc = 1
+            flmove(true)
+        }
+
+        // 是否禁止拖动
+        function flmove(off) {
+            $(".flipbook-panzoom").panzoom("option", {
+                disableXAxis: off,
+                disableYAxis: off,
+            })
+        }
+
+        // 帮助
+        $(".bangzhu").click(function () {
+            offthum()
+            helptem = !helptem
+            if (helptem) {
+                $(".help").fadeIn()
+                $(".help_m").css("display", "block")
+            } else {
+                $(".help").fadeOut()
+                $(".help_m").css("display", "none")
+            }
+            pansepalyer()
+        })
+        $(".help_m").click(function () {
+            helptem = !helptem
+            $(".help").fadeOut()
+            $(".help_m").css("display", "none")
+        })
+
+        // 二维码
+        $('.qrimg').qrcode({
+            render: "canvas", //也可以替换为table
+            text: window.location.href,
+            size: 135,
+            mode: 0,
+            fill: "#000",
+            background: "#fff",
+            radius: .5
+        });
+
+        function isChrome() {
+            return navigator.userAgent.indexOf('Chrome') != -1;
+        }
+
+        // 初始配置
+        function loadApp() {
+            var flipbook = $('.flipbook');
+            // 检查CSS是否已经加载
+            if (flipbook.width() == 0 || flipbook.height() == 0) {
+                setTimeout(loadApp, 10);
+                return;
+            }
+            // 翻书主体配置项
+            $('.flipbook').turn({
+                elevation: 50,// 转换期间页面的高度
+                acceleration: !isChrome(),// 设置硬件加速模式，对于触摸设备（移动端），此值必须为真。
+                pages: $OP.list.length,
+                autoCenter: true, // 居中
+                gradients: true,// 显示渐变阴影
+                duration: 1000,// 设置翻页动画持续时间即翻页的快慢，默认600
+                when: {
+                    // 页面启动时触发
+                    start: function (e, page, view) {
+                        setTimeout(function () {
+                            getpagenum()
+                            updateDepth()
+                        }, 100)
+                    },
+                    // 当前范围需要某些页面时 触发此事件
+                    missing: function (event, pages) {
+                        for (var i = 0; i < pages.length; i++) {
+                            addPage(pages[i]);
+                        }
+                    }
+                }
+            });
+            getpagenum()
+        }
+
+        // 配置依赖文件
+        yepnope({
+            test: Modernizr.csstransforms,
+            yep: ['./Public/Member/manual/lib/turn.min.js'],
+            nope: ['./Public/Member/manual/lib/turn.html4.min.js'],
+            both: ['./Public/Member/manual/js/index.js', './Public/Member/manual/lib/scissor.min.js', './Public/Member/manual/css/fl.css'],
+            complete: loadApp
+        });
+
+        // 配置缩略图信息
+        $OP.list.forEach(val => {
+            var i = val.lastIndexOf(".")
+            $OP.thumbnail.push(val.slice(0, i)+val.slice(i))
+        });
+
+        // 动态加载内容图片
+        function addPage(page) {
+            var pages = $('.flipbook').turn('pages');
+            var element = $('<div class="page" style="width:' + $OP.width + 'px;height:' + $OP.height + 'px"></div>', {});
+            if ($('.flipbook').turn('addPage', element, page)) {
+                element.html('<img style="width:100%;height:100%" src = "' + $OP.list[page - 1] + '"./>');
+            }
+        }
+
+        //鼠标滚轮事件
+        $('.flipbook-viewport').mousewheel(function (event, delta, deltaX, deltaY) {
+            if (blsalc <= 1) {
+                if (delta == 1) {
+                    $('.flipbook').turn('previous');
+                } else {
+                    $('.flipbook').turn('next');
+                }
+                flsizeoff = false
+                $(".flsize").css("background-image", "url(./Public/Member/manual/img/comiisfangda.png)")
+                pansepalyer()
+            } else {
+                if (delta == 1) {
+                    if (blsalc > 5) return
+                    blsalc = blsalc + 0.1
+                } else {
+                    if (blsalc <= 1) return
+                    blsalc = blsalc - 0.1
+                }
+                flsizeoff = true
+                $(".flipbook-panzoom").panzoom("zoom", blsalc, {
+                    silent: true
+                });
+                $(".flsize").css("background-image", "url(./Public/Member/manual/img/comiissuoxiao.png)")
+                flmove(false)
+            }
+        })
+        // wow动画
+        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
+            new WOW().init();
+        };
+
+        // 手机阅读二维码
+        $(".qrcode").hover(function () {
+            $(".qrimg").fadeIn()
+        }, function () {
+            $(".qrimg").fadeOut()
+        })
+
+        // 页码显示
+        function getpagenum() {
+            $("#pagenum").val($('.flipbook').turn('page') + './' + $('.flipbook').turn('pages'))
+        }
+
+        // 执行上一页
+        function onprevious() {
+            if ($('.flipbook').turn('page') == 1) {
+                $.DialogByZ.Autofade({ Content: "这是第一页" })
+            }
+            $('.flipbook').turn('previous');
+            pansepalyer()
+        }
+
+        // 执行下一页
+        function onnext() {
+            if ($('.flipbook').turn('page') == $('.flipbook').turn('pages')) {
+                $.DialogByZ.Autofade({ Content: "这是最后一页" })
+            }
+            $('.flipbook').turn('next');
+            pansepalyer()
+        }
+
+        // 翻书厚度
+        function updateDepth() {
+            if ($(window).width() >= 600) {
+                if($(".p"+$('.flipbook').turn('pages')).length){
+                    $(".p"+$('.flipbook').turn('pages')).addClass("plast")
+                }
+                $(".odd").each(function () {
+                    if ($(this).find(".oddshadow").length == 0) {
+                        $(this).append("<div class='oddshadow'></div>")
+                    }
+                })
+                $(".even").each(function () {
+                    if ($(this).find(".evenshadow").length == 0) {
+                        $(this).append("<div class='evenshadow'></div>")
+                    }
+                })
+            }
+            var page = $('.flipbook').turn('page'),
+                pages = $('.flipbook').turn('pages'),
+                depthWidth = page / 4
+            if (page == pages || page == 1) {
+                $('.flipbook .thickness_left').css({
+                    width: 0,
+                    left: 0
+                });
+                $('.flipbook .thickness').css({
+                    width: 0,
+                    right: 0
+                });
+            } else {
+                $('.flipbook .thickness_left').css({
+                    width: depthWidth / winsalc,
+                    left: -depthWidth / winsalc
+                });
+                $('.flipbook .thickness').css({
+                    width: (pages / 4 - depthWidth) / winsalc,
+                    right: -(pages / 4 - depthWidth) / winsalc
+                });
+            }
+        }
+
+        $(function () {
+            // 翻书触摸触发翻页
+            $("#flipbook").swipe({
+                swipeLeft: function () {
+                    if (!flsizeoff) {
+                        onnext()
+                    }
+                },
+                swipeRight: function () {
+                    if (!flsizeoff) {
+                        onprevious()
+                    }
+                }
+            })
+            // title提示语
+            $('.tooltip').tooltipster({
+                theme: 'tooltipster-borderless',
+                delay: 600,
+            });
+        })
+
+        // 宽度大小适配
+        function windowonresize() {
+            if ($(window).width() >= 600) {
+                // PC
+                $('.flipbook').turn('display', "double");
+                $(".bottom_box").addClass("bottom_p").removeClass("bottom_v")
+                $(".help").addClass("help_p").removeClass("help_v")
+                $(".qrcode").fadeIn()
+                if ($OP.width * 2 > $(window).width() || $OP.height > $(window).height()) {
+                    winsalc = ($(window).width() - 100) / ($OP.width * 2)
+                    var heisalc = ($(window).height() - 120) / $OP.height
+                    var salc = winsalc > heisalc ? heisalc : winsalc
+                    $(".flipbook-viewport").css({
+                        "transform": "scale(" + salc + ")",
+                    })
+                } else {
+                    $(".flipbook-viewport").css({
+                        "transform": "scale(1)",
+                    })
+                }
+                $(".flipbook-viewport .flipbook").css({ "width": ($OP.width * 2) + "px", "height": $OP.height + "px", "left": "-" + $OP.width + "px", "top": "-" + ($OP.height / 2) + "px" })
+                $(".page").css("height", $OP.height)
+            } else {
+                // 移动端
+                $(".odd .oddshadow").remove()
+                $(".even .evenshadow").remove()
+                $('.flipbook').turn('display', "single");
+                $(".bottom_box").addClass("bottom_v").removeClass("bottom_p")
+                $(".help").addClass("help_v").removeClass("help_p")
+                $(".qrcode").fadeOut()
+                if ($OP.width * 2 > $(window).width()) {
+                    winsalc = $(window).width() / ($OP.width * 2)
+                    $(".flipbook-viewport").css({
+                        "transform": "scale(" + winsalc + ")",
+                    })
+                } else {
+                    $(".flipbook-viewport").css({
+                        "transform": "scale(1)",
+                    })
+                }
+                $(".flipbook-viewport .flipbook").css({ "width": ($OP.width * 2) + "px", "height": $OP.height * 2 + "px", "left": "-" + $OP.width + "px", "top": "-" + ($OP.height) + "px" })
+                $(".page").css("height", $OP.height * 2)
+            }
+            offthum()
+            $(".speed_p").hide()
+            $(".speed_v").hide()
+            pansepalyer()
+        }
+
+        // 监听窗口
+        var timer;
+        $(window).resize(function () {
+            if (timer) clearTimeout(timer);
+            timer = setTimeout(function () {
+                windowonresize()
+                setTimeout(() => {
+                    windowonresize()
+                }, 500);
+            }, 300)
+        })
+
+
+
+
+    // 微信禁止拖动
+    // document.body.addEventListener('touchmove', function (evt) {
+    //     evt.preventDefault()
+    // }, { passive: false })
+
+        // 苹果
+        function isIOS() {
+            var u = navigator.userAgent;
+            var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
+            if (isiOS) {
+                $(".bottom_v").css("height", "60px")
+            }
+        }
+        // 公共关闭弹窗
+        $(document).on('click','.book_close',function(){
+            if(window.parent.vue_app){
+                window.parent.vue_app.close_iframe();
+                return
+            }
+            window.parent.close_iframe();
+        });
+    </script>
+</body>
+
+</html>

hot/public/index.html

@@ -11,6 +11,7 @@
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
+    <script src="./data.js"></script>
     <!-- built files will be auto injected -->
   </body>
 </html>

hot/public/static/6Wy3wi578902/data.json

@@ -1,54 +0,0 @@
-[
-  {
-      "images": [
-          {
-              "url": "https://houseoss.4dkankan.com/project/aoMenScene/static/hot/QWrgQO004937/1.png",
-              "mp3_zh": "",
-              "mp3_zhhk": "",
-              "mp3_pe": "",
-              "mp3_en": "",
-              "title_zh": "18世纪澳门城市与港口平面图",
-              "text_zh": "18世纪澳门城市与港口平面图",
-              "title_zhhk": "18世紀澳門城市與港口平面圖",
-              "text_zhhk": "18世紀澳門城市與港口平面圖",
-              "title_pe": "Plano Municipal e Portuário de Macau do século XVIII",
-              "text_pe": "Plano Municipal e Portuário de Macau do século XVIII",
-              "title_en": "18th Century Macau City and Port Plan",
-              "text_en": "18th Century Macau City and Port Plan"
-          },
-          {
-              "url": "https://houseoss.4dkankan.com/project/aoMenScene/static/hot/QWrgQO004937/2.png",
-              "mp3_zh": "",
-              "mp3_zhhk": "",
-              "mp3_pe": "",
-              "mp3_en": "",
-              "title_zh": "1780年中国南海海图局部—珠江河口图",
-              "text_zh": "1780年中国南海海图局部—珠江河口图",
-              "title_zhhk": "1780年中國南海海圖局部—珠江河口圖",
-              "text_zhhk": "1780年中國南海海圖局部—珠江河口圖",
-              "title_pe": "Parte do mapa do Mar do Sul da China em 1780- o mapa estuário do Rio Pérola.",
-              "text_pe": "Parte do mapa do Mar do Sul da China em 1780- o mapa estuário do Rio Pérola.",
-              "title_en": "Part of the chart of the South China Sea in 1780- the Pearl River estuary map.",
-              "text_en": "Part of the chart of the South China Sea in 1780- the Pearl River estuary map."
-          },
-          {
-              "url": "https://houseoss.4dkankan.com/project/aoMenScene/static/hot/QWrgQO004937/3.png",
-              "mp3_zh": "",
-              "mp3_zhhk": "",
-              "mp3_pe": "",
-              "mp3_en": "",
-              "title_zh": "1834年广东省沿海图局部—子午线澳门测量图",
-              "text_zh": "1834年广东省沿海图局部—子午线澳门测量图",
-              "title_zhhk": "1834年廣東省沿海圖局部—子午線澳門測量圖",
-              "text_zhhk": "1834年廣東省沿海圖局部—子午線澳門測量圖",
-              "title_pe": "1834 Mapa Costeiro da Província de Guangdong Mapa Parcial do Meridiano de Macau",
-              "text_pe": "1834 Mapa Costeiro da Província de Guangdong Mapa Parcial do Meridiano de Macau",
-              "title_en": "1834 Coastal Map of Guangdong Province Partial Meridian Macau Survey Map",
-              "text_en": "1834 Coastal Map of Guangdong Province Partial Meridian Macau Survey Map"
-          }
-      ],
-      "title": "",
-      "onImg": false,
-      "id": 3
-  }
-]

hot/public/static/QWrgQO004937/data.json

@@ -1,23 +0,0 @@
-[
-  {
-      "images": [
-          {
-              "mp3_zh": "",
-              "mp3_zhhk": "",
-              "mp3_pe": "",
-              "mp3_en": "",
-              "title_zh": "18世纪澳门城市与港口平面图",
-              "text_zh": "18世纪澳门城市与港口平面图",
-              "title_zhhk": "18世紀澳門城市與港口平面圖",
-              "text_zhhk": "18世紀澳門城市與港口平面圖",
-              "title_pe": "Plano Municipal e Portuário de Macau do século XVIII",
-              "text_pe": "Plano Municipal e Portuário de Macau do século XVIII",
-              "title_en": "18th Century Macau City and Port Plan",
-              "text_en": "18th Century Macau City and Port Plan"
-          }
-      ],
-      "title": "",
-      "onImg": true,
-      "id": 3
-  }
-]