From 40729c08e10e8a0c51bee76cdf9cdd3958104633 Mon Sep 17 00:00:00 2001
From: YDD <3223657165@qq.com>
Date: Tue, 14 Sep 2021 09:01:05 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/logshoppingcar/popup.css        |   7 +-
 css/logshoppingcar/reg.css          | 156 ++++-------------
 css/logshoppingcar/tobepaid.css     | 179 +++++++++++++++----
 css/logshoppingcar/tobepaid.min.css |   2 +-
 css/logshoppingcar/tobepaid.scss    | 185 +++++++++++++-------
 htmls/logshoppingcar/reg.html       | 261 ++++++++++++++--------------
 htmls/logshoppingcar/tobepaid.html  | 109 +++++++-----
 7 files changed, 506 insertions(+), 393 deletions(-)

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/reg.css b/css/logshoppingcar/reg.css
index 62e928b..02b7fce 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: 0px;
+  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 {
@@ -169,6 +180,7 @@ header .container .codes canvas {
   height: 40px;
   background: #efefef;
   border-radius: 5px;
+  margin-top: 10px;
 }
 
 header .container .codes canvas p {
@@ -177,16 +189,15 @@ header .container .codes canvas p {
 }
 
 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 {
@@ -245,110 +256,3 @@ section .navig .label .label-icon ul li {
 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/tobepaid.css b/css/logshoppingcar/tobepaid.css
index e0d98eb..d2e18ca 100644
--- a/css/logshoppingcar/tobepaid.css
+++ b/css/logshoppingcar/tobepaid.css
@@ -12,7 +12,6 @@ a {
 }
 
 section {
-  height: 1200px;
   background-color: #f5f5f5;
 }
 
@@ -67,59 +66,75 @@ section .whole .setall .Buyers {
   background-color: #fff;
 }
 
-section .whole .whole-1 .Buyers span:nth-child(2),
-section .whole .setall .Buyers span:nth-child(2) {
+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 span:nth-child(2) a,
-section .whole .setall .Buyers span:nth-child(2) a {
+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 .toggle .address,
-section .whole .setall .Buyers .toggle .address {
+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 .toggle .address .name,
-section .whole .setall .Buyers .toggle .address .name {
+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 .toggle .address .na-1,
-section .whole .setall .Buyers .toggle .address .na-1 {
+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 .toggle .address .na-2,
-section .whole .setall .Buyers .toggle .address .na-2 {
+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 .toggle .address p,
-section .whole .setall .Buyers .toggle .address p {
+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 .toggle .address-2 a,
-section .whole .setall .Buyers .toggle .address-2 a {
+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 .toggle .stop,
-section .whole .setall .Buyers .toggle .stop {
+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;
-  border: 1px solid #e0e0e0;
   margin-bottom: 20px;
 }
 
@@ -138,12 +153,6 @@ section .whole .setall .opt ul .optall th span {
   margin-left: 85px;
 }
 
-section .whole .whole-1 .opt .checklist .among,
-section .whole .setall .opt .checklist .among {
-  margin-bottom: 20px;
-  border-bottom: 1px solid #f2f2f2;
-}
-
 section .whole .whole-1 .opt .checklist .among table,
 section .whole .setall .opt .checklist .among table {
   width: 100%;
@@ -157,7 +166,7 @@ section .whole .setall .opt .checklist .among th {
 
 section .whole .whole-1 .opt .checklist .among th:nth-child(1),
 section .whole .setall .opt .checklist .among th:nth-child(1) {
-  width: 135px;
+  width: 100px;
 }
 
 section .whole .whole-1 .opt .checklist .among th:nth-child(1) img,
@@ -180,7 +189,8 @@ section .whole .whole-1 .opt .checklist .among th:nth-child(3), section .whole .
 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: 140px;
+  width: 162px;
+  text-align: center;
 }
 
 section .whole .whole-1 .opt .checklist .among th:nth-child(5),
@@ -204,9 +214,85 @@ 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,
@@ -220,14 +306,47 @@ section .whole .setall {
   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;
-  line-height: 33px;
+}
+
+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: 20px;
+  padding: 30px 0px;
+  height: 20px;
 }
 
 section .whole .setall .subore span {
diff --git a/css/logshoppingcar/tobepaid.min.css b/css/logshoppingcar/tobepaid.min.css
index 5e09747..38c2311 100644
--- a/css/logshoppingcar/tobepaid.min.css
+++ b/css/logshoppingcar/tobepaid.min.css
@@ -1 +1 @@
-*{margin:0;padding:0}li{list-style:none}a{text-decoration:none}section{height:1200px;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 span:nth-child(2),section .whole .setall .Buyers span:nth-child(2){float:right}section .whole .whole-1 .Buyers span:nth-child(2) a,section .whole .setall .Buyers span:nth-child(2) a{color:#066ee2}section .whole .whole-1 .Buyers .toggle .address,section .whole .setall .Buyers .toggle .address{display:flex;align-items:center}section .whole .whole-1 .Buyers .toggle .address .name,section .whole .setall .Buyers .toggle .address .name{display:inline-block;padding:10px 50px}section .whole .whole-1 .Buyers .toggle .address .na-1,section .whole .setall .Buyers .toggle .address .na-1{border:solid 2px #cb1919}section .whole .whole-1 .Buyers .toggle .address .na-2,section .whole .setall .Buyers .toggle .address .na-2{margin-top:10px;border:solid 2px #d1d1d1}section .whole .whole-1 .Buyers .toggle .address p,section .whole .setall .Buyers .toggle .address p{margin:0px 15px}section .whole .whole-1 .Buyers .toggle .address-2 a,section .whole .setall .Buyers .toggle .address-2 a{color:#066ee2}section .whole .whole-1 .Buyers .toggle .stop,section .whole .setall .Buyers .toggle .stop{padding:20px 20px}section .whole .whole-1 .opt ul .optall table,section .whole .setall .opt ul .optall table{width:100%;background-color:#f3f3f3;border:1px solid #e0e0e0;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,section .whole .setall .opt .checklist .among{margin-bottom:20px;border-bottom:1px solid #f2f2f2}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:135px}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:140px}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 .coupon-1,section .whole .setall .coupon .coupon-1{background:url("../../img/images/coupon-1.png")}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 .total{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;line-height:33px}section .whole .setall .subore{padding:20px}section .whole .setall .subore span{padding:15px 35px;background-color:#cb1919;color:#fff;float:right}
+*{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/tobepaid.scss b/css/logshoppingcar/tobepaid.scss
index c62ccbe..9f6abd4 100644
--- a/css/logshoppingcar/tobepaid.scss
+++ b/css/logshoppingcar/tobepaid.scss
@@ -10,7 +10,7 @@ a {
 }
 
 section {
-    height: 1200px;
+    // height: 1200px;
     background-color: #f5f5f5;
     .whole {
         padding: 15px 50px;
@@ -46,52 +46,59 @@ section {
                 border-top: 2px solid #cb1919;
                 border-bottom: 1px solid #f2f2f2;
                 background-color: #fff;
-
-                span {
-                    &:nth-child(2) {
-                        float: right;
-                        a {
-                            color: #066ee2;
+                #container {
+                    span {
+                        &:nth-child(2) {
+                            float: right;
+                            a {
+                                color: #066ee2;
+                            }
                         }
                     }
-                }
-                .toggle {
-                    .address {
-                        display: flex;
-                        align-items: center;
-                        .name {
-                            display: inline-block;
-                            padding: 10px 50px;
+                    #wrap {
+                        overflow: hidden;
+                        margin-top: 20px;
+                        .address {
+                            display: flex;
+                            align-items: center;
+                            .name {
+                                display: inline-block;
+                                padding: 10px 50px;
+                            }
+                            .na-1 {
+                                border: solid 2px #cb1919;
+                            }
+                            .na-2 {
+                                margin-top: 10px;
+                                border: solid 2px #d1d1d1;
+                            }
+                            p {
+                                margin: 0px 15px;
+                            }
                         }
-                        .na-1 {
-                            border: solid 2px #cb1919;
+                        .address-2 {
+                            a {
+                                color: #066ee2;
+                            }
                         }
-                        .na-2 {
-                            margin-top: 10px;
-                            border: solid 2px #d1d1d1;
-                        }
-                        p {
-                            margin: 0px 15px;
+                        .stop {
+                            padding: 20px 20px;
                         }
                     }
-                    .address-2 {
-                        a {
-                            color: #066ee2;
-                        }
-                    }
-                    .stop {
-                        padding: 20px 20px;
+                    #read-more{
+                        margin-top: 20px;
                     }
                 }
             }
             // 送货清单
             .opt {
+                margin-bottom: 20px;
+                border-bottom: 1px solid #f2f2f2;
                 ul {
                     .optall {
                         table {
                             width: 100%;
                             background-color: #f3f3f3;
-                            border: 1px solid #e0e0e0;
                             margin-bottom: 20px;
                         }
                         #checkall {
@@ -107,17 +114,14 @@ section {
                 }
                 .checklist {
                     .among {
-                        margin-bottom: 20px;
-                        border-bottom: 1px solid #f2f2f2;
                         table {
                             width: 100%;
                             background-color: #fff;
                         }
-
                         th {
                             height: 115px;
                             &:nth-child(1) {
-                                width: 135px;
+                                width: 100px;
                                 img {
                                     padding: 10px;
                                     width: 82px;
@@ -132,8 +136,8 @@ section {
                             &:nth-child(3),
                             &:nth-child(4),
                             &:nth-child(6) {
-                                width: 140px;
-                                // text-align: center;
+                                width: 162px;
+                                text-align: center;
                             }
                             &:nth-child(5) {
                                 width: 120px;
@@ -151,56 +155,113 @@ section {
                                 }
                             }
                         }
-                        // span {
-                        //     width: 400px;
-                        //     font-size: 12px;
-                        //     display: inline-block;
-                        // }
                     }
                 }
             }
             // 使用优惠券
             .coupon {
-                .coupon-1{
+                width: 100%;
+                display: inline-flex;
+                padding-bottom: 40px;
+                border-bottom: 1px solid #f2f2f2;
+                .yh {
+                    width: 262px;
+                    height: 130px;
+                    margin-right: 25px;
+
+                    h1,
+                    h3,
+                    span {
+                        color: #fff;
+                    }
+                    h1 {
+                        font-size: 50px;
+                        position: relative;
+                        left: 30px;
+                        top: 20px;
+                    }
+                    h3 {
+                        font-size: 17px;
+                        position: relative;
+                        left: 91px;
+                        top: -32px;
+                        font-weight: 700;
+                    }
+                    span {
+                        position: relative;
+                        left: 91px;
+                        top: -32px;
+                    }
+                    p {
+                        color: #cb1919;
+                        position: relative;
+                        text-align: center;
+                    }
+                }
+                .coupon-1 {
                     background: url("../../img/images/coupon-1.png");
+                    margin-left: 50px;
+                }
+                .coupon-2 {
+                    background: url("../../img/images/coupon-2.png");
+                }
+                .coupon-3 {
+                    background: url("../../img/images/coupon-3.png");
+                    p {
+                        color: #d2d2d2;
+                    }
                 }
             }
             // 备注
             .remarks {
+                padding-top: 30px;
                 .layui-textarea {
                     background-color: #fcfcfc;
                 }
             }
         }
+        // 提交订单
         .setall {
-            // width: 100%;
             background-color: #fff;
             border: 1px solid #e0e0e0;
-            // display: inline-flex;
             margin-top: 25px;
-            // ul,
-            // .total,
-            // .subore li {
-            //     float: right;
-            // }
             .seta {
-                // ul {
-                //     float: right;
-                // }
+                li {
+                    margin-bottom: 20px;
+                    display: block;
+                    position: relative;
+                    left: 815px;
+                    text-align: center;
+                    width: 380px;
+                    span {
+                        float: right;
+                    }
+                }
             }
-
             .total {
                 border-top: 1px solid #e0e0e0;
                 border-bottom: 1px solid #e0e0e0;
-                line-height: 33px;
-
-                // p {display: inline-block;
-                //     float: right;
-
-                // }
+                li {
+                    display: block;
+                    position: relative;
+                    left: 752px;
+                    text-align: center;
+                    line-height: 50px;
+                    width: 445px;
+                    span {
+                        color: #cb1919;
+                        font-size: 26px;
+                        font-weight: 800;
+                        float: right;
+                    }
+                    p {
+                        color: #ababab;
+                    }
+                }
             }
-            .subore{ 
-                 padding: 20px;
+            .subore {
+                padding: 30px 0px;
+                height: 20px;
                 span {
                     padding: 15px 35px;
                     background-color: #cb1919;
diff --git a/htmls/logshoppingcar/reg.html b/htmls/logshoppingcar/reg.html
index 8170cd4..e72f82b 100644
--- a/htmls/logshoppingcar/reg.html
+++ b/htmls/logshoppingcar/reg.html
@@ -1,89 +1,142 @@
 <!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="../../layui.css">
+	<link rel="stylesheet" href="../../css/logshoppingcar/reg.css">
+	<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>
+
 <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 deav(){
+// document.getElementById(myPopup).style.display='none';
+(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="">
+		</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;&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">
+	</header>
+	<section>
+		<div class="navig">
 			<div class="label">
 				<!-- 标签 -->
 				<div class="label-text">
@@ -110,52 +163,8 @@
 				</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>
+
+	</section>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/htmls/logshoppingcar/tobepaid.html b/htmls/logshoppingcar/tobepaid.html
index c0605be..644aa6a 100644
--- a/htmls/logshoppingcar/tobepaid.html
+++ b/htmls/logshoppingcar/tobepaid.html
@@ -21,27 +21,23 @@
                     </div>
                     <!-- 买家 -->
                     <div class="Buyers">
-                        <span class="Subtitle">收货人信息</span>
-                        <span><a class="addbuy" href="">新增收货地址</a></span>
-
-                        <div class="toggle">
-                            <div class="address address-1">
-                                <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 ">
-                                <div class="name na-2">程鹏龙</div>
-                                <p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
-                                <a class="" href="">设置为默认地址</a>
-                            </div>
-                            <div class="address stop">收起地址 ︽</div>
-                            <!-- <dl>
-                                <dt>收起地址  ︽
-                                </dt>
-                                <dd>
-                                </dd>
-                            </dl> -->
+                        <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>
                     <!-- 送货清单 -->
@@ -69,7 +65,6 @@
                                                 创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
                                             </span></th>
                                         <th>￥188
-                                            <!-- <input type="text" name="price" value="188.00"> -->
                                         </th>
                                         <th>x3</th>
                                         <th id="price0">￥564.6</th>
@@ -83,7 +78,6 @@
                                                 创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
                                             </span></th>
                                         <th>￥188
-                                            <!-- <input type="text" name="price" value="188.00"> -->
                                         </th>
                                         <th>x3</th>
                                         <th id="price0">￥564.6</th>
@@ -96,8 +90,23 @@
                     </div>
                     <!-- 使用优惠券 -->
                     <div class="coupon">
-                        <div class="coupon-1">
-                            
+                        <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>
                     <!-- 备注 -->
@@ -113,20 +122,16 @@
                 <!-- 提交订单 -->
                 <div class="setall">
                     <ul class="seta">
-                        <li>商品总金额： </li>
-                        <li>运费：</li>
-                        <li>商品优惠：</li>
-                        <li><span onclick="settlem();">提交订单</span>
-                        </li>
+                        <li>商品总金额：<span>￥1128.00 </span> </li>
+                        <li>运费：<span>￥0.00 </span></li>
+                        <li>商品优惠：<span>-￥20.00  </span></li>
                     </ul>
-
                     <div class="total">
-                        应付总额：<span></span>
-                        <p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
+                        <li>应付总额:<span>￥1123.00</span></li>
+                        <li><p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p></li>
                     </div>
-
                     <div class="subore">
-                        <span>提交订单</span>
+                        <li><span onclick="settlem();">提交订单</span></li>
                     </div>
                 </div>
 
@@ -139,16 +144,30 @@
 <script type="text/javascript">
     // 折叠
     $(function () {
-        $(".toggle dl dd").hide();
-        $(".toggle dl dt").click(function () {
-            $(".toggle dl dd").not($(this).next()).hide();
-            $(".toggle dl dt").not($(this).next()).removeClass("current");
-            $(this).next().slideToggle(500);
-            $(this).toggleClass("current");
-        }
-        );
-    }
-    );
+            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

From 87873eeaf6889478514553eb2e8cf17f80638eac Mon Sep 17 00:00:00 2001
From: YDD <3223657165@qq.com>
Date: Tue, 14 Sep 2021 13:46:26 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E5=A4=B4=E3=80=81=E5=BA=95=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/logshoppingcar/artist.css       | 147 -------------
 css/logshoppingcar/login.css        |  10 +-
 css/logshoppingcar/mecha.css        |  10 +-
 css/logshoppingcar/reg.css          |  16 +-
 css/logshoppingcar/ret.css          |  10 +-
 css/logshoppingcar/tobepaid.min.css |   1 -
 css/logshoppingcar/tobepaid.scss    | 274 ------------------------
 htmls/logshoppingcar/artist.html    |  84 ++------
 htmls/logshoppingcar/login.html     | 178 ++++++++--------
 htmls/logshoppingcar/mecha.html     | 104 +++------
 htmls/logshoppingcar/qrcode.html    |  28 ++-
 htmls/logshoppingcar/reg.html       |  94 ++++-----
 htmls/logshoppingcar/ret.html       | 111 +++-------
 htmls/logshoppingcar/shopcar.html   |  26 ++-
 htmls/logshoppingcar/tobepaid.html  | 313 +++++++++++++++-------------
 htmls/logshoppingcar/zf.html        |  17 +-
 16 files changed, 465 insertions(+), 958 deletions(-)
 delete mode 100644 css/logshoppingcar/tobepaid.min.css
 delete mode 100644 css/logshoppingcar/tobepaid.scss

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/reg.css b/css/logshoppingcar/reg.css
index 02b7fce..f3f5edc 100644
--- a/css/logshoppingcar/reg.css
+++ b/css/logshoppingcar/reg.css
@@ -34,7 +34,7 @@ header .container {
   min-height: 320px;
   max-height: 570px;
   position: absolute;
-  top: 0px;
+  top: -350px;
   left: -40px;
   bottom: 0;
   right: 0;
@@ -175,7 +175,7 @@ header .container .codes input {
   margin-top: 0;
 }
 
-header .container .codes canvas {
+header .container .codes li {
   width: 200px;
   height: 40px;
   background: #efefef;
@@ -183,8 +183,12 @@ header .container .codes canvas {
   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;
 }
 
@@ -256,3 +260,7 @@ section .navig .label .label-icon ul li {
 section .navig .label .label-icon ul li img {
   width: 25px;
 }
+
+@media screen and (min-width:621px) and (max-width:720px) {
+
+}
\ 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/tobepaid.min.css b/css/logshoppingcar/tobepaid.min.css
deleted file mode 100644
index 38c2311..0000000
--- a/css/logshoppingcar/tobepaid.min.css
+++ /dev/null
@@ -1 +0,0 @@
-*{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/tobepaid.scss b/css/logshoppingcar/tobepaid.scss
deleted file mode 100644
index 9f6abd4..0000000
--- a/css/logshoppingcar/tobepaid.scss
+++ /dev/null
@@ -1,274 +0,0 @@
-* {
-    margin: 0;
-    padding: 0;
-}
-li {
-    list-style: none;
-}
-a {
-    text-decoration: none;
-}
-
-section {
-    // height: 1200px;
-    background-color: #f5f5f5;
-    .whole {
-        padding: 15px 50px;
-        margin: auto;
-        .whole-1,
-        .setall {
-            margin: 20px auto;
-            width: 1200px;
-            padding: 25px;
-            background-color: #ffffff;
-            .all {
-                display: inline-block;
-                h2 {
-                    font-weight: 600;
-
-                    float: left;
-                    padding-bottom: 10px;
-                }
-            }
-            .Buyers,
-            .opt {
-                padding: 25px;
-            }
-            .toggle,
-            .commodity {
-                padding: 20px;
-            }
-            .Subtitle {
-                font-weight: 800;
-            }
-            // 买家
-            .Buyers {
-                border-top: 2px solid #cb1919;
-                border-bottom: 1px solid #f2f2f2;
-                background-color: #fff;
-                #container {
-                    span {
-                        &:nth-child(2) {
-                            float: right;
-                            a {
-                                color: #066ee2;
-                            }
-                        }
-                    }
-                    #wrap {
-                        overflow: hidden;
-                        margin-top: 20px;
-                        .address {
-                            display: flex;
-                            align-items: center;
-                            .name {
-                                display: inline-block;
-                                padding: 10px 50px;
-                            }
-                            .na-1 {
-                                border: solid 2px #cb1919;
-                            }
-                            .na-2 {
-                                margin-top: 10px;
-                                border: solid 2px #d1d1d1;
-                            }
-                            p {
-                                margin: 0px 15px;
-                            }
-                        }
-                        .address-2 {
-                            a {
-                                color: #066ee2;
-                            }
-                        }
-                        .stop {
-                            padding: 20px 20px;
-                        }
-                    }
-                    #read-more{
-                        margin-top: 20px;
-                    }
-                }
-            }
-            // 送货清单
-            .opt {
-                margin-bottom: 20px;
-                border-bottom: 1px solid #f2f2f2;
-                ul {
-                    .optall {
-                        table {
-                            width: 100%;
-                            background-color: #f3f3f3;
-                            margin-bottom: 20px;
-                        }
-                        #checkall {
-                            margin-left: 10px;
-                        }
-                        th {
-                            height: 50px;
-                            span {
-                                margin-left: 85px;
-                            }
-                        }
-                    }
-                }
-                .checklist {
-                    .among {
-                        table {
-                            width: 100%;
-                            background-color: #fff;
-                        }
-                        th {
-                            height: 115px;
-                            &:nth-child(1) {
-                                width: 100px;
-                                img {
-                                    padding: 10px;
-                                    width: 82px;
-                                }
-                            }
-                            &:nth-child(2) {
-                                width: 300px;
-                            }
-                            &:nth-child(4) > input {
-                                width: 80px;
-                            }
-                            &:nth-child(3),
-                            &:nth-child(4),
-                            &:nth-child(6) {
-                                width: 162px;
-                                text-align: center;
-                            }
-                            &:nth-child(5) {
-                                width: 120px;
-                                input {
-                                    text-align: center;
-                                }
-                                input {
-                                    &:nth-child(1),
-                                    &:nth-child(3) {
-                                        width: 15px;
-                                    }
-                                    &:nth-child(2) {
-                                        width: 30px;
-                                    }
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-            // 使用优惠券
-            .coupon {
-                width: 100%;
-                display: inline-flex;
-                padding-bottom: 40px;
-                border-bottom: 1px solid #f2f2f2;
-                .yh {
-                    width: 262px;
-                    height: 130px;
-                    margin-right: 25px;
-
-                    h1,
-                    h3,
-                    span {
-                        color: #fff;
-                    }
-                    h1 {
-                        font-size: 50px;
-                        position: relative;
-                        left: 30px;
-                        top: 20px;
-                    }
-                    h3 {
-                        font-size: 17px;
-                        position: relative;
-                        left: 91px;
-                        top: -32px;
-                        font-weight: 700;
-                    }
-                    span {
-                        position: relative;
-                        left: 91px;
-                        top: -32px;
-                    }
-                    p {
-                        color: #cb1919;
-                        position: relative;
-                        text-align: center;
-                    }
-                }
-                .coupon-1 {
-                    background: url("../../img/images/coupon-1.png");
-                    margin-left: 50px;
-                }
-                .coupon-2 {
-                    background: url("../../img/images/coupon-2.png");
-                }
-                .coupon-3 {
-                    background: url("../../img/images/coupon-3.png");
-                    p {
-                        color: #d2d2d2;
-                    }
-                }
-            }
-            // 备注
-            .remarks {
-                padding-top: 30px;
-                .layui-textarea {
-                    background-color: #fcfcfc;
-                }
-            }
-        }
-        // 提交订单
-        .setall {
-            background-color: #fff;
-            border: 1px solid #e0e0e0;
-            margin-top: 25px;
-            .seta {
-                li {
-                    margin-bottom: 20px;
-                    display: block;
-                    position: relative;
-                    left: 815px;
-                    text-align: center;
-                    width: 380px;
-                    span {
-                        float: right;
-                    }
-                }
-            }
-            .total {
-                border-top: 1px solid #e0e0e0;
-                border-bottom: 1px solid #e0e0e0;
-                li {
-                    display: block;
-                    position: relative;
-                    left: 752px;
-                    text-align: center;
-                    line-height: 50px;
-                    width: 445px;
-                    span {
-                        color: #cb1919;
-                        font-size: 26px;
-                        font-weight: 800;
-                        float: right;
-                    }
-                    p {
-                        color: #ababab;
-                    }
-                }
-            }
-            .subore {
-                padding: 30px 0px;
-                height: 20px;
-                span {
-                    padding: 15px 35px;
-                    background-color: #cb1919;
-                    color: #fff;
-                    float: right;
-                }
-            }
-        }
-    }
-}
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
index 8203732..b9c17ca 100644
--- a/htmls/logshoppingcar/qrcode.html
+++ b/htmls/logshoppingcar/qrcode.html
@@ -7,10 +7,27 @@
     <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">
@@ -19,14 +36,19 @@
                 <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="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 e72f82b..65c3419 100644
--- a/htmls/logshoppingcar/reg.html
+++ b/htmls/logshoppingcar/reg.html
@@ -6,40 +6,57 @@
 	<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="../../layui.css">
+	<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>
 	<script>
-// function deav(){
-// document.getElementById(myPopup).style.display='none';
-(function ($){
-	document.addEventListener('click',function (e) {
-            var parent=$(e.target).parents('.foo,.help');
+		(function ($) {
+			document.addEventListener('click', function (e) {
+				var parent = $(e.target).parents('.foo,.help');
 
-            if(parent.length===0){
-                console.log('不在弹层与按钮区')
-                //操作此区域
+				if (parent.length === 0) {
+					console.log('不在弹层与按钮区')
+					//操作此区域
 
-                $('.help ul').hide();
-                $('.bnt').removeClass('show');
+					$('.help ul').hide();
+					$('.bnt').removeClass('show');
 
-            }else{
-                console.log('按钮与弹层区')
-            }
-        })
-    })(jQuery);
+				} else {
+					console.log('按钮与弹层区')
+				}
+			})
+		})(jQuery);
 
 	</script>
 	<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>
@@ -79,9 +96,9 @@
 					<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>
 				<!-- 密码 -->
@@ -99,8 +116,8 @@
 								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>
+							<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>
@@ -135,36 +152,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>
+	<!-- 底部导航 -->
+	<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 07b092f..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">
@@ -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
index 644aa6a..4c9763c 100644
--- a/htmls/logshoppingcar/tobepaid.html
+++ b/htmls/logshoppingcar/tobepaid.html
@@ -7,167 +7,190 @@
     <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>
-    <header>
-
-
-        <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=""></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-1.png" alt=""></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>
+    <!-- 头部导航 -->
+    <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 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 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>
 
-        </section>
+        </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;
-                });
-            }
-        });
+        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
index 50c3bfc..c55e669 100644
--- a/htmls/logshoppingcar/zf.html
+++ b/htmls/logshoppingcar/zf.html
@@ -7,10 +7,20 @@
     <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">
@@ -28,7 +38,10 @@
             </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