From 12d941086044e3301773cde5d67e42d0b2edf2c0 Mon Sep 17 00:00:00 2001
From: YDD <3223657165@qq.com>
Date: Wed, 15 Sep 2021 17:31:07 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E8=AE=A2=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/logshoppingcar/artist.css      |  48 ++----
 css/logshoppingcar/login.css       | 218 ++------------------------
 css/logshoppingcar/mecha.css       | 164 ++------------------
 css/logshoppingcar/reg.css         | 191 +++--------------------
 css/logshoppingcar/ret.css         |   2 +-
 css/logshoppingcar/shopcar2.css    |  73 ++++++---
 css/logshoppingcar/tobepaid.css    | 173 ++++++++-------------
 htmls/logshoppingcar/artist.html   |  17 +-
 htmls/logshoppingcar/login.html    |  19 +--
 htmls/logshoppingcar/mecha.html    |   9 +-
 htmls/logshoppingcar/reg.html      |  10 +-
 htmls/logshoppingcar/shopcar.html  | 241 ++++++++++++++++-------------
 htmls/logshoppingcar/tobepaid.html |  15 +-
 13 files changed, 344 insertions(+), 836 deletions(-)

diff --git a/css/logshoppingcar/artist.css b/css/logshoppingcar/artist.css
index e346181..fbd07c6 100644
--- a/css/logshoppingcar/artist.css
+++ b/css/logshoppingcar/artist.css
@@ -10,24 +10,13 @@ li {
 a {
   text-decoration: none;
 }
-
-header .img {
-  position: absolute;
-  left: 20%;
-  top: 5%;
-  transform: translate(-20%, -5%);
-}
-
-header .img img {
-  height: 50px;
-}
-
+/* 背景图 */
 header .bac {
   height: 930px;
   background-size: 100% 100%;
   background-image: url("../../img/images/backimage.png");
 }
-
+/* 输入整体框 */
 header .container {
   width: 420px;
   height: 680px;
@@ -62,7 +51,7 @@ header .container .head .gang {
   margin: auto;
   border-bottom: 1px solid #cb1919;
 }
-
+/* 身份访问 */
 header .container .identity ul {
   margin: 20px;
   padding-bottom: 20px;
@@ -116,10 +105,18 @@ header .container .identity ul li .Vbtn-2:hover:after {
   width: 70%;
 }
 
-header .container .identity ul li:visited {
-  color: #000;
+/* 点击切换会员 */
+header .container .identity ul li .member:link{
+  color: #737373;
+}
+header .container .identity ul li .member:hover{
+  color: #737373;
+}
+header .container .identity ul li .member:visited:focus{
+  color: #333;
 }
 
+/* 输入框 */
 header .container .layui-input {
   border-radius: 5px;
   width: 400px;
@@ -132,7 +129,7 @@ header .container .layui-input {
 header .container .layui-form-item {
   margin-left: -30px;
 }
-
+/* 用户协议 */
 header .container .layui-form-item .checkb {
   margin-left: 30px;
 }
@@ -155,7 +152,7 @@ header .container .layui-form-item .font-set {
 header .container .layui-input-block:last-child {
   margin-left: 20px;
 }
-
+/* 验证码 */
 header .container .codes {
   display: inline-flex;
 }
@@ -191,22 +188,11 @@ header .container .layui-btn {
 header .container .verity {
   width: 200px;
 }
-
+/* 登录 */
 header .container .bot {
   text-align: center;
 }
 
-header .container #verify {
-  height: 34px;
-  vertical-align: top;
-  font-size: 16px;
-}
-
-header .container #verify #code_img {
-  width: 100px;
-  height: 40px;
-  cursor: pointer;
-  vertical-align: top;
-}
+
 
 
diff --git a/css/logshoppingcar/login.css b/css/logshoppingcar/login.css
index 98a9ef3..5d4e11a 100644
--- a/css/logshoppingcar/login.css
+++ b/css/logshoppingcar/login.css
@@ -11,16 +11,16 @@ a {
   text-decoration: none;
 }
 
-
+/* 背景图 */
 header .bac {
   height: 930px;
   background-size: 100% 100%;
   background-image: url("../../img/images/backimage.png");
 }
-
+/* 输入整体框 */
 header .container {
   width: 420px;
-  height: 450px;
+  height: 400px;
   min-height: 320px;
   max-height: 570px;
   position: absolute;
@@ -52,7 +52,7 @@ header .container .head .gang {
   margin: auto;
   border-bottom: 1px solid #cb1919;
 }
-
+/* 身份访问 */
 header .container .identity ul {
   margin: 20px;
   padding-bottom: 20px;
@@ -71,7 +71,7 @@ header .container .identity ul li a {
 }
 
 header .container .identity ul li .set_1_btn {
-  color: #333;
+  color: #737373;
   display: block;
   font-weight: 400;
   line-height: 45px;
@@ -80,7 +80,7 @@ header .container .identity ul li .set_1_btn {
   text-decoration: none;
   width: 100%;
 }
-
+/* 会员底部展示条 */
 header .container .identity ul li .Vbtn-2 {
   letter-spacing: 0;
   transition: all 150ms linear 0s;
@@ -100,16 +100,21 @@ header .container .identity ul li .Vbtn-2:after {
 header .container .identity ul li .Vbtn-2:hover:after {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
-  border-color: #56c5ff;
   -webkit-transition: width 350ms ease-in-out;
   transition: width 350ms ease-in-out;
   width: 70%;
 }
-
-header .container .identity ul li:visited {
-  color: #000;
+/* 点击切换会员 */
+header .container .identity ul li .member:link{
+  color: #737373;
 }
-
+header .container .identity ul li .member:hover{
+  color: #737377;
+}
+header .container .identity ul li .member:visited:focus{
+  color: #333;
+}
+/* 输入框 */
 header .container .layui-input {
   border-radius: 5px;
   width: 400px;
@@ -123,20 +128,6 @@ header .container .layui-form-item {
   margin-left: -30px;
 }
 
-header .container .layui-form-item .checkb {
-  margin-left: 30px;
-}
-
-header .container .layui-form-item .checkb input {
-  display: block;
-  position: relative;
-  top: 19px;
-}
-
-header .container .layui-form-item .checkb a {
-  color: #cb1919;
-}
-
 header .container .layui-form-item .font-set {
   font-size: 13px;
   text-decoration: none;
@@ -146,30 +137,6 @@ header .container .layui-input-block:last-child {
   margin-left: 20px;
 }
 
-header .container .codes {
-  display: inline-flex;
-}
-
-header .container .codes input {
-  margin-top: 0;
-}
-
-header .container .codes li {
-  width: 200px;
-  height: 40px;
-  background: #efefef;
-  border-radius: 5px;
-}
-
-header .container .codes li p {
-  color: #8c8c8c;
-  z-index: 3;
-  text-align: center;
-  font-size: 14px;
-  margin-top: 10px;
-  z-index: 3;
-}
-
 header .container .layui-btn {
   margin-left: 18px;
   border-radius: 5px;
@@ -178,11 +145,7 @@ header .container .layui-btn {
   font-size: 15px;
   background-color: #cb1919;
 }
-
-header .container .verity {
-  width: 200px;
-}
-
+/* 忘记密码 */
 header .container .bot a:first-child {
   float: left;
 }
@@ -190,150 +153,3 @@ header .container .bot a:first-child {
 header .container .bot a:last-child {
   float: right;
 }
-
-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/mecha.css b/css/logshoppingcar/mecha.css
index 39d1c0c..85a9b56 100644
--- a/css/logshoppingcar/mecha.css
+++ b/css/logshoppingcar/mecha.css
@@ -10,13 +10,13 @@ li {
 a {
   text-decoration: none;
 }
-
+/* 背景图 */
 header .bac {
   height: 930px;
   background-size: 100% 100%;
   background-image: url("../../img/images/backimage.png");
 }
-
+/* 输入整体框 */
 header .container {
   width: 420px;
   height: 680px;
@@ -51,7 +51,7 @@ header .container .head .gang {
   margin: auto;
   border-bottom: 1px solid #cb1919;
 }
-
+/* 身份访问 */
 header .container .identity ul {
   margin: 20px;
   padding-bottom: 20px;
@@ -79,7 +79,7 @@ header .container .identity ul li .set_1_btn {
   text-decoration: none;
   width: 100%;
 }
-
+/* 会员底部展示条 */
 header .container .identity ul li .Vbtn-2 {
   letter-spacing: 0;
   transition: all 150ms linear 0s;
@@ -105,10 +105,17 @@ header .container .identity ul li .Vbtn-2:hover:after {
   width: 70%;
 }
 
-header .container .identity ul li:visited {
-  color: #000;
+/* 点击切换会员 */
+header .container .identity ul li .member:link{
+  color: #737373;
 }
-
+header .container .identity ul li .member:hover{
+  color: #737373;
+}
+header .container .identity ul li .member:visited:focus{
+  color: #333;
+}
+/* 输入框 */
 header .container .layui-input {
   border-radius: 5px;
   width: 400px;
@@ -203,146 +210,3 @@ section {
   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/reg.css b/css/logshoppingcar/reg.css
index 551ebc8..b0ce1f8 100644
--- a/css/logshoppingcar/reg.css
+++ b/css/logshoppingcar/reg.css
@@ -11,13 +11,13 @@ a {
   text-decoration: none;
 }
 
-
+/* 背景图 */
 header .bac {
   height: 930px;
   background-size: 100% 100%;
   background-image: url("../../img/images/backimage.png");
 }
-
+/* 输入整体框 */
 header .container {
   width: 420px;
   height: 570px;
@@ -52,7 +52,7 @@ header .container .head .gang {
   margin: auto;
   border-bottom: 1px solid #cb1919;
 }
-
+/* 身份访问 */
 header .container .identity ul {
   margin: 20px;
   padding-bottom: 20px;
@@ -70,8 +70,8 @@ header .container .identity ul li a {
   color: #737373;
 }
 
-header .container .identity ul li .set_1_btn {
-  color: #333;
+header .container .identity ul li .set_1_btn:link {
+  color: #737373;
   display: block;
   font-weight: 400;
   line-height: 45px;
@@ -80,7 +80,13 @@ header .container .identity ul li .set_1_btn {
   text-decoration: none;
   width: 100%;
 }
-
+header .container .identity ul li .set_1_btn:hover {
+  color: #333;
+}
+header .container .identity ul li .set_1_btn:active:visited:focus {
+  color: #000;
+}
+/* 会员底部显示条 */
 header .container .identity ul li .Vbtn-2 {
   letter-spacing: 0;
   transition: all 150ms linear 0s;
@@ -100,7 +106,6 @@ header .container .identity ul li .Vbtn-2:after {
 header .container .identity ul li .Vbtn-2:hover:after {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
-  border-color: #56c5ff;
   -webkit-transition: width 350ms ease-in-out;
   transition: width 350ms ease-in-out;
   width: 70%;
@@ -109,7 +114,17 @@ header .container .identity ul li .Vbtn-2:hover:after {
 header .container .identity ul li:visited {
   color: #000;
 }
-
+/* 点击切换会员 */
+header .container .identity ul li .member:link{
+  color: #737373;
+}
+header .container .identity ul li .member:hover{
+  color: #737373;
+}
+header .container .identity ul li .member:visited:focus{
+  color: #333;
+}
+/* 输入框 */
 header .container .layui-input {
   border-radius: 5px;
   width: 400px;
@@ -122,7 +137,7 @@ header .container .layui-input {
 header .container .layui-form-item {
   margin-left: -30px;
 }
-
+/* 用户协议 */
 header .container .layui-form-item .checkb {
   margin-left: 30px;
 }
@@ -169,6 +184,7 @@ header .container .codes li p {
   z-index: 3;
 }
 
+/* 登录 */
 header .container .layui-btn {
   margin-left: 18px;
   border-radius: 5px;
@@ -186,162 +202,5 @@ header .container .bot {
   text-align: center;
 }
 
-header .container #verify {
-  height: 34px;
-  vertical-align: top;
-  font-size: 16px;
-}
 
-header .container #verify #code_img {
-  width: 100px;
-  height: 40px;
-  cursor: pointer;
-  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/ret.css b/css/logshoppingcar/ret.css
index cc201a1..95f1604 100644
--- a/css/logshoppingcar/ret.css
+++ b/css/logshoppingcar/ret.css
@@ -37,7 +37,7 @@ header .container {
   box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5);
   font-size: 16px;
 }
-
+/* 输入框 */
 header .container .head {
   text-align: center;
   line-height: 40px;
diff --git a/css/logshoppingcar/shopcar2.css b/css/logshoppingcar/shopcar2.css
index aa2db22..fc04cf0 100644
--- a/css/logshoppingcar/shopcar2.css
+++ b/css/logshoppingcar/shopcar2.css
@@ -18,7 +18,7 @@ section {
 }
 
 section .whoil {
-  padding: 15px 50px;
+  padding: 15px 240px;
 }
 
 section .whoil .whoil-1 {
@@ -40,7 +40,7 @@ section .whoil .whoil-1 .all h2 {
   background-color: #fff;
   border-bottom: #cb1919 2px solid;
 }
-
+/* 选择 */
 section .whoil .whoil-1 table {
   width: 100%;
   border: 1;
@@ -48,14 +48,20 @@ section .whoil .whoil-1 table {
   border-spacing: 0px 20px;
   background-color: #fff;
 }
-
+/* 全选 */
 section .whoil .whoil-1 table thead {
   width: 100%;
   background-color: #f3f3f3;
   border: 2px solid #000;
   margin-bottom: 20px;
 }
-
+/* 全选 */
+section .whoil .whoil-1 tfoot {
+  width: 100%;
+  background-color: #f3f3f3;
+  border: 2px solid #000;
+  margin-bottom: 20px;
+}
 section .whoil .whoil-1 table thead th {
   padding: 10px 20px;
 }
@@ -63,6 +69,9 @@ section .whoil .whoil-1 table thead th {
 section .whoil .whoil-1 table thead th:nth-child(2) {
   float: left;
 }
+section .whoil .whoil-1 table thead th:nth-child(n + 3) {
+  padding-left: 55px;
+}
 
 section .whoil .whoil-1 table thead th input {
   float: left;
@@ -74,16 +83,23 @@ section .whoil .whoil-1 table tbody .inline {
 
 section .whoil .whoil-1 table tbody .inline td span {
   display: inline-block;
-  margin-left: 10px;
+  margin-left: 15px;
 }
 
-section .whoil .whoil-1 table tbody .inline td:nth-child(1) {
-  width: 70px;
-  padding: 0px 10px;
+section .whoil .whoil-1 table tbody .inline th {
+  width: 140px;
+  
+}
+section .whoil .whoil-1 table tbody .inline th input {
+  position: absolute;
+  margin:16px 18px;
+}
+section .whoil .whoil-1 table tbody .inline th img {
+  margin-left: 55px;
 }
 
 section .whoil .whoil-1 table tbody .inline td:nth-child(n + 2) {
-  padding: 10px 20px;
+  padding: 10px 0px;
 }
 
 section .whoil .whoil-1 table tbody .inline td:nth-child(n + 3) {
@@ -99,31 +115,34 @@ section .whoil .whoil-1 table tbody .inline td:nth-child(4) input {
   width: 40px;
   text-align: center;
 }
-
+section .whoil .whoil-1 table tbody .inline td:nth-child(4) button {
+  width:15px;
+  
+}
+/* 结算 */
 section .whoil .whoil-1 table tfoot {
   background-color: #f3f3f3;
   height: 50px;
 }
 
-section .whoil .whoil-1 table tfoot td:nth-child(1) {
+section .whoil .whoil-1 table tfoot th {
   padding: 10px 20px;
+ 
 }
 
-section .whoil .whoil-1 table tfoot td:nth-child(5) {
-  width: 200px;
-}
-
-section .whoil .whoil-1 table tfoot td:nth-child(5) #allPrice {
+section .whoil .whoil-1 table tfoot #allPrice {
   color: #cb1919;
   font-size: 30px;
   font-weight: 800;
 }
 
-section .whoil .whoil-1 table tfoot td:nth-child(6) span {
+section .whoil .whoil-1 table tfoot td:last-child span {
+  color: #f5f5f5;
   background-color: #cb1919;
-  padding: 15px 25px;
-}
-
+  padding: 18px 50px;
+  float: right;
+} 
+/* 轮播图 */
 section .whoil .whoil-1 .swiper-container {
   width: 100%;
   height: 380px;
@@ -133,17 +152,27 @@ section .whoil .whoil-1 .swiper-container {
 section .whoil .whoil-1 .swiper-container .swiper-text {
   padding: 10px 5px;
   border-bottom: #e0e0e0 1px solid;
+  font-size: 20px;
+  font-weight: 700;
+  margin-left: 20px;
+  margin-right: 20px;
 }
 
-section .whoil .whoil-1 .swiper-wrapper {
+/* section .whoil .whoil-1 .swiper-wrapper {
   margin-top: 20px;
-}
+} */
 
 section .whoil .whoil-1 .swiper-container img {
   display: block;
+  /* width: 100%; */
   height: 287px;
   overflow: hidden;
 }
+section .whoil .whoil-1 .swiper-slide .clips1 {
+  text-align: center;
+  width: 284px;
+  padding: 10px 0;
+}
 
 section .whoil .whoil-1 .swiper-container .swiper-button-prev,
 section .whoil .whoil-1 .swiper-container .swiper-button-next {
diff --git a/css/logshoppingcar/tobepaid.css b/css/logshoppingcar/tobepaid.css
index d2e18ca..1e6d687 100644
--- a/css/logshoppingcar/tobepaid.css
+++ b/css/logshoppingcar/tobepaid.css
@@ -20,210 +20,169 @@ section .whole {
   margin: auto;
 }
 
-section .whole .whole-1,
-section .whole .setall {
+section .whole .whole-1 {
   margin: 20px auto;
   width: 1200px;
   padding: 25px;
   background-color: #ffffff;
 }
 
-section .whole .whole-1 .all,
-section .whole .setall .all {
+section .whole .whole-1 .all {
   display: inline-block;
 }
 
-section .whole .whole-1 .all h2,
-section .whole .setall .all h2 {
+section .whole .whole-1 .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 {
+/* 买家 */
+section .whole .whole-1 .Buyers {
   padding: 25px;
 }
 
 section .whole .whole-1 .toggle,
-section .whole .whole-1 .commodity,
-section .whole .setall .toggle,
-section .whole .setall .commodity {
+section .whole .whole-1 .commodity {
   padding: 20px;
 }
 
-section .whole .whole-1 .Subtitle,
-section .whole .setall .Subtitle {
+section .whole .whole-1 .Subtitle {
   font-weight: 800;
 }
 
-section .whole .whole-1 .Buyers,
-section .whole .setall .Buyers {
+section .whole .whole-1 .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) {
+section .whole .whole-1 .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 {
+section .whole .whole-1 .Buyers #container span:nth-child(2) a {
   color: #066ee2;
 }
 
-section .whole .whole-1 .Buyers #container #wrap,
-section .whole .setall .Buyers #container #wrap {
+section .whole .whole-1 .Buyers #container #wrap {
   overflow: hidden;
   margin-top: 20px;
 }
 
-section .whole .whole-1 .Buyers #container #wrap .address,
-section .whole .setall .Buyers #container #wrap .address {
+section .whole .whole-1 .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 {
+section .whole .whole-1 .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 {
+section .whole .whole-1 .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 {
+section .whole .whole-1 .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 {
+section .whole .whole-1 .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 {
+section .whole .whole-1 .Buyers #container #wrap .address-2 a {
   color: #066ee2;
 }
 
-section .whole .whole-1 .Buyers #container #wrap .stop,
-section .whole .setall .Buyers #container #wrap .stop {
+section .whole .whole-1 .Buyers #container #wrap .stop {
   padding: 20px 20px;
 }
 
-section .whole .whole-1 .Buyers #container #read-more,
-section .whole .setall .Buyers #container #read-more {
+section .whole .whole-1 .Buyers #container #read-more {
   margin-top: 20px;
 }
-
-section .whole .whole-1 .opt,
-section .whole .setall .opt {
+/* 送货清单 */
+section .whole .whole-1 .opt {
+  padding: 25px;
   margin-bottom: 20px;
   border-bottom: 1px solid #f2f2f2;
 }
 
-section .whole .whole-1 .opt ul .optall table,
-section .whole .setall .opt ul .optall table {
+section .whole .whole-1 .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 {
+section .whole .whole-1 .opt ul .optall #checkall {
   margin-left: 10px;
 }
 
-section .whole .whole-1 .opt ul .optall th,
-section .whole .setall .opt ul .optall th {
+section .whole .whole-1 .opt ul .optall th {
   height: 50px;
 }
 
-section .whole .whole-1 .opt ul .optall th span,
-section .whole .setall .opt ul .optall th span {
+section .whole .whole-1 .opt ul .optall th span {
   margin-left: 85px;
 }
 
-section .whole .whole-1 .opt .checklist .among table,
-section .whole .setall .opt .checklist .among table {
+section .whole .whole-1 .opt .checklist .among table {
   width: 100%;
   background-color: #fff;
 }
 
-section .whole .whole-1 .opt .checklist .among th,
-section .whole .setall .opt .checklist .among th {
+section .whole .whole-1 .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) {
+section .whole .whole-1 .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 {
+section .whole .whole-1 .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) {
+section .whole .whole-1 .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 {
+section .whole .whole-1 .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) {
+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) {
   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) {
+section .whole .whole-1 .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 {
+section .whole .whole-1 .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) {
+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) {
   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) {
+section .whole .whole-1 .opt .checklist .among th:nth-child(5) input:nth-child(2) {
   width: 30px;
 }
-
-section .whole .whole-1 .coupon,
-section .whole .setall .coupon {
+/* 使用优惠券 */
+section .whole .whole-1 .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 {
+section .whole .whole-1 .coupon .yh {
   width: 262px;
   height: 130px;
   margin-right: 25px;
@@ -231,23 +190,18 @@ section .whole .setall .coupon .yh {
 
 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 {
+section .whole .whole-1 .coupon .yh span {
   color: #fff;
 }
 
-section .whole .whole-1 .coupon .yh h1,
-section .whole .setall .coupon .yh h1 {
+section .whole .whole-1 .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 {
+section .whole .whole-1 .coupon .yh h3 {
   font-size: 17px;
   position: relative;
   left: 91px;
@@ -255,52 +209,47 @@ section .whole .setall .coupon .yh h3 {
   font-weight: 700;
 }
 
-section .whole .whole-1 .coupon .yh span,
-section .whole .setall .coupon .yh span {
+section .whole .whole-1 .coupon .yh span {
   position: relative;
   left: 91px;
   top: -32px;
 }
 
-section .whole .whole-1 .coupon .yh p,
-section .whole .setall .coupon .yh p {
+section .whole .whole-1 .coupon .yh p {
   color: #cb1919;
   position: relative;
   text-align: center;
 }
-
-section .whole .whole-1 .coupon .coupon-1,
-section .whole .setall .coupon .coupon-1 {
+/* 优惠卷的背景 */
+section .whole .whole-1 .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 {
+section .whole .whole-1 .coupon .coupon-2 {
   background: url("../../img/images/coupon-2.png");
 }
 
-section .whole .whole-1 .coupon .coupon-3,
-section .whole .setall .coupon .coupon-3 {
+section .whole .whole-1 .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 {
+section .whole .whole-1 .coupon .coupon-3 p {
   color: #d2d2d2;
 }
-
-section .whole .whole-1 .remarks,
-section .whole .setall .remarks {
+/* 备注 */
+section .whole .whole-1 .remarks {
   padding-top: 30px;
 }
 
-section .whole .whole-1 .remarks .layui-textarea,
-section .whole .setall .remarks .layui-textarea {
+section .whole .whole-1 .remarks .layui-textarea {
   background-color: #fcfcfc;
 }
-
+/* 提交订单 */
 section .whole .setall {
+  margin: 20px auto;
+  width: 1200px;
+  padding: 25px;
   background-color: #fff;
   border: 1px solid #e0e0e0;
   margin-top: 25px;
@@ -318,7 +267,7 @@ section .whole .setall .seta li {
 section .whole .setall .seta li span {
   float: right;
 }
-
+/* 送货地址 */
 section .whole .setall .total {
   border-top: 1px solid #e0e0e0;
   border-bottom: 1px solid #e0e0e0;
@@ -342,14 +291,14 @@ section .whole .setall .total li span {
 
 section .whole .setall .total li p {
   color: #ababab;
-}
-
+} 
+/* 提交按钮 */
 section .whole .setall .subore {
   padding: 30px 0px;
   height: 20px;
 }
 
-section .whole .setall .subore span {
+section .whole .setall .subore li {
   padding: 15px 35px;
   background-color: #cb1919;
   color: #fff;
diff --git a/htmls/logshoppingcar/artist.html b/htmls/logshoppingcar/artist.html
index 5b44fd7..0cb5470 100644
--- a/htmls/logshoppingcar/artist.html
+++ b/htmls/logshoppingcar/artist.html
@@ -20,13 +20,6 @@
 	}
 </style>
 <script>
-	// function Phone() {
-	// 	var phone = document.getElementById('phone').value;
-	// 	if (!(/^1[3|4|5|7|8]\d{9}$/.test(phone))) {
-	// 		alert("手机号码有误，请重填");
-	// 		return false;
-	// 	}
-	// }
 	$(function () {
 		let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
 		$('#phone').click(function () {
@@ -61,9 +54,9 @@
 				<!-- 身份 -->
 				<div class="identity">
 					<ul>
-						<li><a href="reg.html" class="set_1_btn Vbtn-2">个人会员</a>
-							<a href="mecha.html" class="set_1_btn Vbtn-2">机构会员</a>
-							<a href="#" class="set_1_btn Vbtn-2">艺术家会员</a>
+						<li><a href="reg.html" class="set_1_btn Vbtn-2 member">个人会员</a>
+							<a href="mecha.html" class="set_1_btn Vbtn-2 member">机构会员</a>
+							<a href="#" class="set_1_btn Vbtn-2 member">艺术家会员</a>
 						</li>
 					</ul>
 				</div>
@@ -95,7 +88,7 @@
 							maxlength="11" autocomplete="off" class="layui-input" value="">
 					</div>
 				</div>
-				<!-- 验证码 -->
+				<!-- 验证i码 -->
 				<div class="layui-form-item">
 					<div class="layui-input-block codes">
 						<input type="text" name="title" required lay-verify="required" placeholder="验证码"
@@ -129,7 +122,7 @@
 				</div>
 				<div class="bot">
 					<!-- <a href="" class="font-set">忘记密码?</a>  <a href="" class="font-set">没有账号，立即注册新用户</a> -->
-					<a href="" class="font-set">已有账号，立即登录</a>
+					<a href="./login.html" class="font-set">已有账号，立即登录</a>
 				</div>
 
 			</div>
diff --git a/htmls/logshoppingcar/login.html b/htmls/logshoppingcar/login.html
index bd1f197..ca8d29e 100644
--- a/htmls/logshoppingcar/login.html
+++ b/htmls/logshoppingcar/login.html
@@ -41,9 +41,9 @@
 				<!-- 身份 -->
 				<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><a href="#" class="set_1_btn Vbtn-2 member">个人会员</a>
+							<a href="#" class="set_1_btn Vbtn-2 member">机构会员</a>
+							<a href="#" class="set_1_btn Vbtn-2 member">艺术家会员</a>
 						</li>
 					</ul>
 				</div>
@@ -61,17 +61,6 @@
 							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">
@@ -79,7 +68,7 @@
 					</div>
 				</div>
 				<div class="bot">
-					<a href="ret.html" class="font-set">忘记密码?</a> <a href="" class="font-set">没有账号，立即注册新用户</a>
+					<a href="ret.html" class="font-set">忘记密码?</a> <a href="./reg.html" class="font-set">没有账号，立即注册新用户</a>
 				</div>
 
 			</div>
diff --git a/htmls/logshoppingcar/mecha.html b/htmls/logshoppingcar/mecha.html
index c3f448a..2db3ed6 100644
--- a/htmls/logshoppingcar/mecha.html
+++ b/htmls/logshoppingcar/mecha.html
@@ -26,7 +26,6 @@
 </style>
 <body>
 	<header>
-
 		<!-- 背景图 -->
 		<div class="bac"></div>
 		<!-- 输入框 -->
@@ -40,9 +39,9 @@
 				<!-- 身份 -->
 				<div class="identity">
 					<ul>
-						<li><a href="reg.html" class="set_1_btn Vbtn-2">个人会员</a>
-							<a href="#" class="set_1_btn Vbtn-2">机构会员</a>
-							<a href="artist.html" class="set_1_btn Vbtn-2">艺术家会员</a>
+						<li><a href="reg.html" class="set_1_btn Vbtn-2 member">个人会员</a>
+							<a href="#" class="set_1_btn Vbtn-2 member">机构会员</a>
+							<a href="artist.html" class="set_1_btn Vbtn-2 member">艺术家会员</a>
 						</li>
 					</ul>
 				</div>
@@ -108,7 +107,7 @@
 				</div>
 				<div class="bot">
 					<!-- <a href="" class="font-set">忘记密码?</a>  <a href="" class="font-set">没有账号，立即注册新用户</a> -->
-					<a href="" class="font-set">已有账号，立即登录</a>
+					<a href="./login.html" class="font-set">已有账号，立即登录</a>
 				</div>
 
 			</div>
diff --git a/htmls/logshoppingcar/reg.html b/htmls/logshoppingcar/reg.html
index 64577f2..e856b03 100644
--- a/htmls/logshoppingcar/reg.html
+++ b/htmls/logshoppingcar/reg.html
@@ -33,9 +33,9 @@
 				<!-- 身份 -->
 				<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><a href="#" class="set_1_btn Vbtn-2 member">个人会员</a>
+							<a href="mecha.html" class="set_1_btn Vbtn-2 member">机构会员</a>
+							<a href="artist.html" class="set_1_btn Vbtn-2 member">艺术家会员</a>
 						</li>
 					</ul>
 				</div>
@@ -59,7 +59,7 @@
 						<input type="text" name="title" required lay-verify="required" placeholder="请输入验证码"
 							autocomplete="off" class="layui-input verity">
 						<li>
-							<p>发送手机验证码</p>
+							<p onclick="sentout()">发送手机验证码</p>
 						</li>
 					</div>
 				</div>
@@ -87,7 +87,7 @@
 				</div>
 				<div class="bot">
 					<!-- <a href="" class="font-set">忘记密码?</a>  <a href="" class="font-set">没有账号，立即注册新用户</a> -->
-					<a href="" class="font-set">已有账号，立即登录</a>
+					<a href="./login.html" class="font-set">已有账号，立即登录</a>
 				</div>
 
 			</div>
diff --git a/htmls/logshoppingcar/shopcar.html b/htmls/logshoppingcar/shopcar.html
index dc10215..a54b7eb 100644
--- a/htmls/logshoppingcar/shopcar.html
+++ b/htmls/logshoppingcar/shopcar.html
@@ -11,7 +11,6 @@
     <script src="../../js/swiper-bundle.min.js"></script>
     <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 {
@@ -26,10 +25,11 @@
         top: -50px;
     }
 </style>
+
 <body>
-     <!-- 头部导航 -->
-     <iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0"
-     scrolling="no"></iframe>
+    <!-- 头部导航 -->
+    <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">
@@ -40,10 +40,10 @@
                 </th>
 
                 <!-- 选择 -->
-                <table>
+                <table style="text-align: left;">
                     <thead>
                         <tr>
-                            <th><input type="checkbox" id="ckAll" onclick="checkAll()">全选</th>
+                            <th><input type="checkbox" id="ckAll" onclick="checkAll()">&nbsp;&nbsp;全选</th>
                             <th>商品</th>
                             <th>单价</th>
                             <th>数量</th>
@@ -53,17 +53,33 @@
                     </thead>
                     <tbody>
                         <tr class="inline">
-                            <td><input type="checkbox" name="ck" onclick="check()"></td>
-                            <td><img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一"><span>竹迪
-                                    客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
-                                    11时来运转8190</span>
+                            <th><input type="checkbox" name="ck" onclick="check()"><img src="../../img/images/1-1.png"
+                                    alt="图片丢失" title="购物车图片一"></th>
+                            <td><span>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190</span>
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
                             </td>
                             <td>188.00</td>
                             <td>
-                                <span class="reduce" onclick="reduceCount(this)">-</span>
+                                <button class="reduce" onclick="reduceCount(this)">-</button>
+                                <input type="text" value="3" class="count-input">
+                                <button class="add" onclick="addCount(this)">+</button>
+                            </td>
+                            <td>564.00</td>
+                            <td>
+                                <span class="delete" onclick="del(this)">删除</span>
+                            </td>
+                        </tr>
+                        <tr class="inline">
+                            <th><input type="checkbox" name="ck" onclick="check()"><img src="../../img/images/1-2.png"
+                                    alt="图片丢失" title="购物车图片二"></th>
+                            <td><span>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190</span>
+                                <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
+                            </td>
+                            <td>188.00</td>
+                            <td>
+                                <button class="reduce" onclick="reduceCount(this)">-</button>
                                 <input type="text" value="1" class="count-input">
-                                <span class="add" onclick="addCount(this)">+</span>
+                                <button class="add" onclick="addCount(this)">+</button>
                             </td>
                             <td>188.00</td>
                             <td>
@@ -71,17 +87,16 @@
                             </td>
                         </tr>
                         <tr class="inline">
-                            <td><input type="checkbox" name="ck" onclick="check()"></td>
-                            <td><img src="../../img/images/1-2.png" alt="图片丢失" title="购物车图片二" ><span>竹迪
-                                    客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
-                                    11时来运转8190</span>
+                            <th><input type="checkbox" name="ck" onclick="check()"><img src="../../img/images/1-3.png"
+                                    alt="图片丢失" title="购物车图片三"></th>
+                            <td><span>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190</span>
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
                             </td>
                             <td>188.00</td>
                             <td>
-                                <span class="reduce" onclick="reduceCount(this)">-</span>
+                                <button class="reduce" onclick="reduceCount(this)">-</button>
                                 <input type="text" value="1" class="count-input">
-                                <span class="add" onclick="addCount(this)">+</span>
+                                <button class="add" onclick="addCount(this)">+</button>
                             </td>
                             <td>188.00</td>
                             <td>
@@ -89,35 +104,16 @@
                             </td>
                         </tr>
                         <tr class="inline">
-                            <td><input type="checkbox" name="ck" onclick="check()"></td>
-                            <td><img src="../../img/images/1-3.png" alt="图片丢失" title="购物车图片三"><span>竹迪
-                                    客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
-                                    11时来运转8190</span>
+                            <th><input type="checkbox" name="ck" onclick="check()"><img src="../../img/images/1-4.png"
+                                    alt="图片丢失" title="购物车图片四"></th>
+                            <td><span>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190</span>
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
                             </td>
                             <td>188.00</td>
                             <td>
-                                <span class="reduce" onclick="reduceCount(this)">-</span>
+                                <button class="reduce" onclick="reduceCount(this)">-</button>
                                 <input type="text" value="1" class="count-input">
-                                <span class="add" onclick="addCount(this)">+</span>
-                            </td>
-                            <td>188.00</td>
-                            <td>
-                                <span class="delete" onclick="del(this)">删除</span>
-                            </td>
-                        </tr>
-                        <tr class="inline">
-                            <td><input type="checkbox" name="ck" onclick="check()"></td>
-                            <td><img src="../../img/images/1-4.png" alt="图片丢失" title="购物车图片四"><span>竹迪
-                                    客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
-                                    11时来运转8190</span>
-                                <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
-                            </td>
-                            <td>188.00</td>
-                            <td>
-                                <span class="reduce" onclick="reduceCount(this)">-</span>
-                                <input type="text" value="1" class="count-input">
-                                <span class="add" onclick="addCount(this)">+</span>
+                                <button class="add" onclick="addCount(this)">+</button>
                             </td>
                             <td>188.00</td>
                             <td>
@@ -127,8 +123,8 @@
                     </tbody>
                     <tfoot id="foot">
                         <tr>
-                            <td><input type="checkbox" id="ckAll" onclick="checkAll()">&nbsp;&nbsp;全选</td>
-                            <td><span class="delete" onclick="del(this)">删除</span></td>
+                            <th><input type="checkbox" id="ckAll" onclick="checkAll()">&nbsp;&nbsp;全选</th>
+                            <td valgin="left"><span class="delete" onclick="del(this)">删除</span></td>
                             <td></td>
                             <td>总数：<span id="allCount"></span>件</td>
                             <td>总价：￥<span id="allPrice"></span></td>
@@ -137,61 +133,104 @@
                         </tr>
                     </tfoot>
                 </table>
-
+                <!-- 轮播图 -->
                 <div class="swiper-container">
                     <div class="swiper-text">
                         推荐商品
                     </div>
                     <div class="swiper-wrapper">
-                        <div class="swiper-slide"><img alt="图片丢失" title="图片一" src="../../img/images/1.png" ></div>
-                        <div class="swiper-slide"><img alt="图片丢失" title="图片二" src="../../img/images/2.png" ></div>
-                        <div class="swiper-slide"><img alt="图片丢失" title="图片三" src="../../img/images/3.png" ></div>
-                        <div class="swiper-slide"><img alt="图片丢失" title="图片四" src="../../img/images/4.png" ></div>
-                        <div class="swiper-slide"><img alt="图片丢失" title="图片一" src="../../img/images/1.png" ></div>
+                        <div class="swiper-slide"><img alt="图片丢失" title="图片一" src="../../img/images/1.png">
+                            <div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
+                        </div>
+                        <div class="swiper-slide"><img alt="图片丢失" title="图片二" src="../../img/images/2.png">
+                            <div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
+                        </div>
+                        <div class="swiper-slide"><img alt="图片丢失" title="图片三" src="../../img/images/3.png">
+                            <div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
+                        </div>
+                        <div class="swiper-slide"><img alt="图片丢失" title="图片四" src="../../img/images/4.png">
+                            <div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
+                        </div>
+                        <div class="swiper-slide"><img alt="图片丢失" title="图片一" src="../../img/images/1.png">
+                            <div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
+                        </div>
                     </div>
-                    <!-- 如果需要分页器 -->
+                    <!-- 分页器 -->
                     <div class="swiper-pagination"></div>
-                    <!-- 如果需要导航按钮 -->
+                    <!-- 导航按钮 -->
                     <div class="swiper-button-prev"></div>
                     <div class="swiper-button-next"></div>
                 </div>
             </div>
     </section>
     <script>
-        var mySwiper = new Swiper('.swiper-container', {
-            loop: true, // 循环模式
-            slidesPerView: 5,//显示数量
-            spaceBetween: 25,//图片间距
-            autoplay: {
-                delay: 3000,
-                stopOnLastSlide: true,
-                disableOnInteraction: true,//是否禁止自动切换
-            },
-            // 分页器
-            pagination: {
-                el: '.swiper-pagination',
-                clickable: true,//点击跳转
-            },
-            navigation: {
-                nextEl: '.swiper-button-next',//左按钮
-                prevEl: '.swiper-button-prev',//右按钮
-            },
-            //鼠标移入变手
-            grabCursor: true,
+        // 轮播
+        $(window).resize(function () {//监听窗口大小的改变
+            sixSwiper()
         })
-        // 鼠标移入轮播图范围，执行的函数
-        mySwiper.el.onmouseover = function () {
-            mySwiper.autoplay.stop();
-            mySwiper.navigation.$nextEl.removeClass('hide');
-            mySwiper.navigation.$prevEl.removeClass('hide');
-        }
-        // 鼠标移出轮播图范围，执行的函数
-        mySwiper.el.onmouseout = function () {
-            mySwiper.autoplay.start();
-            mySwiper.navigation.$nextEl.addClass('hide');
-            mySwiper.navigation.$prevEl.addClass('hide');
-        }
+        function sixSwiper() {
+            let showNum = 4
+            let beforeNum = 15
+            let centeredSlides = true//是否显示半截
+            let spaceBetween = 25//图片间距
+            let windowWidth = $(window).width()
+            if (windowWidth * 1 <= 900) {
+                showNum = 2
+                beforeNum = 0
+                centeredSlides = false
+                spaceBetween = 10
+            } else if (windowWidth * 1 <= 1000) {
+                showNum = 3
+                beforeNum = 0
+                centeredSlides = false
+                spaceBetween = 10
+            } else if (windowWidth * 1 <= 1200) {
+                showNum = 3
+                beforeNum = 0
+                centeredSlides = false
+            } else if (windowWidth * 1 <= 1450) {
+                showNum = 4
+                beforeNum = 0
+                spaceBetween = 10
+                centeredSlides = true
+            }
+            let myswiper = new Swiper('.swiper-container', {
+                cssMode: false,//禁止鼠标滑动，切换
+                loop: true,
+                slidesPerView: showNum,//显示数量
+                spaceBetween: spaceBetween,//图片间距
 
+                slidesOffsetBefore: beforeNum,
+                autoplay: {
+                    delay: 2000,
+                    stopOnLastSlide: true,
+                    disableOnInteraction: false,
+                },
+                // 分页器
+                pagination: {
+                    el: '.swiper-pagination',
+                    clickable: true,//点击跳转
+                },
+                navigation: {
+                    nextEl: '.swiper-button-next',//左按钮
+                    prevEl: '.swiper-button-prev',//右按钮
+                },
+                grabCursor: true,//鼠标移入变手
+            });
+            // 鼠标移入轮播图范围，执行的函数
+            myswiper.el.onmouseover = function () {
+                myswiper.autoplay.stop();
+                myswiper.navigation.$nextEl.removeClass('hide');
+                myswiper.navigation.$prevEl.removeClass('hide');
+            }
+            // 鼠标移出轮播图范围，执行的函数
+            myswiper.el.onmouseout = function () {
+                myswiper.autoplay.start();
+                myswiper.navigation.$nextEl.addClass('hide');
+                myswiper.navigation.$prevEl.addClass('hide');
+            }
+        }
+        sixSwiper()
         //获取元素
         var ckAll = document.getElementById('ckAll');
         var cks = document.getElementsByName('ck');
@@ -201,15 +240,14 @@
         var countInput = document.getElementsByClassName('count-input');
         var accounts = document.getElementById("accounts");
         // 结算
-        // function accounts(){
-        //     var sum=0;
-        // }
-        // function accounts() {
-
-        //     accounts.style.display = "block";
-        //     alert("")
-        //     accounts.innerHTML = str;
-        // }
+        function accounts() {
+            var sum = 0;
+        }
+        function accounts() {
+            accounts.style.display = "block";
+            alert("")
+            accounts.innerHTML = str;
+        }
 
         //计算总数
         function sumCount() {
@@ -248,19 +286,8 @@
             }
         }
 
-        // // 输入数量的最大值
-        // functionb (num){
-        // if(value.length<8){
-        //     var btn1 = document.getElementById("org");
-        //     btn1.insertBefore(input1, null);
-        // }else{
-        //     alert("不能再添加");
-        // }
-        // }
-
         //数量增加
         function addCount(e) {
-            // 获取input标签里的value值,数量
             var num = parseInt(e.previousElementSibling.value);
             // 最大数量
             if (num > 98) {
@@ -298,19 +325,16 @@
             sumCount();
         }
 
-        //复选框的交互
+        //复选框
         function check() {
-            // 判断四个小的复选框有没有没被选中的,如果有一个,就把ckAllde的checked 变为false
             for (var i = 0; i < cks.length; i++) {
                 if (cks[i].checked == false) {
                     ckAll.checked = false;
                     sumPrice();
                     sumCount();
-                    // 有一个小复选框为false,就不需要对其他复选框进行判断了,直接中止函数下面的执行语句
                     return;
                 }
             }
-            //循环结束后,如果小复选框checked的值都为true,ckAll的checked的值就为true
             ckAll.checked = true;
             sumPrice();
             sumCount();
@@ -324,6 +348,7 @@
         }
 
     </script>
+
     <!-- 底部导航 -->
     <iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
         marginwidth='0'></iframe>
diff --git a/htmls/logshoppingcar/tobepaid.html b/htmls/logshoppingcar/tobepaid.html
index 5499bb6..50bf617 100644
--- a/htmls/logshoppingcar/tobepaid.html
+++ b/htmls/logshoppingcar/tobepaid.html
@@ -27,9 +27,8 @@
 
 <body>
     <!-- 头部导航 -->
-    <iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0"
-        scrolling="no"></iframe>
-        <!-- 内容 -->
+    <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">
@@ -76,7 +75,7 @@
                         <ul class="checklist">
                             <li class="among">
                                 <table>
-                                    <th> <label for="value1"><img src="../../img/images/1-1.png"  alt="图片丢失" title="商品1"></label>
+                                    <th> <label for="value1"><img src="../../img/images/1-1.png" alt="图片丢失" title="商品1"></label>
                                     </th>
                                     <th><span>
                                             创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
@@ -143,14 +142,15 @@
                     <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> -->
                     <li><a href="qrcode.html" onclick="settlem();">提交订单</a></li>
                 </div>
             </div>
@@ -159,14 +159,13 @@
 
     </section>
     <!-- 底部导航 -->
-    <iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
-        marginwidth='0'></iframe>
+    <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();

From 7b9de83685f40feb6ee29a58bdbc51cf83515f22 Mon Sep 17 00:00:00 2001
From: YDD <3223657165@qq.com>
Date: Wed, 15 Sep 2021 17:35:24 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E8=AE=A2=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 htmls/logshoppingcar/shopcar.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/htmls/logshoppingcar/shopcar.html b/htmls/logshoppingcar/shopcar.html
index a54b7eb..1db7213 100644
--- a/htmls/logshoppingcar/shopcar.html
+++ b/htmls/logshoppingcar/shopcar.html
@@ -128,7 +128,7 @@
                             <td></td>
                             <td>总数：<span id="allCount"></span>件</td>
                             <td>总价：￥<span id="allPrice"></span></td>
-                            <td><span id="accounts" onclick="accounts();">结算</span></td>
+                            <td><a href="./tobepaid.html"><span id="accounts" onclick="accounts();">结算</span></a></td>
 
                         </tr>
                     </tfoot>