diff --git a/css/huaxia.css b/css/huaxia.css
index 0c379d1..e300d40 100644
--- a/css/huaxia.css
+++ b/css/huaxia.css
@@ -5,9 +5,10 @@ body{margin: 0;padding: 0;}
 .w56{width: 56%;}
 .w50{width: 50%;}
 .w48{width: 49%;}
+.w40{width: 40%;}
 .w33{width: 33.33%;}
 .w25{width: 25%;}
-.w20{width: 19%;}
+.w20{width: 20%;}
 
 .op9{opacity: .9;}
 .op8{opacity: .8;}
@@ -17,6 +18,7 @@ body{margin: 0;padding: 0;}
 .dis{display: flex;}
 .djb{display: flex;justify-content: space-between;}
 .dend{display: flex;justify-content: flex-end;}
+.fn{justify-content: flex-end;}
 .djbac{display: flex;justify-content: space-between;align-items: center;}
 .ac{align-items: center;}
 .dac{display: flex;align-items: center;}
@@ -128,7 +130,9 @@ body{margin: 0;padding: 0;}
 .font-22{font-size: 22px;}
 .font-24{font-size: 24px;}
 .font-26{font-size: 26px;}
+.font-28{font-size: 28px;}
 .font-32{font-size: 32px;}
+.font-30{font-size: 30px;}
 .font-36{font-size: 36px;}
 .font-40{font-size: 40px;}
 
@@ -144,6 +148,7 @@ body{margin: 0;padding: 0;}
 
 .tl{text-align: left;}
 .tr{text-align: right;}
+.colf{color: #FFFFFF;}
 .col19{color: #191919;}
 .col7d{color: #7d7d7d;}
 .col9{color: #999999;}
@@ -209,6 +214,17 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
 	border: 2px solid #cd2628;
 	background-color: rgba(255,255,255,0);
 }
+.shop-swiper .swiper-pagination-bullet{
+	width: 10px;height: 10px;border-radius: 100%;
+	background: #595d60;
+	border: 2px solid #595d60;
+	opacity: 1;
+}
+.shop-swiper > .swiper-pagination-bullets .swiper-pagination-bullet-active{
+	width: 10px;height: 10px;border-radius: 100%;
+	border: 2px solid #cd2628;
+	background-color: #cd2628;
+}
 .swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
 	left: 0px;
 	right: auto;
@@ -306,11 +322,13 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
 .gongn{display: none;width: 50px;height: 50px;position: absolute;right: 50px;cursor: pointer;}
 .xinxy-box{background: #f6f5f3;padding-bottom: 65px;}
 .xinxy-box .dac{width: 102%;overflow: hidden;}
+.xinxy-box .msg .w48{width: 49%;}
 .syysj-box{background: #100e0d;padding-bottom: 65px;}
 .syys-name{font-size: 30px;font-weight: bold;color: #cb1919;}
 .sypx-box{background: url(../img/public/px-bac.png); background-size: 100% 100%;padding-bottom: 65px;}
 .hz-jies{font-size: 14px;color: rgba(25,25,25,.5);margin-left: 10px;}
 .hzly-box{padding: 30px;z-index: 1;}
+.hz-input-box input{margin-right: 10px;}
 .hz-input-box div{color: #FFFFFF;background: #cb1919;padding: 10px 50px;border-radius: 3px;}
 /* 资讯 */
 .zx-nav,.szx-nav,.px-nav{padding: 0;}
@@ -357,10 +375,25 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
 #ysj-ft>div>div:hover .dac span{opacity: 1;}
 #ysj-skd-box{width: 26%;}
 #ysj-skd-box .m-s20:hover{cursor: pointer;color: #CB1919;}
-
-
-
-
+/* 展览 */
+#zlzp-list>div:hover div{color: #CB1919;}
+#zlzp-list .pr div{background: rgba(255,255,255,0.6);right: 36px;bottom: 10px;width: 34px;height: 34px;}
+#zlzp-list>div:hover div:last-child>span{color: #FFFFFF;background: #CB1919;}
+#zlzp-list>div:hover .font-16{font-weight: bold;}
+.zltp{width: 179px;height: 47px;border-radius: 5px;border: 1px solid #dbdbdb;line-height: 47px;text-align: center;}
+/* 积分商城 */
+#rem-list .dfc > div,#jf-list .dfc > div{margin: 10px;}
+#rem-list .dfc > div img,#jf-list .dfc > div img{max-height: 230px;}
+#rem-list .dfc:hover,#jf-list .dfc:hover{box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
+#rem-list .dfc:hover>div .linh24,#jf-list .dfc:hover>div .linh24{color: #CB1919;}
+.addNum{background: #f1f1f1;height: 22px;line-height: 22px; width: 20px;border-left: 1px solid #CCCCCC;}
+.delNum{background: #f1f1f1;height: 23px;line-height: 23px;border-left: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;}
+#sh-list .dis .m-y20:last-child{margin-right: 0;}
+#cq-list .dis .m-y20:last-child{margin-right: 0;}
+#scjf-list .m-y20:last-child{margin-right: 0;}
+#alls-list .dfc > div{margin: 10px;}
+#alls-list .dfc > div img{max-height: 230px;}
+#alls-list .dfc:hover{box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
 
 
 
diff --git a/css/logshoppingcar/artist.css b/css/logshoppingcar/artist.css
index fe05566..57196f2 100644
--- a/css/logshoppingcar/artist.css
+++ b/css/logshoppingcar/artist.css
@@ -206,151 +206,4 @@ header .container #verify #code_img {
   vertical-align: top;
 }
 
-section {
-  background-color: #cb1919;
-  height: 60px;
-  padding: 0px 180px;
-}
 
-section .navig {
-  width: 100%;
-}
-
-section .navig .label .label-text ul {
-  display: flex;
-  float: left;
-}
-
-section .navig .label .label-text ul li {
-  padding: 20px 21px;
-}
-
-section .navig .label .label-text ul li a {
-  color: #fff;
-}
-
-section .navig .label .label-icon {
-  background-color: #cb1919;
-}
-
-section .navig .label .label-icon ul {
-  display: flex;
-  float: right;
-}
-
-section .navig .label .label-icon ul li {
-  padding: 20px 21px;
-}
-
-section .navig .label .label-icon ul li img {
-  width: 25px;
-}
-
-footer {
-  padding: 0px 180px;
-}
-
-footer .foot {
-  display: flex;
-  margin: 0 auto;
-}
-
-footer .intr {
-  padding: 35px;
-  width: 342px;
-  height: 226px;
-}
-
-footer .intr img {
-  height: 86px;
-  margin-bottom: 30px;
-}
-
-footer .intr p:nth-child(1) {
-  font-size: 40px;
-}
-
-footer .intr p:nth-child(2) {
-  color: #616161;
-}
-
-footer .address {
-  background-color: #faf9f8;
-  border-left: 1px solid #ededed;
-  border-bottom: 1px solid #ededed;
-}
-
-footer .address .addreses {
-  display: flex;
-}
-
-footer .address .addreses .addres-1,
-footer .address .addreses .addres-2,
-footer .address .addreses .addres-3 {
-  padding: 33px;
-}
-
-footer .address .addreses .icp {
-  padding: 28px 40px;
-  border-top: 1px solid #ededed;
-}
-
-footer .address .addreses .addres-1 {
-  width: 310px;
-}
-
-footer .address .addreses .addres-1 img {
-  height: 50px;
-  margin-bottom: 40px;
-}
-
-footer .address .addreses .addres-1 p {
-  line-height: 25px;
-}
-
-footer .address .addreses .addres-1 p:nth-of-type(1) {
-  font-weight: 700;
-}
-
-footer .address .addreses .addres-1 p:nth-of-type(2) {
-  font-size: 6px;
-  color: rgba(97, 97, 97, 0.8);
-}
-
-footer .address .addreses .addres-2 {
-  font-size: 20px;
-  font-weight: 700;
-  color: #000;
-}
-
-footer .address .addreses .addres-2 p {
-  line-height: 25px;
-}
-
-footer .address .addreses .addres-2 p:nth-of-type(1) {
-  font-weight: 700;
-}
-
-footer .address .addreses .addres-2 p:nth-of-type(2) {
-  font-size: 12.5px;
-  color: rgba(97, 97, 97, 0.8);
-}
-
-footer .address .addreses .addres-3 {
-  display: flex;
-}
-
-footer .address .addreses .addres-3 img {
-  height: 92px;
-}
-
-footer .address .addreses .addres-3 p {
-  float: left;
-  font-size: 1px;
-  margin-left: 12px;
-  color: rgba(97, 97, 97, 0.8);
-}
-
-footer .address .addreses .addres-4 {
-  padding: 63px;
-}
diff --git a/css/logshoppingcar/login.css b/css/logshoppingcar/login.css
index 5802d98..59fd828 100644
--- a/css/logshoppingcar/login.css
+++ b/css/logshoppingcar/login.css
@@ -164,15 +164,19 @@ header .container .codes input {
   margin-top: 0;
 }
 
-header .container .codes canvas {
+header .container .codes li {
   width: 200px;
   height: 40px;
   background: #efefef;
   border-radius: 5px;
 }
 
-header .container .codes canvas p {
-  color: #000;
+header .container .codes li p {
+  color: #8c8c8c;
+  z-index: 3;
+  text-align: center;
+  font-size: 14px;
+  margin-top: 10px;
   z-index: 3;
 }
 
diff --git a/css/logshoppingcar/mecha.css b/css/logshoppingcar/mecha.css
index fe05566..4be147a 100644
--- a/css/logshoppingcar/mecha.css
+++ b/css/logshoppingcar/mecha.css
@@ -164,15 +164,19 @@ header .container .codes input {
   margin-top: 0;
 }
 
-header .container .codes canvas {
+header .container .codes li {
   width: 200px;
   height: 40px;
   background: #efefef;
   border-radius: 5px;
 }
 
-header .container .codes canvas p {
-  color: #000;
+header .container .codes li p {
+  color: #8c8c8c;
+  z-index: 3;
+  text-align: center;
+  font-size: 14px;
+  margin-top: 10px;
   z-index: 3;
 }
 
diff --git a/css/logshoppingcar/popup.css b/css/logshoppingcar/popup.css
index 5e0c774..b7db5cd 100644
--- a/css/logshoppingcar/popup.css
+++ b/css/logshoppingcar/popup.css
@@ -1,15 +1,16 @@
 .myPopup {
-    width: 1020px;
+    width:100%;
     height: 600px;
     position: relative;
     width: 50%;
-    height: 50%;
+    height: 30%;
     transform: (50%-300px, 50%-510px);
 }
 .ui-popup.ui-body-inherit {
     margin: auto;
-    margin-top:120px;
+    /* margin-top:10px; */
 }
+
 h1 {
     text-align: center;
     line-height: 80px;
diff --git a/css/logshoppingcar/qrcode.css b/css/logshoppingcar/qrcode.css
new file mode 100644
index 0000000..20a3abf
--- /dev/null
+++ b/css/logshoppingcar/qrcode.css
@@ -0,0 +1,58 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+li {
+  list-style: none;
+}
+
+a {
+  text-decoration: none;
+}
+
+section {
+  background-color: #f5f5f5;
+}
+
+section .whole {
+  padding: 15px 50px;
+  margin: auto;
+}
+
+section .whole .whole-1 {
+  margin: 20px auto;
+  padding: 25px;
+}
+
+section .whole .whole-1 .Wxcollec {
+  background-color: #fff;
+  text-align: center;
+  line-height: 60px;
+  padding-top: 82px;
+}
+
+section .whole .whole-1 .Wxcollec .wxprice {
+  padding-bottom: 71px;
+}
+
+section .whole .whole-1 .Wxcollec .wxprice span {
+  font-size: 32px;
+  font-weight: 800;
+  color: #cb1919;
+}
+
+section .whole .whole-1 .Wxcollec .qrcode img {
+  padding: 18px;
+  border: 1px solid #00a608;
+}
+
+section .whole .whole-1 .Wxcollec .wxzf {
+  margin-top: 10px;
+  padding-bottom: 118px;
+  margin-left: 85px;
+}
+
+section .whole .whole-1 .Wxcollec .wxzf img {
+  height: 45px;
+}
diff --git a/css/logshoppingcar/reg.css b/css/logshoppingcar/reg.css
index 62e928b..f3f5edc 100644
--- a/css/logshoppingcar/reg.css
+++ b/css/logshoppingcar/reg.css
@@ -23,19 +23,19 @@ header .img img {
 }
 
 header .bac {
-  height: 930px;
+  height: 850px;
   background-size: 100% 100%;
   background-image: url("../../img/images/backimg.png");
 }
 
 header .container {
-  width: 420px;
+  width: 560px;
   height: 570px;
   min-height: 320px;
   max-height: 570px;
   position: absolute;
-  top: 80px;
-  left: 25px;
+  top: -350px;
+  left: -40px;
   bottom: 0;
   right: 0;
   margin: auto;
@@ -71,12 +71,15 @@ header .container .identity ul {
 }
 
 header .container .identity ul li {
-  width: 400px;
+  display: inline-flex;
+  margin: auto;
   padding: 0px 28px;
 }
 
 header .container .identity ul li a {
+  font-size: 18px;
   height: 23px;
+  margin: 0px 30px;
   color: #737373;
 }
 
@@ -88,7 +91,6 @@ header .container .identity ul li .set_1_btn {
   text-align: center;
   max-width: 100px;
   text-decoration: none;
-  width: 100%;
 }
 
 header .container .identity ul li .Vbtn-2 {
@@ -113,7 +115,7 @@ header .container .identity ul li .Vbtn-2:hover:after {
   border-color: #56c5ff;
   -webkit-transition: width 350ms ease-in-out;
   transition: width 350ms ease-in-out;
-  width: 70%;
+  width: 100%;
 }
 
 header .container .identity ul li:visited {
@@ -121,26 +123,26 @@ header .container .identity ul li:visited {
 }
 
 header .container .layui-input {
+  border: 0;
+  outline: medium;
   border-radius: 5px;
   width: 400px;
   height: 40px;
   font-size: 15px;
-  margin-left: 19px;
-  margin-top: 20px;
-}
-
-header .container .layui-form-item {
-  margin-left: -30px;
 }
 
 header .container .layui-form-item .checkb {
-  margin-left: 30px;
+  display: contents;
+}
+
+header .container .layui-form-item .checkb .ui-checkbox {
+  margin: 0;
+  height: 0;
 }
 
 header .container .layui-form-item .checkb input {
   display: block;
   position: relative;
-  top: 19px;
 }
 
 header .container .layui-form-item .checkb a {
@@ -152,8 +154,17 @@ header .container .layui-form-item .font-set {
   text-decoration: none;
 }
 
+header .container .layui-input-block {
+  border: 0px;
+  outline: none;
+}
+
+header .container .layui-input-block input {
+  margin: 0;
+}
+
 header .container .layui-input-block:last-child {
-  margin-left: 20px;
+  margin: 0px 10px;
 }
 
 header .container .codes {
@@ -164,29 +175,33 @@ header .container .codes input {
   margin-top: 0;
 }
 
-header .container .codes canvas {
+header .container .codes li {
   width: 200px;
   height: 40px;
   background: #efefef;
   border-radius: 5px;
+  margin-top: 10px;
 }
 
-header .container .codes canvas p {
-  color: #000;
+header .container .codes li p {
+  color: #8c8c8c;
+  z-index: 3;
+  text-align: center;
+  font-size: 14px;
+  margin-top: 10px;
   z-index: 3;
 }
 
 header .container .layui-btn {
-  margin-left: 18px;
   border-radius: 5px;
-  width: 400px;
   height: 40px;
   font-size: 15px;
+  color: #fff;
   background-color: #cb1919;
 }
 
 header .container .verity {
-  width: 200px;
+  width: 340px;
 }
 
 header .container .bot {
@@ -246,109 +261,6 @@ section .navig .label .label-icon ul li img {
   width: 25px;
 }
 
-footer {
-  padding: 0px 180px;
-}
+@media screen and (min-width:621px) and (max-width:720px) {
 
-footer .foot {
-  display: flex;
-  margin: 0 auto;
-}
-
-footer .intr {
-  padding: 35px;
-  width: 342px;
-  height: 226px;
-}
-
-footer .intr img {
-  height: 86px;
-  margin-bottom: 30px;
-}
-
-footer .intr p:nth-child(1) {
-  font-size: 40px;
-}
-
-footer .intr p:nth-child(2) {
-  color: #616161;
-}
-
-footer .address {
-  background-color: #faf9f8;
-  border-left: 1px solid #ededed;
-  border-bottom: 1px solid #ededed;
-}
-
-footer .address .addreses {
-  display: flex;
-}
-
-footer .address .addreses .addres-1, footer .address .addreses .addres-2, footer .address .addreses .addres-3 {
-  padding: 33px;
-}
-
-footer .address .addreses .icp {
-  padding: 28px 40px;
-  border-top: 1px solid #ededed;
-}
-
-footer .address .addreses .addres-1 {
-  width: 310px;
-}
-
-footer .address .addreses .addres-1 img {
-  height: 50px;
-  margin-bottom: 40px;
-}
-
-footer .address .addreses .addres-1 p {
-  line-height: 25px;
-}
-
-footer .address .addreses .addres-1 p:nth-of-type(1) {
-  font-weight: 700;
-}
-
-footer .address .addreses .addres-1 p:nth-of-type(2) {
-  font-size: 6px;
-  color: rgba(97, 97, 97, 0.8);
-}
-
-footer .address .addreses .addres-2 {
-  font-size: 20px;
-  font-weight: 700;
-  color: #000;
-}
-
-footer .address .addreses .addres-2 p {
-  line-height: 25px;
-}
-
-footer .address .addreses .addres-2 p:nth-of-type(1) {
-  font-weight: 700;
-}
-
-footer .address .addreses .addres-2 p:nth-of-type(2) {
-  font-size: 12.5px;
-  color: rgba(97, 97, 97, 0.8);
-}
-
-footer .address .addreses .addres-3 {
-  display: flex;
-}
-
-footer .address .addreses .addres-3 img {
-  height: 92px;
-}
-
-footer .address .addreses .addres-3 p {
-  float: left;
-  font-size: 1px;
-  margin-left: 12px;
-  color: rgba(97, 97, 97, 0.8);
-}
-
-footer .address .addreses .addres-4 {
-  padding: 63px;
-}
+}
\ No newline at end of file
diff --git a/css/logshoppingcar/ret.css b/css/logshoppingcar/ret.css
index 409703d..1cbe685 100644
--- a/css/logshoppingcar/ret.css
+++ b/css/logshoppingcar/ret.css
@@ -95,15 +95,19 @@ header .container .codes input {
   margin-top: 0;
 }
 
-header .container .codes canvas {
+header .container .codes li {
   width: 200px;
   height: 40px;
   background: #efefef;
   border-radius: 5px;
 }
 
-header .container .codes canvas p {
-  color: #000;
+header .container .codes li p {
+  color: #8c8c8c;
+  z-index: 3;
+  text-align: center;
+  font-size: 14px;
+  margin-top: 10px;
   z-index: 3;
 }
 /* 登录按钮 */
diff --git a/css/logshoppingcar/shopcar2.css b/css/logshoppingcar/shopcar2.css
index c178b72..546bc41 100644
--- a/css/logshoppingcar/shopcar2.css
+++ b/css/logshoppingcar/shopcar2.css
@@ -24,12 +24,7 @@ section .whoil {
 section .whoil .whoil-1 {
   margin: 20px auto;
   padding: 25px;
-  /* 最外层盒子 */
-  /* 图片 */
-  /* 左右按钮 */
-  /* 改变左右箭头、分页器的样式 */
-  /* 单独修改分页器的css样式，swiper默认是10*10的span */
-  /* 移动鼠标，隐藏显示左右按钮，配合js使用 */
+
 }
 
 section .whoil .whoil-1 .all {
diff --git a/css/logshoppingcar/tobepaid.css b/css/logshoppingcar/tobepaid.css
new file mode 100644
index 0000000..d2e18ca
--- /dev/null
+++ b/css/logshoppingcar/tobepaid.css
@@ -0,0 +1,357 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+li {
+  list-style: none;
+}
+
+a {
+  text-decoration: none;
+}
+
+section {
+  background-color: #f5f5f5;
+}
+
+section .whole {
+  padding: 15px 50px;
+  margin: auto;
+}
+
+section .whole .whole-1,
+section .whole .setall {
+  margin: 20px auto;
+  width: 1200px;
+  padding: 25px;
+  background-color: #ffffff;
+}
+
+section .whole .whole-1 .all,
+section .whole .setall .all {
+  display: inline-block;
+}
+
+section .whole .whole-1 .all h2,
+section .whole .setall .all h2 {
+  font-weight: 600;
+  float: left;
+  padding-bottom: 10px;
+}
+
+section .whole .whole-1 .Buyers,
+section .whole .whole-1 .opt,
+section .whole .setall .Buyers,
+section .whole .setall .opt {
+  padding: 25px;
+}
+
+section .whole .whole-1 .toggle,
+section .whole .whole-1 .commodity,
+section .whole .setall .toggle,
+section .whole .setall .commodity {
+  padding: 20px;
+}
+
+section .whole .whole-1 .Subtitle,
+section .whole .setall .Subtitle {
+  font-weight: 800;
+}
+
+section .whole .whole-1 .Buyers,
+section .whole .setall .Buyers {
+  border-top: 2px solid #cb1919;
+  border-bottom: 1px solid #f2f2f2;
+  background-color: #fff;
+}
+
+section .whole .whole-1 .Buyers #container span:nth-child(2),
+section .whole .setall .Buyers #container span:nth-child(2) {
+  float: right;
+}
+
+section .whole .whole-1 .Buyers #container span:nth-child(2) a,
+section .whole .setall .Buyers #container span:nth-child(2) a {
+  color: #066ee2;
+}
+
+section .whole .whole-1 .Buyers #container #wrap,
+section .whole .setall .Buyers #container #wrap {
+  overflow: hidden;
+  margin-top: 20px;
+}
+
+section .whole .whole-1 .Buyers #container #wrap .address,
+section .whole .setall .Buyers #container #wrap .address {
+  display: flex;
+  align-items: center;
+}
+
+section .whole .whole-1 .Buyers #container #wrap .address .name,
+section .whole .setall .Buyers #container #wrap .address .name {
+  display: inline-block;
+  padding: 10px 50px;
+}
+
+section .whole .whole-1 .Buyers #container #wrap .address .na-1,
+section .whole .setall .Buyers #container #wrap .address .na-1 {
+  border: solid 2px #cb1919;
+}
+
+section .whole .whole-1 .Buyers #container #wrap .address .na-2,
+section .whole .setall .Buyers #container #wrap .address .na-2 {
+  margin-top: 10px;
+  border: solid 2px #d1d1d1;
+}
+
+section .whole .whole-1 .Buyers #container #wrap .address p,
+section .whole .setall .Buyers #container #wrap .address p {
+  margin: 0px 15px;
+}
+
+section .whole .whole-1 .Buyers #container #wrap .address-2 a,
+section .whole .setall .Buyers #container #wrap .address-2 a {
+  color: #066ee2;
+}
+
+section .whole .whole-1 .Buyers #container #wrap .stop,
+section .whole .setall .Buyers #container #wrap .stop {
+  padding: 20px 20px;
+}
+
+section .whole .whole-1 .Buyers #container #read-more,
+section .whole .setall .Buyers #container #read-more {
+  margin-top: 20px;
+}
+
+section .whole .whole-1 .opt,
+section .whole .setall .opt {
+  margin-bottom: 20px;
+  border-bottom: 1px solid #f2f2f2;
+}
+
+section .whole .whole-1 .opt ul .optall table,
+section .whole .setall .opt ul .optall table {
+  width: 100%;
+  background-color: #f3f3f3;
+  margin-bottom: 20px;
+}
+
+section .whole .whole-1 .opt ul .optall #checkall,
+section .whole .setall .opt ul .optall #checkall {
+  margin-left: 10px;
+}
+
+section .whole .whole-1 .opt ul .optall th,
+section .whole .setall .opt ul .optall th {
+  height: 50px;
+}
+
+section .whole .whole-1 .opt ul .optall th span,
+section .whole .setall .opt ul .optall th span {
+  margin-left: 85px;
+}
+
+section .whole .whole-1 .opt .checklist .among table,
+section .whole .setall .opt .checklist .among table {
+  width: 100%;
+  background-color: #fff;
+}
+
+section .whole .whole-1 .opt .checklist .among th,
+section .whole .setall .opt .checklist .among th {
+  height: 115px;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(1),
+section .whole .setall .opt .checklist .among th:nth-child(1) {
+  width: 100px;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(1) img,
+section .whole .setall .opt .checklist .among th:nth-child(1) img {
+  padding: 10px;
+  width: 82px;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(2),
+section .whole .setall .opt .checklist .among th:nth-child(2) {
+  width: 300px;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(4) > input,
+section .whole .setall .opt .checklist .among th:nth-child(4) > input {
+  width: 80px;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(3), section .whole .whole-1 .opt .checklist .among th:nth-child(4), section .whole .whole-1 .opt .checklist .among th:nth-child(6),
+section .whole .setall .opt .checklist .among th:nth-child(3),
+section .whole .setall .opt .checklist .among th:nth-child(4),
+section .whole .setall .opt .checklist .among th:nth-child(6) {
+  width: 162px;
+  text-align: center;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(5),
+section .whole .setall .opt .checklist .among th:nth-child(5) {
+  width: 120px;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(5) input,
+section .whole .setall .opt .checklist .among th:nth-child(5) input {
+  text-align: center;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(5) input:nth-child(1), section .whole .whole-1 .opt .checklist .among th:nth-child(5) input:nth-child(3),
+section .whole .setall .opt .checklist .among th:nth-child(5) input:nth-child(1),
+section .whole .setall .opt .checklist .among th:nth-child(5) input:nth-child(3) {
+  width: 15px;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(5) input:nth-child(2),
+section .whole .setall .opt .checklist .among th:nth-child(5) input:nth-child(2) {
+  width: 30px;
+}
+
+section .whole .whole-1 .coupon,
+section .whole .setall .coupon {
+  width: 100%;
+  display: inline-flex;
+  padding-bottom: 40px;
+  border-bottom: 1px solid #f2f2f2;
+}
+
+section .whole .whole-1 .coupon .yh,
+section .whole .setall .coupon .yh {
+  width: 262px;
+  height: 130px;
+  margin-right: 25px;
+}
+
+section .whole .whole-1 .coupon .yh h1,
+section .whole .whole-1 .coupon .yh h3,
+section .whole .whole-1 .coupon .yh span,
+section .whole .setall .coupon .yh h1,
+section .whole .setall .coupon .yh h3,
+section .whole .setall .coupon .yh span {
+  color: #fff;
+}
+
+section .whole .whole-1 .coupon .yh h1,
+section .whole .setall .coupon .yh h1 {
+  font-size: 50px;
+  position: relative;
+  left: 30px;
+  top: 20px;
+}
+
+section .whole .whole-1 .coupon .yh h3,
+section .whole .setall .coupon .yh h3 {
+  font-size: 17px;
+  position: relative;
+  left: 91px;
+  top: -32px;
+  font-weight: 700;
+}
+
+section .whole .whole-1 .coupon .yh span,
+section .whole .setall .coupon .yh span {
+  position: relative;
+  left: 91px;
+  top: -32px;
+}
+
+section .whole .whole-1 .coupon .yh p,
+section .whole .setall .coupon .yh p {
+  color: #cb1919;
+  position: relative;
+  text-align: center;
+}
+
+section .whole .whole-1 .coupon .coupon-1,
+section .whole .setall .coupon .coupon-1 {
+  background: url("../../img/images/coupon-1.png");
+  margin-left: 50px;
+}
+
+section .whole .whole-1 .coupon .coupon-2,
+section .whole .setall .coupon .coupon-2 {
+  background: url("../../img/images/coupon-2.png");
+}
+
+section .whole .whole-1 .coupon .coupon-3,
+section .whole .setall .coupon .coupon-3 {
+  background: url("../../img/images/coupon-3.png");
+}
+
+section .whole .whole-1 .coupon .coupon-3 p,
+section .whole .setall .coupon .coupon-3 p {
+  color: #d2d2d2;
+}
+
+section .whole .whole-1 .remarks,
+section .whole .setall .remarks {
+  padding-top: 30px;
+}
+
+section .whole .whole-1 .remarks .layui-textarea,
+section .whole .setall .remarks .layui-textarea {
+  background-color: #fcfcfc;
+}
+
+section .whole .setall {
+  background-color: #fff;
+  border: 1px solid #e0e0e0;
+  margin-top: 25px;
+}
+
+section .whole .setall .seta li {
+  margin-bottom: 20px;
+  display: block;
+  position: relative;
+  left: 815px;
+  text-align: center;
+  width: 380px;
+}
+
+section .whole .setall .seta li span {
+  float: right;
+}
+
+section .whole .setall .total {
+  border-top: 1px solid #e0e0e0;
+  border-bottom: 1px solid #e0e0e0;
+}
+
+section .whole .setall .total li {
+  display: block;
+  position: relative;
+  left: 752px;
+  text-align: center;
+  line-height: 50px;
+  width: 445px;
+}
+
+section .whole .setall .total li span {
+  color: #cb1919;
+  font-size: 26px;
+  font-weight: 800;
+  float: right;
+}
+
+section .whole .setall .total li p {
+  color: #ababab;
+}
+
+section .whole .setall .subore {
+  padding: 30px 0px;
+  height: 20px;
+}
+
+section .whole .setall .subore span {
+  padding: 15px 35px;
+  background-color: #cb1919;
+  color: #fff;
+  float: right;
+}
diff --git a/css/logshoppingcar/zf.css b/css/logshoppingcar/zf.css
new file mode 100644
index 0000000..5f6923a
--- /dev/null
+++ b/css/logshoppingcar/zf.css
@@ -0,0 +1,70 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+li {
+  list-style: none;
+}
+
+a {
+  text-decoration: none;
+}
+
+section {
+  background-color: #f5f5f5;
+}
+
+section .whole {
+  padding: 15px 50px;
+  margin: auto;
+}
+
+section .whole .whole-1 {
+  margin: 20px auto;
+  padding: 25px;
+}
+
+section .whole .whole-1 .payment {
+  background-color: #fff;
+  text-align: center;
+  line-height: 60px;
+  padding-top: 190px;
+  padding-bottom: 226px;
+}
+
+section .whole .whole-1 .payment img {
+  width: 97px;
+}
+
+section .whole .whole-1 .payment h2 {
+  font-weight: 600;
+  color: #00a608;
+}
+
+section .whole .whole-1 .payment .order {
+  display: inline-flex;
+}
+
+section .whole .whole-1 .payment .order .odernum {
+  padding-right: 15px;
+}
+
+section .whole .whole-1 .payment .order .oderinte,
+section .whole .whole-1 .payment .order .oderbuy {
+  padding: 0px 15px;
+}
+
+section .whole .whole-1 .payment .order .oderhome {
+  padding-left: 15px;
+}
+
+section .whole .whole-1 .payment .order .oderinte {
+  color: #cb1919;
+}
+
+section .whole .whole-1 .payment .order .oderbuy a,
+section .whole .whole-1 .payment .order .oderhome a {
+  color: #00a608;
+}
+
diff --git a/htmls/artNetwork/exhibitionComingDetail.html b/htmls/artNetwork/exhibitionComingDetail.html
new file mode 100644
index 0000000..816145e
--- /dev/null
+++ b/htmls/artNetwork/exhibitionComingDetail.html
@@ -0,0 +1,243 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>展览</title>
+		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+		<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
+		<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
+	</head>
+	<body>
+		<div class="ont-swiper swiper-container" id="top">
+			<div class="swiper-wrapper">
+				<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
+				<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
+			</div>
+			<div class="swiper-pagination"></div>
+		</div>
+		<script>
+			let swiper = new Swiper('.ont-swiper', {
+				cssMode: false,//禁止鼠标滑动，切换
+				loop:true,
+				autoplay: {
+					delay: 3000,
+					stopOnLastSlide: true,
+					disableOnInteraction: false,
+				},
+				pagination: {
+					el: '.swiper-pagination',
+					clickable :true,
+				},
+				mousewheel: false,//禁止鼠标滚动，切换
+			});
+		</script>
+		<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
+			<img class="logo" src="../../img/logo.png">
+			<div>
+				<div class="guan-box">
+					<span class="cq-cp">关于我们</span>
+					<span class="sy-dian"></span>
+					<div class="cq-cp dac">
+						<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
+						<span class="cq-cp">我的购物车</span>
+					</div>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">积分商城</span>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">联系我们</span>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">登录/注册</span>
+					<div class="dn">
+						<span>个人中心</span>
+						<span>【退出】</span>
+					</div>
+				</div>
+				<div class="dend w100 ac">
+					<div class="w100">
+						<ul class="dao-box dac">
+							<li class="pr">
+								<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
+								<!-- 点 -->
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr cq-dao-active djcacfw">展览<div class="xiahx pa "></div></div>
+								<span class="redD pa"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+						</ul>
+					</div>
+					<div class="pr input-box backf">
+						<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
+						<img class="pa cq-cp" src="../../img/sy-search.png">
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="p-zy320" style="background: #e6e6e6;">
+			<div class="djbac">
+				<div class="font-40" style="padding: 45px 0 30px 0;">展览</div>
+				<div class="dac m-s20" id="px-item">
+					<div class="cq-cp zx-gg">正在展会</div>
+					<div class="cq-cp zx-xx" style="margin: 0 10px;">即将展览</div>
+					<div class="cq-cp zx-gg">展览回顾</div>
+				</div>
+			</div>
+		</div>
+		<div class="p-zy320 p-sx30">
+			<div class="dis">
+				<div class="w50 m-y30">
+					<img width="100%" src="../../img/public/jg-dz-03.png" >
+				</div>
+				<div class="w100">
+					<div class="djbac bbt p-sx10">
+						<div class="font-26 col19">未来城市+ ：建筑设计模型展</div>
+						<div id="toug" class="cq-cp" style="color: #ce2828;border: 1px solid #ce2828;width: 110px;height: 42px;line-height: 42px;text-align: center;border-radius: 3px;">我要投稿</div>
+					</div>
+					<div class="bbt m-s10 font-15 p-x20 linh32">
+						<div><span class="op6">主办方：</span>华夏艺术网</div>
+						<div><span class="op6">展览时间：</span>2021.07.09 - 2021.07.19</div>
+						<div><span class="op6">开放时间：</span>周二 至周日：10:00 --18:00，周三延长开放至21:00（周一闭馆，闭馆前30分钟停止入场）</div>
+						<div class="dis">
+							<span class="op6">展览地址：</span>
+							<div>
+								上海喜马拉雅美术馆
+								<div class="dac">
+									上海市樱花路869号喜玛拉雅中心A区3-4 层
+									<div class="dac m-z20 cq-cp">
+										<img style="width: 15px;height: 17px;margin-right: 4px;" src="../../img/public/zldw.png" >
+										<span style="color: #007de2;">去这里</span>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="linh32 m-s10"><span class="op6">展览简介：</span></div>
+					<div class="linh32">上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师</div>
+				</div>
+			</div>
+			<div class="backf5 m-s30" style="padding: 6px;">
+				<div class="p-sx20 backf">
+					<div class="djbac bbt m-zy20 p-x10">
+						<div class="font-28">山东美术馆</div>
+						<div class="dac">
+							<div class="dac m-y10 cq-cp" style="height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;">
+								<div class="m-y20 font-14 op6">票数从高到低</div>
+								<img src="../../img/public/zlxl.png" width="12" height="8" >
+							</div>
+							<div class="dac" style="width: 244px;height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;">
+								<input style="width: 100%;border: none;height: 34px;margin-right: 20px;" type="" name="" id="" value="" placeholder="作品搜索"/>
+								<img style="width: 17px;height: 16px;" src="../../img/sy-search.png" >
+							</div>
+						</div>
+					</div>
+					<!-- 全部列表 -->
+					<section class="p-zy20">
+					    <div id="zlzp-list" class="dac fw" style="width: 102.6%;"></div>
+						<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
+							<div class="container gray">
+								<div class="ispinner gray animating">
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+								</div>
+							</div>
+							<div class="m-z10 col7d">下拉加载更多信息</div>
+						</div>
+					</section>
+				</div>
+			</div>
+		</div>
+		<!-- 弹框 -->
+		<div id="isTank" style="display: none; position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 20;">
+			<div style="position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);">
+				<div style="max-width: 986px;background: #FFFFFF;border-radius: 3px;padding-bottom: 30px;">
+					<!-- 投稿弹框 -->
+					<div id="duik">
+						<div class="djbac pd10" style="background: #e9e9e9;">
+							<div class="font-16 fb">我要投稿 </div>
+							<div class="pr djcacfw m-y10 cq-cp close-q" style="width: 19px;height: 19px;">
+								<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(45deg);"></div>
+								<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(-45deg);"></div>
+							</div>
+						</div>
+						<div style="padding: 0 40px;">
+							<div class="djcacfw m-s37 m-x37">
+								<div id="sumitdh" class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;" onselectstart="return false;">
+									<span class="op8">立即提交</span>
+								</div>
+							</div>
+						</div>
+					</div>
+					<!-- 投票弹框 -->
+					<div id="success_fail"style="width: 569px;">
+						<div class="dend" style="padding: 10px;">
+							<div class="pr cq-cp close-q" style="width: 19px;height: 19px;display: flex;justify-content: center;align-items: center;">
+								<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(45deg);"></div>
+								<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(-45deg);"></div>
+							</div>
+						</div>
+						<!-- 失败 -->
+						<div id="failk" class="djbacfw fc" style="display: none;">
+							<img style="width: 77px;height: 77px;margin-top: 54px;" src="../../img/public/yihan.png" >
+							<div class="font-36 m-sx30">很遗憾</div>
+							<div class="font-24">今天的票数已经用完了，请明天再来哦</div>
+							<div class="font-16 op8 cq-cp goZhanl" style="margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;">返回展览</div>
+						</div>
+						<!-- 成功 -->
+						<div id="successk" class="djbacfw fc" style="">
+							<img style="width: 76px;height: 77px;margin-top: 54px;" src="../../img/public/duigou.png" >
+							<div class="font-36 m-sx30">投票成功</div>
+							<div class="font-24">您今天还有2次投票机会</div>
+							<div class="dac">
+								<div class="font-16 op8 cq-cp continueTP" style="margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;">继续投票</div>
+								<div class="font-16 op8 cq-cp continueTP" style="margin: 50px 0;border: 1px solid #CB1919;color: #CB1919; width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;margin-left: 10px;">分享好友</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- 底部导航 -->
+		<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+		<!-- 回到顶部 -->
+		<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+	</body>
+</html>
diff --git a/htmls/artNetwork/pointsMall.html b/htmls/artNetwork/pointsMall.html
new file mode 100644
index 0000000..9e05bdf
--- /dev/null
+++ b/htmls/artNetwork/pointsMall.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>积分商城</title>
+		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+		<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
+		<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
+	</head>
+	<body>
+		<div class="ont-swiper swiper-container" id="top">
+			<div class="swiper-wrapper">
+				<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
+				<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
+			</div>
+			<div class="swiper-pagination"></div>
+		</div>
+		<script>
+			let swiper = new Swiper('.ont-swiper', {
+				cssMode: false,//禁止鼠标滑动，切换
+				loop:true,
+				autoplay: {
+					delay: 3000,
+					stopOnLastSlide: true,
+					disableOnInteraction: false,
+				},
+				pagination: {
+					el: '.swiper-pagination',
+					clickable :true,
+				},
+				mousewheel: false,//禁止鼠标滚动，切换
+			});
+		</script>
+		<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
+			<img class="logo" src="../../img/logo.png">
+			<div>
+				<div class="guan-box">
+					<span class="cq-cp">关于我们</span>
+					<span class="sy-dian"></span>
+					<div class="cq-cp dac">
+						<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
+						<span class="cq-cp">我的购物车</span>
+					</div>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">积分商城</span>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">联系我们</span>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">登录/注册</span>
+					<div class="dn">
+						<span>个人中心</span>
+						<span>【退出】</span>
+					</div>
+				</div>
+				<div class="dend w100 ac">
+					<div class="w100">
+						<ul class="dao-box dac">
+							<li class="pr">
+								<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
+								<!-- 点 -->
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">展览</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">商城</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+						</ul>
+					</div>
+					<div class="pr input-box backf">
+						<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
+						<img class="pa cq-cp" src="../../img/sy-search.png">
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="p-zy320" style="background: #e6e6e6;">
+			<div class="djbac">
+				<div class="font-40" style="padding: 45px 0 30px 0;">积分商城</div>
+			</div>
+		</div>
+		<div class="p-zy320 m-s10">
+			<div id="jf-list" class="dac fw" style="width: 102.6%;"></div>
+		</div>
+		<!-- 底部导航 -->
+		<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+		<!-- 回到顶部 -->
+		<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+	</body>
+</html>
diff --git a/htmls/artNetwork/pointsMallDetail.html b/htmls/artNetwork/pointsMallDetail.html
new file mode 100644
index 0000000..6731fe8
--- /dev/null
+++ b/htmls/artNetwork/pointsMallDetail.html
@@ -0,0 +1,245 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>积分商城详情</title>
+		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+		<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
+		<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
+	</head>
+	<body>
+		<div class="ont-swiper swiper-container" id="top">
+			<div class="swiper-wrapper">
+				<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
+				<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
+			</div>
+			<div class="swiper-pagination"></div>
+		</div>
+		<script>
+			let swiper = new Swiper('.ont-swiper', {
+				cssMode: false,//禁止鼠标滑动，切换
+				loop:true,
+				autoplay: {
+					delay: 3000,
+					stopOnLastSlide: true,
+					disableOnInteraction: false,
+				},
+				pagination: {
+					el: '.swiper-pagination',
+					clickable :true,
+				},
+				mousewheel: false,//禁止鼠标滚动，切换
+			});
+		</script>
+		<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
+			<img class="logo" src="../../img/logo.png">
+			<div>
+				<div class="guan-box">
+					<span class="cq-cp">关于我们</span>
+					<span class="sy-dian"></span>
+					<div class="cq-cp dac">
+						<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
+						<span class="cq-cp">我的购物车</span>
+					</div>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">积分商城</span>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">联系我们</span>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">登录/注册</span>
+					<div class="dn">
+						<span>个人中心</span>
+						<span>【退出】</span>
+					</div>
+				</div>
+				<div class="dend w100 ac">
+					<div class="w100">
+						<ul class="dao-box dac">
+							<li class="pr">
+								<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
+								<!-- 点 -->
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">展览</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">商城</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+						</ul>
+					</div>
+					<div class="pr input-box backf">
+						<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
+						<img class="pa cq-cp" src="../../img/sy-search.png">
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="p-zy320" style="background: #e6e6e6;">
+			<div class="djbac">
+				<div class="font-14 col19 op7" style="padding: 20px 0;">网站首页 - 商城 - 瓷器 - 东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼品/乐趣 H20-03B 乐趣猪 彩色</div>
+			</div>
+		</div>
+		<div class="p-zy320">
+			<div class="djb bbt ps m-s30 p-x30">
+				<!-- Swiper -->
+				<div class="ys-swiper swiper-container">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
+						<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
+						<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
+					</div>
+					<!-- 右箭头 -->
+					<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
+					<!-- 左箭头 -->
+					<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
+				</div>
+				<script>
+					let twoswiper = new Swiper('.ys-swiper', {
+						cssMode: false,//禁止鼠标滑动，切换
+						loop:true,
+						autoplay: {
+							delay: 2000,
+							stopOnLastSlide: true,
+							disableOnInteraction: false,
+						},
+						navigation: {
+							nextEl: '.two-next',
+							prevEl: '.two-prev',
+						},
+						mousewheel: false,//禁止鼠标滚动，切换
+					});
+				</script>
+				<div class="" style="width: 86%;padding-right: 10px;padding: 20px;">
+					<div class="font-24 clips2 fb p-x10" style="line-height: 42px;">东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼 品/乐趣 H20-03B 乐趣猪 彩色</div>
+					<div class="p-sx20 font-15 linh30 btt">
+						<div class="font-15 col19">所需积分：<span class="font-30 fb colcb">2590</span></div>
+						<div class="font-15 col19 dis p-sx20 bbt">数量：
+							<div class="djbac" style="width: 60px;height: 46px;border: 1px solid #cccccc;">
+								<input id="numVal" style="border: none;width: 32px;text-align: center;height: 44px;" type="text" name="" value="4" />
+								<div style="text-align: center;flex-shrink: 0;">
+									<div class="cq-cp addNum" onselectstart="return false;">+</div>
+									<div class="cq-cp delNum" onselectstart="return false;">-</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="bbt p-x20">
+						<div class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;margin-left: 46px;">
+							<div id="duih" style="font-size: 20px;color: #FFFFFF;" onselectstart="return false;">立即兑换</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="backf5" style="padding: 6px;">
+				<div class="backf p-x30">
+					<!-- 详情 -->
+					<div class="p-zy20">
+						<div class="djb bbt">
+							<div class="dac">
+								<!-- 二级导航 -->
+								<ul class="zx-nav dac" style="padding: 0;margin: 0;">
+									<li class="pr"><a href="javascript:;" class="zx-nav-title">详情描述</a><div class="zx-nav-active"></div></li>
+								</ul>
+							</div>
+						</div>
+						<div class="font-15 linh30 m-sx20" style="color: #222222;">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994</div>
+						<img width="100%" src="../../img/public/jfd01.png" >
+						<div class="font-15 linh30 m-sx20" style="color: #222222;">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝</div>
+						<img width="100%" src="../../img/public/jfd02.png" >
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- 弹框 -->
+		<div id="isTank" style="display: none; position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 20;">
+			<div style="position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);">
+				<div style="max-width: 986px;background: #FFFFFF;border-radius: 3px;padding-bottom: 30px;">
+					<!-- 立即兑换弹框 -->
+					<div id="duik">
+						<div class="djbac pd10" style="background: #e9e9e9;">
+							<div class="font-16 fb">立即兑换</div>
+							<div class="pr djcacfw m-y10 cq-cp close-q" style="width: 19px;height: 19px;">
+								<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(45deg);"></div>
+								<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(-45deg);"></div>
+							</div>
+						</div>
+						<div style="padding: 0 40px;">
+							<div style="line-height: 48px;margin-top: 30px;">
+								<div>商品名称：<span class="colcb">东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼品/乐趣 H20-03B 乐趣猪 彩色</span></div>
+								<div>兑换数量：<span class="colcb">X4</span></div>
+								<div>所需积分：<span class="colcb">10360</span></div>
+							</div>
+							<div class="pd20 m-s20" style="border: 2px solid #e5e5e5;">
+								<div class="dac">
+									<span class="font-16 fb">四川省 成都市 温江区 涌泉街道 凤凰北大街66号 （高高 收）13812341234 </span>
+									<div style="color: #FFFFFF;background: #CB1919;font-size: 14px;padding: 2px 4px;margin-left: 20px;">默认地址</div>
+								</div>
+								<div class="font-14 m-s10 cq-cp" style="color: #105ee0;">使用新地址</div>
+							</div>
+							<div class="djcacfw m-s37 m-x37">
+								<div id="sumitdh" class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;" onselectstart="return false;">
+									<span class="op8">立即兑换</span>
+								</div>
+							</div>
+						</div>
+					</div>
+					<!-- 购买、兑换成功与失败弹框 -->
+					<div id="success_fail" style="width: 569px;display: none;">
+						<div class="dend" style="padding: 10px 25px;">
+							<div class="pr cq-cp close-q" style="width: 19px;height: 19px;">
+								<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(45deg);"></div>
+								<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(-45deg);"></div>
+							</div>
+						</div>
+						<!-- 失败 -->
+						<div id="failk" class="djbacfw fc" style="display: none;">
+							<img style="width: 77px;height: 77px;margin-top: 54px;" src="../../img/public/yihan.png" >
+							<div class="font-36 m-sx30">很遗憾</div>
+							<div class="font-24">您的积分不足兑换该商品</div>
+							<div class="font-16 op8 cq-cp goShop" style="margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;">去购物</div>
+						</div>
+						<!-- 成功 -->
+						<div id="successk" class="djbacfw fc" style="display: none;">
+							<img style="width: 76px;height: 77px;margin-top: 54px;" src="../../img/public/duigou.png" >
+							<div class="font-36 m-sx30">恭喜您</div>
+							<div class="font-24">商品兑换成功，坐等收货</div>
+							<div class="font-16 op8 cq-cp goShop" style="margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;">去购物</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- 底部导航 -->
+		<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+		<!-- 回到顶部 -->
+		<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+	</body>
+</html>
diff --git a/htmls/artNetwork/shopDetail.html b/htmls/artNetwork/shopDetail.html
new file mode 100644
index 0000000..22f1753
--- /dev/null
+++ b/htmls/artNetwork/shopDetail.html
@@ -0,0 +1,202 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>商城详情</title>
+		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+		<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
+		<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
+	</head>
+	<body>
+		<div class="ont-swiper swiper-container" id="top">
+			<div class="swiper-wrapper">
+				<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
+				<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
+			</div>
+			<div class="swiper-pagination"></div>
+		</div>
+		<script>
+			let swiper = new Swiper('.ont-swiper', {
+				cssMode: false,//禁止鼠标滑动，切换
+				loop:true,
+				autoplay: {
+					delay: 3000,
+					stopOnLastSlide: true,
+					disableOnInteraction: false,
+				},
+				pagination: {
+					el: '.swiper-pagination',
+					clickable :true,
+				},
+				mousewheel: false,//禁止鼠标滚动，切换
+			});
+		</script>
+		<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
+			<img class="logo" src="../../img/logo.png">
+			<div>
+				<div class="guan-box">
+					<span class="cq-cp">关于我们</span>
+					<span class="sy-dian"></span>
+					<div class="cq-cp dac">
+						<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
+						<span class="cq-cp">我的购物车</span>
+					</div>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">积分商城</span>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">联系我们</span>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">登录/注册</span>
+					<div class="dn">
+						<span>个人中心</span>
+						<span>【退出】</span>
+					</div>
+				</div>
+				<div class="dend w100 ac">
+					<div class="w100">
+						<ul class="dao-box dac">
+							<li class="pr">
+								<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
+								<!-- 点 -->
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">展览</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">商城</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+						</ul>
+					</div>
+					<div class="pr input-box backf">
+						<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
+						<img class="pa cq-cp" src="../../img/sy-search.png">
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="p-zy320" style="background: #e6e6e6;">
+			<div class="djbac">
+				<div class="font-14 col19 op7" style="padding: 20px 0;">网站首页 - 商城 - 瓷器 - 东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼品/乐趣 H20-03B 乐趣猪 彩色</div>
+			</div>
+		</div>
+		<div class="p-zy320">
+			<div class="djb bbt ps m-s30 p-x30">
+				<!-- Swiper -->
+				<div class="ys-swiper swiper-container">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
+						<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
+						<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
+					</div>
+					<!-- 右箭头 -->
+					<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
+					<!-- 左箭头 -->
+					<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
+				</div>
+				<script>
+					let twoswiper = new Swiper('.ys-swiper', {
+						cssMode: false,//禁止鼠标滑动，切换
+						loop:true,
+						autoplay: {
+							delay: 2000,
+							stopOnLastSlide: true,
+							disableOnInteraction: false,
+						},
+						navigation: {
+							nextEl: '.two-next',
+							prevEl: '.two-prev',
+						},
+						mousewheel: false,//禁止鼠标滚动，切换
+					});
+				</script>
+				<div class="" style="width: 86%;padding-right: 10px;padding: 20px;">
+					<div class="font-24 clips2 fb p-x10" style="line-height: 42px;">东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼 品/乐趣 H20-03B 乐趣猪 彩色</div>
+					<div class="p-sx20 font-15 linh30 btt">
+						<div class="font-15 col19">价&nbsp;&nbsp; 格：<span class="font-30 fb colcb">￥2590.0</span></div>
+						<div class="font-15 col19 m-s10">优惠卷：<span style="background: #d96464;color: #FFFFFF;padding: 2px 10px;margin-right: 10px;">满500减50</span><span style="background: #d96464;color: #FFFFFF;padding: 2px 10px;margin-right: 10px;">满1000减100</span></div>
+						<div class="font-15 col19 dis p-sx20 bbt">数量：
+							<div class="djbac" style="width: 60px;height: 46px;border: 1px solid #cccccc;">
+								<input id="numVal" style="border: none;width: 32px;text-align: center;height: 44px;" type="text" name="" value="4" />
+								<div style="text-align: center;flex-shrink: 0;">
+									<div class="cq-cp addNum" onselectstart="return false;">+</div>
+									<div class="cq-cp delNum" onselectstart="return false;">-</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="bbt p-x20 dac">
+						<div class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;margin-left: 46px;">
+							<div style="font-size: 20px;color: #FFFFFF;" onselectstart="return false;">加入购物车</div>
+						</div>
+						<div class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #ed4910;margin-left: 10px;">
+							<div style="font-size: 20px;color: #FFFFFF;" onselectstart="return false;">立即购买</div>
+						</div>
+					</div>
+					<div class="p-s20">
+						<div class="dac" style="margin-left: 46px;">
+							<div class="dac cq-cp">
+								<img style="width: 14px;height: 13px;margin-right: 4px;" src="../../img/public/sp-collection.png" >
+								<span class="font-14 op7 col19">收藏</span>
+							</div>
+							<div class="dac m-z10 cq-cp">
+								<img style="width: 16px;height: 14px;margin-right: 4px;" src="../../img/public/sp-share.png" >
+								<span class="font-14 op7 col19">分享</span>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="backf5" style="padding: 6px;">
+				<div class="backf p-x30">
+					<!-- 详情 -->
+					<div class="p-zy20">
+						<div class="djb bbt">
+							<div class="dac">
+								<!-- 二级导航 -->
+								<ul class="zx-nav dac" style="padding: 0;margin: 0;">
+									<li class="pr"><a href="javascript:;" class="zx-nav-title">详情描述</a><div class="zx-nav-active"></div></li>
+								</ul>
+							</div>
+						</div>
+						<div class="font-15 linh30 m-sx20" style="color: #222222;">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994</div>
+						<img width="100%" src="../../img/public/jfd01.png" >
+						<div class="font-15 linh30 m-sx20" style="color: #222222;">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝</div>
+						<img width="100%" src="../../img/public/jfd02.png" >
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- 底部导航 -->
+		<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+		<!-- 回到顶部 -->
+		<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+	</body>
+</html>
diff --git a/htmls/artNetwork/shopMore.html b/htmls/artNetwork/shopMore.html
new file mode 100644
index 0000000..112b825
--- /dev/null
+++ b/htmls/artNetwork/shopMore.html
@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>商城</title>
+		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+		<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
+		<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
+	</head>
+	<body>
+		<div class="ont-swiper swiper-container" id="top">
+			<div class="swiper-wrapper">
+				<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
+				<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
+			</div>
+			<div class="swiper-pagination"></div>
+		</div>
+		<script>
+			let swiper = new Swiper('.ont-swiper', {
+				cssMode: false,//禁止鼠标滑动，切换
+				loop:true,
+				autoplay: {
+					delay: 3000,
+					stopOnLastSlide: true,
+					disableOnInteraction: false,
+				},
+				pagination: {
+					el: '.swiper-pagination',
+					clickable :true,
+				},
+				mousewheel: false,//禁止鼠标滚动，切换
+			});
+		</script>
+		<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
+			<img class="logo" src="../../img/logo.png">
+			<div>
+				<div class="guan-box">
+					<span class="cq-cp">关于我们</span>
+					<span class="sy-dian"></span>
+					<div class="cq-cp dac">
+						<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
+						<span class="cq-cp">我的购物车</span>
+					</div>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">积分商城</span>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">联系我们</span>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">登录/注册</span>
+					<div class="dn">
+						<span>个人中心</span>
+						<span>【退出】</span>
+					</div>
+				</div>
+				<div class="dend w100 ac">
+					<div class="w100">
+						<ul class="dao-box dac">
+							<li class="pr">
+								<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
+								<!-- 点 -->
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">展览</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr cq-dao-active djcacfw"><a href="javascript:;">商城</a><div class="xiahx pa"></div></div>
+								<span class="redD pa"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+						</ul>
+					</div>
+					<div class="pr input-box backf">
+						<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
+						<img class="pa cq-cp" src="../../img/sy-search.png">
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="p-zy320" style="background: #e6e6e6;">
+			<div class="djbac">
+				<div class="font-40 p-sx30">商城</div>
+			</div>
+		</div>
+		<div class="p-zy320 m-s10">
+			<!-- 分类 -->
+			<div class="djb bbt">
+				<div class="dac">
+					<!-- 二级导航 -->
+					<ul class="zx-nav dac" style="padding: 0;margin: 0;">                                              
+						<li class="pr"><a href="javascript:;" class="zx-nav-title">全部商品</a><div class="zx-nav-active"></div></li>
+						<li class="pr"><a href="javascript:;">国画</a><div></div></li>
+						<li class="pr"><a href="javascript:;">油画</a><div></div></li>
+						<li class="pr"><a href="javascript:;">书法</a><div></div></li>
+						<li class="pr"><a href="javascript:;">素描</a><div></div></li>
+						<li class="pr"><a href="javascript:;">雕塑</a><div></div></li>
+						<li class="pr"><a href="javascript:;">工笔画</a><div></div></li>
+					</ul>
+				</div>
+			</div>
+			<div id="alls-list" class="dac m-s20 fw"></div>
+		</div>
+		<!-- 底部导航 -->
+		<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+		<!-- 回到顶部 -->
+		<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+	</body>
+</html>
diff --git a/htmls/artNetwork/shoppingMall.html b/htmls/artNetwork/shoppingMall.html
new file mode 100644
index 0000000..752bfbd
--- /dev/null
+++ b/htmls/artNetwork/shoppingMall.html
@@ -0,0 +1,373 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>商城</title>
+		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+		<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
+		<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
+	</head>
+	<body>
+		<div class="ont-swiper swiper-container" id="top">
+			<div class="swiper-wrapper">
+				<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
+				<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
+			</div>
+			<div class="swiper-pagination"></div>
+		</div>
+		<script>
+			let swiper = new Swiper('.ont-swiper', {
+				cssMode: false,//禁止鼠标滑动，切换
+				loop:true,
+				autoplay: {
+					delay: 3000,
+					stopOnLastSlide: true,
+					disableOnInteraction: false,
+				},
+				pagination: {
+					el: '.swiper-pagination',
+					clickable :true,
+				},
+				mousewheel: false,//禁止鼠标滚动，切换
+			});
+		</script>
+		<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
+			<img class="logo" src="../../img/logo.png">
+			<div>
+				<div class="guan-box">
+					<span class="cq-cp">关于我们</span>
+					<span class="sy-dian"></span>
+					<div class="cq-cp dac">
+						<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
+						<span class="cq-cp">我的购物车</span>
+					</div>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">积分商城</span>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">联系我们</span>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">登录/注册</span>
+					<div class="dn">
+						<span>个人中心</span>
+						<span>【退出】</span>
+					</div>
+				</div>
+				<div class="dend w100 ac">
+					<div class="w100">
+						<ul class="dao-box dac">
+							<li class="pr">
+								<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
+								<!-- 点 -->
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">展览</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr cq-dao-active djcacfw"><a href="javascript:;">商城</a><div class="xiahx pa"></div></div>
+								<span class="redD pa"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+						</ul>
+					</div>
+					<div class="pr input-box backf">
+						<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
+						<img class="pa cq-cp" src="../../img/sy-search.png">
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="p-zy320 p-s30" style="background: #e6e6e6;">
+			<div class="shop-swiper swiper-container">
+				<div class="swiper-wrapper">
+					<div class="swiper-slide"><img class="banner-img" src="../../img/public/shop01.png" ></div>
+					<div class="swiper-slide"><img class="banner-img" src="../../img/public/shop01.png" ></div>
+				</div>
+				<div class="swiper-pagination"></div>
+			</div>
+			<script>
+				let shopSwiper = new Swiper('.shop-swiper', {
+					cssMode: false,//禁止鼠标滑动，切换
+					loop:true,
+					autoplay: {
+						delay: 3000,
+						stopOnLastSlide: true,
+						disableOnInteraction: false,
+					},
+					pagination: {
+						el: '.swiper-pagination',
+						clickable :true,
+					},
+					mousewheel: false,//禁止鼠标滚动，切换
+				});
+			</script>
+		</div>
+		<div class="p-zy320 m-s10">
+			<!-- 热门商品 -->
+			<div class="djbac bbt p-sx10 m-x20">
+				<div class="font-26">热门商品</div>
+				<div id="rem-more" class="font-14 col19 op8 cq-cp">更多推荐</div>
+			</div>
+			<div id="rem-list" class="dac">
+				<div class="dfc w20">
+					<div>
+						<img class="w100 cq-cp" src="../../img/public/jf01.png" alt="图标丢失" title="" >
+						<div class="font-14 m-s20 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+						<div class="font-13 m-s10 fb colcb">￥<span class="font-20">2256.0</span></div>
+					</div>
+				</div>
+				<div class="dfc w20">
+					<div>
+						<img class="w100 cq-cp" src="../../img/public/jf02.png" alt="图标丢失" title="" >
+						<div class="font-14 m-s20 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+						<div class="font-13 m-s10 fb colcb">￥<span class="font-20">2256.0</span></div>
+					</div>
+				</div>
+				<div class="dfc w20">
+					<div>
+						<img class="w100 cq-cp" src="../../img/public/jf03.png" alt="图标丢失" title="" >
+						<div class="font-14 m-s20 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+						<div class="font-13 m-s10 fb colcb">￥<span class="font-20">2256.0</span></div>
+					</div>
+				</div>
+				<div class="dfc w20">
+					<div>
+						<img class="w100 cq-cp" src="../../img/public/jf04.png" alt="图标丢失" title="" >
+						<div class="font-14 m-s20 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+						<div class="font-13 m-s10 fb colcb">￥<span class="font-20">2256.0</span></div>
+					</div>
+				</div>
+				<div class="dfc w20">
+					<div>
+						<img class="w100 cq-cp" src="../../img/public/jf05.png" alt="图标丢失" title="" >
+						<div class="font-14 m-s20 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+						<div class="font-13 m-s10 fb colcb">￥<span class="font-20">2256.0</span></div>
+					</div>
+				</div>
+			</div>
+			<!-- 书画 -->
+			<div class="djbac bbt p-sx10 m-x20">
+				<div class="font-26">书画</div>
+				<div id="sh-more" class="font-14 col19 op8 cq-cp">更多产品</div>
+			</div>
+			<div id="sh-list" class="dis fw">
+				<div class="dfc pr" style="width: 41%;">
+					<img class="w100 cq-cp" height="100%" src="../../img/public/yi-one.png" alt="图标丢失" title="" >
+					<div class="pa w100" style="bottom: 0px;background: linear-gradient(to top,rgba(0,0,0,.5),rgba(255,255,255,0));margin: 0;">
+						<div style="margin: 10px;">
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+							<div class="font-14 clips1 colf m-s10">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+						</div>
+					</div>
+				</div>
+				<div class="dis" style="width: 59%;">
+					<div class="dfc" style="width: 33%;margin-left: 20px;">
+						<div>
+							<img class="w100 cq-cp" src="../../img/public/jf06.png" alt="图标丢失" title="" >
+							<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+						</div>
+					</div>
+					<div class="dfc" style="width: 33%;margin-left: 20px;">
+						<div>
+							<img class="w100 cq-cp" src="../../img/public/jf07.png" alt="图标丢失" title="" >
+							<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+						</div>
+					</div>
+					<div class="dfc" style="width: 33%;margin-left: 20px;">
+						<div>
+							<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
+							<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+						</div>
+					</div>
+				</div>
+				<div class="dis">
+					<div class="dfc w20 m-s20 m-y20">
+						<div>
+							<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
+							<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+						</div>
+					</div>
+					<div class="dfc w20 m-s20 m-y20">
+						<div>
+							<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
+							<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+						</div>
+					</div>
+					<div class="dfc w20 m-s20 m-y20">
+						<div>
+							<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
+							<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+						</div>
+					</div>
+					<div class="dfc w20 m-s20 m-y20">
+						<div>
+							<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
+							<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+						</div>
+					</div>
+					<div class="dfc w20 m-s20 m-y20">
+						<div>
+							<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
+							<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- 瓷器 -->
+			<div class="djbac bbt p-sx10 m-sx20">
+				<div class="font-26">瓷器</div>
+				<div id="cq-more" class="font-14 col19 op8 cq-cp">更多产品</div>
+			</div>
+			<div id="cq-list" class="dis fw">
+				<div class="dfc pr" style="width: 41%;">
+					<img class="w100 cq-cp" height="100%" src="../../img/public/yi-one.png" alt="图标丢失" title="" >
+					<div class="pa w100" style="bottom: 0px;background: linear-gradient(to top,rgba(0,0,0,.5),rgba(255,255,255,0));margin: 0;">
+						<div style="margin: 10px;">
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+							<div class="font-14 clips1 colf m-s10">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+						</div>
+					</div>
+				</div>
+				<div class="dis" style="width: 59%;">
+					<div class="dfc" style="width: 33%;margin-left: 20px;">
+						<div>
+							<img class="w100 cq-cp" src="../../img/public/jf06.png" alt="图标丢失" title="" >
+							<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+						</div>
+					</div>
+					<div class="dfc" style="width: 33%;margin-left: 20px;">
+						<div>
+							<img class="w100 cq-cp" src="../../img/public/jf07.png" alt="图标丢失" title="" >
+							<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+						</div>
+					</div>
+					<div class="dfc" style="width: 33%;margin-left: 20px;">
+						<div>
+							<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
+							<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+						</div>
+					</div>
+				</div>
+				<div class="dis">
+					<div class="dfc w20 m-s20 m-y20">
+						<div>
+							<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
+							<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+						</div>
+					</div>
+					<div class="dfc w20 m-s20 m-y20">
+						<div>
+							<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
+							<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+						</div>
+					</div>
+					<div class="dfc w20 m-s20 m-y20">
+						<div>
+							<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
+							<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+						</div>
+					</div>
+					<div class="dfc w20 m-s20 m-y20">
+						<div>
+							<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
+							<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+						</div>
+					</div>
+					<div class="dfc w20 m-s20 m-y20">
+						<div>
+							<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
+							<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+							<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- 积分兑换 -->
+			<div class="djbac bbt p-sx10 m-sx20">
+				<div class="font-26">积分兑换</div>
+				<div id="jf-more" class="font-14 col19 op8 cq-cp">更多商品</div>
+			</div>
+			<div id="scjf-list" class="dis">
+				<div class="dfc w20 m-y20">
+					<div>
+						<img class="w100 cq-cp" src="../../img/public/jg-dy-02.png" alt="图标丢失" title="" >
+						<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+						<div class="font-13"><span class="op7">积分：</span><span class="fb colcb">2256</span></div>
+					</div>
+				</div>
+				<div class="dfc w20 m-y20">
+					<div>
+						<img class="w100 cq-cp" src="../../img/public/jg-dy-01.png" alt="图标丢失" title="" >
+						<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+						<div class="font-13"><span class="op7">积分：</span><span class="fb colcb">2256</span></div>
+					</div>
+				</div>
+				<div class="dfc w20 m-y20">
+					<div>
+						<img class="w100 cq-cp" src="../../img/public/jg-dy-03.png" alt="图标丢失" title="" >
+						<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+						<div class="font-13"><span class="op7">积分：</span><span class="fb colcb">2256</span></div>
+					</div>
+				</div>
+				<div class="dfc w20 m-y20">
+					<div>
+						<img class="w100 cq-cp" src="../../img/public/jg-dy-04.png" alt="图标丢失" title="" >
+						<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+						<div class="font-13"><span class="op7">积分：</span><span class="fb colcb">2256</span></div>
+					</div>
+				</div>
+				<div class="dfc w20 m-y20">
+					<div>
+						<img class="w100 cq-cp" src="../../img/public/jg-dy-05.png" alt="图标丢失" title="" >
+						<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
+						<div class="font-13"><span class="op7">积分：</span><span class="fb colcb">2256</span></div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- 底部导航 -->
+		<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+		<!-- 回到顶部 -->
+		<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+	</body>
+</html>
diff --git a/htmls/artNetwork/trainDetail.html b/htmls/artNetwork/trainDetail.html
index 765a7f6..fd0f8d7 100644
--- a/htmls/artNetwork/trainDetail.html
+++ b/htmls/artNetwork/trainDetail.html
@@ -2,7 +2,7 @@
 <html>
 	<head>
 		<meta charset="utf-8">
-		<title>培训</title>
+		<title>积分商城详情</title>
 		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 		<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
 		<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
@@ -13,17 +13,11 @@
 		<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
 	</head>
 	<body>
-		<!-- Swiper -->
 		<div class="ont-swiper swiper-container" id="top">
 			<div class="swiper-wrapper">
 				<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
 				<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
 			</div>
-			<!-- 右箭头 -->
-			<!-- <div class="swiper-button-next"></div> -->
-			<!-- 左箭头 -->
-			<!-- <div class="swiper-button-prev"></div> -->
-			<!-- 指示点 -->
 			<div class="swiper-pagination"></div>
 		</div>
 		<script>
@@ -76,7 +70,7 @@
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
-								<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
+								<div class="pr djcacfw"><a href="javascript:;">展览</a><div class="xiahx pa dn"></div></div>
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
@@ -88,11 +82,11 @@
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
-								<div class="pr cq-dao-active djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa"></div></div>
-								<span class="redD pa"></span>
+								<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
-								<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
+								<div class="pr djcacfw"><a href="javascript:;">商城</a><div class="xiahx pa dn"></div></div>
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
@@ -110,35 +104,76 @@
 		</div>
 		<div class="p-zy320" style="background: #e6e6e6;">
 			<div class="djbac">
-				<div class="font-40" style="padding: 45px 0 30px 0;">培训</div>
-				<div class="dac m-s20">
-					<div class="cq-cp zx-gg">课堂介绍</div>
-					<div class="cq-cp zx-gg" style="margin: 0 10px;">课堂视频</div>
-					<div class="cq-cp zx-gg">在线直播</div>
-				</div>
+				<div class="font-14 col19 op7" style="padding: 20px 0;">网站首页 - 商城 - 瓷器 - 东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼品/乐趣 H20-03B 乐趣猪 彩色</div>
 			</div>
 		</div>
 		<div class="p-zy320">
-			<div class="dis backf5 m-sx30">
-				<div class="pr fs w50">
-					<img width="100%" class="px-item-img" src="../../img/public/px01.png" alt="图片丢失" title="">
-					<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
+			<div class="djb bbt ps m-s30 p-x30">
+				<!-- Swiper -->
+				<div class="ys-swiper swiper-container">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
+						<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
+						<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
+					</div>
+					<!-- 右箭头 -->
+					<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
+					<!-- 左箭头 -->
+					<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
 				</div>
-				<div class="p-zy40 w50 m-s30">
-					<div class="font-20 linh28 dac p-x10 bbt"><span class="quan"></span><div class="clips1">培训课名陈四岛集珍唐人书画培训</div></div>
-					<div class="font-16 col19 clips4 m-s20 m-x10 fb">课程简介</div>
-					<div class="font-15 col19 linh30 clips4 op8">本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
+				<script>
+					let twoswiper = new Swiper('.ys-swiper', {
+						cssMode: false,//禁止鼠标滑动，切换
+						loop:true,
+						autoplay: {
+							delay: 2000,
+							stopOnLastSlide: true,
+							disableOnInteraction: false,
+						},
+						navigation: {
+							nextEl: '.two-next',
+							prevEl: '.two-prev',
+						},
+						mousewheel: false,//禁止鼠标滚动，切换
+					});
+				</script>
+				<div class="" style="width: 86%;padding-right: 10px;padding: 20px;">
+					<div class="font-24 clips2 fb p-x10" style="line-height: 42px;">东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼 品/乐趣 H20-03B 乐趣猪 彩色</div>
+					<div class="p-sx20 font-15 linh30 btt">
+						<div class="font-15 col19">所需积分：<span class="font-30 fb colcb">2590</span></div>
+						<div class="font-15 col19 dis p-sx20 bbt">数量：
+							<div class="djbac" style="width: 60px;height: 46px;border: 1px solid #cccccc;">
+								<input id="numVal" style="border: none;width: 32px;text-align: center;height: 44px;" type="text" name="" value="4" />
+								<div style="text-align: center;flex-shrink: 0;">
+									<div class="cq-cp addNum" onselectstart="return false;">+</div>
+									<div class="cq-cp delNum" onselectstart="return false;">-</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="bbt p-x20">
+						<div class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;margin-left: 46px;">
+							<div style="font-size: 20px;color: #FFFFFF;" onselectstart="return false;">立即兑换</div>
+						</div>
+					</div>
 				</div>
 			</div>
 			<div class="backf5" style="padding: 6px;">
-				<div class="p-sx20 backf">
-					<div class="djb bbt m-zy20 p-x20">
-						<div class="font-36">详情介绍</div>
-					</div>
-					<div class=" p-zy20">
-						<div class="tin2 p-sx30 linh30">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
-						<img width="100%" src="../../img/public/px-d01.png" >
-						<img width="100%" src="../../img/public/px-d02.png" >
+				<div class="backf p-x30">
+					<!-- 详情 -->
+					<div class="p-zy20">
+						<div class="djb bbt">
+							<div class="dac">
+								<!-- 二级导航 -->
+								<ul class="zx-nav dac" style="padding: 0;margin: 0;">
+									<li class="pr"><a href="javascript:;" class="zx-nav-title">详情描述</a><div class="zx-nav-active"></div></li>
+								</ul>
+							</div>
+						</div>
+						<div class="font-15 linh30 m-sx20" style="color: #222222;">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994</div>
+						<img width="100%" src="../../img/public/jfd01.png" >
+						<div class="font-15 linh30 m-sx20" style="color: #222222;">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝</div>
+						<img width="100%" src="../../img/public/jfd02.png" >
 					</div>
 				</div>
 			</div>
diff --git a/htmls/logshoppingcar/artist.html b/htmls/logshoppingcar/artist.html
index 2211918..cb1568e 100644
--- a/htmls/logshoppingcar/artist.html
+++ b/htmls/logshoppingcar/artist.html
@@ -8,8 +8,16 @@
 	<title>艺术家注册</title>
 	<link rel="stylesheet" href="../../css/layui.css">
 	<link rel="stylesheet" href="../../css/logshoppingcar/artist.css">
-</head>
+	<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
+    <script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
 
+</head>
+<style>
+    .foot-iframe{
+		margin-top: -30px;
+		color: rgb(255, 255, 255);
+    }
+</style>
 <body>
 	<header>
 		<!-- logo -->
@@ -103,77 +111,11 @@
 			</div>
 		</form>
 	</header>
-	<section>
-		<div class="navig">
-			<div class="label">
-				<!-- 标签 -->
-				<div class="label-text">
-					<ul>
-						<li><a href="#">首页</a> </li>
-						<li><a href="#">资讯</a></li>
-						<li><a href="#">展览</a></li>
-						<li><a href="#">艺术家</a></li>
-						<li><a href="#">机构</a></li>
-						<li><a href="#">培训</a></li>
-						<li><a href="#">商城</a></li>
-						<li><a href="#">拍卖</a></li>
-					</ul>
-				</div>
-				<!-- 微信的图标 -->
-				<div class="label-icon">
-					<ul>
-						<li><a href="#"><img src="../../img/images/icon-wx.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-facb.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-sky.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-phon.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-wb.png" alt=""></a> </li>
-					</ul>
-				</div>
-			</div>
-		</div>
+ <!-- 底部导航 -->
+ <iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0' ></iframe>
+<!-- 回到顶部 -->
+<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
 
-	</section>
-	<footer>
-		<div class="foot">
-			<!-- 介绍 -->
-			<div class="intr">
-				<img src="../../img/images/logo.png" alt="">
-				<p><span>
-						中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名
-					</span></p>
-				<p><span>是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.</span></p>
-			</div>
-			<!-- 地址 -->
-			<div class="address">
-				<div class="addreses">
-					<div class="addres-1">
-						<img src="../../img/images/wx-text.png" alt="">
-						<p><span>成都惠民职工书院</span></p>
-						<p><span>地址：成都市青羊区青羊大道129号文化宫2楼 电话：028-81712589 </span></p>
-					</div>
-					<div class="addres-2">
-						<p><span>联系我们</span></p>
-						<p><br>地址：四川省成都市武侯区天益街38号</br>理想中心3栋601</br>手机：13880548658</br>电话:028-61529525</br>邮箱:zarts@126.com</span>
-						</p>
-					</div>
-					<div class="addres-3">
-						<li><img src="../../img/images/qr-01.png" alt="">
-							<p><span>华夏艺术网</span></p>
-						</li>
-						<li><img src="../../img/images/qr-02.png" alt="">
-							<p><span>成都惠民职工书院</span></p>
-						</li>
-					</div>
-					<!-- <div class="addres-4">
-					
-				</div> -->
-				</div>
-				<p class="icp">Copyright@2021 华夏艺术网.All rights reserved.
-					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;蜀ICP备11111111号
-				</p>
-			</div>
-		</div>
-	</footer>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/htmls/logshoppingcar/login.html b/htmls/logshoppingcar/login.html
index ef77abd..e3f0ad3 100644
--- a/htmls/logshoppingcar/login.html
+++ b/htmls/logshoppingcar/login.html
@@ -1,103 +1,99 @@
 <!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">
-    <title>登录</title>
-    <link rel="stylesheet" href="../../css/layui.css">
-    <link rel="stylesheet" href="../../css/logshoppingcar/login.css">
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>登录</title>
+	<link rel="stylesheet" href="../../css/layui.css">
+	<link rel="stylesheet" href="../../css/logshoppingcar/login.css">
+	<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
+	<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
+	<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
 </head>
+<style>
+	.foot-iframe {
+		margin-top: -30px;
+		color: rgb(255, 255, 255);
+	}
+
+	#gotoTop {
+		float: right;
+		position: relative;
+		right: 50px;
+		top: -50px;
+	}
+</style>
+
 <body>
-    <header>
-        <!-- logo -->
-        <div class="img">
-            <img src="../../img/images/logo-bac.png" alt="">
-        </div>
-        <!-- 背景图 -->
-        <div class="bac"></div>
-        <!-- 输入框 -->
-        <form class="layui-form" action="" method="post">
-    		<div class="container">
-                <div class="head"> 
-                    <h2>会员登录</h2>
-                    <p>请选择您的会员身份进行登录</p>
-                <div class="gang"></div>
-                </div>
-               <!-- 身份 -->
-              <div class="identity">
-                    <ul>
-                        <li><a href="#" class="set_1_btn Vbtn-2">个人会员</a>
+	<header>
+		<!-- logo -->
+		<div class="img">
+			<img src="../../img/images/logo-bac.png" alt="">
+		</div>
+		<!-- 背景图 -->
+		<div class="bac"></div>
+		<!-- 输入框 -->
+		<form class="layui-form" action="" method="post">
+			<div class="container">
+				<div class="head">
+					<h2>会员登录</h2>
+					<p>请选择您的会员身份进行登录</p>
+					<div class="gang"></div>
+				</div>
+				<!-- 身份 -->
+				<div class="identity">
+					<ul>
+						<li><a href="#" class="set_1_btn Vbtn-2">个人会员</a>
 							<a href="mecha.html" class="set_1_btn Vbtn-2">机构会员</a>
 							<a href="artist.html" class="set_1_btn Vbtn-2">艺术家会员</a>
 						</li>
-                    </ul>
-              </div>
-                <!-- 手机号/用户名 -->
-              <div class="layui-form-item">
-                    <div class="layui-input-block">
-                      <input type="text" name="title" required  lay-verify="required" placeholder="输入手机号/用户名" maxlength="20" autocomplete="off" class="layui-input">
-                    </div>
-              </div>
-			   <!-- 密码 -->
-			   <div class="layui-form-item">
-			    <div class="layui-input-block">
-			      <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
-			    </div>
-			  </div>
-              <!-- 验证码 -->
-			   <div class="layui-form-item">
-			    <div class="layui-input-block codes" >
-				  <input type="text" name="title" required  lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input verity">
-				  <canvas>
-					  <p>发送手机验证码</p>
-				  </canvas>
-				  
-			    </div>   
-			  </div>
-              <!-- 登录 -->
-			  <div class="layui-form-item">
-			    <div class="layui-input-block">
-			      <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>	     
-			    </div>
-			  </div>
-              <div class="bot">
-                <a href="ret.html" class="font-set">忘记密码?</a>  <a href="" class="font-set">没有账号，立即注册新用户</a>
-              </div>
-             
+					</ul>
+				</div>
+				<!-- 手机号/用户名 -->
+				<div class="layui-form-item">
+					<div class="layui-input-block">
+						<input type="text" name="title" required lay-verify="required" placeholder="输入手机号/用户名"
+							maxlength="20" autocomplete="off" class="layui-input">
+					</div>
+				</div>
+				<!-- 密码 -->
+				<div class="layui-form-item">
+					<div class="layui-input-block">
+						<input type="password" name="password" required lay-verify="required" placeholder="请输入密码"
+							autocomplete="off" class="layui-input">
+					</div>
+				</div>
+				<!-- 验证码 -->
+				<div class="layui-form-item">
+					<div class="layui-input-block codes">
+						<input type="text" name="title" required lay-verify="required" placeholder="请输入验证码"
+							autocomplete="off" class="layui-input verity">
+						<li>
+							<p>发送手机验证码</p>
+						</li>
+
+					</div>
+				</div>
+				<!-- 登录 -->
+				<div class="layui-form-item">
+					<div class="layui-input-block">
+						<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
+					</div>
+				</div>
+				<div class="bot">
+					<a href="ret.html" class="font-set">忘记密码?</a> <a href="" class="font-set">没有账号，立即注册新用户</a>
+				</div>
+
 			</div>
 		</form>
-    </header>
-    <section>  
-        <div class="navig">
-			<div class="label">
-				<!-- 标签 -->
-				<div class="label-text">
-					<ul>
-						<li><a href="#">首页</a> </li>
-						<li><a href="#">资讯</a></li>
-						<li><a href="#">展览</a></li>
-						<li><a href="#">艺术家</a></li>
-						<li><a href="#">机构</a></li>
-						<li><a href="#">培训</a></li>
-						<li><a href="#">商城</a></li>
-						<li><a href="#">拍卖</a></li>
-					</ul>
-				</div>
-				<!-- 微信的图标 -->
-				<div class="label-icon">
-					<ul>
-						<li><a href="#"><img src="../../img/images/icon-wx.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-facb.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-sky.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-phon.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-wb.png" alt=""></a> </li>
-					</ul>
-				</div>
-			</div>
-		</div>
-        
-    </section>
-  
+	</header>
+	<!-- 底部导航 -->
+	<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
+		marginwidth='0'></iframe>
+	<!-- 回到顶部 -->
+	<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
 </body>
+
 </html>
\ No newline at end of file
diff --git a/htmls/logshoppingcar/mecha.html b/htmls/logshoppingcar/mecha.html
index c80abf1..4d3983d 100644
--- a/htmls/logshoppingcar/mecha.html
+++ b/htmls/logshoppingcar/mecha.html
@@ -8,13 +8,27 @@
 	<title>机构注册</title>
 	<link rel="stylesheet" href="../../css/layui.css">
 	<link rel="stylesheet" href="../../css/logshoppingcar/mecha.css">
+	<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
+	<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
 </head>
+<style>
+	.foot-iframe {
+		margin-top: -30px;
+		color: rgb(255, 255, 255);
+	}
 
+	#gotoTop {
+		float: right;
+		position: relative;
+		right: 50px;
+		top: -50px;
+	}
+</style>
 <body>
 	<header>
 		<!-- logo -->
 		<div class="img">
-			<img src="../../img/images/logo-bac.png" alt="">
+			<img src="../../img/images/logo-bac.png" alt="图片丢失" title="华夏艺术网logo">
 		</div>
 		<!-- 背景图 -->
 		<div class="bac"></div>
@@ -59,8 +73,8 @@
 				<!-- 手机号 -->
 				<div class="layui-form-item">
 					<div class="layui-input-block">
-						<input type="tel" name="phone" required lay-verify="required" placeholder="手机号"
-							maxlength="11" autocomplete="off" class="layui-input">
+						<input type="tel" name="phone" required lay-verify="required" placeholder="手机号" maxlength="11"
+							autocomplete="off" class="layui-input">
 					</div>
 				</div>
 				<!-- 验证码 -->
@@ -68,16 +82,16 @@
 					<div class="layui-input-block codes">
 						<input type="text" name="title" required lay-verify="required" placeholder="验证码"
 							autocomplete="off" class="layui-input verity">
-						<canvas>
+						<li>
 							<p>发送手机验证码</p>
-						</canvas>
+						</li>
 					</div>
 				</div>
 				<!-- 邮箱 -->
 				<div class="layui-form-item">
 					<div class="layui-input-block">
-						<input type="email" name="email" required lay-verify="required" placeholder="邮箱"
-							maxlength="11" autocomplete="off" class="layui-input">
+						<input type="email" name="email" required lay-verify="required" placeholder="邮箱" maxlength="11"
+							autocomplete="off" class="layui-input">
 					</div>
 				</div>
 				<!-- 同意 -->
@@ -103,77 +117,11 @@
 			</div>
 		</form>
 	</header>
-	<section>
-		<div class="navig">
-			<div class="label">
-				<!-- 标签 -->
-				<div class="label-text">
-					<ul>
-						<li><a href="#">首页</a> </li>
-						<li><a href="#">资讯</a></li>
-						<li><a href="#">展览</a></li>
-						<li><a href="#">艺术家</a></li>
-						<li><a href="#">机构</a></li>
-						<li><a href="#">培训</a></li>
-						<li><a href="#">商城</a></li>
-						<li><a href="#">拍卖</a></li>
-					</ul>
-				</div>
-				<!-- 微信的图标 -->
-				<div class="label-icon">
-					<ul>
-						<li><a href="#"><img src="../../img/images/icon-wx.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-facb.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-sky.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-phon.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-wb.png" alt=""></a> </li>
-					</ul>
-				</div>
-			</div>
-		</div>
-
-	</section>
-	<footer>
-		<div class="foot">
-			<!-- 介绍 -->
-			<div class="intr">
-				<img src="../../img/images/logo.png" alt="">
-				<p><span>
-						中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名
-					</span></p>
-				<p><span>是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.</span></p>
-			</div>
-			<!-- 地址 -->
-			<div class="address">
-				<div class="addreses">
-					<div class="addres-1">
-						<img src="../../img/images/wx-text.png" alt="">
-						<p><span>成都惠民职工书院</span></p>
-						<p><span>地址：成都市青羊区青羊大道129号文化宫2楼 电话：028-81712589 </span></p>
-					</div>
-					<div class="addres-2">
-						<p><span>联系我们</span></p>
-						<p><br>地址：四川省成都市武侯区天益街38号</br>理想中心3栋601</br>手机：13880548658</br>电话:028-61529525</br>邮箱:zarts@126.com</span>
-						</p>
-					</div>
-					<div class="addres-3">
-						<li><img src="../../img/images/qr-01.png" alt="">
-							<p><span>华夏艺术网</span></p>
-						</li>
-						<li><img src="../../img/images/qr-02.png" alt="">
-							<p><span>成都惠民职工书院</span></p>
-						</li>
-					</div>
-					<!-- <div class="addres-4">
-					
-				</div> -->
-				</div>
-				<p class="icp">Copyright@2021 华夏艺术网.All rights reserved.
-					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;蜀ICP备11111111号
-				</p>
-			</div>
-		</div>
-	</footer>
+	<!-- 底部导航 -->
+	<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
+		marginwidth='0'></iframe>
+	<!-- 回到顶部 -->
+	<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
 </body>
 
 </html>
\ No newline at end of file
diff --git a/htmls/logshoppingcar/qrcode.html b/htmls/logshoppingcar/qrcode.html
new file mode 100644
index 0000000..b9c17ca
--- /dev/null
+++ b/htmls/logshoppingcar/qrcode.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>微信二维码</title>
+    <link rel="stylesheet" href="../../css/layui.css">
+    <link rel="stylesheet" href="../../css/logshoppingcar/qrcode.css">
+    <link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
+    <script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
+</head>
+<style>
+    .foot-iframe {
+        margin-top: -30px;
+        color: rgb(255, 255, 255);
+    }
+
+    #gotoTop {
+        float: right;
+        position: relative;
+        right: 50px;
+        top: -50px;
+    }
+</style>
+
+<body>
+    <!-- 头部导航 -->
+    <iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0"
+        scrolling="no"></iframe>
+    <section>
+        <div class="whole">
+            <div class="whole-1">
+                <!-- 二维码 -->
+                <!-- 应付金额 -->
+                <div class="Wxcollec">
+                    <div class="wxprice">应付金额：<span class="">2234.50</span>元</div>
+                    <!-- 微信二维码 -->
+                    <div class="qrcode"><img class="" alt="图片丢失" title="微信收款二维码" src="../../img/images/wxqrcode.png">
+                    </div>
+                    <!-- 微信支付 -->
+                    <div class="wxzf"><img class="" alt="图片丢失" title="微信支付" src="../../img/images/wxzf.png"></div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- 底部导航 -->
+    <iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
+        marginwidth='0'></iframe>
+    <!-- 回到顶部 -->
+    <img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+</body>
+
+</html>
\ No newline at end of file
diff --git a/htmls/logshoppingcar/reg.html b/htmls/logshoppingcar/reg.html
index 8170cd4..65c3419 100644
--- a/htmls/logshoppingcar/reg.html
+++ b/htmls/logshoppingcar/reg.html
@@ -1,161 +1,162 @@
 <!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">
-    <title>会员注册</title>
-    <link rel="stylesheet" href="../../css/layui.css">
-    <link rel="stylesheet" href="../../css/logshoppingcar/reg.css">
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>会员注册</title>
+	<link rel="stylesheet" href="../../css/layui.css">
+	<link rel="stylesheet" href="../../css/logshoppingcar/reg.css">
+	<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
+	<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
+	<!-- 弹窗 -->
+	<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
+	<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
+	<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
+	<!-- 用户协议 -->
+	<link rel="stylesheet" href="../../css/logshoppingcar/popup.css">
+
+
 </head>
+<style>
+	.foot-iframe {
+		margin-top: -30px;
+		color: rgb(255, 255, 255);
+	}
+
+	#gotoTop {
+		float: right;
+		position: relative;
+		right: 50px;
+		top: -50px;
+	}
+</style>
+
 <body>
-    <header>
-        <!-- logo -->
-        <div class="img">
-            <img src="../../img/images/logo-bac.png" alt="">
-        </div>
-        <!-- 背景图 -->
-        <div class="bac"></div>
-        <!-- 输入框 -->
-        <form class="layui-form" action="" method="post">
-    		<div class="container">
-                <div class="head"> 
-                    <h2>会员注册</h2>
-                    <p>请选择您的会员身份进行注册</p>
-                <div class="gang"></div>
-                </div>
-               <!-- 身份 -->
-			   <div class="identity">
-				<ul>
-					<li><a href="#" class="set_1_btn Vbtn-2">个人会员</a>
-						<a href="mecha.html" class="set_1_btn Vbtn-2">机构会员</a>
-						<a href="artist.html" class="set_1_btn Vbtn-2">艺术家会员</a>
-					</li>
-				</ul>
-		  </div>
-                <!-- 用户名 -->
-              <div class="layui-form-item">
-                    <div class="layui-input-block">
-                      <input type="text" name="title" required  lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
-                    </div>
-              </div>
-              <!-- 手机号 -->
-			  <div class="layui-form-item">
-			    <div class="layui-input-block">
-			      <input type="tel" name="phone" required  lay-verify="required" placeholder="请输入手机号" maxlength="11" autocomplete="off" class="layui-input">
-			    </div>
-			  </div>
-              <!-- 验证码 -->
-			   <div class="layui-form-item">
-				<div class="layui-input-block codes" >
-					<input type="text" name="title" required  lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input verity">
-					<canvas>
-						<p>发送手机验证码</p>
-					</canvas>
-				  </div> 
-			  </div>
-              <!-- 密码 -->
-              <div class="layui-form-item">
-			    <div class="layui-input-block">
-			      <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
-			    </div>
-			  </div>
-              <!-- 同意 -->
-              <div class="layui-form-item">
-                <div class="layui-input-block">
-                    <div class="checkb">
-                  <input  type="checkbox"title="">&nbsp;&nbsp;&nbsp;&nbsp;我已阅读并接受<a href="Popup.html">用户协议</a>和<a href="#">隐私政策</a>
-                </div>
-                </div>
-              </div>
-              <!-- 登录 -->
-			  <div class="layui-form-item">
-			    <div class="layui-input-block">
-			      <button class="layui-btn" lay-submit lay-filter="formDemo">立即登陆</button>	     
-			    </div>
-			  </div>
-              <div class="bot">
-                <!-- <a href="" class="font-set">忘记密码?</a>  <a href="" class="font-set">没有账号，立即注册新用户</a> -->
-                <a href="" class="font-set">已有账号，立即登录</a> 
-              </div>
-             
+	<script>
+		(function ($) {
+			document.addEventListener('click', function (e) {
+				var parent = $(e.target).parents('.foo,.help');
+
+				if (parent.length === 0) {
+					console.log('不在弹层与按钮区')
+					//操作此区域
+
+					$('.help ul').hide();
+					$('.bnt').removeClass('show');
+
+				} else {
+					console.log('按钮与弹层区')
+				}
+			})
+		})(jQuery);
+
+	</script>
+	<header>
+		<!-- logo -->
+		<div class="img">
+			<img src="../../img/images/logo-bac.png" alt="图片消失" title="华夏艺术网logo">
+		</div>
+		<!-- 背景图 -->
+		<div class="bac"></div>
+		<!-- 输入框 -->
+		<form class="layui-form" action="" method="post">
+			<div class="container">
+				<div class="head">
+					<h2>会员注册</h2>
+					<p>请选择您的会员身份进行注册</p>
+					<div class="gang"></div>
+				</div>
+				<!-- 身份 -->
+				<div class="identity">
+					<ul>
+						<li><a href="#" class="set_1_btn Vbtn-2">个人会员</a>
+							<a href="mecha.html" class="set_1_btn Vbtn-2">机构会员</a>
+							<a href="artist.html" class="set_1_btn Vbtn-2">艺术家会员</a>
+						</li>
+					</ul>
+				</div>
+				<!-- 用户名 -->
+				<div class="layui-form-item">
+					<div class="layui-input-block">
+						<input type="text" name="title" required lay-verify="required" placeholder="请输入用户名"
+							autocomplete="off" class="layui-input">
+					</div>
+				</div>
+				<!-- 手机号 -->
+				<div class="layui-form-item">
+					<div class="layui-input-block">
+						<input type="tel" name="phone" required lay-verify="required" placeholder="请输入手机号"
+							maxlength="11" autocomplete="off" class="layui-input">
+					</div>
+				</div>
+				<!-- 验证码 -->
+				<div class="layui-form-item">
+					<div class="layui-input-block codes">
+						<input type="text" name="title" required lay-verify="required" placeholder="请输入验证码"
+							autocomplete="off" class="layui-input verity">
+						<li>
+							<p>发送手机验证码</p>
+						</li>
+					</div>
+				</div>
+				<!-- 密码 -->
+				<div class="layui-form-item">
+					<div class="layui-input-block">
+						<input type="password" name="password" required lay-verify="required" placeholder="请输入密码"
+							autocomplete="off" class="layui-input">
+					</div>
+				</div>
+				<!-- 同意 -->
+				<div class="layui-form-item">
+					<div class="layui-input-block">
+						<div class="checkb">
+							<input type="checkbox" title="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我已阅读并接受<a
+								href="#myPopup" data-rel="popup" class=" ui-inline ui-corner-all">用户协议</a>和<a
+								href="#">隐私政策</a>
+
+							<div data-role="popup" class="myPopup" id="myPopup" class="content" data-overlay-theme="b">
+								<span style="font-size: 16px;float: right;" id="deav" onclick="deav();">关闭</span>
+								<h1>用户协议</h1>
+								<p>后台替换文字内容，编辑排版文字摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家艺术品上数千件，经营规模在成都地区名列前茅。
+								</p>
+								<p>下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。</p>
+								<p>经过20年不间断的运营发展，已成为国内知名的艺术类门户网站。摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。</p>
+								<p>合作艺术家2000多人，合作艺术机构数百家，架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、王申勇、郭汝愚、曹辉、吴浩、管苠冈、吴绪经、沈道鸿等，在国内艺术品市场有较大影响，为西部地区艺术家走向国内国内和国际、促进地区艺术市场发展作出了积极贡献。
+								</p>
+								<p> 后台替换文字内容，编辑排版文字摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家艺术品上数千件，经营规模在成都地区名列前茅。
+								</p>
+								<p> 下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。
+								</p>
+								<p> 经过20年不间断的运营发展，已成为国内知名的艺术类门户网站。摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。</p>
+								<p> 合作艺术家2000多人，合作艺术机构数百家，架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。
+								</p>
+								<p>合作艺术家2000多人，合作艺术机构数百家，架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、王王申勇、郭汝愚、曹辉、吴浩、管苠冈、吴绪经、沈道鸿等，在国内艺术品市场有较大影响，为西部地区艺术家走向国内国内和国际、促进地区艺术市场发展作出了积极贡献。
+								</p>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!-- 登录 -->
+				<div class="layui-form-item">
+					<div class="layui-input-block">
+						<button class="layui-btn" lay-submit lay-filter="formDemo">立即登陆</button>
+					</div>
+				</div>
+				<div class="bot">
+					<!-- <a href="" class="font-set">忘记密码?</a>  <a href="" class="font-set">没有账号，立即注册新用户</a> -->
+					<a href="" class="font-set">已有账号，立即登录</a>
+				</div>
+
 			</div>
 		</form>
-    </header>
-    <section>
-        <div class="navig">
-			<div class="label">
-				<!-- 标签 -->
-				<div class="label-text">
-					<ul>
-						<li><a href="#">首页</a> </li>
-						<li><a href="#">资讯</a></li>
-						<li><a href="#">展览</a></li>
-						<li><a href="#">艺术家</a></li>
-						<li><a href="#">机构</a></li>
-						<li><a href="#">培训</a></li>
-						<li><a href="#">商城</a></li>
-						<li><a href="#">拍卖</a></li>
-					</ul>
-				</div>
-				<!-- 微信的图标 -->
-				<div class="label-icon">
-					<ul>
-						<li><a href="#"><img src="../../img/images/icon-wx.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-facb.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-sky.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-phon.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-wb.png" alt=""></a> </li>
-					</ul>
-				</div>
-			</div>
-		</div>
-        
-    </section>
-    <footer>
-        <div class="foot">
-        	<!-- 介绍 -->
-		<div class="intr">
-			<img src="../../img/images/logo.png" alt="">
-			<p><span>
-					中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名
-				</span></p>
-			<p><span>是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.</span></p>
-		</div>
-        	<!-- 地址 -->
-		<div class="address">
-			<div class="addreses">
-				<div class="addres-1">
-					<img src="../../img/images/wx-text.png" alt="">
-					<p><span>成都惠民职工书院</span></p>
-					<p><span>地址：成都市青羊区青羊大道129号文化宫2楼 电话：028-81712589 </span></p>
-				</div>
-				<div class="addres-2">
-					<p><span>联系我们</span></p>
-					<p><br>地址：四川省成都市武侯区天益街38号</br>理想中心3栋601</br>手机：13880548658</br>电话:028-61529525</br>邮箱:zarts@126.com</span>
-					</p>
-				</div>
-				<div class="addres-3">
-					<li><img src="../../img/images/qr-01.png" alt="">
-						<p><span>华夏艺术网</span></p>
-					</li>
-					<li><img src="../../img/images/qr-02.png" alt="">
-						<p><span>成都惠民职工书院</span></p>
-					</li>
-				</div>
-				<!-- <div class="addres-4">
-					
-				</div> -->
-			</div>
-			<p class="icp">Copyright@2021 华夏艺术网.All rights reserved. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;蜀ICP备11111111号
-			</p>
-		</div>
-    </div>
-    </footer>
-	<div class="gohome">
-		<a href="#">
-			top
-		</a>
-	</div>
+	</header>
+	<!-- 底部导航 -->
+	<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
+		marginwidth='0'></iframe>
+	<!-- 回到顶部 -->
+	<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
 </body>
+
 </html>
\ No newline at end of file
diff --git a/htmls/logshoppingcar/ret.html b/htmls/logshoppingcar/ret.html
index 06c54b0..7d95e5e 100644
--- a/htmls/logshoppingcar/ret.html
+++ b/htmls/logshoppingcar/ret.html
@@ -6,15 +6,30 @@
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>注册</title>
-    <link rel="stylesheet" href="../../css/layui.css">
+	<link rel="stylesheet" href="../../css/layui.css">
 	<link rel="stylesheet" href="../../css/logshoppingcar/ret.css">
+	<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
+	<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
 </head>
+<style>
+	.foot-iframe {
+		margin-top: -30px;
+		color: rgb(255, 255, 255);
+	}
+
+	#gotoTop {
+		float: right;
+		position: relative;
+		right: 50px;
+		top: -50px;
+	}
+</style>
 
 <body>
 	<header>
 		<!-- logo -->
 		<div class="img">
-			<img src="../../img/images/logo-bac.png" alt="">
+			<img src="../../img/images/logo-bac.png" alt="图片丢失" title="华夏艺术网logo">
 		</div>
 		<!-- 背景图 -->
 		<div class="bac"></div>
@@ -34,12 +49,13 @@
 				</div>
 				<!-- 验证码 -->
 				<div class="layui-form-item">
-					<div class="layui-input-block codes" >
-						<input type="text" name="title" required  lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input verity">
-						<canvas>
+					<div class="layui-input-block codes">
+						<input type="text" name="title" required lay-verify="required" placeholder="请输入验证码"
+							autocomplete="off" class="layui-input verity">
+						<li>
 							<p>发送手机验证码</p>
-						</canvas>
-					  </div> 
+						</li>
+					</div>
 				</div>
 				<!-- 设置密码 -->
 				<div class="layui-form-item">
@@ -51,7 +67,8 @@
 				<!-- 确认密码 -->
 				<div class="layui-form-item">
 					<div class="layui-input-block">
-						<input type="password" name="password" required lay-verify="required" placeholder="确认新密码"autocomplete="off" class="layui-input">
+						<input type="password" name="password" required lay-verify="required" placeholder="确认新密码"
+							autocomplete="off" class="layui-input">
 					</div>
 				</div>
 				<!-- 登录 -->
@@ -61,84 +78,18 @@
 					</div>
 				</div>
 				<div class="bot">
-					<a href="" class="font-set">返回网站首页</a>  <a href="" class="font-set">已有账号，立即登录</a>
+					<a href="" class="font-set">返回网站首页</a> <a href="" class="font-set">已有账号，立即登录</a>
 					<!-- <a href="" class="font-set">已有账号，立即登录</a> -->
 				</div>
 
 			</div>
 		</form>
 	</header>
-	<section>
-		<div class="navig">
-			<div class="label">
-				<!-- 标签 -->
-				<div class="label-text">
-					<ul>
-						<li><a href="#">首页</a> </li>
-						<li><a href="#">资讯</a></li>
-						<li><a href="#">展览</a></li>
-						<li><a href="#">艺术家</a></li>
-						<li><a href="#">机构</a></li>
-						<li><a href="#">培训</a></li>
-						<li><a href="#">商城</a></li>
-						<li><a href="#">拍卖</a></li>
-					</ul>
-				</div>
-				<!-- 微信的图标 -->
-				<div class="label-icon">
-					<ul>
-						<li><a href="#"><img src="../../img/images/icon-wx.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-facb.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-sky.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-phon.png" alt=""></a> </li>
-						<li><a href="#"><img src="../../img/images/icon-wb.png" alt=""></a> </li>
-					</ul>
-				</div>
-			</div>
-		</div>
-
-	</section>
-	<footer>
-		<div class="foot">
-			<!-- 介绍 -->
-			<div class="intr">
-				<img src="../../img/images/logo.png" alt="">
-				<p><span>
-						中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名
-					</span></p>
-				<p><span>是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.</span></p>
-			</div>
-			<!-- 地址 -->
-			<div class="address">
-				<div class="addreses">
-					<div class="addres-1">
-						<img src="../../img/images/wx-text.png" alt="">
-						<p><span>成都惠民职工书院</span></p>
-						<p><span>地址：成都市青羊区青羊大道129号文化宫2楼 电话：028-81712589 </span></p>
-					</div>
-					<div class="addres-2">
-						<p><span>联系我们</span></p>
-						<p><br>地址：四川省成都市武侯区天益街38号</br>理想中心3栋601</br>手机：13880548658</br>电话:028-61529525</br>邮箱:zarts@126.com</span>
-						</p>
-					</div>
-					<div class="addres-3">
-						<li><img src="../../img/images/qr-01.png" alt="">
-							<p><span>华夏艺术网</span></p>
-						</li>
-						<li><img src="../../img/images/qr-02.png" alt="">
-							<p><span>成都惠民职工书院</span></p>
-						</li>
-					</div>
-					<!-- <div class="addres-4">
-					
-				</div> -->
-				</div>
-				<p class="icp">Copyright@2021 华夏艺术网.All rights reserved.
-					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;蜀ICP备11111111号
-				</p>
-			</div>
-		</div>
-	</footer>
+	<!-- 底部导航 -->
+	<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
+		marginwidth='0'></iframe>
+	<!-- 回到顶部 -->
+	<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
 </body>
 
 </html>
\ No newline at end of file
diff --git a/htmls/logshoppingcar/shopcar.html b/htmls/logshoppingcar/shopcar.html
index a9bd3d3..ca9e345 100644
--- a/htmls/logshoppingcar/shopcar.html
+++ b/htmls/logshoppingcar/shopcar.html
@@ -8,9 +8,27 @@
     <link rel="stylesheet" href="../../css/swiper-bundle.min.css">
     <link rel="stylesheet" href="../../css/logshoppingcar/shopcar2.css">
     <script src="../../js/swiper-bundle.min.js"></script>
-</head>
+    <link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
+    <script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
 
+</head>
+<style>
+    .foot-iframe {
+        margin-top: -30px;
+        color: rgb(255, 255, 255);
+    }
+
+    #gotoTop {
+        float: right;
+        position: relative;
+        right: 50px;
+        top: -50px;
+    }
+</style>
 <body>
+     <!-- 头部导航 -->
+     <iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0"
+     scrolling="no"></iframe>
     <section>
         <div class="whoil">
             <div class="whoil-1">
@@ -35,7 +53,7 @@
                     <tbody>
                         <tr class="inline">
                             <td><input type="checkbox" name="ck" onclick="check()"></td>
-                            <td><img src="../../img/images/1-1.png" alt=""><span>竹迪
+                            <td><img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一"><span>竹迪
                                     客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
                                     11时来运转8190</span>
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
@@ -53,7 +71,7 @@
                         </tr>
                         <tr class="inline">
                             <td><input type="checkbox" name="ck" onclick="check()"></td>
-                            <td><img src="../../img/images/1-2.png" alt=""><span>竹迪
+                            <td><img src="../../img/images/1-2.png" alt="图片丢失" title="购物车图片二" ><span>竹迪
                                     客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
                                     11时来运转8190</span>
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
@@ -71,7 +89,7 @@
                         </tr>
                         <tr class="inline">
                             <td><input type="checkbox" name="ck" onclick="check()"></td>
-                            <td><img src="../../img/images/1-3.png" alt=""><span>竹迪
+                            <td><img src="../../img/images/1-3.png" alt="图片丢失" title="购物车图片三"><span>竹迪
                                     客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
                                     11时来运转8190</span>
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
@@ -89,7 +107,7 @@
                         </tr>
                         <tr class="inline">
                             <td><input type="checkbox" name="ck" onclick="check()"></td>
-                            <td><img src="../../img/images/1-4.png" alt=""><span>竹迪
+                            <td><img src="../../img/images/1-4.png" alt="图片丢失" title="购物车图片四"><span>竹迪
                                     客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
                                     11时来运转8190</span>
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
@@ -124,11 +142,11 @@
                         推荐商品
                     </div>
                     <div class="swiper-wrapper">
-                        <div class="swiper-slide"><img src="../../img/images/1.png" alt=""></div>
-                        <div class="swiper-slide"><img src="../../img/images/2.png" alt=""></div>
-                        <div class="swiper-slide"><img src="../../img/images/3.png" alt=""></div>
-                        <div class="swiper-slide"><img src="../../img/images/4.png" alt=""></div>
-                        <div class="swiper-slide"><img src="../../img/images/1.png" alt=""></div>
+                        <div class="swiper-slide"><img alt="图片丢失" title="图片一" src="../../img/images/1.png" ></div>
+                        <div class="swiper-slide"><img alt="图片丢失" title="图片二" src="../../img/images/2.png" ></div>
+                        <div class="swiper-slide"><img alt="图片丢失" title="图片三" src="../../img/images/3.png" ></div>
+                        <div class="swiper-slide"><img alt="图片丢失" title="图片四" src="../../img/images/4.png" ></div>
+                        <div class="swiper-slide"><img alt="图片丢失" title="图片一" src="../../img/images/1.png" ></div>
                     </div>
                     <!-- 如果需要分页器 -->
                     <div class="swiper-pagination"></div>
@@ -138,7 +156,6 @@
                 </div>
             </div>
     </section>
-
     <script>
         var mySwiper = new Swiper('.swiper-container', {
             loop: true, // 循环模式
@@ -306,4 +323,9 @@
         }
 
     </script>
+    <!-- 底部导航 -->
+    <iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
+        marginwidth='0'></iframe>
+    <!-- 回到顶部 -->
+    <img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
 </body>
\ No newline at end of file
diff --git a/htmls/logshoppingcar/tobepaid.html b/htmls/logshoppingcar/tobepaid.html
new file mode 100644
index 0000000..4c9763c
--- /dev/null
+++ b/htmls/logshoppingcar/tobepaid.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>购物车</title>
+    <link rel="stylesheet" href="../../css/layui.css">
+    <link rel="stylesheet" href="../../css/logshoppingcar/tobepaid.css">
+    <link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
+    <script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
+
+</head>
+<style>
+    .foot-iframe {
+        margin-top: -30px;
+        color: rgb(255, 255, 255);
+    }
+
+    #gotoTop {
+        float: right;
+        position: relative;
+        right: 50px;
+        top: -50px;
+    }
+</style>
+
+<body>
+    <!-- 头部导航 -->
+    <iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0"
+        scrolling="no"></iframe>
+        <!-- 内容 -->
+    <section>
+        <div class="whole">
+            <div class="whole-1">
+                <div class="all">
+                    <h2>填写并核对订单信息</h2>
+                </div>
+                <!-- 买家 -->
+                <div class="Buyers">
+                    <div id="container">
+                        <span class="Subtitle">收货人信息</span>
+                        <span><a class="addbuy" href="">新增收货地址</a></span>
+                        <div id="wrap">
+                            <div class="address address-1" onclick="Subtitle();">
+                                <div class="name na-1">程鹏龙</div>
+                                <p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
+                                <a class="" href=""><img src="../../img/images/Defadd.png" alt=""></a>
+                            </div>
+                            <div class="address address-2" onclick="Subtitle();">
+                                <div class="name na-2">程鹏龙</div>
+                                <p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
+                                <a class="" href="">设置为默认地址</a>
+                            </div>
+                            <div id="gradient"></div>
+                        </div>
+                        <div id="read-more"></div>
+                    </div>
+                </div>
+                <!-- 送货清单 -->
+                <div class="opt">
+                    <span class="Subtitle">送货清单</span>
+                    <div class="commodity">
+                        <ul>
+                            <li class="optall">
+                                <table>
+                                    <th>
+                                        <span></span>商品</span>
+                                    </th>
+                                    <th>单价</th>
+                                    <th>数量</th>
+                                    <th>小计</th>
+                                </table>
+                            </li>
+                        </ul>
+                        <ul class="checklist">
+                            <li class="among">
+                                <table>
+                                    <th> <label for="value1"><img src="../../img/images/1-1.png"  alt="图片丢失" title="商品1"></label>
+                                    </th>
+                                    <th><span>
+                                            创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
+                                        </span></th>
+                                    <th>￥188
+                                    </th>
+                                    <th>x3</th>
+                                    <th id="price0">￥564.6</th>
+                                </table>
+                            </li>
+                            <li class="among">
+                                <table>
+                                    <th> <label for="value1"><img src="../../img/images/1-2.png" alt="图片丢失" title="商品2"></label>
+                                    </th>
+                                    <th><span>
+                                            创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
+                                        </span></th>
+                                    <th>￥188
+                                    </th>
+                                    <th>x3</th>
+                                    <th id="price0">￥564.6</th>
+                                </table>
+                            </li>
+                        </ul>
+
+                    </div>
+
+                </div>
+                <!-- 使用优惠券 -->
+                <div class="coupon">
+                    <div class="yh coupon-1" onclick="coupon1();">
+                        <h1>20</h1>
+                        <h3>元</h3>
+                        <span>满300元，立减20元</span>
+                        <p>有效期至：2020-09-31</p>
+                    </div>
+                    <div class="yh coupon-2" onclick="coupon2();">
+                        <h1>20</h1>
+                        <h3>元</h3>
+                        <span>满300元，立减20元</span>
+                        <p>有效期至：2020-09-31</p>
+                    </div>
+                    <div class="yh coupon-3" onclick="coupon3();">
+                        <h1>20</h1>
+                        <h3>元</h3>
+                        <span>满300元，立减20元</span>
+                        <p>有效期至：2020-09-31</p>
+                    </div>
+                </div>
+                <!-- 备注 -->
+                <div class="remarks">
+                    <div class="layui-form-item layui-form-text">
+                        <label class="layui-form-label Subtitle">信息备注</label>
+                        <div class="layui-input-block">
+                            <textarea placeholder="请输入内容" class="layui-textarea" name="desc"></textarea>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- 提交订单 -->
+            <div class="setall">
+                <ul class="seta">
+                    <li>商品总金额：<span>￥1128.00 </span> </li>
+                    <li>运费：<span>￥0.00 </span></li>
+                    <li>商品优惠：<span>-￥20.00 </span></li>
+                </ul>
+                <div class="total">
+                    <li>应付总额:<span>￥1123.00</span></li>
+                    <li>
+                        <p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
+                    </li>
+                </div>
+                <div class="subore">
+                    <li><span onclick="settlem();">提交订单</span></li>
+                </div>
+            </div>
+
+        </div>
+
+    </section>
+    <!-- 底部导航 -->
+    <iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
+        marginwidth='0'></iframe>
+    <!-- 回到顶部 -->
+    <img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+</body>
+<script src="../../js/jquery-1.9.1.js"></script>
+<script type="text/javascript">
+    // 折叠
+    $(function () {
+        var slideHeight = 50; // px
+        var defHeight = $('#wrap').height();
+        if (defHeight >= slideHeight) {
+            $('#wrap').css('height', slideHeight + 'px');
+            $('#read-more').append('<a href="#">展开地址︾</a>');
+            $('#read-more a').click(function () {
+                var curHeight = $('#wrap').height();
+                if (curHeight == slideHeight) {
+                    $('#wrap').animate({
+                        height: defHeight
+                    }, "normal");
+                    $('#read-more a').html('收起地址 ︽');
+                    $('#gradient').fadeOut();
+                } else {
+                    $('#wrap').animate({
+                        height: slideHeight
+                    }, "normal");
+                    $('#read-more a').html('展开地址︾');
+                    $('#gradient').fadeIn();
+                }
+                return false;
+            });
+        }
+    });
+</script>
+
+</html>
\ No newline at end of file
diff --git a/htmls/logshoppingcar/zf.html b/htmls/logshoppingcar/zf.html
new file mode 100644
index 0000000..c55e669
--- /dev/null
+++ b/htmls/logshoppingcar/zf.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>支付成功</title>
+    <link rel="stylesheet" href="../../css/layui.css">
+    <link rel="stylesheet" href="../../css/logshoppingcar/zf.css">
+    <link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
+    <link rel="stylesheet" type="text/css" href="../../css/centerHead.css" />
+    <script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
+    <script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
+</head>
+<style>
+    .foot-iframe {
+        margin-top: -30px;
+    }
+</style>
+
+<body>
+    <!-- 头部导航 -->
+    <iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0" scrolling="no"></iframe>
+    <section>
+        <div class="whole">
+            <div class="whole-1">
+                <!-- 支付成功 -->
+                <div class="payment">
+                    <img class="" alt="图片丢失" title="支付成功" src="../../img/images/chenggong.png" alt="">
+                    <h2>支付成功</h2>
+                    <div class="order">
+                        <div class="odernum">订单号：<span class="">107787156599</span></div>
+                        <div class="oderinte">积分+<span class="">159</span></div>
+                        <div class="oderbuy"> <a href="">继续购物</a></div>
+                        <div class="oderhome"><a href="">返回首页</a></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- 底部导航 -->
+    <iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"></iframe>
+    <!-- 回到顶部 -->
+    <img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+</body>
+
+</html>
\ No newline at end of file
diff --git a/img/images/Defadd.png b/img/images/Defadd.png
new file mode 100644
index 0000000..701ad3b
Binary files /dev/null and b/img/images/Defadd.png differ
diff --git a/img/images/chenggong.png b/img/images/chenggong.png
new file mode 100644
index 0000000..acbf267
Binary files /dev/null and b/img/images/chenggong.png differ
diff --git a/img/images/coupon-1.png b/img/images/coupon-1.png
new file mode 100644
index 0000000..e6979d4
Binary files /dev/null and b/img/images/coupon-1.png differ
diff --git a/img/images/coupon-2.png b/img/images/coupon-2.png
new file mode 100644
index 0000000..9b5012b
Binary files /dev/null and b/img/images/coupon-2.png differ
diff --git a/img/images/coupon-3.png b/img/images/coupon-3.png
new file mode 100644
index 0000000..19daea4
Binary files /dev/null and b/img/images/coupon-3.png differ
diff --git a/img/images/coupon-4.png b/img/images/coupon-4.png
new file mode 100644
index 0000000..818d4fe
Binary files /dev/null and b/img/images/coupon-4.png differ
diff --git a/img/images/wxqrcode.png b/img/images/wxqrcode.png
new file mode 100644
index 0000000..6de2dc7
Binary files /dev/null and b/img/images/wxqrcode.png differ
diff --git a/img/images/wxzf.png b/img/images/wxzf.png
new file mode 100644
index 0000000..e72e843
Binary files /dev/null and b/img/images/wxzf.png differ
diff --git a/img/public/duigou.png b/img/public/duigou.png
new file mode 100644
index 0000000..665a4eb
Binary files /dev/null and b/img/public/duigou.png differ
diff --git a/img/public/jf01.png b/img/public/jf01.png
new file mode 100644
index 0000000..4afcb54
Binary files /dev/null and b/img/public/jf01.png differ
diff --git a/img/public/jf02.png b/img/public/jf02.png
new file mode 100644
index 0000000..776ef20
Binary files /dev/null and b/img/public/jf02.png differ
diff --git a/img/public/jf03.png b/img/public/jf03.png
new file mode 100644
index 0000000..0e0e745
Binary files /dev/null and b/img/public/jf03.png differ
diff --git a/img/public/jf04.png b/img/public/jf04.png
new file mode 100644
index 0000000..5c04da7
Binary files /dev/null and b/img/public/jf04.png differ
diff --git a/img/public/jf05.png b/img/public/jf05.png
new file mode 100644
index 0000000..9f6c5a8
Binary files /dev/null and b/img/public/jf05.png differ
diff --git a/img/public/jf06.png b/img/public/jf06.png
new file mode 100644
index 0000000..eb81505
Binary files /dev/null and b/img/public/jf06.png differ
diff --git a/img/public/jf07.png b/img/public/jf07.png
new file mode 100644
index 0000000..89a2488
Binary files /dev/null and b/img/public/jf07.png differ
diff --git a/img/public/jf08.png b/img/public/jf08.png
new file mode 100644
index 0000000..26628ed
Binary files /dev/null and b/img/public/jf08.png differ
diff --git a/img/public/jf09.png b/img/public/jf09.png
new file mode 100644
index 0000000..d41619e
Binary files /dev/null and b/img/public/jf09.png differ
diff --git a/img/public/jf10.png b/img/public/jf10.png
new file mode 100644
index 0000000..08fd397
Binary files /dev/null and b/img/public/jf10.png differ
diff --git a/img/public/jfd01.png b/img/public/jfd01.png
new file mode 100644
index 0000000..d19e893
Binary files /dev/null and b/img/public/jfd01.png differ
diff --git a/img/public/jfd02.png b/img/public/jfd02.png
new file mode 100644
index 0000000..f6212cd
Binary files /dev/null and b/img/public/jfd02.png differ
diff --git a/img/public/shop01.png b/img/public/shop01.png
new file mode 100644
index 0000000..41cde4f
Binary files /dev/null and b/img/public/shop01.png differ
diff --git a/img/public/sp-collection.png b/img/public/sp-collection.png
new file mode 100644
index 0000000..cf56466
Binary files /dev/null and b/img/public/sp-collection.png differ
diff --git a/img/public/sp-share.png b/img/public/sp-share.png
new file mode 100644
index 0000000..aa5009b
Binary files /dev/null and b/img/public/sp-share.png differ
diff --git a/img/public/yihan.png b/img/public/yihan.png
new file mode 100644
index 0000000..a19cdd9
Binary files /dev/null and b/img/public/yihan.png differ
diff --git a/img/public/zldw.png b/img/public/zldw.png
new file mode 100644
index 0000000..80cc07a
Binary files /dev/null and b/img/public/zldw.png differ
diff --git a/img/public/zlxl.png b/img/public/zlxl.png
new file mode 100644
index 0000000..c0ec487
Binary files /dev/null and b/img/public/zlxl.png differ
diff --git a/index.html b/index.html
index d1c5ee5..c797c8f 100644
--- a/index.html
+++ b/index.html
@@ -4,13 +4,11 @@
 		<meta charset="utf-8" />
 		<title>华夏艺术网</title>
 		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
-		<link rel="stylesheet" type="text/css" href="css/layer.css" />
 		<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css" />
 		<link rel="stylesheet" type="text/css" href="css/huaxia.css"/>
 		<link rel="stylesheet" type="text/css" href="css/foot.min.css"/>
 		<link rel="stylesheet" type="text/css" href="css/huaxiaMedia.css"/>
 		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
-		<script src="js/layer.js" type="text/javascript" charset="utf-8"></script>
 		<script src="js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="js/huaxia.js" type="text/javascript" charset="utf-8"></script>
 	</head>
@@ -50,7 +48,7 @@
 						<span class="cq-cp">我的购物车</span>
 					</div>
 					<span class="sy-dian"></span>
-					<span class="cq-cp">积分商城</span>
+					<a href="htmls/artNetwork/pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
 					<span class="sy-dian"></span>
 					<span class="cq-cp">联系我们</span>
 					<span class="sy-dian"></span>
@@ -73,7 +71,7 @@
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
-								<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
+								<div class="pr djcacfw"><a href="htmls/artNetwork/exhibition.html">展览</a><div class="xiahx pa dn"></div></div>
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
@@ -89,7 +87,7 @@
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
-								<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
+								<div class="pr djcacfw"><a href="htmls/artNetwork/shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
@@ -199,23 +197,22 @@
 				// console.log($(window).width());
 				sixSwiper()
 			})
-			sixSwiper()
 			function sixSwiper(){
 				let showNum = 6
 				let beforeNum = 16
 				let centeredSlides  = true//是否显示半截
 				let spaceBetween = 25//图片间距
 				let windowWidth = $(window).width()
-				if(windowWidth<=900){
+				if(windowWidth*1<=900){
 					showNum = 2
 					beforeNum = 0
 					centeredSlides = false
 					spaceBetween = 15
-				} else if(900 < windowWidth <=1100){
+				} else if(windowWidth*1 <=1100){
 					showNum = 3
 					beforeNum = 0
 					centeredSlides = false
-				} else if(1100< windowWidth <=1450){
+				} else if(windowWidth*1 <=1450){
 					showNum = 5
 					beforeNum = 0
 					centeredSlides = false
@@ -251,6 +248,7 @@
 					myswiper.autoplay.start()
 				}
 			}
+			sixSwiper()
 		</script>
 		<div class="p-zy180 xinxy-box">
 			<!-- 信息动态 -->
@@ -378,7 +376,7 @@
 			</div>
 			<div class="dac fw ysj">
 				<div class="w20 backf ya-item-box m-s37">
-					<img src="img/public/ys-one.png" width="100%" >
+					<img class="w100" src="img/public/ys-one.png">
 					<div class="p-zy15">
 						<div class=" m-sx16 djbac">
 							<div class="ys-title clips1">张龙森</div>
@@ -389,7 +387,7 @@
 					</div>
 				</div>
 				<div class="w20 backf ya-item-box m-s37">
-					<img src="img/public/ys-two.png" width="100%">
+					<img class="w100" src="img/public/ys-two.png">
 					<div class="p-zy15">
 						<div class=" m-sx16 djbac">
 							<div class="ys-title clips1">张龙森</div>
@@ -400,7 +398,7 @@
 					</div>
 				</div>
 				<div class="w20 backf ya-item-box m-s37">
-					<img src="img/public/ys-three.png" width="100%" >
+					<img class="w100" src="img/public/ys-three.png">
 					<div class="p-zy15">
 						<div class=" m-sx16 djbac">
 							<div class="ys-title clips1">张龙森</div>
@@ -411,7 +409,7 @@
 					</div>
 				</div>
 				<div class="w20 backf ya-item-box m-s37">
-					<img src="img/public/ys-four.png" width="100%" >
+					<img class="w100" src="img/public/ys-four.png">
 					<div class="p-zy15">
 						<div class=" m-sx16 djbac">
 							<div class="ys-title clips1">张龙森</div>
@@ -422,7 +420,7 @@
 					</div>
 				</div>
 				<div class="w20 backf ya-item-box m-s37">
-					<img src="img/public/ys-five.png" width="100%" >
+					<img class="w100" src="img/public/ys-five.png">
 					<div class="p-zy15">
 						<div class=" m-sx16 djbac">
 							<div class="ys-title clips1">张龙森</div>
diff --git a/js/huaxia.js b/js/huaxia.js
index a497ad1..18bf0fe 100644
--- a/js/huaxia.js
+++ b/js/huaxia.js
@@ -124,6 +124,8 @@ $(function(){
 	checkFT()//查询艺术访谈列表
 	checkYSZZList()//查询艺术家杂志列表
 	checkZLList()//查询展览列表
+	checkJFList()//查询积分商城列表
+	checkAllSList()//查询所有商品
 	$(window).scroll(function() {
 	    if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) {
 			zxList()
@@ -140,6 +142,8 @@ $(function(){
 			checkFT()
 			checkYSZZList()
 			checkZLList()
+			checkJFList()
+			checkAllSList()
 	    }
 	});
 	
@@ -181,7 +185,64 @@ $(function(){
 				break;
 		}
 	})
-	
+	// 商品购买时的加
+	$('.addNum').click(function(){
+		let dnum = $('#numVal').val()
+		dnum++
+		$('#numVal').val(dnum)
+	})
+	// 商品购买时的减
+	$('.delNum').click(function(){
+		let dnum = $('#numVal').val()
+		if(dnum>1){
+			dnum--
+			$('#numVal').val(dnum)
+		}
+	})
+	// 商城的更多事件
+	$('#rem-more,#sh-more,#cq-more,#jf-more').click(function(){
+		location.href = `shopMore.html`
+	})
+	// 调起兑换弹框
+	$('#duih').click(function(){
+		$('#isTank').fadeIn()
+		$('#duik').css('display','')
+	})
+	// 关闭弹框
+	$('.close-q').click(function(){
+		$('#isTank').fadeOut()
+		$('#failk').css('display','none')
+		$('#success_fail').css('display','none')
+		$('#successk').css('display','none')
+		$('#duik').css('display','none')
+	})
+	// 立即兑换提交事件
+	$('#sumitdh').click(function(){
+		$('#duik').css('display','none')
+		$('#success_fail').css('display','')
+		let isFlag = true
+		if(isFlag){
+			$('#successk').css('display','')
+		} else $('#failk').css('display','')
+	})
+	// 去购物
+	$('.goShop').click(function(){
+		location.href = `pointsMall.html`
+	})
+	// 调起投稿界面
+	$('#toug').click(function(){
+		$('#isTank').fadeIn()
+		$('#duik').css('display','')
+		$('#success_fail').css('display','none')
+	})
+	// 去展览
+	$('.goZhanl').click(function(){
+		location.href = `exhibition.html`
+	})
+	// 继续投票
+	$('.continueTP').click(function(){
+		console.log('继续投票');
+	})
 	// 监听页面滚动条变化
 	$(window).scroll(function(){
 		// 获取滚动条距离顶部的距离
@@ -657,7 +718,7 @@ function checkZLList(){//查询展览列表
 		{imgSrc:'../../img/public/jg-dz-08.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方：华夏艺术网',address:'虹桥艺术中心'},
 	]
 	$.each(zlData, function(commentIndex, comment) {
-		zlHtml +=`<div class="dfc w25 m-s30">
+		zlHtml +=`<div class="dfc w25 m-s30" onclick="gozlDetail(${commentIndex})">
 					<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
 					<div class="font-18 m-s20 w90 clips1 op9 col19">${comment.title}</div>
 					<div class="font-13 m-s10 w90 clips1 op9 col19">${comment.sponsor}</div>
@@ -674,6 +735,109 @@ function checkZLList(){//查询展览列表
 		$(this).nextAll('div').css('color','#000000')
 	})
 }
+function gozlDetail(e){//查看书刊详情
+	location.href = `exhibitionComingDetail.html?id=${e}`
+}
+function checkExhibitone(){//查询即将展览详情下的展览列表
+	let zlzpHtml = '';
+	let zlzpData = [
+		{imgSrc:'../../img/public/jg-dz-01.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-dz-02.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-dz-03.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-dz-04.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-dz-05.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-dz-06.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-dz-07.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-dz-08.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+	]
+	$.each(zlzpData, function(commentIndex, comment) {
+		zlzpHtml +=`<div class="dfc w25 m-s30 linh28">
+						<div class="pr">
+							<img class="w90 cq-cp" src="../../img/grzx/ysp.png" alt="图标丢失" title="" >
+							<div class="pa djcacfw cq-cp">
+								<img src="../../img/sy-search.png" style="width: 21px;height: 21px;" >
+							</div>
+						</div>
+						<div class="font-16 w90 clips1 m-s10">艺术清酒--得寓(酒标作品)</div>
+						<div class="font-14 op7 w90">作品编号：2562</div>
+						<div class="font-14 op7 w90 djbac">获得票数：2562 <span>第12名</span></div>
+						<div class="djcacfw w90 m-s20" onclick="toup(${commentIndex})"><span class="cq-cp zltp">立即投票</span></div>
+					</div>`
+	});
+　　$('#zlzp-list').prepend(zlzpHtml);
+}
+function toup(e){
+	console.log(e);
+	$('#isTank').fadeIn()
+	$('#success_fail').css('display','')
+	$('#successk').css('display','')
+}
+function checkJFList(){//查询积分商城列表
+	let jfHtml = '';
+	let jfData = [
+		{imgSrc:'../../img/public/jf01.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
+		{imgSrc:'../../img/public/jf02.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
+		{imgSrc:'../../img/public/jf03.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
+		{imgSrc:'../../img/public/jf04.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
+		{imgSrc:'../../img/public/jf05.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
+		{imgSrc:'../../img/public/jf06.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
+		{imgSrc:'../../img/public/jf07.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
+		{imgSrc:'../../img/public/jf08.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
+		{imgSrc:'../../img/public/jf09.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
+		{imgSrc:'../../img/public/jf10.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
+	]
+	$.each(jfData, function(commentIndex, comment) {
+		jfHtml +=`<div class="dfc w20 m-s30">
+					<div>
+						<img class="w100 cq-cp" onclick="goJFDetail(${commentIndex})" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
+						<div class="font-14 m-s20 clips2 linh24">${comment.title}</div>
+						<div class="font-13 m-s10"><span class="op7">积分：</span><span class="fb colcb">${comment.num}</span></div>
+					</div>
+				</div>`
+	});
+　　$('#jf-list').prepend(jfHtml);
+}
+function goJFDetail(e){//查看书刊详情
+	location.href = `pointsMallDetail.html?id=${e}`
+}
+function checkAllSList(){//查询积分商城列表
+	let allHtml = '';
+	let allData = [
+		{imgSrc:'../../img/public/jf01.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:'积分'},
+		{imgSrc:'../../img/public/jf02.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:''},
+		{imgSrc:'../../img/public/jf03.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:''},
+		{imgSrc:'../../img/public/jf04.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:''},
+		{imgSrc:'../../img/public/jf05.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:''},
+		{imgSrc:'../../img/public/jf06.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:''},
+		{imgSrc:'../../img/public/jf07.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:'积分'},
+		{imgSrc:'../../img/public/jf08.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:''},
+		{imgSrc:'../../img/public/jf09.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:''},
+		{imgSrc:'../../img/public/jf10.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:'积分'},
+	]
+	$.each(allData, function(commentIndex, comment) {
+		if(comment.type=='积分'){
+			allHtml +=`<div class="dfc w20">
+				<div>
+					<img class="w100 cq-cp" onclick="goShopDetail(${commentIndex})" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
+					<div class="font-14 m-sx10 clips2 linh24">${comment.title}</div>
+					<div class="font-13"><span class="op7">积分：</span><span class="fb colcb font-20">${comment.num}</span></div>
+				</div>
+			</div>`
+		} else {
+			allHtml +=`<div class="dfc w20">
+				<div>
+					<img class="w100 cq-cp" onclick="goShopDetail(${commentIndex})" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
+					<div class="font-14 m-sx10 clips2 linh24">${comment.title}</div>
+					<div class="font-13 fb colcb">￥<span class="font-20">${comment.num}</span></div>
+				</div>
+			</div>`
+		}
+	});
+　　$('#alls-list').prepend(allHtml);
+}
+function goShopDetail(e){//查看书刊详情
+	location.href = `shopDetail.html?id=${e}`
+}
 // 回到顶部
 function pageScroll(){
 	window.scrollBy(0,-100);